@charset "UTF-8";
@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css2?family=Abel&family=Acme&family=Alata&family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Anton&family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Arimo:ital,wght@0,400;0,700;1,400;1,700&family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Assistant:wght@300;400;600;700;800&family=B612:ital,wght@0,400;0,700;1,400;1,700&family=Bai+Jamjuree:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Balthazar&family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Belgrano&family=BenchNine:wght@300;400;700&family=Big+Shoulders+Text:wght@300;400;500;600;700;800;900&family=Bitter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bree+Serif&family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Cairo:wght@300;400;600;700;900&family=Caladea:ital,wght@0,400;0,700;1,400;1,700&family=Calistoga&family=Cambay:ital,wght@0,400;0,700;1,400;1,700&family=Capriola&family=Catamaran:wght@300;400;500;600;700;800;900&family=Chivo:ital,wght@0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Comfortaa:wght@300;400;500;600;700&family=Courgette&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Dancing+Script:wght@400;500;600;700&family=David+Libre:wght@400;500;700&family=DM+Serif+Text:ital@0;1&family=Days+One&family=Delius+Unicase:wght@400;700&family=Denk+One&family=Domine:wght@400;700&family=Donegal+One&family=Doppio+One&family=Dosis:wght@300;400;500;600;700;800&family=Duru+Sans&family=Economica:ital,wght@0,400;0,700;1,400;1,700&family=El+Messiri:wght@400;500;600;700&family=Electrolize&family=Elsie:wght@400;900&family=Encode+Sans+Condensed:wght@300;400;500;600;700;800;900&family=Encode+Sans:wght@300;400;500;600;700;800;900&family=Enriqueta:wght@400;500;600;700&family=Epilogue:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Esteban&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Exo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Farro:wght@300;400;500;700&family=Fauna+One&family=Faustina:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Fenix&family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fjalla+One&family=Fjord+One&family=Francois+One&family=Frank+Ruhl+Libre:wght@300;400;500;700;900&family=Fresca&family=Great+Vibes&family=Gabriela&family=Gafata&family=Galada&family=Galdeano&family=Gelasio:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&family=Graduate&family=Grand+Hotel&family=Grenze+Gotisch:wght@300;400;500;600;700;800;900&family=Grenze:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gudea:ital,wght@0,400;0,700;1,400&family=Habibi&family=Halant:wght@300;400;500;600;700&family=Hammersmith+One&family=Harmattan:wght@400;700&family=Headland+One&family=Heebo:wght@300;400;500;600;700;800;900&family=Hepta+Slab:wght@300;400;500;600;700;800;900&family=Hind+Guntur:wght@300;400;500;600;700&family=Hind+Madurai:wght@300;400;500;600;700&family=Hind+Siliguri:wght@300;400;500;600;700&family=Homenaje&family=IBM+Plex+Sans+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Iceberg&family=Iceland&family=Imprima&family=Inconsolata:wght@300;400;500;600;700;800;900&family=Inder&family=Inika:wght@400;700&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:wght@300;400;500;600;700;800;900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Jacques+Francois&family=Jaldi:wght@400;700&family=Jim+Nightshade&family=Jockey+One&family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Jua&family=Judson:ital,wght@0,400;0,700;1,400&family=Julee&family=Junge&family=Jura:wght@300;400;500;600;700&family=K2D:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Kalam:wght@300;400;700&family=Kameron:wght@400;700&family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Karla:ital,wght@0,400;0,700;1,400;1,700&family=Katibeh&family=Kaushan+Script&family=Kavivanar&family=Kelly+Slab&family=Kite+One&family=Kotta+One&family=La+Belle+Aurore&family=Laila:wght@300;400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Lemonada:wght@300;400;500;600;700&family=Lexend+Exa&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Franklin:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lily+Script+One&family=Lobster&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Mada:wght@300;400;500;600;700;900&family=Magra:wght@400;700&family=Maiden+Orange&family=Mako&family=Mali:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Markazi+Text:wght@400;500;600;700&family=Marmelad&family=Merriweather+Sans:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Monda:wght@400;700&family=Merienda:wght@400;700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Gothic:wght@400;700;800&family=Neuton:ital,wght@0,300;0,400;0,700;0,800;1,400&family=Noto+Sans+HK:wght@300;400;500;700;900&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Nova+Slim&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&family=Odibee+Sans&family=Offside&family=Oleo+Script:wght@400;700&family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Orienta&family=Oswald:wght@300;400;500;600;700&family=Overlock+SC&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Overpass:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&family=Oxygen:wght@300;400;700&family=PT+Sans+Caption:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif+Caption:ital@0;1&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Pacifico&family=Patua+One&family=Play:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Pridi:wght@300;400;500;600;700&family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quando&family=Quantico:ital,wght@0,400;0,700;1,400;1,700&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Quattrocento:wght@400;700&family=Questrial&family=Quicksand:wght@300;400;500;600;700&family=Quintessential&family=Radley:ital@0;1&family=Rajdhani:wght@300;400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Slab:wght@300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Ropa+Sans:ital@0;1&family=Rosario:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&family=Russo+One&family=Sail&family=Salsa&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&family=Satisfy&family=Shadows+Into+Light&family=Signika:wght@300;400;500;600;700&family=Sintony:wght@400;700&family=Slabo+27px&family=Sofia&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300;1,400;1,500;1,600;1,700;1,900&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700;1,900&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700;1,900&family=Supermercado+One&family=Tangerine:wght@400;700&family=Tauri&family=Teko:wght@300;400;500;600;700&family=Tienne:wght@400;700;900&family=Timmana&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700&family=Tomorrow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Trocchi&family=Trochut:ital,wght@0,400;0,700;1,400&family=Ubuntu+Condensed&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Uncial+Antiqua&family=Unica+One&family=Unlock&family=Unna:ital,wght@0,400;0,700;1,400;1,700&family=Varela&family=Varela+Round&family=Vesper+Libre:wght@400;500;700;900&family=Vibes&family=Viga&family=Wellfleet&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yanone+Kaffeesatz:wght@300;400;500;600;700&family=Yantramanav:wght@300;400;500;700;900&family=Yrsa:wght@300;400;500;600;700&family=ZCOOL+QingKe+HuangYou&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
html { overflow-x: hidden;}
body{ margin:0; padding:0; font-family:'Merienda'; line-height:28px; color:#555555; font-size:15px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
img{ margin:0; padding:0; border:none;}
.bypostauthor{ margin:0; padding:0;}
section img, img{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700; font-family:'Merienda';}
h1{ font-size:42px;}
h2{ font-size:38px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #3db64a; margin-bottom:20px; color:#102e19; font-weight:500; font-size: 16px; font-style:italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #3db64a; margin-bottom:20px; color:#102e19; font-weight:500; font-size: 16px; font-style:italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ text-decoration:none; -webkit-transition:0.3s; transition:0.3s; }
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:70px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;} .header-responsive{ display:none; } .sticky-header{ background-color:#ffffff; width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:0; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:30%; }
.sticky-header .sticky-left .logo { padding:20px 0; width:100%;}
.sticky-header .sticky-left .logo h1 { font-size:22px;}
.sticky-header .sticky-right{ width:70%; }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }
.boxlayout .sticky-header .sticky-right .sitenav ul li { margin-right:5px;}
.boxlayout .sticky-header .sticky-right { width:70%;} .header-main{ position:relative; width:100%; border-top:3px solid #3db64a;}
.header { position:relative;}
.header .container, .navigation .container { width:1170px; margin:0 auto;} .logo{ width:25%;text-align:left; padding:15px 0; position:relative; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin:0; font:700 35px/1 'Merienda'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:uppercase; letter-spacing:1px; }
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:400 14px/16px 'Merienda'; margin:5px 0 0; } .header-content { width:75%;  position:relative;}
.top-header { position:relative; display:flex; align-items:center; justify-content:flex-end; flex-direction:column; background-color:#102e19; color:#ffffff; height:75px; top:-3px; border-bottom:3px solid #3db64a; line-height:1; padding:18px 0 18px;}
.top-header:before { bottom:0; content:''; display:block; left:-21px; position:absolute; top:0px; transform:skew(30deg); width:50px; z-index:1; background-color:#102e19; border-left:3px solid #3db64a;}
.top-header:after { bottom:0; content:''; right:-99999px; position:absolute; top:0; width:99999px; background-color:#102e19; border-bottom:3px solid #3db64a; height:75px;}
.topbar-widget { float:right; margin-left:auto; display:flex; align-items:center; justify-content:flex-end;}
.top-header .social-icons { padding-right:30px; margin-right:30px; margin-top:5px;}
.top-header .social-icons a { color:#ffffff; border-color:#ffffff; width:35px; height:35px; line-height:33px; font-size:14px;}
.head-cell { padding-right:30px; margin-right:30px; display:flex; flex-wrap:nowrap; align-items:center;}
.head-cell i { color:#3db64a; width:38px; height:38px; text-align:center; line-height:36px; margin-right:14px; font-size:25px;}
.head-cell .cell-text { font-size:14px;}
.head-cell .cell-text span { display:block; font-weight:600; line-height:20px; color:#ffffff; font-size:20px; text-transform:capitalize; padding-bottom:5px;}
.head-cell .cell-text p { margin-bottom:0;}
.head-cell .cell-text a { color:#3db64a;}
.head-cell.last { padding-right:0; margin-right:0;}
.topbar-block-right { content:''; height:78px; background-color:#102e19; position:absolute; top:-3px; border-bottom:3px solid #3db64a;} .toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:#102e19; }
.toggle a:hover{ color:#3db64a; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; margin:-3px 0 0 0; padding:0 0 0 11px; display:flex; align-items:center; justify-content:space-between;}
.sitenav ul {margin:0; padding:0; font-family:'Merienda'; font-size:14px; font-weight:600; text-transform:capitalize; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; letter-spacing:1px; padding:28px 0;}
.sitenav ul li:before { content:''; position:absolute; left:50%; top:0px; margin-left:-1px; width:2px; height:90px; background-color:#3db64a; opacity:0; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.sitenav ul li:hover::before { opacity:1; -webkit-transform:rotate(209deg); -ms-transform:rotate(209deg); transform:rotate(209deg);}
.sitenav ul li.current_page_item:before { opacity:1; -webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
.sitenav ul li a{ padding:5px 15px; margin:0; display:block; text-align:left; color:#102e19; background-color:#ffffff; position:relative; }
.sitenav ul li a span{ display:block; } .sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#3db64a; position:relative; } .sitenav ul li ul li:last-child a{ padding:10px; }
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border-top:3px solid #3db64a; border-bottom:3px solid #3db64a; }
.sitenav ul li:hover > ul{display:block; width:205px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeIn .5s ease-in-out; -webkit-animation: fadeIn .5s ease-in-out; animation:fadeIn .5s ease-in-out; background-color:#ffffff;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; padding:0; }
.sitenav ul li ul li:before { content:none;}
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left;}
.sitenav ul li ul li a.parent{ margin:0;}
.sitenav ul li ul li a:after { content:none;}
.sitenav ul li ul li a.parent:before { content:none;} .sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; right:-205px; top:-4px; -ms-animation: fadeIn .3s ease-in-out; -webkit-animation: fadeIn .3s ease-in-out; animation:fadeIn .3s ease-in-out; } .boxlayout .nivo-caption { width:72%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.2); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:600px; position:relative; background-image:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
.boxlayout .slider-main{ min-height:568px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:12px;}
.boxlayout .slider-main a.nivo-prevNav { left:44%;}
.boxlayout .slider-main .nivo-controlNav:before { left:10px; top:-74px;}
.boxlayout .news-box .post-meta { font-size:11px;}
.show-header-image{ padding:15em 0; } #sidebar .social-icons{ text-align:center; }
.social-icons{ white-space:nowrap; }
.social-icons a{ width:40px; height:40px; line-height:36px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:16px; color:#102e19; position:relative; margin:0 1px; text-align:center; border:2px solid; border-radius:30px; margin-right:8px; }
.social-icons a:hover { color:#3db64a; border-color:#3db64a; border-radius:0 50% 50%;}
.social-icons br{ display:none;} .slider-main .social-icons { width:auto; position:absolute; left:50px; bottom:auto; top:calc(50% + 100px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:9;}
.slider-main .social-icons:before {content:""; width:1px; height:50px; background:rgba(255, 255, 255, 0.8); position:absolute; left:20px; top:-70px;}
.slider-main .social-icons:after { color:#ffffff; content:'SOCIAL'; position:absolute; font:700 20px 'Merienda'; left:-30px; top:-145px; letter-spacing:5px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.slider-main .social-icons a { color:#ffffff; font-size:15px; color:#ffffff; line-height:2.4em; display:table; margin:0 0 10px 0;} a.main-button{ font-family:'Karla'; font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:20px 30px; margin-bottom:4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#3db64a; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#102e19; color:#ffffff; }
a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#3db64a; padding:15px 30px; font:700 15px/18px 'Merienda'; display:inline-block; letter-spacing:2px; border-radius:30px;}
a.buttonstyle1:hover{ background-color:#102e19; color:#ffffff; border-radius:0 30px 0;}
a.buttonstyle2 { position:relative; z-index:0; display:inline-block; cursor:pointer; background-color:#102e19; padding:15px 35px;}
a.buttonstyle2 span { font:700 16px 'Merienda'; position:relative; z-index:1; display:block; padding-right:25px; padding-left:0; transition:color .3s ease; transform:scaleX(.9); transform-origin:center left; letter-spacing:5px; text-transform:uppercase; color:#ffffff;}
a.buttonstyle2:hover span { color:#102e19;}
a.buttonstyle2 em { position:absolute; z-index:1; top:50%; right:18px; width:22%; height:2px; transition:all .3s ease; transform:scaleX(.25); transform-origin:center right; background-color:#ffffff;}
a.buttonstyle2:hover em { transform:scaleX(1); background-color:#102e19;}
a.buttonstyle2:before { top:0; right:auto; left:0;}
a.buttonstyle2:after { right:0; bottom:0; left:auto;}
a.buttonstyle2:before, a.buttonstyle2:after { position:absolute; width:0; height:50%; content:''; -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86); transition: .3s cubic-bezier(.785, .135, .15, .86); background-color:#3db64a;}
a.buttonstyle2:hover { background-color:#102e19;}
a.buttonstyle2:hover::before { right:0; left:auto; width:100%;}
a.buttonstyle2:hover::after{right:auto; left:0; width:100%;}
a.sliderbtn { border:1px solid transparent; margin-right:10px; display:inline-block; text-transform:uppercase; border-radius:0 30px 30px; text-align:center; color:#3db64a; position:relative; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out; overflow:hidden; z-index:1; padding:15px 28px; text-transform:capitalize; font:700 18px 'Merienda'; background-color:#102e19; border:2px solid #3db64a;}
a.sliderbtn:hover { color:#102e19; background-color:#3db64a; border-color:#3db64a; }
.custombtn{ margin-top:40px;} .section_head{ text-align:left; margin-bottom:50px; padding:10px 0 10px 35px; border-left:2px solid #102e19; position:relative; }
.section_head:before { content:''; position:absolute; left:-8px; top:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius: 0 30px 30px;}
.section_head:after { content:''; position:absolute; left:-8px; bottom:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 30px 0;}
h4.section-sub-title{ font:700 25px 'Dancing Script'; position:relative; text-transform:capitalize; display:inline-block; font-weight:600; color:#3db64a; line-height:130%; padding:0; margin-bottom:5px;}
h2.section_title{ font:400 35px/1.2 'Merienda'; color:#102e19; position:relative; text-transform:uppercase; margin:0; display:block; }
section.sec-overlay .full-container .section_head, section.secbg-overlay .full-container .section_head { margin-left:90px;}
section.sec-overlay .section_head, section.secbg-overlay .section_head { border-color:#3db64a;}
section.sec-overlay .section_head:before, section.sec-overlay .section_head:after, section.secbg-overlay .section_head:before, section.secbg-overlay .section_head:after { border-color:#3db64a; background-color:#102e19;} .sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title, .sec-overlay a{ color:#ffffff; } .secbg-overlay{ position:relative; }
.secbg-overlay p, .secbg-overlay h2.section_title, .secbg-overlay a{ color:#ffffff; } .section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; } .custom-heading{ margin-bottom:30px; text-align:center; position:relative; border-left:2px solid #102e19; padding:10px 0 10px 25px;}
.custom-heading:before { content:''; position:absolute; left:-8px; top:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius: 0 30px 30px;}
.custom-heading:after { content:''; position:absolute; left:-8px; bottom:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 30px 0;}
.custom-heading h2{ position:relative; margin-bottom:0px; letter-spacing:1px; text-transform:uppercase;}
.custom-heading h3{ font-family:'Dancing Script'; position:relative; text-transform:capitalize; display:inline-block; line-height:130%; letter-spacing:1.5px; margin-bottom:10px;} .grid-col-two, .grid-col-three, .grid-col-four{ float:left; }
.grid-col-two{ width:48%; margin-right:4%; margin-top:4%; }
.grid-col-three{ width:32%; margin-right:2%; margin-top:2%; }
.grid-col-four{ width:23.5%; margin-right:2%; margin-top:2%; } .flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; flex-direction:row; }  .features { position:relative;}
.features .container { min-height:90px; height:90px;}
.feature-wrap { position:relative; z-index:10; display:flex; flex-wrap:nowrap; -webkit-transform:translateY(-65%); -ms-transform:translateY(-65%); transform:translateY(-65%);}
.feature-container { width:50%;}
.feature-type { position:relative; z-index:99; padding:10px 20px;}
.feature-type .feature-outer { position:relative;}
.feature-left { float:left; width:35%;}
.feature-up { position:relative; background-color:#3db64a; height:auto; padding:20px 20px 20px; margin-bottom:10px; z-index:0; border-radius:0 30px 0px;}
.feature-up span { font-size:60px; line-height:62px; color:#fff; display:block; margin-bottom:16px;}
.feature-up h4 { line-height:28px; display:block; color:#ffffff; margin-bottom:0;}
.feature-down a.more-details { position:relative; display:block; background-color:#f4f4f4; width:100%; color:#102e19; height:50px; line-height:50px;
font-weight:600; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; text-align:center; padding:0px; font-size:15px; border-radius:0 30px 0px;}
.feature-down a.more-details:before { content:'\f7ff'; position:absolute; left:26px; top:1px; font-family:'Font Awesome 5 Pro'; font-size:15px; color:#3db64a; font-weight:400;}
.feature-outer:hover .feature-down a.more-details { background-color:#102e19; color:#3db64a;}
.feature-right { position:relative; margin-left:200px;}
.feature-right .feature-image { display:block; position:relative;}
.feature-right .feature-image img { height:auto; max-width:100%; border:none; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; border-radius:0 50px 0px;}
.feature-overlay { position:absolute; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, .8); overflow:hidden; width:100%; height:0; opacity:0; height:100%; -webkit-transition:.5s ease; transition:.5s ease; border-radius:0 50px 0px;}
.feature-overlay ul { padding:35px 40px 40px; position:absolute; width:100%; left:0; top:0; overflow:hidden;}
.feature-overlay ul li { font-size:16px; line-height:24px; color:#ffffff; font-weight:400; position:relative; padding-left:30px; margin-bottom:10px;}
.feature-overlay ul li:after { content:'\f06c'; font-family:'Font Awesome 5 Pro'; color:#3db64a; font-size:15px; position:absolute; left:0;}
.feature-overlay li:nth-child(1) { -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:translateX(-150px); -ms-transform:translateX(-150px); transform:translateX(-150px);}
.feature-overlay li:nth-child(2) { -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:translateX(-250px); -ms-transform:translateX(-250px); transform:translateX(-250px);}
.feature-overlay li:nth-child(3) { -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; -webkit-transform:translateX(-350px); -ms-transform:translateX(-350px); transform:translateX(-350px);}
.feature-overlay li:nth-child(4) { -webkit-transition:all .8s ease-in-out; transition:all .8s ease-in-out; -webkit-transform:translateX(-450px); -ms-transform:translateX(-450px); transform:translateX(-450px);}
.feature-overlay li:nth-child(5) { -webkit-transition:all .9s ease-in-out; transition:all .9s ease-in-out; -webkit-transform:translateX(-550px); -ms-transform:translateX(-550px); transform:translateX(-550px);}
.feature-outer:hover .feature-right .feature-overlay { opacity:1;}
.feature-outer:hover .feature-right .feature-overlay li{-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.boxlayout .feature-down a.more-details:before { left:21px; top:0px;} .about-left { position:relative;}
.about-left h5 { color:#3db64a;}
.about-left h3 { text-transform:uppercase; line-height:40px;}
.about-box { width:50%; float:left; position:relative; margin:15px 0; padding:0 15px;}
.aboutbx-inner { position:relative; padding-left:80px;}
.about-icon { position:absolute; left:0px; top:0px; width:60px; height:60px; color:#ffffff; font-size:28px; line-height:60px; text-align:center; border-radius:50%; background-color:#3db64a; border-radius:0 30px 30px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.about-box:hover .about-icon { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); background-color:#102e19; color:#3db64a;}
.aboutbx-inner h5 { margin-bottom:10px;}
.aboutbx-inner p { margin-bottom:0;}
.about-video { position:relative; display:block;}
.about-video-inner { position:relative; margin-bottom:135px; margin-top:6px;}
.about-video-inner .circle { width:220px; height:220px; border-radius:50px 0px 125px 0px; position:absolute; top:-15px; background-color:#dddddd; right:0; display:block;}
.image-one { position:relative; z-index:2; display:inline-block; width:65%; height:400px; border:8px solid #ffffff;}
.top-icon { position:absolute; font-size:60px; color:#ffffff; width:100px; line-height:100px; text-align:center; height:100px; border-radius:50%; background-color:#3db64a; z-index:10; right:-39px; top:96px;}
.image-one img, .image-two img { width:100%; height:100%; object-fit:cover; display:block;}
.image-two { position:absolute; right:0; top:140px; z-index:1; width:65%; height:400px;}
.video-holder { position:absolute; width:100%; left:0; bottom:0; text-align:center; padding:20px;}
.video-icon { position:relative; float:left; height:100px; border-radius:50%; background:transparent; text-align:center;}
.video-holder h5 { text-align:left; margin-left:120px; padding-top:20px; color:#ffffff; font-size:24px; line-height:26px; font-weight:500;}
.ext_icon { position:relative;}
.ext_icon:before { content:'\f6f6'; font-family:'Font Awesome 5 Pro'; position:absolute; bottom:26px; left:-151px; display:block; font-size:143px; color:#dddddd; line-height:143px; -webkit-transform:rotate(181deg); -ms-transform:rotate(181deg); transform:rotate(181deg); z-index:-10; font-weight:300;}
.video-icon .pop-video { padding:1.2em 0 0 0; width:100px;}
.video-icon .pop-icon { width:100px; height:100px; border-color:#ffffff;} .services-box { position:relative; border:1px solid #d7d7d7; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.service-left-bg {background-color:#ececec; border-right:1px solid #d7d7d7; float:left; height:100%; position:absolute; overflow:hidden; width:50px;}
.ser-icon { width:61px; height:61px; float:left; margin-left:20px; margin-right:20px; position:relative; margin-top:25px; color:#ffffff; background-color:#3db64a; border-radius:0 50% 0; overflow:hidden; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.services-box:hover .ser-icon { color:#3db64a; background-color:#102e19; -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);}
.ser-icon i { font-size:30px; line-height:61px; margin:0;}
.ser-item { overflow:hidden; padding-bottom:15px; padding-top:21px; padding-right:10px;}
.ser-item h5 { margin-bottom:10px; text-transform:capitalize;}
.ser-item p { margin-bottom:0;} .counter-main{  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.counter-column { position:relative; padding:0 20px; z-index:0; width:25%;}
.count-inner { position:relative; text-align:center; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.back-icon { position:absolute; font-size:170px; line-height:170px; color:#ffffff; opacity:0.2; top:0; display:block; z-index:-10; text-align:center; margin:0 auto; width:100%; left:0; right:0;}
.main-icon { font-size:60px; color:#ffffff; line-height:60px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; margin-bottom:20px; display:block;}
.count-inner .counter { font-size:60px; line-height:56px; font-weight:600; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.count-inner .counter-ttl { font-size:22px; line-height:28px; font-weight:700; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.counter-column:hover .main-icon { color:#3db64a;} .project-main { position:relative;}
.project-box { position:relative;}
.project-inner { position:relative; overflow:hidden;}
.project-thumb { display:block; position:relative;}
.project-thumb img { width:100%; height:auto; display:block;}
.project-thumb .thumb-overlay { position:absolute; bottom:100%; left:0; right:0; background-color:rgba(0, 0, 0, .7); overflow:hidden; width:100%; height:0; -webkit-transition:.5s ease; transition:.5s ease;}
.project-thumb .thumb-overlay:before { position:absolute; content:''; background-color:#3db64a; width:60px; height:0%; right:0; top:100%; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.project-thumb .thumb-overlay .overlay-text .span-icon { color:#ffffff; font-size:30px; line-height:30px; position:absolute; top:43%; left:42%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
.project-thumb .thumb-overlay .overlay-text .span-icon:before { content:'\f0c1'; font-family:'Font Awesome 5 Pro';}
.project-thumb .thumb-overlay .overlay-text .span-icon:after { width:70px; height:70px; position:absolute; content:''; border-radius:50px; border:1px dashed #ffffff; background:none; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; left:-19px; top:-21px;}
.content-inner h5 { position:absolute; width:100%; left:-150px; bottom:0; background-color:#3db64a; padding:16px 65px 16px 25px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; opacity:0; margin-bottom:0; line-height:normal;}
.content-inner h5 a { color:#ffffff; font-weight:600; display:block;}
.meta-category { position:absolute; -webkit-transform:rotate(90deg) scaleX(1); -ms-transform:rotate(90deg) scaleX(1); transform:rotate(90deg) scaleX(1); -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; top:104px; right:16px; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.meta-category a { color:#ffffff; text-align:center; opacity:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.meta-category a:hover { color:#102e19;} 
.project-box:hover .thumb-overlay, .project-list:hover .thumb-overlay, .relproject-list:hover .thumb-overlay { bottom:0; height:100%;}
.project-box:hover .thumb-overlay:before, .project-list:hover .thumb-overlay:before, .relproject-list:hover .thumb-overlay:before { height:100%; top:0;}
.project-box:hover .content-inner h5, .project-list:hover .content-inner h5, .relproject-list:hover .content-inner h5 { left:0; opacity:1;}
.project-box:hover .content-inner .meta-category, .project-list:hover .content-inner .meta-category, .relproject-list:hover .content-inner .meta-category { top:185px;}
.project-box:hover .content-inner .meta-category a, .project-list:hover .content-inner .meta-category a, .relproject-list:hover .content-inner .meta-category a { opacity:1; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1);} #projectsbx { margin:1rem 0;}
.project-list { width:31%; float:left; margin:30px 14px 0 13px; position:relative;} .project-single { position:relative;}
.project-metadata { position:relative;}
.project-metadata h4 { position:relative; text-transform:uppercase; display:inline-block; line-height:130%; letter-spacing:1.5px; padding:15px 0 15px 25px; margin-bottom:30px; border-left:2px solid #102e19;}
.project-metadata h4:before { content:''; position:absolute; left:-8px; top:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius: 0 30px 30px;}
.project-metadata h4:after { content:''; position:absolute; left:-8px; bottom:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 30px 0;}
.prometa-left { width:48%; float:left;}
.prometa-left ul { margin-bottom:30px; margin-left:0;}
.prometa-left ul li { background-color:#f5f5f5; margin-bottom:15px; margin-right:2.5%; font-size:16px; display:block; color:#102e19;}
.prometa-left ul li span { width:30%; display:inline-block; background-color:#3db64a; color:#ffffff; padding:5px 10px; margin-right:25px;}
.prometa-right { width:48%; float:right;}
.prometa-right ul { margin-bottom:30px; margin-left:0;}
.prometa-right ul li { background-color:#f5f5f5; margin-bottom:15px; margin-right:2.5%; font-size:16px; display:block; color:#102e19;}
.prometa-right ul li span { width:30%; display:inline-block; background-color:#3db64a; color:#ffffff; padding:5px 10px; margin-right:25px;} .related-project { position:relative;}
.related-project h4 { position:relative; text-transform:uppercase; display:inline-block; line-height:130%; letter-spacing:1.5px; padding:15px 0 15px 25px; margin-bottom:30px; border-left:2px solid #102e19;}
.related-project h4:before { content:''; position:absolute; left:-8px; top:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius: 0 30px 30px;}
.related-project h4:after { content:''; position:absolute; left:-8px; bottom:0; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 30px 0;}
.relproject-list { width:31%; float:left; margin:30px 25px 0 0; position:relative;}
.relproject-list.lastcols { margin-right:0;} .gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image { position:relative; margin:5px 5px 30px; background-color:#ffffff; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; overflow:hidden;}
.image { position:relative;}
.image img { width:100%; height:auto; display:block; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.image-overlay { position:absolute; bottom:100%; left:0; right:0; background-color:#3db64a; overflow:hidden; width:100%; height:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.gal-icon { color:#ffffff; font-size:30px; line-height:36px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
.gal-icon:after { width:70px; height:70px; position:absolute; content:''; border-radius:50px; border:2px dashed #fff; background:none; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; left:0; top:0;}
.gal-icon i { width:70px; height:70px; line-height: 70px;}
.image-content { position:absolute;  bottom:0; padding:25px 20px 25px 30px; width:100%;}
.ext-item { float:right; padding-top:15px; overflow:hidden;}
.ext-item i { font-size:48px; color:#3db64a; -webkit-transform:translateX(-300px); -ms-transform:translateX(-300px); transform:translateX(-300px); -webkit-transition:all .8s ease-in-out; transition:all .8s ease-in-out; opacity:0; display:block;}
.gallery-image:hover { box-shadow:0px 0px 12px 0px rgba(0, 0, 0, .08);}
.gallery-image:hover .image img { border-bottom-right-radius:250px;}
.gallery-image:hover .image .image-overlay { border-bottom-right-radius:250px; opacity:.8; bottom:0; height:100%;}
.gallery-image:hover .ext-item i { -webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); opacity:1;} .whychoose-box { position:relative;}
.whychoose-inner { position:relative; display:block; text-align:center; padding:35px 25px 15px; background-color:#ffffff; border-radius:0 70px 0; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.10);}
.whychoose-icon { position:relative; top:0; display:block; width:90px; height:90px; margin:0 auto 30px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.whychoose-icon:before { content:''; position:absolute; display:block; left:-8px; top:0; width:90px; height:90px; background-color:#eaeaea; border-radius:50%; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.spanicon { position:relative; display:block; width:90px; height:90px; background-color:#ffffff; color:#3db64a; font-size:48px; line-height:90px; border-radius:50%; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.07); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.whychoose-box h5 { position:relative; top:0; font-size:20px; font-weight:700; text-transform:capitalize; margin-bottom:12px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.whychoose-text { position:relative; top:0; margin-bottom:0px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.more-link { position:relative; top:0; display:block; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.choose-btn { position:relative; display:inline-block; width:60px; height:60px; line-height:60px; color:#777777; font-size:20px;}
.btn-icon { position:relative; z-index:1;}
.btn-icon:before { content:'\f061'; font-family:'Font Awesome 5 Pro'; color:#102e19; font-size:20px; position:relative;}
.whychoose-box:hover .whychoose-icon { top:-5px;}
.whychoose-box:hover .whychoose-icon:before { left:8px; background-color:#2b8134;}
.whychoose-box:hover .spanicon { color:#ffffff; background-color:#3db64a;}
.whychoose-box:hover h5 { opacity:0;}
.whychoose-box:hover .whychoose-text { top:-45px;}
.whychoose-box:hover .more-link { top:-20px;}
.whychoose-box:hover .more-link a { background-color:#102e19; color:#ffffff;}
.whychoose-box:hover .btn-icon:before { color:#ffffff;} .process-item { position:relative; text-align:center; padding:0 30px;}
.pro-thumb { width:130px; height:130px; border:2px dashed #d5d5d5; border-radius:0 40% 0; line-height:130px; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s; margin:0 auto 30px; position:relative;}
.pro-img { width:55px; height:55px; margin:0 auto; position:relative; top:25%;}
.pro-img img { width:100%; height:auto; display:block; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s;}
.pro-number { border-radius:50%; background-color:#3db64a; right:-9px; top:-10px; width:45px; height:45px; z-index:254; text-align:center; line-height:45px; position:absolute; color:#ffffff; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s;}
.pro-text { text-align:center;}
.pro-text h5 { color:#ffffff;}
.process-item:hover .pro-thumb { -webkit-transform:translateY(-6px); -ms-transform:translateY(-6px); transform:translateY(-6px);}
.process-item:hover .pro-thumb img { -webkit-transform:translateY(-6px); -ms-transform:translateY(-6px); transform:translateY(-6px);}
.process-item:hover .pro-number { -webkit-transform:translateY(-6px); -ms-transform:translateY(-6px); transform:translateY(-6px);} .teammember-list { text-align:center; border:1px solid #ececec; overflow:hidden; position:relative; border-radius:0 50px 0px;}
.teammember-box { position:relative; display:inline-block;}
.teammember-box:before { content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-color:#102e19; opacity:0; -webkit-transition:0.5s; transition:0.5s;}
.teammember-box img { width:100%; height:auto; display:block;}
.team-info { padding-top:15px; margin-bottom:15px;}
.team-info h4, .team-content h4 { margin-bottom:5px;}
.team-info span, .team-content span { color:#3db64a; font-size:14px; font-weight:400; display:block; margin-bottom:5px;}
.team-content { padding:20px 20px; position:absolute; left:0; bottom:-135px; opacity:0; background-color:#ffffff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.team-content p { margin-bottom:10px;}
.member-social-icon{ position:relative; display:inline-block; margin:10px 0 0 0; padding:0;}
.member-social-icon a{ display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; background-color:#3db64a; color:#ffffff; margin:0 5px 5px 0; font-size:15px; border-radius:0 12px 0;}
.member-social-icon a:hover{ background-color:#102e19; color:#3db64a; }
.teammember-list:hover .teammember-box:before { opacity:0.7;}
.teammember-list:hover .team-info { opacity:0;}
.teammember-list:hover .team-content { opacity:1; bottom:0; border:2px solid #102e19; border-radius:0 50px 0px; border-top:0;} #clienttestiminials{ width:100%; }
.testimonials-item{ margin:15px 20px; position:relative; padding:15px 0 0 15px; z-index:1;}
.testimonials-item:before { content:''; top:0; bottom:15px; left:0; right:15px; background-color:#3db64a; z-index:-1; position:absolute; border-radius:0 65px 0px;}
.testi-item-inner { position:relative; background-color:#ffffff; padding:40px 60px; border-radius:0 90px 0px;}
.testimonials-item .testi-item-inner p { color:#102e19;}
.testi-item-inner:before { content:"\f10d"; color:rgba(61, 182, 74, 0.2); font-size:100px; position:absolute; left:20px; top:40px;  font-family:"Font Awesome 5 pro"; z-index:3; font-weight:700;}
.testi-info { display:flex; flex-wrap:wrap; align-items:center;}
.testi-thumb { width:80px; height:80px; border-radius:0 30px 0px; margin-right:20px; position:relative;}
.thumb-img { padding:7px 0 0 7px; z-index:1; position:relative;}
.thumb-img:before { content:''; top:0; bottom:0; left:0; right:0; background-color:#3db64a; z-index:-1; position:absolute; border-radius:0 30px 0px;}
.testi-thumb img { width:100%; height:auto; display:block; border-radius:0 30px 0px;}
.testi-title { margin-top:5px;}
.testi-title h5 { margin-bottom:3px;}
.testi-title span { font-size:15px; color:#3db64a;} .tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden; }
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting .tmnlcont{ overflow:hidden; }
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px; } .news-box{ position:relative;}
.news-box .post-meta { margin-top:0; margin-bottom:20px;}
.news-thumb{ position:relative;}
.news-thumb:before { position:absolute; width:100%; height:100%; content:''; background:transparent; top:0; left:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.news-thumb img { width:100%; height:auto; display:block; position:relative; border-radius:0 50px 0px;}
.post-date { position:absolute; width:60px; height:60px; background-color:#3db64a; line-height:22px; display:block; text-align:center; color:#ffffff; padding:8px; font-size:16px; font-weight:600; text-transform:uppercase; z-index:10; top:20px; left:20px; opacity:1; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; border-radius:0 30px 0;}
.post-date .month { text-transform:capitalize;}
.post-link { position:absolute; z-index:99; width:100%; height:100%; top:0; left:0; content:'';}
.post-overlay { position:absolute; bottom:0; left:0; right:0; background-color:#3db64a; overflow:hidden; width:100%; height:100%; opacity:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; border-radius:0 50px 0px;}
.thumb-icon { color:#ffffff; font-size:30px; line-height:20px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
.news-content { padding:25px 0 0; text-align:center;}
.news-content h3 { line-height:26px;}
.news-box:hover .post-date, .blog-post-repeat:hover .post-date { opacity:0; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px);}
.news-box:hover .post-overlay, .blog-post-repeat:hover .post-overlay { opacity:.8;}
.ln-read-more{ font:400 14px/18px 'Merienda'; text-transform:capitalize; letter-spacing:2px; display:inline-block; color:#102e19; padding:10px 20px; border:2px solid #102e19;}
.ln-read-more:hover { background-color:#3db64a; border-color:#3db64a; color:#ffffff; border-radius:0 30px 0;} .post-meta{ text-transform:capitalize; font-size:12px; margin:0 0 20px 0; text-align:center;}
.post-meta span{ display:inline-block; position:relative; padding:2px 15px; background-color:#3db64a; line-height:20px;}
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:inline-block; color:#ffffff; padding:5px 5px; position:relative;}
.blog-post-repeat .post-meta span a { padding-left:10px; padding-right:10px;} 
.post-meta span a:hover{ color:#102e19;}
.post-meta span a i{ margin-right:5px; color:#102e19;}
.post-meta span a:before{ position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:700; color:#102e19; }
.post-meta span.post-cate a:before{ content:'\f02c'; }
.post-meta span.post-auth a:before{ content:'\f007'; }
.post-meta span.post-comnt a:before{ content:'\f086'; }
.post-meta span.post-cate a, .post-meta span.post-auth a, .post-meta span.post-comnt a{ padding-left:20px; }
.blog-post-repeat .post-meta span.post-cate a, .blog-post-repeat .post-meta span.post-auth a { padding-left:26px;} .blog-post-repeat{ width:48%; float:left; margin:0 4% 3% 0; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat .post-thumb{ position: relative; overflow:hidden; width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; display:block; }
.post-thumb:before { position:absolute; width:100%; height:100%; content:''; background:transparent; top:0; left:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.post-thumb img { width:100%; height:auto; display:block; position:relative; border-radius:0 50px 0px;}
.post-data{ position:relative; padding:25px 0 1em 0; display:block; text-align:center;}
.post-data .post-meta { display:block; margin:0 0 20px; padding:0; border:none; background-color:#3db64a; text-align:center;}
.post-data .post-meta span { padding:7px 0;}
.post-data .post-meta span a { color:#ffffff; font:400 13px 'Merienda'; margin:0;}
.post-data .post-meta span a:hover { background:none; color:#102e19;}
.post-data .post-meta span i, .post-data .post-meta span a:before { color:#102e19;}
.blog-post-repeat .post-data p{ line-height:28px; margin-bottom:15px; }
.blog-post-repeat .post-data h3.post-title{ position:relative; margin:0; padding-bottom:15px; text-transform:capitalize; line-height:26px;}
.blog-post-repeat .post-meta span.post-auth { float:none;} article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:10px; }
.blog-post-single .post-meta { margin-top:20px; text-align:left;}
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; } .footer-wrap-top { position:relative; overflow:hidden; margin-bottom:70px;}
.foot-top-inner { position:relative;}
.foot-top-right { width:60%; float:right; position:relative; padding:38px 0 38px 8%;}
.foot-top-right:before { content:''; background-color:#3db64a; width:5000px; height:100%; position:absolute; left:0; top:0; -webkit-transform:skew(-38deg); -ms-transform:skew(-38deg); transform:skew(-38deg);}
.foot-right-text { position:relative; z-index:99;}
.foot-right-text h3 { text-transform:uppercase;}
.foot-right-text h4 { color:#ffffff; line-height:30px;}
span.has-btn { float:left; margin-top:3px; text-transform:uppercase;}
span.has-btn b { color:#ffffff; font-size:34px; font-weight:700; margin-right:10px;}
span.has-btn span { color:#ffffff; font-size:22px; font-weight:700;}
a.contact-btn { position:relative; background-color:#102e19; border-radius:5px; color:#ffffff; display:inline-block; margin-left:10px; border:1px solid #102e19; -webkit-transition:all .3s ease; transition:all .3s ease; vertical-align:middle; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; text-transform:uppercase; font-size:14px; line-height:26px; font-weight:400;}
a.contact-btn:before { content:''; position:absolute; z-index:-1; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:5px; border:1px solid #ffffff; background-color:#3db64a; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; -ms-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:-webkit-transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
a.contact-btn i { border-left:1px solid #404040; color:#3db64a; display:inline-block; font-size:16px; margin-left:-4px; padding:10px 14px 12px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.contact-us-btn { border-right:1px solid #000000; display:inline-block; padding:6px 23px; border-radius:5px; text-transform:uppercase;}
a.contact-btn:hover { border-color:#ffffff;}
a.contact-btn:hover::before { -webkit-transform:scaleX(1); -ms-transform:scaleX(1); transform:scaleX(1);}
a.contact-btn:hover .contact-us-btn { border-right-color:transparent; color:#ffffff;}
a.contact-btn:hover i { border-left-color:#ffffff; color:#ffffff;} #footer-wrapper{ background-color:#102e19; color:#ffffff; position:relative; padding:0px 0 50px; font-weight:400;}
.widget-column{ width:24.2%; float:left; padding-left:1%; margin-left:1%; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.foo-cols h5.footer-widget-title{ margin-bottom:25px; text-transform:uppercase; font-weight:500; color:#ffffff; font-size:20px; font-family:'Merienda'; position:relative; letter-spacing:1px; padding:0 0 20px 20px; border-bottom:2px solid #3db64a;}
.foo-cols h5.footer-widget-title:before { content:''; position:absolute; left:0; bottom:-8px; width:15px; height:15px; background-color:#102e19; border:2px solid #3db64a; border-radius:30px 30px 30px 0;}
.foo-cols h5.footer-widget-title:after { content:''; position:absolute; right:0; bottom:-8px; width:15px; height:15px; background-color:#102e19; border:2px solid #3db64a; border-radius:30px 30px 0 30px;}
.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover{ color:#3db64a;}
#footer-wrapper a:hover { color:#3db64a;}
.footer-cols-three .widget-column{ width:32.5%; padding-left:1%; margin-left:1%; }
.footer-cols-two .widget-column{ width:48%; margin-left:4%; } .foo-getintouch{ margin:15px 0 0; }
.getintouch-logo{ margin:0 0 6px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:15px; position:relative; }
.widget-getintouch-info li::before { position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#3db64a;}
.widget-getintouch-info li:first-child::before{ content:'\f3c5'; }
.widget-getintouch-info li:nth-child(2)::before{ content:'\f8d3'; }
.widget-getintouch-info li:nth-child(3)::before{ content:'\f1ac'; }
.widget-getintouch-info li:nth-child(4)::before{ content:'\f0e0'; }
.widget-getintouch-info li:nth-child(5)::before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:15px; }
.widget-getintouch-social li{ display:inline-block; margin:0 5px; width:37px; height:37px; line-height:35px; text-align: center; }
.widget-getintouch-social li a{ display: block; border:1px solid; border-radius:5px; }
.foo-cols input[type="submit"].foot-submit { width:100%; font:700 18px 'Merienda';}
.footer-nav li{ margin-bottom:15px; margin-right:5%; display: block; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; }
.footer-nav li a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; font-weight:300; font-size:20px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }
.latest-posts-row{ margin-bottom:15px; padding-bottom:15px; clear: both; overflow: hidden;}
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:56px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 10px; }
.latest-post-content h5{ margin:0 0 5px; line-height: 1.5; text-transform:capitalize; font-weight:500; font-size:15px; }
.latest-post-content p{ line-height:20px; margin-bottom:0; font-size:14px;}
.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; text-transform:uppercase; font:400 17px 'Merienda'; display:block; background-color:#3db64a; color:#ffffff; position: relative; }
.download-brochure a:before{ content:'\f15c'; font-family:'Font Awesome 5 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#102e19; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }
.newsletter{ margin-top:30px; }
.newsletter input[type=email]{ margin:0; height:60px; text-align:center; }
.newsletter button{ width:100%; height:50px; background-color:#3db64a; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; }
.widget-about-image{ min-height:64px; background-position:top left; background-repeat:no-repeat; margin:0 0 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:#3db64a; }
.widget-about-conte .sub-wid-abt-hd{ color:#102e19; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:100%; line-height:25px; }
ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; }
ul.widget-about-social li{ display:inline-block; margin:5px 18px; padding:0 !important; }
.opening-hrs{ margin-bottom:30px; padding-top:5px;}
.opening-hrs h6 { font-size:16px; text-transform:uppercase; color:#3db64a; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ line-height:1; padding:0 0 20px; margin-bottom:20px; display:block; border-bottom:1px solid; }
.opening-hrs .opening-hrs-list li:last-child { color:#3db64a; }
.opening-hrs .opening-hrs-list li span{ float:left; } .copyright-wrapper{ background-color:#3db64a; padding:0; color:#ffffff; text-align:center; }
.copyright-text{ padding: 20px 0; position: relative; z-index:1; margin-right:auto; font-weight:400; }
.designby-text{ padding: 20px 0; font-weight:400; }
.copyright-wrapper a{ color:#102e19; font-weight:700;}
.copyright-wrapper a:hover{ color:#ffffff; }  .innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; text-transform:uppercase; position:relative; font:400 38px 'Merienda'; margin:0; padding:2.5em 0 2.5em; color:#ffffff; text-align: left; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:left; justify-content:left; flex-direction:row;}
h1.innerpage-title span { padding:15px 15px 15px 25px; position:relative; border-left:2px solid #3db64a;}
h1.innerpage-title span:before { content:''; position:absolute; left:-8px; top:0; width:15px; height:15px; background-color:#102e19; border:2px solid #3db64a; border-radius: 0 30px 30px;}
h1.innerpage-title span:after { content:''; position:absolute; left:-8px; bottom:0; width:15px; height:15px; background-color:#102e19; border:2px solid #3db64a; border-radius:30px 30px 30px 0;}
.boxlayout h1.innerpage-title{ padding:4em 0 2em; }
h1.innerpage-title.without-banner{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:1em 0; color:#102e19; }
h1.innerpage-title.without-banner span { border-color:#102e19;}
.innerpage-title.innerbanner-equal-padding{ padding:4em 0; } .content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }  .icon-box {position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.inner-icon-box { position:relative; background-color:#ffffff; padding:39px 21px; text-align:center; cursor:pointer; z-index:0; margin-bottom:30px; overflow:hidden;}
.icon-overlay { position:absolute; content:''; width:100%; height:100%; background-color:#3db64a; top:-100%; opacity:0; left:0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out; z-index:-10;}
.icon-box-thumb { font-size:60px; line-height:60px; color:#3db64a; margin-bottom:25px; font-weight:500; display:inline-block; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.icon-box-content { position:relative;}
.icon-box-content h4 a { -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.inner-icon-box:hover .icon-overlay { opacity:1; top:0;}
.inner-icon-box:hover .icon-box-thumb, .inner-icon-box:hover .icon-box-content h4 a, .inner-icon-box:hover .icon-box-content p { color:#ffffff;} .pricing-col{ text-align:center; border:1px solid #e0e0e0; position:relative; overflow:hidden; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; border-radius:0 30% 0;}
.pricing-col:hover { -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
.pricing-col.highlighted-col { background-color:#102e19;}
.pricing-col.highlighted-col .package-name h5 { background-color:#3db64a;}
.package-name{ padding:0; text-align:left;}
.package-name h5{ display:inline-block; font-size:18px; font-weight:600; letter-spacing:1.5px; margin:0; padding:10px 15px; color:#ffffff; text-transform:uppercase; background-color:#102e19; border-radius:0 0 15px;}
.package-price{ font:400 35px 'Merienda'; color:#102e19; padding:30px 30px 20px; position:relative; text-align:left;}
.pricing-col.highlighted-col .package-price { color:#ffffff;}
.package-price sup{ font-size:25px; margin:0 5px; font-weight:400;}
.package-price sub{ font-size:17px; margin:0 5px; font-weight:400; padding-left:12px;}
.package-price sub{ position:relative; bottom:0; color:#929292; left:5px }
.package-price sub:before { position:absolute; content:''; top:-15px; left:5px; width:1px; height:49px; background-color:#929292; -webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg);}
.package-price:after { content:''; position:absolute; bottom:-5px; left:0px; right:0px; width:300px; margin:0 auto; height:1px; background-color:#e0e0e0;}
.package-row{ padding:20px 40px; text-transform:capitalize; text-align:left;}
.package-row p{ margin-bottom:5px; padding-bottom:5px; padding-left:25px; color:#102e19; position:relative;}
.package-row p:before { content:'\f00c'; position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-size:15px; color:#3db64a;}
.pricing-col.highlighted-col .package-row p { color:#ffffff;}
.package-row p:last-child{ border: none; }
.package-btn{ padding:0; position:relative; text-align:right;}
.package-btn .main-button{ font:500 15px 'Merienda'; padding:15px 30px; margin:0; display:inline-block; background-color:#102e19; color:#ffffff; border-radius:15px 0 0;}
.pricing-col.highlighted-col .package-btn .main-button { background-color:#ffffff; color:#102e19;}
.pricing-col.highlighted-col .package-btn .main-button:hover, .package-btn .main-button:hover { background-color:#3db64a; color:#102e19;} .partners { padding:0 30px;}
.partner-logo{ text-align:center; margin:0 auto; width:185px; }
.partner-logo img{ width:100%; height:auto; display:block;}
.partner-logo a{ display:block; } .skillbar {position:relative; display:block; margin-bottom:50px; width:100%; height:35px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#102e19; padding:0; height:38px; font-size:18px; line-height:35px; font-family:'Merienda'; letter-spacing:2px; }
.skillbar-bar { height:11px; width:0px;}
.skill-bar-percent { position:absolute; right:0; top:-18px; height:50px; line-height:50px; color:#ffffff; font-family:'Shadows Into Light'; width:50px; text-align:center; background-color:#3db64a; border-radius:50%; font-size:17px;}
.skill { width:46.98%; float:left; }
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; height:11px; background-color:#102e19; } .pop-video{ width:120px; margin:0 auto; text-align:center; padding:10em 0; }
.pop-icon{ width:120px; height:120px; border-radius:50%; padding:10px; animation: pulse 2s infinite; font-size:50px; box-shadow: 0 0 0 rgba(204,169,44, 0.4); border:2px solid; }
.pop-icon a{ display:block; border-radius:50%; background-color:#3db64a; width:100%; height:100%; color:#ffffff !important; }
.pop-icon i{ position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
} .owl-carousel.owl-theme .owl-nav{ margin-top:30px; }
.owl-carousel .owl-nav button{ width:38px; height:38px; border-radius:0 !important; line-height:36px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #3db64a !important; }
.owl-carousel .owl-nav button:hover{ border-color:#102e19; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#102e19; }
#clienttestiminials .owl-carousel .owl-nav button:hover { border-color:#ffffff !important;}
#clienttestiminials .owl-carousel .owl-nav button:hover::before { color:#ffffff;}
.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{ -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#3db64a; }
.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f104'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f105'; } .spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline-block; margin-right:5px;}
.pagination ul li span, .pagination ul li a{ background-color:#102e19; color:#ffffff; padding:5px 15px; display:inline-block; border-radius:0 20px 15px;}
.pagination ul li .current, .pagination ul li a:hover{ background-color:#3db64a; color:#ffffff !important; } .navigation .page-numbers{ background-color:#102e19; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:#3db64a; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; } .post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a {background-color:#102e19; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#3db64a;}
.singleright { float:left; }
.singleleft { float:right; }
#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
.nav-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#3db64a; width:70px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:40px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#ececec; padding:10px 15px; width:82%; display: inline-block; vertical-align: middle; font-weight:400; font-size:16px; }
#nav-below.post-navigation .nav-previous .meta-nav-title { text-align:left;}
#nav-below.post-navigation .nav-next .meta-nav-title { text-align:right;}
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; } #sidebar.team-sidebar, #sidebar.testi-sidebar{ float:left; padding-bottom:0; }
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid #3db64a; padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:#3db64a; line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; }
#sidebar .member-info ul li strong{ color:#000000; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#3db64a; }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width:40px; height:40px; border-radius:30px; line-height:40px; display:inline-block; background-color:#3db64a; margin-right:5px; color:#ffffff; text-align:center; }
.member-single-social a:hover{ background-color:#102e19; color:#ffffff; border-radius: 0 50% 50%; }
.single-team-content, .single-testi-content{ padding-left:50px; } .contact-content { padding:1em 0 2em; border-bottom: 1px solid #e6e6e6; }
.contact-page-info { margin-bottom:30px; width:100%;}
.contact-info-box{ margin:20px 0 20px;}
.c-info-box { border:1px solid #e5e5e5; display:inline-block; overflow:hidden; width:100%;}
.c-info-bg { background:#f5f4f4; float:left; padding:51px 28px; border-right:1px solid #e5e5e5;}
.c-info-desc p { line-height:26px; margin:0; overflow:hidden; padding:25px 20px 25px 0; position:relative; left:-5px;}
.c-info-icon  { width:55px; height:55px; float:left; position:relative; margin-top:25px; color:#ffffff; background-color:#3db64a; border-radius:0 50% 0; overflow:hidden; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; left:-30px;}
.c-info-box:hover .c-info-icon { color:#3db64a; background-color:#102e19; -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);}
.c-info-icon i { font-size:25px; line-height:55px;}
.contact-page-content { width:100%; margin:20px 0 20px;}
.contact-content .wpcf7-form label{ color:#282828; }
.contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px; background-color:#ffffff; }
.contact-content .form-group input[type=text]:focus, .contact-content .form-group input[type=email]:focus, .contact-content .form-group input[type=tel]:focus, .contact-content .form-group textarea:focus{ border-color:#3db64a; }
.form-group.half{ width:48%; margin-right:4%; float:left; } 
.form-group.half.last{ margin-right:0; }
.form-group.half.last { margin-right:0;}
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }
.contact-opening-hrs { padding-top:2em; border-top: 1px solid #e6e6e6;}
.contact-opening-hrs .flex-element { justify-content:center; }
.contact-opening-hrs .single-contact-opening-hrs { margin:0 30px; }
.contact-opening-hrs .single-contact-opening-hrs h4 { color:#3db64a; margin-bottom:5px; padding-bottom:15px; position:relative; text-align:center;}
.contact-opening-hrs .single-contact-opening-hrs h4:before { content:''; position:absolute; width:30px; margin:0 auto; left:0; right:0; bottom:0; border-bottom:1px solid #102e19;}
.contact-opening-hrs .single-contact-opening-hrs strong{ color:#102e19; }
.gmap{ position:relative; width:100%; margin-bottom:0; } #sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position:relative; padding:12px 15px 12px 15px; margin: 0 0 20px; text-transform:capitalize; font-weight:700; text-align:center; border-bottom:2px solid #102e19;}
h3.widget-title:before { content:''; position:absolute; left:0; bottom:-8px; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 30px 0;}
h3.widget-title:after { content:''; position:absolute; right:0; bottom:-8px; width:15px; height:15px; background-color:#3db64a; border:2px solid #102e19; border-radius:30px 30px 0 30px;}
#sidebar aside.widget{ margin:0 0 25px; padding:0; position:relative; }
.flotRight{ float:right !important;}
.flotLeft { float:left !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }
#sidebar ul li{ padding:8px 0 8px 0; list-style:none; line-height:20px; font-size:14px;}
#sidebar ul li a{ color:#102e19; position:relative; }
#sidebar ul li a:hover{ color:#3db64a;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom:2px dotted #bbbbbb; padding: 9px 0 14px 25px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:uppercase; padding:5px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:700; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }
#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:#3db64a; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#102e19; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }
.sidebar-banner{ position:relative; z-index:99; padding:20% 20px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }
.widget-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:20px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type=email]{ margin-bottom:0; }
.widget-newsletter .wpcf7-submit{ position:absolute; right:0; top:0; border:none; outline:none; padding:12px 20px 11px; text-transform:uppercase; font-weight:700; background-color:#3db64a; color:#ffffff; -webkit-appearance:button; -moz-appearance:button;appearance:button; } ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }
ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; } #top{ position:relative;}
#back-top {	position: fixed; bottom:0px; right:20px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#102e19; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#102e19; }
#back-top span { width:64px;height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; } .error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:100%; z-index:100000; } .acc-content a { font-weight:bold; line-height:30px;} .boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:3em 0; } .woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; } .woocommerce .woocommerce-result-count{ margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:0; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423;background-color: #ffffff; border: 1px solid #e5e5e5; position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image: url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/...); } .woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center;}
.woocommerce .product-item-thumbnail-holder a{ display:block;}
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#3db64a; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#102e19; color:#ffffff; }
.woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce .star-rating span:before{ color:#3db64a; }
.woocommerce ul.products li.product { text-align:center; border:1px solid #ebebeb;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px; margin-bottom:15px;}
.woocommerce ul.products li.product .price { font-size: 15px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#000000; }
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; font-size:20px;}
.woocommerce ul.products li.product .price del{ font-size: 13px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations { background-color:#3db64a; color:#ffffff; padding:10px 12px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; } #sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:none; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; margin:15px 0 10px; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:#3db64a; display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#102e19; }
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
.widget_product_categories .product-categories li span.count{ float: right; } .related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#3db64a; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#242423; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#3db64a;}
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:10px 0px; display:inline-block; font-size: 15px; margin:0; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }
.woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart{ margin:2% 0; }
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d3ced2; width:36px; color:#d3ced2; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#3db64a; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d3ced2; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:revert; -moz-appearance:revert; appearance:revert; max-width:80%; padding:10px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: capitalize; vertical-align: middle;  }
a.reset_variations{ margin:0; margin-left:15px; }
.woocommerce .summary .product_meta{ clear:both; display:inline-block; position:relative; width:100%; padding:2% 0px; }
.product_meta span{ padding: 2px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; font-weight:500; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }
.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #3db64a; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }
.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:#3db64a; letter-spacing:5px; }
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #3db64a;} body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; }
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; } body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; } body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:#3db64a; color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; } .woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }  [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .author-box{ position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:#3db64a; margin-bottom:30px; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; } form{ position:relative; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ width:100%; margin:0 0 20px 0; padding:11px 12px; border:1px solid #EBEBEB; outline:0; resize:none; font-size:13px; line-height:17px; background-color:#ffffff; color:#000000; font-family:'Merienda'; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border-color:#3db64a; }
button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; font-family:'Merienda'; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:12px 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#ffffff; }
.wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 8px; color:#000000; font-weight:700; } .comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:2em 2em 2em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:25px; top:30px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:10px; }
.comment-metadata h4 cite{ font-family: 'Sintony'; font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px; }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-family: 'Sintony'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 5 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-family: 'Sintony'; font-size:14px; margin:0; }
.comments-area .comment-list ul.children{ margin-left:60px; }
.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em;  font-family: 'Sintony'; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 5px; color:#000000; font-weight:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; } form.search-form{ position:relative; }
form.search-form input.search-submit, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; } .error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:80px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; color:#000000; line-height:1; }
.error-404 .text-404{ font-family:'Sintony'; font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:60%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:70%; margin-right:20px; } .search-result-form{ width:60%; margin:0 auto; }
.search-result-form input[type="search"]{ width:82%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;}
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }body#tinymce.wp-editor { 
font-family: 'Roboto',Arial; 
margin: 10px; 
}
body#tinymce.wp-editor a {
color: #5E5340;
}
  img{max-width:100%;}
.clear{clear:both;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;} .p-0{ padding:0; }.p-5{ padding:5px; }.p-10{ padding:10px; }.p-15{ padding:15px; }.p-20{ padding:20px; }.p-25{ padding:25px; }.p-30{ padding:30px; }.p-35{ padding:35px; }.p-40{ padding:40px; }.p-45{ padding:45px; }.p-50{ padding:50px; }.p-60{ padding:60px; }.p-70{ padding:70px; }.p-80{ padding:80px; }.p-90{ padding:90px; }.p-100{ padding:100px; } .pt-0{ padding-top:0; }.pt-5{ padding-top:5px; }.pt-10{ padding-top:10px; }.pt-15{ padding-top:15px; }.pt-20{ padding-top:20px; }.pt-25{ padding-top:25px; }.pt-30{ padding-top:30px; }.pt-35{ padding-top:35px; }.pt-40{ padding-top:40px; }.pt-45{ padding-top:45px; }.pt-50{ padding-top:50px; }.pt-60{ padding-top:60px; }.pt-70{ padding-top:70px; }.pt-80{ padding-top:80px; }.pt-90{ padding-top:90px; }.pt-100{ padding-top:100px; } .pr-0{ padding-right:0; }.pr-5{ padding-right:5px; }.pr-10{ padding-right:10px; }.pr-15{ padding-right:15px; }.pr-20{ padding-right:20px; }.pr-25{ padding-right:25px; }.pr-30{ padding-right:30px; }.pr-35{ padding-right:35px; }.pr-40{ padding-right:40px; }.pr-45{ padding-right:45px; }.pr-50{ padding-right:50px; }.pr-60{ padding-right:60px; }.pr-70{ padding-right:70px; }.pr-80{ padding-right:80px; }.pr-90{ padding-right:90px; }.pr-100{ padding-right:100px; } .pb-0{ padding-bottom:0; }.pb-5{ padding-bottom:5px; }.pb-10{ padding-bottom:10px; }.pb-15{ padding-bottom:15px; }.pb-20{ padding-bottom:20px; }.pb-25{ padding-bottom:25px; }.pb-30{ padding-bottom:30px; }.pb-35{ padding-bottom:35px; }.pb-40{ padding-bottom:40px; }.pb-45{ padding-bottom:45px; }.pb-50{ padding-bottom:50px; }.pb-60{ padding-bottom:60px; }.pb-70{ padding-bottom:70px; }.pb-80{ padding-bottom:80px; }.pb-90{ padding-bottom:90px; }.pb-100{ padding-bottom:100px; } .pl-0{ padding-left:0; }.pl-5{ padding-left:5px; }.pl-10{ padding-left:10px; }.pl-15{ padding-left:15px; }.pl-20{ padding-left:20px; }.pl-25{ padding-left:25px; }.pl-30{ padding-left:30px; }.pl-35{ padding-left:35px; }.pl-40{ padding-left:40px; }.pl-45{ padding-left:45px; }.pl-50{ padding-left:50px; }.pl-60{ padding-left:60px; }.pl-70{ padding-left:70px; }.pl-80{ padding-left:80px; }.pl-90{ padding-left:90px; }.pl-100{ padding-left:100px; } .m-0{ margin:0; }.m-5{ margin:5px; }.m-10{ margin:10px; }.m-15{ margin:15px; }.m-20{ margin:20px; }.m-25{ margin:25px; }.m-30{ margin:30px; }.m-35{ margin:35px; }.m-40{ margin:40px; }.m-45{ margin:45px; }.m-50{ margin:50px; }.m-60{ margin:60px; }.m-70{ margin:70px; }.m-80{ margin:80px; }.m-90{ margin:90px; }.m-100{ margin:100px; } .mt-0{ margin-top:0; }.mt-5{ margin-top:5px; }.mt-10{ margin-top:10px; }.mt-15{ margin-top:15px; }.mt-20{ margin-top:20px; }.mt-25{ margin-top:25px; }.mt-30{ margin-top:30px; }.mt-35{ margin-top:35px; }.mt-40{ margin-top:40px; }.mt-45{ margin-top:45px; }.mt-50{ margin-top:50px; }.mt-60{ margin-top:60px; }.mt-70{ margin-top:70px; }.mt-80{ margin-top:80px; }.mt-90{ margin-top:90px; }.mt-100{ margin-top:100px; } .mr-0{ margin-right:0; }.mr-5{ margin-right:5px; }.mr-10{ margin-right:10px; }.mr-15{ margin-right:15px; }.mr-20{ margin-right:20px; }.mr-25{ margin-right:25px; }.mr-30{ margin-right:30px; }.mr-35{ margin-right:35px; }.mr-40{ margin-right:40px; }.mr-45{ margin-right:45px; }.mr-50{ margin-right:50px; }.mr-60{ margin-right:60px; }.mr-70{ margin-right:70px; }.mr-80{ margin-right:80px; }.mr-90{ margin-right:90px; }.mr-100{ margin-right:100px; } .mb-0{ margin-bottom:0; }.mb-5{ margin-bottom:5px; }.mb-10{ margin-bottom:10px; }.mb-15{ margin-bottom:15px; }.mb-20{ margin-bottom:20px; }.mb-25{ margin-bottom:25px; }.mb-30{ margin-bottom:30px; }.mb-35{ margin-bottom:35px; }.mb-40{ margin-bottom:40px; }.mb-45{ margin-bottom:45px; }.mb-50{ margin-bottom:50px; }.mb-60{ margin-bottom:60px; }.mb-70{ margin-bottom:70px; }.mb-80{ margin-bottom:80px; }.mb-90{ margin-bottom:90px; }.mb-100{ margin-bottom:100px; } .ml-0{ margin-left:0; }.ml-5{ margin-left:5px; }.ml-10{ margin-left:10px; }.ml-15{ margin-left:15px; }.ml-20{ margin-left:20px; }.ml-25{ margin-left:25px; }.ml-30{ margin-left:30px; }.ml-35{ margin-left:35px; }.ml-40{ margin-left:40px; }.ml-45{ margin-left:45px; }.ml-50{ margin-left:50px; }.ml-60{ margin-left:60px; }.ml-70{ margin-left:70px; }.ml-80{ margin-left:80px; }.ml-90{ margin-left:90px; }.ml-100{ margin-left:100px; } .full_width {width: 100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:left; margin-bottom:20px; position:relative;}
.last_column{clear:right; margin-right:0 !important; }
.one_half{width:48%; margin-right:4%;}
.one_third{width:32%; margin-right:2%;}
.two_third{width:65%; margin-right:3%;}
.one_fourth{width:23.5%; margin-right:2%;}
.three_fourth{width:72%;  margin-right:3%;}
.one_fifth{width:18.4%; margin-right:2%;} .tabs-wrapper{margin-bottom:15px;}
.tabs-wrapper ul.tabs{ width:100%; padding:13px 0 0 0; border-bottom:1px solid #e3e3e3; margin:0; }
.tabs-wrapper ul.tabs li{ position:relative; display:inline-block;}
.tabs-wrapper ul.tabs li a{ font:500 15px 'Merienda'; color:#333333; text-transform:uppercase; position:relative; text-decoration:none; cursor:pointer; display:inline-block; line-height:normal; padding:0px 16px 0px 20px; margin:10px 0; vertical-align:middle; -webkit-appearance:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; letter-spacing:2px;}
.tabs-wrapper ul.tabs li a:before { content:''; width:1px; height:100%; background-color:#333333; position:absolute; top:0; left:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.tabs-wrapper ul.tabs li a.selected{ color:#c1a45e; position:relative; font-weight:600;}
.tabs-wrapper ul.tabs li a.selected:before { background-color:#c1a45e; width:2px; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.tabs-wrapper .tab-content{ padding:20px 0 20px 0; color:#555555; }
.tabs-wrapper .tab-content p{ font-family:'Merienda'; }
@media screen and (max-width:767px) {
.tabs-wrapper ul.tabs li, .tabs-wrapper ul.tabs li a{ display:block; }
} .accordion-box{ margin-bottom:15px; }
.accordion-wrapper{padding-bottom:15px;}
.accordion-box h2{ padding:18px 70px 18px 40px; -webkit-transition:all 500ms ease; transition:all 500ms ease; border:1px solid #e7e7e7; display:block; position:relative; color:#2e3031; font:400 16px 'Merienda'; cursor:pointer; }
.accordion-box h2:before { content:'\f105'; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:22px; line-height:40px; height:40px; width:40px; text-align:center; background-color:#2e3031; position:absolute; left:-18px; color:#3db64a; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.accordion-box h2:after{ font-family:'Font Awesome 5 Pro'; font-weight:700; content:"\f078"; display:inline-block; font-size:15px; position:absolute; right:40px; color:#102e19; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.accordion-box h2.active{ margin-bottom:0 !important; color:#ffffff; background-color:#2e3031; }
.accordion-box h2.active:before{ background-color:#3db64a; color:#2e3031; content:'\f107'; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:22px; line-height:40px; height:40px; width:40px; text-align:center; position:absolute; left:-18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.accordion-box h2.active:after{font-family:'Font Awesome 5 Pro'; content:"\f077"; font-weight:700; color:#ffffff; }
.acc-content{ padding:15px 20px 0 0; background-color:transparent; color:#6e6d6d; } .linktotop{color:#666; font-size:11px; text-align:right; }
.linktotop a{text-decoration:none;} .grad-btn-small, .grad-btn-medium, .grad-btn-large, .grad-btn-x-large, .simple-btn-small, .simple-btn-medium, .simple-btn-large, .simple-btn-x-large{text-decoration:none; margin:10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-khtml-border-radius:5px; display:inline-block; text-align: center;}
.grad-btn-small, .simple-btn-small{padding:0 10px; line-height:25px; height:25px; font-size:12px;}
.grad-btn-medium, .simple-btn-medium{padding:0 15px; line-height:35px; height:35px; font-size:15px;}
.grad-btn-large, .simple-btn-large{padding:0 20px; line-height:45px; height:45px; font-size:18px;}
.grad-btn-x-large, .simple-btn-x-large{padding:0 25px; line-height:55px; height:55px; font-size:20px;}
.grad-btn-small{background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-gradient.png) repeat-x 0 0; }
.grad-btn-medium{background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-gradient.png) repeat-x 0 -25px; }
.grad-btn-large{background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-gradient.png) repeat-x 0 -60px; }
.grad-btn-x-large{background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-gradient.png) repeat-x 0 -105px; }
.grad-btn-small:hover, .grad-btn-medium:hover, .grad-btn-large:hover, .grad-btn-x-large:hover{background-image:none;}
.simple-btn-small:hover, .simple-btn-medium:hover, .simple-btn-large:hover, .simple-btn-x-large:hover{opacity:0.85;}
.btn-align-right{float:right; }
.btn-align-left{float:left;}
.btn-align-center{float:none; margin:0 auto;}
.round-btn-dark{background-image:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-dark-round-left.png); color:#fff; }
.round-btn-dark span{background-image:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-dark-round-right.png);}
.round-btn-light{background-image:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-light-round-left.png); color:#555; text-shadow:0 1px #fff; }
.round-btn-light span{background-image:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/button-light-round-right.png);}
.round-btn{ background-repeat:no-repeat; background-position:left top; padding:0 0 0 26px; line-height:60px; height:60px; font-size:20px; margin:10px 0;}
.round-btn span{ background-repeat:no-repeat; background-position:right top; padding:0 36px 0 10px; display:inline-block;}
.round-btn-light:hover{background-position:left bottom; color:#000;}
.round-btn-dark:hover{background-position:left bottom; color:#ddd;}
.round-btn:hover span{background-position:right bottom;} .msg-box-icon{display: block; padding:18px 10px 18px 50px; margin-left: 15px; background-color:transparent;}
.msg-info, .msg-success, .msg-warning, .msg-error, .msg-about, .msg-simple, .msg-custom, pre  {margin:15px 0 !important;}
.msg-info { background-color:#BDE5F8; background: -moz-linear-gradient(center top , #FFFFFF, #BDE5F8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#BDE5F8)); background: -webkit-linear-gradient(top, #FFFFFF, #BDE5F8); background: -ms-linear-gradient(top, #FFFFFF, #BDE5F8); background: -o-linear-gradient(top, #FFFFFF, #BDE5F8); border:1px #38AEE5 solid; color: #00529B; }
.msg-info .msg-box-icon { background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/icon_info.png) no-repeat 4px 50% transparent; }
.msg-success { background-color:#DFF2BF; background: -moz-linear-gradient(center top , #FFFFFF, #DFF2BF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DFF2BF)); background:-webkit-linear-gradient(top, #FFFFFF, #DFF2BF); background: -ms-linear-gradient(top, #FFFFFF, #DFF2BF); background: -o-linear-gradient(top, #FFFFFF, #DFF2BF); border:1px #A0CF4C solid; color: #4F8A10;}
.msg-success .msg-box-icon {background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/icon_success.png) no-repeat 4px 50% transparent;}
.msg-warning { background-color:#FEEFB3; background: -moz-linear-gradient(center top , #FFFFFF, #FEEFB3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FEEFB3)); background: -webkit-linear-gradient(top, #FFFFFF, #FEEFB3); background: -ms-linear-gradient(top, #FFFFFF, #FEEFB3); background: -o-linear-gradient(top, #FFFFFF, #FEEFB3); border:1px #E5BC3B solid; color: #9F6000;}
.msg-warning .msg-box-icon {background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/icon_warning.png) no-repeat 4px 50% transparent;}
.msg-error{ background-color:#FFBABA; background: -moz-linear-gradient(center top , #FFFFFF, #FFBABA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFBABA)); background: -webkit-linear-gradient(top, #FFFFFF, #FFBABA); background: -ms-linear-gradient(top, #FFFFFF, #FFBABA); background: -o-linear-gradient(top, #FFFFFF, #FFBABA); border:1px #FF7878 solid; color: #c00;}
.msg-error .msg-box-icon {background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/icon_error.png) no-repeat 4px 50% transparent;}
.msg-about{ background-color:#ECF1FF; background: -moz-linear-gradient(center top , #FFFFFF, #ECF1FF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ECF1FF)); background: -webkit-linear-gradient(top, #FFFFFF, #ECF1FF); background: -ms-linear-gradient(top, #FFFFFF, #ECF1FF); background: -o-linear-gradient(top, #FFFFFF, #ECF1FF); border:1px #c9d7ff solid; color: #4e6bbe;}
.msg-about .msg-box-icon {background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/base/icon_about.png) no-repeat 4px 50% transparent;}
.msg-simple, .msg-custom { display: block; padding:10px 15px;}
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; word-wrap: break-word; white-space: pre-line;}
.msg-align-center{margin:0 auto;}
.msg-align-left{float:left;}
.msg-align-right{float:right; }
.fvch-codeblock, .syntaxhighlighter{clear:both;}
.syntaxhighlighter .toolbar{display:none;}
.fvch-codeblock{clear:both;} ul.list-1, ul.list-2, ul.list-3, ul.list-4, ul.list-5, ul.list-6, ul.list-7, ul.list-8, ul.list-9, ul.list-10 { margin:5px 0 5px -5px; position:relative; overflow:hidden; }
ul.list-1 ul, ul.list-2 ul, ul.list-3 ul, ul.list-4 ul, ul.list-5 ul, ul.list-6 ul, ul.list-7 ul, ul.list-8 ul, ul.list-9 ul, ul.list-10 ul { margin-left:0; }
ul.list-1 li, ul.list-2 li, ul.list-3 li, ul.list-4 li, ul.list-5 li, ul.list-6 li, ul.list-7 li, ul.list-8 li, ul.list-9 li, ul.list-10 li { list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0; background-repeat:no-repeat; background-color:transparent; position:relative; display:block; padding:10px 0 10px 5px; line-height:24px; }
ul.list-1 li:before, ul.list-2 li:before, ul.list-3 li:before, ul.list-4 li:before, ul.list-5 li:before, ul.list-6 li:before, ul.list-7 li:before, ul.list-8 li:before, ul.list-9 li:before, ul.list-10 li:before{ float: left; font-family: "Font Awesome 5 Pro"; font-weight:700; font-size: 14px; color:#f6c409; font-style: normal; line-height:24px; margin-right: 10px; text-decoration: inherit; -webkit-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
ul.list-1 li:before{ content:'\f105';}
ul.list-2 li:before{ content:'\f101';}
ul.list-3 li:before{ content:'\f058'; font-weight:700; }
ul.list-4 li:before{ content:'\f00d';}
ul.list-5 li:before{ content:'\f0a4';}
ul.list-6 li:before{ content:'\f0c8';}
ul.list-7 li:before{ content:'\f00c';}
ul.list-8 li:before{ content:'\f111';}
ul.list-9 li:before{ content:'\f005';}
ul.list-10 li:before{ content:'\f004';}
ul.list-1.col-2 li, ul.list-2.col-2 li, ul.list-3.col-2 li, ul.list-4.col-2 li, ul.list-5.col-2 li, ul.list-6.col-2 li, ul.list-7.col-2 li, ul.list-8.col-2 li, ul.list-9.col-2 li, ul.list-10.col-2 li{ display:inline-block; width:49%; }
.dropcap { display: block; float: left; font-size: 42px; line-height: 36px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 5px;} .youtube-vid, .vimeo-vid{ margin-bottom:20px; width:100%; position:relative; padding-bottom:52.75%; padding-top:30px; height:0; overflow:hidden; }
.youtube-vid iframe, .vimeo-vid iframe { position:absolute; top:0; left:0; width:100%; height:100%; }.slider-main{ position:relative; }
.nivoSlider { position:relative; width:100%; height:auto; overflow:hidden;	}
.nivoSlider img { position:absolute; top:0px; max-width: none; }
.nivo-main-image { display:block !important; position:relative !important; width:100% !important; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; } .nivo-html-caption { display:none; } .nivo-directionNav a { display:block; height:48px; text-indent:-9999px; -webkit-transition:all 200ms ease-in-out 0s; transition:all 200ms ease-in-out 0s; width:55px; position:absolute; z-index:10; cursor:pointer; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); border-radius: 0 30px 30px; border:2px solid #3db64a;}
a.nivo-nextNav { left:3%; background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/slide-nav.png) no-repeat -98px center #102e19; bottom:18%;}
a.nivo-prevNav { left:3%; background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/slide-nav.png) no-repeat -18px center #102e19; top:25% } .nivo-controlNav { padding:0; position:absolute; width:auto; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:9; line-height:10px; left:4%;}
.nivo-controlNav a { cursor:pointer; display:table; margin:10px 5px; text-indent: -9999px; width:15px; height:15px; border:2px solid #ffffff; border-radius: 0 30px 30px; line-height:7px;}
.nivo-controlNav a.active { font-weight:bold; border-color:#3db64a; background-color:#3db64a;} .nivo-caption{ position:absolute; top:50%; z-index:8; width:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-box-sizing:border-box; box-sizing:border-box;}
.nivo-caption h4 { color:#3db64a; border:2px solid #3db64a; font:700 25px 'Dancing Script'; text-transform:capitalize; position:relative; display:inline-block; background-color:#102e19; padding:8px 25px; border-radius: 0 30px 30px;}
.nivo-caption h2{ font:700 45px/50px 'Merienda'; color:#ffffff; text-transform:uppercase; display:block; position:relative; margin:0 0 30px; background-color:rgba(0,0,0,0.7); padding:15px 25px; border-radius: 0 30px 30px;}
.nivo-caption a h2{ display:block; }
.nivo-caption p{ font:400 16px/1.6 'Work Sans'; margin:15px auto 30px;; width:84%; color:#ffffff; } #slider.caption-text-left .nivo-caption{ text-align:left; left:10%; } #slider.caption-text-center .nivo-caption{ text-align:center; left:0; right:0; margin:0 auto; }
#slider.caption-text-center a.sliderbtn{ margin:0 auto; } #slider.caption-text-right .nivo-caption{ text-align:right; right:8%; }
#slider.caption-text-right a.sliderbtn{ float:right; }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:20px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@media screen and (max-width:767px) { .boxlayout{ width:auto; margin:0 15px; box-sizing:border-box; }
.boxlayout .content-area { padding-left:20px; padding-right:20px;}
.boxlayout .slider-main{ min-height:auto; }
.boxlayout h1.innerpage-title{ padding:8px 20px; }
.boxlayout .flex-element { display:block;}
.boxlayout #slider .nivo-caption h2 { font-size:16px; padding-top:10px; padding-bottom:10px;}
.boxlayout .video-holder h5 { font-size:18px; margin-left:83px;}
.boxlayout .video-icon .pop-video { left:0;}
.boxlayout .image-two { width:auto;}
.boxlayout .pricing-col { border-radius:0;}
.boxlayout .package-row, .boxlayout .package-price { padding-right:20px; padding-left:20px;} .container, .full-container { width:100%; padding:0 15px; } .logo{ width:100%; display:inline-block; vertical-align:middle; margin:6px 0px; }
.logo a{ display:block; }
.logo img{ margin:0; }
.header-content { text-align:center; display:block; padding-top:20px; width:100%;}
.top-header { height:100%;}
.topbar-widget { float:none; margin-left:0;	display:block;}
.top-header:before, .top-header:after { content:none; border:none;}
.top-header .social-icons { margin-right:0; margin-bottom:30px; padding-right:0;}
.head-cell { width:100%; padding:0; margin:0 0 20px 0;}
.head-cell.last { margin-bottom:0;}
.sitenav ul { width:100%;} #slider .nivo-caption{ width:80%; margin:0 auto; text-align:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#slider .nivo-caption p, #slider .nivo-caption a.button, #slider .nivo-caption a.sliderbtn{ display:none; }
#slider.caption-text-left .nivo-caption, #slider.caption-text-right .nivo-caption{ left:0; right:0; }
#slider .nivo-caption a{ display:block; }
.nivo-directionNav a{  display:none; }
#slider.caption-text-left .nivo-caption { text-align:left;}
#slider.caption-text-right .nivo-caption{ text-align:right; }
.nivo-controlNav { display:none;}
.nivo-controlNav:before, .nivo-controlNav:after { content:none;}
.show-header-image{ padding:8em 0; } .flex-element{ flex-direction:column; }
.one_half, .one_third, .one_fourth, .one_fifth{ width:100%; float:none; margin-right:0; }
.grid-col-two, .grid-col-three, .grid-col-four{ float:none; width:100%; margin:0 0 20px 0; } h2.section_title { font-size:25px !important; margin-bottom:10px;}
.section_head h4.section-sub-title { margin-bottom:10px;}
.section_head p, .full-container .section_head p{ width:100%; margin:0 0 30px; }
.section_head { padding-left:25px;}
section#pagearea{ padding:20px 0; }
section.sec-overlay .full-container h4.section-sub-title, section.secbg-overlay .full-container h4.section-sub-title, section.sec-overlay .full-container h2.section_title, section.secbg-overlay .full-container h2.section_title { margin-left:0;} .features .container { min-height:100%; height:100%;}
.feature-wrap { transform:none; display:block;}
.feature-container { width:100%;}
.feature-type { padding-left:0; padding-right:0;}
.feature-left { width:100%; margin-bottom:15px;}
.feature-right { margin-left:0;}
.feature-overlay ul { display:none;}
.feature-overlay { height:auto;}
.about-box { width:100%;}
.about-video-inner .circle, .top-icon, .ext_icon { display:none;}
.image-one, .image-two { width:auto;}
.video-holder h5 {font-size:20px;}
.video-icon .pop-icon { width:70px; height:70px;}
.video-icon .pop-video { width:70px; position:relative;	left:25px;}
.counter-column { width:100%; padding:0; margin-bottom:30px;}
.process-item { margin-bottom:50px;}
.one_third.last_column .process-item { margin-bottom:0;}
.testi-item-inner { padding-left:25px; padding-right:25px;}
.testi-thumb { margin-bottom:20px;}
.news-box { padding-bottom:20px;}
.post-meta span { padding-left:8px; padding-right:8px; margin-bottom:5px;}
#mixitup .mix, #mixitupgal .mix{ width:100% !important; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ width:100%; float:none; margin-bottom:20px; margin-right:0; }
.pop-video{ padding:5em 0; }
.icon-box{ margin:10px 0; }	
.accordion-box h2:before{ left:-12px; } .footer-wrap-top { padding:10% 0;}
.foot-top-right { width:100%; float:none; padding-left:20px; padding-right:20px;}
.foot-top-right::before { width:100%; transform:none;}
.foot-right-text h3 { line-height:normal;}
span.has-btn { margin-bottom:10px;}
.widget-column, .footer-cols-two .widget-column, .footer-cols-three .widget-column{ width:100%; float:none; padding:0; margin:0 0 40px; }
.copyright-wrapper{ text-align:center; padding:0; }
.copyright-text{ margin-right: 0; width: 100%; padding:20px 0 0; }
.designby-text{ padding:10px 0 20px 0; }
.foo-cols .gallery.grid-col-two{ width:48%; margin-right:4%; margin-top:4%; float:left; margin-bottom:0; }
.foo-cols .gallery.grid-col-three{ width:32%; margin-right:2%; margin-top:2%; float:left; margin-bottom:0; }
.foo-cols .gallery.grid-col-four{ width:23.5%; margin-right:2%; margin-top:2%; float:left; margin-bottom:0; } .content-area{ width:auto; margin:0; padding:20px; }
.site-main{ width:auto; margin:0; padding:0; float:none; }
.innerbanner .container{ padding:50px 20px; }
h1.innerpage-title{ font-size:22px !important; line-height:32px; padding:0.5em 0 0.5em;}
h1.innerpage-title span { padding-left:15px;}
h1.innerpage-title.without-banner{ margin-top: 0; }
.pricing-col { margin-bottom:30px;}
.project-list, .relproject-list { width:100%; float:none; margin-left:0; margin-right:0;}
.prometa-left, .prometa-right { width:100%; float:none;}
.prometa-left ul li, .prometa-right ul li { padding-bottom:5px; padding-left:5px; text-align:center;}
.prometa-left ul li span, .prometa-right ul li span { width:100%; display:block; margin-bottom:7px;} .blog-post-repeat{ width:100%; display:block; margin-bottom:2em; }
.blog-post-repeat .post-thumb{ width:100%; display: block; }
.blog-post-repeat:hover .post-thumb img, .post-thumb img { transform:none;}
h3.post-title { line-height:normal;}
body .boxlayout .blog-post-repeat{ width:96%; display:block; margin:0 2% 30px; }
body .boxlayout .blog-post-single{ padding: 0 10px; }
.blog-post-repeat article{ border:0; box-shadow: none; } .contact-page-info{ padding-bottom:20px; margin-bottom:20px; width:100%; float:none;}
.c-info-desc { padding:12px 10px;}
.c-info-desc p { padding: 0;}
.contact-page-content { width:100%; float:none;}
.contact-opening-hrs { margin-top:20px; padding-top:1em;}
.contact-opening-hrs .single-contact-opening-hrs{ margin:10px 0; text-align:center;}
.contact-opening-hrs .single-contact-opening-hrs h4{ margin-bottom:5px; }
.contact-content .form-group.half{ width:100%; margin:0; }
.contact-content .form-group.third{ width:100%; margin:0; }
.comment-metadata .reply{ position:relative; margin-bottom:15px; right:-20px; }
.comments-area .comment-list ul.children{ margin-left:20px; }
[data-tooltip]::before{ width:150px; }
.post-bottom .post-tags{ margin-bottom:10px; }
.post-bottom .post-tags, .post-bottom .social_share{ float:none; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:auto; float:none; }
#commentform input[type="text"]{ float:none; }
#nav-below.post-navigation{ padding:10px 0; flex-direction:column; }
.nav-previous, .nav-next{ float:none; width:100%; margin-bottom:5px; }
.nav-next a:before, .nav-previous a:before{ content:none; }
.nav-previous{ text-align:left; }
.nav-next{ text-align:right; }
.nav-next a, .nav-previous a{ padding:0; }
.author-box { margin-top: 3.25rem; padding: 1.5rem; position: relative; }
.author-img{ position:relative; margin:0 auto 15px; }
.author-bio-box{ padding-left:0; text-align:center; }
[data-tooltip]::before, [data-tooltip]::after{ display:none; } #sidebar.team-sidebar, #sidebar.testi-sidebar{ float:none; }
.team-testi-post-thumb{ width:100%; float:none; margin:0 0 30px; }
.single-team-content, .single-testi-content{ padding-left:0; margin-top:30px; }
.member-info ul li{ width:100%; margin-left:0; margin-right:0; } .flotRight{ float:none !important;}
#sidebar{ width:100%; float:left; margin:30px 0 0; padding-bottom:0; }
#sidebar aside.widget{ margin-right:0; }
.sidebar-left{ float:none !important; width:100%; }	
body .boxlayout #sidebar{ padding:0 10px; } .searchbox{ width:100%; padding-left:0; }
.item{padding-left:0; width:auto; }
ol.nav-numbers{ display:none;}
#testimonials ul li .tm_description p{ text-align:left; }
#back-top { right:5px; } .search-result-form{ width:100%; }
.search-result-form input[type="search"]{ width:66%; }
.search-result-box, .search-result-box .post-thumb, .search-result-box .post-summary{ display:block; }
.search-result-box .post-thumb{ float:none; width:100%; } .error-404 .search-form{ width:100%; }
.error-404 .search-form input[type="search"]{ width:100%; margin-right:0; }
.error-404 .title-404{ font-size:10em; } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 6px 12px; }
button.single_add_to_cart_button{ margin:0 18px !important; }
p.stock{ margin-bottom:10px; }
.woocommerce .product_meta span{ display:block; }
.woocommerce .product_meta span span{ display:inline; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ display:block; }
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{ margin-top:30px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:100%; }
}
@media screen and (max-width:480px){
#slider .nivo-caption h2{ font-size:24px; line-height:26px; margin-bottom:0; }
#slider .nivo-caption h4{ font-size:16px; letter-spacing:2px; margin-bottom:10px;}
.slider-main{ min-height:130px; }
}
@media screen and (min-width:481px) and (max-width:767px){
#slider .nivo-caption h2{ font-size:35px; line-height:normal; margin:15px 0; }
.nivo-controlNav { top:34%;}
.slider-main{ min-height:190px; }
}
@media screen and (min-width:481px) and (max-width: 767px){
.container, .content-area{ width:400px; margin:0 auto; }
body.page-template-template-full-screen .content-area{ width:100%; }
}
@media screen and (min-width:767px) and (max-width: 768px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; }
}
@media screen and (min-width:768px) and (max-width: 990px){
.flex-element { display:block;}
.contact-opening-hrs .flex-element { display:flex;} .logo{ width:36%; position:relative; display:inline-block; vertical-align:middle; text-align:left; margin:0; padding:10px 0; }
.logo a{ display:block; }
.logo img{ margin:0; }
.toggle{ text-align:right; right:24px !important; }
.toggle a{ float:right; padding:28px 20px; }
.toggle a:before{ left:auto; right:0; }
.header-content { width:100%; margin-top:20px;}
.top-header { padding-left:10px; padding-right:10px;}
.top-header:before, .top-header:after { content:none; border:none;}
.topbar-widget { margin-left:0;}
.top-header .social-icons { padding-right:10px; margin-right:10px;}
.head-cell { padding-right:10px; margin-right:10px;} .slider-main{ min-height:400px; }
.nivo-caption{ width:80%; margin:0 auto; left:0; right:0; top:50%;}
#slider.caption-text-left .nivo-caption{ width:80%; left:5%;}
#slider.caption-text-right .nivo-caption{ right:0; }
#slider .nivo-caption h4 { font-size:20px; margin-bottom:10px;}
#slider .nivo-caption h2{ font-size:25px !important; line-height:1; margin-bottom:10px;}
a.sliderbtn { padding:8px 22px;}
a.nivo-nextNav { bottom:8%}
a.nivo-prevNav { top:20%}
.boxlayout .slider-main{ min-height:350px; }
.show-header-image{ padding:12em 0; } .section_head h2.section_title{ margin-bottom:10px; font-size:30px;}
.full-container .section_head p { width:70%; }
.ipad-full{ width:100%; }
.ipad-half{ width:49%; }
.ipad-half:nth-child(2n+1){ margin-right:0; } .feature-wrap { -webkit-transform:translateY(-45%); -ms-transform:translateY(-45%); transform:translateY(-45%);}
.feature-type { padding-left:10px; padding-right:10px;}
.feature-up { padding:10px;}
.feature-up span { font-size:30px; line-height:30px; margin-bottom:8px;}
.feature-up h4 { font-size:15px; line-height:22px;}
.feature-right { margin-left:128px;}
.feature-overlay ul { padding:15px 10px 15px 15px;}
.feature-overlay ul li { font-size:11px; line-height:13px;}
.feature-down a.more-details { height:35px; line-height:35px; font-size:12px;}
.feature-down a.more-details:before { content:none;}
.about-video-inner .circle {display:none;}
.top-icon { display:none;}
.about-left h5 { margin-bottom:10px;}
.about-left h3 { font-size:24px; line-height:33px; margin-bottom:10px;}
.ext_icon:before { content:none;}
.about-box { width:100%;}
.image-one, .image-two { width:auto;}
.ser-icon { width:45px;}
.ser-item { padding-left:0;} 
.ser-item p { line-height:24px; font-size:14px;}
.back-icon { font-size:110px;}
.count-inner .counter { font-size:35px; line-height:40px; margin-bottom:10px;}
.main-icon { font-size:40px; margin-bottom:0;}
.count-inner .counter-ttl { font-size:18px; margin-bottom:0;}
.content-inner h5 { font-size:16px;}
.ext-item i { font-size:35px;}
.project-list { width:30%; margin-left:12px; margin-right:12px;}
.project-box:hover .content-inner .meta-category, .project-list:hover .content-inner .meta-category, .relproject-list:hover .content-inner .meta-category { top:145px;}
.whychoose-inner { padding-left:10px; padding-right:10px;}
.whychoose-box h5 { font-size:16px; line-height:normal;}
.testi-item-inner { padding:30px 30px 40px 26px;}
.testi-thumb { margin-bottom:10px;}
.post-meta span { margin-bottom:5px;}
.news-box .news-content h3 { font-size:16px;} .foot-top-right { width:70%; padding-left:10%;}
.foot-top-right:before { -webkit-transform:skew(-25deg); -ms-transform:skew(-25deg); transform:skew(-25deg);}
.foot-top-right .foot-right-text h3 { font-size:25px;}
.foot-top-right .foot-right-text span.has-btn b { font-size:23px;}
.textwidget { padding-left:20px;}
.widget-column{ width:49%; min-height:240px; margin-bottom:30px; }
.footer-cols-four .widget-column{ margin-right:2%; padding-right:2%; padding-left:0; margin-left:0; }
.footer-cols-four .widget-column:nth-child(2n+2){ margin-right:0; padding-right:0; }
.widget-getintouch-social li { margin:0 4px;}
.copyright-text { display:inline-block;}
.designby-text { display:inline-block;}
.copyright-padding { padding:0 30px; }
#back-top{ bottom:0px; } .innerbanner h1.innerpage-title{ padding:1em 0; font-size:25px; }
h1.innerpage-title.without-banner{ margin-top: 0; }
.boxlayout .innerbanner .container{ padding:30px 20px; }
.boxlayout h1.innerpage-title{ padding: 1em 0.5em; }
.innerbanner .container{ padding:50px 20px; }
.error-404 .search-form{ width:60%; }
.inner-icon-box { padding:15px 10px 15px;}
.icon-box-thumb { font-size:45px;}
.icon-box-content h4 { font-size:15px;}
.pricing-col { border-radius:0;}
.package-price, .package-row { padding-left:15px; padding-right:15px;}
.package-price { font-size:28px;}
.package-price sub { font-size:12px; left:0;}
.prometa-left ul li { font-size:14px;}
h3.widget-title { text-align:left; padding-left:25px;} .contact-opening-hrs .single-contact-opening-hrs { text-align:center; margin-bottom:20px;}
.c-info-bg { padding:90px 20px;}
.c-info-desc p { left:-15px; padding-right:10px;} .author-box{ padding:3%; }
#sidebar{ margin-top:30px; }
.post-summary{ overflow:hidden; }
#sidebar.team-sidebar, #sidebar.testi-sidebar{ float:none; }
.single-team-content, .single-testi-content{ padding-left:0; margin-top:30px; } body.page-template-template-full-screen .content-area{ padding:0 !important;  }
.content-area{ padding:50px 20px !important; }
#sidebar, .site-main, .sidebar-left{ float:none; width:100% !important; } .woocommerce div.product p.stock{ margin-bottom:15px; }
.woocommerce button.button.single_add_to_cart_button{ margin:3px 20px; } .boxlayout .header-right { margin: 15px 0;}
.boxlayout .slider-main .nivo-controlNav::after { bottom:55px;}
.boxlayout .slider-main .nivo-controlNav::before { top:-40px;}
.boxlayout .slider-main a.nivo-prevNav { left:3%; top:14%}
.boxlayout .feature-left { width:32%;}
.boxlayout .feature-right { margin-left:112px;}
.boxlayout .foot-top-right .foot-right-text h3 { font-size:22px;}
.boxlayout .process-item { padding:0 15px;}
.boxlayout .package-price { font-size:24px;}
.boxlayout .project-list { margin-left:8px; margin-right:8px;}
.boxlayout .project-thumb .thumb-overlay .overlay-text .span-icon:after { width:50px; height:50px; left:-16px;}
.boxlayout .project-thumb .thumb-overlay .overlay-text .span-icon { font-size:20px; line-height:10px;}
.boxlayout .content-inner h5 { font-size:14px;}
.boxlayout .gallery-image .gal-icon { font-size:20px;}
.boxlayout .gallery-image .gal-icon i { width:50px; height:50px; line-height:50px;}
.boxlayout .gallery-image .gal-icon:after { width:50px; height:50px;}
.boxlayout .gallery-image .image-content { padding:10px;}
.boxlayout .gallery-image .ext-item i { font-size:25px;}
}
@media screen and (max-width:1169px) and (min-width:768px) {
.header .container, .navigation .container, .full-container, .container { width:100%; padding:0 20px;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.slider-main{ min-height:360px; background-position: center center; }
section.sec-overlay .full-container h4.section-sub-title, section.secbg-overlay .full-container h4.section-sub-title, section.sec-overlay .full-container h2.section_title, section.secbg-overlay .full-container h2.section_title { margin-left:0;}
}
@media screen and (max-width:1169px) and (min-width:991px) {
.content-area{ padding-top:50px !important; padding-bottom:50px !important; }
body.page-template-template-full-screen .content-area{ padding:0 !important;  } .top-header .social-icons { padding-right:15px;	margin-right:15px;}
.head-cell { padding-right:10px; margin-right:15px;}
.sitenav { padding-right:5px; padding-left:5px;}
.sitenav ul li a { padding-left:10px; padding-right:10px;}
.sitenav ul li{ margin-right:4px; }
.sitenav ul li ul{ z-index:15; }
.sitenav ul li a.parent:before{ right:-5px; }
.sticky-header .sticky-left { width:17%;}
.sticky-header .sticky-right .sitenav ul li a { padding-left:4px; padding-right:4px;} .slider-main{ min-height:380px; background-position: center center; }
.nivo-caption{ top:54%; width:75%; -webkit-transform:translateY(-60%); -ms-transform:translateY(-60%); transform:translateY(-60%); }
.nivo-caption h2{ font-size:32px !important; line-height:40px; margin-bottom:15px; }
a.sliderbtn { padding-top:10px; padding-bottom:10px;}	
.nivo-directionNav a.nivo-prevNav{ left:3%; }
.feature-wrap { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.feature-type { padding-left:10px; padding-right:10px;}
.feature-left { width:33%;}
.feature-up { padding:15px 10px 15px;}
.feature-up span { font-size:40px; line-height:40px;}
.feature-up h4 { font-size:18px;}
.feature-right { margin-left:165px;}
.feature-overlay ul { padding:20px;}
.feature-down a.more-details:before { left:12px; top:0px; font-size:12px;}
.ext_icon:before { font-size:90px; line-height:90px; bottom:82px; left:-93px;}
.about-icon { width:50px; height:50px; font-size:22px; line-height:50px;}
.aboutbx-inner { padding-left:58px;}
.aboutbx-inner h5 { margin-bottom:5px;}
.about-left p { margin-bottom:10px;}
.about-left h3, .about-left h5 { margin-bottom:10px;}
.about-box { padding:0 10px;}
.image-one, .image-two { width:auto;}
.top-header:after { width:100%;}
.content-inner h5 { font-size:15px;}
.testi-item-inner { padding:30px;}
.post-meta span { margin-bottom:5px;} .foot-top-right { width:65%; padding-left:10%;} .innerbanner h1.innerpage-title{ padding:2.5em 0 2.5em; font-size:35px;}
.innerbanner .container{ padding:2em 20px; }	
.site-main{ width:66.6667%; }
#sidebar{ width:30%; }
.author-box{ padding:1.5rem 1.5rem; }
.sidebar-left{ width:30%; }
.sidebar-left #sidebar{ width:100%; }
body.single-product .content-area{ padding-bottom:50px; }
.inner-icon-box { padding:25px 10px;}
.package-price, .package-row { padding-left:25px; padding-right:25px;}
.project-list { margin-left:11px; margin-right:11px;}
.ext-item i { font-size:35px;}
.image-content { padding-left:10px; padding-right:10px;}
.c-info-bg { padding-top:70px; padding-bottom:70px;}
.c-info-desc p { padding-right:10px;} .boxlayout .container { padding:0 20px;}
.boxlayout .nivo-controlNav:after { bottom:118px;}
.boxlayout .nivo-directionNav a.nivo-prevNav{ left:3%; top:20%;}
.boxlayout .innerbanner .container{ padding:2em 20px; }
.boxlayout .feature-overlay ul { padding-top:15px; padding-bottom:15px;}
.boxlayout .feature-overlay ul li { font-size:14px; line-height:22px;}
.boxlayout .feature-down a.more-details:before { left:11px;}
.boxlayout .whychoose-inner { padding-left:10px; padding-right:10px;}
}
@media screen and (min-width:1170px) and (max-width: 1366px){
.slider-main{ min-height:600px; }
.nivo-caption p{ width:auto; } .sitenav ul li a.parent::before{ right:-10px; }
}
@media screen and (min-width:768px) and (max-width: 1100px){	
section{ background-attachment: scroll !important; }
}
@media screen and (max-width: 990px){
.header-responsive{ background-color:#ffffff; display:block; padding:0 0 10px; position: relative; }
.innerpage-banner{ padding-top: 0; }
.header-main{ display:none; }
.sticky-header{ display:none; }
section{ padding:40px 0; }
.toggle{ display:inline-block; vertical-align:middle; position:absolute;; margin-left:8px; right:16px; top:25px; }	
.toggleMenu{display: block; }
.sitenav{float:none; margin:10px 0 0; top:0; position:relative; overflow-x:hidden; width:100%; padding:0; display:block;}
.sitenav ul{color:#ffffff; width:100% !important; float:none !important; margin:0; padding:0; background-color:#333333; overflow:hidden; border:none; }
.sitenav ul li{display:block; float:none; border-right:none; line-height:normal; border-top: 1px solid #000000; margin-right:0; padding:0; }
.sitenav ul li a{padding:14px 12px; display:block; font-weight:400; text-align:left; background:none; color:#ffffff !important; }
.sitenav ul li.current_page_item a::before, .sitenav ul li a::after { content:none;}
.sitenav ul li ul li:last-child a{ padding:9px 25px; }
.sitenav ul li a.parent:before{ display:none; }
span.submenu-button { position: absolute;z-index:99; right: 0; top: 0; display:block; border-left:1px solid #000000; height:45px; width:45px;cursor:pointer; background-color:#333333; }
span.submenu-button:before { position: absolute; top: 21px; right: 20px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; }
span.submenu-button:after { position: absolute; top: 24px; right: 17px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
.sitenav ul li:hover > ul{ background:none !important; width:auto !important; display:none; position: relative !important; left:0; right:0; top:0; animation:none !important; }
.sitenav ul li ul, .sitenav ul li ul ul{ display:block; position:relative; left:0; }
.sitenav ul li ul li{ top:0; }
.sitenav ul li ul li a{padding:9px 25px; text-align:left; display:block;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul ul ul li a { padding-left: 35px; }
.sitenav ul ul .submenu-button { height: 35px; width: 35px; }
.sitenav ul ul .submenu-button:before { top: 15px; right: 16px; }
.sitenav ul ul .submenu-button:after { top: 18px; right: 13px; }
.submenu-button.submenu-opened:before{ background: #333333; }
.sitenav ul li:before, .sitenav ul li.current_page_item a:before { transform:none; display:none;}
.logo img{ height:auto !important; width:auto; }
.woocommerce .quantity .qty{ display:inline-block; margin:0; }
}
@media screen and (min-width: 1024px) {
.social-share-whatsapp {
display: none !important;
}
}/**/.portfoliowrap	{ overflow:visible;position:relative; margin-left: 0; margin-bottom:-80px; }
.portfolio		{ overflow:visible !important; position:relative; }
.portfolio img	{ width:100%; max-width:none !important; height:auto; display:block;}
.threecol .entry	{ width:393px; float:left;overflow:visible;position:relative; }
.fourcol .entry	{ width:25%; float:left;overflow:visible;position:relative; }
.fivecol .entry	{ width:275px; float:left;overflow:visible;position:relative; }
.portoolbar ul { text-align:center; margin-bottom:30px;}
.portoolbar ul li { position:relative; font:400 15px 'Merienda'; border:2px solid #102e19; color:#102e19; text-transform:capitalize; text-decoration:none; cursor:pointer; display:inline-block; line-height:normal; padding:8px 15px; margin:10px 5px; vertical-align:middle; -webkit-appearance:none; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; letter-spacing:2px;} .portoolbar ul li:hover { text-decoration:none;}
.portoolbar ul li.active { background-color:#3db64a; color:#ffffff; border-color:#3db64a; font-weight:600; border-radius:0 25px 0;} .portoolbar ul li:focus { outline:none;}
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .mix { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; margin-top:60px; }
.mix{ -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.holderwrap { position:relative; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; }
.holderwrap h5{ display:none; }
.controls {display: inline-block; width: 180px; margin: 0 0 30px; vertical-align: top; }
.controls li { margin-left: 20px; cursor: pointer; list-style-type: square; }
.controls li.active { font-weight: 700; }
#mixitup { width: auto; text-align:center; }
#mixitup .mix { display:none; opacity:0; vertical-align:top; -webkit-transition:ease; transition:ease; margin:0; padding:5px;}
#mixitup .mix img{ display:block; width:100%; height:auto; }
#mixitupgal { width: auto; text-align:center; }
#mixitupgal .mix { display:none; opacity:0; vertical-align:top; -webkit-transition:ease; transition:ease; margin:0; width:25%; padding:5px; }
#mixitupgal .mix img{ display:block; width:100%; height:auto; }body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(//rightgardenservices.co.uk/wp-content/themes/garden-pro/images/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
} .lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
float: left;
list-style:none;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}/*/*/.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}