@charset "UTF-8";
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.btn-green
{
    background-color: #243c06 !important;
    border: 0 !important;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}
.left-side
{
    width: 50%;
}
.right-side
{
    width: 50%;
    float: right;
}
.fr
{
    float: right;
}
.font12
{
    font-size: 12px !important;
}
.top50
{
    padding-top: 50px;
}
.hilght
{
    color: #627b39;
    font-weight: 500;
}
.top5
{
    padding-top: 5px !important;
}
.bot10
{
    padding-bottom: 10px;
}
.wt700
{
    font-weight: 700;
}
.cfix
{
    width: 100%;
    clear: both;
    padding-top: 20px;
}
.greenstrip {
    background-color: rgba(0, 0, 0, 0.6);
    padding-bottom: 0px;
    margin-bottom: -70vh;
    padding-left: 20px;
    padding-right: 20px;
    width: 100vw;
}
.xxslogo
{
	padding: 20px;
	position: absolute;
	z-index: 999;
	background-color: #fff;
	margin-left: -33%;
	display: none;
}
.strip
{
	height: 40px;
    width: 180px;
    padding: 10px;
    float: right;
    background-color: #243c06;
    margin-top: -10px;
}
.top100
{
    padding-top: 100px;
}
#map-canvas
{
    height: 400px;
}
.p500
{
    height: 500px;
}
.top50
{
    padding-top: 50px;
}
input, textarea {
    width: 100%;
}
.wpcf7-submit
{
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 6px 12px;
    font-size: 13px;
    color: #fff !important;
    background-color: #627b39 !important;
    border: none !important;
    border-radius: 6px;
}
.top10
{
	padding-top: 10px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(../../../plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}
   html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template,
[hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em } figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible }  button,
input,
select,
textarea {
font: inherit; margin: 0 } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit }
body {
margin: 0;
padding: 0;
-ms-overflow-x: hidden;
overflow-x: hidden;
max-width: 100%;
}
h1, h2, h3, h4, h5, p {
margin: 0;
}
a {
text-decoration: none;
}
strong {
font-weight: 900;
}
ul {
padding: 0;
margin: 0;
}
* {
box-sizing: border-box;
outline: none;
}
*:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
} @font-face {
font-family: 'Gotham Pro';
src: url(../../../themes/garden/fonts/GothamPro.eot);
src: url(../../../themes/garden/fonts/GothamProd41d.eot?#iefix) format("embedded-opentype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/GothamPro.woff) format("woff"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/GothamPro.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Droid Serif Bold';
src: url(../../../themes/garden/fonts/DroidSerif-Bold.eot);
src: url(../../../themes/garden/fonts/DroidSerif-Boldd41d.eot?#iefix) format("embedded-opentype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSerif-Bold.woff) format("woff"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSerif-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Droid Sans Bold';
src: url(../../../themes/garden/fonts/DroidSans-Bold.eot);
src: url(../../../themes/garden/fonts/DroidSans-Boldd41d.eot?#iefix) format("embedded-opentype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSans-Bold.woff) format("woff"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSans-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Droid Sans';
src: url(../../../themes/garden/fonts/DroidSans.eot);
src: url(../../../themes/garden/fonts/DroidSansd41d.eot?#iefix) format("embedded-opentype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSans.woff) format("woff"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/DroidSans.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Droid Serif';
src: url(../../../themes/garden/fonts/droidserif.eot);
src: url(../../../themes/garden/fonts/droidserifd41d.eot?#iefix) format('embedded-opentype'),
url(../../../themes/garden/fonts/droidserif.woff) format('woff'),
url(../../../themes/garden/fonts/droidserif.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(../../../themes/garden/css/scss/01-tools/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(../../../themes/garden/fonts/slick.eot);
src: url(../../../themes/garden/fonts/slickd41d.eot?#iefix) format("embedded-opentype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/slick.woff) format("woff"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/slick.ttf) format("truetype"), url(//thegardenstudio.ae/wp-content/themes/garden/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.offer__slider .slick-slide
{
	max-width: 50% !important;
}
.offer__slider .slick-slide h1, .offer__slider .slick-slide p {
    text-align: center !important;
}
.log
{
    width: 17vw;
    height: auto;
}
.xxslogo
{
	padding: 3px;
	position: absolute;
	z-index: 19;
	background-color: #fff;
	margin-left: 0%;
	display: block;
}
.logo
{
	display: none;
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}  .my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
} .my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} html,
body {
height: 100%;
font-family: 'Droid Serif';
font-size: 18px;
}
p {
line-height: 1.5;
}
@media (max-width: 1600px) {
html,
body {
font-size: 17px;
}
p {
line-height: 1.4;
}
}
@media (max-width: 1200px) {
html,
body {
font-size: 16px;
}
}
@media (max-width: 500px) {
html,
body {
font-size: 14px;
}
.top
{
    margin-top: -35px;
}
}
@media (max-width: 767px) {
.top
{
    margin-top: -35px;
}
}
body {
padding-top: 90px;
}
@media (max-width: 900px) {
body {
padding-top: 0;
}
}
h1,
h2,
h3,
h4,
h5 {
font-family: "Gotham Pro";
font-weight: normal;
}
h1 {
font-size: 35px;
}
@media (max-width: 1300px) {
h1 {
font-size: 35px;
}
}
@media (max-width: 800px) {
h1 {
font-size: 45px;
}
}
@media (max-width: 500px) {
h1 {
font-size: 37px;
}
}
h2 {
font-size: 45px;
margin-bottom: 50px;
}
@media (max-width: 1300px) {
h2 {
font-size: 35px;
margin-bottom: 40px;
}
}
@media (max-width: 800px) {
h2 {
font-size: 36px;
}
}
@media (max-width: 500px) {
h2 {
font-size: 32px;
}
}
.wrapper {
width: 1080px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 1100px) {
.wrapper {
width: 100%;
padding: 0 20px;
}
}
.wrapper--wide {
width: 100%;
padding: 0 100px;
}
@media (max-width: 1200px) {
.wrapper--wide {
padding: 0 20px;
}
}
section {
padding: 60px 0;
}
@media (max-width: 800px) {
section {
padding: 40px 0;
}
}
.text {
text-align: left;
}
.text p {
margin-bottom: 30px;
}
.imgBg {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 450px;
background-position: 50% 50%;
background-size: cover;
}
@media (max-width: 800px) {
.imgBg {
min-height: 400px;
}
}
@media (max-width: 500px) {
.imgBg {
min-height: 350px;
}
}
.imgBg p {
color: #FFF;
max-width: 80%;
margin: 0 auto;
}
.imgBg h2 {
color: #FFF;
}
#works .mix {
display: none;
} .mainHeader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100px;
overflow: hidden;
z-index: 100;
}
.mainHeader.hasScrolled {
}
@media (max-width: 900px) {
.mainHeader {
position: fixed;
right: -280px;
left: auto;
top: 0;
height: 80%;
overflow: scroll;
width: 260px;
padding: 0;
background-color: #FFF;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.mainHeader.active {
right: 0;
}
}
.mainHeader .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
@media (max-width: 900px) {
.mainHeader .wrapper {
display: block;
height: auto;
}
}
.mainHeader__top {
height: 35px;
background-color: #888;
color: #FFF;
}
.mainHeader__top:hover {
color: #414141;
}
@media (max-width: 900px) {
.mainHeader__top {
height: auto;
padding: 20px 10px;
}
}
.mainHeader__top .wrapper > div {
width: 50%;
text-align: left;
margin-top: -2px;
}
.mainHeader__top .wrapper > div:nth-of-type(2) {
text-align: right;
}
@media (max-width: 1300px) {
.mainHeader__top .wrapper > div:nth-of-type(2) {
text-align: left;
}
}
@media (max-width: 900px) {
.mainHeader__top .wrapper > div {
width: 100%;
text-align: center;
}
}
.mainHeader__top .wrapper .tel,
.mainHeader__top .wrapper .mail {
display: inline-block;
vertical-align: middle;
margin-right: 95px;
color: #FFF;
font: 13px "Montserrat sans-serif Bold";
}
@media (max-width: 1100px) {
.mainHeader__top .wrapper .tel,
.mainHeader__top .wrapper .mail {
margin-right: 40px;
}
}
@media (max-width: 900px) {
.mainHeader__top .wrapper .tel,
.mainHeader__top .wrapper .mail {
display: block;
margin: 10px auto;
}
}
.mainHeader__top .wrapper .tel:before,
.mainHeader__top .wrapper .mail:before {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
background-image: url(../../../themes/garden/images/tel.png);
content: "";
}
.mainHeader__top .wrapper .tel:before {
width: 16px;
height: 16px;
background-position: 0 0;
}
.mainHeader__top .wrapper .tel:hover {
color: #414141;
}
.mainHeader__top .wrapper .tel:hover:before {
background-position: 0 -20px;
}
.mainHeader__top .wrapper .mail:before {
width: 17px;
height: 12px;
background-position: -25px 0;
}
.mainHeader__top .wrapper .mail:hover {
color: #414141;
}
.mainHeader__top .wrapper .mail:hover:before {
background-position: -25px -15px;
}
.mainHeader__bottom {
height: 70px;
background-color: #FFF;
}
@media (max-width: 900px) {
.mainHeader__bottom {
height: auto;
padding: 40px 10px 20px;
}
}
@media (max-width: 900px) {
.mainHeader__bottom .wrapper {
padding: 0;
}
}
.mainHeader .social {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 900px) {
.mainHeader .social {
display: block;
margin: 20px auto;
text-align: center;
}
}
.social__item {
display: inline-block;
vertical-align: middle;
margin: 0 24px 0 0;
background-repeat: no-repeat;
background-image: url(../../../themes/garden/images/social.png);
}
.social__item:last-of-type {
margin-right: 0;
}
.social__item--fb {
height: 16px;
width: 10px;
background-position: 0 0;
}
.social__item--fb:hover {
background-position: 0 -17px;
}
.social__item--tw {
width: 16px;
height: 16px;
background-position: -36px 0;
}
.social__item--tw:hover {
background-position: -36px -18px;
}
.social__item--inst {
width: 16px;
height: 16px;
background-position: -76px 0;
}
.social__item--instagram {
width: 16px;
height: 16px;
background-image: url(../../../themes/garden/images/insta_white.png);
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.social__item--instagram:hover {
background-image: url(../../../themes/garden/images/insta_gray.png);
}
.social__item--inst:hover {
background-position: -76px -17px;
}
.social--dark .social__item--fb {
background-position: 0 -36px;
}
.social--dark .social__item--fb:hover {
background-position: 0 -17px;
}
.social--dark .social__item--tw {
background-position: -36px -36px;
}
.social--dark .social__item--tw:hover {
background-position: -36px -18px;
}
.social--dark .social__item--inst {
background-position: -76px -36px;
}
.social--dark .social__item--inst:hover {
background-position: -76px -17px;
}
.social--dark .social__item--instagram {
background-image: url(../../../themes/garden/images/insta_black.png);
}
.social--dark .social__item--instagram:hover {
background-image: url(../../../themes/garden/images/insta_gray.png);
}  @media (max-width: 900px) {
.mainNav {
margin-top: 20px;
}
}
.mainNav ul {
list-style-type: none;
}
.mainNav ul li {
display: inline-block;
vertical-align: middle;
margin-right: 47px;
}
.mainNav ul li:last-of-type {
margin-right: 0;
}
@media (max-width: 1300px) {
.mainNav ul li {
margin-right: 35px;
}
}
@media (max-width: 1100px) {
.mainNav ul li {
margin-right: 20px;
}
}
@media (max-width: 900px) {
.mainNav ul li {
display: block;
margin: 15px auto;
text-align: left;
padding: 10px;
}
.mainHeader__top .wrapper .tel, .mainHeader__top .wrapper .mail {
    font: 12px "Montserrat sans-serif Bold";
}
}


.mainNav ul li a {
font: 18px;
color: #000;
font-family: 'Montserrat', sans-serif !important;
display: inline-block;
}
.mainNav ul li a.active, .mainNav ul li a:hover {
color: #414141;
}
.mainNav ul li.current-menu-item a {
color: #375c0a;
}  .menu-button {
display: none;
width: 38px;
height: 37px;
position: fixed;
left: auto;
right: 15px;
top: 15px;
bottom: auto;
margin: auto;
cursor: pointer;
z-index: 100;
background-color: #243c06;
border: none;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s  }
.menu-button.active {
right: 275px;
}
.menu-button .menu-line {
display: block;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: auto;
width: 70%;
height: 3px;
background-color: #fff;
border-radius: 1px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.menu-button .top_line {
top: 8px;
margin: auto;
}
.menu-button .middle_line {
top: 17px;
margin: auto;
}
.menu-button .bottom_line {
bottom: 8px;
margin: auto;
}
.menu-button.active {
border-radius: 6px;
}
.menu-button.active .top_line {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 45%;
}
.menu-button.active .bottom_line {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 45%;
}
.menu-button.active .middle_line {
width: 0;
left: 50%;
}
@media (max-width: 900px) {
.menu-button {
display: block;
}
}
.searchInput {
position: relative;
display: inline-block;
vertical-align: middle;
height: 16px;
margin-left: 110px;
}
@media (max-width: 1600px) {
.searchInput {
margin-right: 40px;
}
}
@media (max-width: 900px) {
.searchInput {
display: block;
width: 100%;
margin: 20px auto;
}
}
@media (max-width: 500px) {
.searchInput {
display: block;
margin: 20px auto;
width: 200px;
}
}
.searchInput input {
background-color: transparent;
}
.searchInput .search_type {
border: none;
position: absolute;
left: 26px;
top: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
color: #414141;
font: 14px "Droid Sans Bold";
max-width: 160px;
}
@media (max-width: 900px) {
.searchInput .search_type {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
.searchInput #search_submit {
display: block;
border: none;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(../../../themes/garden/images/glass.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0;
}
.searchInput:hover #search_submit,
.searchInput:focus #search_submit,
.searchInput.active #search_submit {
background-image: url(../../../themes/garden/images/glass_d.svg);
}
.offer {
height: 450px;
background-position: 50% 50%;
padding: 0;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.offer--slider {
display: block;
}
.offer__slider,
.offer__slider .slick-list,
.offer__slider .slick-track,
.offer__slider .slick-slide {
height: 100%;
}
.offer__slider .slick-slide {
background-position: 50% 50%;
padding: 0;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.offer__slider .slick-prev {
left: 10%;
z-index: 10;
background-image: url(../../../themes/garden/images/left-arrow.svg);
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.offer__slider .slick-next {
right: 10%;
z-index: 10;
background-image: url(../../../themes/garden/images/right-arrow.svg);
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
@media (max-width: 1200px) {
.offer__slider .slick-prev {
left: 20px;
}
.offer__slider .slick-next {
right: 20px;
}
}
@media (max-width: 500px) {
.offer__slider .slick-prev {
left: 5px;
}
.offer__slider .slick-next {
right: 5px;
}
}
.offer__slider .slick-arrow {
width: 26px;
height: 26px;
display: none !important;
}
.offer__slider .slick-arrow:before {
display: none;
}
.offer h1 {
color: #FFF;
margin-bottom: 35px;
}
.mainPage .offer h1 {
font-size: 30px;
}
.offer p {
color: #FFF;
width: 800px;
max-width: 90%;
display: block;
margin: 3px auto 3px;
font-size: 14px;
text-align: left;
}
@media (max-width: 500px) {
.mainPage .offer h1 {
font-size:  32px;
}
.offer p {
font-size:  16px;
}
}
@media (max-width: 700px) {
.offer p {
font-size:  14px;
}
}
@media (max-width: 360px) {
.mainPage .offer h1 {
font-size:  28px;
}
.offer p {
font-size:  14px;
}
}
.offer__slider .slick-slide h1,
.offer__slider .slick-slide p {
max-width: 100%;
text-align: left;
}
@media (max-height: 550px) {
.offer p {
margin-bottom: 30px;
}
}
.offer .button {
margin: 0 10px;
}
@media (max-width: 500px) {
.offer .button {
display: block;
margin: 10px auto;
}
}
.scroll {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: auto;
width: 130px;
text-align: center;
font-size: 14px;
font-family: "Droid Sans";
color: #FFF;
}
.scroll img {
display: block;
margin: 10px auto 0;
}
@media (max-width: 1600px) {
.scroll {
bottom: 30px;
}
}
@media (max-width: 1200px) {
.scroll {
bottom: 20px;
}
}
@media (max-height: 550px) {
.scroll {
bottom: 5px;
font-size: 12px;
}
}
.mainPage .offer {
height: 100%;
min-height: 500px;
max-height: 850px;
}
.button {
height: 40px;
width: 180px;
font: 14px "Droid Sans Bold";
color: #FFF;
padding-top: 10px;
border: 2px solid #fff;
cursor: pointer;
background-color: transparent;
border-radius: 6px;
-webkit-transition: all .2s;
transition: all .2s;
}
.button:hover {
background-color: #FFF;
color: #414141;
}
.button--green {
background-color: #243c06;
border: 0px !important;
border-radius: 0px !important;
}
.button--green:hover {
background-color: #414141;
color: #FFF;
}
a.button {
line-height: 36px;
display: inline-block;
}
.advantagesList {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 500px) {
.advantagesList {
display: block;
}
}
.advantagesList > div {
width: 33.333%;
padding: 0 6%;
text-align: center;
}
@media (max-width: 700px) {
.advantagesList > div {
padding: 0 10px;
}
}
@media (max-width: 500px) {
.advantagesList > div {
width: 260px;
display: block;
margin: 0 auto 40px;
}
.advantagesList > div span {
font-size: 16px;
}
}
.advantagesList__img {
display: block;
margin: 0 auto 45px;
width: 130px;
height: 130px;
border: 2px solid #8ec253;
text-align: center;
border-radius: 50%;
}
@media (max-width: 500px) {
.advantagesList__img {
margin-bottom: 20px;
}
}
.advantagesList__img:before {
display: inline-block;
vertical-align: middle;
height: 100%;
content: "";
margin-right: -4px;
}
.advantagesList__img img {
display: inline-block;
vertical-align: middle;
max-width: 80%;
}
.works {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.works__example {
width: 33.333%;
background-position: 50% 50%;
position: relative;
background-size: cover;
overflow: hidden;
}
.works__example:nth-of-type(3n) {
margin-right: 0;
}
@media (max-width: 750px) {
.works__example {
width: 50%;
}
.works__example:nth-of-type(3n) {
margin-right: 0;
}
.works__example:nth-of-type(2n) {
margin-right: 0;
}
}
@media (max-width: 500px) {
.works__example {
width: 100%;
}
.works__example,
.works__example:nth-of-type(3n),
.works__example:nth-of-type(2n) {
margin-right: 0;
}
}
.works__example__info {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
text-align: center;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: opacity .4s ease-out;
transition: opacity .4s ease-out;
}
.works__example__info span {
display: block;
margin-bottom: 50px;
color: #FFF;
}
@media (max-width: 900px) {
.works__example__info span {
margin-bottom: 30px;
}
}
@media (max-width: 800px) {
.works__example__info span {
margin-bottom: 20px;
}
}
.works__example:after {
content: "";
display: block;
padding-bottom: 82%;
}
@media (min-width: 1200px) {
.works__example:hover .works__example__info {
opacity: 1;
top: 0;
}
}
.works__example.active .works__example__info {
opacity: 1;
top: 0;
}
.works--5 {
-webkit-justify-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: center;
}
.works--5 .works__example {
width: 20%;
margin: 0;
}
.works--5 .works__example:after {
padding-bottom: 76%;
}
@media (max-width: 1200px) {
.works--5 .works__example {
width: 25%;
}
}
@media (max-width: 900px) {
.works--5 .works__example {
width: 33.333%;
}
}
@media (max-width: 600px) {
.works--5 .works__example {
width: 50%;
}
}
@media (max-width: 500px) {
.works--5 .works__example {
width: 100%;
}
}
.filters {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.filters button {
margin: 0 22px;
border: none;
background-color: #8ec253;
color: #FFF;
height: 30px;
padding: 0 10px;
border-radius: 6px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font: 14px;
cursor: pointer;
text-transform: uppercase;
}
.filters button:hover, .filters button.active {
background-color: #2a7e26;
}
@media (max-width: 700px) {
.filters button {
margin: 10px;
}
}
.footer {
    padding: 30px 0 35px;
}
@media (max-width: 800px) {
.footer {
padding: 20px 0;
}
}
.footer__bottom .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
padding-top: 20px;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 800px) {
.footer__bottom .wrapper {
display: block;
}
}
.footer--dark {
background-color: #414141;
}
.footer--dark .footerNav ul li a {
color: #FFF;
}
.footerNav ul li a.active {
color: #414141;
}
.footer--dark .footerNav ul li a.active, .footer--dark .footerNav ul li a:hover {
color: #FFF;
}
.footer--dark .copy,
.footer--dark .powered {
color: #FFF;
}
.footer--dark .copy a,
.footer--dark .powered a {
color: #FFF;
}
.footer--dark .social__item--fb:hover {
background-position: 0 0;
}
.footer--dark .social__item--tw:hover {
background-position: -36px 0;
}
.footer--dark .social__item--inst:hover {
background-position: -76px 0;
}
.footer--dark .social__item--instagram:hover {
background-image: url(../../../themes/garden/images/insta_white.png);
}
.footerNav ul {
list-style-type: none;
display: block;
margin: 0 auto 35px;
width: auto;
}
@media (max-width: 800px) {
.footerNav ul {
margin-bottom: 10px;
}
}
.footerNav ul li {
display: inline-block;
vertical-align: middle;
margin-right: 48px;
float: left;
}
.footerNav ul li:last-of-type {
margin-right: 0;
}
@media (max-width: 1000px) {
.footerNav ul li {
margin: 0 10px 20px;
}
.footerNav ul li:last-of-type {
margin: 0 10px 20px;
}
}
.footerNav ul li a {
font: 18px "Droid Sans";
color: #000;
display: inline-block;
}
.footerNav ul li a.active, .footerNav ul li a:hover {
color: #414141;
}
.footerNav ul li.current-menu-item a {
color: #414141;
}
.footer--dark .footerNav ul li.current-menu-item a {
color: #fff;
}
.copy,
.powered {
font: 18px "Droid Sans";
width: 300px;
color: #414141;
float: left;
}
.copy a,
.powered a {
color: #414141;
}
@media (max-width: 800px) {
.copy,
.powered {
display: block;
margin: 10px auto;
text-align: center;
font-size: 16px;
max-width: 100%;
}
}
.contact-us {
background-image: url(../../../themes/garden/images/contact-us.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
padding: 100px 0;
}
@media (max-width: 700px) {
.contact-us {
padding: 50px 0;
}
}
.contact-us .title {
font-size: 35px;
color: #fff;
font-family: "Gotham Pro";
margin-bottom: 80px;
}
@media (max-width: 700px) {
.contact-us .title {
font-size: 40px;
margin-bottom: 40px;
}
}
.contact-us .options-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-us .options-box div {
width: 33.3333%;
}
.contact-us .options-box div a {
display: inline-block;
height: 90px;
width: 200px;
}
@media (max-width: 700px) {
.contact-us .options-box div a {
width: 100%;
}
}
.contact-us .options-box div a span {
font-size: 18px;
color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 700px) {
.contact-us .options-box div a span {
font-size: 20px;
}
}
@media (max-width: 450px) {
.contact-us .options-box div a span {
font-size: 14px;
}
}
.contact-us .options-box div a i {
height: 40px;
margin: 0 auto 9px;
display: block;
vertical-align: middle;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50% 50%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-us .options-box div a:hover span {
font-size: 0;
visibility: hidden;
opacity: 0;
}
.contact-us .options-box div a:hover i {
width: 66px;
height: 66px;
margin-bottom: 0;
}
i.phone {
width: 36px;
background-image: url(../../../themes/garden/images/call.svg);
}
i.chat {
width: 34px;
background-image: url(../../../themes/garden/images/chat.svg);
}
i.mail {
width: 34px;
background-image: url(../../../themes/garden/images/mail.svg);
}
.contact-us--white {
background: #FFF;
}
.contact-us--white .title {
color: #000;
}
.contact-us--white i.phone {
width: 36px;
background-image: url(../../../themes/garden/images/call_d.svg);
}
.contact-us--white i.chat {
width: 34px;
background-image: url(../../../themes/garden/images/chat_d.svg);
}
.contact-us--white i.mail {
width: 34px;
background-image: url(../../../themes/garden/images/mail_d.svg);
}
.contact-us--white .options-box div a span {
color: #000;
}
.service {
margin-bottom: 50px;
}
.service__text {
padding: 0 15%;
text-align: left;
}
@media (max-width: 1500px) {
.service__text {
padding: 0 12%;
}
}
@media (max-width: 700px) {
.service__text {
padding: 0;
}
}
.service p {
margin-bottom: 30px;
}
.service .full {
width: 100%;
margin-top: 70px;
display: block;
}
@media (max-width: 800px) {
.service .full {
margin-top: 60px;
}
}
.works + .service {
margin-top: 80px;
}
@media (max-width: 800px) {
.works + .service {
margin-top: 60px;
}
} .aboutItem {
width: 100%;
position: relative;
margin-bottom: 50px;
}
@media (max-width: 800px) {
.aboutItem {
margin-bottom: 60px;
}
}
.aboutItem .ver {
position: absolute;
left: 0;
bottom: 0;
width: 33.7%;
}
@media (max-width: 800px) {
.aboutItem .ver {
display: none;
}
}
.aboutItem .hor {
position: absolute;
right: 0;
bottom: 0;
width: 66.4%;
}
@media (max-width: 800px) {
.aboutItem .hor {
width: 100%;
position: static;
}
}
.aboutItem:after {
content: "";
display: block;
padding-bottom: 29%;
}
@media (max-width: 800px) {
.aboutItem:after {
display: none;
}
}
.aboutItem__info {
position: static;
top: 13%;
width: 100%;
right: 0%;
text-align: left;
}
@media (max-width: 1600px) {
.aboutItem__info {
top: 10%;
}
}
@media (max-width: 1200px) {
.aboutItem__info {
top: 6%;
}
}
@media (max-width: 1000px) {
.aboutItem__info {
right: 0;
}
}
@media (max-width: 800px) {
.aboutItem__info {
width: 100%;
position: static;
}
}
.aboutItem__info p {
margin-bottom: 20px;
}
@media (max-width: 1600px) {
.aboutItem__info p {
font-size: 16px;
}
}
@media (max-width: 1200px) {
.aboutItem__info p {
font-size: 15px;
}
}
@media (max-width: 1000px) {
.aboutItem__info p {
font-size: 14px;
}
}
.gallery {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
.gallery__grid {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
.gallery__grid > div:nth-child(1) {
width: 68.5%;
}
.gallery__grid > div:nth-child(2) {
width: 30%;
}
@media (max-width: 650px) {
.gallery__grid > div:nth-child(1) {
width: 100%;
}
.gallery__grid > div:nth-child(2) {
width: 100%;
}
}
.gallery__item {
position: relative;
margin-bottom: 20px;
}
@media (max-width: 800px) {
.gallery__item {
margin-bottom: 10px;
}
}
.gallery__item > img {
max-width: 100%;
width: 100%;
height: 50vh;
display: block;
object-fit: cover;
}
.gallery__item__more {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
visibility: hidden;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.gallery__item__more .magn {
display: block;
margin: 0 auto 40px;
width: 60px;
height: 65px;
background-image: url(../../../themes/garden/images/zoom-in.svg);
background-size: 100% 100%;
}
@media (max-width: 1300px) {
.gallery__item__more .magn {
width: 40px;
height: 45px;
margin-bottom: 20px;
}
}
.gallery__item__more span {
font-size: 18px;
display: block;
text-align: center;
color: #FFF;
margin-bottom: 20px;
}
@media (max-width: 1300px) {
.gallery__item__more span {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.gallery__item:hover .gallery__item__more {
opacity: 1;
visibility: visible;
}
}
.gallery__item.active .gallery__item__more {
opacity: 1;
visibility: visible;
}
.gallery__item__100 {
width: 100%;
}
.gallery__item__100.--hor {
max-height: 410px;
overflow: hidden;
}
.gallery__item__50 {
width: calc(50% - 10px);
}
@media (max-width: 800px) {
.gallery__item__50 {
width: calc(50% - 5px);
}
}
@media (max-width: 650px) {
.gallery__item__50 {
width: 100%;
}
}
.gallery__item__33 {
width: calc(33.1% - 10px);
}
@media (max-width: 800px) {
.gallery__item__33 {
width: calc(33.1% - 5px);
}
}
@media (max-width: 650px) {
.gallery__item__33 {
width: 100%;
}
}
.project .wrapper {
text-align: left;
}
.project__header {
margin-bottom: 35px;
}
.pageNavigator {
list-style-type: none;
margin-bottom: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pageNavigator li {
font: 18px "Droid Sans";
min-width: 160px;
}
@media (max-width: 800px) {
.pageNavigator li {
font-size: 16px;
}
}
@media (max-width: 600px) {
.pageNavigator li {
font-size: 14px;
}
.footerNav ul {
    display: none;
}
.copy, .powered {
    width: 250px;
}
.pageNavigator li {
min-width: 0;
}
}
@media (max-width: 400px) {
.pageNavigator li {
font-size: 10px;
}
}
.pageNavigator li a {
color: #000;
}
.pageNavigator li:hover a {
color: #8ec253;
}
.pageNavigator li.prev a:before {
display: inline-block;
vertical-align: middle;
content: "";
width: 16px;
height: 12px;
margin-right: 9px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWY0YTI5Ny0yMTVjLTQwNDItYTBjMi01MWRiOWZkMDdiZjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUM4NEJBM0FBNUFGMTFFNkI1NzZCOTU3MzM0NEVDRUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUM4NEJBMzlBNUFGMTFFNkI1NzZCOTU3MzM0NEVDRUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjkwZjFlMTgtNWViMi1lNjRhLWFjODktNWNmOGU5YWZiMzg4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjRlMGE4MmMtOWI3Yy0xMWU2LTk2ODgtZGJkODZjMDEwYjZiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U+ud4gAAAIJJREFUeNpi1NBQY0ADHECcCcSTgPgvAwHAhEXzBiCOBeL/DEQAJiyaxYDYBYj/kWIAuuZ3DEQCJko0gwALEC8CYncgXgzEdQykgetMDBQCkAvigJgPiHXI8QLIBT+AOACIXwHxHiAWItUABkoMQQ4DdEOYSDUA2RBQjDASYwBAgAEAJ2caPcAUurMAAAAASUVORK5CYII=);
background-size: 100%;
}
@media (max-width: 400px) {
.pageNavigator li.prev:before {
margin-right: 5px;
width: 14px;
height: 10px;
}
}
.pageNavigator li.prev:hover a:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWY0YTI5Ny0yMTVjLTQwNDItYTBjMi01MWRiOWZkMDdiZjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJBREMzNTJBNUIwMTFFNjlCOUZCMUNFN0YwMjc4M0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJBREMzNTFBNUIwMTFFNjlCOUZCMUNFN0YwMjc4M0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjkwZjFlMTgtNWViMi1lNjRhLWFjODktNWNmOGU5YWZiMzg4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjRlMGE4MmMtOWI3Yy0xMWU2LTk2ODgtZGJkODZjMDEwYjZiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fG3WrwAAAIJJREFUeNpi1KpTY0ADHECcCcSTgPgvAwHAhEXzBiCOBeL/DEQAJiyaxYDYBYj/kWIAuuZ3DEQCJko0gwALEC8CYncgXgzEdQykgetMDBQCkAvigJgPiHXI8QLIBT+AOACIXwHxHiAWItUABkoMQQ4DdEOYSDUA2RBQjDASYwBAgAEAMugaleMofoMAAAAASUVORK5CYII=);
}
.pageNavigator li.next a:after {
display: inline-block;
vertical-align: middle;
content: "";
margin-left: 9px;
width: 16px;
height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWY0YTI5Ny0yMTVjLTQwNDItYTBjMi01MWRiOWZkMDdiZjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEyRTNGMzRBNUIwMTFFNjgwRDI4MTMyRjI0QURDODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEyRTNGMzNBNUIwMTFFNjgwRDI4MTMyRjI0QURDODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjkwZjFlMTgtNWViMi1lNjRhLWFjODktNWNmOGU5YWZiMzg4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjRlMGE4MmMtOWI3Yy0xMWU2LTk2ODgtZGJkODZjMDEwYjZiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cNnTpQAAAJdJREFUeNpi+P//PwMhDATMsgqyhQoKChzockwMxIH/jAz/Y/8x/N2gqKjIgSxBlAFAm/79+8PgAmSJoRvCCHUiUUBWVlaIiYVhD1DbKyYG5oD79+//IMkAbIYwyinIpTMw/NMkyZT/DEIMjIyxQNZqJgYKAcVeYKFEM0mBiE0z0emAkZGRCZtmog0AhxUD42J0zSAAEGAAKmlp8jYsxQoAAAAASUVORK5CYII=);
background-size: 100%;
}
@media (max-width: 400px) {
.pageNavigator li.next a:after {
margin-left: 5px;
width: 14px;
height: 10px;
}
}
.pageNavigator li.next:hover a:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWY0YTI5Ny0yMTVjLTQwNDItYTBjMi01MWRiOWZkMDdiZjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkU0NzU1NDBBNUIwMTFFNjg1MTZBOTFERkNCRTRFMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkU0NzU1M0ZBNUIwMTFFNjg1MTZBOTFERkNCRTRFMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjkwZjFlMTgtNWViMi1lNjRhLWFjODktNWNmOGU5YWZiMzg4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NjRlMGE4MmMtOWI3Yy0xMWU2LTk2ODgtZGJkODZjMDEwYjZiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mR2n+AAAAHxJREFUeNpi1KpTYyACMANxHhBPB+IfyBJMDMSB/0AcC8QbgJiDHAP+AbELEIuhG0KsASDwDpshpBiA1RAWIJEOxJokGnQFGiaLSHUBBgC5YCaJeoSAeA8Q7wTiOCYyNb8C4gBQmmCiRDMpscCETTMpBjAC8WJ0zSAAEGAAFokay5za4G4AAAAASUVORK5CYII=);
}
.type,
.date {
display: inline-block;
vertical-align: middle;
margin-right: 100px;
}
@media (max-width: 500px) {
.type,
.date {
display: block;
margin: 10px auto;
}
.social__item {
    margin: 0 10px 0 0;
}
.copy, .powered {
    width: 180px;
}
.copy, .powered {
    display: block;
    margin: 8px auto;
}
}
.type:last-of-type,
.date:last-of-type {
margin-right: 0;
}
.type i,
.date i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.type p,
.date p {
display: inline-block;
vertical-align: middle;
text-align: left;
color: #8ec253;
font: 21px "Droid Serif Bold";
}
@media (max-width: 500px) {
.type p,
.date p {
font-size: 18px;
}
}
.type p span,
.date p span {
display: block;
color: #000;
font: 18px "Droid Sans";
margin-top: 5px;
}
@media (max-width: 500px) {
.type p span,
.date p span {
font-size: 16px;
}
}
.tags {
font: 18px "Droid Sans";
margin-top: 40px;
list-style-type: none;
text-align: center;
}
.tags span {
display: inline-block;
vertical-align: middle;
color: #414141;
}
.tags li {
color: #8ec253;
display: inline-block;
vertical-align: middle;
margin-right: 25px;
}
.tags li a {
color: #8ec253;
}
.tags li:last-of-type {
margin-right: 0;
}
.share a,
span[data-pin-log='button_pinit'] {
display: inline-block;
vertical-align: middle;
width: 55px;
height: 55px;
border: 2px solid #fff;
text-align: center;
border-radius: 50%;
margin: 0 10px;
-webkit-transition: all .2s;
transition: all .2s;
}
@media (max-width: 1300px) {
.share a,
span[data-pin-log='button_pinit'] {
width: 40px;
height: 40px;
}
}
span[data-pin-log='button_pinit'] {
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.share a i,
span[data-pin-log='button_pinit']:after {
display: inline-block;
vertical-align: middle;
background-image: url(../../../themes/garden/images/social.png);
}
.share a.fb i {
height: 16px;
width: 10px;
background-position: 0 0;
}
.share a.fb:hover i {
background-position: 0 -17px;
}
.share a.tw i {
width: 16px;
height: 16px;
background-position: -36px 0;
}
.share a.tw:hover i {
background-position: -36px -18px;
}
.share span[data-pin-log='button_pinit'] {
position: relative;
}
.share span[data-pin-log='button_pinit']:after {
content: "";
display: block;
position: absolute;
top: 0; bottom:0;
left: 0;
right: 0;
margin: auto;
height: 16px;
width: 14px;
background-position: 0 0;
background-image: url(../../../themes/garden/images/pn.png);
}
.share span[data-pin-log='button_pinit']:hover:after {
background-image: url(../../../themes/garden/images/pn_d.png);
}
.share a:before {
height: 100%;
content: "";
display: inline-block;
vertical-align: middle;
}
.share a:hover,
span[data-pin-log='button_pinit']:hover {
background: #FFF;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mfp-figure {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: .2s all .1s;
transition: .2s all .1s;
}
.mfp-ready .mfp-figure {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.contacts {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 700px) {
.contacts {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.contacts > div {
width: 50%;
text-align: left;
}
@media (max-width: 700px) {
.contacts > div {
text-align: center;
width: 100%;
}
}
.contacts .title {
color: #8ec253;
display: block;
margin-bottom: 16px;
}
.contacts address,
.contacts a {
font: 18px "Droid Sans";
color: #000;
}
.contacts__info {
padding-right: 20%;
}
@media (max-width: 900px) {
.contacts__info {
padding-right: 20px;
}
}
@media (max-width: 700px) {
.contacts__info {
margin-bottom: 40px;
}
}
.contacts__info__item {
margin-bottom: 40px;
}
@media (max-width: 900px) {
.contacts__info__item {
margin-bottom: 20px;
}
}
@media (max-width: 900px) {
.form {
text-align: left;
}
}
.form .title {
margin-bottom: 40px;
}
@media (max-width: 900px) {
.form .title {
margin-bottom: 20px;
}
}
.form label {
display: block;
margin-bottom: 24px;
color: #282826;
font: 18px "Droid Sans";
}
@media (max-width: 900px) {
.form label {
margin-bottom: 10px;
}
}
.form input {
height: 60px;
margin-bottom: 40px;
padding-left: 10px;
width: 100%;
border: 2px solid #282826;
font: 18px "Droid Sans";
color: #282826;
border-radius: 6px;
}
.form input:focus, .form input:hover {
border-color: #8ec253;
}
@media (max-width: 900px) {
.form input {
height: 50px;
margin-bottom: 20px;
}
}
.form textarea {
margin-bottom: 40px;
padding: 10px;
width: 100%;
resize: none;
height: 110px;
border: 2px solid #282826;
font: 18px "Droid Sans";
color: #282826;
border-radius: 6px;
}
.form textarea:focus, .form textarea:hover {
border-color: #8ec253;
}
@media (max-width: 900px) {
.form textarea {
margin-bottom: 20px;
}
}
.form .inputGroup {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form .inputGroup div {
width: 48%;
}
@media (max-width: 600px) {
.form .inputGroup div {
width: 100%;
}
}
.form .button {
width: 100%;
height: 60px;
}
.map-canvas {
height: 450px;
margin-top: 95px;
}
@media (max-height: 600px) {
.map-canvas {
height: 350px;
}
}
@media (max-height: 500px) {
.map-canvas {
height: 300px;
}
}
.popup {
display: block;
position: relative;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 90px 100px;
width: 780px;
overflow: hidden;
}
@media (max-width: 800px) {
.popup {
width: 100%;
padding: 80px 70px;
}
}
@media (max-width: 600px) {
.popup {
padding: 80px 40px 60px;
}
}
@media (max-width: 400px) {
.popup {
padding: 80px 20px 40px;
}
}
.popup--article {
height: 100%;
}
.popup .mfp-close {
font-size: 48px;
top: 40px;
right: 40px;
}
@media (max-width: 600px) {
.popup .mfp-close {
right: 10px;
top: 10px;
}
}
.double-group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.double-group .form-group {
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
}
@media (max-width: 600px) {
.double-group .form-group {
width: 100%;
}
}
.popup .form {
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
margin: 0 -10px;
}
.popup.result {
text-align: center;
}
.form__title,
.popup .heading {
margin: 0 10px;
font-size: 30px;
color: #000;
margin-bottom: 30px;
}
.form .form-group {
margin: 0 10px 20px;
}
.form .form-group input,
.form .form-group textarea {
margin-bottom: 0;
}
.form .form-group--button {
margin-bottom: 0;
}
.blogItem {
text-align: left;
}
.blogItem:after {
content: "";
display: block;
clear: both;
}
.blogItem h2,
.article--result h2 {
margin-bottom: 30px;
font-size: 48px;
}
@media (max-width: 800px) {
.blogItem h2 {
margin-bottom: 30px;
font-size: 38px;
}
}
@media (max-width: 500px) {
.blogItem h2,
.article--result h2 {
font-size: 36px;
}
}
.blogItem h2 a ,
.article--result h2 a {
color: #000;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.blogItem h2 a:hover,
.article--result h2 a:hover {
color: #888;
}
.blogItem p,
.article--result p {
font-size: 18px;
}
@media (max-width: 1200px) {
.blogItem p,
.article--result p {
font-size: 16px;
}
}
@media (max-width: 500px) {
.blogItem p,
.article--result p {
font-size: 14px;
}
}
.blogItem + hr {
display: block;
margin: 40px 0;
opacity: .4;
width: 200px;
}
.wrapper article {
text-align: left;
}
.wp-pagenavi span,
.wp-pagenavi a {
border: none;
font: 18px "Droid Sans";
color: #000;
font-weight: normal;
}
.wp-pagenavi span.current {
}
.article--result h2 {
margin-bottom: 20px;
}
.article--result h2 a {
color: #000;
}
.article--result + hr {
margin: 40px 0;
display: block;
opacity: 0.4;
width: 200px;
}
.article--result small {
color: #ccc;
font-style: italic;
margin-top: 20px;
display: block;
}
.thumbnail {
float: left;
}
.thumbnail img {
max-width: 100%;
height: auto;
width: 300px;
margin: 0 40px 10px 0;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.wrapper--flex {
display: -webkit-flex;
display: flex;
}
.wrapper--flex .left {
width: 70%;
padding-right: 10px;
}
.side  {
padding-top: 8px;
width: 30%;
}
@media (max-width: 900px) {
.wrapper--flex .left {
width: 80%;
}
.side  {
width: 20%;
}
}
@media (max-width: 760px) {
.wrapper--flex {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.wrapper--flex .left {
width: 100%;
}
.side  {
width: 100%;
margin-bottom: 40px;
}
}
.side span {
padding-bottom: 10px;
display: block;
text-align: right;
font-size: 21px;
}
.categories {
list-style-type: none;
text-align: right;
margin-top: 20px;
font-size: 0;
}
.categories li {
font-size: 18px;
color: #000;
display: block;
margin-bottom: 10px;
}
@media (max-width: 760px) {
.side span {
text-align: left;
margin-left: 10px;
margin-bottom: 0;
}
.categories {
text-align: left;
margin-top: 0;
}
.categories li {
display: inline-block;
margin: 10px;
vertical-align: middle;
}
.thumbnail img {
width: 200px;
}
}
@media (max-width: 500px) {
.side span {
font-size: 18px;
}
.categories li {
font-size: 16px;
margin: 5px 10px;
}
.thumbnail img {
width: 150px;
margin-right: 15px;
margin-bottom: 0;
}
.blogItem + hr {
margin: 20px 0;
}
.blogItem h2, .article--result h2 {
font-size: 32px;
margin-bottom: 10px;
}
}
@media (max-width: 400px) {
.thumbnail img {
width: 100%;
display: block;
margin: 0 auto 10px;
}
}
.categories li a {
color: #000;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.categories li a:hover {
color: #888;
}
.form .button:disabled {
opacity: 0.5;
pointer-events: none;
}
.mainPage .offer .offer__slider__slide,
.page-template-page-portfolio .offer,
.single .offer {
position: relative;
z-index: 1;
}
.mainPage .offer .offer__slider__slide:after,
.page-template-page-portfolio .offer:after,
.single .offer:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../../../plugins/request-call-back/colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../../../plugins/request-call-back/colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../../../plugins/request-call-back/colorbox/images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../../../plugins/request-call-back/colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}.callback-form .clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
} .callback-form p {
margin: 0 0 20px 0;
padding: 0;
}
.callback-form label {
margin-bottom: 20px;
display: block;
}
.callback-form label span.callback-label {
margin: 0 0 10px;
display: block;
padding: 0;
}
.callback-form label span.callback-label span.input-required {
color: red;
}
.callback-form label span.callback-label span.label-text {
font-weight: bold;
}
.callback-form label input[type="text"] {
padding: 7px;
font-weight: normal;
width: 97%;
display: block;
}
.callback-form select {
-webkit-appearance: none;
border-style: solid;
border-width: 1px;
border-color: #DFDFDF;
padding: 4px;
width: 100%;
}
.callback-form textarea {
padding: 7px;
width: 95.5%;
height: 42px;
}
.callback-form .submit-button {
margin-top: 20px;
margin-bottom: 0;
display: block;
}
.callback-form .hear-about-us {
left: -9999px;
position: absolute;
top: 0;
opacity: 0;
} #colorbox .callback-form {
padding: 20px;
color: #444444;
}
#colorbox .callback-form h1 {
display: block;
margin: 0 0 20px 0;
font-weight: normal;
font-size: 20px;
line-height: 20px;
padding: 0;
color: #444444;
}
#colorbox .callback-form p {
margin: 0 0 20px 0;
padding: 0;
line-height: 20px;
font-size: 14px;
color: #444444;
}
#colorbox .callback-form label {
margin-bottom: 20px;
display: block;
}
#colorbox .callback-form label span.callback-label {
margin: 0 0 10px;
display: block;
color: #444444;
font-size: 14px;
padding: 0;
line-height: 20px;
}
#colorbox .callback-form label input[type="text"] {
width: 95.5%;
padding: 7px;
font-weight: normal;
font-size: 12px;
color: #444444;
line-height: 20px;
display: block;
}
#colorbox .callback-form select,
#colorbox .callback-form textarea {
font-size: 12px;
line-height: 20px;
}
#colorbox .callback-form .submit-button {
margin-top: 0;
margin-bottom: 0;
display: block;
} .callback-btn {
text-decoration: none;
} .callback-btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333 !important;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.callback-btn:hover,
.callback-btn:focus,
.callback-btn:active,
.callback-btn.active,
.callback-btn.disabled,
.callback-btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.callback-btn:active,
.callback-btn.active {
background-color: #cccccc \9;
}
.callback-btn:first-child {
*margin-left: 0;
}
.callback-btn:hover,
.callback-btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.callback-btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.callback-btn.active,
.callback-btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
} .callback-btn-blue {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-blue:hover,
.callback-btn-blue:focus,
.callback-btn-blue:active,
.callback-btn-blue.active,
.callback-btn-blue.disabled,
.callback-btn-blue[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.callback-btn-blue:active,
.callback-btn-blue.active {
background-color: #003399 \9;
} .callback-btn-orange {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-orange:hover,
.callback-btn-orange:focus,
.callback-btn-orange:active,
.callback-btn-orange.active,
.callback-btn-orange.disabled,
.callback-btn-orange[disabled] {
color: #ffffff;
background-color: #f89406;
*background-color: #df8505;
}
.callback-btn-orange:active,
.callback-btn-orange.active {
background-color: #c67605 \9;
} .callback-btn-red {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-red:hover,
.callback-btn-red:focus,
.callback-btn-red:active,
.callback-btn-red.active,
.callback-btn-red.disabled,
.callback-btn-red[disabled] {
color: #ffffff;
background-color: #bd362f;
*background-color: #a9302a;
}
.callback-btn-red:active,
.callback-btn-red.active {
background-color: #942a25 \9;
} .callback-btn-green {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-green:hover,
.callback-btn-green:focus,
.callback-btn-green:active,
.callback-btn-green.active,
.callback-btn-green.disabled,
.callback-btn-green[disabled] {
color: #ffffff;
background-color: #51a351;
*background-color: #499249;
}
.callback-btn-green:active,
.callback-btn-green.active {
background-color: #408140 \9;
} .callback-btn-turquoise {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
*background-color: #2f96b4;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-turquoise:hover,
.callback-btn-turquoise:focus,
.callback-btn-turquoise:active,
.callback-btn-turquoise.active,
.callback-btn-turquoise.disabled,
.callback-btn-turquoise[disabled] {
color: #ffffff;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.callback-btn-turquoise:active,
.callback-btn-turquoise.active {
background-color: #24748c \9;
} .callback-btn-purple {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #6f324b;
*background-color: #6f324b;
background-image: -moz-linear-gradient(top, #803c59, #4f1f33);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#803c59), to(#4f1f33));
background-image: -webkit-linear-gradient(top, #803c59, #4f1f33);
background-image: -o-linear-gradient(top, #803c59, #4f1f33);
background-image: linear-gradient(to bottom, #803c59, #4f1f33);
background-repeat: repeat-x;
border-color: #4f1f33 #4f1f33 #3d1224;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff803c59', endColorstr='#ff4f1f33', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-purple:hover,
.callback-btn-purple:focus,
.callback-btn-purple:active,
.callback-btn-purple.active,
.callback-btn-purple.disabled,
.callback-btn-purple[disabled] {
color: #ffffff;
background-color: #4f1f33;
*background-color: #45182b;
}
.callback-btn-purple:active,
.callback-btn-purple.active {
background-color: #45182b \9;
} .callback-btn-navy {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #1e2a6a;
*background-color: #1e2a6a;
background-image: -moz-linear-gradient(top, #223774, #191d60);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#223774), to(#191d60));
background-image: -webkit-linear-gradient(top, #223774, #191d60);
background-image: -o-linear-gradient(top, #223774, #191d60);
background-image: linear-gradient(to bottom, #223774, #191d60);
background-repeat: repeat-x;
border-color: #191d60 #191d60 #11154f;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff223774', endColorstr='#ff191d60', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-navy:hover,
.callback-btn-navy:focus,
.callback-btn-navy:active,
.callback-btn-navy.active,
.callback-btn-navy.disabled,
.callback-btn-navy[disabled] {
color: #ffffff;
background-color: #191d60;
*background-color: #11154f;
}
.callback-btn-navy:active,
.callback-btn-navy.active {
background-color: #080808 \9;
} .callback-btn-black {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
*background-color: #222222;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.callback-btn-black:hover,
.callback-btn-black:focus,
.callback-btn-black:active,
.callback-btn-black.active,
.callback-btn-black.disabled,
.callback-btn-black[disabled] {
color: #ffffff;
background-color: #222222;
*background-color: #151515;
}
.callback-btn-black:active,
.callback-btn-black.active {
background-color: #080808 \9;
} .callback-float-right {
float: right;
}
.callback-float-left {
float: left;
}