.is-menu a,.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);color:#000;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu,form .is-link-container{position:relative}.is-menu a{line-height:1}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:9;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu.open .search-close,.is-menu.full-width-menu:not(.open) form,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close,.is-menu.sliding:not(.open) form,form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style-2 .is-search-submit,.is-link-container,.is-menu form .screen-reader-text,.search-close{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.popup-search-close,.search-close{cursor:pointer;width:20px;height:20px}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{position:absolute;right:-22px;top:33%;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(4,4,4,.91);z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-form-style label,.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}.is-form-style label{padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:1px solid #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0;padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}* {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ol,
ul,
nav ul {
list-style:none;
}
ul ul,
ol ol{
padding-left: 20px
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
code{
white-space: pre-line;
line-height: 30px;
padding: 0 10px;
display: block;
background: url(//www.cozi.co.za/wp-content/themes/er-leaf/images/code.png) repeat;
border: 1px solid #f1f1f1;
}
code br{
display: none
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline: 0
}
p{
margin: 0 0 10px;
}
p.no-margin{
margin: 0 !important;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-bottom: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
line-height: 2;
margin: 0 0 30px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: center;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ccc;
padding: 6px 10px 6px 0;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after{
display: table;
content: "";
line-height: 0;
}
.clearfix:after{
clear: both;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
[hidden] {
display: none;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #ccc;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin: 0; 
padding: 0; 
list-style: none ! important;
} 
.flexslider{
margin: 0; 
padding: 0;
position: relative;
}
.flexslider .slides > li{
display: none; 
-webkit-backface-visibility: hidden;
}
.flexslider .slides > li:first-child {
display: block; 
-webkit-backface-visibility: visible;
} 
.flexslider .slides img{
width: 100%; 
display: block;
}
.flex-pauseplay span{
text-transform: capitalize;
}
.slides:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
}
.no-js .slides > li:first-child, 
html[xmlns] .slides {
display: block;
} 
* html .slides{
height: 1%;
}
.inline li{
float: left;
margin: 0 5px 5px 0;
}
.the-icons li{
margin: 0 0 10px;
}
.the-icons li i{
font-size: 18px;
margin-right: 5px;
min-width: 20px;
display: inline-block;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.top-5{
margin-top: 5px !important;
}
.top-10{
margin-top: 10px !important;
}
.top-20{
margin-top: 20px !important;
}
.top-30{
margin-top: 30px !important;
}
.bot-5{
margin-bottom: 5px !important;
}
.bot-10{
margin-bottom: 10px !important;
}
.bot-20{
margin-bottom: 20px !important;
}
.bot-30{
margin-bottom: 30px !important;
}
.no-top{
margin-top: 0 !important
}
.no-bot{
margin-bottom: 0 !important
} h1,h2,h3,h4,h5,h6{
font-family: inherit;
line-height: auto;
font-weight: bold;
color: inherit;
margin: 0 0 15px
}
h1{
font-size: 22px;
line-height: 28px;
}
h2{
font-size: 20px;
line-height: 26px;
}
h3{
font-size: 18px;
line-height: 24px;
}
h4{
font-size: 16px
}
h5{
font-size: 14px
}
h6{
font-size: 12px
}
small{
font-size: 11px;
} .wrap{
width: 1170px;
margin: 0 auto
}
.wrap:before,
.wrap:after {
display: table;
content: " ";
}
.wrap:after {
clear: both;
}
.wrap:before,
.wrap:after {
display: table;
content: " ";
}
.wrap:after {
clear: both;
}
.cols{
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
}
.cols:before,
.cols:after {
display: table;
content: " ";
}
.cols:after {
clear: both;
}
.cols:before,
.cols:after {
display: table;
content: " ";
}
.cols:after {
clear: both;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
float: left;
margin: 0 15px
}
.col-1{
width: 70px
}
.col-2{
width: 170px
}
.col-3{
width: 270px
}
.col-4{
width: 370px
}
.col-5{
width: 470px
}
.col-6{
width: 570px
}
.col-7{
width: 670px
}
.col-8{
width: 770px
}
.col-9{
width: 870px
}
.col-10{
width: 970px
}
.col-11{
width: 1070px
}
.col-12{
width: 1170px
}
.offset-1{
margin-left: 115px
}
.block{
margin: 0 0 40px
}
.block .wrap{
overflow: hidden;
} .sticky{
}
.bypostauthor{
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f1f1f1;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption:hover{
border-color: #ccc
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption [class*=" wp-image-"],
.wp-caption [class^="wp-image-"],
.wp-caption [class^="wp-image-"]:hover,
.wp-caption [class*=" wp-image-"]:hover{
border: 1px solid #f1f1f1 ! important;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 5px 4px 0px;
}
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery p{
display: block;
height: 4px
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition:         opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.entry-content ul{
list-style: square inside;
margin-bottom: 15px
}
.entry-content ol ol,
.entry-content ul ul{
margin-bottom: 0
}
.entry-content ol{
list-style: decimal inside;
margin-bottom: 15px
} .round{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #f1f1f1;
}
[class^="wp-image-"],[class*=" wp-image-"]{
border: 1px solid #f1f1f1;
padding: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
[class^="wp-image-"]:hover,[class*=" wp-image-"]:hover{
border: 1px solid #ccc;
}
.hr{
width: 100%;
height: 1px;
background: #fff;
border-bottom: 1px solid #f0f0f0;
margin: 30px 0
}
.no-line{
border-top: 1px solid #f1f1f1;
margin-top: 30px;
margin-bottom: 30px;
}
.title{
text-align: center;
margin: 0 0 30px
}
.title h3{
margin: 0 0 5px
}.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
width: 100% !important
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-fullscreen { overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
} .mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain ;
background-position: 50% 50% ;
background-repeat: no-repeat ;
}
:root .mejs-poster img {
display: none ;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/bigplay.svg) no-repeat;
}
.no-svg .mejs-overlay-button { 
background-image: url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/bigplay.png);
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px ;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: transparent url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/loading.gif) 50% 50% no-repeat;
}  .mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls  div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/controls.svg) no-repeat;
}
.no-svg .mejs-controls .mejs-button button { 
background-image: url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/controls.png);
} .mejs-controls .mejs-button button:focus {
outline: solid 1px yellow;
}  .mejs-container .mejs-controls .mejs-time {
color: #C0392B;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0 3px ;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
color: #C0392B;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}  .mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}  .mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #fff;
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #C0392B;
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #C0392B;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}   .mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}  .mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
} .mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 60px;
position: relative;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;	
background: #333;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #C0392B;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}  .mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(//www.cozi.co.za/wp-content/themes/er-leaf/images/media/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #C0392B;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #C0392B;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;		
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #C0392B;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #666;	
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align:center;
line-height: 22px;
font-size: 12px;
color: #C0392B;
}
.mejs-captions-layer  a {
color: #C0392B;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 3px 5px;
background: rgba(20, 20, 20, 0.8);
}  .me-cannotplay {
}
.me-cannotplay a {
color: #C0392B;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}  .mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}  .mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}  .mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}  .mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #C0392B;
border: solid 1px #999;
z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #C0392B;
} .mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #C0392B;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}  .mejs-postroll-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(50,50,50,0.7);
z-index: 1000;
overflow: hidden;
}
.mejs-postroll-layer-content {
width: 100%;
height: 100%;
}
.mejs-postroll-close {
position: absolute;
right: 0;
top: 0;
background: rgba(50,50,50,0.7);
color: #C0392B;
padding: 4px;
z-index: 100;
cursor: pointer;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
button.mfp-close:hover,
button.mfp-arrow:hover,
button.mfp-close:focus,
button.mfp-arrow:focus{
background: transparent;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.mfp-iframe-holder .mfp-close {
top: -40px; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.8);
background: #444444; }
.mfp-figure {
line-height: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; } .mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out; 
-moz-transition: all 0.3s ease-out; 
-o-transition: all 0.3s ease-out; 
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
} .flexnav {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
width: 100%; }
.flexnav.with-js {
max-height: 0; }
.flexnav.opacity {
opacity: 0; }
.flexnav.show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }
.flexnav.one-page {
position: fixed;
top: 50px;
right: 5%;
max-width: 200px; }
.flexnav li {
font-size: 100%;
position: relative;
overflow: hidden; }
.flexnav li a {
position: relative;
display: block;
padding: .96em;
z-index: 2;
overflow: hidden;
color: #222222;
background: #a6a6a2;
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.flexnav li ul {
width: 100%; }
.flexnav li ul li {
font-size: 100%;
position: relative;
overflow: hidden; }
.flexnav li ul.show li {
overflow: visible; }
.flexnav li ul li a {
display: block;
background: #b2b2af; }
.flexnav ul li ul li a {
background: #bfbfbc; }
.flexnav ul li ul li ul li a {
background: #cbcbc9; }
.flexnav .touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #acaca1;
background: rgba(0, 0, 0, 0.075);
text-align: center; }
.flexnav .touch-button:hover {
cursor: pointer; }
.flexnav .touch-button .navicon {
position: relative;
top: 1.4em;
font-size: 12px;
color: #666; }
.menu-button {
position: relative;
display: block;
padding: 1em;
background: #a6a6a2;
color: #222222;
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu-button.one-page {
position: fixed;
top: 0;
right: 5%;
padding-right: 45px; }
.menu-button .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
text-align: center; }
.menu-button .touch-button .navicon {
font-size: 16px;
position: relative;
top: 1em;
color: #666; }
@media all and (min-width: 800px) {
body.one-page {
padding-top: 70px; }
.flexnav {
overflow: visible; }
.flexnav.opacity {
opacity: 1; }
.flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }
.flexnav li {
position: relative;
list-style: none;
float: left;
display: block;
background-color: #a6a6a2;
width: 20%;
overflow: visible; }
.flexnav li a {
border-left: 1px solid #acaca1;
border-bottom: none; }
.flexnav li > ul {
position: absolute;
top: auto;
left: 0; }
.flexnav li > ul li {
width: 100%; }
.flexnav li ul li > ul {
margin-left: 100%;
top: 0; }
.flexnav li ul li a {
border-bottom: none; }
.flexnav li ul.open {
display: block;
opacity: 1;
visibility: visible;
z-index: 1; }
.flexnav li ul.open li {
overflow: visible;
max-height: 100px; }
.flexnav li ul.open ul.open {
margin-left: 100%;
top: 0; }
.menu-button {
display: none; } }
.oldie body.one-page {
padding-top: 70px; }
.oldie .flexnav {
overflow: visible; }
.oldie .flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }
.oldie .flexnav li {
position: relative;
list-style: none;
float: left;
display: block;
background-color: #a6a6a2;
width: 20%;
min-height: 50px;
overflow: visible; }
.oldie .flexnav li:hover > ul {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li:hover > ul li {
width: 100%;
float: none; }
.oldie .flexnav li a {
border-left: 1px solid #acaca1;
border-bottom: none;
overflow: visible; }
.oldie .flexnav li > ul {
background: #acaca1;
position: absolute;
top: auto;
left: 0;
display: none;
z-index: 1;
overflow: visible; }
.oldie .flexnav li ul li ul {
top: 0; }
.oldie .flexnav li ul li a {
border-bottom: none; }
.oldie .flexnav li ul.open {
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav li ul.open li {
width: 100%; }
.oldie .flexnav li ul.open ul.open {
margin-left: 100%;
top: 0;
display: block;
width: 100%;
overflow: visible; }
.oldie .flexnav ul li:hover ul {
margin-left: 100%;
top: 0; }
.oldie .menu-button {
display: none; }
.oldie.ie7 .flexnav li {
width: 19.9%; }@font-face{font-family:'FontAwesome';src:url(//www.cozi.co.za/wp-content/themes/er-leaf/font/fontawesome-webfont.eot?v=3.2.1);src:url(//www.cozi.co.za/wp-content/themes/er-leaf/font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(//www.cozi.co.za/wp-content/themes/er-leaf/font/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(//www.cozi.co.za/wp-content/themes/er-leaf/font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(//www.cozi.co.za/wp-content/themes/er-leaf/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
body{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
font-size: 13px;
line-height: 22px;
background-color: #fff;
color: #232323
} a{
text-decoration: none;
color: #555;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
a:hover{
color: #C73831
}
.out-link{
font-weight: bold;
position: relative;
margin: 0 10px 0 0;
}
.out-link:after{
content: "\f08e";
font-family: "FontAwesome";
font-weight: normal;
font-size: 8px;
position: absolute;
right: -10px;
top: -10px;
} .button,
button,
input,
textarea {
border: 1px solid #ccc;
font-family: inherit;
padding: 5px 10px;
margin-bottom: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input,
textarea {
color: #aaa;
padding: 6px 10px;
}
input:focus,
textarea:focus {
border: 1px solid #ccc;
outline: 0;
} .button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #fff; background: -webkit-linear-gradient(top, #fff 0%, #fbfbfb 100%); background:   linear-gradient(to bottom, #fff 0%, #fbfbfb 100%); color: #626262;
display: inline-block;
padding: 7px 25px 6px;
text-decoration: none;
-webkit-transition: background 0.5s ease-in-out;
-moz-transition: background 0.5s ease-in-out;
-ms-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
font-weight: bold;
font-size: 12px
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #fff; background: -webkit-linear-gradient(top, #fbfbfb 0%, #f3f3f3 100%); background:   linear-gradient(to bottom, #fbfbfb 0%, #f3f3f3 100%); color: #333;
border: 1px solid #939393;
outline: none;
cursor: pointer;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #f5f5f5; background: -webkit-linear-gradient(top, #f7f7f7 0%, #f5f5f5 100%); background:   linear-gradient(to bottom, #f7f7f7 0%, #f5f5f5 100%); color: #333;
border: 1px solid #ccc;
outline: none;
cursor: pointer;
} ::-webkit-input-placeholder {
color: #555;
}
:-moz-placeholder {
color: #555;
}
::-moz-placeholder {
color: #555;
}
:-ms-input-placeholder {
color: #555;
} .container{
width: 1230px;
background: #fff;
margin: 0 auto;
padding: 0 30px 0;
-webkit-box-shadow: 0px 0px 20px rgba(202, 202, 202, 1);
-moz-box-shadow:    0px 0px 20px rgba(202, 202, 202, 1);
box-shadow:         0px 0px 20px rgba(202, 202, 202, 1);
}
.container .slide,
.container .top-widget,
.container .heading-custom,
.container header,
.container footer{
margin-left: -30px;
margin-right: -30px;
}
.container{
background-color: #fff
}
.fullwidth{
background: #fff !important
}  header{
border-top: 5px solid #C73831;
}
header #top-info{
padding: 10px 0;
border-bottom: 1px solid #f1f1f1;
color: #aaa;
position: relative;
z-index: 99999;
}
header #header{
border-bottom: 5px solid rgba(0,0,0,0.1);
position: relative;
z-index: 2
}
header #header .logo{
float: left
}
header #header .logo .site-title a{
display: inline-block;
margin: 20px 0 0 0
}
header #header .logo .site-description{
display: block;
text-indent: -99999px;
line-height: 1px;
}
header #header .logo_retina{
display: none;
} header #header .site-menu{
float: right
}
header #header .site-menu ul li{
float: left;
}
header #header .site-menu i{
margin-right: 10px
}
header #header .site-menu ul li a{
display: inline-block;
padding: 25px 20px;
margin: 0 0 0 1px;
text-transform: uppercase;
font-weight: bold;
}
header #header .site-menu ul > li.sfHover > a,
header #header .site-menu ul > li.current-menu-item > a,
header #header .site-menu ul > li > a:hover{
color: #C73831;
border-bottom: 5px solid #C73831;
margin: 0px 0 -5px 1px;
}
header #header .site-menu ul li li.current-menu-item > a{
border-bottom: 0;
}
header #header .site-menu ul li li.sfHover > a{
border-bottom: 0;
color: #fff
}
header #header .site-menu ul li a.sf-with-ul:after{
content: "\f0d7";
font-family: FontAwesome;
right: 5px;
position: absolute;
}
header #header .site-menu ul li ul li a.sf-with-ul:after{
content: "\f0da";
font-family: FontAwesome;
right: 10px;
}
header #header .site-menu .sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
header #header .site-menu .sf-menu li {
position: relative;
}
header #header .site-menu .sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
background: #191919;
margin: 5px 0 0 1px;
}
header #header .site-menu .sf-menu ul li{
border-bottom: 1px solid #222;
display: block;
float: none;
width: 170px
}
header #header .site-menu .sf-menu ul li a{
display: block;
margin: 0;
padding: 10px;
font-size: 12px;
font-weight: normal;
}
header #header .site-menu .sf-menu ul li a:hover{
border:0;
padding: 10px;
margin: 0;
background: #111;
color: #eee
}
header #header .site-menu .sf-menu > li {
float: left;
}
header #header .site-menu .sf-menu li:hover > ul,
header #header .site-menu .sf-menu li.sfHover > ul {
display: block;
}
header #header .site-menu .sf-menu a {
display: block;
position: relative;
}
header #header .site-menu .sf-menu ul ul{
top: 0;
left: 100%;
margin: 0 0 0 1px;
z-index: 99
} header #header #full-menu{
border-top: 1px solid #f1f1f1;
float: none;
margin-top: 10px;
}
header #header #full-menu ul{
border-right: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
}
header #header #full-menu ul ul{
border-right: 0;
border-left: 0;
margin-left: -1px
}
header #header #full-menu ul ul ul{
margin: 0 0 0 1px;
}
header #header #full-menu ul li{
float: left;
border-right: 1px solid #f1f1f1;
}
header #header #full-menu ul li ul li{
border-right: 0
}
header #header #full-menu ul li a{
padding: 15px 20px;
display: inline-block;
margin-right: -1px;
margin-left: -1px;
}
header #header #full-menu ul li ul li a{
border-right: 0;
padding: 10px;
margin: 0;
}
header #header #full-menu ul li ul li a:hover{
margin: 0;
}
header #header #full-menu ul li a.sf-with-ul{
padding: 15px 40px 15px 20px
}
header #header #full-menu ul ul a.sf-with-ul{
padding: 10px
}
header #header #full-menu ul li a.sf-with-ul:after{
right: 20px
}
header #header #full-menu ul li ul li a{
display: block
}
header #header #full-menu ul li ul li a.sf-with-ul:after{
right: 10px;
} .header-link{
text-align: right;
position: relative;
}
.header-link ul{
text-align: right;
}
.header-link ul li{
display: inline-block;
}
.header-link ul li{
margin: 0 2px 0 0;
font-size: 18px
}
.header-link ul a{
color: #fff;
display: inline-block;
min-width: 25px;
padding: 0px 8px;
background: #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
}
.header-link ul i{
font-size: 14px;
}
.social-header-link .social{
float: right;
} .news-slide span{
float: left;
margin-right: 10px;
text-transform: uppercase;
font-weight: bold;
}
.news-slide a{
color: #aaa;
text-transform: none;
} .header-short-info {
text-transform: uppercase;
}
.header-short-info h3,
.header-short-info h4{
display: inline-block;
margin: 0;
font-size: 13px;
font-weight: normal;
} .header-widget{
float: right;
}
.header-widget .contact-widget{
text-align: right;
margin: 10px 0 0;
color: #aaa;
text-transform: uppercase;
}
.header-widget .contact-widget span{
font-size: 12px;
line-height: 1px
}
.header-widget .contact-widget h3{
color: #aaa;
margin: 0;
line-height: 5px
}  #heading,
.no-heading{
margin: 0 0 30px
}
.home .no-heading{
margin: 0
}
#heading .heading-images,
#heading .heading-custom{
margin-top: -5px;
}
#heading .heading-images img{
width: 100%;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
#heading .heading-images .google_map{
width: 100%;
height: 360px;
}
#heading .wrap{
border-bottom: 1px dashed #eee;
padding: 20px 0 18px
}
#heading #sub-title .page-sub-title{
color: #aaa;
font-size: 18px;
margin: 0;
font-weight: bold
}
#heading #breadcrumb ul{
float: right;
text-align: right;
}
#heading #breadcrumb ul li{
display: inline-block;
color: #ccc
}
#heading #breadcrumb ul span,
#heading #breadcrumb ul li a{
color: inherit;
}
#heading #breadcrumb ul li a:hover{
color: #aaa
}
#heading #breadcrumb ul li a:after{
content: "\f101";
font-family: "FontAwesome";
padding: 0 10px;
cursor: default;
}
#heading #breadcrumb ul li a:hover:after{
color: #ccc
} .heading-block{
border-bottom: 2px solid #ccc;
margin: 0 0 20px;
}
.heading-block h4{
border-bottom: 2px solid #eee;
margin: 0 0 -2px;
padding: 0 0 15px;
display: inline-block;
text-transform: uppercase;
font-size: 14px
}
.widget-title .button-area{
margin-top: -2px;
}
.widget-title .button-area,
.heading-block .right-content,
.heading-block .button-area{
float: right;
display: inline-block;
}
.widget-title .button-area a,
.heading-block .button-area a{
display: inline-block;
padding: 1px 10px;
border: 1px solid #ccc;
color: #ccc;
}
.widget-title .button-area a:hover,
.heading-block .button-area a:hover{
color: #aaa;
border-color: #aaa
}  footer{
background: #181818 url(//www.cozi.co.za/wp-content/themes/er-leaf/images/striptag_x.png) repeat;
margin: 30px 0 0;
} footer .twitter-bar{
background: #C73831;
padding: 15px 20px;
margin-bottom: 30px;
color: #fff;
text-align: center;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
footer .twitter-bar p{
margin: 0;
}
footer .twitter-bar a{
color: #f7f7f7;
}
footer .twitter-bar .tweet_text a{
border-bottom: 1px dotted #fff
}
footer .twitter-bar .tweet_time a{
font-size: 11px;
margin: 0 0 0 10px;
font-style: italic;
} footer .footer-widget-area{
padding: 0 0 20px;
color: #797979
}
footer .footer-widget-area a{
color: #797979
}
footer .footer-widget-area a:hover{
color: #ccc
}
footer .widget{
margin-bottom: 30px
}
footer .widget h4.widget-title{
color: #ccc;
text-transform: uppercase;
font-size: 14px;
line-height: 18px;
border: 0;
}
footer .widget .widget-title{
margin-bottom: 10px;
}
footer .widget ul li{
padding: 5px 0;
border-bottom: 0
}
footer .widget ul li:first-child{
}
footer .widget ul li:last-child{
border-bottom: 0
} footer .credit{
background: #060606;
padding: 15px 0;
font-size: 12px
}
footer .credit p,
footer .credit a{
color: #393939
}
footer .credit a:hover{
color: #494949
}
footer .credit .footer-menu{
float: right
}
footer .credit .footer-menu li{
float: left;
margin: 0 0 0 5px;
}
footer .credit .footer-menu li:before{
content: "/";
margin:0 10px;
}
footer .credit .footer-menu li:first-child:before{
content: "";
margin: 0;
} .back-to-top{
padding:5px 15px;
background: #111;
color: #fff;
display: inline-block;
position: fixed;
right: 20px;
bottom: 10px;
}
.back-to-top:hover{
cursor: pointer;
}  .slide{
margin: -5px 0 45px;
position: relative;
z-index: 1;
}
.slide li{
position: relative;
}
.slide li .slide-content{
position: absolute;
bottom: 34px;
left: 0;
width: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
z-index: 1;
}
.slide li.flex-active-slide .slide-content{
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 1.5s ;
-moz-transition: all 1.5s ;
-ms-transition: all 1.5s ;
-o-transition: all 1.5s ;
transition: all 1.5s ;
}
.slide li .slide-content h4{
padding: 15px 20px;
background: #C73831;
color: #fff;
display: inline-block;
margin: 0;
}
.slide li .slide-content .text{
background: #fff;
padding: 20px 20px 10px;
max-width: 470px
} .slider .flex-direction-nav{
font-family: "FontAwesome";
font-size: 18px;
}
.slider .flex-direction-nav a{
position: absolute;
top: 45%;
padding: 15px;
background: #333;
display: block;
color: #fff
}
.slider .flex-direction-nav a:hover{
background: #C73831
}
.slider .flex-direction-nav a.flex-prev{
left: 0;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.slider .flex-direction-nav a.flex-next{
right: 0;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
} .content-slider .flex-direction-nav{
font-family: "FontAwesome";
font-size: 16px;
width: 1170px;
margin: 0 auto;
position: relative;
}
.content-slider .flex-direction-nav a{
position: absolute;
top: -32px;
padding: 5px 15px;
background: #333;
display: block;
color: #fff
}
.content-slider .flex-direction-nav a:hover{
background: #C73831
}
.content-slider .flex-direction-nav a.flex-prev{
left: 0;
}
.content-slider .flex-direction-nav a.flex-next{
left: 37px;
}  .widget{
margin-bottom: 30px
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0
}
.widget li > ul,
.widget li > ol {
padding-left: 20px;
}
.widget select{
width: 100%;
padding: 5px;
}
.widget .widget-title{
font-weight: bold;
text-transform: uppercase;
border-top: 1px solid #232323;
border-bottom: 1px solid #f1f1f1;
padding: 10px 0;
margin: 0 0 10px;
}
.widget .widget-title h5{
display: inline-block;
margin: 0;
}
.widget li{
border-bottom: 1px dashed #f1f1f1;
padding: 7px 0;
}
.widget li ul{
border-top: 1px dashed #f1f1f1;
margin-top: 10px;
margin-bottom: -5px
}
.widget li ul li:last-child{
border-bottom: 0
}
.widget.menu .widget-title,
.widget.recent-posts .widget-title{
margin: 0;
} .widget.newsletter form{
border: 1px solid #393939;
padding: 0;
margin: 20px 0 0;
}
.widget.newsletter form input[type=text]{
background: transparent;
border: 0;
padding: 14px 20px 8px;
width: 70%;
float: left;
color: #393939;
}
.widget.newsletter form input[type=submit]{
padding: 14px 20px;
margin: -1px 0;
background: transparent;
border: 0;
border-left: 1px solid #393939;
color: #393939;
font-size: 18px;
font-family: FontAwesome;
float: right
}
.widget.newsletter .social-connect{
margin: 20px 0 0;
}
.widget.newsletter .social-connect h6{
float: left;
text-transform: uppercase;
color: #ccc
}
.widget.newsletter .social-connect ul{
float: right
}
.widget.newsletter .social-connect ul li{
float: left;
margin: 0 0 0 5px;
border-bottom: 0;
padding: 0;
}
.social-connect ul li a{
display: block;
background: #000;
padding: 1px 6px;
text-align: center;
min-width: 25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.social-connect ul li a:hover{
color: #fff
}
.social-connect ul li a i{
font-size: 12px;
} .widget.recent-posts ul li{
padding: 20px 0
}
.widget.recent-posts li img{
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget.recent-posts li .post-content{
margin: 0 0 0 100px
}
.widget.recent-posts li .entry-title{
font-size: 14px;
line-height: 24px;
margin: 0
} .widget.widget_rss .rsswidget{
font-weight: bold;
font-size: 14px;
}
.widget.widget_rss .rss-date{
display: block;
font-size: 12px
}
.widget.widget_rss .rssSummary{
margin: 10px 0;
} .flickr-widget img {
display: block;
width: 100%;
}
.flickr-widget a:hover {
border-color: #C73831;
}
.flickr-widget a {
float: left;
width: 80px;
height: 80px;
margin: 0 5px 10px;
border: 3px solid #333;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
border-radius: 2px;
} .widget.menu li a{
display: inline-block;
float: left;
}
.widget.menu li span{
display: inline-block;
float: right;
background: #f1f1f1;
color: #aaa;
padding: 1px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} .widget.widget_recent_comments a.url{
font-weight: bold;
} .top-widget{
background: #181818;
color: #333;
position: relative;
}
.top-widget .widget{
margin-bottom: 0
}
.top-widget .widget-content{
overflow: hidden;
}
.top-widget .top-widget-container{
padding: 20px 0
}
.top-widget h4{
color: #797979
}
.top-widget .actions-top-widget{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
z-index: 99999;
}
.top-widget .actions-top-widget a{
width: 0; 
height: 0;
margin-bottom: -400px;
margin-right: auto;
margin-left: auto;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #C73831;
text-indent: -99999px;
display: block;
position: relative;
z-index: 9999999;
}
.top-widget.active .actions-top-widget{
bottom: 5px;
}
.top-widget.active .actions-top-widget a{
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #C73831;
border-top: 0;
}
.top-widget .divider{
border-color: #141414;
}
.top-widget textarea,
.top-widget input{
border-color: #222;
background-color: transparent;
width: 100%
}
.top-widget textarea:focus,
.top-widget input:focus{
border-color: #333;
}
.top-widget label{
color: #333
}
.top-widget #messages{
min-height: 133px;
}
.widget.portfolio-slide{
overflow: hidden;
}
.top-widget .quick-search input{
background: #222;
color: #181818;
text-align: center;
color: #797979
}
.top-widget .quick-search input:focus{
background: #212121
} .contact-field{
padding: 5px 0;
}
.contact-field i{
min-width: 25px;
display: inline-block;
} .widget.widget_tag_cloud a{
display: inline-block;
padding: 3px 10px 2px;
margin: 0 0 5px 0;
border: 1px solid #f1f1f1;
font-size: 12px;
color: #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget.widget_tag_cloud a:hover{
border: 1px solid #ddd;
color: #a3a3a3;
}
footer .widget.widget_tag_cloud a{
border-color: #2a2a2a;
background: #181818;
color: #aaa;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
footer .widget.widget_tag_cloud a:hover{
border-color: #C73831;
background: #C73831;
color: #fff;
} footer input[type=text],
footer input[type=email],
footer input[type=password],
footer textarea{
border-color: #393939;
background: #181818;
}
footer button,
footer input[type=submit]{
border-color: #393939;
background: -webkit-linear-gradient(top, #393939 0%, #333 100%); background:   linear-gradient(to bottom, #393939 0%, #333 100%); color: #fff;
}
footer button:hover,
footer input[type=submit]:hover{
border-color: #d44842;
background: #C73831;
background: -webkit-linear-gradient(top, #d44842 0%, #C73831 100%); background:   linear-gradient(to bottom, #d44842 0%, #C73831 100%); color: #fff;
}
footer table{
border-bottom: 1px solid #222
}
footer caption,
footer td,
footer tr{
color: #797979;
}
footer td{
border-top: 1px dotted #333
}  .portfolio-item{
position: relative;
overflow: hidden;
}
.portfolio-item img{
width: 100%;
height: 100%;
}
.portfolio-item .portfolio-content{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(35,35,35,0.9);
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-item .portfolio-title{
background: #C73831;
text-align: center;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 0;
}
.portfolio-item .portfolio-title h5{
margin: 0;
color: #fff;
}
.portfolio-item .portfolio-title a{
color: #fff
}
.portfolio-item .portfolio-link{
width: 100%;
text-align: center;
position: absolute;
}
.portfolio-item .portfolio-link a{
display: inline-block;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.portfolio-item .portfolio-link a i{
margin:13px 14px;
display: block;
font-size: 16px
}
.portfolio-item .portfolio-link a:hover{
background: #C73831;
color: #fff
} .portfolio-slide{
position: relative;
margin-bottom: 30px
}
.portfolio-infomations li{
border-bottom: 1px dashed #f1f1f1;
padding: 10px 0;
}
.portfolio-infomations li:first-child{
padding: 0 0 10px;
}
.portfolio-infomations li:last-child{
border-bottom: 0
}
.portfolio-infomations li span{
display: inline-block;
}
.portfolio-infomations li .title{
font-weight: bold;
width: 115px;
margin: 0;
text-align: left;
}
.project-custom-info{
margin: 20px 0 30px
}
.project-custom-info .col-4{
margin-bottom: 20px
} .portfolio-navigations{
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
margin-bottom: 30px;
}
.portfolio-navigations li{
float: left;
margin: 0 -1px 0 0;
}
.portfolio-navigations li a{
display: block;
padding: 10px 25px;
border: 1px solid #ccc;
background: #fff; background: -webkit-linear-gradient(top, #fff 0%, #fbfbfb 100%); background:   linear-gradient(to bottom, #fff 0%, #fbfbfb 100%); }
.portfolio-navigations li a:hover,
.portfolio-navigations li a.selected{
color: #232323;
background: #fff
}
.portfolio-navigations li:first-child a{
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.portfolio-navigations li:last-child a{
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
} .portfolio-archive .pagenavi{
border-top: 1px solid #f1f1f1;
padding: 30px 0 0;
}
.portfolio-archive .portfolio-item{
margin-bottom: 30px
}
.portfolio-container{
position:relative;
overflow:hidden;
}
.portfolio-container .project-item{
margin-bottom:20px
} .isotope-item {   z-index: 2 }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
transition-duration: .6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: 0 opacity;
-moz-transition-property: 0 opacity;
-ms-transition-property: 0 opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0;
-moz-transition-duration: 0;
-ms-transition-duration: 0;
-o-transition-duration: 0;
transition-duration: 0;
}
.portfolio .wrap,
#portfolio .wrap{
overflow: hidden;
}  #sidebar-content #sidebar{
float: left;
margin-left: 15px;
overflow: hidden;
}
#sidebar-content #content{
float: right;
overflow: hidden;
}
.list-blog .entry-title{
margin-bottom: 5px
} .blog-item{
overflow: hidden;
position: relative;
}
.blog-item.bb{
border-bottom: 1px solid #f1f1f1;
padding-bottom: 30px;
margin-bottom: 30px
}
.blog-item .blog-item-slide,
.blog-item .blog-item-media,
.blog-item .blog-item-image{
margin: 0 0 20px;
width: 100%;
height: 100%;
position: relative;
}
.blog-item .blog-item-image-cover{
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(35,35,35,0.9);
text-align: center;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
z-index: 2
}
.blog-item .blog-item-image-cover .blog-item-image-cover-link{
position: absolute;
width: 100%;
}
.blog-item .blog-item-image-cover .blog-item-image-cover-link a{
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.blog-item .blog-item-image-cover .blog-item-image-cover-link a i{
font-size: 14px;
display: inline-block;
padding: 12px 0;
}
.blog-item .blog-item-image-cover .blog-item-image-cover-link a:hover{
background: #C73831;
color: #fff
} .second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image{
width: 370px;
height: 230px;
overflow: hidden;
float: left;
margin-right: 20px;
}
.second .blog-item .blog-item-image img{
width: 770px;
height: 230px;
max-width: 770px;
position: absolute;
left: -200px;
top: 0;
z-index: 1
}
.second .blog-item-content{
float: left;
width: 380px;
} .third .blog-item .blog-item-image{
width: 100%;
height: 160px;
overflow: hidden;
float: left;
}
.third .blog-item .blog-item-image img{
width: 770px;
height: 230px;
max-width: 770px;
position: absolute;
left: -200px;
top: 0;
z-index: 1
} .shortcode_post .blog-item-image{
width: 100%;
height: 180px;
overflow: hidden;
}
.shortcode_post .blog-item-image img{
width: 770px;
height: 230px;
max-width: 770px;
position: absolute;
left: -200px;
top: 0;
z-index: 1
} .entry-meta{
margin: 0 0 10px;
font-size: 12px;
}
.entry-meta.alternative{
margin-bottom: 5px
}
.entry-meta,
.entry-meta a{
color: #ccc
}
.entry-meta a:hover{
color: #aaa
}
.entry-meta i{
margin: 0 5px 0 0
}
.entry-meta span{
margin: 0 0 0 20px
}
.entry-meta.separate span{
margin: 0 0 0 10px
}
.entry-meta.separate span:before{
content: "\2022";
color: #eee;
margin: 0 10px 0 0;
} .entry-info{
margin: 20px 0 0
}
.tags a{
display: inline-block;
padding: 3px 10px 2px;
margin: 0 0 5px 0;
border: 1px solid #f1f1f1;
font-size: 12px;
color: #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.tags a:hover{
border: 1px solid #ddd;
color: #a3a3a3;
} .entry-share{
margin: 30px 0;
padding: 20px 0;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
.entry-share h5{
text-transform: uppercase;
margin: 7px 0 0;
float: left;
}
.entry-share ul{
float: right;
}
.entry-share ul li{
float: left;
margin: 0 0 0 10px;
}
.entry-share ul li a{
padding: 7px 15px;
border:1px solid #f1f1f1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.entry-share ul li a:hover{
border: 1px solid transparent;
color: #fff;
}
.entry-share ul li a i{
padding: 10px 10px 9px 0;
margin: 0 20px 0 0;
border-right: 1px solid #f1f1f1;
display: inline-block;
} .related-blog-item h6{
text-transform: uppercase;
font-size: 12px;
color: #ccc;
letter-spacing: 0.05em;
margin: 0 0 10px
}
.related-blog-item ul{
list-style: none
}
.related-blog-item ul li:before{
content: "\f0f6";
font-family: FontAwesome;
margin: 0 5px 0 0;
}
.related-blog-item ul li a{
font-weight: bold;
}
.related-blog-item time:after{
content: "-";
margin: 0 5px;
}
.related-blog-item time{
color: #ccc;
font-size: 12px;
} .relate-posts img{
margin: 0 0 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.relate-posts .entry-title{
font-size: 14px;
line-height: 24px;
} .authorbox{
margin: 0 0 30px
}
.authorbox .avatar img{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.authorbox .author-info h4{
line-height: 16px
}
.authorbox .author-social-profile ul li{
display: inline-block;
}
.authorbox .author-social-profile a{
display: block;
width: 30px;
height: 30px;
background: #eee;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 5px 0 0;
}
.authorbox .author-social-profile a:hover{
color: #fff
}
.authorbox .author-social-profile a i{
margin: 8px 0 0;
display: inline-block;
}  .comment-cound{
font-size: 12px;
color: #aaa
}
.comment-cound a{
color: #aaa
}
.comment-cound a:hover{
color: #232323
}
.comment-cound i{
margin: 0 5px 0 0;
}
.comment-cound span{
font-weight: bold;
font-size: 13px;
}
.comment-cound span:after{
content: "|";
margin: 0 10px;
}
.comment-list{
margin-bottom: 20px
}
.comment{
border-bottom: 1px solid #f1f1f1;
margin-bottom: 20px;
padding-bottom: 10px;
}
.comment:last-child{
border-bottom: 0;
margin-bottom: 0;
}
.comment ul{
margin:10px 0 0 0;
border-top: 1px solid #f1f1f1;
padding: 20px 0 0 70px;
}
.comment ul .comment:last-child{
padding-bottom: 0
}
.comment .avatar{
float: left;
width: 50px;
}
.comment .avatar img{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.comment .comment-text{
margin: 0 0 0 70px
}
.comment .comment-text .author{
margin-bottom: 5px
}
.comment .comment-text .author span{
font-weight: bold;
display: block;
line-height: 0.6;
margin-bottom: 5px;
}
.comment .comment-text .author .comment-meta time{
font-size: 12px;
color: #aaa
}
.comment .comment-text .author .comment-meta a{
color: #aaa;
font-size: 12px;
}
.comment .comment-text .author .comment-meta a:before{
content: "\2022";
margin: 0 5px;
color: #aaa !important;
}
.comment .comment-text .author .comment-meta a:hover{
color: #232323;
} .comment-form .field{
border: 1px solid #f1f1f1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
width: 240.92px;
margin: 0 20px 0 0;
}
.comment-form .field.no-margin{
margin: 0
}
.comment-form .field i{
padding: 12px 20px;
display: inline-block;
border-right: 1px solid #f1f1f1;
color: #aaa
}
.comment-form .field:focus i,
.comment-form .field:focus{
border-color: #aaa
}
.comment-form .field input[type=email],
.comment-form .field input[type=text]{
border: 0;
width: 75%;
}
.comment-form textarea{
width: 100%;
margin: 20px 0;
padding: 15px;
border: 1px solid #f1f1f1;
}
.children .comment-form .field{
width: 100%;
margin: 0 0 20px;
}
.children .comment-form .field i{
min-width: 54px
} .pagenavi{
margin-bottom: 5px
}
.pagenavi span,
.pagenavi a{
padding: 6px 15px;
margin-bottom: 5px;
display: inline-block;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0 5px 5px 0
}
.pagenavi span.current{
background: #C73831;
border: 1px solid #ba2e27;
background: -webkit-linear-gradient(top, #d8362e 0%, #C73831 100%); background:   linear-gradient(to bottom, #d8362e 0%, #C73831 100%); color: #fff; 
}
.pagenavi a{
background: #fff; background: -webkit-linear-gradient(top, #fff 0%, #fbfbfb 100%); background:   linear-gradient(to bottom, #fff 0%, #fbfbfb 100%); }
.pagenavi a:hover{
color: #232323;
border-color: #aaa;
background: #fbfbfb; background: -webkit-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); background:   linear-gradient(to bottom, #fbfbfb 0%, #f1f1f1 100%); }
.mansonry .pagenavi,
.pagenavi.center{
text-align: center;
clear: both;
margin-top: 20px
}
.mansonry .pagenavi li,
.pagenavi.center li{
float: none;
display: inline-block;
margin: 0 5px 0 0;
}  .accordion{
margin: 0 0 20px
}
.accordion .title:before{
content: "\f055";
font-family: "FontAwesome";
margin: 0 5px 0 1px;
color: #aaa
}
.accordion .title{
text-align: left;
font-size: 13px;
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.accordion .title a{
color: #aaa
}
.accordion .inner{
padding: 15px 0;
border-bottom: 1px solid #ccc
}
.accordion .title.active:before{
content: "\f056";
color: #232323;
}
.accordion .title a:hover,
.accordion .title.active a{
color: #232323
} .block .block-icon{
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #474747;
float: left;
margin: 0 10px 0 0;
text-align: center;
}
.block .block-icon i{
font-size: 36px;
margin: 21px 0 0;
display: block;
}
.block .block-content{
margin: 0 0 0 100px;
}
.block .block-content h3{
margin-bottom: 10px;
}
.block .block-content p{
margin: 0 0 15px;
} .toggle{
margin: 0 0 20px;
}
.toggle .title{
text-align: left;
font-size: 13px;
margin: 0;
padding: 15px 0;
border: 1px solid #ccc;
color: #aaa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
max-height: 55px;
overflow: hidden;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.toggle .title:hover{
cursor: pointer;
}
.toggle .title:before{
content: "\f055";
font-family: "FontAwesome";
padding: 19px 20px;
margin: 0 20px 0 0;
border-right: 1px solid #ccc;
color: #aaa;
}
.toggle .title.active:before{
cursor: normal;
color: #232323;
border-color: #aaa;
}
.toggle .title.active{
color: #232323;
cursor: pointer;
border: 1px solid #aaa;
}
.toggle .title.active{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.toggle .panel{
display: none;
border: 1px solid #aaa;
border-top: 0;
padding: 20px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
} .tabs{
margin: 0 0 20px
}
.tabs.main ul{
border-bottom: 1px solid #ccc;
padding: 0 5px;
}
.tabs.main ul li{
float: left;
margin: 0 5px 0 0;
list-style: none;
}
.tabs.main ul li a{
padding: 15px 20px;
display: inline-block;
border: 1px solid #ccc;
font-weight: bold;
color: #aaa;
border-bottom: 0;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.tabs.main ul li a.selected,
.tabs.main ul li.active a{
padding: 15px 20px;
border-bottom: 2px solid #fff;
margin-bottom: -2px;
color: #232323;
border-bottom-color: #fff;
}
.tabs ul li a i{
margin: 0 10px 0 0
}
.tabs.main .tabs-container{
margin: 10px 0 0;
display: none;
} .tabs.alternative ul{
width: 140px;
padding: 5px 0;
float: left;
border-right: 1px solid #ccc;
list-style: none;
}
.tabs.alternative ul li{
margin-bottom: 5px
}
.tabs.alternative ul li a{
padding: 15px 20px;
display: inline-block;
border: 1px solid #ccc;
font-weight: bold;
color: #aaa;
display: block;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border-right: 0
}
.tabs.alternative ul li a.selected,
.tabs.alternative ul li.active a{
color: #232323;
border-right: 2px solid #fff;
padding: 15px 21px 15px 20px;
margin-right: -2px
}
.tabs.alternative .tabs-content{
margin-left: 139px;
padding-left: 21px;
border-left: 1px solid #ccc;
padding-top: 15px;
}
.tabs.alternative .tabs-container{
display: none;
} .tabs.center ul{
border-bottom: 1px solid #ccc;
padding: 0 5px;
text-align: center;
}
.tabs.center ul li{
display: inline-block;
margin: 0 5px 0 0;
list-style: none;
}
.tabs.center ul li a{
padding: 15px 20px;
display: inline-block;
border: 1px solid #ccc;
font-weight: bold;
color: #aaa;
border-bottom: 0;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.tabs.center ul li a.selected,
.tabs.center ul li.active a{
padding: 15px 20px;
border-bottom: 2px solid #fff;
margin-bottom: -2px;
color: #232323;
border-bottom-color: #fff;
}
.tabs.center .tabs-container{
margin: 10px 0 0;
display: none;
text-align: center;
} .skill-bar{
background: #f1f1f1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
overflow: hidden;
color: #fff;
font-weight: bold;
margin: 0 0 20px
}
.skill-bar .skill-bar-content{
background: #C73831;
padding: 5px 10px
}
.skill-title{
font-weight: bold;
display: block;
margin-bottom: 10px;
line-height: 13px
} .chart {
position: relative;
display: block;
width: 160px;
height: 160px;
text-align: center;
margin: 0 auto;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.chart .percent {
display: inline-block;
line-height: 160px;
z-index: 2;
font-weight: bold;
font-size: 18px
}
.chart .percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
} .pricing{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
text-align: center;
position: relative;
margin-bottom: 40px;
}
.pricing .pricing-title{
text-transform: uppercase;
border-bottom: 1px solid #f4f4f4;
padding: 20px 0;
color: #aaa;
margin: 0 0 2px
}
.pricing .price{
background: #aaa;
padding: 30px 0 20px;
margin: 0 -1px
}
.pricing .price h3{
text-transform: uppercase;
font-size: 36px;
line-height: 30px;
color: #fff;
margin: 0;
position: relative;
display: inline-block;
}
.pricing .price span{
color: #fff
}
.pricing .price .prices{
word-wrap: break-word;
}
.pricing .price .currency{
position: absolute;
right: -15px;
top: -8px;
font-size: 16px;
}
.pricing .features ul{
margin: 20px 0 40px
}
.pricing .features ul li{
padding: 10px 0;
border-bottom: 1px solid #f4f4f4;
font-weight: bold;
color: #aaa;
list-style: none;
}
.pricing .features ul li:last-child{
border-bottom: 0
}
.pricing .action{
position: absolute;
text-align: center;
width: 100%;
bottom: -20px;
}
.pricing .action .button{
border: 1px solid #ccc;
padding: 10px 35px;
} .pricing-alternative{
background: #aaa;
color: #fff;
margin:0 0 20px;
padding: 20px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.pricing-alternative .title h4{
color: #fff;
margin: 0;
}
.pricing-alternative .title{
border-bottom: 1px solid #919191;
padding: 0 0 20px;
}
.pricing-alternative .details{
background: #fff;
padding: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #232323;
}
.pricing-alternative .details ul li{
padding: 6px 0;
border-bottom: 1px solid #f1f1f1;
font-weight: bold;
color: #aaa;
list-style: none;
}
.pricing-alternative .details ul li:last-child{
border-bottom: 0;
padding-bottom: 0
}
.pricing-alternative .details ul li del{
color: #ccc
}
.pricing-alternative .price-title{
margin-bottom: 20px;
display: inline-block;
position: relative;
color: #fff;
font-size: 13px
}
.pricing-alternative .price-title .currency{
word-wrap: break-word;
position: absolute;
top: -20px;
left: 0;
font-size: 22px;
}
.pricing-alternative .price-title .price{
font-size: 79px;
font-weight: bold;
word-wrap: break-word;
margin-left: 20px
} .pricing.color-1 .pricing-title{
color: #C73831
}
.pricing.color-1 .price{
background: #C73831
}
.pricing.color-2 .pricing-title{
color: #78AE37
}
.pricing.color-2 .price{
background: #78AE37
}
.pricing.color-3 .pricing-title{
color: #2C4150
}
.pricing.color-3 .price{
background: #2C4150
}
.pricing-alternative.color-1{
background: #C73831
}
.pricing-alternative.color-1 .title{
border-color: #ae2721
}
.pricing-alternative.color-2{
background: #78AE37
}
.pricing-alternative.color-2 .title{
border-color: #649925
}
.pricing-alternative.color-3{
background: #2C4150
}
.pricing-alternative.color-3 .title{
border-color: #243947
} .notification{
border-left: 5px solid #a9d4ff;
background: #c1e0ff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 15px 40px 15px 20px;
margin-bottom: 20px;
position: relative;
}
.notification p{
margin-bottom: 0;
font-weight: bold;
color: #055db5
}
.notification .close{
position: absolute;
top: 34%;
right: 20px;
}
.notification .close i{
color: #055db5
}
.notification .close:hover i{
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.notification.error{
border-color: #e69191;
background-color: #e9a8a8;
}
.notification.error .close i,
.notification.error p{
color: #b14646
}
.notification.info{
border-color: #ccc;
background-color: #f9f9f9;
}
.notification.info .close i,
.notification.info p{
color: #aaa;
}
.notification.warning{
border-color: #d9c88f;
background-color: #fff1c1;
}
.notification.warning .close i,
.notification.warning p{
color: #8e7210
}
.notification.notice{
border-color: #94d96f;
background-color: #d0f9ba;
}
.notification.notice .close i,
.notification.notice p{
color: #348806
} .dropcap{
font-size: 28px;
display: inline-block;
float: left;
margin: 8px 10px 0 0;
}
.dropcap.square{
color: #fff;
font-size: 18px;
background-color: #232323;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px 10px;
}
.dropcap.round{
border: 0;
font-size: 18px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
background-color: #232323;
padding: 5px 11px;
} .infobox{
margin-bottom: 30px
}
.infobox img{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.infobox:hover img{
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.infobox .infobox-content{
padding: 20px;
border: 1px solid #ccc;
border-top: 0;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.infobox .infobox-content h4{
margin-bottom: 10px
}
.infobox .infobox-content p{
margin-bottom: 20px
} .callout{
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 20px;
margin-bottom: 30px;
background: #fff; background: -webkit-linear-gradient(top, #fff 0%, #fbfbfb 100%); background:   linear-gradient(to bottom, #fff 0%, #fbfbfb 100%); font-weight: bold;
}
.callout h4{
color: inherit;
}
.callout p{
color: #aaa;
font-size: 14px
}
.callout.strip p{
color: #aaa
}
.callout.color p{
color: #efefef
}
.callout.strip{
background:url(//www.cozi.co.za/wp-content/themes/er-leaf/images/striptag.png) repeat;
border: 0;
}
.callout.strip .callout-content{
background: #fff;
padding: 20px;
border: 1px solid #e5e5e5;
}
.callout .callout-content .info{
width: 75%;
float: left;
}
.callout .callout-content .action{
width: 25%;
float: left;
text-align: right;
}
.callout .callout-content .action a{
margin-top: 10%
}
.col-3 .callout .callout-content .info,
.col-3 .callout .callout-content .action,
.col-4 .callout .callout-content .info,
.col-4 .callout .callout-content .action{
width: 100%;
float: none;
text-align: left
}
.col-3 .callout .callout-content .action a,
.col-4 .callout .callout-content .action a{
margin-top: 0
}
.callout.color{
background: #C73831;
color: #fff;
border: 1px solid #b12c1f;
background: -webkit-linear-gradient(top, #C73831 0%, #ae2c1f 100%); background:   linear-gradient(to bottom, #C73831 0%, #ae2c1f 100%); }
.callout.red{
background: #c20000;
background: -webkit-linear-gradient(top, #dc0000 0%, #c20000 100%); background:   linear-gradient(to bottom, #dc0000 0%, #c20000 100%); border-color: #b50000;
color: #fff;
}
.callout.yellow{
background: #e2b71f;
background: -webkit-linear-gradient(top, #e6bb27 0%, #e2b310 100%); background:   linear-gradient(to bottom, #e6bb27 0%, #e2b310 100%); border-color: #cfa204;
color: #fff;
}
.callout.blue{
background: #055db5;
background: -webkit-linear-gradient(top, #0c62b9 0%, #055db5 100%); background:   linear-gradient(to bottom, #0c62b9 0%, #055db5 100%); border-color: #0052a3;
color: #fff;
}
.callout.green{
background: #348806;
background: -webkit-linear-gradient(top, #3c8f0f 0%, #348806 100%); background:   linear-gradient(to bottom, #3c8f0f 0%, #348806 100%); border-color: #297400;
color: #fff;
}
.callout.black{
background: #222;
background: -webkit-linear-gradient(top, #333 0%, #222 100%); background:   linear-gradient(to bottom, #333 0%, #222 100%); border-color: #333;
color: #fff;
} blockquote:before{
content: "\f10d";
font-family: "FontAwesome";
font-size: 22px;
position: absolute;
left: 2px;
}
blockquote{
position: relative;
padding: 0 0 0 30px;
font-style: italic;
}
blockquote span.author:before{
content: "-";
margin: 0 10px 0 0;
}
blockquote span.author{
font-style: normal;
font-weight: bold;
}
blockquote.quote{
background: #eee;
padding: 20px 20px 10px 40px;
font-style: normal;
color: #232323;
font-weight: bold;
}
blockquote.quote:before{
content: "\f10d";
font-family: "FontAwesome";
font-size: 13px;
color: #B22F22;
position: absolute;
left: 20px;
} .divider{
border-top:1px solid #f1f1f1;
margin: 20px 0 30px;
clear: both;
}
.divider.strip{
height: 5px;
background:url(//www.cozi.co.za/wp-content/themes/er-leaf/images/striptag.png) repeat;
border: 0;
} .user{
position: relative;
margin: 0 0 20px 80px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.user .user-image{
position: absolute;
left: -80px;
top: 20px;
}
.user .user-image img{
width: 120px;
height: 120px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 3px solid #aaa;
}
.user .user-info{
padding: 20px 20px 20px 60px;
}
.user .user-info h4{
margin-bottom: 0
}
.user .user-info .pos{
margin-bottom: 10px;
display: block;
color: #aaa
}
.user .user-social-profile{
margin-bottom: 10px;
}
.user .user-social-profile a{
margin:0 5px 0 0;
color: #aaa
}
.user:hover,
.user:hover .user-image img{
border-color: #fff
}
.user:hover{
background: #C73831;
color: #fff;
border: 1px solid #b12c1f;
}
.user:hover i,
.user:hover h4{
color: #fff
} .service-box{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
padding: 20px;
position: relative;
margin: 0 0 20px 60px;
}
.service-box .icon-box{
position: absolute;
top: 20px;
left: -60px;
width: 60px;
height: 60px;
background: #474747;
color: #fff;
font-size: 22px;
text-align: center;
}
.service-box .icon-box i{
margin: 20px 0 0;
display: block;
}
.service-box p{
margin-bottom: 20px
} .contact-block{
position: relative;
overflow: hidden;
}
.contact-block .images-background{
position: absolute;
width: 800px;
height: 600px;
top: 0;
left: 0;
}
.contact-block .google_map{
width: 50%;
height: 365px;
float: left;
position: relative;
overflow: hidden;
z-index:1;
}
.contact-block .responsive-image{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent;
z-index: 99
}
.contact-block .responsive-image .google_map{
width: 100%
}
.contact-block .contact-info{
width: 50%;
height: 365px;
float: left;
position: relative;
background: rgba(50,50,50,0.7);
z-index: 999
}
.contact-block .inner-content h5{
color: #fff
}
.contact-block .inner-content{
padding: 20px;
color: #fff;
position: absolute;
text-align: left;
bottom: 0;
left: 0
}
.contact-block span{
display: block
}
.contact-block .inner-content .button{
margin-top: 20px
}
.contact-block .inner-content .button:hover{
-webkit-box-shadow: 0px 0px 0px rgba(251, 251, 251, 1);
-moz-box-shadow:    0px 0px 0px rgba(251, 251, 251, 1);
box-shadow:         0px 0px 0px rgba(251, 251, 251, 1);
} .button.small{
padding: 5px 15px 3px;
font-size: 11px;
}
.button.medium{
padding: 12px 40px 10px;
font-size: 13px;
}
.button.large{
padding: 14px 50px 12px;
font-size: 14px;
}
.button.no-background{
background: transparent;
}
.button i{
border-left: 1px solid;
border-color: inherit;
padding: 12px 0 11px 15px;
margin: 0 0 0 15px;
}
.button.small i{
padding: 10px 0 9px 15px;
}
.button.medium i{
padding: 16px 0 14px 30px;
margin-left: 30px;
}
.button.large i{
padding: 18px 0 16px 45px;
margin-left: 45px
}
.button.white{
color: #efefef !important
}
.button.white:hover{
color: #fbfbfb !important
}
.button.back{
color: #333
}
.button.back:hover{
color: #000
}
.button.color{
background: #C73831;
border: 1px solid #ba2e27;
background: -webkit-linear-gradient(top, #d8362e 0%, #C73831 100%); background:   linear-gradient(to bottom, #d8362e 0%, #C73831 100%); color: #fff;
}
.button.color:hover{
background: #ed463e;
background: -webkit-linear-gradient(top, #ed463e 0%, #C73831 100%); background:   linear-gradient(to bottom, #ed463e 0%, #C73831 100%); border-color: #9d211a;
color: #fff;
}
.button.blue{
background: #055db5;
background: -webkit-linear-gradient(top, #0c62b9 0%, #055db5 100%); background:   linear-gradient(to bottom, #0c62b9 0%, #055db5 100%); border-color: #0052a3;
color: #fff;
}
.button.blue:hover{
background: #0e6bc8;
background: -webkit-linear-gradient(top, #0e6bc8 0%, #055db5 100%); background:   linear-gradient(to bottom, #0e6bc8 0%, #055db5 100%); border-color: #004c98;
color: #fff;
}
.button.green{
background: #348806;
background: -webkit-linear-gradient(top, #3c8f0f 0%, #348806 100%); background:   linear-gradient(to bottom, #3c8f0f 0%, #348806 100%); border-color: #297400;
color: #fff;
}
.button.green:hover{
background: #429e0f;
background: -webkit-linear-gradient(top, #429e0f 0%, #348806 100%); background:   linear-gradient(to bottom, #429e0f 0%, #348806 100%); border-color: #236400;
color: #fff;
}
.button.yellow{
background: #e2b71f;
background: -webkit-linear-gradient(top, #e6bb27 0%, #e2b310 100%); background:   linear-gradient(to bottom, #e6bb27 0%, #e2b310 100%); border-color: #cfa204;
color: #fff;
}
.button.yellow:hover{
background: #f1c52b;
background: -webkit-linear-gradient(top, #f1c52b 0%, #e2b310 100%); background:   linear-gradient(to bottom, #f1c52b 0%, #e2b310 100%); border-color: #b88f00;
color: #fff;
}
.button.red{
background: #c20000;
background: -webkit-linear-gradient(top, #dc0000 0%, #c20000 100%); background:   linear-gradient(to bottom, #dc0000 0%, #c20000 100%); border-color: #b50000;
color: #fff;
}
.button.red:hover{
background: #ef0000;
background: -webkit-linear-gradient(top, #ef0000 0%, #c20000 100%); background:   linear-gradient(to bottom, #ef0000 0%, #c20000 100%); border-color: #9f0000;
color: #fff;
}
.button.black{
background: #222;
background: -webkit-linear-gradient(top, #333 0%, #222 100%); background:   linear-gradient(to bottom, #333 0%, #222 100%); border-color: #333;
color: #fff;
}
.button.black:hover{
background: #444;
background: -webkit-linear-gradient(top, #444 0%, #222 100%); background:   linear-gradient(to bottom, #444 0%, #222 100%); border-color: #111;
color: #fff;
}
.button.block{
display: block;
text-align: center;
} .menu-vertical{
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.menu-vertical ul li:first-child a{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.menu-vertical ul li:last-child a{
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.menu-vertical ul li:last-child a{
border-bottom: 0
}
.menu-vertical ul li a{
font-weight: bold;
display: block;
padding: 15px 20px;
border-bottom: 1px solid #ccc;
}
.menu-vertical ul li a:after{
content:  "\f105";
font-family: "FontAwesome";
color: #ccc;
float: right;
}
.menu-vertical ul li:hover a{
background: #C73831;
border-bottom: 1px solid #C73831;
border-top: 1px solid #C73831;
margin: -1px -1px 0;
color: #fff;
}
.menu-vertical ul li:last-child:hover a{
border-bottom: 0
} .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-right-color: #000000;
border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-left-color: #000000;
border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} .highlight{
background: #333;
display: inline-block;
color: #fff;
padding:0 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.highlight.blue{
background-color: #055db5;
}
.highlight.yellow{
background-color: #e2b71f;
}
.highlight.red{
background-color: #c20000;
}
.highlight.green{
background-color: #348806;
}
.highlight.color{
background-color: #C73831;
} .form .field{
display: block;
margin-bottom: 10px
}
.form .field label{
display: block;
font-weight: bold;
margin-bottom: 5px
}
.form .field input{
display: inline-block;
}
.form .field textarea{
width: 100%
}
.form input.error,
.form textarea.error,
.form select.error{
border: 1px solid #F75448;
background: #ffd7d4
} .top-widget .wpcf7-form p{
font-weight: bold;
color: #333;
line-height: 30px
}
.top-widget .wpcf7-form textarea{
height: 140px
}
.wpcf7-form .wpcf7-not-valid-tip{
display: none
}
.wpcf7-form .wpcf7-not-valid{
border: 1px solid #792521;
}
.wpcf7-form .wpcf7-not-valid:focus{
border: 1px solid #333;
}
.wpcf7-form .wpcf7-validation-errors{
background: #F7E700;
color: #5e5e5e;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wpcf7-form .wpcf7-mail-sent-ok{
background: #398F14;
color: #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.entry-content .wpcf7-form p{
font-weight: bold;
color: #333;
line-height: 30px
}
.entry-content .wpcf7-form input[type=text],
.entry-content .wpcf7-form input[type=email],
.entry-content .wpcf7-form select{
max-width: 220px
}
.entry-content .wpcf7-form textarea{
width: 100%
} .styled-list{
list-style: none !important
}
.styled-list li {
margin-bottom: 5px;
}
.styled-list li i{
margin-right: 10px;
min-width: 15px;
display: inline-block;
text-align: center;
} .p-404{
font-size:128px;
line-height:128px;
font-weight:bold;
display:block
}  .social.color .facebook a,
.social .facebook a:hover{
background: #3B559F 
}
.social.color .twitter a,
.social .twitter a:hover{
background: #32CCFE 
}
.social.color .googleplus a,
.social .googleplus a:hover{
background: #d15033 
}
.social.color .pinterest a,
.social .pinterest a:hover{
background: #C9212E 
}
.social.color .youtube a,
.social .youtube a:hover{
background: #D82624 
}
.social.color .linkedin a,
.social .linkedin a:hover{
background: #0073B2 
}
.social.color .flickr a,
.social .flickr a:hover{
background: #FF0084 
}
.social.color .xing a,
.social .xing a:hover{
background: #015A60 
}
.social.color .skype a,
.social .skype a:hover{
background: #1AB9F1 
}
.social.color .tumblr a,
.social .tumblr a:hover{
background: #2B4661 
}
.social.color .bitbucket a,
.social .bitbucket a:hover{
background: #013567 
}
.social.color .dropbox a,
.social .dropbox a:hover{
background: #018BD3 
}
.social.color .instagram a,
.social .instagram a:hover{
background: #AD8263 
}
.social.color .dribbble a,
.social .dribbble a:hover{
background: #F96599 
}
.social.color .foursquare a,
.social .foursquare a:hover{
background: #00ADEF 
}
.social.color .dribbble a,
.social .dribbble a:hover{
background: #F96599 
}
.social.color .github a,
.social .github a:hover{
background: #B4B4B4 
}
.social.color .vk a,
.social .vk a:hover{
background: #416692 
}
.social.color .maxcdn a,
.social .maxcdn a:hover{
background: #FF960E 
}
.social.color .weibo a,
.social .weibo a:hover{
background: #D52B2B 
}
.social.color .trello a,
.social .trello a:hover{
background: #226784 
}
.social.color .rss a,
.social .rss a:hover{
background: #FE9900 
} .mobile-menu{
text-align:left;
display:none;
margin:0;
}
.menu-title{
cursor: pointer;
display: none;
color: #fff;
font-size: 18px;
text-align: left;
padding: 3px 5px; 
margin: 16px 0 0 10px;
text-transform: uppercase;
float: right;
background: #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.menu-title.active,
.menu-title:hover{
background-color: #aaa
}
.menu-title i {
margin:0; 
font-size: 18px;
}
.mobile-menu li{
display:block;
position:relative;
}
.mobile-menu li .open-child{
float:right;
display:block;
text-align: center;
font-size: 20px;
padding: 12px 18px 11px;
color: #232323;
background:#f5f5f5;
cursor:pointer;
}
.mobile-menu li .open-child i{
margin: 0;
}
.mobile-menu li .open-child:hover{
-webkit-transition:background-color .3s ease;
-moz-transition:background-color .3s ease;
-ms-transition:background-color .3s ease;
-o-transition:background-color .3s ease;
transition:background-color .3s ease;
}
.mobile-menu li i{
margin:0 10px 0 0;
}
.mobile-menu li > a{
text-transform: uppercase;
display:block;
line-height:45px;
background:#FFF;
color:#aaa;
border-top:1px solid #f1f1f1;
padding:0 
}
.mobile-menu li > a:hover{
text-decoration:none;
color:#232323;
-webkit-transition:background-color .3s ease;
-moz-transition:background-color .3s ease;
-ms-transition:background-color .3s ease;
-o-transition:background-color .3s ease;
transition:background-color .3s ease;}
.mobile-menu > li:last-child{
border-bottom:1px solid #f1f1f1;
} 
.mobile-menu > li > ul {
border-top:0!important;
}
.mobile-menu > li ul{
display:none;
}
.mobile-menu > li > ul li{
display:block;
position:relative;
}
.mobile-menu > li > ul > li a{
padding-left:20px;
display:block;
}
.mobile-menu > li > ul > li li a{
padding-left:40px;
}
.mobile-menu > li > ul > li li li a{
padding-left:60px;
}
.infobox-images img {
width: 100%;
height: 211px;
}@media only screen and (min-width: 1170px){
.portfolio-item{
min-height: 320px;
}
.mobile-menu{
display: none !important
}
.col-3 .portfolio-item{
width: 270px;
height: 320px;
}
.col-4 .portfolio-item{
width: 370px;
height: 439px;
}
.col-6 .portfolio-item{
width: 570px;
height: 676px;
}
}
@media only screen and (min-width: 978px) and (max-width: 1169px) {
.container{
width: 990px;
padding: 0 30px;
}
.mobile-menu{
display: none !important
}
.container .slide,
.container .top-widget,
.container .heading-custom,
.container header,
.container footer{
margin-right: -30px;
margin-left: -30px;
}
.content-slider .flex-direction-nav,
.wrap{
width: 930px;
}
.col-1{
width: 50px;
}
.col-2{
width: 130px
}
.col-3{
width: 210px
}
.col-4{
width: 290px
}
.col-5{
width: 370px
}
.col-6{
width: 450px
}
.col-7{
width: 530px
}
.col-8{
width: 610px
}
.col-9{
width: 690px
}
.col-10{
width: 770px
}
.col-11{
width: 850px
}
.col-12{
width: 930px
}
.offset-1{
margin-left: 80px
}
.col-3 .portfolio-item{
width: 210px;
height: 249px;
}
.col-4 .portfolio-item{
width: 290px;
height: 344px;
}
.col-6 .portfolio-item{
width: 450px;
height: 533px;
}
.second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image{
width: 290px;
height: 193px;
}
.second .blog-item-content{
width: 300px;
}
.entry-share ul li a {
padding: 7px 13px;
}
.entry-share ul li a i{
margin: 0 10px 0 0;
}
.comment-form .field{
width: 360px;
margin: 0 0 15px;
}
.comment-form .field i{
width: 55px
}
.flickr-widget a {
width: 95px;
height: 95px;
}
.widget.newsletter .social-connect h6,
.widget.newsletter .social-connect ul{
float: none;
display: block;
}
.widget.newsletter .social-connect ul li:first-child{
margin: 0
}
#sidebar .widget.flickr ul li{
width: 71.83333333333333px;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.site-menu{
display: none !important
}
.menu-title{
display: block;
}
.container{
width: 100%;
padding: 0;
}
.container .slide,
.container .top-widget,
.container .heading-custom,
.container header,
.container footer{
margin-left: 0;
margin-right: 0;
}
.content-slider .flex-direction-nav,
.wrap{
width: 720px;
}
.col-1{
width: 32.5px
}
.col-2{
width: 95px
}
.col-3{
width: 157.49px
}
.col-4{
width: 220px
}
.col-5{
width: 282.5px
}
.col-6{
width: 345px
}
.col-7{
width: 407.5px
}
.col-8{
width: 470px
}
.col-9{
width: 532.5px
}
.col-10{
width: 595px
}
.col-11{
width: 657.5px
}
.col-12{
width: 720px
}
.offset-1{
margin-left: 62.5px
}
.second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image,
.second .blog-item-content{
width: 100%;
float: none
}
.second .blog-item-content{
margin:0;
}
.col-3 .portfolio-item{
width: 157.49px;
height: 186.84040909090909px;
}
.col-4 .portfolio-item{
width: 220px;
height: 261px;
}
.col-6 .portfolio-item{
width: 345px;
height: 409px;
}
.entry-share h5,
.entry-share ul{
float: none;
display: block
}
.entry-share h5{
margin-bottom: 10px
}
.entry-share ul li:first-child{
margin: 0;
}
.entry-share ul li a {
padding: 7px 13px;
}
.entry-share ul li a i{
margin: 0 10px 0 0;
}
.comment-form .field{
width: 360px;
margin: 0 0 15px;
}
.comment-form .field i{
width: 55px
}
#sidebar .widget.recent-posts li img{
float: none;
width: 100%
}
#sidebar .widget.recent-posts li .post-content{
margin: 15px 0 0;
display: block;
}
#sidebar .widget.flickr ul li{
width: 82px;
}
.widget.newsletter .social-connect h6,
.widget.newsletter .social-connect ul{
float: none;
display: block;
}
.widget.newsletter .social-connect ul li:first-child{
margin: 0
}
.contact-block{
background-position: bottom;
}
.contact-block .inner-content{
left: 0px
}
.contact-block .contact-info,
.contact-block .google_map{
width: 100%;
height: 210px;
float: none;
display: block;
}
.callout .callout-content .info,
.callout .callout-content .action{
width: 100%;
float: none;
text-align: left;
}
.callout.strip .callout-content .action a{
margin-top: 0;
}
.tabs.main ul{
padding: 0;
}
.tabs.main ul li{
float: none;
display: block;
margin: 0;
}
.tabs.main ul li:first-child a{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.tabs.main ul li a{
display: block;
border-bottom: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tabs.main ul li.active a{
padding: 15px 20px;
border-bottom: 0;
margin-bottom: 0;
color: #232323;
}
.col-3 .pricing-alternative .price-title .currency{
font-size: 16px;
top: -10px;
}
.col-3 .pricing-alternative .price-title .price{
font-size: 39px;
}
.flickr-widget a {
width: 68px;
height: 68px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{
width: 100%;
padding: 0;
}
.container header,
.container footer{
margin: 0;
}
.header-link,
.site-menu{
display: none !important
}
.menu-title{
display: block;
}
.content-slider .flex-direction-nav,
.wrap{
width: 450px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
width: 450px
}
.cols .col-1,
.cols .col-2,
.cols .col-3,
.cols .col-4,
.cols .col-5,
.cols .col-6,
.cols .col-7,
.cols .col-8,
.cols .col-9,
.cols .col-10,
.cols .col-11,
.cols .col-12{
margin-bottom: 15px
}
.offset-1{
margin-left: 15px
}
.col-3 .portfolio-item,
.col-4 .portfolio-item,
.col-6 .portfolio-item{
width: 450px;
height: 533px;
}
.second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image,
.second .blog-item-content{
width: 100%;
float: none
}
.second .blog-item-content{
margin:0;
}
.slide li .slide-content{
font-size: 10px;
bottom: 16px;
}
.slide li .slide-content h4{
padding: 5px 10px;
display: inline-block;
margin: 0;
font-size: 12px
}
.slide li .slide-content .text{
background: #fff;
padding: 5px 10px 0;
max-width: 300px
}
.content-slider .flex-direction-nav{
font-size: 12px;
line-height: 12px;
}
.content-slider .flex-direction-nav a{
top: -24px;
padding: 6px 10px;
}
.content-slider .flex-direction-nav a.flex-next{
left: 25px;
}
.portfolio-navigations{
margin-bottom: 25px;
}
.portfolio-navigations li{
margin: 0 -1px 5px 0;
}
.portfolio-navigations li a{
padding: 10px;
}
#top-info .cols .col-6,
#heading .cols .col-6{
margin-bottom: 0
}
#heading #breadcrumb ul{
float: left
}
.header-link ul{
text-align: center;
margin-top: 5px
}
.entry-share ul{
margin-top: 10px
}
.entry-share ul li:first-child{
margin: 0;
}
.entry-share ul li a {
padding: 7px 5.45px;
}
.entry-share ul li a i{
margin: 0 8px 0;
}
.authorbox .col-1{
width: 70px;
}
.authorbox .col-7{
width: 350px
}
.relate-posts .col-2{
width: 210px
}
.relate-posts img{
width: 100%
}
.comment-form .field{
width: 450px;
margin: 0 0 15px;
}
.comment-form .field i{
width: 55px
}
#sidebar .widget.flickr ul li{
width: 149.33333333333333px;
}
.callout .callout-content .info,
.callout .callout-content .action{
width: 100%;
float: none;
text-align: left;
}
.callout.strip .callout-content .action a{
margin-top: 0;
}
footer .credit .col-6{
margin-bottom: 0;
text-align: center;
}
footer .credit .footer-menu{
float: none;
display: block;
}
footer .credit .footer-menu li{
display: inline-block;
float: none;
}
.gallery {
margin-left: 0;
}
.gallery .gallery-item img{
width: 100%
}
.gallery .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width: none;
width: 49%;
width: -webkit-calc(50% - 4px);
width:         calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-1.gallery-size-medium .gallery-item,
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align: center;
width: 98%;
width: -webkit-calc(100% - 4px);
width:         calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 4px;
}
.gallery br {
display: none;
}
.gallery .gallery-item:nth-of-type(even) {
margin-right: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container{
width: 100%;
padding: 0;
}
.container .slide,
.container .top-widget,
.container .heading-custom,
.container header,
.container footer{
margin-left: 0;
margin-right: 0
}
.header-link,
.site-menu{
display: none !important
}
.news-slides ul li{
height: 20px
}
#top-info .cols .col-6,
#heading .cols .col-6{
margin-bottom: 0
}
#heading #breadcrumb ul{
float: left
}
.menu-title{
display: block;
}
.content-slider .flex-direction-nav,
.wrap{
width: 280px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
width: 280px
}
.cols .col-1,
.cols .col-2,
.cols .col-3,
.cols .col-4,
.cols .col-5,
.cols .col-6,
.cols .col-7,
.cols .col-8,
.cols .col-9,
.cols .col-10,
.cols .col-11,
.cols .col-12{
margin-bottom: 15px
}
.offset-1{
margin-left: 15px
}
.col-3 .portfolio-item,
.col-4 .portfolio-item,
.col-6 .portfolio-item{
width: 280px;
height: 332px;
}
.slide li .slide-content h4{
font-size: 12px;
padding: 5px 10px;
}
.slide li .slide-content .text{
display: none
}
.content-slider .flex-direction-nav{
font-size: 12px;
line-height: 12px;
}
.content-slider .flex-direction-nav a{
top: -24px;
padding: 6px 10px;
}
.content-slider .flex-direction-nav a.flex-next{
left: 25px;
}
.second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image,
.second .blog-item-content{
width: 100%;
float: none
}
.second .blog-item-content{
margin:0;
}
.heading .cols .col-6{
margin-bottom: 0px
}
.comment-form .field{
width: 280px;
margin: 0 0 15px;
}
.comment-form .field i{
width: 55px
}
.comment ul{
padding: 20px 0 0 0;
}
#top-info .cols .col-6,
#heading .cols .col-6{
margin-bottom: 0
}
.entry-share ul{
margin-top: 0px
}
.entry-share ul li:first-child{
margin: 0;
}
.entry-share ul li a {
padding: 7px 4px
}
.entry-share ul li a span{
display: none
}
.entry-share ul li a i{
margin: 0;
border: 0;
padding: 10px 5px;
}
.authorbox .col-1{
width: 70px;
}
.authorbox .col-7{
width: 180px
}
.relate-posts .col-2{
width: 125px
}
.relate-posts img{
width: 100%
}
.widget.newsletter .social-connect h6,
.widget.newsletter .social-connect ul{
float: none;
display: block;
}
.widget.newsletter .social-connect ul li{
margin: 0 5px 0 0;
}
.tabs.main ul{
padding: 0;
}
.tabs.main ul li{
float: none;
display: block;
margin: 0;
}
.tabs.main ul li:first-child a{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.tabs.main ul li a{
display: block;
border-bottom: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tabs.main ul li.active a{
padding: 15px 20px;
border-bottom: 0;
margin-bottom: 0;
color: #232323;
}
.tabs.center .tabNavigation{
display: block;
margin: 0 auto;
}
.tabs.center .tabNavigation li{
float: none;
margin: 0 0 -1px;
}
.tabs.center .tabNavigation li a{
display: block
}
.tabs.center .tabNavigation li .tab-arrow{
display: none;
}
.tabs.center .tabNavigation li.active .tab-arrow{
display: none
}
.user{
margin: 0 0 20px 40px;
}
.user .user-image{
left: -40px;
}
.user .user-image img{
width: 80px;
height: 80px;
}
.user .user-info{
padding: 20px 20px 20px 60px;
}
.tabs.alternative ul{
width: 100%;
padding: 0;
float: none;
}
.tabs.alternative ul li{
margin-bottom: -1px
}
.tabs.alternative ul li a{
padding: 15px 20px;
border-right: 0
}
.tabs.alternative ul li.active a{
color: #232323;
border-right: 0;
padding: 15px 20px;
margin-right: 0
}
.tabs.alternative .tabs-content{
margin-left: 0;
padding-left: 0;
border-left: 0;
padding-top: 15px;
}
.tabs.alternative .tabs-container{
display: none;
}
.tabs.alternative .tabs-container.active{
display: block;
}
.slider .flex-direction-nav a{
top: 25%;
padding: 10px;
}
.contact-block{
background-position: bottom;
}
.contact-block .inner-content{
left: 0px
}
.contact-block .contact-info,
.contact-block .google_map{
width: 100%;
height: 280px;
float: none;
display: block;
}
.contact-block .google_map{
height: 140px;
}
.portfolio-navigations{
margin-bottom: 25px;
}
.portfolio-navigations li{
margin: 0 -1px 5px 0;
}
.portfolio-navigations li a{
padding: 10px;
}
.callout .callout-content .info,
.callout .callout-content .action{
width: 100%;
float: none;
text-align: left;
display: block;
}
#sidebar .widget.flickr ul li{
width: 92.66666666666667px;
}
.flickr-widget a {
width: 83px;
height: 83px;
}
footer .credit .col-6{
margin-bottom: 0;
text-align: center;
}
footer .credit .footer-menu{
float: none;
display: block;
}
footer .credit .footer-menu li{
display: inline-block;
float: none;
}
.gallery {
margin-left: 0;
}
.gallery .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width: none;
width: 49%;
width: -webkit-calc(50% - 4px);
width:         calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-1.gallery-size-medium .gallery-item,
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align: center;
width: 98%;
width: -webkit-calc(100% - 4px);
width:         calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 4px;
}
.gallery br {
display: none;
}
.gallery .gallery-item:nth-of-type(even) {
margin-right: 0;
}
}
@media only screen and (max-width: 319px) {
.container{
width: 100%;
padding: 0;
}
.container .slide,
.container .top-widget,
.container .heading-custom,
.container header,
.container footer{
margin-left: 0;
margin-right: 0
}
.header-link,
.site-menu{
display: none !important
}
.news-slides ul li{
height: 20px
}
#top-info .cols .col-6,
#heading .cols .col-6{
margin-bottom: 0
}
#heading #breadcrumb ul{
float: left
}
.menu-title{
display: block;
}
.content-slider .flex-direction-nav,
.wrap{
width: 220px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
width: 220px
}
.cols .col-1,
.cols .col-2,
.cols .col-3,
.cols .col-4,
.cols .col-5,
.cols .col-6,
.cols .col-7,
.cols .col-8,
.cols .col-9,
.cols .col-10,
.cols .col-11,
.cols .col-12{
margin-bottom: 15px
}
.offset-1{
margin-left: 15px
}
.col-3 .portfolio-item,
.col-4 .portfolio-item,
.col-6 .portfolio-item{
width: 220px;
height: 261px;
}
.second .blog-item .blog-item-slide,
.second .blog-item .blog-item-media,
.second .blog-item .blog-item-image,
.second .blog-item-content{
width: 100%;
float: none
}
.slide li .slide-content{
display: none
}
.content-slider .flex-direction-nav{
font-size: 12px;
line-height: 12px;
}
.content-slider .flex-direction-nav a{
top: -24px;
padding: 6px 10px;
}
.content-slider .flex-direction-nav a.flex-next{
left: 25px;
}
.second .blog-item-content{
margin:0;
}
.entry-share ul{
margin-top: 0px
}
.entry-share ul li:first-child{
margin: 0;
}
.entry-share ul li a {
padding: 7px 4px 7px 8px;
}
.entry-share ul li a span{
display: none
}
.entry-share ul li a i{
margin: 0;
border: 0;
padding: 10px 3px;
}
.comment-form .field{
width: 280px;
margin: 0 0 15px;
}
.comment-form .field i{
width: 55px
}
.comment ul{
padding: 20px 0 0 0;
}
.tabs.main ul{
padding: 0;
}
.tabs.main ul li{
float: none;
display: block;
margin: 0;
}
.tabs.main ul li:first-child a{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.tabs.main ul li a{
display: block;
border-bottom: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tabs.main ul li.active a{
padding: 15px 20px;
border-bottom: 0;
margin-bottom: 0;
color: #232323;
}
.tabs.center .tabNavigation{
display: block;
margin: 0 auto;
}
.tabs.center .tabNavigation li{
float: none;
margin: 0 0 -1px;
}
.tabs.center .tabNavigation li a{
display: block
}
.tabs.center .tabNavigation li .tab-arrow{
display: none;
}
.tabs.center .tabNavigation li.active .tab-arrow{
display: none
}
.tabs.alternative ul{
width: 100%;
padding: 0;
float: none;
}
.tabs.alternative ul li{
margin-bottom: -1px
}
.tabs.alternative ul li a{
padding: 15px 20px;
border-right: 0
}
.tabs.alternative ul li.active a{
color: #232323;
border-right: 0;
padding: 15px 20px;
margin-right: 0
}
.tabs.alternative .tabs-content{
margin-left: 0;
padding-left: 0;
border-left: 0;
padding-top: 15px;
}
.tabs.alternative .tabs-container{
display: none;
}
.tabs.alternative .tabs-container.active{
display: block;
}
.toggle .title{
text-align: center;
}
.widget.newsletter .social-connect h6,
.widget.newsletter .social-connect ul{
float: none;
display: block;
}
.widget.newsletter .social-connect ul li:first-child{
margin: 0
}
.entry-share h5,
.entry-share ul{
float: none;
display: block
}
.entry-share h5{
margin-bottom: 10px
}
.entry-share ul li:first-child{
margin: 0;
}
.user{
margin: 0 0 20px 30px;
}
.user .user-image{
left: -30px;
}
.user .user-image img{
width: 60px;
height: 60px;
}
.user .user-info{
padding: 20px 20px 20px 60px;
}
.contact-block{
background-position: bottom;
}
.contact-block .inner-content{
left: 0px
}
.contact-block .contact-info,
.contact-block .google_map{
width: 100%;
height: 210px;
float: none;
display: block;
}
.slider .flex-direction-nav a{
top: 20%;
padding: 10px;
}
.callout .callout-content .info,
.callout .callout-content .action{
width: 100%;
float: none;
text-align: left;
display: block;
}
.callout.strip .callout-content .action a{
margin-top: 0;
}
.portfolio-navigations{
margin-bottom: 25px;
}
.portfolio-navigations li{
margin: 0 -1px 5px 0;
}
.portfolio-navigations li a{
padding: 10px;
}
#sidebar .widget.flickr ul li{
width: 72.66666666666667px;
}
.flickr-widget a {
width: 100px;
height: 100px;
}
footer .credit .col-6{
margin-bottom: 0;
text-align: center;
}
footer .credit .footer-menu{
float: none;
display: block;
}
footer .credit .footer-menu li{
display: inline-block;
float: none;
}
.gallery {
margin-left: 0;
}
.gallery .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
max-width: none;
width: 49%;
width: -webkit-calc(50% - 4px);
width:         calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-1.gallery-size-medium .gallery-item,
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
text-align: center;
width: 98%;
width: -webkit-calc(100% - 4px);
width:         calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 4px;
}
.gallery br {
display: none;
}
.gallery .gallery-item:nth-of-type(even) {
margin-right: 0;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.top-widget .actions-top-widget{
bottom: 0px;
z-index: 99999999
}
.toggle .title:before{
padding: 20px;
}
.comment-form .field i{
padding: 12px 20px 13px;
}
header #header #full-menu ul ul{
overflow: visible !important;
}
}@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,500,600,700,700italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese"); body{
font-family: arial;
font-size: 14px; 
font-weight: normal; 
color: #232323;
} a:hover{
color: #0621b3}
header{
border-top-color: #0621b3;
}
header #header .site-menu ul > li.sfHover > a,
header #header .site-menu ul > li.current-menu-item > a,
header #header .site-menu ul > li > a:hover{
color: #0621b3;
border-bottom-color: #0621b3;
}
.top-widget .actions-top-widget a{
border-top-color: #0621b3;
}
.top-widget.active .actions-top-widget a{
border-bottom-color: #0621b3;
}
.callout.color{
background: #0621b3;
border-color: #0924b6;
background: -webkit-linear-gradient(top, #0621b3 0%, rgba(6,33,179,0.5) 100%);?> background:   linear-gradient(to bottom, #0621b3 0%, rgba(6,33,179,0.5) 100%);?> }
.menu-vertical ul li:hover a{
background: #0621b3;
border-color: #0621b3;
}
footer .widget.widget_tag_cloud a:hover,
.flickr-widget clearfix a:hover {
border-color: #0621b3;
}
.user:hover{
background: #0621b3;
border-color: #0924b6;
}
footer button:hover,
footer input[type=submit]:hover,
.pagenavi span.current,
.button.color{
background: #0621b3;
border-color:#0b26b8;
background: -webkit-linear-gradient(top, rgba(11,33,179) 0%, #0621b3 100%); background:   linear-gradient(to bottom, rgba(11,33,179) 0%, #0621b3 100%); }
.button.color:hover{
background: #0621b3;
background: -webkit-linear-gradient(top, #011cae;) 0%, #0621b3 100%); background:   linear-gradient(to bottom, #011cae;) 0%, #0621b3 100%); border-color: #011cae;
}
footer .widget.widget_tag_cloud a:hover,
.portfolio-item .portfolio-link a:hover,
.blog-item .blog-item-image-cover .blog-item-image-cover-link a:hover,
.slide li .slide-content h4,
.content-slider .flex-direction-nav a:hover,
.portfolio-item .portfolio-title,
.portfolio-item .portfolio-link a:hover,
.skill-bar .skill-bar-content,
.blog-item .blog-item-image-cover .blog-item-image-cover-link a:hover,
footer .twitter-bar{
background: #0621b3;
} h1{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #666666; }
h2{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #666666; }
h3{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }
h4{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666; }
h5{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; }
h6{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; } a{color:#0621b3; }
a:hover{ color: #000000; } .top-widget{
background: #fcfcfc;
color: #000000;
}
.top-widget h4{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight: ; 
color: #5e5e5e;
}
.top-widget textarea,
.top-widget input{
border-color: #222222;
}
.top-widget textarea:focus,
.top-widget input:focus{
border-color: #0621b3;
}
.top-widget label{
color: #ffffff}
.top-widget .quick-search input{
background: #ffffff;
color: #3a3a3a;
}
.top-widget .quick-search input:focus{
background: #ffffff} header{
border-top-color: #ffffff	background-color: #ffffff	height: auto}
header #top-info,
.header-widget .contact-widget{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: normal; 
color: #aaaaaa;
} header #header .logo .site-title a{
margin-top: 20px;
margin-bottom: 0px;
} header #header .site-menu ul li a{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: bold; 
color: #797979;
}
header #header .site-menu ul li a:hover{
color: #3c45f2;
}
header #header .site-menu ul > li.sfHover > a,
header #header .site-menu ul > li.current-menu-item > a{
color: #000000;
}
header #header .site-menu .sf-menu ul {
background: #ffffff;
}
header #header .site-menu .sf-menu ul li{
border-bottom-color: #222222;
}
header #header .site-menu .sf-menu ul li a{
color : #0a0a0a;
}
header #header .site-menu .sf-menu ul li a:hover{
color : #eeeeee;
background : #0621b3;
} .portfolio-item .portfolio-title,
.portfolio-item .portfolio-link a:hover{
background: #C73831;
}
.portfolio-item .portfolio-title h5{
color: #ffffff;
}
.portfolio-item .portfolio-title a{
color: #ffffff;
}
.portfolio-item .portfolio-title a:hover{
color: #eeeeee;
} .widget .widget-title{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #232323;
border-top: 1 solid #232323; 
border-bottom: 1 solid #232323; 
}
.widget .widget-content{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-weight: normal; 
color: #232323;
}
.widget .widget-content a{
color: #797979;
}
.widget .widget-content a:hover{
color: #C0392B;
} footer .twitter-bar{
background: #3c45f2;
color: #ffffff;
}
footer .twitter-bar a{
color: #ffffff;
}
footer .twitter-bar a:hover{
color: #ffffff;
} footer{
background-color: #181818;
}
footer .footer-widget-area,
footer .footer-widget-area p{
color: #797979;
}
footer .footer-widget-area a{
color: #797979;
}
footer .footer-widget-area a:hover{
color: #cccccc;
}
footer .widget h4.widget-title{
font-family: Open Sans, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: ; 
color: #cccccc;
} footer .credit{
background-color: #060606;
}
footer .credit p{
color: #797979;
}
footer .credit a{
color: #393939;
}
footer .credit a:hover{
color: #494949;
} .mejs-container .mejs-controls .mejs-time,
.mejs-container .mejs-controls .mejs-time span,
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li,
.mejs-chapters .mejs-chapter .mejs-chapter-block,
.mejs-captions-layer,
.mejs-captions-layer  a,
.me-cannotplay a,
.mejs-contextmenu .mejs-contextmenu-item:hover,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li,
.mejs-postroll-close{
color: #0621b3}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-contextmenu{
background: #0621b3}
.mejs-chapters{
-xborder-right: solid 1px #0621b3;
}  ul.sub-menu {
width: 210px;
}
header #header #full-menu ul li ul li {
width: 100%;
}
.credit {
background: black;
color: gray;
padding: 10px;
}
a.tooltips.review-us {
margin-top: 5px;
background: #0621b3;
padding: 5px 10px;
margin-right: -2px
}
a.tooltips.review-us:hover {
background-color: #ccc;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page {
display: inline-flex;
padding: 0px 5px;
}
.page-id-2 #add-comment {
display: none;
}
.accordion {
border: 1px solid rgba(85, 85, 85, 0.38);
padding-left: 5px;
}
.accordion .title:before {
content: "f055";
font-family: "FontAwesome";
margin: 0 5px 0 1px;
color: #aaa;
font-size: 14px;
}
.accordion .title:before {
display: none;
}
.flickr-widget a {
float: left;
width: 75px;
height: 80px;
margin: 0 5px 10px;
border: 3px solid #333;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
border-radius: 2px;
}
.contact-field {
padding: 5px 0;
color: #555;
}
.mycol img {
float: left;
width: 350px;
max-height: 235px;
}
[class^="wp-image-"]:hover, [class*=" wp-image-"]:hover {
border: 1px solid #0621b3;
}
.divider {
border-top: 1px solid #0621b3;
margin: 20px 0 30px;
clear: both;
}
.mycol {
width: 75%;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}
.infobox-images img {
opacity: 1 !important;
}
.cols{
overflow:visible;
}
#contatus {
display: block;
width: 33%;
float: right;
}
#rev_slider_1_1_wrapper {
min-height: 450px !important;
} #top-info {
border-bottom: 0px solid !important;
clear: both;
}
div#news-slide {
display: none;
}
#top-info .slides li {
display: none !important;
}
.col-6.header-short-info {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.col-6.header-link.clearfix {
float: right;
}
div#top-info {
display: none;
}
#header-widget .header-link {
margin-top: 30px;
}
.header-link ul a {
transition: .7s;
padding-bottom: 5px;
min-width: 30px;
}
header #header #full-menu {
border-bottom: 3px solid white;
} #footer-menu .page-item-54 {
display: none;
}
.footer-menu .page-item-250 {
display: none;
}
.footer-menu .page-item-252 {
display: none;
}
footer .credit a:hover { 
color: #494949; 
} 
footer .credit a { 
color: #393939; 
} 
footer .credit p, footer .credit a { 
color: #797979; 
} 
.footer-menu .page_item.page-item-75 {
display: none;
}
.footer-menu .page_item.page-item-2 {
display: none;
}
footer .footer-widget-area {
padding-top: 35px!important;
padding-bottom: 0px!important;
}
footer .credit .footer-menu {
float: right!important;
float: none!important;
}
#footer-menu {
width: 100%!important;
float: none!important;
}
#copyright {
width: 100%!important;
text-align: center!important;
} @media only screen and (min-width:1500px) {
.slotholder img {
width: 1906px !important;
height: 491.2px !important;
position: absolute;
left: 0px !important;
opacity: 1;
}
}
@media (max-width: 1170px) {
.review-us {
margin-right: 60px;
}
}
@media (max-width: 980px) {
.review-us {
margin-right: 0px;
}
header #header .site-menu ul > li.sfHover > a, header #header .site-menu ul > li.current-menu-item > a, header #header .site-menu ul > li > a:hover {
border-style: inset !important;
border-top: 0px;
border-right: 0px;
border-left: 0px;
}
header #header .site-menu ul > li {
transition: .7s;
}
header #header #full-menu {
display: block !important;
margin-bottom: 0px;
border-bottom: 0px;
}
header #header #full-menu .menu {
max-width: initial;
width: 100%;
}
header #header #full-menu ul li {
display: block;
float: none;
border-bottom: 4px solid #f1f1f1;
}
header #header #full-menu ul li a {
display: block;
}
header #header .site-menu .sf-menu li:hover > ul, header #header .site-menu .sf-menu li.sfHover > ul, header #header .site-menu .sf-menu li.current-menu-item > ul, header #header .site-menu .sf-menu li.current-menu-ancestor > ul {
display: block;
position: relative;
}
header #header .site-menu .sf-menu li > ul li {
width: 100%;
padding-left: 50px;
}
header #header .site-menu .sf-menu li > ul li:before {
content: "-";
float: left;
color: white;
font-size: 35px;
position: absolute;
left: 35px;
top: 5px;
}
.menu-title {
display: none;
}
}
@media (max-width: 768px) {
div#header-widget {
width: 100%;
float: none;
display: block;
text-align: center;
}
.header-widget .contact-widget {
text-align: center;
}
.header-widget .contact-widget br {
display: none;
}
header #header .logo .site-title a {
margin: auto;
}
.menu-title {
display: block;
margin-bottom:10px;
}
header #header #full-menu {
display: none !important;
}
}
@media only screen and (max-device-width: 480px) {
header #header .logo {
float: none;
display: block;
margin: auto;
width: 100%;
}
header #header .logo img.logo_standard {
width: 1000%;
height: auto;
margin-top: 20px;
}
#news-slide {
display: none;
}
#rev_slider_1_1_wrapper{
min-height:0px !important;
}
.contact-widget {
display: none;
}
}
header #header {
z-index: 99;
}
span.mejs-offscreen {
display: none;
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//www.cozi.co.za/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}