File "main-green.css"
Full Path: /home/thebyphq/gemsols.co/takemyclassnow/css/main-green.css
File size: 330.39 KB
MIME-type: text/plain
Charset: utf-8
@charset "IBM437";
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
background-color: transparent;
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
body {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 1.2; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background: transparent; }
a:active,
a:hover {
outline: 0; }
body a:focus {
outline: 0 none;
text-decoration: none; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: 700; }
dfn {
font-style: italic; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
textarea {
overflow: auto;
resize: none; }
textarea.resize-vertical {
resize: vertical; }
textarea.resize-horizontal {
resize: horizontal; }
textarea.resize-both {
resize: both; }
optgroup {
font-weight: 700; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/* End Normalize */
button {
border: 0; }
.b-left {
float: left; }
.b-right {
float: right; }
.f-center {
text-align: center; }
.f-left {
text-align: left; }
.f-right {
text-align: right; }
.f-justify {
text-align: justify; }
a {
color: #898989;
text-decoration: none; }
a:hover {
color: #72be58;
text-decoration: none; }
.b-remaining {
overflow: hidden; }
h1, .h1 {
font-size: 3.23077em;
line-height: 1;
margin: 5px 0 20px 0;
text-transform: uppercase; }
h2, .h2 {
font-size: 2.30769em;
line-height: 1.33333;
color: #666666;
text-transform: uppercase;
margin: 5px 0 10px 0; }
h3, .h3 {
font-size: 1.53846em;
line-height: 1.2;
color: #666666;
margin: 5px 0 10px 0;
text-transform: uppercase; }
h4, .h4 {
font-size: 1.23077em;
line-height: 1.5;
color: #72be58;
margin: 5px 0 10px 0;
text-transform: uppercase; }
.b-h4-special {
font-size: 1.07692em;
line-height: 1.71429;
color: #72be58;
text-transform: uppercase; }
.f-h4-special {
margin: 0 0 10px 0;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 5px; }
.f-more {
color: #72be58;
text-decoration: none; }
.f-more:hover {
color: #666666; }
.f-selection {
color: #72be58; }
.f-small {
font-size: 0.92308em;
line-height: 2; }
p {
font-size: 0.92308em;
line-height: 2; }
.b-col-default-indent > [class*='col-'] {
margin-top: 15px;
margin-bottom: 15px; }
.b-col-default-indent__top-block {
margin-top: -15px; }
.f-uppercase {
text-transform: uppercase; }
.f-none-uppercase {
text-transform: none; }
@media screen and (max-width: 479px) {
.col-mini-12 {
width: 100%; } }
.fa:before {
font-family: "FontAwesome"; }
.f-c-success {
color: #00b89a; }
.f-c-warning {
color: #bf130f; }
.f-size-default {
font-size: 13px;
line-height: 1.2; }
.b-img-responsive {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto; }
.b-img-l {
float: left;
margin: 10px 10px 10px 0; }
.b-img-r {
float: right;
margin: 10px 0px 10px 10px; }
.j-item-hover-action {
position: relative; }
body .b-bg-transparent {
background-color: transparent; }
.b-shadow-container {
border: 5px solid white;
border-radius: 3px;
box-shadow: 0 0 2px #b1b1b1; }
body .b-null-bottom-indent {
margin-bottom: 0;
padding-bottom: 0; }
body .b-null-top-indent {
margin-top: 0;
padding-top: 0; }
@media screen and (max-width: 767px) {
body .b-null-bottom-indent-xs {
margin-bottom: 0;
padding-bottom: 0; } }
[class*='--inherit'] *,
[class*='--inherit'] i {
color: inherit; }
body .b-radius-null {
border-radius: 0; }
body .b-radius-2 {
border-radius: 2px; }
.b-margin-right-default {
margin-right: 2em; }
.b-margin-right-standard {
margin-right: 1em; }
.b-margin-left-default {
margin-left: 2em; }
.b-margin-left-standard {
margin-left: 1em; }
.b-margin-top-standard {
margin-top: 1em; }
.b-margin-top-small {
margin-top: 0.5em; }
.b-margin-bottom-standard {
margin-bottom: 1em; }
.b-margin-bottom-small {
margin-bottom: 0.5em; }
body .f-lineheight-small {
line-height: 1; }
body .f-lineheight-big {
line-height: 2; }
.b-default-top-indent {
margin-top: 30px; }
.b-remaining--full-width {
width: 100%; }
@media screen and (min-width: 768px) {
.b-column-20p:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-column-20p > .b-column {
float: left;
margin-left: 1%;
width: 19.2%; }
.b-column-20p > .b-column:first-child, .b-column-20p > .b-column:nth-child(5n+1) {
margin-left: 0; } }
.b-relative {
position: relative; }
body .b-align-middle {
vertical-align: middle; }
.b-align-top {
vertical-align: top; }
.j-masonry-item {
padding: 0; }
.j-masonry-item > div {
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 0; }
@media screen and (max-width: 767px) {
.j-masonry-item {
width: 100%; } }
body .b-hidden {
display: none; }
.color-theme-preloader {
visibility: hidden; }
#home.home {
position: absolute;
width: 100%;
height: 70px;
top: 0px;
z-index: -1; }
.l-main-container {
background: white;
position: relative;
z-index: 1; }
.l-body-boxed {
margin: 0 auto;
max-width: 1360px; }
.l-body-boxed header,
.l-body-boxed .j-fixed-slider,
.l-body-boxed [data-fixed_top],
.l-body-boxed #home.home {
margin: 0 auto;
max-width: 1360px; }
.l-body-boxed .j-fixed-slider,
.l-body-boxed [data-fixed_top],
.l-body-boxed .l-main-container {
overflow: hidden; }
.l-container {
margin: 0 auto;
max-width: 1170px; }
.l-container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 1170px) {
.l-container {
padding: 0 10px; } }
.l-inner-page-container {
padding: 30px 0; }
.b-page-over {
background: white;
position: relative;
z-index: 3; }
.iframe-container {
background: url("../img/bg/pattern-lg/pattern_2.png") repeat left top; }
.iframe-container > body {
overflow: hidden;
background: transparent; }
#iframe {
display: block;
margin: 0 auto;
padding-top: 66px; }
/* Primary font */
.f-primary {
font-family: "Open Sans", sans-serif;
font-weight: normal; }
.f-primary-it {
font-style: italic;
font-weight: normal; }
.f-primary-b-it {
font-weight: 700;
font-style: italic; }
.f-primary-sb-it {
font-weight: 600;
font-style: italic; }
.f-primary-l-it {
font-weight: 300;
font-style: italic; }
.f-primary-b {
font-weight: 700; }
.f-primary-sb {
font-weight: 600; }
.f-primary-l {
font-weight: 300; }
.f-primary-eb {
font-weight: 800; }
/* Secondary font */
.f-secondary {
font-family: "Merriweather", serif;
font-weight: normal; }
.f-secondary-it {
font-family: "Merriweather", serif;
font-style: italic;
font-weight: normal; }
.f-secondary-l-it {
font-family: "Merriweather", serif;
font-style: italic;
font-weight: 300; }
.f-secondary-b-it {
font-family: "Merriweather", serif;
font-style: italic;
font-weight: 700; }
.f-secondary-b {
font-family: "Merriweather", serif;
font-weight: 700; }
.f-secondary-l {
font-family: "Merriweather", serif;
font-weight: 300; }
.b-btn {
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
background: #72be58;
cursor: pointer;
display: inline-block;
padding: 8px 16px 6px 16px; }
.b-btn:hover {
background: #5e9c48; }
.b-btn.b-btn--load {
padding: 7px 14px 7px 10px; }
.b-btn.b-btn--load .fa {
margin: 0 6px 0 0; }
.b-btn a.b-btn--load:focus {
color: white; }
.f-btn {
font-size: 1em;
line-height: 1;
color: white;
text-align: center;
text-transform: uppercase;
text-shadow: 0 -1px 1px #5e9c48; }
.f-btn:hover {
color: white; }
.f-btn.f-left {
text-align: left; }
.f-btn.f-btn-load {
font-size: 1.07692em;
line-height: 1.14286; }
.f-btn.f-btn-load .fa {
font-size: 16px; }
.b-btn-sm {
border-radius: 2px;
padding: 7px 10px 5px;
border-width: 0 0 1px 0;
min-width: 78px; }
.f-btn-sm {
text-transform: none; }
.b-btn-md {
border-radius: 2px;
padding: 12px 15px 8px; }
@media screen and (max-width: 979px) {
.b-btn-md {
padding: 10px 15px 6px; } }
.f-btn-md {
font-size: 1.23077em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-btn-md {
font-size: 1em;
line-height: 1; } }
.b-btn-default {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-bottom: 3px solid #5e9c48; }
.b-btn-primary {
background: #333333;
border-bottom: 1px solid #4f4f4f; }
.b-btn-primary:hover {
background: #5e9c48;
border-bottom: 1px solid #5e9c48; }
.b-btn-light {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: white; }
.b-btn-light:hover {
background: #72be58; }
.f-btn-light {
color: #72be58;
text-shadow: none; }
.f-btn-light:hover {
color: white; }
.b-btn.b-btn__w100 {
display: block;
width: 100%; }
.b-btn-icon-sm {
margin-right: 8px; }
.b-btn-biggest {
display: block;
padding: 15px 15px 12px;
border-radius: 3px;
border-bottom: 2px solid #5e9c48; }
.f-btn-biggest {
color: white;
font-size: 1em;
line-height: 1.2; }
.b-btn-transparent {
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
background: transparent;
border: 1px solid white;
cursor: pointer;
display: inline-block;
padding: 15px 23px 15px 23px; }
.b-btn-transparent:hover {
background: rgba(108, 108, 108, 0.7); }
.f-btn-transparent {
font-size: 1.07692em;
line-height: 1;
color: white;
text-transform: uppercase; }
.b-btn-sm-md {
border-radius: 2px;
padding: 9px 10px 7px 10px; }
.b-btn-sm-md i {
margin-right: 2px; }
.f-btn-sm-md {
font-size: 1.07692em;
line-height: 1.2;
text-transform: none; }
.b-btn-strong {
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
background: #666666;
border-bottom: 2px solid #616161;
border-radius: 2px;
display: inline-block;
padding: 8px 6px 6px; }
.b-btn-strong:hover {
background: #72be58;
border-color: #5e9c48; }
.f-btn-strong {
font-size: 0.92308em;
line-height: 1.2;
color: white; }
.f-btn-strong:hover {
color: white; }
[class*='button-'] {
-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;
background: #72be58;
border-bottom: 2px solid #5e9c48;
color: white;
font-weight: 700;
display: inline-block;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2); }
[class*='button-']:hover {
color: white;
background-color: #5e9c48; }
[class*='button-xs'] {
font-size: 1em;
line-height: 1;
border-radius: 2px;
padding: 10px 22px 8px; }
[class*='button-sm'] {
font-size: 1.07692em;
line-height: 1;
background: #72be58;
border-bottom: 2px solid #5e9c48;
border-radius: 2px;
padding: 15px 24px 9px; }
[class*='button-lg'] {
font-size: 1.23077em;
line-height: 1;
background: #72be58;
border-bottom: 2px solid #5e9c48;
border-radius: 2px;
padding: 16px 23px 14px;
text-transform: uppercase; }
.b-btn-container [class*='btn-'], .b-btn-container [class*='button'] {
margin-right: 10px; }
body .b-btn-type-square [class*='btn-'], body .b-btn-type-square [class*='button'] {
border-radius: 100px; }
.b-btn-special {
white-space: nowrap;
background: rgba(0, 0, 0, 0.21);
border-radius: 5px;
box-shadow: 0 0 3px #333333 inset, 0 1px 0 rgba(255, 255, 255, 0.21);
display: inline-block;
padding: 5px 8px 4px; }
.b-btn-special i {
padding: 4px 5px; }
.b-btn-special p {
display: table-cell;
padding: 0 5px; }
.f-btn-special {
text-align: left; }
.f-btn-special i {
font-size: 3.07692em;
line-height: 1; }
.f-btn-special span {
font-size: 0.92308em;
line-height: 1.5; }
.f-btn-special strong {
font-size: 1.38462em;
line-height: 1.33333; }
.f-btn-special .b-icon-fix {
font-size: 3.84615em;
line-height: 1;
margin-top: -5px;
margin-bottom: -5px; }
.b-btn--icon-only i {
margin-right: 0;
margin-left: 0; }
.btn-close-o {
font-size: 0.84615em;
line-height: 1;
padding: 2px;
border-radius: 50px;
background-color: #515151;
color: white;
text-align: center;
display: inline-block; }
.btn-close-o:hover {
background-color: #72be58;
color: white; }
.btn-close-o i:before {
width: 11px;
display: block; }
.button-red {
background-color: #d10c0c;
border-color: #c10b0b; }
.button-red:hover {
background-color: #c10b0b; }
.button-green-bright {
background-color: #41a60a;
border-color: #3c9909; }
.button-green-bright:hover {
background-color: #3c9909; }
.button-turquoise {
background-color: #0f999e;
border-color: #0e8d92; }
.button-turquoise:hover {
background-color: #0e8d92; }
.button-gray {
background-color: #4d4d4d;
border-color: #474747; }
.button-gray:hover {
background-color: #474747; }
.button-yellow {
background-color: #d8a801;
border-color: #c79b01; }
.button-yellow:hover {
background-color: #c79b01; }
.button-orange {
background-color: #ff391f;
border-color: #eb351d; }
.button-orange:hover {
background-color: #eb351d; }
.button-blue {
background-color: #2158d3;
border-color: #1e51c2; }
.button-blue:hover {
background-color: #1e51c2; }
.button-purple {
background-color: #a70dd3;
border-color: #9a0cc2; }
.button-purple:hover {
background-color: #9a0cc2; }
.button-cherry {
background-color: #c211a7;
border-color: #b3109a; }
.button-cherry:hover {
background-color: #b3109a; }
.button-raspberries {
background-color: #d91463;
border-color: #c8125b; }
.button-raspberries:hover {
background-color: #c8125b; }
.button-green {
background-color: #667717;
border-color: #5e6e15; }
.button-green:hover {
background-color: #5e6e15; }
.button-gray-light {
background-color: #999999;
border-color: #868686; }
.button-gray-light:hover {
background-color: #868686; }
.button-gray-light:hover {
background-color: #72be58;
border-color: #5e9c48; }
.button-gray:hover {
background-color: #72be58;
border-color: #5e9c48; }
.b-btn-transparent {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: transparent;
border: 2px solid white;
border-radius: 4px;
display: inline-block;
padding: 14px; }
.b-btn-transparent:hover {
background: black; }
.f-btn-transparent {
font-size: 1.07692em;
line-height: 1;
color: white; }
.f-btn-transparent:hover {
color: white; }
.btn-demo {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 16px 33px;
background-color: #72be58;
border: 2px solid #72be58;
color: white;
display: inline-block;
font-size: 1.23077em;
line-height: 1.2;
margin-right: 4px; }
.btn-demo:hover {
color: white;
background: black; }
@media screen and (max-width: 479px) {
.btn-demo {
margin-left: 4px;
margin-bottom: 5px; } }
.btn-demo-stroke {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 16px 33px;
color: white;
border: 2px solid white;
display: inline-block;
cursor: pointer;
font-size: 1.23077em;
line-height: 1.2;
margin-left: 4px; }
.btn-demo-stroke:hover {
color: white;
background: black; }
@media screen and (max-width: 479px) {
.btn-demo-stroke {
margin-right: 4px;
margin-top: 5px; } }
.btn-video-sl {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 16px 33px;
background-color: #72be58;
border: 2px solid white;
color: white;
display: inline-block;
cursor: pointer;
font-size: 1.23077em;
line-height: 1.2;
margin-right: 4px; }
.btn-video-sl:hover {
color: white;
background: black;
border: 2px solid black; }
@media screen and (max-width: 479px) {
.btn-video-sl {
margin-left: 4px;
margin-bottom: 5px; } }
.btn-video-sl-stroke {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 16px 33px;
color: white;
border: 2px solid white;
display: inline-block;
cursor: pointer;
font-size: 1.23077em;
line-height: 1.2;
margin-left: 4px; }
.btn-video-sl-stroke:hover {
color: white;
background: #72be58;
border: 2px solid #72be58; }
@media screen and (max-width: 479px) {
.btn-video-sl-stroke {
margin-right: 4px;
margin-top: 5px; } }
.b-btn-title-real-estate.button-xs {
font-size: 12px;
text-transform: uppercase;
padding: 5px 5px 2px; }
.b-hr {
margin: 25px 0;
border-top: 1px solid #d8d8d8;
width: 100%; }
.b-hr-stars {
color: #72be58;
margin: 30px auto;
width: 46%;
position: relative; }
@media screen and (max-width: 979px) {
.b-hr-stars {
width: 71%;
margin: 25px auto; } }
@media screen and (max-width: 767px) {
.b-hr-stars {
width: 100%; } }
.b-hr-stars:before {
content: '';
width: 100%;
top: 6px;
left: 0;
border-top: 1px solid #d8d8d8;
position: absolute; }
.b-hr-stars.b-hr-stars__double-bord:before {
border-top-style: double;
border-width: 4px; }
.b-hr-stars.b-hr-stars__no-bord:before {
border-top: 0; }
.f-hr-stars {
text-align: center; }
.b-hr-stars__group {
background: #fff;
position: relative;
display: inline-block;
padding: 0 5px; }
.b-hr-light {
background: #ececec;
border: 0;
height: 1px; }
.b-hr-with-btn {
display: inline-block;
margin: auto;
position: relative;
margin-bottom: 10px; }
.b-hr-with-btn:before, .b-hr-with-btn:after {
content: '';
width: 530px;
height: 1px;
background-color: #ebebeb;
position: absolute;
top: 14px;
margin: 0 10px; }
.b-hr-with-btn:before {
left: 100%; }
.b-hr-with-btn:after {
right: 100%; }
.b-diagonal-line-bg-light {
background-image: url("../img/diagonal-line-bg-light.png");
background-repeat: repeat;
background-position: 0 0; }
.b-bg-block-education {
background-image: url("../img/slider/section-bg-education.jpg"); }
.b-bg-block-meadow {
background-image: url("../img/slider/section-bg-meadow.jpg"); }
.b-bg-block-girl {
background-image: url("../img/slider/slider-girl.jpg"); }
.b-bg-block-mobile {
background: url("../img/slider/section-bg-mobile.jpg") no-repeat center bottom;
background-size: cover; }
.b-bg-full-primary {
background-color: #fafafa;
border-bottom: 1px solid #e8e8e8; }
.b-bg-gradient {
background: url("../img/slider/section-bg-gradient.jpg") no-repeat center center; }
.b-bg-street {
background: url("../img/slider/section-bg-street.jpg") no-repeat center center; }
.b-bg-header-inner-page {
background: url("../img/inner-head-bg.jpg") no-repeat center;
background-size: cover; }
.b-bg-header-inner-page_2 {
background: url("../img/inner-head-bg_2.jpg") no-repeat center;
background-size: cover; }
.b-bg-breadcrumbs {
background: white;
background: -webkit-linear-gradient(top, white, #f9f9f9);
background: -moz-linear-gradient(top, white, #f9f9f9);
background: -o-linear-gradient(top, white, #f9f9f9);
background: -ms-linear-gradient(top, white, #f9f9f9);
background: linear-gradient(to bottom, white, #f9f9f9); }
.b-bg-girl {
background: url("../img/slider/section-bg-girl.jpg") no-repeat center center;
background-size: cover; }
.b-bg-girl-2 {
background: linear-gradient(to right, rgba(108, 108, 108, 0.7), rgba(108, 108, 108, 0.7)), url("../img/slider/slider-bg-image-1.png") no-repeat center center;
background-size: cover; }
.b-bg-video_v2 {
background: url("../img/slider/section-bg-video.jpg") no-repeat center center;
background-size: cover; }
.b-bg-default {
background: url("../img/bg_default.png") no-repeat center center;
background-size: cover; }
.b-bg-light-lg {
background: url("../img/bg_light-lg.jpg") no-repeat center bottom;
background-size: cover; }
.b-bg-dark-lg {
background: url("../img/bg_dark-lg.jpg") no-repeat center top;
background-size: cover; }
/*BG-Video*/
.b-bg-video {
width: 100%;
position: relative;
overflow: hidden;
background-size: cover;
border-bottom: 1px solid #e8e8e8; }
.b-bg-video video {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
@media screen and (max-width: 1023px) {
.b-bg-video video {
width: 120%; } }
@media screen and (max-width: 639px) {
.b-bg-video video {
width: auto;
height: 600px; } }
.b-bg-video .fa-pause {
font-size: 2em;
line-height: 1.2;
vertical-align: middle; }
.b-bg-video .fa-pause:before {
position: relative;
top: 16px;
left: 1px; }
.b-bg-video .b-bg-video-controls {
min-height: 92px; }
.b-bg-video * {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none; }
.b-bg-video-box {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url("../img/slider/slider-bg-video.jpg") no-repeat;
background-size: cover; }
.b-bg-video_cont {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
padding-top: 95px;
padding-bottom: 75px; }
@media screen and (max-width: 979px) {
.b-bg-video_cont {
padding-top: 48px; } }
@media screen and (max-width: 979px) {
.b-bg-video_cont {
padding-top: 42px;
padding-bottom: 45px; } }
.b-bg-video_cont.video-color-overlay {
background-color: rgba(114, 190, 88, 0.5); }
.f-bg-video {
color: white;
text-align: center; }
.f-bg-video__play_btn {
font-size: 5.23077em;
line-height: 1; }
@media screen and (max-width: 767px) {
.f-bg-video__play_btn {
font-size: 4.61538em;
line-height: 1; } }
.b-bg-video__play_btn {
cursor: pointer; }
.b-bg-video__play_title {
margin-bottom: 14px; }
.f-bg-video__play_title {
font-size: 3.69231em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-bg-video__play_title {
font-size: 3.07692em;
line-height: 1; } }
@media screen and (max-width: 767px) {
.f-bg-video__play_title {
font-size: 2.76923em;
line-height: 1.33333; } }
.b-bg-video__play_text-wrap {
overflow: hidden; }
.b-bg-video__play_text {
margin-bottom: 105px; }
@media screen and (max-width: 767px) {
.b-bg-video__play_text {
margin-bottom: 0; } }
.b-bg-video__play_text span {
padding: 0 10px;
vertical-align: middle; }
.b-bg-dotted {
background: url("../img/dotted.png") repeat-x left center;
content: '';
display: inline-block;
height: 3px;
vertical-align: middle;
width: 14%; }
.f-bg-video__play_text {
white-space: nowrap;
text-align: center; }
.f-bg-video__play_text span {
font-size: 1.53846em;
line-height: 1;
text-transform: uppercase;
white-space: normal; }
@media screen and (max-width: 979px) {
.f-bg-video__play_text span {
font-size: 1.30769em;
line-height: 1; } }
.b-bg-video__numbers:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-bg-video__numbers {
display: none; } }
.b-bg-video__numbers [class*=' col- '] {
border-left: 1px solid rgba(255, 255, 255, 0.3);
padding: 0; }
.b-bg-video__numbers [class*=' col- ']:first-child {
border-left: 0; }
.f-bg-video__numbers_item {
text-align: center; }
.f-bg-video__numbers_item_n {
font-size: 4.61538em;
line-height: 1; }
@media screen and (max-width: 979px) {
.f-bg-video__numbers_item_n {
font-size: 3.84615em;
line-height: 1; } }
.f-bg-video__numbers_item_hint {
font-size: 1.84615em;
line-height: 1.66667;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-bg-video__numbers_item_hint {
font-size: 1.53846em;
line-height: 1.7; } }
.b-bg-slider-lg-info-l__item-title {
background: rgba(108, 108, 108, 0.7); }
.b-alternative-bg {
background: #f8f8f8; }
.b-bg-video-controls .fa-pause {
display: none; }
.b-bg-video.device-ios .b-bg-video-controls {
display: none; }
.b-bg-video.device-ios .b-bg-video-controls i {
display: none; }
.b-bg-video.device-ios .b-bg-video-box video {
display: none; }
.parallax-section-bg {
background-repeat: no-repeat;
background-attachment: fixed; }
@media screen and (max-width: 1024px) {
.parallax-section-bg {
background-attachment: scroll; } }
.b-stars-group {
font-size: 1.07692em;
line-height: 1.2;
color: #929292; }
.b-stars-group > .is-active-stars {
color: #72be58; }
.b-social-icons {
margin-left: -3px;
margin-right: -4px; }
.b-social-icons .b-social-icon {
margin: 0 3px 8px 4px; }
.b-social-icon {
height: 36px;
width: 36px;
padding: 8px;
background: #ececec; }
.b-social-icon:hover {
background: #72be58; }
.f-social-icon {
font-size: 1.23077em;
line-height: 1.2;
color: #666666;
text-align: center; }
.f-social-icon:hover {
color: white; }
.b-big-square-icon {
background: #72be58;
border-radius: 100px;
width: 70px;
height: 70px;
box-shadow: 0 -3px 0 #5e9c48 inset; }
.f-big-square-icon {
font-size: 3.07692em;
line-height: 1.75;
text-align: center; }
/*icon real_estate*/
.b-icon {
display: inline-block;
vertical-align: bottom;
width: 21px;
height: 19px;
background: url("../img/real_state/icon.png") no-repeat 0 0; }
.b-icon.b-icon--bed {
background-position: 0 0; }
.b-icon.b-icon--bathrooms {
background-position: 0 -29px; }
.b-icon.b-icon--garage {
background-position: 0 -58px; }
.b-ol-list-text-container {
display: inline-block; }
@media screen and (max-width: 767px) {
.b-ol-list-text-container {
display: block; } }
.b-ol-list-text__item {
border-bottom: 1px solid #e5e5e5;
padding-top: 15px;
padding-right: 6%; }
@media screen and (max-width: 767px) {
.b-ol-list-text__item {
padding-right: 0; } }
.b-ol-list-text__item:last-child {
margin-bottom: 10px; }
.b-ol-list-text__item_number {
background: #fff;
border: 2px solid #f4f4f4;
border-radius: 4px;
float: left;
padding: 10px 12px; }
@media screen and (max-width: 767px) {
.b-ol-list-text__item_number {
padding: 8px 12px; } }
.f-ol-list-text__item_number {
font-size: 1.15385em;
line-height: 1;
color: #72be58;
white-space: nowrap; }
.b-ol-list-text__item_info {
overflow: hidden;
padding-left: 15px; }
.f-ol-list-text__item_info-title {
font-size: 1.23077em;
line-height: 1.25;
text-decoration: none; }
@media screen and (max-width: 979px) {
.f-ol-list-text__item_info-title {
font-size: 1em;
line-height: 1.30769; } }
.b-ol-list-text__item_info-desc {
margin: 5px 0 18px; }
.f-ol-list-text__item_info-desc {
font-size: 0.92308em;
line-height: 1.2;
color: #949494; }
@media screen and (max-width: 979px) {
.f-ol-list-text__item_info-desc {
font-size: 0.76923em;
line-height: 1.2; } }
@media screen and (max-width: 767px) {
.f-ol-list-text__item_info-desc {
font-size: 1em;
line-height: 1.30769; } }
.b-list-with-icons__item {
border-top: 1px solid rgba(204, 204, 204, 0.2);
padding: 22px 0; }
.b-list-with-icons__item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-list-with-icons__item:first-child {
border-top: 0; }
.b-list-with-icons__item_icon {
background: white;
border: 2px solid #f4f4f4;
border-radius: 4px;
padding: 15px 0;
min-width: 65px;
float: left; }
.f-list-with-icons__item_icon {
font-size: 1.92308em;
line-height: 1;
text-align: center; }
.f-list-with-icons__item_icon_1 {
color: #e26228; }
.f-list-with-icons__item_icon_2 {
color: #00c6cd; }
.f-list-with-icons__item_icon_3 {
color: #83b705; }
.b-list-with-icons__item_text {
overflow: hidden;
padding-left: 14px; }
.b-list-with-icons__item_desc {
padding: 5px 0; }
.f-list-with-icons__item_title {
font-size: 1.07692em;
line-height: 1;
text-transform: uppercase; }
.f-list-with-icons__item_desc {
font-size: 0.92308em;
line-height: 2; }
.b-form-inline .b-form-group {
display: inline-block;
vertical-align: middle;
margin-bottom: 0; }
label {
vertical-align: middle;
font-weight: normal; }
label p {
margin: 0; }
.b-form-group label {
display: block; }
.b-form-group-inline {
margin-right: 10px; }
.b-form-group-inline label {
display: inline-block; }
.b-form-control {
border: 0;
border-radius: 2px;
height: 31px;
outline: 0;
padding: 3px 7px; }
.b-form-control__icon-wrap {
position: relative; }
.b-form-control__icon-wrap .form-control {
height: 32px; }
.b-form-control__icon {
position: absolute;
right: 9px;
top: 9px; }
.f-form-control__icon {
font-size: 1.07692em;
line-height: 1.07143;
color: #72be58; }
.disabled .f-form-control__icon {
color: #666666; }
/* select */
.b-form-select select {
width: 100%; }
.b-form-select span.ui-icon {
right: 9px;
margin-top: -2px;
position: absolute;
border-style: solid;
border-width: 6px;
border-color: #666666 transparent transparent transparent; }
.b-form-select span.ui-selectmenu-button {
font-size: 0.92308em;
line-height: 1.83333;
outline: 0 none;
border: 1px solid #dddddd;
border-radius: 2px;
color: #666666;
width: 100% !important;
display: block;
overflow: inherit; }
.b-form-select span.ui-selectmenu-button:before {
content: '';
height: 100%;
border-left: 1px solid #dddddd;
border-radius: 1px;
position: absolute;
right: 29px;
width: 30px;
margin-right: -30px;
background-color: transparent;
top: 0; }
.b-form-select.c-arrow-secondary span.ui-icon {
border-top-color: white; }
.b-form-select.c-arrow-secondary span.ui-selectmenu-button:before {
border-left: 1px solid #72be58;
background-color: #72be58;
box-shadow: 0 0 0 1px #72be58; }
.b-form-select.disabled span.ui-icon {
border-top-color: #b1b1b1; }
.b-form-select.disabled span.ui-selectmenu-button:before {
border-left: 1px solid #dddddd;
background-color: #dddddd;
box-shadow: 0 0 0 1px #dddddd; }
.b-form-select .ui-selectmenu-text {
line-height: 20px !important;
padding: 0.4em 2.5em 0.4em 1em !important; }
.ui-selectmenu-menu .ui-menu {
border: 1px solid #dddddd;
border-top: 0;
background-color: #f3f3f3;
padding-bottom: 0;
margin-top: 5px; }
.ui-selectmenu-menu .ui-menu .ui-menu-item {
padding: 7px 1em 7px .8em;
border-top: 1px solid #dddddd;
color: #666666; }
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
margin: 0; }
.ui-selectmenu-menu .ui-menu .ui-menu-item:hover {
background-color: #c3c4c5;
color: white; }
/* end select */
/* input radio */
input[type="radio"].b-form-radio {
display: none; }
input[type="radio"].b-form-radio + span {
display: inline-block;
line-height: 16px;
min-height: 16px;
position: relative;
cursor: pointer; }
input[type="radio"].b-form-radio + span + p {
font-size: 1em;
line-height: 1.53846;
margin-bottom: 0;
vertical-align: middle;
position: relative;
top: -1.2em;
padding-left: 2em; }
input[type="radio"].b-form-radio + span + p span {
position: relative;
top: 5px; }
input[type="radio"].b-form-radio + span span {
vertical-align: bottom; }
input[type="radio"].b-form-radio + span:before, input[type="radio"].b-form-radio + span:after {
content: "";
display: inline-block;
border-radius: 50%; }
input[type="radio"].b-form-radio + span:before {
width: 16px;
height: 16px;
margin-right: 5px;
background-color: white;
box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #dddddd;
vertical-align: bottom; }
input[type="radio"].b-form-radio.b-form-radio--big-indent + span {
margin-left: 1em;
margin-right: 1em; }
input[type="radio"].b-form-radio:checked + span:before {
box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
input[type="radio"].b-form-radio:checked + span:after {
background-color: #72be58;
position: absolute;
left: 4px;
top: 4px;
width: 8px;
height: 8px; }
input[type="radio"].b-form-radio:disabled + span:after {
background-color: #b1b1b1; }
input[type="radio"].b-form-radio-invert + span:before {
background-color: #fff2ec;
border: 1px solid #72be58;
box-shadow: none; }
input[type="radio"].b-form-radio-invert:checked + span:after {
box-shadow: 0 0 2px 1px white; }
input[type="radio"].b-form-radio-invert-filled + span:before {
background-color: #72be58;
border: 1px solid #72be58;
box-shadow: none; }
input[type="radio"].b-form-radio-invert-filled:checked + span:after {
background-color: white; }
/* end input radio */
/* input checkbox */
input[type="checkbox"].b-form-checkbox {
display: none; }
input[type="checkbox"].b-form-checkbox + span {
display: inline-block;
line-height: 16px;
min-height: 16px;
position: relative; }
input[type="checkbox"].b-form-checkbox + span span {
vertical-align: bottom; }
input[type="checkbox"].b-form-checkbox + span:before, input[type="checkbox"].b-form-checkbox + span:after {
content: "";
display: inline-block;
border-radius: 2px;
vertical-align: bottom; }
input[type="checkbox"].b-form-checkbox + span:before {
margin-right: 5px;
width: 16px;
height: 16px;
background-color: white;
box-shadow: inset 0px -1px 3px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #dddddd; }
input[type="checkbox"].b-form-checkbox:checked + span:after {
font-size: 12px;
line-height: 1;
font-family: "FontAwesome";
content: "\f00c";
color: #72be58;
position: absolute;
top: 2px;
left: 2px; }
input[type="checkbox"].b-form-checkbox:disabled + span:before {
background-color: #e6e6e6;
box-shadow: none; }
input[type="checkbox"].b-form-checkbox:disabled + span:after {
color: #b1b1b1; }
input[type="checkbox"].b-form-checkbox-simple + span:before {
box-shadow: none; }
input[type="checkbox"].b-form-checkbox-simple:checked + span:after {
font-size: 10px;
line-height: 1;
top: 3px;
left: 3px; }
input[type="checkbox"].b-form-checkbox-invert + span:before {
background-color: #72be58;
border: 1px solid #72be58; }
input[type="checkbox"].b-form-checkbox-invert:checked + span:after {
color: white; }
input[type="checkbox"].b-form-checkbox-invert:disabled + span {
opacity: .6; }
input[type="checkbox"].b-form-checkbox-invert:disabled + span:before {
background-color: #72be58; }
input[type="checkbox"].b-form-checkbox-invert:disabled + span:after {
color: #b1b1b1; }
/* end input checkbox */
/* switch checkbox */
.b-form-checkbox-switch-container {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
position: relative;
width: 36px; }
.b-form-checkbox-switch-container input[type="checkbox"] {
display: none; }
.b-form-checkbox-switch-container input[type="checkbox"]:checked + .b-form-checkbox-switch-label .b-form-checkbox-switch-label-inner {
margin-left: 0; }
.b-form-checkbox-switch-container input[type="checkbox"]:checked + .b-form-checkbox-switch-label .b-form-checkbox-switch-control {
right: 0px; }
label.b-form-checkbox-switch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid #b1b1b1;
border-radius: 8px; }
.b-form-checkbox-switch-label-inner {
-webkit-transition: margin 0.3s ease-in 0s;
-moz-transition: margin 0.3s ease-in 0s;
-ms-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
display: block;
width: 200%;
margin-left: -100%; }
.b-form-checkbox-switch-label-inner:before, .b-form-checkbox-switch-label-inner:after {
display: block;
float: left;
width: 50%;
height: 14px;
padding: 0; }
.b-form-checkbox-switch-label-inner:before {
content: "";
padding-left: 10px;
background-color: #72be58;
color: white; }
.b-form-checkbox-switch-label-inner:after {
content: "";
padding-right: 10px;
background-color: #d9d9d9;
color: #989898;
text-align: right; }
.b-form-checkbox-switch-control {
-webkit-transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-ms-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
display: block;
width: 16px;
height: 16px;
margin: 0px;
background: #f4f4f4;
border: 1px solid #b9b8b8;
border-radius: 50%;
position: absolute;
top: 0;
right: 20px;
box-shadow: inset 0 2px 1px 0 rgba(255, 255, 255, 0.7); }
.b-form-checkbox-switch-control.b-form-checkbox-switch-control-with-dot:before {
content: "";
position: absolute;
border-radius: 2px;
background-color: #72be58;
left: 5px;
top: 5px;
width: 4px;
height: 4px; }
.b-form-checkbox-switch-square-container.b-form-checkbox-switch-container {
width: 49px; }
.b-form-checkbox-switch-square-container label.b-form-checkbox-switch-label {
border-radius: 2px; }
.b-form-checkbox-switch-square-container .b-form-checkbox-switch-control {
border-radius: 2px;
right: 29px;
top: 1px;
width: 20px;
height: 14px;
background-color: #72be58;
border: 0;
box-shadow: inset 0 2px 2px 1px #72be58; }
.b-form-checkbox-switch-square-container .b-form-checkbox-switch-control:before {
content: "III";
position: absolute;
color: white;
left: 6px;
top: 0px;
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
border-radius: 0;
background-color: transparent; }
/* end switch */
.b-form-row, .b-form-row--big {
margin-bottom: 10px; }
.b-form-row:after, .b-form-row--big:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-form-row--big {
margin-bottom: 17px; }
.b-form-horizontal__label {
width: 130px;
float: left;
padding-top: 8px; }
.b-form-horizontal__input {
width: 265px;
float: left; }
.b-input-search {
padding-right: 47px;
position: relative; }
.b-btn-search {
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 34px;
height: 33px;
border-radius: 3px;
border-bottom: 2px solid #5e9c48; }
.f-btn-search {
font-size: 1.07692em;
line-height: 2.42857;
color: white;
text-align: center; }
.b-file-upload {
padding-right: 48px;
position: relative; }
.b-file-upload input[type=file] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer; }
.b-file-upload > button,
.b-file-upload > .b-file-upload__btn {
font-size: 16px;
line-height: 34px;
height: 100%;
background: #72be58;
border-radius: 3px;
color: white;
padding: 0 10px;
position: absolute;
right: 0; }
.b-file-upload > button:hover,
.b-file-upload > .b-file-upload__btn:hover {
background: #5e9c48; }
.b-file-upload:hover > button, .b-file-upload:hover > .b-file-upload__btn {
background: #5e9c48; }
.b-form-style-small [class*='col-'] {
margin-top: 9px;
margin-bottom: 10px; }
@media screen and (max-width: 979px) {
.b-form-style-small [class*='col-'] {
margin-top: 14px; } }
.b-form-style-small hr {
margin-top: 12px;
margin-bottom: 2px; }
.b-form-style-small .form-control {
font-size: 0.92308em;
line-height: 1.2; }
.form-control--secondary {
font-size: 0.92308em;
line-height: 1.2;
height: 30px;
padding: 5px 9px;
color: #666666;
background-color: #f8f8f8;
border-color: #dedede;
border-radius: 2px; }
.form-control--secondary::-webkit-input-placeholder {
color: #acacac; }
.form-control--secondary::-moz-placeholder {
color: #acacac; }
.form-control--alt {
font-size: 0.92308em;
line-height: 1.2;
height: 30px;
padding: 5px 1em;
color: #555555;
background-color: white;
border-color: #dedede;
border-radius: 2px;
box-shadow: 0 0 0 white; }
.form-control--alt::-webkit-input-placeholder {
color: #989898; }
.form-control--alt::-moz-placeholder {
color: #989898; }
.b-secondary-label-title {
overflow: hidden;
display: inline-block;
margin-top: 4px; }
.f-secondary-label-title {
font-size: 0.92308em;
line-height: 1.5; }
.b-form-radio--nofloat .b-secondary-label-title {
margin-left: 24px; }
.b-form-radio--nofloat .b-secondary-label-title.b-form-radio--big-indent {
margin-left: 48px; }
.input-number-box {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
position: relative; }
.input-number-box:after {
content: "";
width: 1px;
position: absolute;
top: 3px;
bottom: 3px;
right: 24px;
background-color: #dfdfdf; }
@media screen and (max-width: 979px) {
.input-number-box:after {
right: 27px; } }
.input-number {
padding-right: 25px; }
.input-number-more,
.input-number-less {
position: absolute;
right: 8px;
border-width: 5px;
border-style: solid;
cursor: pointer; }
@media screen and (max-width: 979px) {
.input-number-more,
.input-number-less {
border-width: 8px; } }
.input-number-more {
top: 4px;
border-color: transparent transparent #989898 transparent; }
.input-number-more:hover {
border-color: transparent transparent #72be58 transparent; }
@media screen and (max-width: 979px) {
.input-number-more {
top: 7px;
right: 6px; } }
.input-number-less {
bottom: 4px;
border-color: #989898 transparent transparent transparent; }
.input-number-less:hover {
border-color: #72be58 transparent transparent transparent; }
@media screen and (max-width: 979px) {
.input-number-less {
top: 15px;
right: 33px; } }
.b-form-password input,
.b-form-password .b-btn {
width: 100%; }
.b-forgot-password-form {
margin: 57px 0 100px; }
.b-forgot-password-form .is-global-title {
color: #72be58;
margin-bottom: 20px; }
.b-forgot-password-form .b-form-row {
margin-bottom: 19px; }
.b-form-horizontal--mail {
position: relative; }
.b-form-horizontal--mail .fa {
display: block;
position: absolute;
top: 8px;
left: 14px; }
.b-form-horizontal--mail .form-control {
padding-left: 35px;
font-size: 12px;
height: 40px;
border-radius: 0; }
.f-form-horizontal--mail .fa {
font-size: 1.23077em;
line-height: 1.25;
color: #d2d2d2; }
.f-link--color {
color: #72be58; }
.f-link--color:hover {
color: #898989; }
.form-sign-up {
background: rgba(0, 0, 0, 0.12);
border-radius: 30px;
margin: 0 auto 17px;
max-width: 400px;
padding: 8px;
width: 100%; }
.form-sign-up-inner {
position: relative; }
.form-sign-up-inner input {
border-radius: 21px;
border: 0;
height: 42px;
line-height: 42px;
display: block;
outline: 0;
padding-right: 90px;
padding-left: 22px;
position: relative;
width: 100%;
z-index: 1; }
.form-sign-up-inner input::-webkit-input-placeholder {
font-size: 12px;
color: #cdcdcd;
font-weight: 700;
text-transform: uppercase; }
.form-sign-up-inner input::-moz-placeholder {
font-size: 12px;
color: #cdcdcd;
font-weight: 700;
text-transform: uppercase; }
.form-sign-up-inner input:-ms-input-placeholder {
font-size: 12px;
color: #cdcdcd;
font-weight: 700;
text-transform: uppercase; }
.form-sign-up-inner input:focus {
border: 0;
outline: 0; }
.form-sign-up-inner button {
background: #72be58;
background: -webkit-linear-gradient(top, #72be58, #72be58);
background: -moz-linear-gradient(top, #72be58, #72be58);
background: -o-linear-gradient(top, #72be58, #72be58);
background: -ms-linear-gradient(top, #72be58, #72be58);
background: linear-gradient(to bottom, #72be58, #72be58);
font-size: 1.07692em;
line-height: 1.2;
box-shadow: 0 1px 0px 0px #5e9c48, 0 2px 2px 0px rgba(0, 0, 0, 0.4);
border-radius: 17px;
padding: 8px 10px 6px;
color: white;
position: absolute;
right: 8px;
text-transform: uppercase;
top: 5px;
z-index: 2; }
.form-sign-up-inner button:hover {
background: #72be58;
background: -webkit-linear-gradient(top, #72be58, #5e9c48);
background: -moz-linear-gradient(top, #72be58, #5e9c48);
background: -o-linear-gradient(top, #72be58, #5e9c48);
background: -ms-linear-gradient(top, #72be58, #5e9c48);
background: linear-gradient(to bottom, #72be58, #5e9c48); }
.form-sign-up-hint {
font-size: 1.07692em;
line-height: 1.2;
color: #b1b1b1; }
.b-find_title {
background: #5e9c48;
padding: 15px 10px 10px 13px; }
.f-find_title {
font-size: 1.07692em;
line-height: 1.14286;
color: white;
text-transform: uppercase;
vertical-align: middle; }
.b-find_form {
border-bottom: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
padding: 15px 8px 6px 12px; }
.b-find_form .b-form-horizontal__input {
margin-top: 10px;
width: 100%; }
.b-find--row {
margin-top: 20px; }
.f-find_form {
font-size: 0.92308em;
line-height: 1.2; }
input.datepicker {
padding-right: 27px; }
input.datepicker.b-datepicker-without-icon {
padding-right: 12px; }
.form-control::-webkit-input-placeholder {
font-size: 12px;
line-height: 20px; }
.form-control::-moz-placeholder {
font-size: 12px;
line-height: 20px; }
.form-control:-ms-input-placeholder {
font-size: 12px;
line-height: 20px; }
textarea.form-control {
font-size: 12px; }
/*Global Titles*/
h1.is-global-title, h2.is-global-title, h3.is-global-title, h4.is-global-title, h5.is-global-title, h6.is-global-title {
color: #666666;
font-weight: 300;
margin-top: 10px;
margin-bottom: 10px;
text-transform: none; }
h1.is-global-title {
font-size: 1.84615em;
line-height: 1.2; }
h2.is-global-title {
font-size: 1.53846em;
line-height: 1.2; }
h3.is-global-title {
font-size: 1.38462em;
line-height: 1.2; }
h4.is-global-title {
font-size: 1.23077em;
line-height: 1.75; }
h5.is-global-title {
font-size: 1.07692em;
line-height: 1.71429; }
h6.is-global-title {
font-size: 1.07692em;
line-height: 1.42857; }
/* End Global Titles */
/* Global Link */
a.is-global-link,
.is-global-link {
color: #72be58;
text-decoration: underline; }
a.is-global-link:hover,
.is-global-link:hover {
text-decoration: none; }
/* End Global Link */
.is-underline-text {
text-decoration: underline; }
[class*='is-select-text-'] {
display: inline-block;
color: white;
line-height: 1.2; }
.is-select-text-default {
background: #72be58; }
.is-select-text-dark {
background: #515151; }
/* First Letter */
.f-first-letter:first-letter {
color: #72be58;
font-size: 400%;
line-height: 1; }
.b-first-letter {
overflow: hidden; }
.b-first-letter:first-letter {
display: block;
float: left;
margin-right: 8px; }
.f-first-letter--secondary:first-letter {
color: #515151; }
.b-first-letter--circle:first-letter,
.b-first-letter--square:first-letter {
background: #72be58;
padding: 10px;
line-height: 80%; }
.b-first-letter--circle:first-letter {
border-radius: 50%; }
.f-first-letter--circle:first-letter,
.f-first-letter--square:first-letter {
color: white;
font-size: 180%; }
/* End First Letter */
.b-title-b-hr {
border-bottom: 1px solid #d9d9d9;
padding: 40px 0 10px; }
.f-title-b-hr {
font-size: 1.38462em;
line-height: 1.2;
color: #72be58;
text-transform: uppercase; }
.f-title-small {
font-size: 1.07692em;
line-height: 1.42857; }
.f-title-medium {
font-size: 1.23077em;
line-height: 1.25; }
body .f-title-middle {
font-size: 1.53846em;
line-height: 1.3; }
.f-title-big {
font-size: 1.84615em;
line-height: 1.58333; }
.f-title-big.f-uppercase {
padding-top: 0.2em; }
.f-title-big a {
color: #666666; }
.f-title-big a:hover {
color: #72be58; }
.f-title-big a[class*='b-btn-'] {
color: white; }
.f-title-bigger {
font-size: 2.76923em;
line-height: 1.16667; }
.f-title-biggest {
font-size: 3.69231em;
line-height: 1.16667; }
.f-title-smallest {
font-size: 0.92308em;
line-height: 1.2; }
body .f-title-extra-small {
font-size: 0.84615em;
line-height: 1.2; }
.b-primary-title {
padding: 22px 0 10px; }
.f-primary-title {
font-size: 2.30769em;
line-height: 1.2;
color: #72be58; }
[class*='b-table-']:not(.b-table-reset) {
border-collapse: collapse;
width: 100%; }
[class*='b-table-']:not(.b-table-reset) th {
padding: 18px 3px; }
@media screen and (max-width: 767px) {
[class*='b-table-']:not(.b-table-reset) th {
padding-top: 10px;
padding-bottom: 10px; } }
[class*='b-table-']:not(.b-table-reset) tr:nth-child(even) td {
background: #f2f2f2; }
[class*='b-table-']:not(.b-table-reset) tr:last-child td {
border-bottom: 1px solid #dfdfdf; }
[class*='b-table-']:not(.b-table-reset) td {
padding: 14px 3px;
border-left: 1px solid #dfdfdf; }
@media screen and (max-width: 767px) {
[class*='b-table-']:not(.b-table-reset) td {
padding-top: 8px;
padding-bottom: 8px; } }
[class*='b-table-']:not(.b-table-reset) td:last-child {
border-right: 1px solid #dfdfdf; }
[class*='f-table-'] th {
font-size: 1.23077em;
line-height: 1.2;
text-align: center; }
@media screen and (max-width: 767px) {
[class*='f-table-'] th {
font-size: 1em;
line-height: 1.2; } }
.b-table-primary th {
background: #72be58;
border: 1px solid #72be58; }
.f-table-primary th {
color: white; }
.b-table-secondary th {
background: #323232;
border: 1px solid #323232; }
.f-table-secondary th {
color: white; }
[class*='b-blockquote-'] {
border-left: 5px solid #72be58;
padding: 0 10px; }
[class*='f-blockquote-'] {
font-size: 0.92308em;
line-height: 2;
color: #acacac; }
.b-blockquote--primary {
border-width: 1px 1px 1px 5px;
border-style: solid;
border-color: #dedede #dedede #dedede #72be58;
padding: 18px 10px 18px 22px; }
.f-blockquote__icon {
font-size: 2.30769em;
line-height: 1;
color: #72be58; }
.b-blockquote__icon {
float: left;
padding-right: 15px; }
.b-blockquote--secondary {
border-width: 0px 0px 0px 5px;
border-style: solid;
border-color: #72be58;
padding: 0px 10px 0px 22px; }
.f-blockquote--secondary {
font-size: 1.23077em;
line-height: 2; }
.b-blockquote--reverse {
border-width: 0px 5px 0px 0px;
border-style: solid;
border-color: #dedede; }
.f-blockquote--reverse {
text-align: right; }
.b-blockquote--in-text {
max-width: 320px; }
@media screen and (max-width: 767px) {
.b-blockquote--in-text {
max-width: 100%;
float: none; } }
@media screen and (max-width: 767px) {
.b-left .f-blockquote--in-text {
text-align: left; } }
.b-right .f-blockquote--in-text {
text-align: right; }
.f-blockquote--in-text {
text-align: justify; }
header {
background: #fff;
border-bottom: 3px solid #72be58; }
.b-header__box {
padding-top: 18px;
padding-bottom: 20px; }
.b-logo {
display: inline-block; }
.b-header-r {
padding-top: 14px; }
@media screen and (min-width: 1025px) {
.b-header-r.b-header-r--icon {
padding-right: 54px; } }
.b-header-r--icon .b-header-ico-group {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
padding-top: 0; }
.b-header-r--icon .b-header-ico > .fa {
padding: 0 6px;
margin: 0; }
.b-header-ico-group {
padding-top: 8px; }
.b-header-ico-group .b-header-ico {
display: inline-block;
height: 100%;
padding-top: 38px; }
.b-header-ico-group .b-header-ico-cart-parent:hover .b-option-cart__items {
display: block; }
.b-header-ico-group .b-header-ico-cart-parent:hover:after {
background: rgba(255, 255, 255, 0.01);
bottom: 0;
content: "";
height: 50%;
right: 0;
position: absolute;
width: 242px; }
.b-header-ico-group .fa {
font-size: 13px;
margin-right: 13px; }
@media screen and (max-width: 1025px) {
.b-header-ico-group .fa {
display: none; } }
.b-header-ico-group .f-btn .fa {
margin-right: 0; }
.f-header-ico-group .fa {
color: #72be58; }
.f-header-ico-group .f-btn .fa {
color: #72be58; }
.f-header-ico-group .f-btn:hover .fa {
color: white; }
.b-top-options-panel {
min-height: 40px;
border-bottom: 1px solid #ebebeb; }
@media screen and (max-width: 767px) {
.b-top-options-panel {
display: none; } }
.b-option-contacts {
float: left;
padding: 13px 0;
vertical-align: middle; }
.b-option-contacts a {
vertical-align: middle;
margin: 0 10px 0 0; }
.b-option-contacts a .fa {
vertical-align: middle;
margin: 0 2px 0 0; }
.f-option-contacts a {
font-size: 0.92308em;
line-height: 1;
color: #72be58; }
.f-option-contacts a:hover {
color: #898989; }
.f-option-contacts .fa {
font-size: 1.53846em;
line-height: 1; }
.b-option-total-cart {
float: right; }
.b-option-total-cart__goods {
position: relative; }
.b-option-total-cart__numbers {
display: inline-block;
height: 44px;
padding: 0 3px 0 7px;
vertical-align: middle;
background: #f7f7f7; }
.b-option-total-cart__numbers .fa {
margin: 0 8px 0 0; }
.f-option-total-cart__numbers {
font-size: 0.92308em;
line-height: 3.83333;
color: #72be58; }
.f-option-total-cart__numbers:hover {
color: #898989; }
.f-option-total-cart__numbers .fa {
font-size: 1.23077em;
line-height: 1.2; }
.b-option-total-cart__goods:hover .b-option-cart__items {
display: block; }
.b-option-cart__items {
display: none;
position: absolute;
width: 242px;
top: 100%;
right: 0;
border-top: 2px solid #72be58;
box-shadow: 0 1px 1px rgba(108, 108, 108, 0.7);
z-index: 100;
background: white;
padding: 0 10px 14px 15px; }
.b-option-cart__items ul {
padding: 0;
margin: 0 0 10px;
list-style-type: none; }
.b-option-cart__items ul li {
padding: 9px 5px 10px 0;
overflow: hidden;
position: relative;
border-bottom: 1px solid #dadada; }
.b-option-cart__items ul li .b-icon--fa.fa {
display: block;
position: absolute;
top: 50%;
right: 4px;
background: #333333;
color: white;
font-size: 9px;
border-radius: 50%;
padding: 1px 2px 2px;
cursor: pointer;
margin: -6px 0 0; }
.b-option-cart__items:before {
content: '';
display: block;
position: absolute;
bottom: 100%;
right: 3px;
width: 0;
height: 0;
border: 7px solid transparent;
border-bottom-color: #72be58;
border-top: 0; }
.b-option-cart__items__title {
padding: 13px 0 8px 0;
border-bottom: 1px solid #dadada; }
.f-option-cart__items__title {
color: #72be58;
text-transform: uppercase; }
.b-option-cart__items__img {
float: left;
margin: 0 7px 0 0;
height: 50px; }
.b-option-cart__items__img .b-item-hover-action__inner-btn_group .b-btn {
padding: 5px 5px 3px; }
.b-option-cart__items__img .b-item-hover-action__inner-btn_group {
margin: 0; }
.b-option-cart__items__descr {
overflow: hidden; }
.b-option-cart__items__descr .b-option-cart__descr__title {
display: block;
margin: 0 0 8px; }
.b-option-cart__items__descr .b-option-cart__descr__cost {
display: block; }
.b-option-cart__items__descr .f-option-cart__descr__title {
color: #72be58;
font-weight: normal; }
.b-option-cart__items__descr .f-option-cart__descr__title a {
color: #72be58; }
.b-option-cart__items__descr .f-option-cart__descr__title a:hover {
color: #898989; }
.b-option-cart__items__descr .f-option-cart__descr__cost {
color: #666666; }
.b-option-cart__btn .button-xs {
text-transform: uppercase; }
.b-top-options-panel--color.b-top-options-panel {
background: #72be58;
box-shadow: inset 0 -1px 3px rgba(108, 108, 108, 0.7); }
.b-top-options-panel--color .f-option-contacts a {
color: white; }
.b-top-options-panel--color .f-option-total-cart__numbers {
color: white; }
.b-top-options-panel--color .b-option-total-cart__numbers {
background: none; }
.b-search-box {
position: relative;
cursor: pointer; }
.b-search-box .fa {
position: relative;
z-index: 2; }
.b-search-box input {
display: none;
font-size: 0.92308em;
line-height: 1.33333;
position: absolute;
top: -7px;
right: 4px;
z-index: 1;
border: 1px solid #72be58;
height: 33px;
width: 181px;
padding: 0 30px 0 6px;
color: #666666; }
.b-search-box:hover input {
display: block; }
.b-header--bottom-menu {
padding-bottom: 0; }
.b-header--bottom-menu .b-header-r {
background: #72be58;
box-shadow: inset 0 -2px 5px #5e9c48;
padding: 0;
margin: 0 0 -3px;
height: 46px; }
@media screen and (max-width: 1024px) {
.b-header--bottom-menu .b-header-r {
display: none; } }
@media screen and (max-width: 1024px) {
.b-header--bottom-menu .b-header-ico-group {
display: none; } }
.b-header--bottom-menu .b-option-total-cart__numbers {
height: 44px;
background: none;
padding: 0 20px 0 0; }
.b-header--bottom-menu .b-option-cart__items {
top: 44px; }
.b-header--bottom-menu .b-option-cart__items:before {
display: none; }
.b-header--bottom-menu .f-option-total-cart__numbers {
color: white; }
.b-header-top-wrap {
margin: 0 0 18px; }
.b-header-top-wrap:after {
content: '';
display: block;
position: relative;
clear: both; }
.b-header-top-wrap .b-header-ico-group {
padding-top: 11px; }
.b-header__search-box {
position: relative;
vertical-align: middle;
display: inline-block; }
.b-header__search-box .fa {
display: block;
position: absolute;
top: 8px;
right: 4px;
width: 5px;
height: 5px; }
.b-header__search-box input {
font-size: 0.92308em;
line-height: 1;
border: 1px solid #e3e3e3;
box-shadow: inset 0 -1px 4px #ececec;
border-radius: 2px;
height: 32px;
padding: 0 30px 0 11px;
width: 253px; }
.b-header__social-box {
vertical-align: middle;
display: inline-block;
margin: 7px 0 0 11px; }
.b-header__social-box a {
display: inline-block;
height: 30px;
width: 30px;
border-radius: 50%;
background: #ebebeb;
text-align: center; }
.b-header__social-box a .fa {
font-size: 14px;
line-height: 30px;
vertical-align: middle;
margin: 0;
color: #b5b5b5; }
.b-header__social-box a:hover .fa {
color: #72be58; }
.b-header__social-box.b-header__social-box--no-fon a {
background: none; }
.b-header--big-top-menu .b-header-r {
padding-top: 18px;
padding-bottom: 20px; }
@media screen and (min-width: 1024px) {
.b-header--big-top-menu .b-header-r {
padding: 0; } }
.b-header--big-top-menu .b-logo {
padding-top: 18px;
padding-bottom: 20px; }
[data-nav_slide] {
cursor: pointer; }
.is-fixed-header {
padding-top: 85px; }
.is-fixed-header header {
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
top: 0;
position: fixed;
width: 100%;
z-index: 999; }
.is-fixed-header .b-header__box {
padding-top: 10px;
padding-bottom: 10px; }
.is-fixed-header .b-logo img {
max-width: 110px; }
.is-fixed-header .b-header-r {
padding-top: 5px; }
.is-fixed-header .b-top-options-panel,
.is-fixed-header .b-header--hide {
display: none; }
.is-fixed-header .b-header--bottom-menu .b-header-r {
padding: 0; }
.is-fixed-header .b-header-ico {
padding-top: 20px; }
.b-fa-shopping-cart {
display: inline-block;
z-index: 10;
position: relative; }
footer {
background: #f8f8f8;
border-top: 3px solid #72be58;
position: relative;
z-index: 2; }
.b-footer-primary {
box-shadow: 0 0 3px 0 #f3eeeb;
background: #f4f4f4;
border-bottom: 1px solid #e9e9e9;
padding: 14px 0 8px 0; }
.b-footer-secondary {
padding: 26px 0 26px 0; }
@media screen and (max-width: 639px) {
.b-footer-secondary {
padding-top: 20px; } }
@media screen and (max-width: 979px) {
.b-footer-secondary > [class*='col-'] {
border-top: 1px solid #dddddd;
margin-left: 0;
padding-bottom: 10px;
padding-top: 5px; } }
@media screen and (max-width: 639px) {
.b-footer-secondary > [class*='col-'] {
border-top: 0;
padding-top: 0;
padding-bottom: 20px; } }
@media screen and (max-width: 979px) {
.b-footer-secondary > [class*='col-']:first-child {
border-top: 0; } }
@media screen and (max-width: 979px) {
.b-footer-secondary > [class*='col-']:last-child {
padding-bottom: 0; } }
.f-copyright {
font-size: 0.92308em;
line-height: 2.5;
color: #a5a5a5; }
.b-footer-logo-containter:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-footer-logo {
margin-bottom: 17px; }
@media screen and (max-width: 979px) {
.b-footer-logo {
float: left;
margin-right: 20px;
margin-bottom: 0; } }
@media screen and (max-width: 639px) {
.b-footer-logo {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
margin-right: 20px;
width: 22%; } }
@media screen and (max-width: 979px) {
.b-footer-logo-text {
overflow: hidden;
margin-top: 10px; } }
@media screen and (max-width: 979px) {
.f-footer-logo-text {
text-align: left; } }
.f-footer-logo-text {
font-size: 0.92308em;
line-height: 1.66667;
color: #515151; }
.f-btn-group-hor__item {
text-align: center; }
.f-btn-group-hor__item .fa {
font-size: 16px;
line-height: 1.2;
color: white; }
.f-btn-group-hor__item:hover {
color: white; }
.b-btn-group-hor__item {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
background: #b1b1b1;
border-radius: 50%;
display: inline-block;
height: 32px;
padding: 7px 0px;
margin: 0 3px;
width: 32px; }
.b-btn-group-hor__item:hover {
background: #72be58; }
.b-btn.b-footer__btn_up {
padding-right: 10px;
padding-left: 10px;
bottom: 30px;
right: 30px;
z-index: 100; }
@media screen and (max-width: 767px) {
.b-btn.b-footer__btn_up {
display: none; } }
.f-footer__btn_up {
font-size: 1.15385em;
line-height: 1; }
@media screen and (max-width: 1024px) {
.b-top-nav {
display: none; } }
.b-top-nav__1level_wrap {
margin: 0 23px 0 0;
padding: 0;
margin-bottom: 11px; }
.b-top-nav__1level_wrap:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-top-nav__1level {
float: left;
list-style: none;
position: relative; }
.b-top-nav__1level > a {
padding: 6px 19px;
white-space: nowrap;
float: left; }
@media screen and (max-width: 1024px) {
.b-top-nav__1level > a {
float: none; } }
.b-top-nav__1level.is-active-top-nav__1level {
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
background: #72be58; }
@media screen and (max-width: 1024px) {
.b-top-nav__1level .b-ico-dropdown {
font-size: 1.15385em;
line-height: 1.2;
display: none;
position: absolute;
padding: 20px 10px 10px 10px;
top: 0;
bottom: 0;
right: 10px; } }
@media screen and (min-width: 1025px) {
.b-top-nav__1level .b-ico-dropdown {
top: 33px;
display: none;
position: absolute;
bottom: 100%;
left: 50%;
width: 0;
height: 0;
border-width: 12px;
border-style: solid;
border-color: transparent transparent #72be58 transparent;
margin-left: -11px; }
.b-top-nav__1level .b-ico-dropdown i {
display: none; } }
header.animated .b-ico-dropdown {
border-color: #72be58 transparent transparent transparent;
top: 47px; }
.f-top-nav a {
font-size: 1.07692em;
line-height: 1;
text-decoration: none; }
.f-top-nav .is-active-top-nav__1level > a, .f-top-nav .is-active-top-nav__1level > span {
color: white; }
.b-top-nav-show-slide {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
background: #72be58;
padding: 7px 5px 3px 5px; }
@media screen and (min-width: 1025px) {
.b-top-nav-show-slide {
display: none; } }
.f-top-nav-show-slide {
font-size: 1.30769em;
line-height: 1;
color: white;
text-transform: uppercase;
font-weight: normal;
text-align: center; }
.b-top-nav-dropdown {
background: white;
float: none;
width: 100%; }
.b-top-nav-dropdown .b-ico-dropdown {
display: inline;
border: 0 none; }
.b-top-nav-dropdown .b-ico-dropdown i {
display: inline; }
.b-top-nav-dropdown .b-top-nav__1level_wrap {
margin-right: 0; }
.b-top-nav-dropdown .b-top-nav__1level {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #f5f7f8;
display: block;
float: none;
position: relative;
padding: 0; }
.b-top-nav-dropdown .b-top-nav__1level > a {
display: block;
padding: 20px 20px 20px 20px; }
.b-top-nav-dropdown .is-active-top-nav__1level {
background: none; }
.b-top-nav-dropdown .is-active-top-nav__dropdown {
background: url(../img/diagonal-line-bg.png) repeat left top #f8f8f8; }
.f-top-nav-dropdown .f-top-nav__1level > a {
font-size: 1em;
line-height: 1.2;
text-transform: uppercase; }
.f-top-nav-dropdown .f-top-nav__1level > a:hover {
color: #666666; }
.f-top-nav-dropdown .is-active-top-nav__1level > a, .f-top-nav-dropdown .is-active-top-nav__1level > a:hover {
color: #72be58; }
.b-top-nav__1level:hover .b-ico-dropdown {
display: block; }
.b-top-nav__1level:hover .b-top-nav__dropdomn {
display: block; }
.b-top-nav-dropdown .b-top-nav__1level:hover .b-top-nav__dropdomn {
display: none; }
.b-top-nav__dropdomn {
display: none;
padding-left: 20px; }
@media screen and (min-width: 1025px) {
.b-top-nav__dropdomn {
opacity: 0;
position: absolute;
top: 60px;
left: 50%;
margin-left: -116px;
width: auto;
padding: 19px 15px 5px;
background: white;
box-shadow: 0 1px 1px #e3e3e3;
z-index: 100; }
.b-top-nav__dropdomn:before {
content: '';
background: rgba(255, 255, 255, 0.01);
/* Background has been added for fake block to E10 */
display: block;
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 37px; }
.b-top-nav__dropdomn.nav-position-right {
left: 0;
margin-left: 0; }
.b-top-nav__dropdomn.nav-position-left {
left: auto;
right: 0;
margin-left: 0; } }
.is-fixed-header .b-top-nav__dropdomn {
top: 48px; }
@media screen and (min-width: 1025px) {
.b-top-nav__2level_wrap {
display: inline-block;
padding: 0;
vertical-align: top; }
.b-top-nav__2level_wrap .fa {
display: none; }
.b-top-nav__2level_wrap li:first-child a {
border-top: 0; } }
@media screen and (max-width: 1024px) {
.b-top-nav__2level_wrap {
border-top: 1px solid #eff1f2;
padding: 20px 0 0 20px; } }
@media screen and (min-width: 1025px) {
.b-top-nav-big .b-top-nav__2level_wrap {
padding: 0 10px; } }
.f-top-nav__dropdomn {
white-space: nowrap; }
.f-top-nav__2level_title {
font-size: 0.92308em;
line-height: 1.2;
color: #666666; }
.f-top-nav__2level_title.is-active-top-nav__2level-title {
color: #72be58; }
@media screen and (min-width: 1025px) {
.f-top-nav__2level_title {
font-size: 1.07692em;
line-height: 1;
color: #72be58;
text-transform: uppercase; } }
.b-top-nav__2level_title {
list-style: none;
margin-bottom: 6px; }
@media screen and (max-width: 1024px) {
.b-top-nav__2level_title {
margin-bottom: 20px; } }
@media screen and (min-width: 1025px) {
.b-top-nav__2level_title {
padding: 0 5px; } }
.b-top-nav__2level {
list-style: none; }
.b-top-nav__2level a {
padding: 10px 0 15px;
display: inline-block; }
.b-top-nav__2level a:hover {
background: #eee; }
@media screen and (min-width: 1025px) {
.b-top-nav__2level a {
display: block;
padding: 9px 5px 9px;
min-width: 197px;
border-top: 1px solid #e8e8e8; } }
@media screen and (max-width: 1024px) {
.b-top-nav__2level i {
margin-right: 8px; } }
.f-top-nav__2level a {
font-size: 0.92308em;
line-height: 1.2;
color: #666666; }
.f-top-nav__2level a:hover {
color: #72be58; }
@media screen and (min-width: 1025px) {
.f-top-nav__2level:hover > a {
color: #72be58; } }
.is-active-top-nav__2level > a {
color: #72be58; }
.b-menu-1level-ico {
margin-right: 5px;
display: none; }
@media screen and (min-width: 1025px) {
.b-top-nav--icon .b-top-nav__1level > a {
padding: 6px 10px 6px 8px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--icon .b-menu-1level-ico {
display: inline-block; } }
@media screen and (max-width: 1171px) {
.b-top-nav--icon .b-menu-1level-ico {
display: none; } }
.b-top-nav--arrow .b-top-nav__1level.is-active-top-nav__1level {
background: none; }
.b-top-nav--arrow .b-top-nav__1level.is-active-top-nav__1level:after {
content: '';
display: block;
position: absolute;
bottom: -30px;
left: 50%;
width: 0;
height: 0;
border: 7px solid transparent;
margin: 0 0 0 -7px;
border-bottom-color: #72be58;
border-top: 0; }
.b-top-nav--arrow.f-top-nav .is-active-top-nav__1level > a {
color: #72be58; }
.b-top-nav--bottom {
float: left; }
.b-top-nav--bottom .b-top-nav__1level_wrap {
margin: 0; }
@media screen and (max-width: 1024px) {
.b-top-nav--bottom {
float: none; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__1level {
padding: 0;
border-right: 1px solid #72be58;
box-shadow: 1px 0 1px #5e9c48; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__1level > a {
display: block;
height: 44px;
padding: 0 15px 0 19px;
vertical-align: middle; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__1level > a:hover {
background: #5e9c48;
box-shadow: inset 0 -2px 5px #5e9c48; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .f-top-nav__1level > a {
line-height: 44px;
color: white; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__1level.is-active-top-nav__1level {
border-radius: 0;
background: #5e9c48;
box-shadow: inset 0 -2px 5px #5e9c48; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__dropdomn {
top: 47px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__dropdomn:before {
height: 3px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom .b-top-nav__dropdomn:after {
display: none; } }
@media screen and (min-width: 1025px) {
.b-top-nav--bottom--icon.b-top-nav--bottom .b-top-nav__1level > a {
padding: 0 15px 0 12px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav ul {
margin: 0; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-top-nav__1level {
margin: 0 0 0 6px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-top-nav__1level > a {
padding: 25px 19px 18px; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-top-nav__1level > a .b-menu-1level-ico {
display: block; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-top-nav__1level > a .b-ico-dropdown {
display: none; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-top-nav__1level.is-active-top-nav__1level {
border-radius: 0; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .b-menu-1level-ico {
margin-right: 0; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .f-top-nav__1level > a {
line-height: 34px;
text-align: center; } }
@media screen and (min-width: 1025px) {
.b-top-nav--big-nav .f-top-nav__1level > a .fa-shopping-cart,
.b-top-nav--big-nav .f-top-nav__1level > a .fa-search {
color: #72be58; } }
.b-top-nav__1level.b-top-nav__1level--option:last-child {
padding: 25px 0 0 23px; }
.b-top-nav__1level.b-top-nav__1level--option a:hover {
color: #898989; }
.b-top-nav--big-nav .b-top-nav__dropdomn {
top: 94px; }
.b-top-nav--big-nav .b-top-nav__dropdomn:before {
height: 3px; }
.b-top-nav--no-bg .b-top-nav__1level.is-active-top-nav__1level {
background: transparent; }
.b-top-nav--no-bg .b-top-nav__1level.is-active-top-nav__1level > a, .b-top-nav--no-bg .b-top-nav__1level.is-active-top-nav__1level > span {
color: #72be58; }
@media screen and (min-width: 1025px) {
.b-top-nav--arrow-w .b-top-nav__1level:hover .b-ico-dropdown {
z-index: 101;
border-color: transparent transparent white transparent;
top: 27px; } }
.b-top-nav__1level--arrow-active .b-top-nav__1level {
position: relative; }
.b-top-nav__1level--arrow-active .b-top-nav__1level.is-active-top-nav__1level:after {
content: '';
display: block;
position: absolute;
bottom: -3px;
left: 50%;
width: 0;
height: 0;
border: 7px solid transparent;
margin: 0 0 0 -7px;
border-bottom-color: white;
border-top: 0; }
.f-top-nav__1level > a, .f-top-nav__1level > span {
position: relative; }
.b-top-nav-big {
position: static; }
@media screen and (min-width: 1025px) {
.b-top-nav-big .b-top-nav__dropdomn {
position: absolute;
left: 15px;
right: 15px;
top: 100%;
margin-top: 3px;
margin-left: 0 !important; } }
@media screen and (min-width: 1025px) {
.b-top-nav-big .b-top-nav__2level_wrap {
width: 20%;
float: left; } }
.b-top-nav__multi-lvl {
list-style-type: none; }
@media screen and (min-width: 1025px) {
.b-top-nav__multi-lvl:first-child a {
border-top: 0 none; } }
.b-top-nav__multi-lvl-box {
display: none; }
@media screen and (min-width: 1025px) {
.b-top-nav__multi-lvl-box {
position: absolute;
left: 100%;
top: 0;
background: white;
padding: 5px 15px;
box-shadow: 0 1px 2px #e3e3e3, 0 0 1px #e3e3e3; } }
.b-top-nav__with-multi-lvl {
position: relative; }
@media screen and (min-width: 1025px) {
.b-top-nav__with-multi-lvl {
padding-right: 15px;
margin-right: -15px; } }
@media screen and (min-width: 1025px) {
.b-top-nav__with-multi-lvl:hover > .b-top-nav__multi-lvl-box {
display: block; } }
.is-active-multi-lvl > a i {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg); }
@media screen and (max-width: 767px) {
.b-bottom-nav {
float: none;
padding-bottom: 15px;
padding-top: 18px; } }
.b-bottom-nav ul {
margin: 0;
padding: 0; }
.b-bottom-nav ul:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-bottom-nav ul {
display: table;
margin-right: 0;
width: 100%; } }
.b-bottom-nav li {
list-style: none;
margin-right: 12px;
float: left; }
@media screen and (max-width: 767px) {
.b-bottom-nav li {
display: table-cell;
float: none;
margin-right: 0;
padding-right: 10px; }
.b-bottom-nav li:last-child {
padding-right: 0; } }
.f-bottom-nav {
font-size: 0.84615em;
line-height: 2.72727; }
.f-bottom-nav a {
text-decoration: none; }
.f-bottom-nav a:hover {
color: #72be58; }
.f-bottom-nav li.is-active-bottom-nav a {
color: #72be58; }
@media screen and (max-width: 767px) {
.b-gallery-main {
padding-bottom: 0; } }
.b-gallery-main-container [class*='col-'] {
padding: 0; }
.b-gallery-main-container .b-gallery-main-item {
border-left: 1px solid #fff; }
.b-gallery-main-container .b-gallery-main-item:first-child {
border-color: transparent; }
.b-gallery-main-item {
position: relative; }
.b-gallery-main-item img {
display: block;
width: 100%; }
@media screen and (max-width: 767px) {
.b-gallery-main-item img {
border-left: 0; } }
.b-gallery-main-item .b-gallery-main-item__info {
left: 1px; }
@media screen and (max-width: 767px) {
.b-gallery-main-item .b-gallery-main-item__info {
left: 0; } }
.f-gallery-main-item__info_name {
font-size: 1.38462em;
line-height: 1.11111;
color: white;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-gallery-main-item__info_name {
font-size: 0.76923em;
line-height: 2.3; } }
@media screen and (max-width: 767px) {
.f-gallery-main-item__info_name {
font-size: 1em;
line-height: 1.76923; } }
.f-gallery-main-item__info_desc {
font-size: 0.92308em;
line-height: 3.33333;
color: white;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-gallery-main-item__info_desc {
font-size: 0.53846em;
line-height: 3.28571; } }
@media screen and (max-width: 767px) {
.f-gallery-main-item__info_desc {
font-size: 0.76923em;
line-height: 2.3; } }
.b-gallery--secondary .b-gallery-main-item {
border-radius: 3px;
overflow: hidden; }
@media screen and (min-width: 980px) {
.b-short-photo-items-group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-short-photo-items-group > .b-column {
float: left;
margin-left: 2.6%;
width: 23.05%; }
.b-short-photo-items-group > .b-column:first-child, .b-short-photo-items-group > .b-column:nth-child(4n+1) {
margin-left: 0; } }
@media screen and (max-width: 979px) and (min-width: 768px) {
.b-short-photo-items-group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-short-photo-items-group > .b-column {
float: left;
margin-left: 1.6%;
width: 9.68889%; }
.b-short-photo-items-group > .b-column:first-child, .b-short-photo-items-group > .b-column:nth-child(9n+1) {
margin-left: 0; } }
@media screen and (max-width: 767px) {
.b-short-photo-items-group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-short-photo-items-group > .b-column {
float: left;
margin-left: 2.6%;
width: 23.05%; }
.b-short-photo-items-group > .b-column:first-child, .b-short-photo-items-group > .b-column:nth-child(4n+1) {
margin-left: 0; } }
.b-short-photo-item {
display: block;
margin-bottom: 6px; }
@media screen and (max-width: 767px) {
.b-short-photo-item {
margin-bottom: 10px; } }
.b-short-photo-item img {
margin: 0 auto;
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
border: 1px solid transparent; }
.b-short-photo-item img:hover {
border-color: #72be58; }
.b-portfolio {
padding: 30px 0 40px; }
.b-portfolio__content-item-img img {
width: 100%; }
.b-portfolio__content-item-inner {
border-radius: 3px; }
.f-portfolio__content-item-inner-title {
text-transform: uppercase;
font-size: 1em;
line-height: 1.38462;
color: white; }
.f-portfolio__content-item-inner-desc {
font-size: 0.92308em;
line-height: 1.33333;
color: white; }
.b-slider-reset .bx-wrapper {
margin: 0; }
.b-slider-reset .bx-wrapper .bx-viewport {
background: none;
border: 0;
box-shadow: none;
left: 0; }
.b-slider-lg {
margin: 0 auto; }
.b-slider-lg .bx-wrapper {
margin: 0; }
.b-slider-lg .bx-wrapper .bx-controls-direction a {
background: url("../img/slider/slider-lg-controls.png") no-repeat left top;
height: 57px;
width: 33px; }
@media screen and (max-width: 979px) {
.b-slider-lg .bx-wrapper .bx-controls-direction a {
display: none; } }
.b-slider-lg .bx-wrapper .bx-controls-direction a.bx-prev {
background-position: left top;
left: 95px; }
.b-slider-lg .bx-wrapper .bx-controls-direction a.bx-prev:hover {
background-position: left bottom; }
.b-slider-lg .bx-wrapper .bx-controls-direction a.bx-next {
background-position: right top;
right: 95px; }
.b-slider-lg .bx-wrapper .bx-controls-direction a.bx-next:hover {
background-position: right bottom; }
.b-slider-lg .bx-viewport {
border: 0;
box-shadow: none;
left: 0; }
.b-slider-lg-item {
background: url("../img/slider/slider-lg__bg.png") no-repeat left top;
background-size: cover;
height: 546px;
position: relative; }
@media screen and (max-width: 979px) {
.b-slider-lg-item {
height: 430px; } }
@media screen and (max-width: 479px) {
.b-slider-lg-item {
height: 328px; } }
.b-slider-lg-item .container,
.b-slider-lg-item .row,
.b-slider-lg-item .b-slider-lg_col {
height: 100%; }
.b-slider-lg-item .row {
display: table; }
.b-slider-lg-item .b-slider-lg_col {
display: table-cell; }
.b-slider-lg-item__text {
position: absolute;
top: 50px;
width: 100%;
padding: 0 10px; }
@media screen and (max-width: 979px) {
.b-slider-lg-item__text {
top: 70px; } }
@media screen and (max-width: 479px) {
.b-slider-lg-item__text {
top: 25px; } }
@media screen and (max-width: 479px) {
.b-slider-lg-item__text h1 {
margin-bottom: 14px; } }
.f-header-group {
padding-left: 10px;
border-left: 2px solid transparent; }
.f-header-group h1, .f-header-group h2 {
color: inherit; }
.f-header-group h1 {
font-size: 5.53846em;
line-height: 1; }
.f-header-group h2 {
font-size: 3.69231em;
line-height: 1; }
.f-header-group--light {
border-color: white;
color: white; }
.f-slider-lg-item__text {
color: white;
text-shadow: 0px -1px 1px #8e946a; }
@media screen and (max-width: 979px) {
.f-slider-lg-item__text h1 {
font-size: 2.38462em;
line-height: 1; } }
@media screen and (max-width: 479px) {
.f-slider-lg-item__text h1 {
font-size: 1.69231em;
line-height: 1; } }
.f-slider-lg-item__text_desc {
font-size: 1.38462em;
line-height: 1.66667; }
@media screen and (max-width: 979px) {
.f-slider-lg-item__text_desc {
font-size: 1em;
line-height: 1.69231; } }
@media screen and (max-width: 479px) {
.f-slider-lg-item__text_desc {
font-size: 0.92308em;
line-height: 1.5; } }
.f-slider-sm-item__text_desc {
font-size: 1.07692em;
line-height: 2.28571; }
.b-slider-lg-item__img {
position: absolute;
bottom: 0;
width: 100%;
z-index: -1; }
.b-slider-lg-item__img img {
margin: 0 auto; }
@media screen and (max-width: 979px) {
.b-slider-lg-item__img img {
max-width: 87%; } }
/* Primary slider */
.b-slider-primary {
background-color: #72be58; }
.b-slider-primary .bx-wrapper {
margin: 0; }
.b-slider-primary .bx-wrapper .bx-viewport {
background: none; }
.b-slider-primary .bx-wrapper .bx-pager,
.b-slider-primary .bx-wrapper .bx-controls-auto {
bottom: 68px;
margin: 0;
z-index: 5; }
@media screen and (max-width: 979px) {
.b-slider-primary .bx-wrapper .bx-pager,
.b-slider-primary .bx-wrapper .bx-controls-auto {
bottom: 30px; } }
.b-slider-primary .bx-wrapper .bx-pager a,
.b-slider-primary .bx-wrapper .bx-controls-auto a {
background: transparent;
border: 3px solid white;
border-radius: 6px;
width: 13px;
height: 13px;
margin: 0 3px 0 0; }
@media screen and (max-width: 979px) {
.b-slider-primary .bx-wrapper .bx-pager a,
.b-slider-primary .bx-wrapper .bx-controls-auto a {
height: 10px;
width: 10px; } }
.b-slider-primary .bx-wrapper .bx-pager a.active, .b-slider-primary .bx-wrapper .bx-pager a:hover,
.b-slider-primary .bx-wrapper .bx-controls-auto a.active,
.b-slider-primary .bx-wrapper .bx-controls-auto a:hover {
background: white; }
.b-slider-primary .bx-viewport {
border: 0;
box-shadow: none;
left: 0; }
.b-slider-primary-item {
padding: 65px 0 90px; }
@media screen and (max-width: 979px) {
.b-slider-primary-item {
padding: 42px 0 45px; } }
.b-slider-primary-item.b-slider-one-color {
background: #72be58; }
.b-slider-primary-item--bg.b-slider-primary-item {
background-image: url("../img/slider/slider-bg1.jpg");
background-size: cover; }
.b-slider-primary-item--bg1.b-slider-primary-item {
background-image: url("../img/homepage/slider-bg2.jpg");
background-size: cover; }
.b-slider-primary-item--bg2.b-slider-primary-item {
background-image: url("../img/homepage/slider-bg3.jpg");
background-size: cover; }
.f-slider-primary-item {
color: white;
text-align: center; }
.f-slider-primary-item__title .fa {
font-size: 4.61538em;
line-height: 1; }
@media screen and (max-width: 979px) {
.f-slider-primary-item__title .fa {
font-size: 3.07692em;
line-height: 1; } }
.f-slider-primary-item__title span {
font-size: 2.30769em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-slider-primary-item__title span {
font-size: 1.61538em;
line-height: 1; } }
.b-slider-primary-item__title .fa {
margin-bottom: 12px; }
.f-slider-primary-item__text {
font-size: 1.84615em;
line-height: 1.5; }
@media screen and (max-width: 979px) {
.f-slider-primary-item__text {
font-size: 1.30769em;
line-height: 1.47059; } }
.f-slider-primary-item__text a {
color: white; }
.b-slider-primary-item__text {
margin-top: 18px; }
@media screen and (max-width: 979px) {
.b-slider-primary-item__text {
margin-top: 7px; } }
.b-pager-light-b .bx-wrapper .bx-pager, .b-pager-light-b .bx-wrapper .bx-controls-auto {
bottom: 30px;
margin: 0;
z-index: 99999; }
@media screen and (max-width: 979px) {
.b-pager-light-b .bx-wrapper .bx-pager, .b-pager-light-b .bx-wrapper .bx-controls-auto {
bottom: 30px; } }
.b-pager-light-b .bx-wrapper .bx-pager a, .b-pager-light-b .bx-wrapper .bx-controls-auto a {
background: transparent;
border: 3px solid white;
border-radius: 6px;
width: 13px;
height: 13px;
margin: 0 3px 0 0; }
@media screen and (max-width: 979px) {
.b-pager-light-b .bx-wrapper .bx-pager a, .b-pager-light-b .bx-wrapper .bx-controls-auto a {
height: 10px;
width: 10px; } }
.b-pager-light-b .bx-wrapper .bx-pager a.active, .b-pager-light-b .bx-wrapper .bx-pager a:hover, .b-pager-light-b .bx-wrapper .bx-controls-auto a.active, .b-pager-light-b .bx-wrapper .bx-controls-auto a:hover {
background: white; }
.b-slider-lg-info-l__item {
max-height: 488px;
min-height: 350px;
position: relative; }
.b-slider-lg-info-l__item img {
width: 100%; }
@media screen and (max-width: 979px) {
.b-slider-lg-info-l__item img {
height: 100%;
width: auto;
max-width: none; } }
.b-slider-lg-info-l__item-text {
position: absolute;
top: 35%;
max-width: 100%; }
@media screen and (max-width: 1023px) {
.b-slider-lg-info-l__item-text {
top: 15%;
padding: 0 10px 10px 10px; } }
@media screen and (max-width: 767px) {
.f-slider-lg-info-l__item-text {
text-align: center; } }
.b-slider-lg-info-l__item-title {
display: block;
position: relative;
left: 90px;
border-left: 3px solid #72be58;
padding-left: 10px;
margin-bottom: 28px; }
@media screen and (max-width: 1023px) {
.b-slider-lg-info-l__item-title {
left: 0; } }
.b-slider-lg-info-l__item-title-secondary {
border-color: white; }
.b-slider-lg-info-l__item-title-tertiary {
border-color: white;
padding: 5px 10px 5px 10px; }
.f-slider-lg-info-l__item-title {
text-align: left; }
.f-slider-lg-info-l__item-title h1, .f-slider-lg-info-l__item-title h2, .f-slider-lg-info-l__item-title p {
color: white;
line-height: 1; }
.f-slider-lg-info-l__item-title p {
font-size: 1.23077em;
line-height: 1.625;
color: white; }
.f-slider-lg-info-l__item-title h1 {
margin: 0; }
@media screen and (max-width: 979px) {
.f-slider-lg-info-l__item-title h1 {
font-size: 1.84615em;
line-height: 1; } }
.f-slider-lg-info-l__item-title h2 {
margin: 0 0 5px 0; }
@media screen and (max-width: 979px) {
.f-slider-lg-info-l__item-title h2 {
font-size: 1.53846em;
line-height: 1; } }
.f-slider-lg-info-l__item-title p {
margin: 10px 0 0; }
.b-slider-lg-info-l__item-link {
transform: skewX(160deg);
-ms-transform: skewX(160deg);
-webkit-transform: skewX(160deg);
background: rgba(45, 45, 45, 0.63);
display: inline-block;
padding: 18px 25px 18px 60px;
position: relative;
left: -10px; }
@media screen and (max-width: 1023px) {
.b-slider-lg-info-l__item-link {
left: 0;
padding: 18px 15px 18px 15px;
margin: 0 15px; } }
.b-slider-lg-info-l__item-anchor {
transform: skewX(20deg);
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
display: block;
margin-left: 23px; }
@media screen and (max-width: 1023px) {
.b-slider-lg-info-l__item-anchor {
margin-left: 0; } }
.f-slider-lg-info-l__item-anchor {
font-size: 1.84615em;
line-height: 1;
color: white;
text-transform: uppercase;
white-space: nowrap; }
@media screen and (max-width: 979px) {
.f-slider-lg-info-l__item-anchor {
font-size: 1.38462em;
line-height: 1; } }
@media screen and (max-width: 767px) {
.f-slider-lg-info-l__item-anchor {
white-space: normal; } }
.b-slider-lg-info-l__item-link-after {
transform: skewX(180deg);
-ms-transform: skewX(180deg);
-webkit-transform: skewX(180deg);
background: #72be58;
color: white;
content: '';
position: absolute;
right: -50px;
text-align: center;
top: 0;
width: 38px; }
@media screen and (max-width: 767px) {
.b-slider-lg-info-l__item-link-after {
display: none; } }
.b-slider-lg-info-l__item-link-after > .fa {
font-size: 1.84615em;
line-height: 1;
transform: skewX(20deg);
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
padding: 18px 0px 18px 0px; }
@media screen and (max-width: 979px) {
.b-slider-lg-info-l__item-link-after > .fa {
font-size: 1.38462em;
line-height: 1; } }
.b-slider-about .bx-wrapper .bx-pager, .b-slider-about .bx-wrapper .bx-controls-auto {
position: relative;
bottom: auto;
text-align: left; }
.b-slider-about .bx-wrapper .bx-pager a, .b-slider-about .bx-wrapper .bx-controls-auto a {
background: transparent;
border: 3px solid white;
border-radius: 6px;
width: 13px;
height: 13px;
margin: 0 3px 0 0; }
@media screen and (max-width: 979px) {
.b-slider-about .bx-wrapper .bx-pager a, .b-slider-about .bx-wrapper .bx-controls-auto a {
height: 10px;
width: 10px; } }
.b-slider-about .bx-wrapper .bx-pager a.active, .b-slider-about .bx-wrapper .bx-pager a:hover, .b-slider-about .bx-wrapper .bx-controls-auto a.active, .b-slider-about .bx-wrapper .bx-controls-auto a:hover {
background: transparent;
border-color: #72be58; }
.f-slider-lg_text-medium {
font-size: 1.38462em;
line-height: 1.66667; }
.b-slidercontainer {
width: 100%;
position: relative;
padding: 0; }
.b-slidercontainer ul {
list-style-type: none; }
.b-slidercontainer li {
visibility: hidden; }
.b-slider {
width: 100%;
position: relative;
overflow: hidden; }
.b-slider.b-slider--thumb.b-slider--navi-alt .tp-bullets {
text-align: left; }
.b-slider .b-product-card__visual-thumb img {
border-radius: 3px; }
.b-slider .flexslider {
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0 0 30px; }
.b-slider.b-slider--innerbullet .flexslider {
margin-bottom: 0; }
.b-slider.b-slider--innerbullet .flexslider-thumbnail {
top: 100%;
margin-top: -91px;
padding: 9px 13px 9px 13px;
height: 91px;
background-color: rgba(0, 0, 0, 0.32); }
@media screen and (max-width: 767px) {
.b-slider.b-slider--innerbullet .flexslider-thumbnail {
display: none; } }
.b-slider--arr-hide .tparrows {
display: none; }
.f-slider-lg_text-medium {
font-size: 1.38462em;
line-height: 1.66667; }
/* + bx slider arr out style*/
.b-carousel-arr-out .bx-prev {
left: -40px; }
.b-carousel-arr-out .bx-next {
right: -40px; }
/* - bx slider arr out style*/
/* + bx slider small arr*/
.b-carousel-small-arr .bx-controls-direction a {
background: 0 none;
font-family: "FontAwesome";
font-size: 24px;
color: #989898;
width: 10px; }
.b-carousel-small-arr .bx-controls-direction a:hover {
color: #72be58; }
.b-carousel-small-arr .bx-controls-direction a:before {
position: absolute;
left: 0;
text-indent: 0; }
.b-carousel-small-arr .bx-prev:before {
content: "\f104"; }
.b-carousel-small-arr .bx-next:before {
content: "\f105"; }
/* - bx slider small arr*/
/* + revolution slired speshial navi */
.b-slider--navi-alt {
margin-bottom: 100px; }
.b-slider--navi-alt .tp-bullets {
top: 100%;
margin-top: 28px; }
.b-slider--navi-alt .bullet {
border: 5px solid white;
border-radius: 3px;
box-shadow: 0 0 2px #989898;
margin: 0 5px;
height: 60px; }
.b-slider--navi-alt.b-slider--thumb .tp-bullets.simplebullets.round .bullet:hover, .b-slider--navi-alt.b-slider--thumb .tp-bullets.simplebullets.round .bullet.selected {
border-color: white;
box-shadow: 1px 0 0 #72be58, 0px 1px 0 #72be58, -1px 0 0 #72be58, 0px -1px 0 #72be58; }
body .b-slider--thumb-visible .tp-bullets {
opacity: 1; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb {
margin-bottom: 140px; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb .tp-bullets {
width: 100% !important;
height: 103px !important;
margin-top: 10px;
padding: 0px; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb .tp-bullets .tp-mask {
width: inherit !important;
height: inherit !important; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb .tp-bullets .tp-mask .tp-thumbcontainer {
left: 0 !important;
position: relative; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb .tp-bullets .tp-mask .tp-thumbcontainer .bullet {
border: 0;
border-radius: 2px;
box-shadow: none;
margin-right: 8px; }
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb .tp-bullets .tp-mask .tp-thumbcontainer .bullet:last-child {
margin-right: 0; }
@media screen and (max-width: 639px) {
.b-slider--thumb.b-slider--navi-alt.b-slider--navi-five-thumb {
margin-bottom: 0; } }
/* -revolution slired speshial navi */
.b-slider.b-slider--thumb .tp-bullets.simplebullets.round .bullet:hover, .b-slider.b-slider--thumb .tp-bullets.simplebullets.round .bullet.selected {
border-color: #72be58; }
.f-small-arr .tp-rightarrow.tparrows.default:hover,
.f-small-arr .tp-leftarrow.tparrows.default:hover {
color: #72be58; }
/* + bx slider innerbullet */
.b-slider.b-slider--navi-alt.b-slider--innerbullet {
margin-bottom: 0; }
.b-slider.b-slider--navi-alt.b-slider--innerbullet .simplebullets.round.tp-bullets {
top: 100%;
margin-top: -89px;
padding: 13px 13px 9px 13px;
height: 89px;
background-color: rgba(0, 0, 0, 0.32); }
.b-slider.b-slider--navi-alt.b-slider--innerbullet .simplebullets.round.tp-bullets .bullet {
width: 105px;
height: 68px;
border-width: 3px;
border-radius: 3px; }
/* - bx slider innerbullet */
/* Fixed slider */
.j-fixed-slider.is-active {
position: fixed;
z-index: 1; }
.b-slider_text-indent {
padding: 0.8em 1em; }
.b-slidercontainer .b-slider-list {
margin: 6px 0 0; }
.b-slidercontainer .b-slider-list li {
visibility: visible;
margin: 0 0 5px; }
.b-slider-list .fa, .b-slider-list span {
display: inline-block;
background: rgba(105, 104, 85, 0.6); }
@media screen and (max-width: 639px) {
.b-slider-list .fa, .b-slider-list span {
background: none; } }
.b-slider-list .fa {
font-size: 1.38462em;
line-height: 1.2;
text-align: center;
width: 38px;
padding: 7px 0;
margin: 0 5px 0 0;
vertical-align: middle; }
@media screen and (max-width: 639px) {
.b-slider-list .fa {
padding: 0;
width: auto; } }
.b-slider-list span {
padding: 10px 14px 4px 9px;
vertical-align: middle; }
@media screen and (max-width: 639px) {
.b-slider-list span {
padding: 0; } }
.b-bg-slider-title {
background: rgba(42, 44, 46, 0.6);
padding: 4px 16px 5px 6px; }
.f-slider-list span {
font-size: 1.38462em;
line-height: 1.2; }
.slider-carousel-roundabout {
background: url(../img/demo-bg.jpg) repeat-y center;
width: 100%;
position: relative;
padding-bottom: 400px;
overflow: hidden;
min-height: 740px; }
@media screen and (max-width: 768px) {
.slider-carousel-roundabout {
padding-bottom: 370px;
min-height: 590px; } }
@media screen and (max-width: 480px) {
.slider-carousel-roundabout {
padding-bottom: 160px;
min-height: 480px; } }
.slider-carousel-roundabout .b-carousel-roundabout {
position: absolute;
bottom: -344px;
height: 600px;
width: 600px;
left: 50%;
margin-left: -300px; }
@media screen and (max-width: 768px) {
.slider-carousel-roundabout .b-carousel-roundabout {
height: 320px;
width: 360px;
bottom: -179px;
margin-left: -180px; } }
@media screen and (max-width: 480px) {
.slider-carousel-roundabout .b-carousel-roundabout {
height: 200px;
width: 200px;
bottom: -99px;
margin-left: -100px; } }
.slider-carousel-roundabout .b-carousel-roundabout a {
display: inline-block; }
.slider-carousel-roundabout .b-carousel-roundabout a:hover {
border: 2px solid #72be58; }
.slider-carousel-roundabout .slider-carousel-title {
font-size: 2.30769em;
line-height: 1.2;
color: white; }
.slider-carousel-roundabout .slider-carousel-desc {
font-size: 1.38462em;
line-height: 1.2;
color: white;
max-width: 40%;
margin: 0 auto;
padding-top: 13px;
padding-bottom: 28px; }
@media screen and (max-width: 768px) {
.slider-carousel-roundabout .slider-carousel-desc {
max-width: 80%; } }
.slider-carousel-roundabout .slider-carousel-top-indent {
padding-top: 223px;
padding-bottom: 10px; }
@media screen and (max-width: 1024px) {
.slider-carousel-roundabout .slider-carousel-top-indent {
padding-top: 100px; } }
@media screen and (max-width: 480px) {
.slider-carousel-roundabout .slider-carousel-top-indent {
padding-top: 15px; } }
@media screen and (max-width: 480px) {
.slider-carousel-roundabout .hidden-mobile {
display: none; } }
.b-video-slider .f-video-slider-title {
font-size: 2.30769em;
line-height: 1.2;
text-align: center;
color: white; }
.b-video-slider .f-video-slider-title-big {
font-size: 4.61538em;
line-height: 1.2;
text-align: center;
color: white;
padding-bottom: 6px; }
.b-video-slider .f-video-slider-desc {
font-size: 1.38462em;
line-height: 1.2;
text-align: center;
color: white;
width: 60%;
white-space: normal !important;
margin: 0 auto;
padding-bottom: 27px; }
.b-video-slider .f-centred {
text-align: center; }
@media screen and (max-width: 979px) {
.b-video-slider ~ .simplebullets {
bottom: 30px !important; } }
.b-video-slider + .mouse-video {
position: absolute;
bottom: 50px;
z-index: 40;
left: 50%;
margin-left: -10px; }
@media screen and (max-width: 979px) {
.b-video-slider + .mouse-video {
display: none; } }
.b-carousel-reset .bx-wrapper {
margin: 0; }
.b-carousel-reset .bx-viewport {
background: none;
border: 0;
box-shadow: none;
left: 0; }
.b-carousel-primary .bx-wrapper {
margin: 0; }
.b-carousel-primary .bx-wrapper .bx-pager,
.b-carousel-primary .bx-wrapper .bx-controls-auto {
margin: 0;
position: relative;
bottom: auto;
padding-top: 35px; }
.b-carousel-primary .bx-wrapper .bx-pager a,
.b-carousel-primary .bx-wrapper .bx-controls-auto a {
background: #919191;
border-bottom: 3px solid #777777;
border-radius: 50%;
width: 9px;
height: 9px;
margin: 0 8px 0 0; }
@media screen and (max-width: 979px) {
.b-carousel-primary .bx-wrapper .bx-pager a,
.b-carousel-primary .bx-wrapper .bx-controls-auto a {
height: 10px;
width: 10px; } }
.b-carousel-primary .bx-wrapper .bx-pager a.active, .b-carousel-primary .bx-wrapper .bx-pager a:hover,
.b-carousel-primary .bx-wrapper .bx-controls-auto a.active,
.b-carousel-primary .bx-wrapper .bx-controls-auto a:hover {
background: #72be58;
border-color: #5e9c48; }
.b-carousel-primary .bx-viewport {
border: 0;
box-shadow: none;
left: 0;
background: none; }
.f-carousel-secondary .f-carousel-title {
font-size: 1.38462em;
line-height: 2.22222;
color: #666666;
text-transform: uppercase; }
.f-carousel-secondary .bx-controls-direction .bx-next,
.f-carousel-secondary .bx-controls-direction .bx-prev {
color: white;
font-family: "FontAwesome";
text-align: center;
text-indent: 0; }
.b-carousel-secondary {
position: relative; }
.b-carousel-secondary .b-carousel-title {
padding-right: 60px; }
.b-carousel-secondary .bx-controls {
position: absolute;
top: -40px;
right: 0; }
.b-carousel-secondary .bx-controls-direction .bx-next,
.b-carousel-secondary .bx-controls-direction .bx-prev {
position: relative;
background: #828282;
border-radius: 2px;
display: inline-block;
height: 26px;
left: auto;
margin-top: 0;
padding: 5px 0 3px;
right: auto;
width: 26px; }
.b-carousel-secondary .bx-controls-direction .bx-next:hover,
.b-carousel-secondary .bx-controls-direction .bx-prev:hover {
background: #72be58; }
.b-carousel-secondary .bx-controls-direction .bx-next:after {
content: "\f054"; }
.b-carousel-secondary .bx-controls-direction .bx-prev {
margin-right: 6px; }
.b-carousel-secondary .bx-controls-direction .bx-prev:after {
content: "\f053"; }
.b-carousel-arr-square .bx-controls-direction a {
color: white;
background: rgba(99, 99, 99, 0.8);
border-radius: 2px;
display: inline-block;
height: 26px;
margin-top: -13px;
padding: 5px 0 3px;
width: 26px; }
.b-carousel-arr-square .bx-controls-direction a.bx-prev:after {
content: "\f053"; }
.b-carousel-arr-square .bx-controls-direction a.bx-next:after {
content: "\f054"; }
.b-carousel-arr-square .bx-controls-direction a:after {
color: white;
font-family: "FontAwesome";
text-align: center;
text-indent: 0;
display: block;
line-height: 1.4; }
.b-carousel-arr-square .bx-controls-direction a:hover {
background: #72be58; }
.b-slider-arr-style-default .bx-controls-direction a.bx-prev, .b-slider-arr-style-default .bx-controls-direction a.bx-next {
background-color: white;
color: #989898;
border: 1px solid #a5a5a5;
box-shadow: 0 0 3px #dddddd; }
.b-slider-arr-style-default .bx-controls-direction a.bx-prev:hover, .b-slider-arr-style-default .bx-controls-direction a.bx-next:hover {
border-color: #72be58;
background-color: #72be58;
color: white;
box-shadow: 0 0 0 transparent; }
.b-slider-arr-big-top-indent .bx-controls {
top: -91px; }
.f-tooltip {
color: #72be58;
white-space: nowrap; }
.fade.in {
opacity: 1; }
.tooltip-inner {
background: #72be58;
border: 0;
border-radius: 2px;
box-shadow: none;
color: white;
padding: 5px 15px;
display: inline-block; }
.tooltip.top .tooltip-arrow {
border-top-color: #72be58; }
.b-radial-progress {
display: inline-block;
position: relative; }
.b-radial-progress .component {
fill: white; }
.b-radial-progress .arc {
fill: #72be58;
stroke-width: 100; }
.bg-first-layer {
fill: #e8e8e8;
stroke-width: 100;
stroke-linecap: round; }
.b-radial-progress__label {
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-ms-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
left: 0;
margin-top: -20px;
position: absolute;
top: 50%;
width: 100%;
visibility: hidden;
opacity: 0; }
.is-completed .b-radial-progress__label {
visibility: visible;
opacity: 1; }
.f-radial-progress__label {
font-size: 3.07692em;
line-height: 1;
color: #72be58; }
.b-radial-progress-number-bg .component {
fill: #72be58; }
.b-radial-progress-number-bg .label {
text-anchor: middle; }
.b-progressbar-lg-group .b-progressbar {
margin-bottom: 38px; }
.b-progressbar-sm-group .b-progressbar {
margin-bottom: 30px; }
.b-progressbar-sm-group .b-progressbar:last-child {
margin-bottom: 0; }
.b-progressbar.progress {
background: #e8e8e8;
box-shadow: none;
height: 23px;
overflow: visible;
z-index: 1; }
.b-progressbar.progress:last-child {
margin-bottom: 0; }
.b-progressbar .progress-bar {
background-color: #72be58;
border-radius: 2px;
z-index: 2; }
.b-progressbar .progressbar-back-text {
padding-right: 8px;
z-index: 4; }
.b-progressbar .progressbar-front-text {
display: none; }
.f-progressbar .progressbar-back-text {
color: #72be58;
font-weight: 700;
text-align: right;
line-height: 23px; }
.b-progressbar:not(.progress-striped) .progress-bar {
background-image: none; }
.b-progressbar:not(.progress-striped) .b-progressbar-label {
position: absolute;
left: 13px;
height: 100%;
z-index: 3; }
.f-progressbar:not(.progress-striped) .f-progressbar-label {
color: white;
line-height: 23px; }
/* Animate progressbar */
.b-progressbar.progress-striped {
height: 7px; }
.b-progressbar.progress-striped .progress-bar {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 8px 8px; }
.b-progressbar.progress-striped .progressbar-back-text {
-webkit-transition: visibility 0.2s ease;
-moz-transition: visibility 0.2s ease;
-ms-transition: visibility 0.2s ease;
-o-transition: visibility 0.2s ease;
transition: visibility 0.2s ease;
background: white;
border-radius: 2px;
border: 1px solid #c3c4c5;
height: auto;
margin-left: -17px;
padding: 0 6px;
position: absolute;
top: -25px;
right: auto;
width: auto;
visibility: hidden; }
.b-progressbar.progress-striped .progressbar-back-text.is-visible {
visibility: visible; }
.b-progressbar.progress-striped .progressbar-back-text:after {
border-width: 5px;
border-style: solid;
border-color: #c3c4c5 transparent transparent transparent;
bottom: -10px;
content: "";
left: 50%;
margin-left: -5px;
position: absolute;
z-index: 1; }
.b-progressbar.progress-striped .progressbar-back-text:before {
border-width: 4px;
border-style: solid;
border-color: white transparent transparent transparent;
bottom: -8px;
content: "";
left: 50%;
margin-left: -4px;
position: absolute;
z-index: 2; }
.f-progressbar.progress-striped .progressbar-back-text {
font-size: 0.76923em;
line-height: 1.6; }
.f-progressbar-label {
font-size: 0.92308em;
line-height: 2.25; }
/* End Animate progressbar */
/* Steps progressbar */
.b-steps-progressbar {
margin: 40px 0;
position: relative; }
.b-steps-progressbar .progress {
border-radius: 2px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #a5a5a5;
height: 4px;
overflow: visible; }
.b-steps-progressbar .progress-bar {
border-bottom: 2px solid #5e9c48;
border-top: 2px solid #72be58;
border-radius: 2px;
height: 4px;
top: -2px; }
.progress-steps {
padding: 0; }
.progress-step {
font-size: 1.07692em;
line-height: 1.78571;
color: #666666;
background: white;
border: 1px solid #c3c4c5;
border-radius: 3px;
list-style: none;
position: absolute;
padding: 0 8px;
text-transform: uppercase;
text-align: center;
top: -39px; }
.progress-step:after {
border-width: 5px;
border-style: solid;
border-color: #c3c4c5 transparent transparent transparent;
bottom: -10px;
content: "";
left: 50%;
margin-left: -5px;
position: absolute;
z-index: 1; }
@media screen and (max-width: 1023px) {
.progress-step:after {
bottom: -9px; } }
.progress-step:before {
border-width: 4px;
border-style: solid;
border-color: white transparent transparent transparent;
bottom: -7px;
content: "";
left: 50%;
margin-left: -4px;
position: absolute;
z-index: 2; }
@media screen and (max-width: 1023px) {
.progress-step:before {
bottom: -7px; } }
.progress-step .progress-step__text {
position: relative;
z-index: 3; }
@media screen and (max-width: 1023px) {
.progress-step .progress-step__text {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
max-width: 35px; } }
@media screen and (max-width: 1023px) {
.progress-step {
padding: 0 4px; } }
@media screen and (max-width: 639px) {
.progress-step {
font-size: 0.76923em;
line-height: 1.6;
top: -30px; } }
.progress-step .progress-step__dot {
background: white;
border: 1px solid #dedede;
bottom: -21px;
display: block;
border-radius: 50%;
height: 15px;
left: 50%;
margin-left: -8px;
position: absolute;
width: 15px; }
.progress-step .progress-step__dot:after {
background: #acacac;
border-radius: 50%;
border-bottom: 2px solid #8b8b8b;
content: '';
height: 9px;
position: absolute;
width: 9px;
left: 2px;
top: 2px; }
.progress-step.active {
color: #72be58; }
.progress-step.active .progress-step__dot:after {
background: #72be58;
border-color: #5e9c48; }
/* End Steps progressbar */
/*Steps progressbar empty*/
.b-steps-progressbar--empty.progress-step {
top: -14px;
border: 0; }
.b-steps-progressbar--empty.progress-step:after, .b-steps-progressbar--empty.progress-step:before {
display: none; }
/*Steps progressbar with numbers*/
.b-steps-progressbar--number .progress-step {
border-color: #e6e6e6;
border-radius: 50%;
height: 36px;
padding: 6px;
top: -20px;
width: 36px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--number .progress-step {
height: 32px;
top: -16px;
width: 32px; } }
.b-steps-progressbar--number .progress-step:before, .b-steps-progressbar--number .progress-step:after {
border: 0;
border-radius: 50%;
bottom: auto;
left: 6px;
margin: 0;
top: 5px;
height: 22px;
width: 22px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--number .progress-step:before, .b-steps-progressbar--number .progress-step:after {
height: 20px;
left: 5px;
width: 20px; } }
.b-steps-progressbar--number .progress-step:before {
background: #acacac; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--number .progress-step:before {
top: 6px; } }
.b-steps-progressbar--number .progress-step:after {
background: #7f7e7e;
top: 6px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--number .progress-step:after {
top: 5px; } }
.b-steps-progressbar--number .progress-step.active:before {
background: #72be58; }
.b-steps-progressbar--number .progress-step.active:after {
background: #5e9c48; }
.b-steps-progressbar--number .progress-step__text {
line-height: 20px; }
.b-steps-progressbar--number .b-steps-progressbar--empty.progress-step {
border: 1px solid #e6e6e6;
border-radius: 50%; }
.f-steps-progressbar--number .progress-step {
line-height: 22px;
text-align: center; }
@media screen and (max-width: 639px) {
.f-steps-progressbar--number .progress-step {
line-height: 20px; } }
.f-steps-progressbar--number .progress-step__text {
color: white; }
/*End steps progressbar with numbers*/
/*Steps progressbar with icons*/
.b-steps-progressbar--icon .progress-step {
border: 0;
background: none;
top: -32px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--icon .progress-step {
top: -26px; } }
.b-steps-progressbar--icon .progress-step:before, .b-steps-progressbar--icon .progress-step:after {
border-radius: 50%;
bottom: auto;
position: absolute; }
.b-steps-progressbar--icon .progress-step:before {
border-width: 1px;
border-color: #ebebeb;
background: white;
height: 15px;
left: 50%;
margin-left: -7.5px;
width: 15px;
z-index: 1;
top: 24px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--icon .progress-step:before {
top: 18px; } }
.b-steps-progressbar--icon .progress-step:after {
background: #b5b5b5;
border-radius: 50%;
border-width: 0 0 2px 0;
border-color: #8b8b8b;
height: 9px;
left: 50%;
margin-left: -4.5px;
top: 27px;
width: 9px;
z-index: 2; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--icon .progress-step:after {
top: 21px; } }
.b-steps-progressbar--icon .progress-step span {
display: block;
position: relative;
bottom: -5px; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--icon .progress-step span {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
max-width: 40px;
width: 100%; } }
.b-steps-progressbar--icon .progress-step .progress-step__icon {
margin: 0 auto;
display: block;
background: white;
border: 1px solid #c3c4c5;
border-radius: 50%;
height: 36px;
width: 36px;
padding: 6px;
top: -20px;
position: relative; }
@media screen and (max-width: 639px) {
.b-steps-progressbar--icon .progress-step .progress-step__icon {
top: -26px; } }
.b-steps-progressbar--icon .progress-step .progress-step__icon:after {
border-width: 12px;
border-style: solid;
border-color: #c3c4c5 transparent transparent transparent;
bottom: -20px;
content: "";
left: 50%;
margin-left: -12px;
position: absolute;
z-index: 1; }
.b-steps-progressbar--icon .progress-step .progress-step__icon:before {
border-width: 13px;
border-style: solid;
border-color: white transparent transparent transparent;
bottom: -20px;
content: "";
left: 50%;
margin-left: -13px;
position: absolute;
z-index: 2; }
.b-steps-progressbar--icon .progress-step.active .progress-step__icon {
background: #5e9c48;
background: -webkit-linear-gradient(top, #5e9c48, #72be58);
background: -moz-linear-gradient(top, #5e9c48, #72be58);
background: -o-linear-gradient(top, #5e9c48, #72be58);
background: -ms-linear-gradient(top, #5e9c48, #72be58);
background: linear-gradient(to bottom, #5e9c48, #72be58);
border-color: transparent; }
.b-steps-progressbar--icon .progress-step.active .progress-step__icon:before, .b-steps-progressbar--icon .progress-step.active .progress-step__icon:after {
border-color: #72be58 transparent transparent transparent; }
.b-steps-progressbar--icon .progress-step.active:before {
border-color: #72be58; }
.b-steps-progressbar--icon .progress-step.active:after {
background: #72be58;
border-color: #5e9c48; }
.f-steps-progressbar--icon .progress-step .fa {
font-size: 14px;
line-height: 24px; }
.f-steps-progressbar--icon .progress-step span {
white-space: nowrap; }
@media screen and (max-width: 639px) {
.f-steps-progressbar--icon .progress-step span {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
max-width: 40px;
width: 100%; } }
.f-steps-progressbar--icon .progress-step.active .fa {
color: white; }
/*End Steps progressbar with icons*/
.b-progress-tab .progress-step__dot {
cursor: pointer; }
.b-progress-tab .progress-step__dot:hover:after {
background: #72be58;
border-color: #5e9c48; }
.b-progress-tab-arr {
position: relative;
z-index: 11;
margin-bottom: -1px;
width: 10px; }
.b-progress-tab-arr:before, .b-progress-tab-arr:after {
content: '';
position: absolute;
border-style: solid;
border-width: 10px;
margin-left: -10px; }
.b-progress-tab-arr:before {
border-color: transparent transparent #929292 transparent;
top: -21px; }
.b-progress-tab-arr:after {
border-color: transparent transparent white transparent;
top: -20px; }
.b-tab-progress:not(:first-child) {
display: none; }
.fancybox-wrap-popup {
background: none;
border-radius: 0; }
.fancybox-wrap-popup.fancybox-skin {
box-shadow: none; }
.fancybox-wrap-popup .fancybox-title {
font-size: 1.23077em;
line-height: 1.2;
color: white;
font-weight: 600;
text-align: left;
text-transform: uppercase; }
.fancybox-wrap-popup .fancybox-title:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.fancybox-wrap-popup .fancybox-title .fancybox-counter {
float: right;
text-transform: none;
font-size: 16px; }
.fancybox-wrap-popup .fancybox-title .fancybox-title-text {
display: block;
overflow: hidden;
padding-right: 15px; }
.fancybox-wrap-popup .fancybox-title-inside-wrap {
left: 10px;
padding: 15px 0 0;
position: absolute;
right: 10px;
top: 100%; }
.fancybox-wrap-popup .fancybox-prev,
.fancybox-wrap-popup .fancybox-next,
.fancybox-wrap-popup .fancybox-close {
display: none; }
.fancybox-wrap-popup-next,
.fancybox-wrap-popup-prev,
.fancybox-wrap-popup-close {
cursor: pointer; }
.fancybox-wrap-popup-next:hover polygon,
.fancybox-wrap-popup-prev:hover polygon,
.fancybox-wrap-popup-close:hover polygon {
fill: #72be58;
stroke: #72be58; }
@media screen and (max-width: 1024px) {
.fancybox-wrap-popup-next:hover polygon,
.fancybox-wrap-popup-prev:hover polygon,
.fancybox-wrap-popup-close:hover polygon {
fill: white;
stroke: white; } }
.fancybox-wrap-popup-next polygon,
.fancybox-wrap-popup-prev polygon,
.fancybox-wrap-popup-close polygon {
fill: white;
stroke-width: 1; }
.fancybox-wrap-popup-next polygon:hover,
.fancybox-wrap-popup-prev polygon:hover,
.fancybox-wrap-popup-close polygon:hover {
fill: #72be58;
stroke: #72be58; }
@media screen and (max-width: 1024px) {
.fancybox-wrap-popup-next polygon:hover,
.fancybox-wrap-popup-prev polygon:hover,
.fancybox-wrap-popup-close polygon:hover {
fill: white;
stroke: white; } }
.fancybox-wrap-popup-next,
.fancybox-wrap-popup-prev {
top: 50%;
position: absolute;
z-index: 8070;
margin-top: -36px; }
@media screen and (max-width: 1024px) {
.fancybox-wrap-popup-next,
.fancybox-wrap-popup-prev {
margin-top: -28px; } }
@media screen and (max-width: 767px) {
.fancybox-wrap-popup-next,
.fancybox-wrap-popup-prev {
margin-top: -20px; } }
@media screen and (max-width: 567px) {
.fancybox-wrap-popup-next,
.fancybox-wrap-popup-prev {
margin-top: -16px; } }
.fancybox-wrap-popup-next svg,
.fancybox-wrap-popup-prev svg {
height: 72px;
width: 37px; }
@media screen and (max-width: 1024px) {
.fancybox-wrap-popup-next svg,
.fancybox-wrap-popup-prev svg {
height: 57px;
width: 29px; } }
@media screen and (max-width: 767px) {
.fancybox-wrap-popup-next svg,
.fancybox-wrap-popup-prev svg {
height: 39px;
width: 19px; } }
@media screen and (max-width: 567px) {
.fancybox-wrap-popup-next svg,
.fancybox-wrap-popup-prev svg {
height: 33px;
width: 17px; } }
.fancybox-wrap-popup-next {
right: 53px; }
@media screen and (max-width: 1219px) {
.fancybox-wrap-popup-next {
right: 22px; } }
@media screen and (max-width: 767px) {
.fancybox-wrap-popup-next {
right: 26px; } }
@media screen and (max-width: 567px) {
.fancybox-wrap-popup-next {
right: 13px; } }
.fancybox-wrap-popup-prev {
left: 53px; }
@media screen and (max-width: 1219px) {
.fancybox-wrap-popup-prev {
left: 22px; } }
@media screen and (max-width: 767px) {
.fancybox-wrap-popup-prev {
left: 26px; } }
@media screen and (max-width: 567px) {
.fancybox-wrap-popup-prev {
left: 13px; } }
.fancybox-wrap-popup-close {
top: 44px;
right: 53px;
position: absolute;
z-index: 9999; }
.fancybox-wrap-popup-close svg {
height: 23px;
width: 23px; }
@media screen and (max-width: 1219px) {
.fancybox-wrap-popup-close {
right: 22px; } }
@media screen and (max-width: 767px) {
.fancybox-wrap-popup-close {
right: 26px; } }
@media screen and (max-width: 567px) {
.fancybox-wrap-popup-close {
right: 13px; } }
.clocks {
padding: 50px 0 42px;
text-align: center; }
.clocks .wrap {
display: inline-block;
margin: 0 7px; }
.clocks .time {
font-size: 2em;
line-height: 2.15385;
color: white;
font-weight: 700;
text-align: center;
background: rgba(0, 0, 0, 0.12);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.11);
border-radius: 50%;
display: block;
margin-bottom: 12px;
min-height: 56px;
min-width: 56px; }
.clocks .text {
font-size: 1.23077em;
line-height: 1.25;
color: white;
font-weight: 700;
text-align: center;
text-transform: uppercase;
display: block; }
.clocks--lg {
padding-bottom: 82px;
white-space: nowrap; }
.clocks--lg .wrap {
margin: 0 15px;
text-align: center; }
@media screen and (max-width: 767px) {
.clocks--lg .wrap {
margin: 0 4px; } }
.clocks--lg .time {
font-size: 3.69231em;
line-height: 1.875;
font-weight: 300;
background: #72be58;
border-radius: 3px;
overflow: hidden;
padding: 0 18px;
position: relative;
min-width: 40px; }
@media screen and (max-width: 767px) {
.clocks--lg .time {
font-size: 1.53846em;
line-height: 2.8;
padding: 0 5px;
margin-bottom: 7px;
width: 45px; } }
.clocks--lg .time:before {
background: #5e9c48;
content: '';
height: 50%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.clocks--lg .time .number {
position: relative;
z-index: 2; }
.clocks--lg .text {
font-size: 1.38462em;
line-height: 1.11111;
color: #72be58;
font-weight: 300;
text-transform: none; }
@media screen and (max-width: 767px) {
.clocks--lg .text {
font-size: 0.92308em;
line-height: 1.66667; } }
.flexslider img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; }
.flexslider-thumbnail:hover .flex-prev {
left: 20px; }
.flexslider-thumbnail:hover .flex-next {
right: 20px; }
.flexslider-thumbnail .slides li {
cursor: pointer;
border-radius: 3px;
margin: 2px 18px 2px 0; }
.flexslider-thumbnail .slides li:first-child {
margin-left: 2px; }
.flexslider-thumbnail .slides li:last-child {
margin-right: 18px; }
.flexslider-thumbnail .slides li img {
border-radius: 3px;
border: 2px solid white;
box-shadow: 0 0 2px #989898;
width: auto;
margin: 0 auto; }
.flexslider-thumbnail .slides li:hover img, .flexslider-thumbnail .slides li.flex-active-slide img {
box-shadow: 1px 0 0 #72be58, 0px 1px 0 #72be58, -1px 0 0 #72be58, 0px -1px 0 #72be58;
border-color: #72be58; }
.flexslider-thumbnail.carousel-sm .slides li {
height: 60px; }
.flexslider-thumbnail.carousel-sm .slides li img {
max-height: 60px; }
.flexslider-thumbnail.carousel-md .slides li {
height: 68px; }
.flexslider-thumbnail.carousel-md .slides li img {
max-height: 68px;
border-width: 3px; }
.flexslider.flexslider-zoom .slides {
font-size: 0; }
.flexslider.flexslider-zoom .slides li {
font-size: 13px;
display: inline-block !important;
float: none !important;
vertical-align: middle; }
.flex-direction-nav a {
background: white;
border-radius: 20px;
color: #e3e3e3;
height: 32px;
width: 32px;
margin: -16px 0 0; }
.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev {
text-align: center; }
.flex-direction-nav a:before {
font-family: "FontAwesome";
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
margin-bottom: 20px;
font-size: 20px;
vertical-align: middle;
position: relative;
left: 0px;
top: 6px; }
.flex-direction-nav a.flex-next:before {
content: "\f054";
left: 2px; }
.flex-direction-nav a.flex-prev:before {
content: "\f053"; }
.flex-direction-nav a:hover {
color: #72be58; }
.flex-direction-nav a.flex-disabled {
display: none; }
@media screen and (max-width: 1024px) {
.flex-direction-nav {
display: none; } }
.b-blog-short-post {
margin: 0; }
.b-blog-short-post > [class*='col-'] {
padding-left: 0;
padding-right: 0; }
.b-blog-short-post__item {
border-top: 1px solid #dddddd;
padding-top: 15px;
padding-bottom: 8px; }
.b-blog-short-post__item:first-child {
border-top: 0;
padding-top: 0;
padding-bottom: 0; }
@media screen and (max-width: 979px) and (min-width: 640px) {
.b-blog-short-post__item {
border: 0;
padding-top: 0; } }
@media screen and (max-width: 639px) {
.b-blog-short-post__item {
border: 0; } }
.f-blog-short-post__item_text {
font-size: 0.92308em;
line-height: 2;
color: #989898; }
.f-blog-short-post__item_text a.is-hover {
color: #72be58; }
.f-blog-short-post__item_date {
font-size: 0.84615em;
line-height: 1.63636;
color: #5f5f5f; }
.f-blog-short-post__item_price {
font-size: 1.23077em;
line-height: 1.5;
color: #72be58; }
/* Secondary version with image */
.b-blog-short-post--w-img {
margin: 0; }
.b-blog-short-post--w-img .b-blog-short-post__item {
padding: 10px 0; }
.b-blog-short-post--w-img .b-blog-short-post__item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-blog-short-post--w-img .b-blog-short-post__item:first-child {
padding-top: 0; }
.f-blog-short-post--w-img a {
color: #666666; }
.f-blog-short-post--w-img a:hover {
color: #72be58; }
.b-blog-short-post__item_img {
float: left;
padding-right: 15px;
padding-top: 5px; }
.b-blog-short-post__item_text a {
display: inline-block; }
/* + version for products modifications --popular*/
.f-blog-short-post--popular a {
color: #515151;
font-size: 1.23077em;
line-height: 1.2; }
.b-blog-short-post--popular {
border-bottom: 1px solid #ececec;
margin-top: 7px;
padding-bottom: 12px; }
/* - version for products modifications --popular*/
/* + version for products modifications --img-hover-bordered*/
.b-blog-short-post--img-hover-bordered img {
border: 2px solid transparent; }
.b-blog-short-post--img-hover-bordered a.is-hover img {
border-color: #72be58; }
.b-blog-short-post--img-hover-bordered img:hover {
border-color: #72be58; }
/* - version for products modifications --img-hover-bordered*/
.b-blog-preview {
border: 1px solid #dedede;
border-radius: 2px; }
.b-blog-preview .b-video-player {
margin-bottom: 0; }
.b-blog-preview__img {
border-bottom: 2px solid #72be58; }
.b-blog-preview__img img {
width: 100%; }
.b-blog-preview__content-text {
max-height: 94px;
overflow: hidden; }
.b-blog-preview__content-padding_box {
padding: 18px; }
.b-product-preview__img img {
width: 100%; }
.f-blog-preview__content-title {
font-size: 1.07692em;
line-height: 1.42857;
color: #747474; }
.f-blog-preview__content-date {
font-size: 0.84615em;
line-height: 1;
color: #b5b5b5; }
.f-blog-preview__content-text {
font-size: 0.84615em;
line-height: 2.18182;
color: #666666; }
.b-blog-listing__infoblock {
padding: 0px 28px 26px 20px; }
.b-blog-listing__infoblock .b-infoblock-with-icon__icon {
width: 49px;
padding: 10px 5px; }
.b-blog-listing__infoblock .f-infoblock-with-icon__icon .fa {
font-size: 1.84615em;
line-height: 1; }
.b-blog-listing__infoblock .b-infoblock-with-icon__info_title {
display: block;
padding-top: 0px; }
.b-blog-listing__additional-text {
margin-left: 10px; }
.b-blog-listing__additional-text i {
margin-right: 3px; }
.b-blog-listing__block {
border: 1px solid #e0e0e0;
margin-bottom: 20px; }
.b-blog-listing__block-top {
margin-bottom: 24px; }
.b-blog-listing__block-top img {
width: 100%; }
.b-blog-one-column__row {
border-bottom: 1px solid #dedede;
padding-bottom: 25px;
margin-bottom: 25px; }
.b-blog-one-column__row .b-blog-one-column__info_edit {
width: 23px;
height: 23px;
margin-right: 10px;
padding: 2px; }
.b-blog-one-column__row .b-blog-one-column__info_edit .fa {
font-size: 0.92308em;
line-height: 1.2; }
.b-blog-one-column__row img {
width: 100%; }
/*
.b-blog-one-column__slider {
max-height: 218px;
}
*/
.b-blog-one-column__info_container {
padding: 4px 10px 0 0;
display: block;
overflow: hidden; }
.b-blog-one-column__info_container.b-blog-one-column__info_container--estate {
padding-top: 0; }
.b-blog-one-column__info {
display: inline; }
.b-blog-one-column__info i {
margin-right: 3px; }
.b-blog-one-column__info_delimiter {
padding: 4px 10px 0 0;
margin-right: 10px;
border-right: 1px solid #dedede; }
.b-blog-one-column__text {
font-size: 0.92308em;
line-height: 2.125; }
.b-blog-one-column__top_container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-blog-one-column__top_container > div {
margin-bottom: 30px; }
.b-blog-one-column__top_container .b-item-hover-action-parent {
width: 100%;
height: 178px;
overflow: hidden; }
.b-blog-one-column__top_slider {
margin-bottom: 40px; }
.b-blog-one-column__top-slider-popover-text {
position: absolute;
left: 0;
bottom: 0;
width: 100%; }
.b-blog-one-column__top-slider-popover-text .b-bg-slider-lg-info-l__item-title {
padding-right: 100px;
white-space: normal;
font-size: 13px;
padding-bottom: 15px; }
.f-blog-one-column__top-slider-popover-text-title {
font-size: 1.53846em;
line-height: 1.2;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
.f-blog-one-column__top-slider-popover-text-title {
font-size: 1.23077em;
line-height: 1.2; } }
@media screen and (max-width: 479px) {
.f-blog-one-column__top-slider-popover-text-title {
font-size: 1.07692em;
line-height: 1.2; } }
.b-blog-one-column__top-slider-popover-next-container {
position: absolute;
right: 0;
top: 50%;
height: 100%;
margin: -31px 25px 0 25px; }
.b-blog-one-column__top-slider-popover-next {
width: 62px;
height: 62px;
background-color: #72be58;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
border-radius: 50%;
padding-left: 16px;
padding-top: 11px;
display: block; }
.b-blog-one-column__top-slider-popover-next:hover {
background-color: white; }
.f-blog-one-column__top-slider-popover-next {
font-size: 2.76923em;
line-height: 1;
color: white; }
.b-blog__title {
position: relative;
top: -5px;
margin-bottom: 1px; }
.f-blog__title {
color: #666666; }
.f-blog__title:hover {
color: #72be58; }
.b-infoblock__info_text_title {
margin-bottom: 10px; }
.b-blog-listing__pretitle {
margin-bottom: 14px; }
.b-blog-listing__text {
margin-bottom: 7px; }
.f-info--big {
font-size: 1.38462em;
line-height: 1.2;
color: #515151; }
.b-txt-wrap {
white-space: nowrap;
display: inline-block;
padding: 5px 0;
vertical-align: middle; }
.b-article__social-info {
margin: 21px 0 0; }
.b-article__social-info ul {
padding: 0;
list-style-type: none; }
.b-article__social-info ul li {
margin: 0;
padding: 6px 0 7px 0;
border-bottom: 1px solid #ececec; }
.b-article__social-info ul li:first-child {
border-top: 1px solid #ececec;
padding: 9px 0 8px 0; }
.b-article__description {
margin: 14px 0 0; }
.b-article__description .f-blockquote--primary {
font-size: 1em;
line-height: 1.84615;
color: #777777; }
.b-article__social-info-name {
margin: 0 12px 0 0; }
.f-article__social-info-name {
color: #72be58; }
.f-article__social-info-name .fa {
font-size: 1.23077em;
line-height: 1.125; }
.f-article_title {
font-size: 1.84615em;
line-height: 1.08333;
color: #515151; }
.f-article_title.b-title-b-hr {
margin: 0 0 4px;
padding-top: 20px; }
.b-article__tag .b-tag {
margin: 0 6px 0 0;
padding: 5px 8px; }
.b-article__social .f-btn-group-hor__item .fa {
font-size: 1.07692em;
line-height: 1; }
.b-article__social .b-btn-group-hor__item {
height: 26px;
padding: 6px 0px;
margin: 0 2px;
width: 26px; }
.b-author-blog-box {
margin: 25px 0 30px; }
.b-author-box {
background: #fafafa;
border: 1px solid #ebebeb;
padding: 14px 12px 20px; }
.b-author-box:after {
content: '';
display: block;
clear: both;
visibility: hidden; }
.b-author__img {
float: left;
margin: 0 14px 0 0; }
.b-author__img img {
border-radius: 50%;
border-radius: 50%;
border: 2px solid #f4f4f4; }
@media screen and (max-width: 767px) {
.b-author__img {
float: none; } }
.b-author__descr {
overflow: hidden; }
.b-author__descr__data {
border-bottom: 1px solid #e4e4e4; }
.b-author__descr__data:after {
content: '';
display: block;
clear: both;
visibility: hidden;
position: relative; }
@media screen and (max-width: 767px) {
.b-author__descr__data {
padding: 0 0 10px; } }
.b-author__descr__data__name {
float: left; }
.f-author__descr__data__name {
font-size: 1.07692em;
line-height: 1.14286;
color: #72be58;
text-transform: uppercase; }
.f-author__descr__data__name span {
font-size: 0.76923em;
line-height: 1.6;
text-transform: none;
color: #515151; }
.b-author__descr__data__social {
float: right; }
@media screen and (max-width: 639px) {
.b-author__descr__data__social {
float: none;
width: 100%; }
.b-author__descr__data__social:before {
content: '';
display: block;
clear: both;
visibility: hidden;
position: relative; } }
.b-author__descr__data__social .f-btn-group-hor__item {
height: 26px;
margin: 0 2px;
width: 26px; }
.b-author__descr__data__social .f-btn-group-hor__item .fa {
font-size: 1.07692em;
line-height: 1; }
.f-author__link {
color: #72be58; }
.f-author__link:hover {
color: #898989; }
.b-comments-box {
border: 1px solid #dedede; }
.b-comment__title {
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
background: #fbfbfb;
padding: 15px 8px 10px; }
.b-comment__title .b-comment__title__name {
display: inline-block;
width: 50%; }
.b-comment__title .b-comment__now {
display: inline-block;
width: 50%;
margin: 0 0 0 -4px; }
@media screen and (max-width: 639px) {
.b-comment__title .b-comment__now {
display: block;
width: 100%;
margin: 2px 0 0; } }
.b-comment__title .f-comment__now {
text-align: right; }
@media screen and (max-width: 639px) {
.b-comment__title .f-comment__now {
text-align: left; } }
.f-comment__title {
font-size: 1.07692em;
line-height: 1.14286;
color: #72be58;
text-transform: uppercase; }
.f-comment__title .f-comment__now {
font-size: 0.92308em;
line-height: 1.33333;
text-transform: none;
color: #72be58; }
.f-comment__title .f-comment__now:hover {
color: #898989; }
.b-comment__list ul {
padding: 29px 20px 0 14px;
list-style-type: none; }
.b-comment__list ul li {
margin: 0 0 25px; }
.b-comment__list ul li ul {
padding: 0 0 0 65px; }
.b-comment__list ul li ul li {
margin: 0; }
.b-comment__list ul li ul li .b-comment-item {
margin: 0 0 19px; }
@media screen and (max-width: 767px) {
.b-comment__list ul li ul {
padding: 0 0 0 45px; } }
.b-comment__list ul > li:last-child .b-comment-item {
border-bottom: 0;
margin: 0; }
.b-comment-item {
border-bottom: 1px solid #ebebeb;
margin: 0 0 19px;
padding: 0 0 6px; }
.b-comment-item:after {
content: '';
display: block;
position: relative;
visibility: hidden;
clear: both; }
.b-comment__img {
border-radius: 50%;
float: left;
margin: 0 10px 0 0; }
.b-comment__img img {
border-radius: 50%; }
@media screen and (max-width: 767px) {
.b-comment__img {
float: none; } }
.b-comment__descr {
overflow: hidden; }
.b-comment__descr .b-comment__descr__data {
padding: 5px 0 5px; }
.b-comment__descr .b-comment__descr__data .b-comment__descr__name {
display: inline-block;
width: 50%;
vertical-align: middle; }
.b-comment__descr .b-comment__descr__data .f-comment__descr__name {
font-size: 1.15385em;
line-height: 1.06667;
color: #72be58; }
.b-comment__descr .b-comment__descr__data .b-comment__descr__info {
display: inline-block;
width: 50%;
vertical-align: middle;
margin: 0 0 0 -4px; }
@media screen and (max-width: 767px) {
.b-comment__descr .b-comment__descr__data .b-comment__descr__info {
display: block;
width: 100%;
margin: 2px 0 0; } }
.b-comment__descr .b-comment__descr__data .b-comment__descr__info .f-comment-link-color {
color: #72be58; }
.b-comment__descr .b-comment__descr__data .b-comment__descr__info .f-comment-link-color:hover {
color: #898989; }
.b-comment__descr .b-comment__descr__data .f-comment__descr__info {
font-size: 0.92308em;
line-height: 1.16667;
color: #989898;
text-align: right; }
@media screen and (max-width: 767px) {
.b-comment__descr .b-comment__descr__data .f-comment__descr__info {
text-align: left; } }
.b-comment__descr .f-comment__descr__txt {
color: #666666; }
.b-blog-form-box {
margin: 30px 0 0; }
.b-article-box--video .b-title-b-hr {
padding-top: 0; }
.f-h4-special--gray.b-h4-special {
color: #666666; }
.f-h4-special--gray.b-h4-special:hover {
color: #72be58; }
.b-contacts-short-item-group {
margin: 0; }
.b-contacts-short-item-group > [class*='col-'] {
padding-left: 0;
padding-right: 0; }
.b-contacts-short-item {
border-top: 1px solid #dddddd;
padding-bottom: 8px;
padding-top: 15px; }
@media screen and (max-width: 979px) and (min-width: 640px) {
.b-contacts-short-item {
border: 0;
padding-top: 0;
padding-bottom: 0; } }
@media screen and (max-width: 639px) {
.b-contacts-short-item {
border: 0; } }
.b-contacts-short-item:first-child {
border-top: 0;
padding-top: 0; }
.b-contacts-short-item__icon {
width: 30px; }
.f-contacts-short-item__icon {
color: #72be58; }
.f-contacts-short-item__icon_lg {
font-size: 1.92308em;
line-height: 1; }
.f-contacts-short-item__icon_md {
font-size: 1.69231em;
line-height: 1; }
.f-contacts-short-item__icon_xs {
font-size: 1.07692em;
line-height: 1; }
.f-contacts-short-item__text {
font-size: 0.92308em;
line-height: 2;
color: #515151; }
.f-contacts-short-item__text a {
text-decoration: none;
color: #616161; }
.f-contacts-short-item__text a:hover {
color: #72be58; }
.f-contacts-short-item__text_email,
.f-contacts-short-item__text_phone {
color: #515151; }
.f-contacts-short-item__text_email {
line-height: 1.3; }
.b-desc-section-container {
padding: 35px 0 5px; }
@media screen and (max-width: 979px) {
.b-desc-section-container {
padding-top: 20px; } }
.b-desc-section {
margin: 15px 0; }
@media screen and (max-width: 979px) {
.b-desc-section {
margin-top: 0px; } }
.f-desc-section {
font-size: 1.23077em;
line-height: 1.2;
color: #848484; }
@media screen and (max-width: 767px) {
.f-desc-section {
font-size: 1.15385em;
line-height: 2; } }
.f-desc-section.f-small {
font-size: 1.07692em;
line-height: 1.2; }
.f-desc-section--light {
color: white; }
.b-infoblock-with-icon-group [class*='col-'] {
margin: 35px 0 35px; }
@media screen and (max-width: 979px) and (min-width: 640px) {
.b-infoblock-with-icon-group [class*='col-'] {
margin: 11px 0 11px; } }
@media screen and (max-width: 639px) {
.b-infoblock-with-icon-group [class*='col-'] {
margin: 12px 0 12px; } }
.b-infoblock-with-icon-group [class*='col-'].b-null-bottom-indent {
margin-bottom: 0;
padding-bottom: 0; }
.f-infoblock-with-icon__icon {
text-align: center; }
.f-infoblock-with-icon__icon .fa {
font-size: 2.15385em;
line-height: 1;
color: white; }
.f-infoblock-with-icon__icon:hover .fa {
color: #72be58; }
.b-infoblock-with-icon__icon {
-webkit-transition: background 0.7s ease;
-moz-transition: background 0.7s ease;
-ms-transition: background 0.7s ease;
-o-transition: background 0.7s ease;
transition: background 0.7s ease;
background: #72be58;
border: 2px solid transparent;
border-radius: 3px;
display: block;
padding: 18px 5px;
position: relative;
float: left;
width: 68px; }
.b-infoblock-with-icon__icon:hover {
background: white;
border-color: #72be58; }
.b-infoblock-with-icon--circle-icon .b-infoblock-with-icon__icon {
border-radius: 50%;
height: 68px; }
.b-infoblock-with-icon__info {
overflow: hidden;
padding-left: 16px; }
.b-infoblock-with-icon__info_title {
display: inline-block;
margin-bottom: 5px; }
.f-infoblock-with-icon__info_title {
font-size: 1.23077em;
line-height: 1.2;
color: #666666;
text-decoration: none; }
@media screen and (max-width: 767px) {
.f-infoblock-with-icon__info_title {
font-size: 1.07692em;
line-height: 1.2; } }
.f-infoblock-with-icon__info_text {
font-size: 0.92308em;
line-height: 2;
color: #666666; }
/* Dialog icon */
.b-infoblock-with-icon--dialog-r .b-infoblock-with-icon__icon,
.b-infoblock-with-icon--dialog-l .b-infoblock-with-icon__icon {
border-radius: 0; }
.b-infoblock-with-icon--dialog-l .b-infoblock-with-icon__icon {
margin-left: 14px; }
.b-infoblock-with-icon--dialog-l .b-infoblock-with-icon__icon:after {
border-color: #72be58 #72be58 transparent transparent;
border-style: solid;
border-width: 7px;
content: '';
position: absolute;
left: -16px;
top: -2px;
z-index: 1; }
.b-infoblock-with-icon--dialog-l .b-infoblock-with-icon__icon:hover:before {
border-color: white white transparent transparent;
border-style: solid;
border-width: 6px;
content: '';
position: absolute;
left: -11px;
top: 0px;
z-index: 2; }
.b-infoblock-with-icon--dialog-r .b-infoblock-with-icon__icon {
margin-right: 14px; }
.b-infoblock-with-icon--dialog-r .b-infoblock-with-icon__icon:after {
border-color: #72be58 transparent transparent #72be58;
border-style: solid;
border-width: 7px;
content: '';
position: absolute;
right: -16px;
top: -2px;
z-index: 1; }
.b-infoblock-with-icon--dialog-r .b-infoblock-with-icon__icon:hover:before {
border-color: white transparent transparent white;
border-style: solid;
border-width: 6px;
content: '';
position: absolute;
right: -11px;
top: 0px;
z-index: 2; }
/* end Dialog icon */
/* Sides */
.b-infoblock-with-icon--sides-r [class*='col-'],
.b-infoblock-with-icon--sides-l [class*='col-'] {
margin: 15px 0 10px; }
.b-infoblock-with-icon--sides-r {
padding-right: 0;
padding-left: 35px; }
@media screen and (max-width: 767px) {
.b-infoblock-with-icon--sides-r {
padding-right: 15px;
padding-left: 15px; } }
.b-infoblock-with-icon--sides-l {
padding-right: 35px;
padding-left: 0; }
@media screen and (max-width: 979px) and (min-width: 768px) {
.b-infoblock-with-icon--sides-l {
border-right: 1px solid #dddddd; } }
@media screen and (max-width: 767px) {
.b-infoblock-with-icon--sides-l {
padding-right: 15px;
padding-left: 15px; } }
.b-infoblock-with-icon--sides-l .b-infoblock-with-icon__icon {
float: right; }
.b-infoblock-with-icon--sides-l .b-infoblock-with-icon__info {
padding-left: 0;
padding-right: 16px; }
.f-infoblock-with-icon--sides-l .f-infoblock-with-icon__info {
text-align: right; }
/* Sides */
/* Icon - right */
.b-infoblock-with-icon--r .b-infoblock-with-icon__icon {
float: right; }
.b-infoblock-with-icon--r .b-infoblock-with-icon__info {
padding-left: 0;
padding-right: 16px; }
.f-infoblock-with-icon--r .f-infoblock-with-icon__info {
text-align: right; }
/* End Icon - right */
/*Icon and text - center*/
.b-infoblock-with-icon--center .b-infoblock-with-icon {
margin: 0 12%; }
.b-infoblock-with-icon--center .b-infoblock-with-icon__icon {
float: none;
margin: 0 auto 20px; }
.b-infoblock-with-icon--center .b-infoblock-with-icon__info {
padding: 0; }
.b-infoblock-with-icon--center.b-infoblock-with-icon--small-indent .b-infoblock-with-icon {
margin: 0 4px; }
.b-infoblock-with-icon--center.b-infoblock-with-icon--small-indent p {
margin-bottom: 0; }
.f-infoblock-with-icon--center {
text-align: center; }
.f-infoblock-with-icon--center .f-infoblock-with-icon__info {
text-align: center; }
/*End Icon and text - center*/
/* Version with small icons without background */
.b-infoblock-with-icon--sm .b-infoblock-with-icon {
padding: 15px;
border: 1px solid transparent;
border-radius: 2px; }
.b-infoblock-with-icon--sm .b-infoblock-with-icon:hover {
background: white;
border-color: #f1f1f1; }
.b-infoblock-with-icon--sm .b-infoblock-with-icon__icon {
background: none;
border: none;
padding-top: 0;
padding-bottom: 0;
width: 38px; }
.f-infoblock-with-icon--sm .f-infoblock-with-icon__icon .fa {
color: #72be58; }
/* End Version with small icons without background */
/* Text box */
.b-infoblock-with-icon--textbox .b-infoblock-with-icon {
position: relative; }
.b-infoblock-with-icon--textbox .b-infoblock-with-icon__info {
background: #fbfbfb;
border: 1px solid #e4e4e4;
border-radius: 3px;
padding: 45px 20px 15px 20px;
position: relative;
margin-top: -45px;
z-index: 1; }
.b-infoblock-with-icon--textbox .b-infoblock-with-icon__icon {
float: none;
margin: 0 auto 20px;
position: relative;
z-index: 2; }
.b-infoblock-with-icon--textbox .b-infoblock-with-icon__info_text {
margin-bottom: 10px; }
.f-infoblock-with-icon--textbox .f-infoblock-with-icon__info {
text-align: center; }
.b-infoblock-with-icon--colored-bg .b-infoblock-with-icon:hover {
background: transparent;
border-color: transparent; }
.b-infoblock-with-icon--colored-bg .f-infoblock-with-icon__info,
.b-infoblock-with-icon--colored-bg .f-infoblock-with-icon__icon .fa,
.b-infoblock-with-icon--colored-bg .f-infoblock-with-icon__info_title,
.b-infoblock-with-icon--colored-bg .f-infoblock-with-icon__info_text {
color: white; }
/* - --colored-bg*/
.b-infoblock-with-icon--circle-icon .f-infoblock-with-icon__icon--text {
color: white;
font-size: 1.07692em;
line-height: 2.14286; }
.b-infoblock-with-icon--circle-icon .f-infoblock-with-icon__icon--text:hover {
color: #72be58; }
.b-infoblock-with-icon--circle-icon .b-infoblock-with-icon__icon--small {
height: 45px;
width: 45px;
padding-top: 7px;
padding-bottom: 7px; }
.b-infoblock-with-icon__progressbar {
margin-bottom: 20px; }
.b-infoblock-with-icon--biggest-icons .fa {
font-size: 46px; }
.b-bg-block {
background-size: cover;
padding: 92px 0 135px 0; }
@media screen and (max-width: 979px) {
.b-bg-block {
padding: 60px 0 54px 0; } }
@media screen and (max-width: 767px) {
.b-bg-block {
padding: 20px 0 5px 0; } }
.b-bg-block .b-btn {
margin: 0 5px 10px;
box-shadow: 0 0 2px 0 #795e3a; }
.b-bg-block .b-ico {
margin-right: 5px; }
.b-bg-block h1 {
margin-bottom: 6px; }
.b-bg-block.person {
padding: 60px 0 0 0; }
.b-bg-block .b-bg-block__person {
text-align: center; }
.b-bg-block .b-bg-block__person .avatar {
border: 3px solid white;
border-radius: 50%;
display: inline-block;
overflow: hidden; }
.b-bg-block .b-bg-block__person .avatar img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
border-radius: 50%;
height: 107px;
width: 107px; }
.b-bg-block .b-bg-block__person .name {
margin: 15px 0;
font-size: 1.23077em;
line-height: 1.25;
font-weight: 700;
text-transform: uppercase; }
.b-bg-block .b-bg-block__person .quote {
margin-top: 20px;
font-size: 1.84615em;
line-height: 1.25;
font-weight: 300; }
.f-bg-block {
color: white; }
.f-bg-block .f-btn {
text-shadow: none; }
@media screen and (max-width: 979px) {
.f-bg-block h1 {
font-size: 2.53846em;
line-height: 1; } }
@media screen and (max-width: 767px) {
.f-bg-block h1 {
font-size: 1.84615em;
line-height: 1.375; } }
.b-bg-block__desc {
margin-bottom: 22px; }
@media screen and (max-width: 767px) {
.b-bg-block__desc {
margin-bottom: 15px; } }
.f-bg-block__desc {
font-size: 1.23077em;
line-height: 2.5; }
@media screen and (max-width: 979px) {
.f-bg-block__desc {
font-size: 1em;
line-height: 2.53846; } }
@media screen and (max-width: 767px) {
.f-bg-block__desc {
font-size: 1em;
line-height: 1.84615; } }
.b-section-info {
border-bottom: 1px solid #e8e8e8;
padding: 60px 0 50px 0;
overflow: hidden; }
.b-section-info:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-section-info {
padding: 30px 0 15px 0; } }
@media screen and (max-width: 767px) {
.b-section-info .l-container {
padding: 0 10px; } }
.b-section-info__img {
padding-top: 50px; }
.b-section-info__img:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-section-info__img {
padding-top: 0;
padding-bottom: 30px; } }
.b-section-info__img img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
float: right; }
@media screen and (max-width: 767px) {
.b-section-info__img img {
float: none; } }
.b-section-info__text {
padding-left: 4%; }
.f-section-info__text h2 {
font-size: 2em;
line-height: 1.15385; }
@media screen and (max-width: 979px) {
.f-section-info__text h2 {
font-size: 1.61538em;
line-height: 1.57143; } }
@media screen and (max-width: 767px) {
.f-section-info__text h2 {
font-size: 1.61538em;
line-height: 1.14286; } }
.f-section-info__text_short {
font-size: 0.92308em;
line-height: 1.2;
color: #949494; }
@media screen and (max-width: 979px) {
.f-section-info__text_short {
font-size: 0.76923em;
line-height: 1.2; } }
@media screen and (max-width: 767px) {
.f-section-info__text_short {
font-size: 0.76923em;
line-height: 2.4; } }
.b-section-info__img-r .b-section-info__img {
float: right;
padding-top: 0; }
.b-section-info__img-r .b-section-info__img:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-section-info__img-r .b-section-info__img img {
float: left; }
@media screen and (max-width: 767px) {
.b-section-info__img-r .b-section-info__img img {
float: none; } }
.f-section-info__img-r h2 {
font-size: 2.30769em;
line-height: 1; }
@media screen and (max-width: 979px) {
.f-section-info__img-r h2 {
font-size: 1.84615em;
line-height: 1; } }
@media screen and (max-width: 767px) {
.f-section-info__img-r h2 {
font-size: 1.69231em;
line-height: 1.04545; } }
.f-section-info__img-r .f-section-info__text_short {
font-size: 1em;
line-height: 2.15385; }
@media screen and (max-width: 979px) {
.f-section-info__img-r .f-section-info__text_short {
font-size: 0.76923em;
line-height: 2.4; } }
@media screen and (max-width: 767px) {
.b-section-info__text_group {
padding-left: 30px; } }
.b-section-visual_1 {
position: absolute;
right: 15px;
bottom: -133px; }
@media screen and (max-width: 1023px) {
.b-section-visual_1 {
width: 50%; } }
@media screen and (max-width: 767px) {
.b-section-visual_1 {
bottom: -85px; } }
.b-info-container--demos {
background: #72be58;
padding: 87px 0 110px; }
@media screen and (max-width: 767px) {
.b-info-container--demos {
padding: 50px 0 60px; } }
.b-info-container--demos p {
margin-bottom: 24px;
padding-right: 22%; }
.f-info-container--demos h2 {
font-size: 2.30769em;
line-height: 1; }
.f-info-container--demos .f-section-info__text_short {
font-size: 1em;
line-height: 2.15385;
color: white; }
.fade-in-animate {
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-ms-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
visibility: hidden;
opacity: 0; }
.fade-in-animate.visible {
visibility: visible;
opacity: 1; }
.wrap-img-appearance {
position: relative; }
.wrap-img-appearance img {
position: absolute;
visibility: hidden; }
.wrap-img-appearance img.animated {
visibility: visible; }
.j-data-element {
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
visibility: hidden;
opacity: 0; }
.j-data-element.animated {
animation-duration: 1s;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
visibility: visible;
opacity: 1; }
[data-fixed_top] {
position: relative;
z-index: 2; }
[data-fixed_top].is-fixed-element {
position: fixed;
z-index: 1;
top: 0;
width: 100%; }
.view {
overflow: hidden;
position: relative;
text-align: center;
cursor: default; }
.view .mask, .view .content {
display: block;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.view img {
display: block;
position: relative; }
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0; }
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center; }
.view-sixth img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s; }
.view-sixth .mask {
background-color: rgba(50, 50, 50, 0.68);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s; }
.view-sixth h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s; }
.view-sixth p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s; }
.view-sixth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.3s ease-in-out 0.1s;
-moz-transition: -moz-transform 0.3s ease-in-out 0.1s;
-o-transition: -o-transform 0.3s ease-in-out 0.1s;
-ms-transition: -ms-transform 0.3s ease-in-out 0.1s;
transition: transform 0.3s ease-in-out 0.1s; }
.view-sixth.is-active .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.view-sixth.is-active img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.view-sixth.is-active h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.view-sixth.is-active p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.view-sixth.is-active a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
@media screen and (min-width: 1025px) {
.view-sixth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.view-sixth:hover img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
.view-sixth:hover h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.view-sixth:hover p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.view-sixth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); } }
.view-eighth .mask {
background-color: rgba(50, 50, 50, 0.56);
top: -200px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s; }
.view-eighth h2 {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s; }
.view-eighth p {
color: #333;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
-ms-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s; }
.view-eighth a.info {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: -webkit-transform 0.2s ease-in-out 0.3s;
-moz-transition: -moz-transform 0.2s ease-in-out 0.3s;
-o-transition: -o-transform 0.2s ease-in-out 0.3s;
-ms-transition: -ms-transform 0.2s ease-in-out 0.3s;
transition: transform 0.2s ease-in-out 0.3s; }
.view-eighth.is-active .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceY 0.9s linear;
-moz-animation: bounceY 0.9s linear;
-ms-animation: bounceY 0.9s linear;
animation: bounceY 0.9s linear; }
.view-eighth.is-active h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s; }
.view-eighth.is-active p {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.view-eighth.is-active a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; }
@media screen and (min-width: 1025px) {
.view-eighth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceY 0.9s linear;
-moz-animation: bounceY 0.9s linear;
-ms-animation: bounceY 0.9s linear;
animation: bounceY 0.9s linear; }
.view-eighth:hover h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s; }
.view-eighth:hover p {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.view-eighth:hover a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s; } }
@keyframes bounceY {
0% {
transform: translateY(-205px); }
40% {
transform: translateY(-100px); }
65% {
transform: translateY(-52px); }
82% {
transform: translateY(-25px); }
92% {
transform: translateY(-12px); }
55%, 75%, 87%, 97%, 100% {
transform: translateY(0px); } }
@-moz-keyframes bounceY {
0% {
-moz-transform: translateY(-205px); }
40% {
-moz-transform: translateY(-100px); }
65% {
-moz-transform: translateY(-52px); }
82% {
-moz-transform: translateY(-25px); }
92% {
-moz-transform: translateY(-12px); }
55%, 75%, 87%, 97%, 100% {
-moz-transform: translateY(0px); } }
@-webkit-keyframes bounceY {
0% {
-webkit-transform: translateY(-205px); }
40% {
-webkit-transform: translateY(-100px); }
65% {
-webkit-transform: translateY(-52px); }
82% {
-webkit-transform: translateY(-25px); }
92% {
-webkit-transform: translateY(-12px); }
55%, 75%, 87%, 97%, 100% {
-webkit-transform: translateY(0px); } }
@media screen and (max-width: 979px) {
.b-some-examples {
padding: 0 25px; } }
.b-some-examples [class*='col-'] {
margin: 15px 0; }
.f-some-examples {
text-align: left; }
.b-some-examples__item {
background: white;
border: 1px solid #dedede;
border-radius: 2px;
overflow: hidden;
/*@media screen and (max-width: $break-medium - 1) {
margin-bottom: 30px;
}*/ }
.b-some-examples__item_img {
border-bottom: 2px solid #72be58;
position: relative; }
.b-some-examples__item_img.b-radius-null img {
border-radius: 0; }
.b-some-examples__item_img img {
border-radius: 2px 2px 0 0;
display: block;
width: 100%; }
.b-some-examples__item_info {
padding: 7px 16px 0 19px; }
.b-some-examples__item_info_level {
border-top: 1px solid #d9d9d9;
padding: 10px 0 10px 0; }
.b-some-examples__item_info_level:first-child {
border: 0; }
.f-some-examples__item_name {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap; }
.f-some-examples__item_name a {
font-size: 1.38462em;
line-height: 1;
color: #666666; }
.f-some-examples__item_name a:hover {
color: #72be58; }
.f-some-examples__item_name.f-title-small a {
font-size: 1.07692em;
line-height: 1.28571; }
.b-some-examples__item_double_info:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-some-examples__item_double_info .b-info-group ul {
margin: 0; }
.f-some-examples__item_double_info {
font-size: 0.92308em;
line-height: 1.2;
color: #666666; }
.f-some-examples__item_description {
font-size: 0.84615em;
line-height: 2.18182; }
.b-some-examples__item_action {
background: #fafafa;
border-top: 1px solid #d9d9d9;
padding: 10px 14px 10px 19px;
box-shadow: inset 0px -2px 4px #f6f6f6; }
.b-some-examples__item_action:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-some-examples__item_total {
padding-top: 5px; }
.f-some-examples__item_total {
font-size: 1.07692em;
line-height: 1.2;
color: #72be58; }
/* Secondary type of Some Examples */
.b-some-examples-secondary .b-some-examples__item {
border: none;
padding-bottom: 10px; }
@media screen and (max-width: 767px) {
.b-some-examples-secondary .b-some-examples__item {
border-bottom: 1px solid #dedede; } }
.b-some-examples-secondary .b-some-examples__item_img {
border-bottom: 0; }
.b-some-examples-secondary .b-some-examples__item_info {
padding-left: 0;
padding-right: 0; }
.b-some-examples-secondary .b-some-examples__item_info_level {
border: 0; }
.f-some-examples-secondary .f-some-examples__item_name {
text-transform: uppercase; }
/* End Secondary type of Some Examples */
/* Tertiary type of Some Examples */
.b-some-examples-tertiary .b-some-examples__item_info_level {
border-color: transparent;
padding: 5px 0; }
.b-some-examples-tertiary .b-some-examples__item_info_level:first-child {
padding-top: 13px; }
.b-some-examples-tertiary .b-some-examples__item_info_level:last-child {
padding-bottom: 13px; }
.f-some-examples-tertiary .f-some-examples__item_name,
.f-some-examples-tertiary .f-btn {
text-transform: uppercase; }
/* End Tertiary type of Some Examples */
/* Quaternary type of Some Examples */
.f-some-examples-quaternary .f-some-examples__item_name,
.f-some-examples-quaternary .f-btn {
text-transform: uppercase; }
/* End Quaternary type of Some Examples */
.b-list-markers {
padding-left: 0; }
.b-list-markers li {
list-style: none;
margin-bottom: 12px; }
.f-list-markers li {
font-size: 0.92308em;
line-height: 1.2; }
.f-list-markers li a {
color: inherit; }
.f-list-markers li a:hover {
color: #72be58; }
.f-list-markers .fa {
font-size: 1.15385em;
line-height: 1.2; }
.b-list-markers-2col {
margin: 0;
padding: 15px 0 10px 0; }
.b-list-markers-2col:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-list-markers-2col li {
display: inline-block;
padding-right: 5px;
vertical-align: top;
width: 50%; }
@media screen and (max-width: 767px) {
.b-list-markers-2col li {
float: none;
width: 100%; } }
.f-list-markers-2col {
font-size: 0; }
.f-list-markers-2col li {
font-size: 12px; }
.b-list-markers__ico {
margin-right: 5px; }
.f-list-markers__ico {
color: #72be58; }
.b-list-markers__number,
.b-list-markers__alpha {
padding: 2px 4px;
border-radius: 50%;
display: inline-block;
margin-right: 5px; }
.b-list-markers__alpha {
background: #72be58; }
.b-list-markers__number {
background: #666666; }
.f-list-markers__number,
.f-list-markers__alpha {
font-size: 0.92308em;
line-height: 1;
color: white;
text-align: center;
text-transform: uppercase;
font-style: normal; }
/* + list-markers color theme*/
.f-list-markers-default-color {
color: #666666; }
.f-list-markers-default-color .f-list-markers__ico {
color: #666666; }
/* - list-markers color theme*/
/* + list-markers--without-leftindent*/
.b-list-markers--without-leftindent {
padding-left: 0; }
/* - list-markers--without-margin*/
/* + list-markers--medium*/
.f-list-markers--medium li {
font-size: 13px; }
.f-list-markers--medium li .f-list-markers__ico {
vertical-align: middle;
font-size: 1.23077em;
line-height: 1.2; }
/* - list-markers--medium*/
/* + list length size*/
.b-list-markers--short li {
display: inline-block; }
/* - list length size*/
.b-employee {
padding: 38px 0 50px; }
.b-employee .b-hr-stars {
margin-bottom: 15px; }
@media screen and (max-width: 979px) {
.f-employee__desc {
font-size: 0.92308em;
line-height: 2.16667; } }
@media screen and (max-width: 767px) {
.b-employee-container {
padding: 0 35px; }
.b-employee-container [class*='col-'] {
margin-top: 30px; }
.b-employee-container [class*='col-']:first-child {
margin-top: 0; } }
.b-employee-container.j-masonry .j-masonry-item {
margin-top: 30px; }
.b-employee-container.j-masonry .j-masonry-item:first-child {
margin-top: 0; }
@media screen and (max-width: 767px) {
.b-employee-container.j-masonry {
padding: 0;
margin: 0 35px; } }
.b-employee-item__img {
display: block;
margin-bottom: 20px; }
@media screen and (max-width: 979px) {
.b-employee-item__img {
margin-bottom: 5px; } }
.b-employee-item__social_btn {
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
color: white;
background: #adadad;
display: inline-block;
border-radius: 50%;
padding: 7px 0;
margin: 0px 0 5px 10px;
width: 28px;
height: 28px;
text-align: center; }
@media screen and (max-width: 979px) {
.b-employee-item__social_btn {
font-size: 0.69231em;
line-height: 1;
padding: 5px; } }
.b-employee-item__social_btn:hover {
color: white;
background: #72be58; }
.b-employee-item__social_btn:first-child {
margin-left: 0; }
.b-employee-item {
background: #fafafa;
border: 1px solid #e3e3e3;
border-radius: 3px;
overflow: hidden;
padding-bottom: 7px; }
.b-employee-item .b-employee-item__social {
margin-top: 10px; }
.b-employee-item.b-employee-item--color .view-eighth .mask {
background-color: rgba(114, 190, 88, 0.5); }
.b-employee-item.b-employee-item--color .view-sixth .mask {
background-color: rgba(114, 190, 88, 0.5); }
.b-employee-item img {
border: 1px solid #d5d5d5;
width: 100%; }
.b-employee-item p {
padding: 0 3px; }
@media screen and (max-width: 979px) {
.b-employee-item p {
margin-top: 3px; } }
.f-employee-item {
text-align: center; }
.f-employee-item h4 {
margin-bottom: 5px; }
@media screen and (max-width: 979px) {
.f-employee-item h4 {
font-size: 1.07692em;
line-height: 1.2; } }
.f-employee-item p {
color: #666666; }
@media screen and (max-width: 979px) {
.f-employee-item p {
font-size: 0.69231em;
line-height: 2; } }
.f-employee-item__position {
color: #72be58;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-employee-item__position {
font-size: 0.76923em;
line-height: 1.2; } }
.b-infoblock,
.b-infoblock--without-padding,
.b-infoblock--small {
border-bottom: 1px solid #e6e6e6; }
.b-infoblock,
.b-infoblock--small {
position: relative; }
.b-infoblock,
.b-infoblock--without-border {
padding-top: 45px;
padding-bottom: 40px; }
@media screen and (max-width: 767px) {
.b-infoblock,
.b-infoblock--without-border {
padding-top: 30px;
padding-bottom: 25px; } }
.b-infoblock--small {
padding-top: 30px;
padding-bottom: 35px; }
@media screen and (max-width: 767px) {
.b-infoblock--small {
padding-top: 15px;
padding-bottom: 20px; } }
.b-infoblock--small.b-infoblock--without-border {
border: 0 none; }
.b-infoblock-description {
margin-bottom: 25px; }
.b-info-container {
background: #72be58;
padding: 44px 0 40px; }
.f-info-container {
color: white;
text-align: center; }
.f-info-container__title .fa {
font-size: 3.53846em;
line-height: 1;
margin-bottom: 6px; }
.f-info-container__title span {
font-size: 1.38462em;
line-height: 1.66667;
text-transform: uppercase; }
.b-info-container__text {
margin-top: 6px; }
.f-info-container__text {
font-size: 1.07692em;
line-height: 2.14286; }
.f-info-container__text a {
color: #616161; }
.f-info-container__text a:hover {
text-decoration: underline; }
.f-info-container__text--default a {
color: #72be58; }
.b-top-logo-block {
background: #fafafa;
border-bottom: 3px solid #72be58;
padding: 74px 0 52px; }
.b-top-logo-block img {
margin-bottom: 10px; }
.b-top-logo-block-inner {
display: inline-block; }
.f-lg-container--dark-bg .f-top-logo-block_title,
.f-lg-container--dark-bg .f-lg-container-title,
.f-lg-container--dark-bg .f-lg-container-description {
color: white; }
.f-top-logo-block_title {
font-size: 1.92308em;
line-height: 1.2;
color: #666666;
text-transform: uppercase;
white-space: nowrap; }
.b-lg-container {
padding: 80px 0 155px; }
@media screen and (max-width: 767px) {
.b-lg-container {
padding: 60px 0 100px; } }
.f-lg-container-title {
font-size: 4.61538em;
line-height: 1.2;
color: #666666;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
.f-lg-container-title {
font-size: 3.38462em;
line-height: 1.2; } }
.f-lg-container-description {
font-size: 1.23077em;
line-height: 1.875;
color: #666666; }
.b-demo-thumbnails_item {
text-align: center;
padding-bottom: 34px; }
.b-demo-thumbnails_item img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto; }
.b-demo-thumbnails_item_name {
display: inline-block;
margin-top: 30px; }
.f-demo-thumbnails_item_name {
font-size: 1.38462em;
line-height: 1.11111;
color: #898989;
text-transform: uppercase; }
.slider-wrapper img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto; }
.b-finish-info {
padding: 85px 0 245px; }
@media screen and (max-width: 767px) {
.b-finish-info {
padding: 85px 0 85px; } }
.b-finish-info_btn {
margin: 14px 0 28px; }
.f-finish-info {
text-align: center; }
.f-finish-info h3 {
font-size: 2.30769em;
line-height: 1.2;
text-transform: none; }
.b-finish-info_logo-text {
margin-bottom: 25px; }
.f-finish-info_logo-text {
font-size: 1.07692em;
line-height: 1.42857;
text-transform: uppercase; }
.b-about-container {
background-size: cover;
overflow: hidden; }
.b-about-container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-about-container .container {
padding-top: 40px;
padding-bottom: 63px; }
@media screen and (max-width: 1023px) {
.b-about-container .container {
padding-top: 25px;
padding-bottom: 25px; } }
.b-about-container__with-img-l .container {
position: relative; }
.b-about-container__with-img-l .b-about-container__inner {
position: relative;
float: right;
width: 70%;
z-index: 2; }
@media screen and (max-width: 1023px) {
.b-about-container__with-img-l .b-about-container__inner {
float: none;
width: 100%; } }
.b-about-container__img {
bottom: 0;
left: -127px;
position: absolute;
z-index: 1; }
.b-about-container__img img {
display: block; }
@media screen and (max-width: 1023px) {
.b-about-container__img {
display: none; } }
.f-about-container {
color: white; }
.f-about-container a {
color: white; }
.f-about-container a:hover {
color: #72be58; }
.b-about-container__title {
margin-bottom: 15px; }
.f-about-container__title {
font-size: 2.76923em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 1023px) {
.f-about-container__title {
font-size: 2.30769em;
line-height: 1; } }
.b-about-container__title_second {
border-top: 1px dotted white;
border-bottom: 1px dotted white;
padding: 10px 0 10px;
margin-bottom: 18px; }
.f-about-container__title_second {
font-size: 1.76923em;
line-height: 1.04348; }
@media screen and (max-width: 1023px) {
.f-about-container__title_second {
font-size: 1.53846em;
line-height: 1; } }
.b-about-container__text {
margin-bottom: 10px; }
.f-about-container__text {
font-size: 0.92308em;
line-height: 2; }
.b-about-container__with-img-l.b-about-container--high .container {
padding-top: 95px;
padding-bottom: 60px; }
@media screen and (max-width: 1023px) {
.b-about-container__with-img-l.b-about-container--high .container {
padding-top: 25px;
padding-bottom: 25px; } }
.b-news-item {
background: white;
border: 1px solid #f3f3f3;
position: relative; }
.b-news-item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-news-item__img {
border-right: 1px solid #f3f3f3;
position: relative;
float: left;
width: 46%;
max-width: 286px; }
@media screen and (max-width: 767px) {
.b-news-item__img {
width: 100%; } }
.b-news-item__img img {
display: block;
width: 100%; }
.b-news-item__info {
padding: 15px 30px 13px 30px;
position: relative;
overflow: hidden; }
@media screen and (max-width: 767px) {
.b-news-item__info {
width: 100%; } }
.b-news-item__info:before {
content: '';
position: absolute;
border-style: solid;
border-width: 12px;
border-color: transparent white transparent transparent;
left: -24px;
top: 23px; }
@media screen and (max-width: 767px) {
.b-news-item__info:before {
border: 0 none; } }
.f-news-item__info_title {
font-size: 1.07692em;
line-height: 1.71429;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #666666;
text-transform: uppercase; }
.b-news-item__info_title-big {
margin-bottom: 8px; }
.f-news-item__info_title-big {
font-size: 1.38462em;
line-height: 1.33333;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #72be58;
text-transform: uppercase;
white-space: normal; }
.b-news-item__info_additional {
margin-bottom: 10px; }
.b-news-item__info_additional:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-news-item__info_additional_item {
margin-right: 10px; }
.b-news-item__article {
padding: 14px 0 0;
border-top: 1px solid #e0e0e0; }
.b-news-item__article:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.f-news___color-picker {
font-size: 0.92308em;
line-height: 1.2;
color: #7f7e7e;
padding: 6px 0 3px; }
.f-news___color-picker_title {
float: left;
margin-right: 10px;
margin-top: 10px; }
.f-news-item__info_additional_item {
font-size: 0.92308em;
line-height: 2;
color: #b9b8b8; }
.f-news-item__info_additional_item a {
color: #b9b8b8; }
.f-news-item__info_additional_item a:hover {
color: #72be58; }
.b-news-item__info_text {
margin-bottom: 10px;
overflow: hidden; }
.f-news-item__info_text {
font-size: 0.92308em;
line-height: 2;
color: #666666; }
.f-news-item__info_more {
color: #72be58; }
.f-news-item__info_category {
color: #666666;
font-size: 1.07692em;
line-height: 1.71429; }
.f-news-item__price {
color: #72be58;
font-size: 1.84615em;
line-height: 1.33333; }
@media screen and (min-width: 768px) {
.b-categories-icons:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-categories-icons > .b-column {
float: left;
margin-left: 1%;
width: 19.2%; }
.b-categories-icons > .b-column:first-child, .b-categories-icons > .b-column:nth-child(5n+1) {
margin-left: 0; } }
.b-categories-icons__item_link {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
padding: 40px 0 30px; }
@media screen and (max-width: 767px) {
.b-categories-icons__item_link {
padding: 15px 0; }
.b-categories-icons__item_link:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; } }
@media screen and (max-width: 767px) {
.b-categories-icons__item {
border-color: #e8e8e8;
border-style: solid;
border-width: 1px 0 0 0; } }
.f-categories-icons__item {
text-align: center; }
@media screen and (max-width: 767px) {
.f-categories-icons__item {
text-align: left; } }
.is-active-categories-icons__item {
position: relative;
bottom: 40px;
z-index: 100; }
@media screen and (max-width: 767px) {
.is-active-categories-icons__item {
bottom: auto; } }
.is-active-categories-icons__item.b-categories-icons__item {
padding: 3px; }
@media screen and (max-width: 767px) {
.is-active-categories-icons__item.b-categories-icons__item {
padding: 0;
border-color: #e8e8e8;
border-style: solid;
border-width: 1px 0 0 0; } }
.is-active-categories-icons__item .b-categories-icons__item_link {
position: absolute;
background: #72be58;
padding: 26px 0 30px; }
@media screen and (max-width: 767px) {
.is-active-categories-icons__item .b-categories-icons__item_link {
padding: 15px 0 15px 10px;
position: relative; } }
.is-active-categories-icons__item .b-categories-icons__item_link:before {
box-sizing: content-box;
content: '';
position: absolute;
border: 3px solid rgba(255, 255, 255, 0.6);
height: 100%;
width: 100%;
left: -3px;
top: -3px; }
@media screen and (max-width: 767px) {
.is-active-categories-icons__item .b-categories-icons__item_link:before {
display: none; } }
.is-active-categories-icons__item .b-categories-icons__item_info {
display: block; }
.is-active-categories-icons__item .b-categories-icons__item_icon {
background: white; }
.is-active-categories-icons__item .f-categories-icons__item_icon {
color: #72be58; }
.is-active-categories-icons__item .f-categories-icons__item_name,
.is-active-categories-icons__item .f-categories-icons__item_info {
color: white; }
.b-categories-icons__item_icon {
background: #72be58;
border: 3px solid #e6e6e6;
border-radius: 50%;
display: inline-block;
margin-bottom: 18px;
padding: 20px; }
@media screen and (max-width: 767px) {
.b-categories-icons__item_icon {
float: left;
max-width: 80px;
margin-bottom: 0;
padding: 10px; } }
.f-categories-icons__item_icon {
font-size: 2.30769em;
line-height: 1;
color: white; }
@media screen and (max-width: 767px) {
.f-categories-icons__item_icon {
font-size: 1.53846em;
line-height: 1; } }
.b-categories-icons__item_name {
margin-bottom: 5px; }
.f-categories-icons__item_name {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
font-size: 1.07692em;
line-height: 1;
color: #666666;
text-transform: uppercase; }
.f-categories-icons__item_info {
font-size: 0.92308em;
line-height: 2;
color: white; }
.b-categories-icons__item_info {
display: none; }
@media screen and (max-width: 767px) {
.b-categories-icons__item_info {
display: block; } }
.f-categories-icons__item_info {
color: #666666; }
@media screen and (max-width: 767px) {
.b-categories-icons__item_text {
padding-left: 20px; } }
.b-app-with-img [class*='col-'] {
margin: 20px 0; }
.b-app-with-img__item {
border-radius: 3px;
box-shadow: 0 -2px 2px -2px #e6e6e6;
overflow: hidden; }
.b-app-with-img__item_img {
display: block;
border-bottom: 2px solid #72be58;
position: relative;
overflow: hidden; }
.b-app-with-img__item_img img {
border-radius: 3px 3px 0 0;
max-width: 100%;
width: 100%; }
.b-app-with-img__item_text {
background: #f6f6f6;
padding: 18px 5px 20px 5px; }
.b-app-with-img__item_text.b-app-with-img__border {
border-bottom: 2px solid #ebebeb; }
.b-app-with-img__item_name {
margin: 6px 0; }
.f-app-with-img__item_name {
font-size: 1.07692em;
line-height: 1.57143;
text-transform: uppercase; }
.f-app-with-img__item_info {
font-size: 0.92308em;
line-height: 1.2;
color: #72be58; }
.f-app-with-img__item_info a {
font-size: 0.92308em;
line-height: 1.2;
color: #72be58;
text-decoration: none; }
.b-item-hover-action__inner-bottom-desc a {
color: white;
text-decoration: none; }
.b-twitter-feeds [class*='col-'] {
padding-top: 10px;
padding-bottom: 10px; }
.b-twitter-feeds [class*='col-']:first-child {
padding-top: 0; }
.b-twitter-feeds__item_name {
margin-bottom: 10px; }
.f-twitter-feeds__item_name {
font-size: 1em;
line-height: 1.53846;
color: #72be58;
text-transform: uppercase; }
.f-twitter-feeds__item_name i {
margin-right: 2px; }
.b-twitter-feeds__item_twit {
margin-bottom: 5px; }
.f-twitter-feeds__item_twit {
font-size: 0.92308em;
line-height: 1.66667; }
.f-twitter-feeds__item_twit a {
color: #72be58; }
.f-twitter-feeds__item_twit a:hover {
text-decoration: underline; }
.f-twitter-feeds__item_date {
font-size: 0.84615em;
line-height: 1.81818; }
.b-mention-item {
margin-bottom: 10px; }
.b-mention-item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-mention-item__user {
float: left;
width: 110px; }
@media screen and (max-width: 767px) {
.b-mention-item__user {
float: none;
margin-bottom: 15px;
width: auto; } }
.b-mention-item__user_img {
display: inline-block;
margin-bottom: 5px;
text-align: center; }
.b-mention-item__user_img img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
height: 100%;
width: auto;
max-width: none;
display: inline-block; }
.b-mention-item__user_info {
padding-left: 0.5em; }
.f-mention-item__user_info {
font-size: 0.92308em;
line-height: 1.5; }
.f-mention-item__user_name {
color: #72be58; }
.b-mention-item__comment {
margin-left: 28px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment {
margin-left: 0; } }
.b-mention-item__comment:after {
content: '';
border-width: 10px;
border-style: solid;
border-color: transparent white transparent transparent;
position: absolute;
left: -20px;
top: 26px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment:after {
display: none; } }
.b-mention-item__comment:before {
content: '';
border-width: 11px;
border-style: solid;
border-color: transparent #e3e3e3 transparent transparent;
position: absolute;
left: -23px;
top: 25px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment:before {
display: none; } }
.f-mention-item__comment_text {
font-size: 0.92308em;
line-height: 2.33333; }
.f-mention-item__comment_text a {
color: #72be58; }
.b-mention-short-item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-mention-short-item__comment,
.b-mention-item__comment {
background: white;
border: 1px solid #e3e3e3;
border-radius: 3px;
padding: 10px 18px 8px;
position: relative; }
.b-mention-short-item__comment {
margin-bottom: 12px; }
.b-mention-short-item__comment:after {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: '';
border-width: 10px;
border-style: solid;
border-color: transparent white transparent transparent;
position: absolute;
bottom: -10px;
left: auto;
right: 30px; }
.b-mention-short-item__comment:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: '';
border-width: 11px;
border-style: solid;
border-color: transparent #e3e3e3 transparent transparent;
position: absolute;
bottom: -12px;
left: auto;
right: 30px; }
.f-mention-short-item__comment_name {
font-size: 0.92308em;
line-height: 2;
color: #72be58; }
.b-mention-short-item__comment_text {
margin-bottom: 15px; }
.f-mention-short-item__comment_text {
font-size: 0.92308em;
line-height: 2;
color: #979797; }
.b-mention-short-item__user {
padding-right: 45px; }
.b-mention-short-item__user_img,
.b-mention-item__user_img {
background: white;
border: 2px solid white;
box-shadow: 0 0 1px #616161;
border-radius: 50%;
overflow: hidden; }
.b-mention-item__user_img {
width: 91px;
height: 91px; }
.b-mention-short-item__user_img {
width: 49px;
height: 49px; }
.b-mention-short-item__user_img img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
height: 100%;
width: auto;
max-width: none;
display: inline-block; }
.b-mention-short-item__user_info {
padding-right: 10px;
overflow: hidden;
margin-top: 8px; }
.f-mention-short-item__user_name {
font-size: 1.07692em;
line-height: 1.28571;
color: #72be58; }
.f-mention-short-item__user_position {
margin-top: 3px;
font-size: 0.92308em;
line-height: 1.16667; }
/* vertically version */
.b-mention-item--vertically .b-mention-item__user_img {
margin-bottom: 0;
position: relative;
z-index: 2; }
.b-mention-item--vertically .b-mention-item__comment {
box-shadow: 0 0 3px 0 rgba(241, 241, 241, 0.7);
margin: -40px 0 0px;
padding: 15px 18px;
padding-top: 55px;
position: relative;
z-index: 1; }
.b-mention-item--vertically .b-mention-item__comment:before, .b-mention-item--vertically .b-mention-item__comment:after {
display: none; }
.b-mention-item--vertically .b-mention-item__user_info {
margin-top: 1em; }
@media screen and (max-width: 767px) {
.f-center--xs {
text-align: center; } }
/* end vertically version */
.b-logo-group {
margin: 15px 2px; }
.b-logo-item {
display: inline-block;
vertical-align: middle; }
.b-logo-item a {
padding: 14px 17px;
min-height: 75px;
display: inline-block;
vertical-align: middle;
line-height: 47px;
width: 202px;
text-align: center;
margin-bottom: 25px; }
.b-logo-item a:hover {
background: white;
box-shadow: 0 0 2px #dddddd; }
.b-logo-item a:hover .is-hover {
display: inline-block; }
.b-logo-item a:hover .is-normal {
display: none; }
.b-logo-item img {
display: inline-block;
max-width: 100%; }
.b-logo-item img.is-hover {
display: none; }
.b-logo-partner-box .b-logo-item a {
background: white;
box-shadow: 0 0 2px #dddddd;
margin: 0 5px 20px; }
.b-img-group-wrap {
position: relative;
min-height: 470px; }
@media screen and (max-width: 979px) {
.b-img-group-wrap {
min-height: 0; } }
.b-img-group {
bottom: 0;
left: 12%;
position: absolute; }
.b-img-group.wrap-img-appearance {
position: absolute; }
@media screen and (max-width: 979px) {
.b-img-group {
display: none; } }
.b-img-group-wrap--v2 {
padding-bottom: 10px;
min-height: 500px; }
@media screen and (max-width: 979px) {
.b-img-group-wrap--v2 {
padding-bottom: 30px; } }
.b-img-group_v2 {
bottom: 0;
left: 41.66666667%;
position: absolute;
width: 18%; }
.b-img-group_v2.wrap-img-appearance {
position: absolute; }
.b-img-group_v2.wrap-img-appearance img {
position: static; }
@media screen and (max-width: 979px) {
.b-img-group_v2 {
display: none; } }
.b-img-group_v2 img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto; }
.b-img-group-item_1 {
bottom: 0;
left: 0;
position: absolute;
z-index: 2; }
.b-img-group-item_2 {
bottom: 0;
position: absolute;
left: 110px;
z-index: 1; }
.img-appearance-1 {
margin-top: 50px;
max-width: 536px;
height: 286px; }
@media screen and (max-width: 479px) {
.img-appearance-1 {
height: 180px;
margin-top: 0;
margin-bottom: 30px; } }
.img-appearance-1 .img-appearance-item-1 {
top: 0;
left: 23%;
width: 55.4%; }
.img-appearance-1 .img-appearance-item-2 {
top: 47%;
left: 0px;
width: 50%; }
.img-appearance-1 .img-appearance-item-3 {
top: 39%;
left: 63%;
width: 22%; }
.img-appearance-1 .img-appearance-item-4 {
top: 50%;
left: 84%;
width: 16%; }
.img-appearance-1 .img-appearance-item-5 {
top: 61%;
left: 79%;
width: 11%; }
.b-pagination {
overflow: hidden;
width: 100%; }
.b-pagination:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-pagination ul {
padding: 0;
margin: 15px 0 0; }
.b-pagination li {
list-style-type: none;
margin-right: 6px;
display: inline-block;
border: 1px solid #dbdbdb;
border-radius: 3px;
box-shadow: 0 0 5px #dbdbdb;
height: 32px;
min-width: 32px; }
@media screen and (max-width: 479px) {
.b-pagination li {
margin-right: 2px;
height: 29px;
min-width: 23px; } }
.b-pagination li:first-child a, .b-pagination li:last-child a {
padding-left: 14px;
padding-right: 14px; }
@media screen and (max-width: 479px) {
.b-pagination li:first-child a, .b-pagination li:last-child a {
padding-left: 8px;
padding-right: 8px; } }
.b-pagination li:hover {
border-color: #72be58; }
.b-pagination li.is-active-pagination {
background-color: #72be58;
border-color: #72be58; }
.b-pagination span.current {
font-size: 1.07692em;
line-height: 1.2;
background-color: #72be58;
border-color: #72be58;
color: white;
border-radius: 2px; }
.b-pagination a, .b-pagination span {
padding: 8px 11px;
display: block;
position: relative;
float: left; }
@media screen and (max-width: 479px) {
.b-pagination a, .b-pagination span {
padding: 6px 6px; } }
.b-pagination a.next i, .b-pagination span.next i {
margin-left: -1px; }
.b-pagination a.prev i, .b-pagination span.prev i {
margin-left: -2px; }
.b-pagination i {
position: absolute;
vertical-align: middle; }
.f-pagination li {
font-weight: 700; }
.f-pagination li:hover a {
color: #72be58; }
.f-pagination li.is-active-pagination a {
color: white; }
.f-pagination a {
color: #8b8b8b;
font-size: 1.07692em;
line-height: 1.2; }
.f-pagination i {
font-size: 2.30769em;
line-height: 0.46667; }
.b-category-filter {
padding: 20px 0; }
.b-category-filter ul {
margin-bottom: 0;
padding-left: 0; }
.b-category-filter ul li {
display: inline-block; }
.b-category-filter ul li a {
border-radius: 20px;
padding: 6px 10px; }
.b-category-filter ul:not(.list-unstyled) li a:before {
width: 5px;
height: 5px;
content: '.';
position: relative;
left: -4px;
top: -2px; }
.b-category-filter ul.selected-rectangle li a {
border-radius: 2px; }
.f-category-filter li {
font-size: 0.92308em;
line-height: 2; }
.f-category-filter a {
outline: 0 none;
text-decoration: none;
color: #515151; }
.f-category-filter a:before {
font-size: 2.46154em;
line-height: 0.3125; }
.f-category-filter a:hover {
color: #72be58; }
.f-category-filter .is-category-filter-active a {
color: white;
background: #72be58; }
.b-item-hover-action-link {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 2; }
.b-item-hover-action-parent:hover .b-item-hover-action {
background: rgba(50, 50, 50, 0.68); }
.b-item-hover-action-parent:hover .b-item-hover-action--alt {
background-color: rgba(114, 190, 88, 0.66); }
.b-item-hover-action,
.b-item-hover-action--alt {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
border-radius: inherit; }
.b-item-hover-action:before,
.b-item-hover-action--alt:before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle; }
.b-item-hover-action__inner {
display: inline-block;
vertical-align: middle;
white-space: normal; }
.b-item-hover-action__inner-btn_group {
display: block;
margin-bottom: 17px; }
.b-item-hover-action__inner-btn_group .b-btn {
margin-left: 5px;
padding: 14px 14px 12px;
text-shadow: none;
border-radius: 2px;
position: relative;
z-index: 5; }
@media screen and (max-width: 480px) {
.b-item-hover-action__inner-btn_group .b-btn {
padding: 6px 8px 6px; } }
.b-item-hover-action__inner-btn_group .b-btn:first-child {
margin-left: 0; }
.b-item-hover-action__inner-btn_group .fa {
font-size: 1.23077em;
line-height: 1; }
@media screen and (max-width: 480px) {
.b-item-hover-action__inner-btn_group .fa {
font-size: 0.76923em;
line-height: 1; } }
.b-item-hover-action__inner-btn_group--medium .b-btn {
padding: 0;
height: 45px;
width: 45px;
margin-left: 10px; }
@media screen and (max-width: 480px) {
.b-item-hover-action__inner-btn_group--medium .b-btn {
margin-left: 3px;
height: 30px;
width: 30px; } }
.b-item-hover-action__inner-btn_group--medium .fa {
font-size: 1.53846em;
line-height: 2.25; }
@media screen and (max-width: 480px) {
.b-item-hover-action__inner-btn_group--medium .fa {
font-size: 1.15385em;
line-height: 2; } }
.b-item-hover-action__inner-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 54px;
color: white;
background-color: #72be58; }
.b-item-hover-action__inner-bottom:before {
bottom: 100%;
left: 50%;
border: 10px solid transparent;
border-bottom-color: #72be58;
margin-left: -10px;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.b-item-hover-action__inner-bottom-title {
padding: 10px 0 5px 0; }
/*+ item-hover-action--alt*/
.b-item-hover-action--alt:hover {
background-color: rgba(114, 190, 88, 0.66); }
.b-item-hover-action--alt .b-btn-light:hover {
background-color: #72be58; }
.b-item-hover-action--alt .f-btn-light:hover {
color: white; }
/*- item-hover-action--alt*/
.b-item-hover-action--text-bottom:before {
vertical-align: bottom; }
.b-search-map-tabs.ui-tabs .b-search-map_header {
margin-bottom: 15px; }
.b-search-map-tabs.ui-tabs .b-search-map_header .b-search-map__tabs-anchor {
display: inline-block;
vertical-align: middle; }
@media screen and (max-width: 767px) {
.b-search-map-tabs.ui-tabs .b-search-map_header .b-search-map__tabs-anchor {
display: block; } }
.b-search-map-tabs.ui-tabs .b-search-map_header .b-search-map__tabs-anchor li {
display: inline-block;
margin: 0 15px;
vertical-align: middle;
position: relative;
outline: 0; }
@media screen and (max-width: 767px) {
.b-search-map-tabs.ui-tabs .b-search-map_header .b-search-map__tabs-anchor li {
margin: 0;
width: 25%; } }
.b-search-map-tabs.ui-tabs .b-search-map_header .b-search-map__tabs-anchor li.ui-state-active:after {
border-width: 12px;
border-color: transparent transparent #72be58 transparent;
border-style: solid;
content: '';
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -12px; }
@media screen and (max-width: 767px) {
.f-search-map__tabs-anchor {
font-size: 0;
text-align: justify; } }
@media screen and (max-width: 767px) {
.f-search-map__tabs-anchor li {
font-size: 13px;
text-align: center; } }
.f-search-map__tabs-anchor li.ui-state-active a {
color: #72be58; }
.b-search-map__title {
margin-right: 15px;
display: inline-block;
vertical-align: middle; }
@media screen and (max-width: 767px) {
.b-search-map__title {
border-bottom: 1px solid #e8e8e8;
display: block;
margin-bottom: 15px;
margin-right: 0px;
padding-bottom: 5px; } }
.f-search-map__title {
color: #72be58;
text-transform: uppercase; }
.b-search-map__wrap {
background: #72be58;
border-radius: 2px;
padding: 15px 25px 15px 25px; }
.b-search-map__name {
position: relative;
display: inline-block;
margin: 10px 0;
padding-right: 12px;
vertical-align: middle; }
@media screen and (max-width: 1169px) {
.b-search-map__name {
display: block;
padding-bottom: 5px; }
.b-search-map__name br {
display: none; } }
.b-search-map__name:after {
border-left: 1px solid #72be58;
border-right: 1px solid #5e9c48;
content: '';
height: 100%;
position: absolute;
right: 0;
top: 0; }
@media screen and (max-width: 1169px) {
.b-search-map__name:after {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #72be58 transparent #5e9c48;
bottom: 0;
height: 2px;
left: 0;
right: auto;
top: auto;
width: 100%; } }
.f-search-map__name {
color: white;
font-size: 1.38462em;
line-height: 1;
text-align: right;
text-transform: uppercase; }
@media screen and (max-width: 1169px) {
.f-search-map__name {
text-align: left; } }
.b-search-map__name_hight {
display: inline-block;
margin-bottom: 6px; }
.f-search-map__name_hight {
font-size: 1.66667em;
line-height: 1; }
.b-search-map__fields {
display: inline-block;
vertical-align: middle; }
.b-search-map__fields .b-form-group {
margin: 10px 12px; }
@media screen and (max-width: 767px) {
.b-search-map__fields .b-form-group {
margin-left: 0;
margin-right: 0;
width: 100%; } }
.b-search-map__fields input {
display: block;
min-width: 204px; }
@media screen and (max-width: 767px) {
.b-search-map__fields input {
width: 100%; } }
.f-search-map__fields label {
font-size: 1.07692em;
line-height: 1.71429;
color: white;
text-transform: uppercase; }
.b-search-map__submit {
border: 2px solid transparent; }
.b-search-map__submit:hover {
border-color: white; }
.b-full-search {
margin-top: -86px; }
@media screen and (max-width: 1024px) {
.b-full-search {
margin-top: 15px;
margin-bottom: 15px; } }
.b-full-search-form {
background: #72be58;
border-radius: 3px;
margin-bottom: 32px;
padding-left: 18px;
padding-right: 18px;
box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.28);
position: relative;
z-index: 2; }
.b-full-search-form .b-search-map__submit {
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.28);
padding: 7px 10px 6px 10px;
width: 100%; }
@media screen and (max-width: 979px) {
.b-full-search-form .b-search-map__submit {
margin-top: 38px; } }
@media screen and (max-width: 767px) {
.b-full-search-form .b-search-map__submit {
margin-top: 20px;
margin-bottom: 10px; } }
.b-full-search-form .form-control--secondary {
background: white; }
.b-full-search-form input[type="text"] {
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.28); }
.f-full-search-form_title {
font-size: 1.38462em;
line-height: 2.22222;
color: white;
text-transform: uppercase; }
@media screen and (max-width: 767px) {
.f-full-search-form_title {
font-size: 1.23077em;
line-height: 1.375; } }
.b-full-search-form_label {
margin-bottom: 10px; }
.f-full-search-form_label {
font-size: 1.07692em;
line-height: 1.2;
color: white; }
.b-full-search-form_check {
margin-bottom: 10px; }
.b-full-search-form_col {
padding-top: 12px;
padding-bottom: 10px;
min-height: 153px;
border-color: transparent rgba(149, 66, 29, 0.19) transparent rgba(241, 158, 121, 0.19);
border-style: solid;
border-width: 0 1px 0 1px; }
@media screen and (max-width: 1219px) {
.b-full-search-form_col {
min-height: 0;
border-width: 1px 0 1px 0;
border-color: rgba(241, 158, 121, 0.19) transparent rgba(149, 66, 29, 0.19) transparent; } }
.b-full-search-form_col:first-child {
border-left-width: 0; }
@media screen and (max-width: 1219px) {
.b-full-search-form_col:first-child {
border-top-width: 0; } }
.b-full-search-form_col:last-child {
border-right-width: 0; }
@media screen and (max-width: 1219px) {
.b-full-search-form_col:last-child {
border-bottom-width: 0; } }
.b-full-search-form_title {
margin-bottom: 10px; }
.b-search-title {
margin-bottom: 10px; }
.f-search-title {
font-size: 1.38462em;
line-height: 1.66667;
color: #666666; }
.b-tab-top-search {
background: #fafafa;
border: 1px solid #f2f2f2;
padding: 27px 10px 20px; }
.b-tab-top-search_item {
display: inline-block;
margin-right: 15px;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.b-tab-top-search_item {
display: block; } }
.b-tab-top-search_item label {
display: inline-block;
margin-bottom: 0;
margin-right: 8px; }
@media screen and (max-width: 767px) {
.b-tab-top-search_item label {
display: block;
margin-bottom: 6px; } }
.b-tab-top-search_item-control {
display: inline-block;
width: 114px; }
@media screen and (max-width: 767px) {
.b-tab-top-search_item-control {
width: 100%; } }
.b-tabs-reset.ui-tabs {
padding: 0; }
.b-tabs-reset.ui-tabs .ui-tabs-nav {
padding: 0; }
.b-tabs-reset.ui-tabs .ui-tabs-nav li {
float: none;
margin: 0; }
.b-tabs-reset.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: none;
padding: 0;
outline: 0; }
.b-tabs-reset.ui-tabs .ui-tabs-panel {
padding: 0; }
.b-tabs__content-list-item:not(:first-child) {
border-top: 1px solid #f2f2f2;
margin-top: 1em;
padding-top: 1em; }
/* Vertical tabs */
.b-tabs-vertical.ui-tabs .ui-tabs-panel {
background: url("../img/tab-vertical-bg-shadow.png") no-repeat left center;
background-size: 11px 100%;
margin-left: -11px; }
@media screen and (max-width: 767px) {
.b-tabs-vertical.ui-tabs .ui-tabs-panel {
background: none;
margin-top: 10px; } }
.b-tabs-vertical.ui-tabs .b-tabs-vertical__content-text {
margin: 10px 10px 10px 42px; }
@media screen and (max-width: 767px) {
.b-tabs-vertical.ui-tabs .b-tabs-vertical__content-text {
margin: 15px 10px 10px 10px; } }
.b-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
border: 1px solid transparent;
display: block;
padding: 10px 10px 10px 27px; }
.b-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa {
margin-right: 12px;
width: 18px;
text-align: center; }
.b-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
background: white;
border-color: #ededed white #ededed #ededed; }
@media screen and (max-width: 767px) {
.b-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
border-color: #ededed; } }
.f-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
font-size: 1.23077em;
line-height: 1.2; }
.f-tabs-vertical.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
font-weight: 600;
color: #565656; }
@media screen and (max-width: 767px) {
.ui-tabs.b-tabs-vertical--default {
padding-left: 15px;
padding-right: 15px; } }
.b-tabs-vertical__nav {
position: relative;
z-index: 5; }
@media screen and (min-width: 768px) {
.b-tabs-vertical__nav {
padding-right: 0; } }
@media screen and (min-width: 768px) {
.b-tabs-vertical__content {
padding-left: 0; } }
.f-tabs-vertical__title {
color: #72be58;
text-transform: none; }
.f-tabs-vertical__title a {
color: #72be58; }
.f-tabs-vertical__title a:hover {
color: #898989; }
h3.f-tabs-vertical__title {
margin: 5px 0 4px 0; }
/* End Vertical tabs */
/* Secondary vertical tabs */
.b-tabs-vertical--secondary.ui-tabs .ui-tabs-panel {
border: 1px solid #f2f2f2;
background: none;
min-height: 282px; }
.b-tabs-vertical--secondary.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
background: #fbfbfb;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #f2f2f2; }
@media screen and (max-width: 767px) {
.b-tabs-vertical--secondary.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
border-right-width: 1px; } }
.b-tabs-vertical--secondary.ui-tabs .ui-tabs-nav li:last-child .ui-tabs-anchor {
border-bottom-width: 1px; }
@media screen and (min-width: 768px) {
.b-tabs-vertical--secondary.ui-tabs .ui-tabs-panel {
margin-left: -1px; } }
/*End Secondary vertical tabs*/
.b-tabs.ui-tabs .ui-tabs-nav:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-tabs.ui-tabs .ui-tabs-nav li {
background: white;
background: -webkit-linear-gradient(top, white, #f3f3f3);
background: -moz-linear-gradient(top, white, #f3f3f3);
background: -o-linear-gradient(top, white, #f3f3f3);
background: -ms-linear-gradient(top, white, #f3f3f3);
background: linear-gradient(to bottom, white, #f3f3f3);
float: left;
margin-right: 3px;
border-radius: 3px 3px 0 0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #f2f2f2; }
.b-tabs.ui-tabs .ui-tabs-nav li:last-child {
margin-right: 0; }
@media screen and (max-width: 767px) {
.b-tabs.ui-tabs .ui-tabs-nav li {
margin-right: 1%; } }
.b-tabs.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
display: block;
padding: 12px 22px; }
@media screen and (max-width: 767px) {
.b-tabs.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
padding: 12px 20px; } }
.b-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
background: white;
margin-bottom: -1px;
padding-bottom: 1px; }
.ui-tabs .b-tabs-vertical__nav .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0; }
.f-tabs.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #72be58;
text-align: center; }
.f-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
color: #72be58; }
.b-tabs__content {
border: 1px solid #f2f2f2;
background-color: white;
padding: 22px 1.5em; }
/* Secondary version */
.b-tabs--secondary.ui-tabs .tabs-wrap.btns-indent {
padding: 0 20px; }
.b-tabs--secondary.ui-tabs .tabs-wrap .j-tabs-btns {
position: absolute;
top: 10px;
font-size: 18px;
color: #c6c6c6;
cursor: pointer; }
.b-tabs--secondary.ui-tabs .tabs-wrap .j-tabs-btn-prev {
left: 0; }
.b-tabs--secondary.ui-tabs .tabs-wrap .j-tabs-btn-next {
right: 0; }
.b-tabs--secondary.ui-tabs .ui-tabs-nav li {
background: url("../img/diagonal-line-bg-light.png") repeat left top;
border-radius: 0;
display: inline-block;
min-width: 110px;
margin-right: 3px !important; }
.b-tabs--secondary.ui-tabs .ui-tabs-nav li:hover {
border-color: #72be58; }
@media screen and (max-width: 1024px) {
.b-tabs--secondary.ui-tabs .ui-tabs-nav li:hover {
border-color: #f2f2f2; } }
.b-tabs--secondary.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
border-top: 3px solid #72be58; }
.b-tabs--secondary.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
border-top: 3px solid transparent; }
.b-tabs--secondary.ui-tabs .ui-tabs-nav li a {
font-size: 13px;
line-height: 16.8999px; }
/* End Secondary version */
.b-tab-top-search-container.b-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
background: #fafafa; }
.b-tab-top-search-container .b-tabs__content {
padding-top: 0; }
.b-accordion.ui-accordion .ui-accordion-header {
background: white;
border: 1px solid #f1f1f1;
margin-top: 18px;
padding: 13px 20px 11px;
position: relative; }
.b-accordion.ui-accordion .ui-accordion-header:after {
color: #72be58; }
.b-accordion.ui-accordion .ui-accordion-header.ui-accordion-header-active {
background: #72be58;
border-bottom: 0;
outline: none;
margin-bottom: 0; }
.b-accordion.ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
color: white; }
.b-accordion.ui-accordion .ui-accordion-header:first-child {
margin-top: 2px; }
.b-accordion.ui-accordion .ui-accordion-content {
border-color: #f1f1f1;
border-style: solid;
border-width: 0px 1px 1px 1px;
background-color: white; }
.b-accordion--with-standard-icon .ui-accordion-header:after {
content: '\f067';
font-family: "FontAwesome";
right: 16px;
position: absolute;
top: 13px; }
.b-accordion--with-standard-icon .ui-accordion-header.ui-accordion-header-active:after {
content: '\f068'; }
.f-accordion.ui-accordion .ui-accordion-header {
font-size: 1.15385em;
line-height: 1.2;
text-transform: none; }
.f-accordion.ui-accordion .ui-accordion-header.ui-accordion-header-active {
color: white; }
.f-accordion.ui-accordion .ui-accordion-header:not(.ui-accordion-header-active):hover {
color: #72be58; }
.f-accordion.ui-accordion .ui-accordion-header:not(.ui-accordion-header-active):hover:after {
color: #72be58; }
.f-accordion.ui-accordion .ui-accordion-header:not(.ui-accordion-header-active):hover .ui-accordion-header-icon {
background-color: #72be58; }
.f-accordion.ui-accordion .ui-accordion-content h4 {
font-size: 1.07692em;
line-height: 1.2;
text-transform: none; }
.b-accordion__content--w-img:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-accordion__content--w-img .b-accordion__content-img-l {
margin-right: 22px;
float: left; }
.b-accordion__img {
margin-bottom: 0.7em; }
.b-accordion__img img {
max-width: 100%; }
.b-accordion--smallindent .b-accordion__content {
padding: 1em 1.1em; }
/* Accordion info */
.b-accordion--info.ui-accordion .ui-accordion-header {
border-width: 0 0 1px 0;
padding: 22px 20px 21px 50px;
margin-bottom: 0;
margin-top: 0; }
.b-accordion--info.ui-accordion .ui-accordion-header:after {
display: none; }
.b-accordion--info.ui-accordion .ui-accordion-header.ui-accordion-header-active {
background: white;
border-bottom: 1px solid #f1f1f1; }
.b-accordion--info.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
background: #72be58; }
.b-accordion--info.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
background: #cdcdcd;
width: 32px;
margin-right: 17px;
margin-top: 0;
padding: 6px 7px;
left: 0;
top: 13px;
vertical-align: middle; }
.b-accordion--info.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
content: '\f00c'; }
.b-accordion--info.ui-accordion .ui-accordion-content {
border-width: 0 0 1px 0;
margin-bottom: 0;
padding-left: 50px;
padding-bottom: 5px; }
.f-accordion--info.ui-accordion .ui-accordion-header {
font-size: 1.07692em;
line-height: 1.2; }
.f-accordion--info.ui-accordion .ui-accordion-header.ui-accordion-header-active {
color: #72be58; }
.f-accordion--info.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
text-indent: 0; }
.f-accordion--info.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
font-size: 1.23077em;
line-height: 1;
color: white;
font-family: "FontAwesome"; }
/* End Accordion info */
/* Accordion Secondary version */
.b-accordion--secondary.ui-accordion .ui-accordion-header {
border-width: 1px 0 0 0;
padding-left: 0;
margin-bottom: 0;
margin-top: 0; }
.b-accordion--secondary.ui-accordion .ui-accordion-header:last-of-type {
border-width: 1px 0 1px 0; }
.b-accordion--secondary.ui-accordion .ui-accordion-header.ui-accordion-header-active {
background: white;
border-bottom: 1px solid #f1f1f1; }
.b-accordion--secondary.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
background: #72be58; }
.b-accordion--secondary.ui-accordion .ui-accordion-header .fa {
margin-right: 5px; }
.b-accordion--secondary.ui-accordion .ui-accordion-content {
border-width: 0;
margin-bottom: 0;
padding-bottom: 5px;
padding-left: 23px; }
.f-accordion--secondary.ui-accordion .ui-accordion-header {
font-size: 1.07692em;
line-height: 1.2; }
.f-accordion--secondary.ui-accordion .ui-accordion-header:after {
color: #666666; }
.f-accordion--secondary.ui-accordion .ui-accordion-header.ui-accordion-header-active {
color: #72be58; }
.f-accordion--secondary.ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
color: #72be58; }
.f-accordion--secondary.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
text-indent: 0; }
.f-accordion--secondary.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
font-size: 1.23077em;
line-height: 1;
color: white;
font-family: "FontAwesome"; }
.ui-datepicker {
padding: 0;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
width: 270px; }
.ui-datepicker .ui-datepicker-header {
color: white;
background: #72be58;
padding: 10px 10px; }
.ui-datepicker .ui-datepicker-title {
line-height: 1;
font-size: 13px; }
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
font-size: 1.07692em;
line-height: 1;
font-weight: 700;
text-transform: uppercase; }
.ui-datepicker .ui-datepicker-calendar {
background: #f8f8f8;
margin-bottom: 0; }
.ui-datepicker .ui-datepicker-calendar th {
color: #72be58;
padding: 20px 0 10px; }
.ui-datepicker .ui-datepicker-calendar td {
width: 14.3%; }
.ui-datepicker .ui-datepicker-calendar td a {
font-size: 0.92308em;
line-height: 1;
color: #666666;
text-align: center;
padding: 12px 0 8px;
height: 35px;
width: 35px; }
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td a:hover {
background: #72be58;
color: white;
border-radius: 50%; }
.ui-datepicker .ui-datepicker-calendar tr:last-child td {
padding-bottom: 10px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 8px;
height: auto;
width: auto; }
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
font-size: 0.61538em;
line-height: 1;
color: white;
border: 1px solid white;
border-radius: 50%;
background: #72be58;
font-family: "FontAwesome";
font-weight: normal;
padding: 3px;
width: 16px;
display: inline-block;
text-align: center; }
.ui-datepicker .ui-datepicker-prev span.ui-icon,
.ui-datepicker .ui-datepicker-next span.ui-icon {
display: none; }
.ui-datepicker .ui-datepicker-prev {
left: 10px; }
.ui-datepicker .ui-datepicker-prev:after {
content: "\f053"; }
.ui-datepicker .ui-datepicker-next {
right: 10px; }
.ui-datepicker .ui-datepicker-next:after {
content: "\f054"; }
.ui-datepicker .ui-datepicker-next span.ui-icon {
display: none; }
.b-datapicker-reset .ui-datepicker {
width: auto;
box-shadow: 0 0 0 transparent; }
.b-datapicker-reset .ui-datepicker .ui-datepicker-calendar td {
text-align: center; }
.b-datapicker-reset .ui-datepicker .ui-datepicker-calendar td a {
width: 35px;
height: 35px;
line-height: 1.6;
display: inline-block; }
.b-datapicker-reset .ui-datepicker .ui-datepicker-calendar tr:last-child td {
padding-bottom: 0.6em; }
.b-benefits-container {
padding: 50px 0 30px 0; }
.b-benefits-container [class*='col-'] {
margin: 20px 0 20px; }
.f-benefits-container,
.f-benefits_title {
color: white; }
.b-benefits_title {
margin-bottom: 50px; }
@media screen and (max-width: 979px) {
.b-benefits_title {
margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
.b-benefits_title {
margin-bottom: 20px; } }
.f-benefits_title {
font-size: 3.69231em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-benefits_title {
font-size: 3.07692em;
line-height: 1.2; } }
@media screen and (max-width: 767px) {
.f-benefits_title {
font-size: 2.30769em;
line-height: 1.2; } }
.b-benefits_description {
margin-bottom: 30px; }
.f-benefits_description {
font-size: 1.53846em;
line-height: 1;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.f-benefits_description {
font-size: 1.38462em;
line-height: 1.2; } }
@media screen and (max-width: 767px) {
.f-benefits_description {
font-size: 1.23077em;
line-height: 1.2; } }
/* benefits__item */
.b-benefits__item_icon {
margin-bottom: 20px; }
.b-benefits__item_icon_image {
border-radius: 50%;
border: 3px solid white;
width: 156px;
height: 156px;
margin: 0 auto;
overflow: hidden;
position: relative; }
.b-benefits__item_icon_image img {
width: 150px;
height: 150px; }
.b-benefits__item_icon_image_hover ul {
display: inline-block;
margin: 0;
line-height: 25px;
font-size: 16px; }
.b-benefits__item_icon_image_hover li {
border-radius: 999px;
overflow: hidden;
background-color: white;
width: 25px;
height: 25px; }
.b-benefits__item_icon_image_hover li:hover {
background-color: #72be58; }
.f-benefits__item_icon_image_hover {
vertical-align: middle; }
.f-benefits__item_icon_image_hover li a {
color: #72be58; }
.f-benefits__item_icon_image_hover li:hover a {
color: white; }
.f-benefits__item_icon {
font-size: 3.46154em;
line-height: 1;
color: #72be58; }
.b-benefits__item_title {
margin-bottom: 10px; }
.f-benefits__item_title {
font-size: 1.23077em;
line-height: 1.25;
text-transform: uppercase; }
.f-benefits__item_description {
font-size: 0.92308em;
line-height: 1.66667; }
/* end benefits__item */
.b-video-mac__btn {
margin-bottom: 20px; }
.b-video-mac-wrap {
margin: 0 auto -12px;
max-width: 674px; }
.b-video-mac {
background: url("../img/homepage/mac-video.png") no-repeat center top;
background-size: 100% auto;
box-sizing: content-box;
display: block;
height: 0;
margin: 0 10px -25px;
padding-bottom: 57.6%;
position: relative;
z-index: 2; }
.b-video-mac__player {
bottom: 40px;
left: 11.77%;
position: absolute;
right: 11.32%;
top: 18px; }
@media screen and (max-width: 767px) {
.b-video-mac__player {
top: 10px; } }
@media screen and (max-width: 479px) {
.b-video-mac__player {
bottom: 30px;
top: 10px; } }
.b-video-mac__player iframe {
height: 100%;
width: 100%; }
.b-footer-mini {
padding: 11px;
border-top: 1px solid #dedede; }
.f-footer-mini__link {
font-size: 0.92308em;
line-height: 1.2; }
.f-footer-mini-text {
font-size: 0.92308em;
line-height: 1.2;
color: #72be58; }
.f-footer-mini-right {
float: right; }
[class*='b-color-picker_color'] {
display: inline-block;
height: 28px;
width: 29px;
border-radius: 3px;
margin: 2px 4px;
cursor: pointer; }
[class*='b-color-picker_color'].is-active, [class*='b-color-picker_color']:hover {
box-shadow: 2px 2px 0 #ededed, -2px 2px 0px #ededed, 0 2px 0 #ededed, 2px -2px 0 #ededed, -2px -2px 0px #ededed; }
.b-color-picker__box {
margin: 0 -5px 0 -5px; }
.b-color-picker_color_1 {
background-color: #f27491; }
.b-color-picker_color_2 {
background-color: #f2d674; }
.b-color-picker_color_3 {
background-color: #dfdfdf; }
.b-color-picker_color_4 {
background-color: #cc1212; }
.b-color-picker_color_5 {
background-color: #62b30c; }
.b-color-picker_color_6 {
background-color: #1685d3; }
.b-color-picker_color_7 {
background-color: #a28c0f; }
.b-color-picker_color_8 {
background-color: #e3921f; }
.b-color-picker_color_9 {
background-color: #656565; }
.b-color-picker_color_10 {
background-color: #efd108; }
.b-color-picker_color_11 {
background-color: #049ab0; }
.b-color-picker_color_12 {
background-color: #c4908d; }
.b-color-picker_color_13 {
background-color: #f40d85; }
.b-color-picker_color_14 {
background-color: #e00ed9; }
.b-color-picker_color_15 {
background-color: #875a50; }
.b-color-picker_color_16 {
background-color: #96b6cb; }
/* + color picker --alt*/
.b-color-picker--alt [class*='b-color-picker_color'] {
position: relative; }
.b-color-picker--alt [class*='b-color-picker_color']:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: #424242;
opacity: 0.06; }
.b-color-picker--alt [class*='b-color-picker_color'].is-active, .b-color-picker--alt [class*='b-color-picker_color']:hover {
box-shadow: 2px 2px 0 #cdcdcd, -2px 2px 0px #cdcdcd, 0 2px 0 #cdcdcd, 2px -2px 0 #cdcdcd, -2px -2px 0px #cdcdcd; }
/* - color picker --alt*/
.b-action-info {
background: url("../img/shop/action-info.png") no-repeat center center transparent;
width: 75px;
height: 69px;
position: absolute;
right: -2px;
top: -2px; }
@media screen and (max-width: 767px) {
.b-action-info {
left: -2px;
background-image: url("../img/shop/action-info-2.png"); } }
.b-action-info_text {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: relative;
top: 20px;
left: 6px;
padding: 0 5px; }
@media screen and (max-width: 767px) {
.b-action-info_text {
transform: rotate(315deg);
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
top: 20px;
left: -6px; } }
.f-action-info_text {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: white;
font-size: 1.07692em;
line-height: 1.2;
text-align: center;
text-transform: uppercase; }
.b-action-info--default,
.b-action-info--default--secondary {
position: absolute;
top: 0;
right: 0;
background-color: #529c11;
padding: 2px 5px 1px;
border-radius: 1px;
border: 1px solid #dedede; }
.b-action-info--default--secondary {
background-color: #0ea8bf; }
.f-action-info--default {
font-size: 1.07692em;
line-height: 1.2;
color: white;
text-transform: uppercase; }
.b-product-preview {
display: inline-block;
border-radius: 3px;
overflow: hidden;
border: 1px solid #dedede;
box-shadow: 0 0 2px #f8f8f8;
width: 100%; }
.b-product-preview__img {
position: relative; }
.b-product-preview__content {
border-top: 3px solid #72be58;
width: 100%;
padding: 20px 15px;
background-color: #f8f8f8; }
.b-product-preview__content_col {
vertical-align: middle; }
.b-product-preview__content_col:first-child {
float: right;
margin-left: 15px; }
.b-product-preview__content_price {
border-radius: 50px;
background-color: #72be58;
padding: 6px 6px 4px;
display: inline-block;
min-height: 42px;
min-width: 43px; }
.f-product-preview__content_title {
font-size: 1.23077em;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #666666; }
.f-product-preview__content_category {
font-size: 0.92308em;
line-height: 2;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
color: #72be58; }
.f-product-preview__content_category a {
color: #72be58; }
.f-product-preview__content_price {
font-size: 1.38462em;
line-height: 1.77778;
color: white;
min-height: 42px;
min-width: 42px;
text-align: center; }
.b-product-preview-row {
overflow: hidden;
border-top: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-radius: 2px;
box-shadow: 0 -1px 2px whitesmoke; }
.b-product-preview-row:hover {
border: 1px solid #72be58; }
.b-product-preview-row__content {
position: relative;
margin-right: 2em;
margin-top: 1em;
margin-bottom: 1em;
overflow: hidden; }
@media screen and (max-width: 639px) {
.b-product-preview-row__content {
margin-left: 2em; } }
.b-product-preview-row__content .b-portfolio_info_rating {
padding-left: 0.9em; }
.b-product-preview-row_description {
padding: 0.7em 2em 0em 0.7em;
margin-bottom: 1.3em;
max-height: 102px;
overflow: hidden; }
@media screen and (max-width: 639px) {
.b-product-preview-row_description {
max-height: 200px; } }
.b-product-preview-row_title {
padding-left: 0.5em;
padding-right: 5em; }
.b-product-preview-row_btn {
margin-left: 1em; }
.b-product-preview-row__img {
float: left;
max-width: 270px;
position: relative;
margin-right: 15px; }
@media screen and (max-width: 639px) {
.b-product-preview-row__img {
float: none;
max-width: 320px; } }
.b-product-preview-row__img img {
width: 100%; }
.b-product-preview-row_btn-panel {
position: absolute;
bottom: 1em;
left: 1em;
right: 1em; }
.b-product-preview-row_btn-panel .b-btn {
padding: 14px 14px 12px;
text-shadow: none;
border-radius: 2px;
position: relative;
margin-left: 5px;
z-index: 5; }
.b-product-preview-row_btn-panel .b-btn.is-active {
background-color: #72be58;
color: white; }
@media screen and (max-width: 767px) {
.b-product-preview-row_price {
float: right; } }
.f-view-switcher {
font-size: 0.76923em;
line-height: 1.2;
color: #919191; }
[class*='b-view-switcher_'] {
cursor: pointer;
border: 2px solid #919191;
border-radius: 2px;
padding: 2px;
margin-left: 3px; }
[class*='b-view-switcher_']:before {
position: relative;
top: 0.5px; }
[class*='b-view-switcher_'].is-view-switcher__item-active {
color: #72be58;
border-color: #72be58; }
.b-sort-panel {
margin-top: -3px;
margin-bottom: 15px;
float: none; }
.b-sort-panel:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-sort-panel__inner {
padding-bottom: 5px;
border-bottom: 1px solid #e3e3e3;
overflow: hidden; }
.b-sort-panel__inner__view.b-sort-panel__inner {
border-bottom: 0;
padding-bottom: 0; }
.b-sort-panel__inner_icon-sort {
width: 16px;
height: 19px;
float: left;
margin-top: 6px; }
.f-sort-panel__inner_icon-sort {
font-size: 1.38462em;
line-height: 1.22222;
color: #d2d2d2; }
.f-sort-panel__inner_icon-sort:hover {
color: #72be58; }
.b-categories-filter ul {
padding: 0;
margin: 0;
list-style-type: none; }
.b-categories-filter li {
border-bottom: 1px solid #ececec;
color: #515151;
padding: 8px 0 7px; }
.b-categories-filter i {
margin-right: 10px;
font-size: 0.92308em;
line-height: 1.2; }
.b-categories-filter a:hover ~ .f-categories-filter_count {
color: white; }
.b-categories-filter a:hover ~ .b-categories-filter_count {
background-color: #72be58; }
.b-categories-filter_count {
float: right;
background-color: #dfdfdf;
padding: 2px 4px;
border-radius: 2px;
min-width: 27px;
margin-top: -2px; }
.f-categories-filter_count {
font-size: 0.84615em;
line-height: 1.2;
text-align: center; }
.f-categories-filter_name {
font-size: 1em;
line-height: 1.2; }
.b-tag {
background-color: whitesmoke;
padding: 7px 10px;
margin: 5px 6px 5px 0;
border-radius: 3px;
display: inline-block; }
.b-tag:hover {
background-color: #72be58; }
.f-tag {
color: #898989;
font-size: 0.92308em;
line-height: 1.2; }
.f-tag:hover {
color: white; }
.b-tag-container {
margin-top: -5px;
margin-bottom: -5px;
display: inline-block; }
[class*='b-alert'] {
display: block;
padding: 12px 12px 10px 18px; }
[class*='b-alert'] .fa {
font-size: 1.15385em;
line-height: 1.2; }
[class*='b-alert'] > div:last-child .fa {
margin-right: 0.4em; }
[class*='b-alert'] > div:first-child .fa {
font-size: 1.38462em;
line-height: 1.2;
margin-left: 0.4em; }
[class*='b-alert'] > div:first-child .fa:before {
cursor: pointer; }
[class*='f-alert'] {
font-size: 1em;
line-height: 1.2; }
.b-alert-normal {
background: #f8f8f8;
border: 1px solid gainsboro; }
.f-alert-normal {
color: #959595; }
.b-alert-warning {
background: #ffd6d1;
border: 1px solid #f9bdb6; }
.f-alert-warning {
color: #ff391f; }
.b-alert-info {
background: #fff4bb;
border: 1px solid #ffcc66; }
.f-alert-info {
color: #e99b00; }
.b-alert-success {
background: #c1faa8;
border: 1px solid #9cff70; }
.f-alert-success {
color: #6db74c; }
.b-alert-useful {
background: #bceeff;
border: 1px solid #8ae1ff; }
.f-alert-useful {
color: #21c2f8; }
.b-alert-question {
background: #decfdf;
border: 1px solid #e2b5e5; }
.f-alert-question {
color: #af75b3; }
.b-pricing-info__container {
padding-top: 30px;
padding-bottom: 30px; }
.b-pricing-info__container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.f-pricing-info__item {
font-size: 1em;
line-height: 2.30769;
color: #989898; }
.b-pricing-info__item {
border: 1px solid #d8d8d8;
margin-bottom: 10px;
padding: 15px 0;
position: relative; }
.b-pricing-info__item .b-btn-sm {
padding: 10px 23px 7px;
box-shadow: inset 0 -2px 0px rgba(108, 108, 108, 0.7); }
.b-pricing-info__item .b-btn-md {
padding: 14px 14px 12px;
box-shadow: inset 0 -2px 0px rgba(108, 108, 108, 0.7); }
.b-pricing-info__item .b-btn-md.f-btn {
font-size: 1.07692em;
line-height: 1; }
@media screen and (min-width: 768px) and (max-width: 980px) {
.b-pricing-info__item:first-child {
border-right: none; }
.b-pricing-info__item:last-child {
border-left: none; } }
@media screen and (min-width: 980px) {
.b-pricing-info__item {
border-left: none; }
.b-pricing-info__item:first-child {
border-left: 1px solid #d8d8d8; } }
.b-pricing-info__item:hover, .b-pricing-info__item.is-active {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 980px) {
.b-pricing-info__item:hover, .b-pricing-info__item.is-active {
border: 1px solid #d8d8d8;
margin-top: -30px;
margin-bottom: -35px; }
.b-pricing-info__item:hover .b-pricing-info__item-title, .b-pricing-info__item.is-active .b-pricing-info__item-title {
padding-top: 15px;
padding-bottom: 15px; } }
.b-pricing-info__item:hover .b-btn-sm,
.b-pricing-info__item:hover .b-btn-md, .b-pricing-info__item.is-active .b-btn-sm,
.b-pricing-info__item.is-active .b-btn-md {
box-shadow: inset 0 -2px 0px #5e9c48; }
.b-pricing-info__item:hover .b-pricing-info__item-price, .b-pricing-info__item.is-active .b-pricing-info__item-price {
background-color: #5e9c48; }
.b-pricing-info__item:hover .b-pricing-info__item-price h2, .b-pricing-info__item:hover .b-pricing-info__item-price small, .b-pricing-info__item.is-active .b-pricing-info__item-price h2, .b-pricing-info__item.is-active .b-pricing-info__item-price small {
color: white; }
.b-pricing-info__item:hover .b-pricing-info__item-btn-row .b-btn, .b-pricing-info__item.is-active .b-pricing-info__item-btn-row .b-btn {
background-color: #5e9c48; }
.b-pricing-info__item:hover .b-pricing-info__item-btn-row .f-btn, .b-pricing-info__item.is-active .b-pricing-info__item-btn-row .f-btn {
text-shadow: 0 -1px 1px #5e9c48; }
@media screen and (min-width: 980px) {
.b-pricing-info__item:hover .b-pricing-info__item-btn-row, .b-pricing-info__item.is-active .b-pricing-info__item-btn-row {
padding-top: 25px;
padding-bottom: 15px; } }
.b-pricing-info__item:hover .b-pricing-info__item-title-icon, .b-pricing-info__item.is-active .b-pricing-info__item-title-icon {
background: #72be58; }
.b-pricing-info__item p {
padding-top: 10px; }
.b-pricing-info__item-price {
background-color: #fafafa; }
.b-pricing-info__item-price h2, .b-pricing-info__item-price small {
color: #72be58;
margin: 0;
padding: 10px 0;
text-transform: none; }
.b-pricing-info__item-row {
border-bottom: 1px solid #d8d8d8;
min-height: 45px; }
.b-pricing-info__item-row:last-child {
border-bottom: none; }
.b-pricing-info__item-row.b-pricing-info__item-btn-row {
padding-top: 10px; }
.b-pricing-info__item-row.b-pricing-info__item-btn-row .b-btn {
background-color: #919191; }
.b-pricing-info__item-row.b-pricing-info__item-btn-row .f-btn {
text-shadow: 0 -1px 1px #919191; }
.b-pricing-info__item-row .b-stars-group {
padding-top: 15px; }
.b-pricing-info__item-title-icon {
display: inline-block;
background: #919191;
border-radius: 50%;
height: 28px;
width: 28px;
position: relative;
margin-bottom: 5px; }
.b-pricing-info__item-title-icon:before, .b-pricing-info__item-title-icon:after {
border-top: 1px solid #ebebeb;
content: '';
height: 1px;
position: absolute;
top: 50%;
width: 320%; }
.b-pricing-info__item-title-icon:before {
left: -340%; }
.b-pricing-info__item-title-icon:after {
right: -340%; }
.f-pricing-info__item-title-icon .fa {
color: white; }
.b-pricing-info__item-label {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
background: #ffd565;
border-bottom: 3px solid #ab2809;
display: inline-block;
left: 0px;
height: 30px;
padding-right: 5px;
padding-left: 5px;
position: absolute;
top: 22px;
z-index: 10; }
.b-pricing-info__item-label:before, .b-pricing-info__item-label:after {
background: #ffd565;
border-bottom: 3px solid #ab2809;
content: '';
position: absolute;
height: 30px;
width: 50%;
z-index: -1; }
.b-pricing-info__item-label:before {
transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-webkit-transform: skewX(-45deg);
left: -17px; }
.b-pricing-info__item-label:after {
transform: skewX(45deg);
-ms-transform: skewX(45deg);
-webkit-transform: skewX(45deg);
right: -17px; }
.f-pricing-info__item-label {
color: #795801;
text-transform: uppercase; }
/*Secondary Version*/
.b-pricing-info--secondary .b-pricing-info__item {
padding-top: 0; }
.b-pricing-info--secondary .b-pricing-info__item:first-child {
border: 1px solid #d8d8d8; }
@media screen and (min-width: 980px) {
.b-pricing-info--secondary .b-pricing-info__item:hover, .b-pricing-info--secondary .b-pricing-info__item.is-active {
margin: 0; } }
.b-pricing-info--secondary .b-pricing-info__item:hover .b-pricing-info__item-title, .b-pricing-info--secondary .b-pricing-info__item.is-active .b-pricing-info__item-title {
padding-top: 10px;
padding-bottom: 0; }
.b-pricing-info--secondary .b-pricing-info__item:hover .b-pricing-info__item-btn-row, .b-pricing-info--secondary .b-pricing-info__item.is-active .b-pricing-info__item-btn-row {
padding-top: 10px;
padding-bottom: 0; }
.b-pricing-info--secondary .b-pricing-info__item-title {
background: #f8f8f8;
overflow: hidden;
padding-top: 10px; }
.b-pricing-info--secondary .b-pricing-info__item-price {
background: #919191; }
.f-pricing-info--secondary .f-pricing-info__item-price h2, .f-pricing-info--secondary .f-pricing-info__item-price small {
color: white; }
/*End Secondary Version*/
/* Icon lg */
.b-pricing-info--icon-lg .b-pricing-info__item-title-icon {
height: 60px;
width: 60px; }
.b-pricing-info--icon-lg .b-pricing-info__item-title-icon:before, .b-pricing-info--icon-lg .b-pricing-info__item-title-icon:after {
width: 100%; }
.b-pricing-info--icon-lg .b-pricing-info__item-title-icon:before {
left: -110%; }
.b-pricing-info--icon-lg .b-pricing-info__item-title-icon:after {
right: -110%; }
.f-pricing-info--icon-lg .f-pricing-info__item-title-icon .fa {
font-size: 24px;
line-height: 60px; }
/* End Icon lg */
/* Color version */
.b-pricing-info--color .b-pricing-info__item {
padding-top: 0; }
@media screen and (min-width: 980px) {
.b-pricing-info--color .b-pricing-info__item:hover .b-pricing-info__item-title, .b-pricing-info--color .b-pricing-info__item.is-active .b-pricing-info__item-title {
padding-top: 25px; } }
.b-pricing-info--color .b-pricing-info__item:hover .b-pricing-info__item-price, .b-pricing-info--color .b-pricing-info__item.is-active .b-pricing-info__item-price {
background: #2bc2d5; }
.b-pricing-info--color .b-pricing-info__item:hover.b-pricing-info__item--color-primary .b-pricing-info__item-price, .b-pricing-info--color .b-pricing-info__item.is-active.b-pricing-info__item--color-primary .b-pricing-info__item-price {
background: #00b89a; }
.b-pricing-info--color .b-pricing-info__item:hover.b-pricing-info__item--color-secondary .b-pricing-info__item-price, .b-pricing-info--color .b-pricing-info__item.is-active.b-pricing-info__item--color-secondary .b-pricing-info__item-price {
background: #e9682e; }
.b-pricing-info--color .b-pricing-info__item:hover.b-pricing-info__item--color-tertiary .b-pricing-info__item-price, .b-pricing-info--color .b-pricing-info__item.is-active.b-pricing-info__item--color-tertiary .b-pricing-info__item-price {
background: #353d46; }
.b-pricing-info--color .b-pricing-info__item-title {
background: #229baa;
border-bottom: 1px solid #2ba4b3;
overflow: hidden;
padding-top: 10px; }
.b-pricing-info--color .b-pricing-info__item-price {
background: #2bc2d5;
border-top: 1px solid #2bcce0;
padding: 20px 0; }
.b-pricing-info--color .b-pricing-info__item--color-primary .b-pricing-info__item-title {
background: #08947d; }
.b-pricing-info--color .b-pricing-info__item--color-primary .b-pricing-info__item-price {
background: #00b89a;
border-top: 1px solid #42d8bf; }
.b-pricing-info--color .b-pricing-info__item--color-secondary .b-pricing-info__item-title {
background: #d0531b;
border-bottom: 1px solid #d0531b; }
.b-pricing-info--color .b-pricing-info__item--color-secondary .b-pricing-info__item-price {
background: #e9682e;
border-top: 1px solid #f4a480; }
.b-pricing-info--color .b-pricing-info__item--color-tertiary .b-pricing-info__item-title {
background: #282f36;
border-bottom: 1px solid #282f36; }
.b-pricing-info--color .b-pricing-info__item--color-tertiary .b-pricing-info__item-price {
background: #353d46;
border-top: 1px solid #3f4851; }
.f-pricing-info--color .f-pricing-info__item-title h4 {
font-size: 1.53846em;
line-height: 1.2;
color: white; }
.f-pricing-info--color .f-pricing-info__item-price h2, .f-pricing-info--color .f-pricing-info__item-price small {
color: white; }
.f-pricing-info--color .f-pricing-info__item-price h2 {
font-size: 3.69231em;
line-height: 1; }
.f-pricing-info--color .f-pricing-info__item-price small {
font-size: 40%; }
/* End Color version */
.b-our-works .b-category-filter {
border-bottom: 0; }
.b-our-works__item {
min-height: 154px;
margin-bottom: 30px; }
@media (max-width: 480px) {
.b-our-works__item {
min-height: 133px;
margin-bottom: 15px; } }
.b-our-works__item .b-item-hover-action {
padding-bottom: 27px; }
.b-our-works__item_image {
border-radius: 2px;
overflow: hidden; }
.b-our-works__item_image img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
width: 100%; }
.b-google-map {
position: relative; }
@media screen and (min-width: 1024px) {
.b-google-map--fix-height .b-google-map__map-view {
min-height: 650px; } }
.b-google-map__map-view {
min-height: 500px; }
@media screen and (max-width: 1024px) {
.b-google-map__map-view {
min-height: 600px; } }
@media screen and (max-width: 767px) {
.b-google-map__map-view {
min-height: 300px; } }
.b-google-map__info-window {
padding: 10px 0; }
@media (max-width: 1024px) {
.b-google-map__info-window {
max-width: 310px; } }
.b-google-map__info-window-address, .b-google-map__info-window-image {
padding: 0; }
.b-google-map__info-window-address ul li {
margin-bottom: 20px; }
.b-google-map__info-window-address ul li:last-child {
margin-bottom: 0; }
.b-google-map__info-window-address-title {
margin-top: 3px;
margin-bottom: 5px; }
.f-google-map__info-window-address-title {
color: #72be58;
font-weight: 700;
text-transform: uppercase; }
.f-google-map__info-window-address-title:hover {
cursor: pointer; }
.b-google-map__info-window-address-icon {
height: 44px;
width: 44px;
background-color: #72be58;
border-radius: 999px;
overflow: hidden;
margin-right: 10px; }
.b-google-map__info-window-address-icon .fa {
color: white;
vertical-align: middle;
line-height: 44px;
font-size: 21px; }
.b-google-map__info-window-address-icon:hover {
cursor: pointer; }
.b-goggle-map_info-window-estate {
padding-left: 17px;
min-height: 315px; }
@media (max-width: 640px) {
.b-goggle-map_info-window-estate {
padding-left: 0;
max-width: 270px; } }
.b-goggle-map_info-window-estate-image {
margin-bottom: 20px; }
.b-goggle-map_info-window-estate-image img {
width: 275px; }
@media (max-width: 640px) {
.b-goggle-map_info-window-estate-image img {
width: 270px; } }
.f-google-map__info-window-estate-title {
font-size: 1.53846em;
line-height: 1;
color: #72be58; }
.f-google-map__info-window-estate-description {
font-size: 0.92308em;
line-height: 1.2; }
.b-google-map__info-window-estate-details {
padding: 10px 0;
margin: 5px 0;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd; }
.b-google-map__info-window-estate-details .b-info-group ul {
margin: 0; }
.b-google-map__info-window-estate-details .fa {
color: #989898; }
.b-google-map__title {
position: relative;
padding: 20px 0; }
@media screen and (min-width: 480px) {
.b-google-map__title {
padding: 40px 0; } }
.b-google-map__title:after {
top: 100%;
left: 50%;
border: 18px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
z-index: 1;
pointer-events: none;
border-top-color: #72be58;
margin-left: -18px; }
.f-google-map__title {
font-size: 2.76923em;
line-height: 1.2;
color: white;
background-color: #72be58;
text-transform: uppercase;
vertical-align: middle; }
.f-google-map__marker-label {
color: white;
font-size: 1.07692em;
line-height: 1.2;
background-color: #666666;
text-align: center;
white-space: nowrap;
padding: 10px;
margin-left: 20px;
border-radius: 2px;
position: relative;
top: -75px;
left: -50%; }
.f-google-map__marker-label {
color: white;
font-size: 1.07692em;
line-height: 1.2;
background-color: #666666;
text-align: center;
white-space: nowrap;
padding: 10px;
margin-left: 20px;
border-radius: 2px;
position: relative;
top: -75px;
left: -50%; }
.f-google-map__marker-label:after {
top: 100%;
left: 50%;
border: 5px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #666666;
margin-left: -2px; }
.b-google-map__info-office {
min-height: 70px;
padding-left: 15px;
width: 140px; }
.b-google-map__info-office h4 {
margin-bottom: 5px; }
.f-google-map__info-office {
text-transform: uppercase; }
.f-google-map__info-office small {
color: #515151; }
.b-audio-player {
min-height: 97px; }
.b-audio-player__song-name {
background-color: #72be58;
padding: 17px 10px 15px; }
.b-audio-player__content_nav {
background: url("../img/audio-player_bg_nav.png");
width: 96px;
height: 46px;
float: left;
border-right: 1px solid #313131;
box-shadow: 1px 0 0 #464646;
padding: 17px 0px;
cursor: default; }
.b-audio-player__content_inner {
background: url("../img/audio-player_bg.png");
height: 46px;
overflow: hidden; }
.b-audio-player__content {
background-color: #666666; }
[class*='b-audio-player__content_nav_'] {
display: inline-block;
padding: 0 5px;
cursor: pointer; }
.b-audio-player__time,
.b-audio-player__full-time {
height: 10px;
padding: 18px 10px 0 0;
width: 35px; }
.b-audio-player__time {
padding-left: 10px;
padding-right: 0;
float: left; }
.b-audio-player__full-time {
float: right; }
.b-audio-player__progress-bar_box {
overflow: hidden; }
.b-audio-player__progress-bar_container {
margin: 18px 5px; }
.b-audio-player__progress-bar {
height: 10px;
background-color: #222222;
border-radius: 10px;
position: relative;
box-shadow: 0 1px 0 #474747;
cursor: pointer; }
.b-audio-player__progress-bar_load {
height: 100%;
position: absolute;
z-index: 1;
left: 0;
top: 0;
background-color: #444444;
border-radius: 5px;
border: 1px solid #222222;
box-shadow: 0 1px 0 #555555 inset; }
.b-audio-player__progress-bar_progress {
height: 100%;
position: absolute;
z-index: 2;
left: 0;
top: 0;
background-color: #72be58;
border-radius: 5px;
border: 1px solid #222222;
box-shadow: 0 1px 0 #72be58 inset;
min-width: 5px;
overflow: visible !important; }
.b-audio-player__progress-bar_progress_btn {
background-color: #f7f7f7;
border-radius: 10px;
height: 12px;
width: 12px;
right: -7px;
position: absolute;
top: -2px;
cursor: pointer;
box-shadow: 0 0 2px #464646; }
.b-audio-player__progress-bar_progress_btn:before {
width: 6px;
height: 6px;
content: '';
border-radius: 10px;
background-color: #c3c4c5;
position: absolute;
top: 3px;
left: 3px;
box-shadow: 0 1px 0 #aeafb1 inset; }
.f-audio-player__content_nav,
.f-audio-player__content_nav a {
color: #1c1c1c;
text-shadow: 0 1px 0 #616161;
text-align: center; }
.b-audio-player__content_nav li {
width: 23px; }
.f-audio-player__song-name {
font-size: 1.23077em;
line-height: 1.2;
color: #fefefe; }
.f-audio-player__content_inner {
font-size: 0.76923em;
line-height: 1.2;
color: #aaaaaa; }
.f-audio-player__time {
color: white; }
.jp-playlist {
display: none; }
.b-link {
background-color: white;
position: relative;
padding: 8px 4px 6px 8px;
display: inline-block; }
.b-link:after {
content: '';
height: 100%;
width: 16px;
position: absolute;
top: 0;
right: -5px;
transform: skew(160deg);
-ms-transform: skew(160deg);
-webkit-transform: skew(160deg);
background-color: inherit;
z-index: -1; }
.b-link span {
position: absolute;
left: 100%;
top: 0;
transform: skew(160deg);
-ms-transform: skew(160deg);
-webkit-transform: skew(160deg);
background-color: #72be58;
margin-left: 9px;
height: 100%;
padding: 7px 4px 7px 5px; }
.b-link i {
transform: skew(-160deg);
-ms-transform: skew(-160deg);
-webkit-transform: skew(-160deg); }
.b-link i:before {
color: white; }
.f-link {
font-size: 1.07692em;
line-height: 1;
color: #72be58; }
.f-link:hover {
color: #666666; }
.b-slider-range {
background-color: #dadada;
height: 4px;
border-radius: 3px;
margin-top: 57px;
margin-bottom: 25px;
box-shadow: 0 -2px 0 #b3b3b3 inset; }
.b-slider-range:before {
content: '';
position: absolute;
left: 0;
top: -10px; }
.b-slider-range .ui-slider-handle {
background-color: #dfdfdf;
border-radius: 10px;
outline: 0 none;
width: 9px;
height: 9px;
top: -2px;
cursor: pointer;
box-shadow: 0 0 1px #b3b3b3; }
.b-slider-range .ui-slider-handle:before {
content: '';
width: 5px;
height: 5px;
background-color: #72be58;
float: left;
border-radius: 10px;
margin: 2px;
box-shadow: 0 -1px 1px #5e9c48 inset; }
.b-slider-range .ui-slider-handle span {
color: white;
background-color: #72be58;
padding: 4px 7px 3px;
border-radius: 5px;
position: absolute;
bottom: 100%;
margin-bottom: 7px;
left: -18px;
min-width: 42px;
text-align: center; }
.b-slider-range .ui-slider-handle span:before {
content: '';
position: absolute;
border-style: solid;
border-width: 4px;
border-color: #72be58 transparent transparent transparent;
left: 50%;
top: 100%;
margin-left: -4px; }
.b-slider-range .ui-slider-range {
background-color: #72be58;
box-shadow: 0 -2px 0 #5e9c48 inset; }
.b-slider-range_min,
.b-slider-range_max {
position: absolute;
top: -24px; }
.b-slider-range_min {
left: 0; }
.b-slider-range_max {
right: 0; }
.f-slider-range {
color: #717171;
font-size: 0.84615em;
line-height: 1.2; }
.b-float-search {
padding-bottom: 40px;
position: relative; }
.b-float-search__container {
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
bottom: 42px;
width: 260px;
border-radius: 2px;
background-color: #72be58; }
@media screen and (min-width: 480px) {
.b-float-search__container {
bottom: 15px;
width: 480px; } }
.b-float-search__container-without-background {
background-color: transparent; }
.b-float-search__container-inner {
margin: 10px; }
.b-float-search__container-inner-row {
margin-bottom: 10px; }
.b-float-search__container-inner-row:last-child {
margin-bottom: 0; }
.f-float-search__container-options {
color: white; }
.b-right-inner-addon {
position: relative;
width: 100%;
margin-right: 0px;
padding-right: 45px; }
@media screen and (min-width: 480px) {
.b-right-inner-addon {
width: 460px; } }
.b-left-inner-addon-marker {
position: absolute;
left: 0px;
padding: 10px 0px;
margin-left: 15px;
pointer-events: none; }
.f-left-inner-addon-marker {
color: #b1b1b1;
font-size: 1.23077em;
line-height: 1.2; }
.b-right-inner-addon-search {
position: absolute;
right: 0px;
padding: 14px 0px;
margin-right: 10px;
pointer-events: none; }
.f-right-inner-addon {
font-size: 1.53846em;
line-height: 1.2;
color: #72be58; }
.f-float-search__form_elements {
color: white; }
.b-float-search__input {
padding-right: 30px; }
.b-float-search__container-inner-thick-round-border .b-right-inner-addon-search {
margin-right: -10px; }
.b-float-search__container-inner-thick-round-border .b-float-search__input {
border-radius: 26px;
border: 3px solid #72be58;
padding-left: 30px; }
.b-float-search__container-inner-thick-round-border .b-float-search__input:focus {
border: 3px solid #72be58; }
.b-select {
display: inline-block;
margin-right: 7px;
margin-bottom: 4px; }
.b-select span.ui-icon {
right: 12px;
margin-top: -2px;
position: absolute;
border-style: solid;
border-width: 5px;
border-color: #717171 transparent transparent transparent; }
.b-select span.ui-selectmenu-button {
font-size: 0.92308em;
line-height: 1.83333;
outline: 0 none;
border: 1px solid #ebebeb;
border-radius: 2px;
color: #717171; }
.b-select span.ui-selectmenu-button:before {
content: '';
height: 100%;
width: 1px;
border-left: 1px solid #d2d2d2;
position: absolute;
right: 35px;
top: 0; }
.b-select .ui-selectmenu-text {
line-height: 22px !important;
padding: 0.4em 2.3em 0.4em 1em !important; }
.b-select select {
width: 150px; }
.b-select--secondary .ui-selectmenu-text {
background-color: #f8f8f8;
color: #333333; }
.b-select--secondary span.ui-icon {
border-color: #989898 transparent transparent transparent; }
.b-select--alt .ui-selectmenu-text {
background-color: white;
color: #989898; }
.b-select--alt span.ui-icon {
border-color: #989898 transparent transparent transparent; }
.b-contact-form {
left: 0px;
position: absolute;
top: 0px; }
@media screen and (max-width: 1024px) {
.b-contact-form {
position: relative; } }
.b-contact-form__window {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
z-index: 2;
left: 20%;
top: 90px;
border: 1px solid #b9b8b8;
background-color: white;
color: #000000;
width: 570px; }
@media screen and (max-width: 1024px) {
.b-contact-form__window {
border: 0;
left: 0;
position: relative;
top: 0;
width: 100%; } }
.b-contact-form__window-title {
margin-top: 20px; }
.b-contact-form__window-title hr {
border-top-width: 2px; }
.f-contact-form__window-title {
font-size: 1.53846em;
line-height: 1.2; }
.b-contact-form__window-form-row {
margin-bottom: 15px; }
.b-contact-form__window-form-row-label {
margin-bottom: 9px; }
.b-contact-form__window-form-textarea {
resize: none; }
.b-contact-form__window-form-row-button {
width: 100%; }
.b-video-default {
width: 100%; }
.b-video-default.b-video-default--shadow {
-webkit-box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px -8px 30px 0px rgba(0, 0, 0, 0.5); }
.b-video-default.vjs-default-skin {
overflow: hidden; }
.b-video-default.vjs-default-skin .vjs-play-progress {
background-color: #72be58; }
.b-video-default.vjs-default-skin .vjs-volume-level {
background-color: #72be58; }
.b-video-default.vjs-default-skin .vjs-control-bar {
font-size: 1.1em;
background: #1c1c1c; }
.b-video-default.vjs-default-skin .vjs-volume-control {
margin-right: 20em; }
.b-video-default.vjs-default-skin .vjs-seek-handle {
display: none; }
.b-video-default.vjs-default-skin .vjs-volume-handle {
display: none; }
.b-video-default.vjs-default-skin .vjs-duration-display {
color: #4f4f4f; }
.b-video-default.vjs-default-skin .vjs-slider {
background: rgba(0, 0, 0, 0.5); }
.b-video-default.vjs-default-skin .vjs-big-play-button {
border-color: transparent;
background: transparent;
color: white;
font-size: 1em;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
box-shadow: 0 0 0 transparent;
padding: 0; }
.b-video-default.vjs-default-skin .vjs-big-play-button:before {
font-family: "FontAwesome";
font-size: 5em;
line-height: 1.2;
content: "\f01d"; }
.b-video-default.vjs-default-skin:hover .vjs-big-play-button {
border-color: transparent;
background: transparent;
color: white;
box-shadow: 0 0 0 transparent; }
.b-video-player {
margin-bottom: 30px;
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0; }
.b-video-payer-size-alt {
padding-bottom: 54%; }
.b-video-payer-size-secondary {
padding-bottom: 40%; }
.b-video-player iframe,
.b-video-player .b-video-default {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%; }
.c-primary {
color: #666666; }
.c-default {
color: #72be58; }
.c-secondary {
color: #72be58; }
.c-octonary {
color: #5e9c48; }
.c-primary {
color: #666666; }
.c-tertiary {
color: #989898; }
.c-quaternary {
color: #5f5f5f; }
.c-quinary {
color: #616161; }
.c-senary {
color: #515151; }
.c-septenary {
color: #a5a5a5; }
.c-nonary {
color: #b1b1b1; }
.c-denary {
color: #dddddd; }
.c-white {
color: white; }
.c-default-link {
color: #898989; }
.c-desc {
color: #848484; }
.c-11 {
color: #747474; }
.c-12 {
color: #d8d8d8; }
.c-13 {
color: #333333; }
.c-14 {
color: #4f4f4f; }
.c-15 {
color: #949494; }
.c-16 {
color: #adadad; }
.c-17 {
color: #f3f3f3; }
.c-18 {
color: #b9b8b8; }
.c-19 {
color: #919191; }
.c-20 {
color: #777777; }
.c-21 {
color: #dedede; }
.c-22 {
color: #d9d9d9; }
.c-23 {
color: #fafafa; }
.c-24 {
color: #e8e8e8; }
.c-25 {
color: #e6e6e6; }
.c-26 {
color: #f6f6f6; }
.c-27 {
color: #929292; }
.c-28 {
color: #f1f1f1; }
.c-29 {
color: #979797; }
.c-30 {
color: #f4f4f4; }
.c-31 {
color: #00c6cd; }
.c-32 {
color: #83b705; }
.c-33 {
color: #828282; }
.c-34 {
color: #72be58; }
.c-s-35 {
color: gainsboro; }
.c-s-36 {
color: #dbdbdb; }
.c-s-37 {
color: #8b8b8b; }
.c-s-38 {
color: #b5b5b5; }
.c-s-39 {
color: #ebebeb; }
.c-s-40 {
color: #e0e0e0; }
.c-s-41 {
color: #7f7e7e; }
.c-s-42 {
color: #ededed; }
.c-s-43 {
color: #cdcdcd; }
.c-s-45 {
color: #e3e3e3; }
.c-s-46 {
color: #dfdfdf; }
.c-s-47 {
color: #ececec; }
.c-s-48 {
color: whitesmoke; }
.c-s-49 {
color: #fefefe; }
.c-s-50 {
color: #313131; }
.c-s-51 {
color: #464646; }
.c-s-52 {
color: #1c1c1c; }
.c-s-53 {
color: #aaaaaa; }
.c-s-54 {
color: #222222; }
.c-s-55 {
color: #444444; }
.c-s-56 {
color: #555555; }
.c-s-57 {
color: #72be58; }
.c-s-58 {
color: #474747; }
.c-s-59 {
color: #f7f7f7; }
.c-s-60 {
color: #c3c4c5; }
.c-s-61 {
color: #aeafb1; }
.c-s-62 {
color: #717171; }
.c-s-63 {
color: #dadada; }
.c-s-64 {
color: #b3b3b3; }
.c-s-65 {
color: #d2d2d2; }
.c-s-66 {
color: #5e9c48; }
.c-s-67 {
color: #529c11; }
.c-s-68 {
color: #72be58; }
.c-s-69 {
color: #0ea8bf; }
.c-s-70 {
color: #f9f9f9; }
.c-cp-0 {
color: #424242; }
.c-cp-1 {
color: #f27491; }
.c-cp-2 {
color: #f2d674; }
.c-cp-3 {
color: #dfdfdf; }
.c-cp-4 {
color: #cc1212; }
.c-cp-5 {
color: #62b30c; }
.c-cp-6 {
color: #1685d3; }
.c-cp-7 {
color: #a28c0f; }
.c-cp-8 {
color: #e3921f; }
.c-cp-9 {
color: #656565; }
.c-cp-10 {
color: #efd108; }
.c-cp-11 {
color: #049ab0; }
.c-cp-12 {
color: #c4908d; }
.c-cp-13 {
color: #f40d85; }
.c-cp-14 {
color: #e00ed9; }
.c-cp-15 {
color: #875a50; }
.c-cp-16 {
color: #96b6cb; }
.c-opacity-1 {
color: rgba(108, 108, 108, 0.7); }
.c-opacity-2 {
color: rgba(114, 190, 88, 0.66); }
.c-opacity-3 {
color: rgba(0, 0, 0, 0.5); }
.c-35 {
color: #72be58; }
.c-36 {
color: #5e9c48; }
.c-37 {
color: #f8f8f8; }
.c-38 {
color: #fbfbfb; }
.c-39 {
color: #e4e4e4; }
.c-40 {
color: #959595; }
.c-41 {
color: #ff391f; }
.c-42 {
color: #ffd6d1; }
.c-43 {
color: #f9bdb6; }
.c-44 {
color: #72be58; }
.c-45 {
color: #fff4bb; }
.c-46 {
color: #ffcc66; }
.c-47 {
color: #c1faa8; }
.c-48 {
color: #9cff70; }
.c-49 {
color: #6db74c; }
.c-50 {
color: #bceeff; }
.c-51 {
color: #8ae1ff; }
.c-52 {
color: #21c2f8; }
.c-53 {
color: #decfdf; }
.c-54 {
color: #e2b5e5; }
.c-55 {
color: #af75b3; }
.c-56 {
color: #f2f2f2; }
.c-57 {
color: #323232; }
.c-58 {
color: #acacac; }
.c-59 {
color: #5e9c48; }
.c-60 {
color: #2bc2d5; }
.c-61 {
color: #229baa; }
.c-62 {
color: #2bcce0; }
.c-63 {
color: #2ba4b3; }
.c-64 {
color: #08947d; }
.c-65 {
color: #00b89a; }
.c-66 {
color: #42d8bf; }
.c-67 {
color: #5e9c48; }
.c-68 {
color: #72be58; }
.c-69 {
color: #282f36; }
.c-70 {
color: #353d46; }
.c-71 {
color: #3f4851; }
.c-72 {
color: #5e9c48; }
.c-73 {
color: #72be58; }
.c-74 {
color: #5e9c48; }
.c-74 {
color: #5e9c48; }
.c-76 {
color: #565656; }
.c-a-40 {
color: #5e9c48; }
.c-a-41 {
color: #5e9c48; }
.b-tagline-box {
border-top: 3px solid #72be58;
box-shadow: inset 0 0 1px rgba(108, 108, 108, 0.7);
position: relative;
padding: 22px 20px 32px 27px;
margin: 0 0 20px; }
.b-tagline-box:after {
content: '';
display: block;
position: absolute;
top: 100%;
width: 100%;
height: 18px;
left: 0;
background: url(../img/tablet-shadow-min.png) no-repeat 50% 0; }
@media screen and (max-width: 479px) {
.b-tagline-box:after {
background-size: 100% auto; } }
.b-tagline-box-inner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-tagline-box--big.b-tagline-box:after {
background-image: url(../img/tablet-shadow-max.png); }
@media screen and (max-width: 639px) {
.b-tagline-box--big.b-tagline-box:after {
background-image: url(../img/tablet-shadow-min.png); } }
@media screen and (max-width: 479px) {
.b-tagline-box--big.b-tagline-box:after {
background-size: 100% auto; } }
.b-tagline-box--btn .b-tagline_description {
display: table-cell;
vertical-align: top; }
@media screen and (max-width: 639px) {
.b-tagline-box--btn .b-tagline_description {
display: block; } }
.b-tagline-box--btn .b-tagline_btn {
display: table-cell;
margin: 0 0 0 15px; }
.b-tagline-box--btn .b-tagline_btn .button-lg {
margin: 0; }
@media screen and (max-width: 639px) {
.b-tagline-box--btn .b-tagline_btn {
display: block;
margin: 15px 0 0; } }
.b-tagline-box--no-shadow.b-tagline-box:after {
display: none; }
.b-tagline-box--color.b-tagline-box {
background: #72be58;
border: 1px solid #ebebeb;
box-shadow: none; }
.b-tagline-box--color.b-tagline-box .f-tagline_title,
.b-tagline-box--color.b-tagline-box .f-tagline_description {
color: white; }
.b-tagline_title {
margin: 0 0 9px; }
.b-tagline_btn--position.b-tagline_btn {
margin: 24px 0 0; }
.b-tagline_btn--position.b-tagline_btn .button-lg {
margin: 0; }
.b-tagline_btn--right {
float: right; }
@media screen and (max-width: 639px) {
.b-tagline_btn--right {
float: none;
margin: 15px 0 0;
text-align: left; } }
.b-tagline_btn--left {
float: left; }
@media screen and (max-width: 639px) {
.b-tagline_btn--left {
float: none;
margin: 15px 0 0;
text-align: left; } }
.f-tagline-center {
text-align: center; }
.f-tagline_description {
font-size: 0.92308em;
line-height: 2;
color: #666666; }
.f-tagline_title {
font-size: 1.38462em;
line-height: 1;
color: #72be58; }
.f-tagline_description--big.f-tagline_description {
font-size: 1.23077em;
line-height: 1.875;
color: #5f5f5f; }
.f-tagline--white.f-tagline_title {
color: white; }
.f-tagline--white.f-tagline_description {
color: white; }
.b-wiget-fb {
overflow: hidden; }
.b-wiget-fb .b-wiget-fb-content {
margin-bottom: -30px; }
.fb_iframe_widget span {
margin-left: -10px; }
.b-about-us-connection img {
width: 100%; }
.b-history__info {
border: 1px solid #c3c4c5;
background-color: white;
border-radius: 3px;
padding-left: 1.5em;
padding-right: 1.5em;
position: relative; }
.b-history__info p {
margin-bottom: 0; }
.b-history__info .row {
margin-bottom: -10px; }
.b-history__timeline {
position: relative;
z-index: 10; }
.b-product-launch {
margin-bottom: -138px; }
@media screen and (max-width: 768px) {
.b-product-launch {
margin-bottom: -90px; } }
.b-product-launch__text {
padding-right: 15px;
border-right: 1px solid white;
overflow: hidden; }
.b-product-launch__text p {
margin-bottom: 0; }
.b-product-launch__text h2 {
margin-top: 0;
margin-bottom: 0;
position: relative;
top: -4px; }
.b-chart {
width: 100%;
height: 265px;
border-radius: 0 0 5px 5px;
overflow: hidden;
box-shadow: 0 3px 0 #5e9c48; }
.b-chart svg > rect {
fill: #72be58; }
.b-chart g > g > rect {
fill: #d3ffc2; }
.b-chart_head {
background-color: #72be58;
padding: 1.5em 1.5em 1.3em;
border-radius: 5px 5px 0 0;
overflow: hidden; }
.b-chart_title {
float: left; }
.f-chart_title {
font-size: 1.23077em;
line-height: 1.2;
text-transform: uppercase; }
.b-chart_info {
float: right; }
.f-chart_info {
font-size: 0.92308em;
line-height: 1.2; }
.b-href-with-img img {
float: left;
margin-right: 1em; }
.b-timeline {
position: relative;
min-height: 1000px; }
.b-timeline:before {
/* this is the vertical line */
content: '';
position: absolute;
top: 0;
left: 28px;
height: 100%;
width: 4px;
background: #e0e0e0; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width):before {
left: 50%;
margin-left: -2px; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) {
right: 0; } }
.b-timeline img {
width: 100%; }
.b-timeline__block {
position: absolute;
width: 100%;
display: none; }
.b-timeline__block:first-child {
display: block; }
.b-timeline__block:before, .b-timeline__block:after {
content: " ";
display: table; }
.b-timeline__block:after {
clear: both; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block {
width: 50%; }
@media only screen and (max-width: 1023px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__block {
width: 100%; } }
@media only screen and (max-width: 1023px) {
.b-timeline__block {
width: 100%; } }
.b-timeline__marker {
position: absolute;
top: 0;
height: 150px; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) .b-timeline__marker {
left: 0; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(odd) .b-timeline__marker {
right: 0; } }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(odd) .b-timeline__marker-img {
position: absolute;
top: 0;
right: -25px; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(odd) .b-timeline__date {
left: 50%;
margin-left: 4px;
top: 65px; } }
.b-timeline__marker-img {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #72be58;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
margin-left: 4px; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__marker-img {
margin-left: -25px; } }
.b-timeline__marker-img .fa {
font-size: 1.69231em;
line-height: 1.2;
color: white;
padding-top: 11px;
text-align: center;
width: 100%; }
.b-timeline__marker-img .fa.fa-music {
margin-left: -2px; }
.b-timeline__marker-img .fa.fa-angle-double-right {
margin-left: 1px; }
.b-timeline__content {
position: relative;
margin-left: 75px;
background: white; }
.b-timeline__content:before, .b-timeline__content:after {
border: solid transparent;
content: " ";
width: 0;
height: 0;
position: absolute;
pointer-events: none; }
.b-timeline__content:before {
top: 16px;
border-width: 7px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #e0e0e0; }
.b-timeline__content:after {
top: 17px;
border-width: 6px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white; }
@media only screen and (min-width: 1024px) {
.b-timeline__content {
width: 92%; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__content {
margin-left: 0; }
.col-xs-9 .b-timeline:not(.b-timeline-full-width) .b-timeline__content {
width: 45%; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__content:before {
left: 100%;
right: auto;
border-color: transparent;
border-left-color: #e0e0e0; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__content:after {
left: 100%;
right: auto;
border-color: transparent;
border-left-color: white; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) .b-timeline__content {
float: right;
margin-right: 0; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) .b-timeline__content:before {
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #e0e0e0; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) .b-timeline__content:after {
left: auto;
right: 100%;
border-color: transparent;
border-right-color: white; } }
.b-timeline__content .b-video-player {
margin-bottom: 0; }
.b-timeline__block-finish:before {
/* this is the vertical line */
content: '';
position: absolute;
top: 0;
left: 28px;
height: 350px;
width: 4px;
background: white; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__block-finish:before {
left: 0;
margin-left: -2px; } }
.b-timeline__content-finish {
border: none; }
.b-timeline__content-finish:before {
border-right-color: #72be58; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__content-finish:before {
border-color: transparent;
border-left-color: #72be58; }
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(even) .b-timeline__content-finish:before {
border-color: transparent;
border-right-color: #72be58; } }
.b-timeline__content-finish:after {
border-width: 0; }
.b-timeline__marker-finish {
height: 52px; }
.b-timeline__infoblock-finish {
background-color: #72be58;
margin-top: 8px;
height: 31px;
border-radius: 2px;
padding: 8px 15px 0 15px;
display: inline-block; }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__block:nth-child(odd) .b-timeline__infoblock-finish {
float: right; } }
.f-timeline__infoblock-finish {
font-size: 1.07692em;
line-height: 1.2;
color: white; }
.b-blog-timeline__infoblock {
padding: 15px 28px 10px 20px; }
.b-blog-timeline__infoblock-title {
border-bottom: 2px solid #72be58; }
.b-timeline__date {
position: relative;
background: white;
border: 1px solid #c3c3c3;
border-radius: 2px;
padding: 5px 8px;
top: 15px;
white-space: nowrap;
width: 64px;
text-align: center;
margin-left: 0;
box-shadow: inset 0 -4px 4px 0 rgba(0, 0, 0, 0.1); }
@media only screen and (min-width: 1024px) {
.b-timeline:not(.b-timeline-full-width) .b-timeline__date {
left: -50%;
margin-left: 3px; } }
.b-timeline__date:before, .b-timeline__date:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
width: 0;
height: 0;
position: absolute;
pointer-events: none; }
.b-timeline__date:after {
border-bottom-color: white;
border-width: 6px;
margin-left: -8px; }
.b-timeline__date:before {
border-bottom-color: #c3c3c3;
border-width: 7px;
margin-left: -9px; }
.f-timeline__date {
font-size: 1em;
line-height: 1.2;
color: #72be58;
text-transform: uppercase; }
.b-search-result-box {
margin: 30px 0 0; }
.b-search-item {
border: 1px solid #dedede;
padding: 3px 25px 7px 21px;
margin: 0 0 26px; }
.b-search-item:hover {
border-color: #72be58; }
.b-search-item .is-global-title {
color: #72be58;
margin-bottom: 5px; }
.b-search-item .b-infoblock-with-icon__icon {
width: 22px;
padding: 2px 1px; }
.b-search-item .b-blog-one-column__info_container {
padding: 4px 10px 0 29px; }
.b-search-item .f-infoblock-with-icon__icon .fa {
font-size: 0.92308em;
line-height: 1; }
.b-search-item .f-blog-one-column__info {
font-size: 0.92308em;
line-height: 1; }
.b-search-item .f-btn {
font-size: 0.92308em;
line-height: 1;
text-transform: none; }
.b-form--mini.b-form-row {
margin-bottom: 5px; }
.b-page-error {
background: url(../img/bg_error.jpg) no-repeat 50% 100%;
background-size: cover;
padding: 106px 0 84px; }
.b-title-error span,
.b-title-error strong {
display: block;
text-align: center; }
.f-title-error strong {
font-size: 2.92308em;
line-height: 0.94737;
color: #6d7a83;
font-weight: normal; }
.f-title-error span {
font-size: 13.07692em;
line-height: 0.76471;
color: #b5b5b5; }
@media screen and (max-width: 767px) {
.f-title-error span {
font-size: 11.53846em;
line-height: 0.73333; }
.f-title-error strong {
font-size: 2.76923em;
line-height: 0.94444; } }
.b-error-description {
margin: 46px 0 0; }
.b-error-description span,
.b-error-description strong {
display: block;
text-align: center; }
.b-error-description span {
margin: 11px 0 0; }
.f-error-description span,
.f-error-description strong {
color: #72be58; }
.f-error-description strong {
font-size: 1.84615em;
line-height: 1.2; }
.f-error-description span {
font-size: 1.07692em;
line-height: 1.2; }
.b-error-search {
max-width: 374px;
margin: 48px auto 0; }
.b-error-search .form-control {
height: 42px; }
.b-error-search .b-btn-search {
width: 43px;
height: 41px; }
.b-error-search .b-input-search {
padding-right: 53px; }
.b-error-search .f-btn-search {
font-size: 1.38462em;
line-height: 2.33333; }
.settings-wrap {
-webkit-transition: right 0.4s ease-in-out;
-moz-transition: right 0.4s ease-in-out;
-ms-transition: right 0.4s ease-in-out;
-o-transition: right 0.4s ease-in-out;
transition: right 0.4s ease-in-out;
display: block;
position: fixed;
top: 160px;
right: -182px;
width: 182px;
z-index: 200; }
.settings-wrap h3 {
font-size: 1.15385em;
line-height: 1.2;
color: #898989;
margin-bottom: 0;
text-transform: none; }
.settings-wrap.active {
right: 0; }
.settings-inner {
background: whitesmoke;
border-radius: 0 0 0 4px;
padding: 14px 12px 10px;
overflow: hidden; }
.settings-inner h3 {
margin: 0px 12px 11px 0; }
.settings-box {
padding-bottom: 25px; }
.settings-box--pattern {
padding-bottom: 20px; }
.settings-box--img {
padding-bottom: 14px; }
.settings-box--color {
padding-bottom: 12px; }
.settings-title {
background: white;
position: relative;
padding: 8px 12px 16px; }
.settings-title .label {
background: white;
border-radius: 4px 0 0 4px;
cursor: pointer;
height: 100%;
padding-right: 5px;
padding-left: 10px;
position: absolute;
right: 100%;
top: 0; }
.settings-title .label:before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle; }
.settings-title .label .fa {
color: #72be58;
font-size: 30px;
vertical-align: middle; }
.settings-btn-container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.settings-btn-container .settings-btn {
font-size: 1em;
line-height: 1;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
background: #898989;
color: white;
cursor: pointer;
float: left;
padding: 8px 0 6px;
text-align: center;
width: 66px; }
.settings-btn-container .settings-btn:first-child {
border-radius: 3px 0 0 3px; }
.settings-btn-container .settings-btn:last-child {
border-radius: 0px 3px 3px 0; }
.settings-btn-container .settings-btn.active {
background: white;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
color: #898989;
cursor: auto; }
.settings-bg {
margin: 0;
padding: 0; }
.settings-bg:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.settings-bg:hover {
color: #72be58; }
.settings-reset {
font-size: 0.92308em;
line-height: 1.2;
color: #898989;
cursor: pointer; }
.settings-reset:hover {
color: #72be58; }
[data-bg] {
-webkit-transition: border 0.2s ease-in-out;
-moz-transition: border 0.2s ease-in-out;
-ms-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
border: 1px solid #c3c4c5;
overflow: hidden;
border-radius: 3px;
cursor: pointer;
display: block;
float: left;
height: 23px;
list-style: none;
margin: 0px 7px 10px 0;
width: 23px; }
[data-bg] img {
display: block;
margin: 0;
height: 100%;
width: 100%; }
[data-bg].active {
border: 2px solid #72be58; }
.color-themes {
list-style: none;
padding: 0;
margin: 0; }
.color-themes > li {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
cursor: pointer;
margin: 1px; }
.color-themes > li.is-active {
border: 2px solid white; }
.color-themes .default-color {
background-color: #e9682e; }
.color-themes .cyan-color {
background-color: #5ca2c4; }
.color-themes .red-color {
background-color: #f44a53; }
.color-themes .yellow-color {
background-color: #dca13b; }
.color-themes .green-color {
background-color: #72bf59; }
.color-themes .blue-color {
background-color: #4496d2; }
.html-bg {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover; }
.html-bg-pattern {
background-repeat: repeat; }
@media screen and (max-width: 1360px) {
.settings-box-hidden {
display: none; } }
@media screen and (max-width: 1024px) {
.settings-wrap {
top: 60px; } }
@keyframes loader {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg); }
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg); } }
@-webkit-keyframes loader {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg); }
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg); } }
.loader-lock {
position: relative;
overflow: visible; }
.loader-lock body {
overflow: hidden;
visibility: hidden; }
.loader-lock .l-wrapper {
visibility: visible;
overflow-y: scroll; }
.l-wrapper {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background: white;
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
overflow: auto;
text-align: center;
z-index: 200;
opacity: 1; }
.l-wrapper:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0; }
.l-wrapper.is-hide {
visibility: hidden;
z-index: 0; }
.b-loading-wrap {
position: relative;
display: inline-block;
vertical-align: middle; }
.b-loading-img {
height: 295px;
transform-origin: center center;
animation: loader 1s infinite linear;
-webkit-animation: loader 1s infinite linear;
width: 295px; }
.b-loading-logo {
width: 100%;
margin-top: -53px;
position: absolute;
top: 50%;
text-align: center; }
.container-load {
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
overflow: auto;
text-align: center;
z-index: 200;
opacity: 1; }
.container-load:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0; }
.b-load-page {
position: relative;
display: inline-block;
vertical-align: middle;
width: 442px; }
@media screen and (max-width: 480px) {
.b-load-page {
width: 260px; } }
.b-logo-big {
margin-bottom: 50px; }
.b-load-name {
margin-top: 30px; }
.f-load-name {
font-size: 0.92308em;
line-height: 1.16667;
color: #515151; }
.b-daily-row > [class*='col-'] {
margin-top: 0px;
margin-bottom: 22px; }
.b-daily-wrap:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.f-daily_day {
font-size: 1.07692em;
line-height: 1.71429;
color: #72be58;
text-transform: uppercase; }
.b-daily_day {
float: left;
padding-left: 15px;
padding-right: 15px; }
.f-daily_description {
font-size: 0.92308em;
line-height: 2; }
.b-daily_description {
overflow: hidden; }
.b-review-wrap {
border: 1px solid #dedede;
margin: 22px 0 23px; }
.b-review_title {
background: #fafafa;
border-bottom: 1px solid #f2f2f2;
padding: 15px 10px 10px 123px; }
.b-review_title:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-review_title {
padding-left: 20px; } }
.b-review_title-text {
overflow: hidden; }
.f-review_title-text {
font-size: 1.07692em;
line-height: 1.2;
color: #72be58; }
.b-review_info {
padding: 12px 5px 16px 20px; }
.b-review_info:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-review_user {
float: left;
margin-right: 20px;
margin-top: -30px; }
.b-review_msg {
overflow: hidden; }
.b-review_user_img {
border: 1px solid white;
margin-bottom: 7px; }
.b-review_user_img img {
display: block;
width: 84px; }
.f-review_user_name {
font-size: 1.15385em;
line-height: 1.13333;
color: #72be58;
text-transform: uppercase; }
.f-review_msg-info {
font-size: 0.92308em;
line-height: 1.2;
color: #919191; }
.b-review_msg-info {
padding: 0;
margin: 0; }
.b-review_msg-info li {
display: inline-block; }
.b-review_msg-info li:after {
content: "/";
margin-left: 8px;
margin-right: 8px; }
.b-review_msg-info li:last-child:after {
content: "";
margin: 0; }
.b-tab-search-result {
display: table;
border-color: #f2f2f2;
border-style: solid;
border-width: 0 1px 1px 1px;
border-collapse: collapse;
width: 100%; }
.b-tab-search-result_row {
display: table-row; }
.b-tab-search-result_col {
display: table-cell;
border-color: #ececec;
border-width: 0 1px 1px;
border-style: solid;
padding: 17px 15px;
vertical-align: top; }
@media screen and (max-width: 767px) {
.b-tab-search-result_col {
display: block; } }
.b-tab-search-result_col:first-child {
border-left-width: 0; }
@media screen and (max-width: 767px) {
.b-tab-search-result_col:first-child {
border-width: 0px; } }
.b-tab-search-result_col:last-child {
max-width: 190px;
width: 190px; }
@media screen and (max-width: 767px) {
.b-tab-search-result_col:last-child {
border-width: 0 0 1px 0;
max-width: 100%;
padding-top: 0;
width: 100%; } }
.b-tab-search-result_img {
float: left;
width: 45%; }
@media screen and (max-width: 639px) {
.b-tab-search-result_img {
float: none;
margin: 0 auto 10px;
width: 100%; } }
.b-tab-search-result_img img {
border-bottom-width: 0;
max-width: 100%;
width: 100%;
border-radius: 2px;
display: block; }
.b-tab-search-result_info {
overflow: hidden;
padding-left: 18px; }
@media screen and (max-width: 639px) {
.b-tab-search-result_info {
padding-left: 0; } }
.b-tab-search-result_info .h4 {
display: block;
margin-bottom: 10px;
margin-top: 0; }
.b-tab-search-result_info a.h4:hover {
color: #898989; }
.b-tab-search-result_list {
padding-top: 35px; }
.b-tab-search-result_list:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
@media screen and (max-width: 767px) {
.b-tab-search-result_list {
padding-top: 0; } }
.b-tab-search-result_list .users .fa {
margin-right: 3px; }
@media screen and (max-width: 767px) {
.b-tab-search-result_list .b-btn {
float: right; } }
@media screen and (max-width: 479px) {
.b-tab-search-result_list .b-btn {
float: none;
margin: 18px auto 0;
width: 100%; } }
@media screen and (max-width: 767px) {
.b-tab-search-result_list-wrap {
background: white;
background: -webkit-linear-gradient(top, white, #fafafa);
background: -moz-linear-gradient(top, white, #fafafa);
background: -o-linear-gradient(top, white, #fafafa);
background: -ms-linear-gradient(top, white, #fafafa);
background: linear-gradient(to bottom, white, #fafafa); } }
.b-tab-search-result_list-row {
margin-bottom: 17px; }
@media screen and (max-width: 767px) {
.b-tab-search-result_list-row {
display: inline-block;
margin: 10px 10px 0 0;
border-left: 1px solid #ececec;
padding-left: 10px; } }
@media screen and (max-width: 767px) {
.b-tab-search-result_list-row:first-child {
padding-left: 0;
border-left: 0; } }
@media screen and (max-width: 767px) {
.b-tab-search-result_list-row [class*="col-"] {
display: inline-block;
padding: 0; } }
.f-tab-search-result_list {
color: #666666; }
.f-home-detail-option {
font-size: 0.92308em;
line-height: 1.16667;
color: #666666; }
.b-home-detail-option_row {
margin-top: 15px; }
.b-home-detail-option_row:after {
content: '';
display: block;
width: 100%;
clear: both;
position: relative; }
.b-home-detail-option_row:first-child {
margin: 0; }
.b-home-detail-option_item_title {
float: left;
min-width: 156px; }
.b-home-detail-option_item_value {
overflow: hidden; }
.f-detail-home-content_title {
font-size: 2.30769em;
line-height: 1.26667; }
.b-detail-home-content {
padding: 30px 0 0; }
.b-detail-home-content .b-icon {
vertical-align: sub; }
.b-detail-home-content .b-btn-title-real-estate {
vertical-align: middle; }
.b-info {
margin: 0 0 0 5px; }
.b-info span {
margin: 0 13px 0 0px; }
.f-info {
font-size: 1.07692em;
line-height: 1.14286; }
.f-info span {
text-transform: uppercase; }
.b-blog-one-column__info_container .b-btn-title-real-estate.button-xs {
font-size: 14px;
vertical-align: top;
padding: 6px 8px 3px; }
.b-employee-item--left h4, .b-employee-item--left p {
padding: 0 15px; }
.b-contact-form-box--bord {
border: 1px solid #f1f1f1;
border-radius: 3px;
padding: 15px; }
.b-contact-form-box--bord .b-form--contact-size textarea.form-control {
height: 150px; }
.b-contact-form-box--bord .f-title-description {
color: #666666; }
.b-icons {
display: inline-block;
vertical-align: middle;
width: 21px;
height: 20px;
background: url(../img/icon-2.png) no-repeat 0 0; }
.b-icons.b-icon--shower {
background-position: 0 0; }
.b-icons.b-icon--bed2 {
background-position: 0 -30px; }
.b-info-container--home .b-blog-one-column__info_container {
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
padding: 5px 0; }
.b-info-container--home.b-some-examples__item_info_level {
border-color: transparent;
padding: 0px 0 10px; }
.b-item-apartment-block {
margin-bottom: 30px; }
.b-box-important {
border: 1px solid #dedede;
border-radius: 3px;
padding: 8px 15px 8px 8px; }
.f-title-big--name {
color: #72be58; }
.f-title-big--name.f-title-big a {
color: #72be58; }
.f-title-big--name.f-title-big a:hover {
color: #666666; }
.b-form-properties {
padding: 26px 28px 0 31px;
margin-bottom: 30px; }
.b-form-properties .b-full-search-form_check {
margin-bottom: 31px; }
.b-form-properties .b-form-row {
margin-bottom: 33px; }
.b-form-properties input[type="text"],
.b-form-properties span[class="ui-selectmenu-text"] {
text-transform: uppercase;
color: #555555; }
.b-option-panel {
height: 66px;
background: #72be58;
padding: 0 15px;
position: fixed;
z-index: 9999;
width: 100%; }
@media screen and (max-width: 479px) {
.b-option-panel {
padding: 0 9px; } }
.b-panel--logo {
display: inline-block;
vertical-align: middle;
height: 66px;
line-height: 65px; }
.b-panel--logo:hover {
opacity: 0.7; }
@media screen and (max-width: 479px) {
.b-panel--logo img {
width: 40px; } }
.b-panel--list-project {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 12px; }
.f-panel--list-project {
font-size: 1.07692em;
line-height: 1;
color: white; }
.f-panel--list-project a {
color: white; }
@media screen and (max-width: 479px) {
.f-panel--list-project {
margin-left: 12px; } }
@media screen and (min-width: 1025px) {
.f-panel--list-project:hover .b-list-project--items {
display: block; }
.f-panel--list-project:hover .b-list-project--title {
color: #fce4dc; } }
.f-panel--list-project.is-active .b-list-project--items {
display: block; }
.f-panel--list-project.is-active .b-list-project--title {
color: #fce4dc; }
.b-list-project--title {
width: 194px;
position: relative;
cursor: pointer;
text-transform: uppercase;
padding: 16px 15px 14px 17px;
background: #f47d47; }
.b-list-project--title .fa {
position: absolute;
top: 15px;
right: 17px; }
@media screen and (max-width: 479px) {
.b-list-project--title {
width: 136px; } }
.b-list-project--items {
display: none;
position: absolute;
top: 44px;
left: 0px;
padding: 0; }
.b-list-project--items li {
list-style-type: none;
position: relative;
width: 194px; }
.b-list-project--items li a {
cursor: pointer;
text-transform: uppercase;
display: block;
background: #f47d47;
padding: 13px 15px 12px 17px; }
.b-list-project--items li a:hover {
background: #fe996b; }
.b-list-project--items li a:hover .b-list-progect--example {
display: block; }
.b-list-project--items li a .fa-html {
font-size: 0.76923em;
line-height: 1;
display: block;
float: right;
font-style: normal;
color: #e26228;
background: white;
padding: 2px 6px 3px 4px; }
.b-list-project--items li:hover .b-list-progect--example {
display: block; }
@media screen and (max-width: 767px) {
.b-list-project--items li:hover .b-list-progect--example {
display: none; } }
.b-list-project--items li .b-list-progect--example {
display: none;
position: absolute;
top: 0;
left: 204px;
border: 3px solid #e26228;
box-shadow: 1px 2px 5px rgba(108, 108, 108, 0.7); }
@media screen and (max-width: 979px) {
.b-list-project--items li .b-list-progect--example {
width: 300px; }
.b-list-project--items li .b-list-progect--example img {
width: 100%; } }
@media screen and (max-width: 479px) {
.b-list-project--items li {
width: 166px; } }
.b-option--resize {
display: inline-block;
vertical-align: middle;
margin-left: 47px; }
.b-option--resize .fa {
font-size: 1.69231em;
line-height: 1;
color: white;
cursor: pointer;
margin-right: 9px; }
.b-option--resize .fa.fa-horizontal {
-moz-transform: rotate(270deg);
/* Для Firefox */
-ms-transform: rotate(270deg);
/* Для IE */
-webkit-transform: rotate(270deg);
/* Для Safari, Chrome, iOS */
-o-transform: rotate(270deg);
/* Для Opera */
transform: rotate(270deg); }
.b-option--resize .fa.fa-current, .b-option--resize .fa:hover {
opacity: 0.7; }
@media screen and (max-width: 1023px) {
.b-option--resize {
display: none; } }
.b-option-item {
float: right;
border-left: 1px solid #72be58;
height: 66px;
padding: 0 23px 0 26px;
cursor: pointer; }
.b-option-item:first-child {
padding-right: 0; }
.b-option-item:hover {
opacity: 0.7; }
@media screen and (max-width: 479px) {
.b-option-item {
padding: 0 11px 0; } }
.f-option-item {
color: white;
line-height: 65px; }
.f-option-item.b-option-close {
vertical-align: middle;
font-size: 28px; }
.f-option-item.b-option-close:hover {
color: white; }
@media screen and (max-width: 479px) {
.f-option-item.b-option-close {
font-size: 18px; } }
.f-option-item.b-option-cart {
vertical-align: middle;
font-size: 18px; }
.f-option-item.b-option-cart:hover {
color: white; }
.f-option-item.b-option-cart .fa {
font-size: 28px;
vertical-align: middle; }
@media screen and (max-width: 479px) {
.f-option-item.b-option-cart .fa {
font-size: 18px; } }
.f-option-item.b-option-cart span {
margin: 0 0 0 10px; }
@media screen and (max-width: 639px) {
.f-option-item.b-option-cart span {
display: none; } }
.b-product-cart {
width: 100%; }
.b-product-cart table {
width: 100%;
border-collapse: collapse; }
.b-product-cart th {
border: 1px solid #dfdfdf;
background: #fafafa;
padding: 1em; }
@media screen and (max-width: 639px) {
.b-product-cart th {
padding: 0.5em; } }
@media screen and (max-width: 767px) {
.b-product-cart th:nth-child(4) {
display: none; } }
.b-product-cart th span {
color: #515151; }
.b-product-cart td {
border: 1px solid #dfdfdf;
background: white;
padding: 1em;
vertical-align: top; }
@media screen and (max-width: 639px) {
.b-product-cart td {
padding: 0.5em; } }
@media screen and (max-width: 767px) {
.b-product-cart td:nth-child(4) {
display: none; } }
.b-product-cart span {
display: block;
line-height: 20px; }
.b-product-cart span span {
display: inline; }
.b-product-cart p {
font-size: 1em; }
.b-product-cart .b-product-card__info_count {
margin-right: 0; }
.b-product-cart .b-align-middle {
vertical-align: middle; }
.b-product-cart-small {
border: 1px solid #dedede; }
.b-product-cart-small + .b-product-cart-small {
border-top: 0 none; }
.b-product-cart-small__header {
padding: 0.9em 0.9em 0.7em;
border-bottom: 1px solid #dedede;
box-shadow: 0 -1px 1px #e8e8e8 inset; }
.b-product-cart-small__content {
padding: 1em; }
.b-product-cart-small__content_row-half {
float: left;
width: 50%; }
.b-product-cart-small__content_row-half:first-child {
padding-right: 0.4em; }
.b-product-cart-small__content_row-half:last-child {
padding-left: 0.4em; }
.b-product-cart-small__content_info_row {
border-bottom: 1px solid #dedede;
padding: 8px 0 5px;
overflow: hidden; }
.b-product-cart-small__content_info_row:first-child {
padding-top: 0; }
.b-product-cart-small__content_info_value {
float: right; }
.b-product-cart-small__content_info_title {
float: left;
line-height: 16px; }
.b-product-cart-small__content_info {
margin-bottom: 1em; }
.f-product-cart-small__content_info {
font-size: 0.92308em;
line-height: 2; }
.f-product-cart-small__content_row {
font-size: 0.92308em;
line-height: 2; }
.b-product-card .b-stars-group {
display: inline-block; }
.b-product-card .b-btn {
padding: 7px 9px 6px 9px;
line-height: 16px;
min-height: 30px; }
.b-product-card .b-tag {
margin-top: 0;
margin-bottom: 0; }
.b-product-card .form-control {
display: inline-block; }
.b-product-card__visual-wrap {
float: left;
margin-right: 30px;
width: 380px; }
@media screen and (max-width: 767px) {
.b-product-card__visual-wrap {
width: 100%;
float: none;
margin-right: 0; } }
.b-product-card__visual {
margin-bottom: 22px; }
.b-product-card__visual-thumb {
border: 0;
box-shadow: none; }
.b-product-card__info {
overflow: hidden; }
@media screen and (max-width: 767px) {
.b-product-card__info {
margin-top: 30px; } }
.b-product-card__info_row {
border-bottom: 1px solid #f1f1f1;
padding: 10px 0; }
.b-product-card__info_row:last-child {
border-bottom: 0 none; }
.f-product-card__info_price {
font-size: 1.38462em;
line-height: 1.2; }
.b-product-card__info_title {
display: inline-block;
width: 70px;
margin-right: 1.5em; }
.b-product-card__info_title:after {
content: ":";
float: right;
position: relative;
left: 0.7em; }
.b-product-card__info_like {
background-color: #049ab0;
display: inline-block;
line-height: 17px; }
.b-product-card__info_like:hover {
background-color: #2bc2d5; }
.b-product-card__info_count {
width: 60px;
display: inline-block;
margin-right: 0.3em; }
@media screen and (max-width: 979px) {
.b-product-card__info_count {
min-width: 86px; } }
.b-product-card__info_add {
display: inline-block;
margin-right: 0.3em;
font-size: 0.92308em;
line-height: 1.2; }
.b-product-card__info_add i {
font-size: 1.07692em;
line-height: 1.2; }
.b-product-card__info_code {
display: inline-block;
margin-right: 0.3em; }
.f-product-card__info_description {
font-size: 0.92308em;
line-height: 2; }
textarea.b-product-card-textarea {
height: 222px; }
.b-container-login-page {
margin-top: 43px;
margin-bottom: 47px; }
.b-log-in-form {
border-right: 1px solid #ebebeb;
padding-right: 10px; }
.b-log-in-form .b-hr {
margin: 14px 0 25px;
max-width: 470px; }
@media screen and (max-width: 979px) {
.b-log-in-form {
border-right: 0;
margin-bottom: 20px; } }
.b-social-links-box {
margin: 19px 0 0; }
.b-social__item {
display: inline-block;
vertical-align: middle;
border-radius: 2px;
border-bottom: 3px solid;
height: 33px;
width: 105px;
margin: 0 7px 0 0; }
.b-social__item .fa {
position: relative;
padding: 2px 8px 0 8px;
margin: 0 2px 0 0; }
.b-social__item .fa:after {
content: '';
display: block;
height: 30px;
position: absolute;
top: 0;
left: 100%;
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.b-social__item:last-child {
margin: 0; }
.b-social__item.b-social__item--fb {
background: #3b5998;
border-bottom-color: #31497d; }
.b-social__item.b-social__item--fb:hover {
background: #31497d; }
.b-social__item.b-social__item--tw, .b-social__item.b-social__item--g {
background: #56adee;
border-bottom-color: #468ec3; }
.b-social__item.b-social__item--tw:hover, .b-social__item.b-social__item--g:hover {
background: #468ec3; }
.b-social__item.b-social__item--ld {
background: #0182b3;
border-bottom-color: #0182b3; }
.b-social__item.b-social__item--ld:hover {
background: #016287;
border-bottom-color: #016287; }
.f-social__item {
font-size: 1.07692em;
line-height: 1.85714;
color: white; }
.f-social__item:hover {
color: white; }
.f-social__item .fa {
font-size: 1.23077em;
line-height: 1.625; }
.b-education-box .b-some-examples__item {
margin: 10px 0 20px; }
.b-education-detail-box .b-information-box__name {
width: 112px; }
.b-sort-panel__inner__portfolio.b-sort-panel__inner {
margin: 40px 0 0; }
.b-portfolio-item {
padding: 27px 0 29px;
border-top: 1px solid #e3e3e3; }
.b-portfolio-item:first-child {
border: 0; }
.b-portfolio_image {
position: relative; }
.b-portfolio_image img {
border-radius: 2px;
width: 100%; }
.b-portfolio_image .b-item-hover-action {
border-radius: 2px; }
@media screen and (max-width: 979px) {
.b-portfolio_image {
margin-bottom: 15px; } }
.f-portfolio_info_title {
font-size: 1.84615em;
line-height: 1;
color: #72be58;
text-transform: uppercase; }
.f-portfolio_info_title a {
color: #72be58; }
.f-portfolio_info_title a:hover {
color: #666666; }
.b-portfolio_info_rating {
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
padding: 7px 0 6px 5px;
margin: 9px 0 0; }
.b-portfolio_info_rating .b-stars-group {
display: inline-block;
vertical-align: middle; }
.b-portfolio_info_rating .b-portfolio_rating_category {
display: inline-block;
vertical-align: middle; }
@media screen and (max-width: 767px) {
.b-portfolio_info_rating .b-portfolio_rating_category {
display: block; } }
.b-rating_bord {
height: 20px;
vertical-align: middle;
display: inline-block;
border-left: 1px solid #e3e3e3;
margin: 0 8px 0 6px; }
.b-portfolio_info_description {
margin: 12px 0 10px; }
.f-portfolio_category_title {
font-size: 0.92308em;
line-height: 1.16667;
color: #515151; }
.f-portfolio_category_name {
font-size: 0.92308em;
line-height: 1.16667;
color: #72be58; }
.f-portfolio_category_name:hover {
color: #898989; }
.f-portfolio_info_description {
font-size: 0.92308em;
line-height: 2.16667;
color: #515151; }
.b-portfolio-item__style-bord.b-portfolio-item {
border: 1px solid #e3e3e3;
margin: 43px 0 0;
padding: 0;
border-radius: 2px; }
.b-portfolio-item__style-bord.b-portfolio-item:first-child {
border: 1px solid #e3e3e3;
margin: 0; }
.b-portfolio-item__style-bord .b-portfolio_image img {
border-radius: 2px 0 0 2px; }
.b-portfolio-item__style-bord .b-portfolio_info_button {
margin: 0 0 10px; }
.b-portfolio-item__style-bord .b-portfolio_info {
margin: 18px 28px 0 0; }
@media screen and (max-width: 979px) {
.b-portfolio-item__style-bord .b-portfolio_info {
margin: 18px 20px; } }
.f-portfolio_info_button .button-sm {
text-transform: uppercase;
padding: 13px 16px 6px; }
.f-portfolio_info_button .button-sm:hover {
color: white; }
.b-portfolio_image_box--arrow.b-portfolio_image_box {
position: relative; }
.b-portfolio_image_box--arrow.b-portfolio_image_box:after {
content: '';
display: block;
position: absolute;
top: 36px;
right: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: white;
border-left: 0; }
@media screen and (max-width: 979px) {
.b-portfolio_image_box--arrow.b-portfolio_image_box:after {
top: auto;
bottom: 0;
left: 36px;
border-bottom-color: white;
border-top: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent; } }
.b-category-filter--portfolio.b-category-filter {
border: 0;
padding: 2px 0 25px; }
.b-category-filter--portfolio.b-category-filter ul {
padding: 0; }
.b-portfolio-gallery {
margin-top: 12px; }
.b-portfolio-gallery .b-app-with-img__item {
margin: 0 0 20px; }
.b-portfolio-gallery .b-item-hover-action__inner-bottom-title {
padding: 15px 0 8px 0;
text-transform: uppercase; }
.b-portfolio-gallery .b-item-hover-action__inner-bottom {
height: 67px; }
.hover-action__inner-bottom-big .b-item-hover-action__inner-bottom-title {
font-size: 1.23077em;
line-height: 1.5;
padding: 19px 0 6px 0; }
.hover-action__inner-bottom-big .b-item-hover-action__inner-bottom {
height: 82px; }
.hover-action__inner-bottom-big .b-item-hover-action__inner-bottom .f-portfolio_category_name {
color: white; }
.b-h4-special--portfolio.b-h4-special {
margin: 20px 0 5px; }
.b-remaining--max-box .b-hr-with-btn:before, .b-remaining--max-box .b-hr-with-btn:after {
width: 526px; }
.b-portfolio-overview {
padding: 0 0 30px;
margin: 50px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb; }
.b-title-b-hr--position.b-title-b-hr {
margin-bottom: 16px; }
.b-portfolio-overview__project {
margin: 25px 0 0; }
.f-project {
color: #72be58;
text-transform: uppercase; }
.f-project:hover {
color: #898989; }
.b-information-box ul {
padding: 0;
margin: 0; }
.b-information-box ul li {
list-style-type: none;
padding: 11px 0 9px;
margin: 0;
border-bottom: 1px solid #ebebeb;
vertical-align: middle; }
.f-information-box {
text-transform: uppercase; }
.f-information-box__name {
color: #72be58; }
.b-information-box__name {
display: inline-block;
width: 74px;
float: left; }
.f-dotted {
color: #72be58; }
.b-dotted {
margin: 0 14px 0 0;
font-style: normal; }
.b-information-box .b-dotted {
float: left;
display: block; }
.f-information_data {
color: #515151;
display: block;
overflow: hidden; }
.b-overview__comment {
margin: 25px 0 0; }
.b-portfolio__example-box .b-app-with-img__item_text {
background-image: url("../img/diagonal-line-bg-light.png");
background-color: #f6f6f6;
background-repeat: repeat;
background-position: 0 0; }
.b-portfolio__example-box .b-carousel-title {
border-bottom: 1px solid #e3e3e3;
margin: 0 0 25px; }
.b-portfolio__example-box .b-carousel-title.b-diagonal-line-bg-light {
border-top: 1px solid #e3e3e3;
padding-top: 8px; }
.b-portfolio__example-box .b-carousel-title.b-diagonal-line-bg-light:after {
content: '';
display: block;
position: relative;
clear: both;
width: 100%; }
.b-portfolio__example-box .b-app-with-img__item:hover .b-app-with-img__item_text {
background-color: #72be58; }
.b-portfolio__example-box .b-app-with-img__item:hover .f-app-with-img__item_name a {
color: white; }
.b-portfolio__example-box .b-app-with-img__item:hover .f-app-with-img__item_info {
color: white; }
.b-portfolio__example-box .b-app-with-img__item:hover .b-app-with-img__item_img {
border-color: #fff; }
.b-portfolio__example-box.b-carousel-secondary .bx-controls {
top: -71px; }
.f-carousel-title__color.f-carousel-title {
color: #72be58; }
@media screen and (max-width: 639px) {
.f-carousel-title__color.f-carousel-title {
font-size: 0.92308em;
line-height: 2; } }
.b-portfolio-slider-box {
margin-top: 54px; }
.b-portfolio-slider-box .b-carousel-secondary .b-carousel-title {
padding-top: 8px;
border-top: 1px solid #e3e3e3; }
.b-portfolio-slider-box__items {
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-bottom: 2px solid #ebebeb;
border-left: 1px solid #ebebeb;
padding: 10px 10px 7px;
border-radius: 3px; }
.b-portfolio-slider-box__items img {
border-radius: 2px;
float: none !important;
/* For vertical alignment */
display: inline-block;
vertical-align: middle; }
.b-carousel-arr-square--big.b-carousel-arr-square .bx-controls-direction a {
background: white;
height: 33px;
width: 33px;
padding: 9px 0 3px; }
.b-carousel-arr-square--big.b-carousel-arr-square .bx-controls-direction a:after {
color: #aeafb1; }
.b-carousel-arr-square--big.b-carousel-arr-square .bx-controls-direction a:hover {
background: #72be58; }
.b-carousel-arr-square--big.b-carousel-arr-square .bx-controls-direction a:hover:after {
color: white; }
.b-arrow-title-box {
float: right;
padding: 4px 0 0; }
.b-arrow-title-box a {
display: inline-block;
vertical-align: middle;
width: 26px;
background: #828282;
border-radius: 3px; }
.b-arrow-title-box a:hover {
background: #72be58; }
@media screen and (max-width: 639px) {
.b-arrow-title-box a {
width: 18px; } }
@media screen and (max-width: 639px) {
.b-arrow-title-box {
padding: 2px 0 0; } }
.f-arrow-title-box {
line-height: 24px; }
.f-arrow-title-box a {
text-align: center; }
.f-arrow-title-box a .fa {
line-height: 26px;
font-size: 30px;
vertical-align: middle;
color: white; }
@media screen and (max-width: 639px) {
.f-arrow-title-box a .fa {
font-size: 20px;
line-height: 16px; } }
@media screen and (max-width: 639px) {
.f-arrow-title-box {
line-height: 16px; } }
.b-welcome-box {
margin-bottom: 25px; }
.b-welcome-box .is-global-title {
color: #72be58; }
.b-title-description {
border-bottom: 1px solid #e4e4e4;
padding: 0 0 10px;
margin: 0 0 22px; }
.b-title-description .b-title-description__comment {
margin: 6px 0 0; }
.f-title-description {
font-size: 1.38462em;
line-height: 1.11111;
color: #72be58; }
.f-title-description .f-title-description__comment {
font-size: 0.69231em;
line-height: 1.55556;
color: #515151;
text-transform: none; }
.b-form--contact-size textarea.form-control {
height: 179px; }
.b-bord-box {
border-top: 1px solid #cdcdcd;
padding: 35px 0 54px; }
.b-bord-box.b-google-map {
border-bottom: 1px solid #cdcdcd;
padding: 0; }
.b-contact-form-box {
margin-bottom: 38px; }
.f-infoblock-with-icon--color .f-infoblock-with-icon__info_title {
color: #72be58; }
.b-inner-page-header {
display: table;
width: 100%;
height: 156px;
border-bottom: 1px solid gainsboro; }
.b-inner-page-header .b-inner-page-header__content {
vertical-align: middle;
display: table-cell; }
.b-inner-page-header.b-inner-page-header--white {
background: url(../img/inner-head-bg-white.jpg) no-repeat 50% 50%;
background-size: cover; }
.b-inner-page-header h1 {
margin: 0; }
.f-inner-page-header h1 {
font-size: 2.76923em;
line-height: 1;
text-transform: none; }
.f-inner-page-header .f-title-small {
font-size: 0.4em;
color: #515151; }
.f-inner-page-header span {
margin-bottom: 0; }
.f-inner-page-header_title-add {
font-size: 1.07692em;
line-height: 2.14286; }
.f-inner-page-header--white.f-inner-page-header h1 {
color: white; }
.f-inner-page-header--white.f-inner-page-header .f-inner-page-header_title-add {
color: white; }
.b-breadcrumbs {
border-bottom: 1px solid gainsboro;
background: white;
background: -webkit-linear-gradient(top, white, #f9f9f9);
background: -moz-linear-gradient(top, white, #f9f9f9);
background: -o-linear-gradient(top, white, #f9f9f9);
background: -ms-linear-gradient(top, white, #f9f9f9);
background: linear-gradient(to bottom, white, #f9f9f9); }
.b-breadcrumbs ul {
margin: 10px 0 9px;
padding: 0; }
.b-breadcrumbs li {
display: inline-block;
margin-right: 4px; }
.b-breadcrumbs li:not(:first-child) i {
margin-right: 7px; }
.b-breadcrumbs li:first-child i:before {
top: 1px; }
.b-breadcrumbs i {
margin-right: 10px; }
.b-breadcrumbs i:before {
position: relative;
top: 2px; }
.f-breadcrumbs {
color: #515151; }
.f-breadcrumbs li:first-child i:before {
font-size: 1.23077em;
line-height: 1.2;
color: #72be58; }
.f-breadcrumbs i:before {
font-size: 1.38462em;
line-height: 1.2;
color: #b1b1b1; }
.f-breadcrumbs a, .f-breadcrumbs span {
font-size: 0.92308em;
line-height: 2; }
.f-breadcrumbs a {
color: #72be58; }
.f-breadcrumbs a:hover {
color: #666666; }
.f-breadcrumbs a:hover i:before {
color: #666666; }
.b-shortcode-example {
padding-top: 15px;
padding-bottom: 15px; }
.b-shortcode-example [class*='button-'] {
margin: 10px 16px 10px 10px; }
.b-shortcode-example.b-shortcode-example--big-indent {
margin-top: 22px; }
@media screen and (max-width: 639px) {
.b-shortcode-example .b-tagline_btn--right .button-lg,
.b-shortcode-example .b-tagline_btn--left .button-lg {
margin-left: 0; } }
.b-shortcode-example--btn.b-shortcode-example {
margin: 0 -15px 0 -10px; }
.is-hidden {
display: none; }
.is-visible {
display: block;
visibility: visible; }