@font-face {
font-family: 'FontAwesome';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/font-awesome-4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/font-awesome-4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'), url(//vovotelo.co.za/wp-content/themes/everafter/css/font-awesome-4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'), url(//vovotelo.co.za/wp-content/themes/everafter/css/font-awesome-4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'), url(//vovotelo.co.za/wp-content/themes/everafter/css/font-awesome-4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.2857142857142858em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.142857142857143em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
top: 0.14285714285714285em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.8571428571428572em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-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);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-reply-all:before {
content: "\f122";
}
.fa-mail-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}@font-face {
font-family: 'OswaldLight';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Light-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Light-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Light-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Light-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Light-webfont.svg#OswaldLight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OswaldBook';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Regular-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Regular-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Regular-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Regular-webfont.svg#OswaldBook) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OswaldBold';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Bold-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Bold-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Bold-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Bold-webfont.svg#OswaldBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OswaldStencilRegular';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Stencil-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Stencil-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Stencil-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Stencil-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/oswald-fontfacekit/Oswald-Stencil-webfont.svg#OswaldStencilRegular) format('svg');
font-weight: normal;
font-style: normal;
}*:focus{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
button,input,legend,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
table{border-collapse:collapse;border-spacing:0; }
sup,sub{vertical-align:baseline; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,caption,table,tbody,tfoot,thead,tr,th,td
{font-family:inherit;font-size:inherit;}
img { border:none; }utf-8;
@font-face {
font-family: 'amandineregular';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.woff2) format('woff2'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/amandine-webfont.svg#amandineregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'atmicoregular';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.eot);
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.eot?#iefix) format('embedded-opentype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.woff2) format('woff2'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.woff) format('woff'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.ttf) format('truetype'),
url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/atomico-webfont.svg#atmicoregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TRCenturyGothic';
src: url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/TRCenturyGothic.eot?#iefix)format('embedded-opentype'),  url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/TRCenturyGothic.woff) format('woff'), url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/TRCenturyGothic.ttf)  format('truetype'), url(//vovotelo.co.za/wp-content/themes/everafter/css/fonts/TRCenturyGothic.svg#TRCenturyGothic) format('svg');
font-weight: normal;
font-style: normal;
}
html {
height:100% !important;
}
body {
background:#000;
color:#000000;
font-size:12px;
font-family:'OswaldBook', arial, serif;
height:100%;
}
h1, h2, h3, h4, h5 {
font-family:'OswaldBold', arial, serif;
font-weight:bold;
color:#737b35;
text-align:center;
}
.storybook h1, .storybook h2, 
.storybook h3, .storybook h4, .storybook h5 {
font-family: 'atmicoregular';
}
h2 {
font-size:40px;
margin-bottom:26px;
}
.storybook h2 { 
font-size:37px;
}
h3 {
font-size:25px;
margin-bottom:12px;
}
h4 {
font-size:24px;
margin-bottom:20px;
}
p { color:#6B6B6B;
font-family:TRCenturyGothic;
font-size:16px;
margin-bottom: 10px;
}
.storybook p {
color:#3C3A3A; font-family:TRCenturyGothic;
}
p a {
color:#369B2B;
font-size:17px;
}
.btn-style1 {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/btn-style1.png) no-repeat scroll 0 0 transparent;
color: #FFFFFF;
display: inline-block;
font-size: 11px;
height: 17px;
padding: 4px 19px;
text-align: center;
text-decoration: none;
}
.btn-style1:hover { color:#fff; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
::selection { background:#535920; color:#fff; }
::-moz-selection { background:#535920; color:#fff; } body .page { margin:0 auto; width:982px; }
.rounded-list li, div.rounded { border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.rounded-item { border: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
a {
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
.formError {
z-index:999999;
}
a img {
border:0;
}
.clear {
clear:both;
float:none;
display:block;
}
.right {
float:right;
}
.section-header { }
#the_bakers_experience .section-header { width: 90%;
max-width: 1095px;
margin: 0 auto;   }
.section-header p {
font-size:16px;
line-height:24px; text-align:center;
max-width: 860px;
width: 90%;
margin: 0 auto; 
} .texture { overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.texture.trans { background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/texture-trans.png) repeat; } #header {
background:#000;
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_nav.jpg) repeat;
bottom: 0;
height:60px;
padding:10px 0;
position:absolute;
width:100%;
z-index: 100;
}
#header.fixed {
bottom:auto;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.fashion { background:#fff; }
.fashion #header { bottom: auto; top:2020px; }
.fashion #header.fixed { display:block; top:auto; }
#header .inner {
margin:0 auto;
position:relative;
width:1100px;
}
#header .logo {
float: left;
margin-top: 1px;
}
#header .logo a { display: inline-block; }
#header.minimized .logo a {}
#header .navigation {
float: right;
height: 40px;
list-style: none outside none;
margin-top: 22px;
}
#header .navigation li {
float: left;
margin-left: 18px;
}
#header .navigation li a {
color: #ffffff;
font-family: 'OswaldBook',arial,serif;
font-size: 14px;
padding-bottom:2px;
text-transform: uppercase;
}
#header .navigation li a:hover { border-bottom: 1px solid #fff; }
#header .navigation li a.active { border-bottom: 1px solid #fff; }
#header .scroll-glyph {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/scroll-glyph.png);
display: inline-block;
height: 180px;
left: 960px;
position: absolute;
top: 560px;
width: 330px;
opacity: 1;
transition: opacity .65s ease-in-out;
-moz-transition: opacity .65s ease-in-out;
-webkit-transition: opacity .65s ease-in-out;
}
#header ul.social {
float: right;
list-style: none outside none;
margin-left: 12px;
margin-top: 8px;
}
#header ul.social li {
float: left;
margin-left: 7px;
width: 34px;
}
#header ul.social li a {
}
#header .scroll-glyph.on{ opacity: 0.1; }
#header .btn-navbar {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/mobile-nav.jpg) no-repeat;
cursor: pointer;
display: none;
float: right;
height: 18px;
margin-top: 10px;
width: 24px;
} .slide {
background-color:#fff;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width:100%;
}
.storybook .slide {
}
.slide .slide-bg {
height:400px;
width:400px;
display:none;
overflow:hidden;
}
.slide.no-bg { background:#ffffff; } .slide.intro-layout {
height: 100%;
overflow:hidden;
position:relative;
}
.fashion .slide.intro-layout {
background-color: #a19b9b;
background-size: auto;
height: 2089px;
}    .fashion .slide.intro-layout .content { padding-top:0; }
.slide.intro-layout .intro-wrap, .slide.video-layout .intro-wrap, .slide.parallax-layout .intro-wrap {
bottom: 0;
height: 198px;
left: 0;
margin: auto;
padding-bottom: 100px;
padding-top: 100px;
position: absolute;
top: 0;
width: 100%;
}
.slide.intro-layout h1, .slide.video-layout h1 {
color:#fff;
font-family: 'OswaldBold',arial,serif;
font-size: 79px;
font-weight:normal;
margin-bottom:9px;
text-align:center;
text-transform: uppercase;
}
.storybook .slide.intro-layout h1, .storybook .slide.video-layout h1 {
font-family: 'atmicoregular';
margin-bottom: -8px;
text-transform:none;
}
.slide.intro-layout p, .slide.video-layout p {
color:#3C3A3A;
font-family:TRCenturyGothic;
font-size:18px;
text-align:center;
}
.slide.intro-layout .callout, .slide.video-layout .callout {
margin-top:60px;
}
.slide.intro-layout .image-layers {}
.slide.intro-layout .image-layers .img-1, 
.slide.intro-layout .image-layers .img-1f,
.slide.parallax-layout .image-layers .img-1f {
margin-left:-50px;
position:absolute;
top:340px;
}
.slide.intro-layout .image-layers .img-2, 
.slide.intro-layout .image-layers .img-2f,
.slide.parallax-layout .image-layers .img-2f { 
margin-left: 660px;
position:absolute;
top: 594px;
}
.slide.intro-layout .image-layers .img-3, 
.slide.intro-layout .image-layers .img-3f,
.slide.parallax-layout .image-layers .img-3f { position:absolute; } .fashion .slide.intro-layout .intro-lead {
background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/fashion-intro-lead.png);
height: 156px;
width: 155px;
margin: 0 auto 18px;
overflow: hidden;
}
.fashion .slide.intro-layout .intro-lead em {
color: #fff;
font-style: normal;
padding-top: 68px;
font-size: 21px;
display: block;
margin-left: 61px;
}
.fashion .slide.intro-layout h1 {
font-family: 'Lobster', cursive;
font-size: 155px;
text-transform: none;
line-height: 120px;
margin-bottom: 20px;
}
.fashion .slide.intro-layout .intro-rule {
background-image: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/fashion-intro-rule.png);
height: 87px;
width: 829px;
background-repeat: no-repeat;
margin: 0 auto 22px;
}
.fashion .slide.intro-layout p {
font-family: 'OswaldBold',arial,serif;
font-size: 48px;
letter-spacing: 12px;
margin-bottom: 19px;
}
.fashion .slide.intro-layout .intro-date {
color:#fff;
font-family: 'OswaldLight',arial,serif;
font-size: 29px;
margin: 0 auto;
overflow:hidden;
width: 149px;
}
.fashion .slide.intro-layout .intro-wrap { z-index:1; }
.fashion .slide.intro-layout .image-layers .img-1f { margin-left: 600px; top:440px; }
.fashion .slide.intro-layout .image-layers .img-2f { margin-left: 190px; top:694px; }
.fashion .slide.intro-layout .image-layers .img-3f { top: 1630px; margin-left: 280px; }
.fashion .slide.intro-layout .tag-container {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/tag-sprite.png) no-repeat;
height: 250px;
width: 306px;
overflow: hidden;
padding-top: 288px;
}
.fashion .slide.intro-layout .tag-container span { 
color:#fff; 
display:block; 
text-align:center;
text-transform:uppercase; 
}
.fashion .slide.intro-layout .tag-container .tag-header { 
font-family:'OswaldBold', arial, serif;
font-size:42px;
}
.fashion .slide.intro-layout .tag-container .tag-sub-header { 
color:#7b7b7b;
font-family:'OswaldBold', arial, serif;
font-size:12px;
letter-spacing: 17px;
margin-bottom: 50px;
padding-left: 15px;
}
.fashion .slide.intro-layout .tag-container .tag-outro {
color:#5c5c5c;
font-family:'OswaldBook', arial, serif;
font-size:15px;
}
.fashion .slide.intro-layout .content ul.social-media {
list-style: none;
margin: 0 auto;
display: block;
width: 239px;
margin-top: 18px;
}
.fashion .slide.intro-layout .content ul.social-media li { float:left; margin-right:10px; }
.fashion .slide.intro-layout .content ul.social-media li.social-instagram { margin: 0; width: 77px; }
.fashion .slide.intro-layout .content ul.social-media li a {
background-size:70px 70px;
display:inline-block;
height:70px;
text-indent:-9999px;
width:70px;
-webkit-transform: rotate(0) scale(0,0);
-moz-transform: rotate(0) scale(0,0);
-o-transform: rotate(0) scale(0,0);
-ms-transform: rotate(0) scale(0,0);
transform: rotate(0) scale(0,0);
}
.fashion .slide.intro-layout .content ul.social-media li a.rotate {
transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
-webkit-transform: rotate(360deg) scale(1,1);
-moz-transform: rotate(360deg) scale(1,1);
-o-transform: rotate(360deg) scale(1,1);
-ms-transform: rotate(360deg) scale(1,1);
transform: rotate(360deg) scale(1,1);
}
.fashion .slide.intro-layout .content ul.social-media li a.rotate:hover {
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.fashion .slide.intro-layout .content ul.social-media li.social-facebook a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-facebook-white.png); }
.fashion .slide.intro-layout .content ul.social-media li.social-twitter a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-twitter-white.png); }
.fashion .slide.intro-layout .content ul.social-media li.social-instagram a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-instagram-white.png); } .fashion .slide.parallax-layout { 
background-color:#6f696d; 
background-size: auto; 
height: 2089px; 
overflow:hidden;
position:relative;
}
.fashion .slide.parallax-layout .content { 
height: 100%;
padding: 0;
margin: 0 auto;
position: relative;
}
.fashion .slide.parallax-layout .intro-wrap { z-index:1; }
.fashion .slide.parallax-layout .image-layers .img-1f { margin-left: 600px; top:440px; }
.fashion .slide.parallax-layout .image-layers .img-2f { height:auto; margin-left: 290px; top:694px; width:200px; }
.fashion .slide.parallax-layout .image-layers .img-3f { top: 1630px; margin-left: 880px; }
.fashion .slide.parallax-layout .intro-lead {
height: 36px;
width: 155px;
margin: 0 auto 18px;
overflow: hidden;
}
.fashion .slide.parallax-layout .intro-lead em {
color: #fff;
font-style: normal;
font-size: 31px;
text-align: center;
display: block;
}
.fashion .slide.parallax-layout h1 {
color:#fff;
font-family: 'Lobster', cursive;
font-size: 112px;
text-transform: none;
line-height: 94px;
margin-bottom: 22px;
}
.fashion .slide.parallax-layout .rule-head{
background-image: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/rule-head.png);
height: 56px;
width: 829px;
background-repeat: no-repeat;
margin: 0 auto 0px;
}
.fashion .slide.parallax-layout .rule-foot {
background-image: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/rule-foot.png);
height: 15px;
width: 829px;
background-repeat: no-repeat;
margin: 0 auto 7px;
}
.fashion .slide.parallax-layout p {
color: #fff;
font-family: 'OswaldBook',arial,serif;
font-size: 33px;
letter-spacing: 2px;
text-align: center;
}
.fashion .slide.parallax-layout .intro-date {
color:#fff;
font-family: 'OswaldLight',arial,serif;
font-size: 29px;
margin: 0 auto;
overflow:hidden;
width: 149px;
}
.fashion .slide.parallax-layout .clock-layers {
position: absolute;
top: 1250px;
right: 150px;
}
.fashion .slide.parallax-layout .clock-layers .clock-body {}
.fashion .slide.parallax-layout .clock-layers .clock-arm {
position: absolute;
z-index: 2;
top: 60px;
left: 90px;
transform-origin:100% 100%;
-ms-transform-origin:100% 100%; -webkit-transform-origin:100% 100%; }
.fashion .slide.parallax-layout .clock-layers .clock-cap { 
position: absolute;
z-index: 3;
top: 151px;
left: 152px; 
} .slide.services-layout {
background:#fff;
background-size: auto auto;
padding-bottom:100px;
}
.storybook .slide.services-layout {
background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_services.jpg) repeat;
background-size: cover;
}
.storybook .slide.services-layout .section-header { border: none;
padding:5% 8%;
padding-left:100px;
padding-right:100px;
position: relative;
}
.storybook .slide.services-layout .section-header p {
color:#3C3A3A; }
.slide.services-layout .content {
margin:0 auto;
padding-top:228px;
opacity:0.85;
}
.slide.services-layout .section-callouts { 
height: auto;
margin: 0 auto 96px;
min-height: 216px;
overflow: hidden;
padding: 0;
text-align: center;
width: 911px;
}
.slide.services-layout .section-callouts div { 
float:left;
margin-top: -600px;
margin-right: 90px;
padding-top: 45px;
text-align: left;
width: 243px;
}
.slide.services-layout .section-callouts div.callout-1 { background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/callout-1-icon.png) no-repeat center top; }
.slide.services-layout .section-callouts div.callout-2 { background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/callout-2-icon.png) no-repeat center top; }
.slide.services-layout .section-callouts div.callout-3 { background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/callout-3-icon.png) no-repeat center top; margin-right:0; }
.slide.services-layout .section-callouts h3 {}
.slide.services-layout .section-callouts p {
line-height:30px;
text-align:center;
}
.slide.services-layout .section-callouts a {
background: #535920;
color: #FFFFFF;
display: inline-block;
font-size: 17px;
margin-left: 28px;
padding: 5px 57px;
}
.slide.services-layout .section-callouts a:hover { background:#E04040; }
.slide.services-layout .section-closing { 
border-top: 1px solid #E5E5E5;
padding: 96px 0 0;
}
.slide.services-layout .section-closing h4 {}
.storybook .slide.services-layout .section-closing h4 { font-size:34px; }
.slide.services-layout .section-closing p {
font-size:18px;
line-height:30px;
text-align:center;
} .slide.fgallery-layout {
background-color:#000;
background-attachment:fixed; 
background-position: 50% 0;
padding-bottom:190px; overflow:hidden;
}
.slide.fgallery-layout .content {
position:relative;
}
.slide.fgallery-layout .project-nav {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/setting-icon.jpg) no-repeat scroll 0 0 #000000;
height: 200px;
left: 78px;
padding-top: 70px;
position: absolute;
top: 56px;
width: 70px;
z-index: 1;
}
.slide.fgallery-layout .photo-details {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/project-info.png) no-repeat scroll 0 0;
cursor:pointer;
height:70px;
width:70px;
}
.slide.fgallery-layout .photo-details:hover { background-position:-70px center; }
.slide.fgallery-layout .photo-detail-content {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-family:TRCenturyGothic;
font-size: 32px;
left: 157px;
padding: 42px 18px;
position: absolute;
text-align: center;
top: 126px;
width: 283px;
}
.slide.fgallery-layout .nav-arrow {  cursor:pointer; height:70px; width:70px; }
.slide.fgallery-layout .nav-arrow.next { background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/project-next.png) no-repeat scroll 0 0; }
.slide.fgallery-layout .nav-arrow.next:hover { background-position:-70px center; }
.slide.fgallery-layout .nav-arrow.prev { background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/project-prev.png) no-repeat scroll 0 0; }
.slide.fgallery-layout .nav-arrow.prev:hover { background-position:-70px center; }
.slide.fgallery-layout .featured-gallery img { display:none; }
.slide.fgallery-layout .wipe-angle {
background:#fff; top: 75%;
height:150%;
position:absolute;
width:150%;
-webkit-transform:rotate(-9deg);
-moz-transform:rotate(-9deg);
-o-transform:rotate(-9deg);
-ms-transform:rotate(-9deg);
transform:rotate(-9deg);
} .slide.portfolio-layout {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_BakersExperience.jpg);
height:auto; padding-top:103px;
}
.slide.portfolio-layout .content {
margin:0 auto;
padding-top:166px;
}
.storybook .slide.portfolio-layout .content { padding-top: 0px; } 
.slide.portfolio-layout .section-portfolio {
margin: 0 auto;
width: 1098px;
}
.portfolio-layout .grid-item { 
float:left; 
height: 316px;
margin-bottom:-1px;
overflow:hidden;
position:relative;
width: 363px;
}
.portfolio-layout .grid-item.featured { height:362px; width: 547px; }
.portfolio-layout .grid-item.featured:nth-child(1) { margin-right: 3px; }
.portfolio-layout .grid-item.standard { margin-right: 3px; }
.portfolio-layout .grid-item a {}
.portfolio-layout .grid-item a img {
height: auto;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.portfolio-layout .grid-item:hover a img {
transform:scale(1.2);
-ms-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2);
-o-transform:scale(1.2); 
}
.portfolio-layout .design-overlay {
background:#000;
height:100%;
left:0;
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
position:absolute;
top: -2px;
width:100%;
z-index:2;
}
.portfolio-layout .design-overlay .expand {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/expand.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 50px;
width: 43px;
top: 45%;
position: absolute;
left: 45%;
} .portfolio-layout .grid-item .mask, 
.portfolio-layout .grid-item .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.portfolio-layout .grid-item.featured h2 { font-size: 42px; line-height: 57px; margin-top: 70px; }
.portfolio-layout .grid-item h2 { color: #737b35;
text-align: center;
position: relative;
font-size: 31px;
padding: 10px;
background: rgba(255,255,255, 1.8);
margin: 20px 0 0 0;
}
.portfolio-layout .grid-item p {
font-family: TRCenturyGothic;
font-style: normal;
font-size: 14px;
position: relative;
color: #626262;
padding: 10px 20px 0;
text-align: center;
}
.portfolio-layout .grid-item a.info {
display: none;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
margin:0 auto;
text-align: center;
text-transform: uppercase;
width: 70px;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.portfolio-layout .grid-item img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.portfolio-layout .grid-item .mask {
background-color: rgba(255,255,255,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.2s 0.4s ease-in-out;
-moz-transition: all 0.2s 0.4s ease-in-out;
-o-transition: all 0.2s 0.4s ease-in-out;
-ms-transition: all 0.2s 0.4s ease-in-out;
transition: all 0.2s 0.4s ease-in-out;
}
.portfolio-layout .grid-item h2 {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio-layout .grid-item p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio-layout .grid-item a.info {
-webkit-transform: translateY(-300px);
-moz-transform: translateY(-300px);
-o-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.portfolio-layout .grid-item:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.portfolio-layout .grid-item:hover h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.portfolio-layout .grid-item:hover p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.portfolio-layout .grid-item:hover a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
} .slide.layout-image { 
background-attachment:fixed; 
background-position: 50% 0;
height:700px;
overflow:hidden;
}
.slide.layout-image .inner-wrap { height:100%;
position:relative;
width:100%;
}
.slide.layout-image .content {
bottom: 0;
height: 93px; left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width:850px;
z-index: 2;
}
.storybook .slide.layout-image .content {
height: 156px; width:73%;
}
.slide.layout-image .content h4 {
color:#fff;
font-family: 'OswaldBook',arial,serif;
font-size:30px;
line-height: 41px;
text-transform:uppercase;
}
.storybook .slide.layout-image .content h4  {
font-family: 'Aguafina Script', cursive;
font-size:45px;
line-height: normal;
text-transform:none;
}
.slide.layout-image h4 i {
color: #a00000;
font-family: FontAwesome;
font-size: smaller;
height: inherit;
display: inline-table;
line-height: normal;
vertical-align: top;
margin: 0 0px;
}
.storybook .slide.layout-image h4 i {
font-size:initial;
}
.slide.layout-image h4 .icon-quote-left:before {
content:"\f10d";
}
.slide.layout-image h4 .icon-quote-right:before {
content:"\f10e";
} .slide.story-layout {
background-size: auto auto;
height:auto;
padding-bottom:165px;
}
.storybook .slide.story-layout {
background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_locator.jpg); background-position: 50% 50%;
}
.slide.story-layout .content {
margin: 0 auto;
padding-top: 150px;
position: relative;
height: 560px;
}
.slide.story-layout .section-header {}
.slide.story-layout .section-header p {}
.slide.story-layout .section-callouts { margin:0 auto 90px; min-height: 489px; overflow:hidden; width:950px; }
.slide.story-layout .section-callouts p {
color:#8f8f8f;
font-size:17px;
line-height:28px;
padding:0;
text-align:center;
}
.slide.story-layout .content .bio { 
cursor:pointer;
float: left;
margin-right: 47px;
margin-top: -600px;
text-align:center;
width: 284px;
}
.slide.story-layout .content .bio.last { margin-right:0; }
.slide.story-layout .content .bio img { 
border:1px solid #C0C0C0;
margin-bottom:30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.storybook .slide.story-layout .content .bio img { 
border-corner-shape: notch;
border-radius: 50% 50% 50% 0%;
-webkit-border-radius: 50% 50% 50% 0%;
-moz-border-radius: 50% 50% 50% 0%;
border: 1px solid #DFDFDF;
padding: 6px;
}
.slide.story-layout .blur {
transform:scale(.7);
-ms-transform:scale(.7); 
-moz-transform:scale(.7); 
-webkit-transform:scale(.7);
-o-transform:scale(.7); 
-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);
}
.slide.story-layout .content h3 {
color:#a00000;
font-size:22px;
margin-bottom: 10px;
}
.storybook .slide.story-layout .content h3 { font-size:32px; }
.slide.story-layout .content .role {
color:#3b3838;
font-family:TRCenturyGothic;
font-size:16px;
margin-bottom:15px;
}
.slide.story-layout .content ul.social-media {
list-style: none;
margin: 0 auto;
display: inline-block;
}
.slide.story-layout .content ul.social-media li {
float:left;
margin-right:3px;
}
.slide.story-layout .content ul.social-media li a {
background-size:50px 50px;
display:inline-block;
height:50px;
text-indent:-9999px;
width:50px;
}
.slide.story-layout .content ul.social-media li.social-facebook a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-facebook.png); }
.slide.story-layout .content ul.social-media li.social-twitter a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-twitter.png); }
.slide.story-layout .content ul.social-media li.social-instagram a { background-image:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/social-instagram.png); } .slide.location-layout {
height:auto;
padding-bottom:0px;
}
.slide.location-layout .content {
margin: 0 auto;
padding-top: 135px;
}
.slide.location-layout .section-map {
overflow:hidden;
position:relative;
width:100%;
}
.slide.location-layout .section-map iframe {} .slide.instagram-layout {
background-size: auto auto;
height:auto;
min-height:800px;
padding-bottom:103px;
}
.storybook .slide.instagram-layout {
background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_Instagram.jpg) repeat;
background-position: 50% 50%;
}
.slide.instagram-layout .content {
margin: 0 auto;
padding-top: 135px;
}
.slide.instagram-layout .gallery {
margin:0 auto;
min-height:890px;
width:875px;
}
.slide.instagram-layout .gallery a {
float: left;
margin-bottom: 15px;
margin-right: 15px;
}
.slide.instagram-layout .gallery a:nth-child(4n) {
margin-right:0;
} .slide.layout-default {
padding-top:150px;
}
.slide.layout-default .content {
margin:0 auto;
width:945px;
}
.slide.layout-default h2 {
color:#ffffff;
} .slide.video-layout {
background-color:#000;
height:100%;
padding:0;
position:relative;
}
.slide.video-layout .content {
height:100%;
position:relative;
width:100%;
}
.slide.video-layout .content video {}
.slide.video-layout .mejs-video {}
.slide.video-layout .mejs-container .mejs-controls { background:none; }
.slide.video-layout .texture { z-index:2; }
.slide.video-layout .buttonBar { display:none; }
.slide.video-layout .music-toggle {
cursor: pointer;
float: right;
margin-right: 10%;
margin-top: 100px;
z-index: 3;
position: relative;
}
.slide.video-layout .bars {
list-style: none;
margin: 0;
padding: 0;
width: 19px;
height: 20px; position: relative; }
.slide.video-layout .bars li {
position: absolute;
bottom: 0;
display: block;
float: left;
width: 4px;
background-color: #ffffff;
-webkit-border-radius: 1px 1px 0px 0px;
-moz-border-radius: 1px 1px 0px 0px;
border-radius: 1px 1px 0px 0px;
-webkit-transition: height 0.4s linear;
-moz-transition: height 0.4s linear;
-o-transition: height 0.4s linear;
transition: height 0.4s linear; }
.slide.video-layout .bars:first-child {
margin-left: 0; 
}
.slide.video-layout .bars:last-child {
margin-right: 0; 
}
.slide.video-layout .bar1 {
left: 0px;
height: 16px;
-moz-animation: move1 infinite 2s linear;
-webkit-animation: move1 infinite 2s linear; 
}
.slide.video-layout .bar2 {
left: 6px;
height: 12px;
-moz-animation: move2 infinite 4s linear;
-webkit-animation: move2 infinite 4s linear; 
}
.slide.video-layout .bar3 {
left: 12px;
height: 18px;
-moz-animation: move3 infinite 2s linear;
-webkit-animation: move3 infinite 2s linear; 
}
.slide.video-layout .bar4 {
left: 18px;
height: 9px;
-moz-animation: move4 infinite 0.8s linear;
-webkit-animation: move4 infinite 0.8s linear; 
}
.slide.video-layout .hidden {}
.slide.video-layout .music-toggle.music-stopped .bars li {
height: 4px;
-moz-animation: stop 0.8s linear;
-webkit-animation: stop 0.8s linear; 
} .slide.layout-contact {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_Franchising.jpg);
height: auto; padding:0px 0 162px;
position: relative;
z-index: 1;
background-position: 50%;
}
.slide.layout-contact .content {
margin: 0 auto; }
.slide.layout-contact .section-header h2 { font-size:27px; }
.storybook .slide.layout-contact .section-header h2 { font-size:37px; }
.slide.layout-contact .section-header p { font-size:18px; line-height:22px; }
.slide.layout-contact form { margin: 0 auto; width: 820px; }
form {
}
form label {
color:#404040;
display:block;
font-family:'OswaldBold', arial, serif;
font-size:15px;
margin-bottom:10px;
}
form .col1 {
float: left;
margin-right: 34px;
width: 398px;
}
form .col2 {
float:left;
}
form .group { margin-bottom:20px; }
form input.text {
border: 1px solid #CCCCCC;
padding: 10px;
}
form textarea {
border: 1px solid #CCCCCC;
height: 135px;
padding: 10px;
}
form input.submit {
background:#35430e;
border:none;
color:#fff;
cursor:pointer;
float:right;
font-family: 'OswaldBook',arial,serif;
font-size: 15px;
padding: 9px;
text-align:center;
text-transform:uppercase;
width:126px;
}
form input.submit:hover {
background:#737b35;
} .slide.layout-animation {
height:1059px;
padding-top:260px;
}
.slide.layout-animation .content {
background-image: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/sprite.png);
height:919px;
margin: 0 auto;
width: 645px;
}
.sprite-1{ background-position: 0 -969px; } 
.sprite-2{ background-position: 0 -1938px; } 
.sprite-3{ background-position: -695px 0; } 
.sprite-4{ background-position: -695px -969px; } 
.sprite-5{ background-position: -695px -1938px; } 
.sprite-6{ background-position: -1390px 0; } 
.sprite-7{ background-position: -1390px -969px; } 
.sprite-8{ background-position: -1390px -1938px; } 
.sprite-9{ background-position: -2085px 0; } 
.sprite-10{ background-position: -2085px -969px; } 
.sprite-11{ background-position: -2085px -1938px; } 
.sprite-12{ background-position: -2780px 0; } 
.sprite-13{ background-position: -2780px -969px; } 
.sprite-14{ background-position: -2780px -1938px; } 
.sprite-15{ background-position: -3475px 0; } 
.sprite-16{ background-position: -3475px -969px; } 
.sprite-17{ background-position: -3475px -1938px; } 
.sprite-18{ background-position: -4170px 0; } 
.sprite-19{ background-position: -4170px -969px; } 
.sprite-20{ background-position: -4170px -1938px; } 
.sprite-21{ background-position: -4865px 0; } 
.sprite-22{ background-position: -4865px -969px; } 
.sprite-23{ background-position: -4865px -1938px; } 
.sprite-24{ background-position: -5560px 0; } 
.sprite-25{ background-position: -5560px -969px; } 
.sprite-26{ background-position: -5560px -1938px; } 
.sprite-27{ background-position: -6255px 0; } 
.sprite-28{ background-position: -6255px -969px; } 
.sprite-29{ background-position: -6255px -1938px; } 
.sprite-30{ background-position: -6950px 0; } 
.sprite-31{ background-position: -6950px -969px; } 
.sprite-32{ background-position: -6950px -1938px; } 
.sprite-33{ background-position: -7645px 0; } 
.sprite-34{ background-position: -7645px -969px; } 
.sprite-35{ background-position: -7645px -1938px; } .slide.layout-scroller {
background-attachment:fixed; 
background-position: 50% 0;
height:3030px;
overflow:hidden;
position:relative;
}
.slide.layout-scroller .content {
padding-top:25%;
margin: 0 auto;
}
.slide.layout-scroller .content-layers {
position: absolute;
display: block;
top: 1690px;
width: 80%;
}
.slide.layout-scroller .content-layers h2 {
color: #FFFFFF;
font-size: 50px;
text-transform: uppercase;
text-shadow: 1px 1px 5px #666666;
}
.storybook .slide.layout-scroller .content-layers h2 {
font-family: 'atmicoregular';
margin-bottom: -8px;
text-transform:none;
}
.slide.layout-scroller .image-layers img { display:none; }
.slide.layout-scroller.inview .image-layers img { display:block; }
.slide.layout-scroller .wipe-angle {
background:#fff;
bottom:-4370px;
height:150%;
position:absolute;
width:150%;
-webkit-transform:rotate(-9deg);
-moz-transform:rotate(-9deg);
-o-transform:rotate(-9deg);
-ms-transform:rotate(-9deg);
transform:rotate(-9deg);
} #footer {
background: none repeat scroll 0 0 #737b35;
color: #76665E;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
height: auto;
padding: 35px 0;
}
#footer .inner { margin:0 auto; text-align:center; width:945px; }
#footer .footer-copy {
color: #fff;
float:left;
font-family:'OswaldBook', arial, serif;
font-size: 15px;
text-align: left;
width:627px;
}
.footer-social { float:right;   margin-top: -10px; }
.footer-social a { margin-right:10px; } .instagram-photo {
display: inline-block;
float:left;
height: 196px;
margin: 10px;
width: 195px;
}
#seachInstagramLoadMoreContainer { clear:both; }
#seachInstagramLoadMoreContainer a { display: block; float:none; margin: 0 auto;}
.btn {
display: inline-block;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center; cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
*margin-left: .3em;
}
.btn-inverse {
background:#35430e;
border:none;
color:#fff;
cursor:pointer;
float:right;
font-family: 'OswaldBook',arial,serif;
font-size: 15px;
padding: 9px;
text-align:center;
text-transform:uppercase;
width:126px;
}
.btn-inverse:hover {
background:#737b35;
color:#fff;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399 \9;
} @-moz-keyframes stop {
0% {
height: 60px; }
100% {
height: 12px; } }
@-moz-keyframes hover {
0% {
height: 15px; }
100% {
height: 60px; } }
@-moz-keyframes move1 {
0% {
height: 15px; }
25% {
height: 60px; }
75% {
height: 45px; }
100% {
height: 15px; } }
@-moz-keyframes move2 {
0% {
height: 6px; }
25% {
height: 36px; }
75% {
height: 60px; }
100% {
height: 6px; } }
@-moz-keyframes move3 {
0% {
height: 31px; }
25% {
height: 6px; }
75% {
height: 60px; }
100% {
height: 31px; } }
@-moz-keyframes move4 {
0% {
height: 36px; }
25% {
height: 15px; }
75% {
height: 66px; }
100% {
height: 36px; } }
@-webkit-keyframes stop {
0% {
height: 60px; }
100% {
height: 16px; } }
@-webkit-keyframes hover {
0% {
height: 15px; }
100% {
height: 60px; } }
@-webkit-keyframes move1 {
0% {
height: 15px; }
25% {
height: 60px; }
75% {
height: 45px; }
100% {
height: 15px; } }
@-webkit-keyframes move2 {
0% {
height: 6px; }
25% {
height: 36px; }
75% {
height: 60px; }
100% {
height: 6px; } }
@-webkit-keyframes move3 {
0% {
height: 31px; }
25% {
height: 6px; }
75% {
height: 60px; }
100% {
height: 31px; } }
@-webkit-keyframes move4 {
0% {
height: 36px; }
25% {
height: 15px; }
75% {
height: 66px; }
100% {
height: 36px; } }  @media screen and (max-width: 1270px) {
div.content div.content_two  { float: left; 
position: relative; 
padding: 9% 8%;   }
div.content_two p {
font-size:14px;   
}
.section-header p {
font-size:14px;
}
#header .inner {
width: 1020px;
}
#header .navigation li {
margin-left: 13px;
} .slide.services-layout .section-callouts { 
width: 810px;
}
.slide.services-layout .section-callouts div { 
margin-right: 39px;
} .slide.portfolio-layout .section-portfolio {
width: 1095px;
}
.portfolio-layout .grid-item {
height: 319px;
width: 362px;
} .slide.story-layout .section-callouts {
width: 820px;
}
.slide.story-layout .content .bio {
width: 234px;
}
.slide.story-layout .content .bio img {
width: 92%;
}
.storybook .slide.layout-image .content h4 {
font-size: 35px;
} .fashion .slide.parallax-layout .image-layers .img-1f { margin-left: 309px; }
.fashion .slide.parallax-layout .image-layers .img-2f { margin-left: 150px; }
.fashion .slide.parallax-layout .image-layers .img-3f {	margin-left: 560px; }
} @media screen and (max-width: 1000px) {	
.menupdf {margin-top: -153px;
float: left;
position: relative;
margin-left: 3% !important;}
.storybook .slide.services-layout .section-header {
}
#header {}
#header .logo { overflow: hidden; width: 173px; }
#header .logo img { width: 173px;
padding-top: 6px;}
#header .inner { width: 90%; }
#header ul.navigation {}
#header ul.navigation li { margin-left: 9px; }
#header ul.navigation li a {}
#header ul.social {
margin-left: 8px;
margin-top: 16px;
}
#header ul.social li {
margin-left: 5px;
width: auto;
}
#header ul.social li img {
height: auto;
width: 22px;
}
.section-header p { padding: 0; } .slide.intro-layout {
}
.slide.intro-layout .image-layers .img-2 {
margin-left: 330px;
} .slide.services-layout .section-callouts {
width: 630px;
}
.slide.services-layout .section-callouts div {
margin-left: 11px;
margin-right: 11px;
text-align: center;
width: 190px;
}
.slide.services-layout .section-callouts div a {
margin:0;
} .slide.fgallery-layout {
} .slide.portfolio-layout {
}
.slide.portfolio-layout .section-portfolio {
width: 550px;
}
.portfolio-layout .grid-item {
width: 272px;
} .slide.layout-image {}
.slide.layout-image .content { width: 53%; } .slide.story-layout {}
.slide.story-layout .section-callouts { width: 639px; }
.slide.story-layout .content .bio {
margin-right: 30px;
width: 191px;
} .slide.location-layout {} .slide.instagram-layout {}
.slide.instagram-layout .gallery { width: 651px; }
.slide.instagram-layout .gallery a:nth-child(3n) { margin-right: 0; } .slide.layout-animation {} .slide.layout-scroller {}
.slide.layout-scroller .img-1 { height: auto; width: 310px; } .slide.layout-contact {}
.slide.layout-contact form {
width:619px;
margin:0 auto;
}
form .col1 {
width:268px;
}
form .col2 {
width:308px;
} .fashion .slide.intro-layout {
}
.fashion .slide.intro-layout h1 { font-size: 105px; }
.fashion .slide.intro-layout .intro-rule { background-size: 100%; height: 87px; width: 90%; }
.fashion .slide.intro-layout p { font-size:28px; letter-spacing: 8px; }
.fashion .slide.intro-layout .intro-date { font-size: 21px; width: 97px; }
.fashion .slide.intro-layout .content ul.social-media { width: 173px; }
.fashion .slide.intro-layout .content ul.social-media li.social-instagram { margin: 0; width: 53px; }
.fashion .slide.intro-layout .content ul.social-media li a {
background-size: 50px 50px;
height: 50px;
width: 50px;
}
.fashion .slide.intro-layout .image-layers .img-1f { margin-left: 440px; } .fashion .slide.parallax-layout {
}
.fashion .slide.parallax-layout .rule-head { background-size: 100% auto; width: 100%; }
.fashion .slide.parallax-layout h1 { font-size: 93px; }
.fashion .slide.parallax-layout .rule-foot { background-size: 100% auto; width: 100%; }
.fashion .slide.parallax-layout p { font-size: 29px; }
.fashion .slide.parallax-layout .image-layers .img-1f { margin-left: 160px; }
.fashion .slide.parallax-layout .image-layers .img-2f { margin-left: 60px; }
.fashion .slide.parallax-layout .image-layers .img-3f {	margin-left: 380px; } #footer {
}
#footer .inner {
width:735px;
}
#footer .footer-copy {
width:537px;
}
#footer .footer-social {
}
} @media screen and (max-width: 780px) {
.menupdf {
margin-top: -164px;
float: left;
position: relative;
width: 100%;
}
.slide.services-layout .content {
margin: 0 auto;
padding-top: 84px;
opacity: 0.85;}
a .joburg_pic {
left: calc(50% - 100px); 
margin-top: -130px;
position: absolute; }
a .pe_pic {
left: calc(50% - 100px); 
margin-top: 255px;
position: absolute;
}
a .capetown_pic {
left: calc(50% - 188px); 
margin-top: 434px;
position: absolute;
width: 339px;
}
a .durban_pic {
left: calc(50% - 93px); 
margin-top: 70px;
position: absolute;
}
div.content div.content_two  { 
width: 72% !important; 
float: left; 
position: relative; 
padding: 13% 12%; clear:both; 
text-align: center; } #header {
height: auto;
}
.section-header p {
font-size:14px;
padding-bottom:40px;
}
#header .logo {
float: none;
width: 153px;
}
#header .logo img {
height: auto;
width: 120px;
}
#header .btn-navbar {
display: inline-block;
float: none;
position: absolute;
right: 0;
top: 0;
}
#header ul.social {
clear: both;
display: block;
float: none;
margin: 0;
position: absolute;
right: 32px;
top: 8px;
}
#header ul.navigation {
float: none;
height: 0;
margin:0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
#header ul.navigation.collapse {
height: 350px;
margin-top: 22px;
position: relative;
}
#header ul.navigation li {
border-top: 1px solid #191919;
float: none;
margin: 2px 0;
padding: 12px 14px;
}
#header .navigation li a.active {
border:none;
color: #535920;
} .slide.intro-layout {
}
.slide.intro-layout .content {
width:87%;
width: -90px;
}
.storybook .slide.services-layout .section-header { }
.storybook .slide.intro-layout h1 { margin-bottom: 5px; }
.slide.intro-layout p {
font-size: 14px;
}
.slide.intro-layout .intro-effect-layers, 
.slide.intro-layout .image-layers { display:none; } .slide.services-layout .section-callouts {
margin-bottom: 5px;
} 
.slide.services-layout .section-callouts div {
display:block;
margin: 0 auto 0 !important;
text-align: center;
}
.slide.services-layout .section-callouts div a {
margin: 0;
} .slide.fgallery-layout {
height: 400px;
background-attachment: scroll;
padding: 0;
}
.slide.fgallery-layout .project-nav {
left: 25px;
}
.slide.fgallery-layout .photo-detail-content {
font-size: 20px;
left: 107px;
line-height: 25px;
padding: 42px 18px;
text-align: center;
top: 126px;
width: 121px;
}
.slide.fgallery-layout .wipe-angle { display:none; } .slide.portfolio-layout {
padding-bottom: 1px;
}
.slide.portfolio-layout .section-portfolio {
width: auto;
}
.storybook .slide.portfolio-layout .content {
padding-top: 10px;
margin: 0 5%;
}
.portfolio-layout .grid-item {
height: auto;
float: none;
margin-bottom: 1px;
width: 100%;
}
.portfolio-layout .grid-item.featured {
height:auto;
width:100%;
}
.portfolio-layout .grid-item .mask h2 {
font-size:31px;
line-height:20px;
margin-bottom:0;
margin-top:12px;
padding:15px;
}
.portfolio-layout .grid-item .mask p {
padding-bottom:10px;
}
.portfolio-layout .grid-item .mask a {
} .slide.layout-image {  background-attachment:scroll;
height: 771px;
}
.delicious_pattern {
margin: 0 auto; padding-top: 183px;
position: relative;
top: -90px;
width: 100%!important;
}        
.slide.layout-image .content { height: 656px; }
.slide.layout-image .content h4 { font-size: 20px; line-height: 27px; }
.storybook .slide.layout-image .content h4 { font-size: 26px; } .slide.story-layout { padding-bottom: 45px; }
.slide.story-layout .section-callouts { width: auto; }
.slide.story-layout .content .bio, 
.slide.story-layout .content .bio.last {
float:none;
margin: 0 auto 60px;
} .slide.location-layout {
}
.slide.location-layout .section-map iframe {
height: 250px;
} .slide.instagram-layout {
display:none;
}
.slide.instagram-layout .gallery {
min-height:0;
width: 222px;
} .slide.video-layout .texture { display:none; } .slide.layout-animation {
height: 874px;
padding-top: 200px;
}
.slide.layout-animation .content {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/sprite-mobile.png) no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
height: 689px;
width: 300px;
} .slide.layout-scroller {
height: 510px;
background-attachment: scroll;
}
.slide.layout-scroller .content-layers { top: 220px; }
.slide.layout-scroller .image-layers { display:none; } .slide.layout-contact { padding:0px 0 6px;
}
.slide.layout-contact form {
width:89%;
}
form .col1 {
margin: 0;
width: 100%;
}
form .col2 {
width: 100%;
}
form input.text {
width: 91%;
}
form textarea {
width: 91%;
}
form input.submit {
display: block;
float:none;
margin:0 auto;
} .fashion .slide.intro-layout {
}
.fashion .slide.intro-layout .tag-container {
margin-top: -151px;
position: absolute;
left: 0px;
}
.fashion .slide.intro-layout .intro-wrap { padding-top:0; }
.fashion .slide.intro-layout h1 { line-height: 77px; font-size: 84px; }
.fashion .slide.intro-layout .intro-rule { height:67px; }
.fashion .slide.intro-layout p { font-size: 22px; }
.fashion .slide.intro-layout .intro-date { font-size: 19px; }
.fashion .slide.intro-layout .content ul.social-media {}
.fashion .slide.intro-layout .content ul.social-media li.social-instagram {}
.fashion .slide.intro-layout .content ul.social-media li a {} .fashion .slide.parallax-layout {
background-position: 50% 0px;
background-size: auto 100%;
background-attachment: scroll;
height: 1000px;
}
.fashion .slide.parallax-layout .intro-wrap { 
padding: 0;
top: 261px !important;
margin: 0; 
}
.fashion .slide.parallax-layout .intro-lead em { font-size: 26px; }
.fashion .slide.parallax-layout .rule-head { height:29px; }
.fashion .slide.parallax-layout h1 { font-size: 73px; line-height: 78px; }
.fashion .slide.parallax-layout .rule-foot { height:10px; }
.fashion .slide.parallax-layout p {font-size: 19px; }
.fashion .slide.parallax-layout .image-layers .img-1f { margin-top: 520px; width: 110px; margin-left: 10px; }
.fashion .slide.parallax-layout .image-layers .img-2f { margin-left: 22px; margin-top: -10px; width: 100px; }
.fashion .slide.parallax-layout .image-layers .img-3f { margin-top: 290px; margin-left: 40px; }
.fashion .slide.parallax-layout .clock-layers {
position: absolute;
top: 591px;
right: 18px;
width:190px;
}
.fashion .slide.parallax-layout .clock-layers img.clock-body { height:auto; width:100%; }
.fashion .slide.parallax-layout .clock-layers img.clock-arm { 
height: auto;
left: 54px;
top: 31px;
width: 43px;
}
.fashion .slide.parallax-layout .clock-layers img.clock-cap { 
height: auto;
left: 88px;
width: 13px;
top: 88px;
} #footer {
}
#footer .inner {
width: 100%;
}
#footer .footer-copy {
float: none;
font-size:13px;
width: 280px;
margin: 0 auto 20px;
text-align: center;
}
#footer .footer-social {
float:none;
} .formError { margin-left: -120px !important; }
#customization-bar { display:none; }
} @media screen and (max-width: 668px){
#delicious_delights {height:1072px;}
#vovotelo_bakery {height:408px !important;}
.content_two {background:none;
padding: 0% 2% ;
width:80% ;
margin-left: 12% ;
}
.menupdf {
margin-top: -107px !important;
float: left;
position: relative;
width: 100%;
}
.delicious_pattern {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/top_left.png) no-repeat scroll 0 0 / calc(50% + 2px) 25%, url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/top_right.png) no-repeat scroll 100% 0 / calc(50% + 2px) 25%, url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/bottom_left.png) no-repeat scroll 0 100% / calc(50% + 2px) 25%, url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/bottom_right.png) no-repeat scroll 100% 100% / calc(50% + 2px) 25%, url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/middle.png) no-repeat scroll 0 50% / 100% calc(50% + 2px) rgba(0, 0, 0, 0);
margin: 0 auto;
max-width: 1100px;
padding-top: 163px;
position: relative;
padding-top: 224px ;
width: 95%;
height: 665px;
}
.storybook .slide.services-layout .section-header {
padding: 15% 0 !important;}
#delicious_delights .section-header p {
width: 80%  !important; }
.storybook h2 {
font-size: 26px;}
.content_pattern {
background: none !important;
margin: 0 auto;
max-width: 1100px;
padding-top: 56px;
position: relative;
top: -111px;
width: 95%;
padding-bottom:45px;
}
}
div#bakery_–_hearty_meals.slide.services-layout.no-bg.inview div.content div {background-color: white !important;}
.content_two { 
width: 32%; 
padding: 5% 8%; 
float: left; margin-left:2%;
margin-bottom: 10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px; 
background: 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/top_left_solid.png) no-repeat 0 0 / calc(50% + 2px) 25% ,
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/top_right_solid.png) no-repeat 100% 0% / calc(50% + 2px) 25% ,
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/bottom_left_solid.png) no-repeat 0 100% / calc(50% + 2px) 25% ,
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/bottom_right_solid.png) no-repeat 100% 100% / calc(50% + 2px) 25%,
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/middle_solid.png) no-repeat 0% 50% / 100% calc(50% + 2px); 
}
html body.home.page.page-id-10.page-template-default.storybook.pace-done div#franchising.slide.layout-contact.contact-nav.inview div.content {width: 83%;}
html body.home.page.page-id-10.page-template-default.storybook.pace-done div#bakery_–_hearty_meals.slide.services-layout.no-bg.inview div.content {width: 83%;}
.content_pattern {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/top_left_solid.png) no-repeat scroll 0 0 / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/top_right_solid.png) no-repeat scroll 100% 0 / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/bottom_left_solid.png) no-repeat scroll 0 100% / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/bottom_right_solid.png) no-repeat scroll 100% 100% / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/middle_solid.png) no-repeat scroll 0 50% / 100% calc(50% + 2px) rgba(0, 0, 0, 0);
margin: 0 auto;
max-width: 1100px;
padding-top: 56px;
position: relative;
top: -111px;
width: 95%;
padding-bottom:45px;
}
.extra_padding {padding: 3%;} #delicious_delights .slide.layout-image .content { }
.logo_circle {position: absolute; width: 100px; height: 100px; background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/ourstory/bg_delights_logo.png); left: calc(50% - 50px); top: 47px;
}
.storybook .slide.layout-image .content {
height: 156px;
width: 73%;
}
#delicious_delights .section-header p {
width: 75%;
}
html body.home.page.page-id-10.page-template-default.storybook.pace-done div#delicious_delights.slide.layout-image.inview div.inner-wrap div.content {
height: 156px;
width: 100%;
}
#delicious_delights .slide.layout-image {  background-attachment:scroll;
height: 600px;
}
.delicious_pattern {
background: url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/top_left.png) no-repeat scroll 0 0 / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/top_right.png) no-repeat scroll 100% 0 / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/bottom_left.png) no-repeat scroll 0 100% / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/bottom_right.png) no-repeat scroll 100% 100% / calc(50% + 2px) 25%, 
url(//vovotelo.co.za/wp-content/themes/everafter/css/images/bg_panels/delights/middle.png) no-repeat scroll 0 50% / 100% calc(50% + 2px) rgba(0, 0, 0, 0);
margin: 0 auto;
max-width: 1100px;
padding-top: 163px;
position: relative;
top: -175px;
width: 95%;
}        
.portfolio-layout .grid-item img {
transition: all 0.2s ease-in 0s;
width: 100%; 
height: auto;
}
.locator_map_pic { position : relative;
clear:both;
left: 0px;
margin-bottom: -11px;
}
h3.accordion-title {border : 1px #E3DFB9 solid; background: #EBE7C1}
#inline_content {padding: 3%;}
#inline_content h3 {
font-size: 24px;
margin-bottom: 4px;
}
.accordion-content {font-size: 14px; line-height: 2em; position: relative; text-align:center;}
.joburg_pic {
left: calc(50% + 91px);
margin-top: -10px;
position: absolute;
}
.pe_pic {
left: calc(50% + 10px);
margin-top: 417px;
position: absolute;
}
.capetown_pic {
left: calc(50% - 490px);
margin-top: 429px;
position: absolute;
}
.durban_pic {
left: calc(50% + 265px);
margin-top: 184px;
position: absolute;
}
.menupdf {margin-top: -157px;
float: left;
position: relative;
width:100%;}body#isInterior {
background:#fff;
background:url(//vovotelo.co.za/wp-content/themes/everafter/css/images/paper-texture-4.jpg) repeat;
}
body#isInterior .pace {
display:none !important;
}
body#isInterior #header { opacity: 1 !important; }
body#isInterior #footer { opacity: 1 !important; }
body#isInterior #header {
position: static;
}
body#isInterior #middle {
min-height:300px;
padding-top: 80px;
padding-bottom: 80px;
width:100%;
}
body#isInterior #middle .content {
width: 1024px;
margin: 0 auto;
} #middle h1 {
color: #C4361D;
font-size: 72px;
text-transform: uppercase;
line-height: 88px;
font-family: 'OswaldBold', arial, serif;
margin-bottom: 10px;
text-align: left;
}
#middle h1 .teaserheader {
color:#C4361D;
font-size: 72px;
text-decoration: none;
}
#middle h2 {
font-size: 30px;
margin-bottom:26px;
text-align: left;
}
#middle h3 { 
font-family: 'OswaldBook', arial, serif; 
margin-bottom:26px;
text-align: left; 
}
#middle h4 { 
font-family: 'OswaldLight', arial, serif; 
margin-bottom:26px;
text-align: left; 
}
#middle h5 { 
font-family: 'OswaldLight', arial, serif; 
font-size:18px;
margin-bottom:26px;
text-align: left; 
}
#middle h6 { 
font-family: 'OswaldLight', arial, serif; 
font-size:14px;
margin-bottom:26px;
text-align: left; 
}
#middle p {
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size:18px;
margin-bottom: 20px;
padding: 0;
text-align: left;
}
#middle p.postdate {
font-family:'OswaldBook', arial, serif;
font-size: 14px;
color: #535353;
text-align: left;
font-weight: bold;
}
#middle a.readmoreteaser { 
color:#C4361D;	
font-family: 'Open Sans', sans-serif;
font-size:14px;
text-decoration:underline; 
}
#middle p.postdate a { text-decoration:underline; }
#middle a { color: #C4361D; }
#middle p a { color: #C4361D; }
#middle strong { font-weight: 600; }
#middle .type-post {
margin-bottom: 80px;
padding-bottom: 40px;
border-bottom: dotted 1px #ccc;
}
#middle ul li, 
#middle ol li,
#middle table, 
#middle dl, #middle pre {
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
#middle dl { margin-bottom:20px; }
#middle dl dt { margin-bottom:10px; }
#middle address {
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin-bottom:20px;
}
#middle pre {
font-weight:300;
margin-bottom:20px;
} #middle .wp-caption,
#middle .wp-caption.alignleft,
#middle .wp-caption.alignright,
#middle .wp-caption.aligncenter,
#middle .wp-caption.alignnone {
padding: 3px 3px 0pt !important
}
#middle .wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
#middle .wp-caption .wp-caption-text,
#middle .gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
#middle .commentlist > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
.blog .sticky .entry-header .entry-meta {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
#middle .size-auto, 
#middle .size-full,
#middle .size-large,
#middle .size-medium,
#middle .size-thumbnail {
max-width: 100%;
height: auto;
} #middle .awidget ul {
margin-left:20px;
}
#middle .awidget {
margin-bottom:20px;
}
#middle .widget_calendar table {
background-color:#fff;
padding:10px 0px;
}
#middle .widget_calendar table caption {
color:#1C1414;
padding:10px;
}
#middle .type-post {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:dotted 1px #ccc;
}
#middle h1.archive-title {
font-size:12px;
margin-bottom:20px;
line-height:15px !important;
padding:20px;
background-color:#fff;
margin-top:15px;
}
#middle p.postdate {
font-size:14px;
color:#2a2a2a;
font-style:italic;
text-align:left;
font-weight:bold;
}
#middle * {
max-width:100%;
height:auto;
}
#middle #slideshow *, #middle .polaroid *, #middle #map *, #middle #nav * {
max-width:none;
}
#middle table {
border-collapse:collapse;
margin-bottom:20px;
}
#middle table th {
background-color:#C03118;
color:#fff;
padding:20px;
}
#middle .angel table th {
background-color:#0089BF;
}
#middle table td {
padding:20px;
border-bottom:solid 1px #ccc;
background-color:#fff;
}
#middle ul, ol {
margin-left:20px;
margin-bottom:26px;
}
#middle .alignleft {
float:left;
margin-right:20px;
margin-bottom:20px;
margin-top:10px;
}
#middle .alignright {
float:right;
margin-left:20px;
margin-bottom:20px;
}
#middle .tags {
padding:10px;
text-align:right;
line-height:50px;
}
#middle .readmoreteaser {
display:block;
margin-bottom:10px;
}
#middle .tags a {
color:#2a2a2a;
background-color:#fff;
padding:10px;
border-radius:5px;
margin-right:5px;
text-decoration:none;
transition: all 0.30s;
}
#middle .tags a:hover {
background-color:#C03118;
color:#fff;
}
#middle .angel .tags a:hover {
background-color:#0089BF;
}
#middle h1 .teaserheader {
text-decoration:none;
}
#middle #searchform label {
margin-bottom:10px;
display:block;
}
#middle #searchform input {
margin-bottom:10px;
}
#middle #searchform input[type='text'] { 
display:inline-block;
width:160px; 
}
#middle #searchsubmit {
border: solid 1px #c3341b;
border-radius:5px;
background-color:#C4351D;
color:#fff;
display:inline-block;
font-size:16px;
padding: 7px 10px;
cursor:pointer;
font-weight:normal;
}
#middle .awidget {
clear:both;
margin-top:20px;
padding:20px;
background-color:#fff;
width:100%;
border-radius:7px;
}
#middle .maincon {
width:65% !important;
float:left;
}
#middle input[type='text'] {
border: 1px solid #CCCCCC;
border-radius:5px;
padding: 10px;
width: 350px;
}
#middle textarea {
border: 1px solid #CCCCCC;
border-radius:5px;
padding:15px;
font-size:14px;
color:#2a2a2a;
font-family: 'Open Sans', sans-serif;
margin-bottom:15px;
width: 100%;
height: 280px;
}
#middle #submit {
font-weight:normal;
font-size:16px;
padding:10px 20px;
margin-top:15px;
border: solid 1px #c3341b;
border-radius:5px;
background-color:#C4351D;
color:#fff;
font-size:16px;
cursor:pointer;
} #middle .maincon {
}
#middle .maincon ul li {}
#middle .maincon p {}
#middle .maincon a { 
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
#middle .maincon {
} #middle #sidebar {
float:right;
width:25%;
margin-top:-10px;
}
#middle #sidebar ul {
margin-left:0px;
}
#middle #sidebar li {
list-style-type: none;
padding:10px 0px;
border-bottom:1px #ccc dotted
}
#middle #sidebar ul li ul li {
border-bottom:none;
}
#middle #sidebar li a {
text-decoration:none;
}
#middle #sidebar li a:hover {
text-decoration:underline;
}
#middle #sidebar .textwidget {
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
#middle .hentry {
margin-bottom:90px;
}
#middle #postcomment {
margin-top:40px;
}
#middle li.comment { list-style:none; }
#middle pre {
-ms-word-break: break-all;
word-break: break-all; word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#middle .stickycon {
vertical-align:bottom;
} #middle .page-links {
clear: both;
font-size: 16px;
font-weight: normal;
line-height: 2.2;
margin: 50px 0 20px 0;
text-transform: uppercase;
}
#middle .page-links a,
#middle .page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
border-radius:7px;
}
#middle .format-status .entry-content .page-links a,
#middle .format-gallery .entry-content .page-links a,
#middle .format-chat .entry-content .page-links a,
#middle .format-quote .entry-content .page-links a,
#middle .page-links a {
background: #fff;
color: #2a2a2a;
}
#middle .format-gallery .entry-content .page-links a:hover,
#middle .format-audio .entry-content .page-links a:hover,
#middle .format-status .entry-content .page-links a:hover,
#middle .format-video .entry-content .page-links a:hover,
#middle .format-chat .entry-content .page-links a:hover,
#middle .format-quote .entry-content .page-links a:hover,
#middle .page-links a:hover {
background: #000;
color: #fff;
}
#middle .format-status .entry-content .page-links > span,
#middle .format-quote .entry-content .page-links > span {
background: none;
}
#middle .page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
}
#middle #wp-calendar {
width:100%;
}
#middle .widget_calendar table,
#middle .widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
#middle .widget_calendar caption {
font-size: 17px;
margin: 0;
}
#middle .widget_calendar th,
#middle .widget_calendar td {
padding: 8px 0px;
text-align: center;
}
#middle .widget_calendar a {
display: block;
}
#middle .widget_calendar a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
#middle .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.5);
}
#middle .site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
#middle .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
#middle h3.widgettitle {
margin-bottom:15px;
padding:10px;
background-color:#1C1414;
color:#fff;
font-weight:normal;
}
#middle h3.widgettitle .rsswidget { color:#fff; }
#middle #sidebar .widget_pages ul {
display:block;
margin-bottom:0;
}
#middle #sidebar .widget_categories ul ul, #middle #sidebar #widget_categories ol ol {
margin-bottom:-10px;
}
#middle #sidebar .widget_categories select {
border:solid 1px #ccc;
padding:10px;
width:100%;
}
#middle #sidebar .widget_pages li {
border:none;
padding:0;
border-bottom:1px dotted #2a2a2a;
margin-bottom:5px;
padding-bottom:5px;
}
#middle #sidebar .widget_pages ul li ul {
margin-left:15px;
margin-top:5px;
}
#middle #sidebar .widget_pages ul li ul li {
margin-bottom:5px;
padding:0;
border:none;
list-style-type: disc;
}
#middle .pagenav {
margin-left:0px;
margin-top:20px;
padding:20px;
border:dashed 1px #ccc;
border-radius:7px;
list-style:none;
margin-bottom:none;
width:auto;
width:50%;
}
#middle .sin .type-post { border:none; }
#middle .pagenav ul li ul { display:none; }
#middle #respond, #middle .comment-body { display: none; }
#middle .pag-sep { display:inline-block; margin:0 10px; }
#middle .post.sticky {
background: #FFF;
padding: 42px;
}
.slide-photo-fallback { display:none; }  #middle .intro-effect-layers, #middle .image-layers, #middle .intro-wrap { display:none; }
#middle .attachment-post-thumbnail.wp-post-image { margin-bottom:25px; } #middle .section-callouts div { margin-bottom:20px; }
#middle .section-callouts { margin-bottom:40px; } #middle .section-portfolio .fancybox { display:inline-block; margin-bottom:10px; }
#middle .section-portfolio .mask { margin-bottom:40px; width:605px; } #middle .section-callouts .bio { margin-bottom:40px; }
#middle .section-callouts .bio img { margin-bottom:10px; } #middle .section-map iframe {
height: 400px;
} #header .navigation { max-width: 650px; }
#header .navigation li { padding-bottom: 18px; position:relative; }
#header .navigation li a {}
#header .navigation li:hover ul { display:block; }
#header .navigation li ul {
position:absolute;
display:none;
left:50%;
margin-left:-95px;
top:32px;
background-color:#000;
padding:15px;
border-radius:7px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
width:150px;
}
#header .navigation li ul { background: #000; border: 4px solid #333; } 
#header .navigation li ul:after, #header .navigation li ul:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
#header .navigation li ul:after { border-color: rgba(28, 20, 20, 0); border-bottom-color: #000; border-width: 11px; left: 50%; margin-left: -11px; } 
#header .navigation li ul:before { border-color: rgba(46, 40, 40, 0); border-bottom-color: #2E2828; border-width: 15px; left: 50%; margin-left: -17px; }
#header .navigation li ul li {
float:none;
text-align:center;
margin-bottom:10px;
margin-left:0;
display:block;
border-top:solid 1px #2D2828;
border-bottom:solid 1px #000;
padding:10px 0;
margin-bottom:0;
font-size:14px;
}
#header .navigation li ul li:first-child {
border-top:none;
padding-top:none;
}
#header .navigation li ul li:last-child {
border-bottom:0;
padding-bottom:0;
}
#header .navigation li ul li a {
line-height: 21px;
padding:0;
}
#header .navigation ul ul, #header .navigation ul ul li { display:none; }
#header .navigation ul ul:before, #header .navigation ul ul:after, #header .navigation li ul ul {
border:none !important;
border-width:0 !important;
display:none !important;
}
#header .navigation li:nth-child(n+7) { display:none; } @media screen and (max-width: 780px) {
#header .navigation li ul {
position:static;
display:block; 
margin-left:20px;
background:none;
padding:5px 15px 0;
border-radius:7px;
box-shadow: none;
width:auto;
}
#header .navigation li ul { background: none; border: none; } 
#header .navigation li ul:after, #header .navigation li ul:before { border: none; content: ""; display:none; height: 0; width: 0; position: static; pointer-events: none; } 
#header .navigation li ul:after { border:none; margin-left: -11px; } 
#header .navigation li ul:before { border:none; margin-left: -17px; }
#header .navigation li ul li {
float:none;
text-align:left;
margin-bottom:10px;
margin-left:0;
display:inline;
border-top:none;
border-bottom:none;
padding:0 13px 0 0;
margin-bottom:0;
font-size:14px;
}
#header .navigation li ul li:first-child {
border-top:none;
padding-top:none;
}
#header .navigation li ul li:last-child {
border-bottom:0;
padding-bottom:0;
}
#header .navigation li ul li a {
font-size:12px;
line-height: 21px;
padding:0;
}
#header .navigation ul ul, #header .navigation ul ul li { display:none; }
#header .navigation ul ul:before, #header .navigation ul ul:after, #header .navigation li ul ul {
border:none !important;
border-width:0 !important;
display:none !important;
}
#header .navigation li:nth-child(n+7) { display:none; }
}body.custom {}
.fieldset {
border: none !important;
margin-top: -19px;
}
.validateBottom {
margin-bottom: -144px;
}
.vfb-left-half {
float: left !important;
margin-right: 35px !important;
}
form label {
width: 82%;
}
.vfb-11 {
width: 260px;
padding: 10px;
}
.contactForm {
display: none !important;
}
@media screen and (max-width:420px) {
.vfb-left-half {
width: 253px !important;
}
}
.storybook #instagram.instagram-layout {
background-position: 50% 100%;
}
#contact.layout-contact {
background-repeat: repeat-x;
background-position: center center;
}
@-moz-document url-prefix() {
#contact.layout-contact {
padding: 0;
}
} #cgso {
width:32px;
height: 32px;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
background: url(https://www.vovotelo.co.za/wp-content/uploads/2016/05/cgso_icon_48.png);
background-size: contain;
float: right;
margin: 0 0 0 10px!important;  
}
#cgso:hover {
width: 137px;
background: url(https://www.vovotelo.co.za/wp-content/uploads/2016/05/CGSO-icon_full.png);
background-size: contain;
}.slide { opacity: 0; }
.pace-running .slide, .pace-running #header, .pace-running #footer { opacity: 0; }
.pace-done #header, .pace-done #footer { opacity: 1; }
.pace-done .slide {
opacity: 1;
transition: opacity 1.25s ease-in-out;
-moz-transition: opacity 1.25s ease-in-out;
-webkit-transition: opacity 1.25s ease-in-out;
} .intro-effect-layers img { 
left:254px; 
position:relative; 
top:300px;
-webkit-transform:rotate(0deg) scale(14);
-moz-transform:rotate(0deg) scale(14);
-o-transform:rotate(0deg) scale(14);
-ms-transform:rotate(0deg) scale(14);
transform:rotate(0deg) scale(14);
}
.pace-done .intro-effect-layers .img-1 {
top:-242px;
transition: all 2.7s ease-in-out;
-moz-transition: all 2.7s ease-in-out;
-webkit-transition: all 2.7s ease-in-out;
-webkit-transform: rotate(360deg) scale(1);
-moz-transform: rotate(360deg) scale(1);
-o-transform: rotate(360deg) scale(1);
-ms-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
.pace-done .intro-effect-layers .img-2 {
left:400px;
top:-180px;
transition: all 4.7s ease-in-out;
-moz-transition: all 4.7s ease-in-out;
-webkit-transition: all 4.7s ease-in-out;
-webkit-transform: rotate(160deg) scale(1);
-moz-transform: rotate(160deg) scale(1);
-o-transform: rotate(160deg) scale(1);
-ms-transform: rotate(160deg) scale(1);
transform: rotate(160deg) scale(1);
} body.fashion .slide {}
body.fashion.pace-done .slide {}
body.fashion.pace-running {}
body.fashion .pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
body.fashion .pace.pace-inactive .pace-progress {
display: none;
}
body.fashion .pace .pace-progress {
background:none;
position: absolute;
z-index: 2000;
top: 0;
right: 0;
height: 5rem;
width: 5rem;
}
body.fashion .pace .pace-progress:after {
display: block;
position: absolute;
top: 0;
right: .5rem;
content: attr(data-progress-text);
font-family: "Helvetica Neue", sans-serif;
font-weight: 100;
font-size: 5rem;
line-height: 1;
text-align: right;
color:#afafaf;
}
body.fashion .slide.intro-layout .tag-container {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
body.fashion.pace-done .slide.intro-layout .tag-container {
transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out; -webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
body.fashion .slide.intro-layout .tag-container * { opacity: 0; }
body.fashion.pace-done .slide.intro-layout .tag-container * {  
opacity: 1;
transition: opacity 1.25s ease-in-out;
-moz-transition: opacity 1.25s ease-in-out;
-webkit-transition: opacity 1.25s ease-in-out;
transition-delay: .5s;
-moz-transition-delay: .5s;
-webkit-transition-delay: .5s;
} .pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-perspective: 12rem;
-moz-perspective: 12rem;
-ms-perspective: 12rem;
-o-perspective: 12rem;
perspective: 12rem;
z-index: 2000;
position: fixed;
height: 6rem;
width: 6rem;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pace.pace-inactive .pace-progress {
display: none;
}
.pace .pace-progress {
position: fixed;
z-index: 2000;
display: block;
position: absolute;
left: 0;
top: 0;
height: 4rem;
width: 4rem !important;
line-height: 4rem;
font-size: 20px;
border-radius: 50%;
background: #a00000;
color: #fff;
font-family: "Helvetica Neue", sans-serif;
font-weight: 100;
text-align: center;
-webkit-animation: pace-3d-spinner linear infinite 2s;
-moz-animation: pace-3d-spinner linear infinite 2s;
-ms-animation: pace-3d-spinner linear infinite 2s;
-o-animation: pace-3d-spinner linear infinite 2s;
animation: pace-3d-spinner linear infinite 2s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.pace .pace-progress:after {
content: attr(data-progress-text);
display: block;
}
@-webkit-keyframes pace-3d-spinner {
from {
-webkit-transform: rotateY(0deg);
}
to {
-webkit-transform: rotateY(360deg);
}
}
@-moz-keyframes pace-3d-spinner {
from {
-moz-transform: rotateY(0deg);
}
to {
-moz-transform: rotateY(360deg);
}
}
@-ms-keyframes pace-3d-spinner {
from {
-ms-transform: rotateY(0deg);
}
to {
-ms-transform: rotateY(360deg);
}
}
@-o-keyframes pace-3d-spinner {
from {
-o-transform: rotateY(0deg);
}
to {
-o-transform: rotateY(360deg);
}
}
@keyframes pace-3d-spinner {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}