@font-face {
font-family: 'moon';
src:url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.eot);
src:url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.eot?#iefix) format('embedded-opentype'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.woff) format('woff'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.ttf) format('truetype'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.svg#moon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="moon-"], [class*=" moon-"] {
font-family: 'moon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'moon';
src: url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/moon/moon.svg#moon) format('svg');
}
}
.moon-home:before {
content: "\e000";
}
.moon-home2:before {
content: "\e001";
}
.moon-home3:before {
content: "\e002";
}
.moon-home4:before {
content: "\e003";
}
.moon-home5:before {
content: "\e004";
}
.moon-home6:before {
content: "\e005";
}
.moon-home7:before {
content: "\e006";
}
.moon-home8:before {
content: "\e007";
}
.moon-home9:before {
content: "\e008";
}
.moon-home10:before {
content: "\e009";
}
.moon-home11:before {
content: "\e00a";
}
.moon-office:before {
content: "\e00b";
}
.moon-newspaper:before {
content: "\e00c";
}
.moon-pencil:before {
content: "\e00d";
}
.moon-pencil2:before {
content: "\e00e";
}
.moon-pencil-2:before {
content: "\e00e";
}
.moon-pencil3:before {
content: "\e00f";
}
.moon-pencil4:before {
content: "\e010";
}
.moon-pencil5:before {
content: "\e011";
}
.moon-pencil6:before {
content: "\e012";
}
.moon-quill:before {
content: "\e013";
}
.moon-quill2:before {
content: "\e014";
}
.moon-quill3:before {
content: "\e015";
}
.moon-pen:before {
content: "\e016";
}
.moon-pen2:before {
content: "\e017";
}
.moon-pen3:before {
content: "\e018";
}
.moon-pen4:before {
content: "\e019";
}
.moon-pen5:before {
content: "\e01a";
}
.moon-marker:before {
content: "\e01b";
}
.moon-home12:before {
content: "\e01c";
}
.moon-marker2:before {
content: "\e01d";
}
.moon-blog:before {
content: "\e01e";
}
.moon-blog2:before {
content: "\e01f";
}
.moon-brush:before {
content: "\e020";
}
.moon-palette:before {
content: "\e021";
}
.moon-palette2:before {
content: "\e022";
}
.moon-eyedropper:before {
content: "\e023";
}
.moon-eyedropper2:before {
content: "\e024";
}
.moon-droplet:before {
content: "\e025";
}
.moon-droplet2:before {
content: "\e026";
}
.moon-droplet3:before {
content: "\e027";
}
.moon-droplet4:before {
content: "\e028";
}
.moon-paint-format:before {
content: "\e029";
}
.moon-paint-format2:before {
content: "\e02a";
}
.moon-image:before {
content: "\e02b";
}
.moon-image2:before {
content: "\e02c";
}
.moon-image3:before {
content: "\e02d";
}
.moon-images:before {
content: "\e02e";
}
.moon-image4:before {
content: "\e02f";
}
.moon-image5:before {
content: "\e030";
}
.moon-image6:before {
content: "\e031";
}
.moon-images2:before {
content: "\e032";
}
.moon-image7:before {
content: "\e033";
}
.moon-camera:before {
content: "\e034";
}
.moon-camera2:before {
content: "\e035";
}
.moon-camera3:before {
content: "\e036";
}
.moon-camera4:before {
content: "\e037";
}
.moon-music:before {
content: "\e038";
}
.moon-music2:before {
content: "\e039";
}
.moon-music3:before {
content: "\e03a";
}
.moon-music4:before {
content: "\e03b";
}
.moon-music5:before {
content: "\e03c";
}
.moon-music6:before {
content: "\e03d";
}
.moon-piano:before {
content: "\e03e";
}
.moon-guitar:before {
content: "\e03f";
}
.moon-headphones:before {
content: "\e040";
}
.moon-headphones2:before {
content: "\e041";
}
.moon-play:before {
content: "\e042";
}
.moon-play2:before {
content: "\e043";
}
.moon-movie:before {
content: "\e044";
}
.moon-movie2:before {
content: "\e045";
}
.moon-movie3:before {
content: "\e046";
}
.moon-film:before {
content: "\e047";
}
.moon-film2:before {
content: "\e048";
}
.moon-film3:before {
content: "\e049";
}
.moon-film4:before {
content: "\e04a";
}
.moon-camera5:before {
content: "\e04b";
}
.moon-camera6:before {
content: "\e04c";
}
.moon-camera7:before {
content: "\e04d";
}
.moon-camera8:before {
content: "\e04e";
}
.moon-camera9:before {
content: "\e04f";
}
.moon-dice:before {
content: "\e050";
}
.moon-gamepad:before {
content: "\e051";
}
.moon-gamepad2:before {
content: "\e052";
}
.moon-gamepad3:before {
content: "\e053";
}
.moon-pacman:before {
content: "\e054";
}
.moon-spades:before {
content: "\e055";
}
.moon-clubs:before {
content: "\e056";
}
.moon-diamonds:before {
content: "\e057";
}
.moon-king:before {
content: "\e058";
}
.moon-queen:before {
content: "\e059";
}
.moon-rock:before {
content: "\e05a";
}
.moon-bishop:before {
content: "\e05b";
}
.moon-knight:before {
content: "\e05c";
}
.moon-pawn:before {
content: "\e05d";
}
.moon-chess:before {
content: "\e05e";
}
.moon-bullhorn:before {
content: "\e05f";
}
.moon-megaphone:before {
content: "\e060";
}
.moon-new:before {
content: "\e061";
}
.moon-connection:before {
content: "\e062";
}
.moon-connection2:before {
content: "\e063";
}
.moon-podcast:before {
content: "\e064";
}
.moon-radio:before {
content: "\e065";
}
.moon-feed:before {
content: "\e066";
}
.moon-connection3:before {
content: "\e067";
}
.moon-radio2:before {
content: "\e068";
}
.moon-podcast2:before {
content: "\e069";
}
.moon-podcast3:before {
content: "\e06a";
}
.moon-mic:before {
content: "\e06b";
}
.moon-mic2:before {
content: "\e06c";
}
.moon-mic3:before {
content: "\e06d";
}
.moon-mic4:before {
content: "\e06e";
}
.moon-mic5:before {
content: "\e06f";
}
.moon-book:before {
content: "\e070";
}
.moon-book2:before {
content: "\e071";
}
.moon-books:before {
content: "\e072";
}
.moon-reading:before {
content: "\e073";
}
.moon-library:before {
content: "\e074";
}
.moon-library2:before {
content: "\e075";
}
.moon-graduation:before {
content: "\e076";
}
.moon-file:before {
content: "\e077";
}
.moon-profile:before {
content: "\e078";
}
.moon-file2:before {
content: "\e079";
}
.moon-file3:before {
content: "\e07a";
}
.moon-file4:before {
content: "\e07b";
}
.moon-file5:before {
content: "\e07c";
}
.moon-file6:before {
content: "\e07d";
}
.moon-files:before {
content: "\e07e";
}
.moon-file-plus:before {
content: "\e07f";
}
.moon-file-minus:before {
content: "\e080";
}
.moon-file-download:before {
content: "\e081";
}
.moon-file-upload:before {
content: "\e082";
}
.moon-file-check:before {
content: "\e083";
}
.moon-file-remove:before {
content: "\e084";
}
.moon-file7:before {
content: "\e085";
}
.moon-file8:before {
content: "\e086";
}
.moon-file-plus2:before {
content: "\e087";
}
.moon-file-minus2:before {
content: "\e088";
}
.moon-file-download2:before {
content: "\e089";
}
.moon-file-upload2:before {
content: "\e08a";
}
.moon-file-check2:before {
content: "\e08b";
}
.moon-file-remove2:before {
content: "\e08c";
}
.moon-file9:before {
content: "\e08d";
}
.moon-copy:before {
content: "\e08e";
}
.moon-copy2:before {
content: "\e08f";
}
.moon-copy3:before {
content: "\e090";
}
.moon-copy4:before {
content: "\e091";
}
.moon-paste:before {
content: "\e092";
}
.moon-paste2:before {
content: "\e093";
}
.moon-paste3:before {
content: "\e094";
}
.moon-stack:before {
content: "\e095";
}
.moon-stack2:before {
content: "\e096";
}
.moon-stack3:before {
content: "\e097";
}
.moon-folder:before {
content: "\e098";
}
.moon-folder-download:before {
content: "\e099";
}
.moon-folder-upload:before {
content: "\e09a";
}
.moon-folder-plus:before {
content: "\e09b";
}
.moon-folder-plus2:before {
content: "\e09c";
}
.moon-folder-minus:before {
content: "\e09d";
}
.moon-folder-minus2:before {
content: "\e09e";
}
.moon-folder8:before {
content: "\e09f";
}
.moon-folder-remove:before {
content: "\e0a0";
}
.moon-folder2:before {
content: "\e0a1";
}
.moon-folder-open:before {
content: "\e0a2";
}
.moon-folder3:before {
content: "\e0a3";
}
.moon-folder4:before {
content: "\e0a4";
}
.moon-folder-plus3:before {
content: "\e0a5";
}
.moon-folder-minus3:before {
content: "\e0a6";
}
.moon-folder-plus4:before {
content: "\e0a7";
}
.moon-folder-remove2:before {
content: "\e0a8";
}
.moon-folder-download2:before {
content: "\e0a9";
}
.moon-folder-upload2:before {
content: "\e0aa";
}
.moon-folder-download3:before {
content: "\e0ab";
}
.moon-folder-upload3:before {
content: "\e0ac";
}
.moon-folder5:before {
content: "\e0ad";
}
.moon-folder-open2:before {
content: "\e0ae";
}
.moon-folder6:before {
content: "\e0af";
}
.moon-folder-open3:before {
content: "\e0b0";
}
.moon-certificate:before {
content: "\e0b1";
}
.moon-cc:before {
content: "\e0b2";
}
.moon-tag:before {
content: "\e0b3";
}
.moon-tag2:before {
content: "\e0b4";
}
.moon-tag3:before {
content: "\e0b5";
}
.moon-tag4:before {
content: "\e0b6";
}
.moon-tag5:before {
content: "\e0b7";
}
.moon-tag6:before {
content: "\e0b8";
}
.moon-tag7:before {
content: "\e0b9";
}
.moon-tags:before {
content: "\e0ba";
}
.moon-tags2:before {
content: "\e0bb";
}
.moon-tag8:before {
content: "\e0bc";
}
.moon-barcode:before {
content: "\e0bd";
}
.moon-barcode2:before {
content: "\e0be";
}
.moon-qrcode:before {
content: "\e0bf";
}
.moon-ticket:before {
content: "\e0c0";
}
.moon-cart:before {
content: "\e0c1";
}
.moon-cart2:before {
content: "\e0c2";
}
.moon-cart3:before {
content: "\e0c3";
}
.moon-cart4:before {
content: "\e0c4";
}
.moon-cart5:before {
content: "\e0c5";
}
.moon-cart6:before {
content: "\e0c6";
}
.moon-cart7:before {
content: "\e0c7";
}
.moon-cart-plus:before {
content: "\e0c8";
}
.moon-cart-minus:before {
content: "\e0c9";
}
.moon-cart-add:before {
content: "\e0ca";
}
.moon-cart-remove:before {
content: "\e0cb";
}
.moon-cart-checkout:before {
content: "\e0cc";
}
.moon-cart-remove2:before {
content: "\e0cd";
}
.moon-basket:before {
content: "\e0ce";
}
.moon-basket2:before {
content: "\e0cf";
}
.moon-bag:before {
content: "\e0d0";
}
.moon-bag2:before {
content: "\e0d1";
}
.moon-bag3:before {
content: "\e0d2";
}
.moon-coin:before {
content: "\e0d3";
}
.moon-coins:before {
content: "\e0d4";
}
.moon-credit:before {
content: "\e0d5";
}
.moon-credit2:before {
content: "\e0d6";
}
.moon-calculate:before {
content: "\e0d7";
}
.moon-calculate2:before {
content: "\e0d8";
}
.moon-support:before {
content: "\e0d9";
}
.moon-phone:before {
content: "\e0da";
}
.moon-phone2:before {
content: "\e0db";
}
.moon-phone3:before {
content: "\e0dc";
}
.moon-phone4:before {
content: "\e0dd";
}
.moon-contact-add:before {
content: "\e0de";
}
.moon-contact-remove:before {
content: "\e0df";
}
.moon-contact-add2:before {
content: "\e0e0";
}
.moon-contact-remove2:before {
content: "\e0e1";
}
.moon-call-incoming:before {
content: "\e0e2";
}
.moon-call-outgoing:before {
content: "\e0e3";
}
.moon-phone5:before {
content: "\e0e4";
}
.moon-phone6:before {
content: "\e0e5";
}
.moon-phone-hang-up:before {
content: "\e0e6";
}
.moon-phone-hang-up2:before {
content: "\e0e7";
}
.moon-address-book:before {
content: "\e0e8";
}
.moon-address-book2:before {
content: "\e0e9";
}
.moon-notebook:before {
content: "\e0ea";
}
.moon-envelop:before {
content: "\e0eb";
}
.moon-envelop2:before {
content: "\e0ec";
}
.moon-mail-send:before {
content: "\e0ed";
}
.moon-envelop-opened:before {
content: "\e0ee";
}
.moon-envelop3:before {
content: "\e0ef";
}
.moon-pushpin:before {
content: "\e0f0";
}
.moon-location:before {
content: "\e0f1";
}
.moon-location2:before {
content: "\e0f2";
}
.moon-location3:before {
content: "\e0f3";
}
.moon-location4:before {
content: "\e0f4";
}
.moon-location5:before {
content: "\e0f5";
}
.moon-location6:before {
content: "\e0f6";
}
.moon-location7:before {
content: "\e0f7";
}
.moon-compass:before {
content: "\e0f8";
}
.moon-compass2:before {
content: "\e0f9";
}
.moon-map:before {
content: "\e0fa";
}
.moon-map2:before {
content: "\e0fb";
}
.moon-map3:before {
content: "\e0fc";
}
.moon-map4:before {
content: "\e0fd";
}
.moon-direction:before {
content: "\e0fe";
}
.moon-history:before {
content: "\e0ff";
}
.moon-history2:before {
content: "\e100";
}
.moon-clock:before {
content: "\e101";
}
.moon-clock2:before {
content: "\e102";
}
.moon-clock3:before {
content: "\e103";
}
.moon-clock4:before {
content: "\e104";
}
.moon-watch:before {
content: "\e105";
}
.moon-clock5:before {
content: "\e106";
}
.moon-clock6:before {
content: "\e107";
}
.moon-clock7:before {
content: "\e108";
}
.moon-alarm:before {
content: "\e109";
}
.moon-alarm2:before {
content: "\e10a";
}
.moon-bell:before {
content: "\e10b";
}
.moon-bell2:before {
content: "\e10c";
}
.moon-alarm-plus:before {
content: "\e10d";
}
.moon-alarm-minus:before {
content: "\e10e";
}
.moon-alarm-check:before {
content: "\e10f";
}
.moon-alarm-cancel:before {
content: "\e110";
}
.moon-stopwatch:before {
content: "\e111";
}
.moon-calendar:before {
content: "\e112";
}
.moon-calendar2:before {
content: "\e113";
}
.moon-calendar3:before {
content: "\e114";
}
.moon-calendar4:before {
content: "\e115";
}
.moon-calendar5:before {
content: "\e116";
}
.moon-print:before {
content: "\e117";
}
.moon-print2:before {
content: "\e118";
}
.moon-print3:before {
content: "\e119";
}
.moon-mouse:before {
content: "\e11a";
}
.moon-mouse2:before {
content: "\e11b";
}
.moon-mouse3:before {
content: "\e11c";
}
.moon-mouse4:before {
content: "\e11d";
}
.moon-keyboard:before {
content: "\e11e";
}
.moon-keyboard2:before {
content: "\e11f";
}
.moon-screen:before {
content: "\e120";
}
.moon-screen2:before {
content: "\e121";
}
.moon-screen3:before {
content: "\e122";
}
.moon-screen4:before {
content: "\e123";
}
.moon-laptop:before {
content: "\e124";
}
.moon-mobile:before {
content: "\e125";
}
.moon-mobile2:before {
content: "\e126";
}
.moon-tablet:before {
content: "\e127";
}
.moon-mobile3:before {
content: "\e128";
}
.moon-tv:before {
content: "\e129";
}
.moon-cabinet:before {
content: "\e12a";
}
.moon-archive:before {
content: "\e12b";
}
.moon-drawer:before {
content: "\e12c";
}
.moon-drawer2:before {
content: "\e12d";
}
.moon-drawer3:before {
content: "\e12e";
}
.moon-box:before {
content: "\e12f";
}
.moon-box-add:before {
content: "\e130";
}
.moon-box-remove:before {
content: "\e131";
}
.moon-download:before {
content: "\e132";
}
.moon-upload:before {
content: "\e133";
}
.moon-disk:before {
content: "\e134";
}
.moon-cd:before {
content: "\e135";
}
.moon-storage:before {
content: "\e136";
}
.moon-storage2:before {
content: "\e137";
}
.moon-database:before {
content: "\e138";
}
.moon-database2:before {
content: "\e139";
}
.moon-database3:before {
content: "\e13a";
}
.moon-undo:before {
content: "\e13b";
}
.moon-redo:before {
content: "\e13c";
}
.moon-rotate:before {
content: "\e13d";
}
.moon-rotate2:before {
content: "\e13e";
}
.moon-flip:before {
content: "\e13f";
}
.moon-flip2:before {
content: "\e140";
}
.moon-unite:before {
content: "\e141";
}
.moon-subtract:before {
content: "\e142";
}
.moon-interset:before {
content: "\e143";
}
.moon-exclude:before {
content: "\e144";
}
.moon-align-left:before {
content: "\e145";
}
.moon-align-center-horizontal:before {
content: "\e146";
}
.moon-align-right:before {
content: "\e147";
}
.moon-align-top:before {
content: "\e148";
}
.moon-align-center-vertical:before {
content: "\e149";
}
.moon-align-bottom:before {
content: "\e14a";
}
.moon-undo2:before {
content: "\e14b";
}
.moon-redo2:before {
content: "\e14c";
}
.moon-forward:before {
content: "\e14d";
}
.moon-reply:before {
content: "\e14e";
}
.moon-reply2:before {
content: "\e14f";
}
.moon-bubble:before {
content: "\e150";
}
.moon-bubbles:before {
content: "\e151";
}
.moon-bubbles2:before {
content: "\e152";
}
.moon-bubble2:before {
content: "\e153";
}
.moon-bubbles3:before {
content: "\e154";
}
.moon-bubbles4:before {
content: "\e155";
}
.moon-bubble-notification:before {
content: "\e156";
}
.moon-bubbles5:before {
content: "\e157";
}
.moon-bubbles6:before {
content: "\e158";
}
.moon-bubble3:before {
content: "\e159";
}
.moon-bubble-dots:before {
content: "\e15a";
}
.moon-bubble4:before {
content: "\e15b";
}
.moon-bubble5:before {
content: "\e15c";
}
.moon-bubble-dots2:before {
content: "\e15d";
}
.moon-bubble6:before {
content: "\e15e";
}
.moon-bubble7:before {
content: "\e15f";
}
.moon-bubble8:before {
content: "\e160";
}
.moon-bubbles7:before {
content: "\e161";
}
.moon-bubble9:before {
content: "\e162";
}
.moon-bubbles8:before {
content: "\e163";
}
.moon-bubble10:before {
content: "\e164";
}
.moon-bubble-dots3:before {
content: "\e165";
}
.moon-bubble11:before {
content: "\e166";
}
.moon-bubble12:before {
content: "\e167";
}
.moon-bubble-dots4:before {
content: "\e168";
}
.moon-bubble13:before {
content: "\e169";
}
.moon-bubbles9:before {
content: "\e16a";
}
.moon-bubbles10:before {
content: "\e16b";
}
.moon-bubble-blocked:before {
content: "\e16c";
}
.moon-bubble-quote:before {
content: "\e16d";
}
.moon-bubble-user:before {
content: "\e16e";
}
.moon-bubble-check:before {
content: "\e16f";
}
.moon-bubble-video-chat:before {
content: "\e170";
}
.moon-bubble-link:before {
content: "\e171";
}
.moon-bubble-locked:before {
content: "\e172";
}
.moon-bubble-star:before {
content: "\e173";
}
.moon-bubble-heart:before {
content: "\e174";
}
.moon-bubble-paperclip:before {
content: "\e175";
}
.moon-bubble-cancel:before {
content: "\e176";
}
.moon-bubble-plus:before {
content: "\e177";
}
.moon-bubble-minus:before {
content: "\e178";
}
.moon-bubble-notification2:before {
content: "\e179";
}
.moon-bubble-trash:before {
content: "\e17a";
}
.moon-bubble-left:before {
content: "\e17b";
}
.moon-bubble-right:before {
content: "\e17c";
}
.moon-bubble-up:before {
content: "\e17d";
}
.moon-bubble-down:before {
content: "\e17e";
}
.moon-bubble-first:before {
content: "\e17f";
}
.moon-bubble-last:before {
content: "\e180";
}
.moon-bubble-replu:before {
content: "\e181";
}
.moon-bubble-forward:before {
content: "\e182";
}
.moon-bubble-reply:before {
content: "\e183";
}
.moon-bubble-forward2:before {
content: "\e184";
}
.moon-user:before {
content: "\e185";
}
.moon-users:before {
content: "\e186";
}
.moon-user-plus:before {
content: "\e187";
}
.moon-user-plus2:before {
content: "\e188";
}
.moon-user-minus:before {
content: "\e189";
}
.moon-user-minus2:before {
content: "\e18a";
}
.moon-user-cancel:before {
content: "\e18b";
}
.moon-user-block:before {
content: "\e18c";
}
.moon-users2:before {
content: "\e18d";
}
.moon-user2:before {
content: "\e18e";
}
.moon-users3:before {
content: "\e18f";
}
.moon-user-plus3:before {
content: "\e190";
}
.moon-user-minus3:before {
content: "\e191";
}
.moon-user-cancel2:before {
content: "\e192";
}
.moon-user-block2:before {
content: "\e193";
}
.moon-user3:before {
content: "\e194";
}
.moon-user4:before {
content: "\e195";
}
.moon-user5:before {
content: "\e196";
}
.moon-user6:before {
content: "\e197";
}
.moon-users4:before {
content: "\e198";
}
.moon-user7:before {
content: "\e199";
}
.moon-user8:before {
content: "\e19a";
}
.moon-users5:before {
content: "\e19b";
}
.moon-vcard:before {
content: "\e19c";
}
.moon-tshirt:before {
content: "\e19d";
}
.moon-hanger:before {
content: "\e19e";
}
.moon-quotes-left:before {
content: "\e19f";
}
.moon-quotes-right:before {
content: "\e1a0";
}
.moon-quotes-right2:before {
content: "\e1a1";
}
.moon-quotes-right3:before {
content: "\e1a2";
}
.moon-busy:before {
content: "\e1a3";
}
.moon-busy2:before {
content: "\e1a4";
}
.moon-busy3:before {
content: "\e1a5";
}
.moon-busy4:before {
content: "\e1a6";
}
.moon-spinner:before {
content: "\e1a7";
}
.moon-spinner2:before {
content: "\e1a8";
}
.moon-spinner3:before {
content: "\e1a9";
}
.moon-spinner4:before {
content: "\e1aa";
}
.moon-spinner5:before {
content: "\e1ab";
}
.moon-spinner6:before {
content: "\e1ac";
}
.moon-spinner7:before {
content: "\e1ad";
}
.moon-spinner8:before {
content: "\e1ae";
}
.moon-spinner9:before {
content: "\e1af";
}
.moon-spinner10:before {
content: "\e1b0";
}
.moon-spinner11:before {
content: "\e1b1";
}
.moon-spinner12:before {
content: "\e1b2";
}
.moon-microscope:before {
content: "\e1b3";
}
.moon-binoculars:before {
content: "\e1b4";
}
.moon-binoculars2:before {
content: "\e1b5";
}
.moon-search:before {
content: "\e1b6";
}
.moon-search2:before {
content: "\e1b7";
}
.moon-zoomin:before {
content: "\e1b8";
}
.moon-zoomout:before {
content: "\e1b9";
}
.moon-search3:before {
content: "\e1ba";
}
.moon-search4:before {
content: "\e1bb";
}
.moon-zoomin2:before {
content: "\e1bc";
}
.moon-zoomout2:before {
content: "\e1bd";
}
.moon-search5:before {
content: "\e1be";
}
.moon-expand:before {
content: "\e1bf";
}
.moon-contract:before {
content: "\e1c0";
}
.moon-scale-up:before {
content: "\e1c1";
}
.moon-scale-down:before {
content: "\e1c2";
}
.moon-expand2:before {
content: "\e1c3";
}
.moon-contract2:before {
content: "\e1c4";
}
.moon-scale-up2:before {
content: "\e1c5";
}
.moon-scale-down2:before {
content: "\e1c6";
}
.moon-fullscreen:before {
content: "\e1c7";
}
.moon-expand3:before {
content: "\e1c8";
}
.moon-contract3:before {
content: "\e1c9";
}
.moon-key:before {
content: "\e1ca";
}
.moon-key2:before {
content: "\e1cb";
}
.moon-key3:before {
content: "\e1cc";
}
.moon-key4:before {
content: "\e1cd";
}
.moon-key5:before {
content: "\e1ce";
}
.moon-keyhole:before {
content: "\e1cf";
}
.moon-lock:before {
content: "\e1d0";
}
.moon-lock2:before {
content: "\e1d1";
}
.moon-lock3:before {
content: "\e1d2";
}
.moon-lock4:before {
content: "\e1d3";
}
.moon-unlocked:before {
content: "\e1d4";
}
.moon-lock5:before {
content: "\e1d5";
}
.moon-unlocked2:before {
content: "\e1d6";
}
.moon-wrench:before {
content: "\e1d7";
}
.moon-wrench2:before {
content: "\e1d8";
}
.moon-wrench3:before {
content: "\e1d9";
}
.moon-wrench4:before {
content: "\e1da";
}
.moon-settings:before {
content: "\e1db";
}
.moon-equalizer:before {
content: "\e1dc";
}
.moon-equalizer2:before {
content: "\e1dd";
}
.moon-equalizer3:before {
content: "\e1de";
}
.moon-cog:before {
content: "\e1df";
}
.moon-cogs:before {
content: "\e1e0";
}
.moon-cog2:before {
content: "\e1e1";
}
.moon-cog3:before {
content: "\e1e2";
}
.moon-cog4:before {
content: "\e1e3";
}
.moon-cog5:before {
content: "\e1e4";
}
.moon-cog6:before {
content: "\e1e5";
}
.moon-cog7:before {
content: "\e1e6";
}
.moon-factory:before {
content: "\e1e7";
}
.moon-hammer:before {
content: "\e1e8";
}
.moon-tools:before {
content: "\e1e9";
}
.moon-screwdriver:before {
content: "\e1ea";
}
.moon-screwdriver2:before {
content: "\e1eb";
}
.moon-wand:before {
content: "\e1ec";
}
.moon-wand2:before {
content: "\e1ed";
}
.moon-health:before {
content: "\e1ee";
}
.moon-aid:before {
content: "\e1ef";
}
.moon-patch:before {
content: "\e1f0";
}
.moon-bug:before {
content: "\e1f1";
}
.moon-bug2:before {
content: "\e1f2";
}
.moon-inject:before {
content: "\e1f3";
}
.moon-inject2:before {
content: "\e1f4";
}
.moon-construction:before {
content: "\e1f5";
}
.moon-cone:before {
content: "\e1f6";
}
.moon-pie:before {
content: "\e1f7";
}
.moon-pie2:before {
content: "\e1f8";
}
.moon-pie3:before {
content: "\e1f9";
}
.moon-pie4:before {
content: "\e1fa";
}
.moon-pie5:before {
content: "\e1fb";
}
.moon-pie6:before {
content: "\e1fc";
}
.moon-pie7:before {
content: "\e1fd";
}
.moon-stats:before {
content: "\e1fe";
}
.moon-stats2:before {
content: "\e1ff";
}
.moon-stats3:before {
content: "\e200";
}
.moon-bars:before {
content: "\e201";
}
.moon-bars2:before {
content: "\e202";
}
.moon-bars3:before {
content: "\e203";
}
.moon-bars4:before {
content: "\e204";
}
.moon-bars5:before {
content: "\e205";
}
.moon-bars6:before {
content: "\e206";
}
.moon-stats-up:before {
content: "\e207";
}
.moon-stats-down:before {
content: "\e208";
}
.moon-stairs-down:before {
content: "\e209";
}
.moon-stairs-down2:before {
content: "\e20a";
}
.moon-chart:before {
content: "\e20b";
}
.moon-stairs:before {
content: "\e20c";
}
.moon-stairs2:before {
content: "\e20d";
}
.moon-ladder:before {
content: "\e20e";
}
.moon-cake:before {
content: "\e20f";
}
.moon-gift:before {
content: "\e210";
}
.moon-gift2:before {
content: "\e211";
}
.moon-balloon:before {
content: "\e212";
}
.moon-rating:before {
content: "\e213";
}
.moon-rating2:before {
content: "\e214";
}
.moon-rating3:before {
content: "\e215";
}
.moon-podium:before {
content: "\e216";
}
.moon-medal:before {
content: "\e217";
}
.moon-medal2:before {
content: "\e218";
}
.moon-medal3:before {
content: "\e219";
}
.moon-medal4:before {
content: "\e21a";
}
.moon-medal5:before {
content: "\e21b";
}
.moon-crown:before {
content: "\e21c";
}
.moon-trophy:before {
content: "\e21d";
}
.moon-trophy2:before {
content: "\e21e";
}
.moon-trophy-star:before {
content: "\e21f";
}
.moon-diamond:before {
content: "\e220";
}
.moon-diamond2:before {
content: "\e221";
}
.moon-glass:before {
content: "\e222";
}
.moon-glass2:before {
content: "\e223";
}
.moon-bottle:before {
content: "\e224";
}
.moon-bottle2:before {
content: "\e225";
}
.moon-mug:before {
content: "\e226";
}
.moon-food:before {
content: "\e227";
}
.moon-food2:before {
content: "\e228";
}
.moon-hamburger:before {
content: "\e229";
}
.moon-cup:before {
content: "\e22a";
}
.moon-cup2:before {
content: "\e22b";
}
.moon-leaf:before {
content: "\e22c";
}
.moon-leaf2:before {
content: "\e22d";
}
.moon-apple-fruit:before {
content: "\e22e";
}
.moon-tree:before {
content: "\e22f";
}
.moon-tree2:before {
content: "\e230";
}
.moon-paw:before {
content: "\e231";
}
.moon-steps:before {
content: "\e232";
}
.moon-flower:before {
content: "\e233";
}
.moon-rocket:before {
content: "\e234";
}
.moon-meter:before {
content: "\e235";
}
.moon-meter2:before {
content: "\e236";
}
.moon-meter-slow:before {
content: "\e237";
}
.moon-meter-medium:before {
content: "\e238";
}
.moon-meter-fast:before {
content: "\e239";
}
.moon-dashboard:before {
content: "\e23a";
}
.moon-hammer2:before {
content: "\e23b";
}
.moon-balance:before {
content: "\e23c";
}
.moon-bomb:before {
content: "\e23d";
}
.moon-fire:before {
content: "\e23e";
}
.moon-fire2:before {
content: "\e23f";
}
.moon-lab:before {
content: "\e240";
}
.moon-atom:before {
content: "\e241";
}
.moon-atom2:before {
content: "\e242";
}
.moon-magnet:before {
content: "\e243";
}
.moon-magnet2:before {
content: "\e244";
}
.moon-magnet3:before {
content: "\e245";
}
.moon-magnet4:before {
content: "\e246";
}
.moon-dumbbell:before {
content: "\e247";
}
.moon-skull:before {
content: "\e248";
}
.moon-skull2:before {
content: "\e249";
}
.moon-skull3:before {
content: "\e24a";
}
.moon-lamp:before {
content: "\e24b";
}
.moon-lamp2:before {
content: "\e24c";
}
.moon-lamp3:before {
content: "\e24d";
}
.moon-lamp4:before {
content: "\e24e";
}
.moon-remove:before {
content: "\e24f";
}
.moon-remove2:before {
content: "\e250";
}
.moon-remove3:before {
content: "\e251";
}
.moon-remove4:before {
content: "\e252";
}
.moon-remove5:before {
content: "\e253";
}
.moon-remove6:before {
content: "\e254";
}
.moon-remove7:before {
content: "\e255";
}
.moon-remove8:before {
content: "\e256";
}
.moon-briefcase:before {
content: "\e257";
}
.moon-briefcase2:before {
content: "\e258";
}
.moon-briefcase3:before {
content: "\e259";
}
.moon-airplane:before {
content: "\e25a";
}
.moon-airplane2:before {
content: "\e25b";
}
.moon-paperplane:before {
content: "\e25c";
}
.moon-car:before {
content: "\e25d";
}
.moon-gas-pump:before {
content: "\e25e";
}
.moon-bus:before {
content: "\e25f";
}
.moon-truck:before {
content: "\e260";
}
.moon-bike:before {
content: "\e261";
}
.moon-road:before {
content: "\e262";
}
.moon-train:before {
content: "\e263";
}
.moon-ship:before {
content: "\e264";
}
.moon-boat:before {
content: "\e265";
}
.moon-cube:before {
content: "\e266";
}
.moon-cube2:before {
content: "\e267";
}
.moon-cube3:before {
content: "\e268";
}
.moon-cube4:before {
content: "\e269";
}
.moon-pyramid:before {
content: "\e26a";
}
.moon-pyramid2:before {
content: "\e26b";
}
.moon-cylinder:before {
content: "\e26c";
}
.moon-package:before {
content: "\e26d";
}
.moon-puzzle:before {
content: "\e26e";
}
.moon-puzzle2:before {
content: "\e26f";
}
.moon-puzzle3:before {
content: "\e270";
}
.moon-puzzle4:before {
content: "\e271";
}
.moon-glasses:before {
content: "\e272";
}
.moon-glasses2:before {
content: "\e273";
}
.moon-glasses3:before {
content: "\e274";
}
.moon-sunglasses:before {
content: "\e275";
}
.moon-accessibility:before {
content: "\e276";
}
.moon-accessibility2:before {
content: "\e277";
}
.moon-brain:before {
content: "\e278";
}
.moon-target:before {
content: "\e279";
}
.moon-target2:before {
content: "\e27a";
}
.moon-target3:before {
content: "\e27b";
}
.moon-gun:before {
content: "\e27c";
}
.moon-gun-ban:before {
content: "\e27d";
}
.moon-shield:before {
content: "\e27e";
}
.moon-shield2:before {
content: "\e27f";
}
.moon-shield3:before {
content: "\e280";
}
.moon-shield4:before {
content: "\e281";
}
.moon-soccer:before {
content: "\e282";
}
.moon-football:before {
content: "\e283";
}
.moon-baseball:before {
content: "\e284";
}
.moon-basketball:before {
content: "\e285";
}
.moon-golf:before {
content: "\e286";
}
.moon-hockey:before {
content: "\e287";
}
.moon-racing:before {
content: "\e288";
}
.moon-eightball:before {
content: "\e289";
}
.moon-bowlingball:before {
content: "\e28a";
}
.moon-bowling:before {
content: "\e28b";
}
.moon-bowling2:before {
content: "\e28c";
}
.moon-lightning:before {
content: "\e28d";
}
.moon-power:before {
content: "\e28e";
}
.moon-power2:before {
content: "\e28f";
}
.moon-switch:before {
content: "\e290";
}
.moon-powercord:before {
content: "\e291";
}
.moon-cord:before {
content: "\e292";
}
.moon-socket:before {
content: "\e293";
}
.moon-clipboard:before {
content: "\e294";
}
.moon-clipboard2:before {
content: "\e295";
}
.moon-signup:before {
content: "\e296";
}
.moon-clipboard3:before {
content: "\e297";
}
.moon-clipboard4:before {
content: "\e298";
}
.moon-list:before {
content: "\e299";
}
.moon-list2:before {
content: "\e29a";
}
.moon-list3:before {
content: "\e29b";
}
.moon-numbered-list:before {
content: "\e29c";
}
.moon-list4:before {
content: "\e29d";
}
.moon-list5:before {
content: "\e29e";
}
.moon-playlist:before {
content: "\e29f";
}
.moon-grid:before {
content: "\e2a0";
}
.moon-grid2:before {
content: "\e2a1";
}
.moon-grid3:before {
content: "\e2a2";
}
.moon-grid4:before {
content: "\e2a3";
}
.moon-grid5:before {
content: "\e2a4";
}
.moon-grid6:before {
content: "\e2a5";
}
.moon-tree3:before {
content: "\e2a6";
}
.moon-tree4:before {
content: "\e2a7";
}
.moon-tree5:before {
content: "\e2a8";
}
.moon-menu:before {
content: "\e2a9";
}
.moon-menu2:before {
content: "\e2aa";
}
.moon-circle-small:before {
content: "\e2ab";
}
.moon-menu3:before {
content: "\e2ac";
}
.moon-menu4:before {
content: "\e2ad";
}
.moon-menu5:before {
content: "\e2ae";
}
.moon-menu6:before {
content: "\e2af";
}
.moon-menu7:before {
content: "\e2b0";
}
.moon-menu8:before {
content: "\e2b1";
}
.moon-menu9:before {
content: "\e2b2";
}
.moon-cloud:before {
content: "\e2b3";
}
.moon-cloud2:before {
content: "\e2b4";
}
.moon-cloud3:before {
content: "\e2b5";
}
.moon-cloud-download:before {
content: "\e2b6";
}
.moon-cloud-upload:before {
content: "\e2b7";
}
.moon-download2:before {
content: "\e2b8";
}
.moon-upload2:before {
content: "\e2b9";
}
.moon-download3:before {
content: "\e2ba";
}
.moon-upload3:before {
content: "\e2bb";
}
.moon-download4:before {
content: "\e2bc";
}
.moon-upload4:before {
content: "\e2bd";
}
.moon-download5:before {
content: "\e2be";
}
.moon-upload5:before {
content: "\e2bf";
}
.moon-download6:before {
content: "\e2c0";
}
.moon-upload6:before {
content: "\e2c1";
}
.moon-download7:before {
content: "\e2c2";
}
.moon-upload7:before {
content: "\e2c3";
}
.moon-globe:before {
content: "\e2c4";
}
.moon-globe2:before {
content: "\e2c5";
}
.moon-globe3:before {
content: "\e2c6";
}
.moon-earth:before {
content: "\e2c7";
}
.moon-network:before {
content: "\e2c8";
}
.moon-link:before {
content: "\e2c9";
}
.moon-link2:before {
content: "\e2ca";
}
.moon-link3:before {
content: "\e2cb";
}
.moon-link22:before {
content: "\e2cc";
}
.moon-link4:before {
content: "\e2cd";
}
.moon-link5:before {
content: "\e2ce";
}
.moon-link6:before {
content: "\e2cf";
}
.moon-anchor:before {
content: "\e2d0";
}
.moon-flag:before {
content: "\e2d1";
}
.moon-flag2:before {
content: "\e2d2";
}
.moon-flag3:before {
content: "\e2d3";
}
.moon-flag4:before {
content: "\e2d4";
}
.moon-flag5:before {
content: "\e2d5";
}
.moon-flag6:before {
content: "\e2d6";
}
.moon-attachment:before {
content: "\e2d7";
}
.moon-attachment2:before {
content: "\e2d8";
}
.moon-eye:before {
content: "\e2d9";
}
.moon-eye-blocked:before {
content: "\e2da";
}
.moon-eye2:before {
content: "\e2db";
}
.moon-eye3:before {
content: "\e2dc";
}
.moon-eye-blocked2:before {
content: "\e2dd";
}
.moon-eye4:before {
content: "\e2de";
}
.moon-eye5:before {
content: "\e2df";
}
.moon-eye6:before {
content: "\e2e0";
}
.moon-eye7:before {
content: "\e2e1";
}
.moon-eye8:before {
content: "\e2e2";
}
.moon-bookmark:before {
content: "\e2e3";
}
.moon-bookmark2:before {
content: "\e2e4";
}
.moon-bookmarks:before {
content: "\e2e5";
}
.moon-bookmark3:before {
content: "\e2e6";
}
.moon-spotlight:before {
content: "\e2e7";
}
.moon-starburst:before {
content: "\e2e8";
}
.moon-snowflake:before {
content: "\e2e9";
}
.moon-temperature:before {
content: "\e2ea";
}
.moon-temperature2:before {
content: "\e2eb";
}
.moon-weather-lightning:before {
content: "\e2ec";
}
.moon-weather-rain:before {
content: "\e2ed";
}
.moon-weather-snow:before {
content: "\e2ee";
}
.moon-windy:before {
content: "\e2ef";
}
.moon-fan:before {
content: "\e2f0";
}
.moon-umbrella:before {
content: "\e2f1";
}
.moon-sun:before {
content: "\e2f2";
}
.moon-sun2:before {
content: "\e2f3";
}
.moon-brightness-high:before {
content: "\e2f4";
}
.moon-brightness-medium:before {
content: "\e2f5";
}
.moon-brightness-low:before {
content: "\e2f6";
}
.moon-brightness-contrast:before {
content: "\e2f7";
}
.moon-contrast:before {
content: "\e2f8";
}
.moon-moon:before {
content: "\e2f9";
}
.moon-bed:before {
content: "\e2fa";
}
.moon-bed2:before {
content: "\e2fb";
}
.moon-star:before {
content: "\e2fc";
}
.moon-star2:before {
content: "\e2fd";
}
.moon-star3:before {
content: "\e2fe";
}
.moon-star4:before {
content: "\e2ff";
}
.moon-star5:before {
content: "\e300";
}
.moon-star6:before {
content: "\e301";
}
.moon-heart:before {
content: "\e302";
}
.moon-heart2:before {
content: "\e303";
}
.moon-heart3:before {
content: "\e304";
}
.moon-heart4:before {
content: "\e305";
}
.moon-heart-broken:before {
content: "\e306";
}
.moon-heart5:before {
content: "\e307";
}
.moon-heart6:before {
content: "\e308";
}
.moon-heart-broken2:before {
content: "\e309";
}
.moon-heart7:before {
content: "\e30a";
}
.moon-heart8:before {
content: "\e30b";
}
.moon-heart-broken3:before {
content: "\e30c";
}
.moon-lips:before {
content: "\e30d";
}
.moon-lips2:before {
content: "\e30e";
}
.moon-thumbs-up:before {
content: "\e30f";
}
.moon-thumbs-up2:before {
content: "\e310";
}
.moon-thumbs-down:before {
content: "\e311";
}
.moon-thumbs-down2:before {
content: "\e312";
}
.moon-thumbs-up3:before {
content: "\e313";
}
.moon-thumbs-up4:before {
content: "\e314";
}
.moon-thumbs-up5:before {
content: "\e315";
}
.moon-thumbs-up6:before {
content: "\e316";
}
.moon-people:before {
content: "\e317";
}
.moon-man:before {
content: "\e318";
}
.moon-male:before {
content: "\e319";
}
.moon-woman:before {
content: "\e31a";
}
.moon-female:before {
content: "\e31b";
}
.moon-peace:before {
content: "\e31c";
}
.moon-yin-yang:before {
content: "\e31d";
}
.moon-happy:before {
content: "\e31e";
}
.moon-happy2:before {
content: "\e31f";
}
.moon-smiley:before {
content: "\e320";
}
.moon-smiley2:before {
content: "\e321";
}
.moon-tongue:before {
content: "\e322";
}
.moon-tongue2:before {
content: "\e323";
}
.moon-sad:before {
content: "\e324";
}
.moon-sad2:before {
content: "\e325";
}
.moon-wink:before {
content: "\e326";
}
.moon-wink2:before {
content: "\e327";
}
.moon-grin:before {
content: "\e328";
}
.moon-grin2:before {
content: "\e329";
}
.moon-cool:before {
content: "\e32a";
}
.moon-cool2:before {
content: "\e32b";
}
.moon-angry:before {
content: "\e32c";
}
.moon-angry2:before {
content: "\e32d";
}
.moon-evil:before {
content: "\e32e";
}
.moon-evil2:before {
content: "\e32f";
}
.moon-shocked:before {
content: "\e330";
}
.moon-shocked2:before {
content: "\e331";
}
.moon-confused:before {
content: "\e332";
}
.moon-confused2:before {
content: "\e333";
}
.moon-neutral:before {
content: "\e334";
}
.moon-neutral2:before {
content: "\e335";
}
.moon-wondering:before {
content: "\e336";
}
.moon-wondering2:before {
content: "\e337";
}
.moon-cursor:before {
content: "\e338";
}
.moon-cursor2:before {
content: "\e339";
}
.moon-point-up:before {
content: "\e33a";
}
.moon-point-right:before {
content: "\e33b";
}
.moon-point-down:before {
content: "\e33c";
}
.moon-point-left:before {
content: "\e33d";
}
.moon-pointer:before {
content: "\e33e";
}
.moon-hand:before {
content: "\e33f";
}
.moon-stack-empty:before {
content: "\e340";
}
.moon-stack-plus:before {
content: "\e341";
}
.moon-stack-minus:before {
content: "\e342";
}
.moon-stack-star:before {
content: "\e343";
}
.moon-stack-picture:before {
content: "\e344";
}
.moon-stack-down:before {
content: "\e345";
}
.moon-stack-up:before {
content: "\e346";
}
.moon-stack-cancel:before {
content: "\e347";
}
.moon-stack-checkmark:before {
content: "\e348";
}
.moon-stack-list:before {
content: "\e349";
}
.moon-stack-clubs:before {
content: "\e34a";
}
.moon-stack-spades:before {
content: "\e34b";
}
.moon-stack-hearts:before {
content: "\e34c";
}
.moon-stack-diamonds:before {
content: "\e34d";
}
.moon-stack-user:before {
content: "\e34e";
}
.moon-stack4:before {
content: "\e34f";
}
.moon-stack-music:before {
content: "\e350";
}
.moon-stack-play:before {
content: "\e351";
}
.moon-move:before {
content: "\e352";
}
.moon-resize:before {
content: "\e353";
}
.moon-resize2:before {
content: "\e354";
}
.moon-warning:before {
content: "\e355";
}
.moon-warning2:before {
content: "\e356";
}
.moon-notification:before {
content: "\e357";
}
.moon-notification2:before {
content: "\e358";
}
.moon-question:before {
content: "\e359";
}
.moon-question2:before {
content: "\e35a";
}
.moon-question3:before {
content: "\e35b";
}
.moon-question4:before {
content: "\e35c";
}
.moon-question5:before {
content: "\e35d";
}
.moon-plus-circle:before {
content: "\e35e";
}
.moon-plus-circle2:before {
content: "\e35f";
}
.moon-minus-circle:before {
content: "\e360";
}
.moon-minus-circle2:before {
content: "\e361";
}
.moon-info:before {
content: "\e362";
}
.moon-info2:before {
content: "\e363";
}
.moon-blocked:before {
content: "\e364";
}
.moon-cancel-circle:before {
content: "\e365";
}
.moon-cancel-circle2:before {
content: "\e366";
}
.moon-checkmark-circle:before {
content: "\e367";
}
.moon-checkmark-circle2:before {
content: "\e368";
}
.moon-cancel:before {
content: "\e369";
}
.moon-spam:before {
content: "\e36a";
}
.moon-close:before {
content: "\e36b";
}
.moon-close2:before {
content: "\e36c";
}
.moon-close3:before {
content: "\e36d";
}
.moon-close4:before {
content: "\e36e";
}
.moon-close5:before {
content: "\e36f";
}
.moon-checkmark:before {
content: "\e370";
}
.moon-checkmark2:before {
content: "\e371";
}
.moon-checkmark3:before {
content: "\e372";
}
.moon-checkmark4:before {
content: "\e373";
}
.moon-spell-check:before {
content: "\e374";
}
.moon-minus:before {
content: "\e375";
}
.moon-plus:before {
content: "\e376";
}
.moon-minus2:before {
content: "\e377";
}
.moon-plus2:before {
content: "\e378";
}
.moon-enter:before {
content: "\e379";
}
.moon-exit:before {
content: "\e37a";
}
.moon-enter2:before {
content: "\e37b";
}
.moon-exit2:before {
content: "\e37c";
}
.moon-enter3:before {
content: "\e37d";
}
.moon-exit3:before {
content: "\e37e";
}
.moon-exit4:before {
content: "\e37f";
}
.moon-play3:before {
content: "\e380";
}
.moon-pause:before {
content: "\e381";
}
.moon-stop:before {
content: "\e382";
}
.moon-backward:before {
content: "\e383";
}
.moon-forward2:before {
content: "\e384";
}
.moon-play4:before {
content: "\e385";
}
.moon-pause2:before {
content: "\e386";
}
.moon-stop2:before {
content: "\e387";
}
.moon-backward2:before {
content: "\e388";
}
.moon-forward3:before {
content: "\e389";
}
.moon-first:before {
content: "\e38a";
}
.moon-last:before {
content: "\e38b";
}
.moon-previous:before {
content: "\e38c";
}
.moon-next:before {
content: "\e38d";
}
.moon-eject:before {
content: "\e38e";
}
.moon-volume-high:before {
content: "\e38f";
}
.moon-volume-medium:before {
content: "\e390";
}
.moon-volume-low:before {
content: "\e391";
}
.moon-volume-mute:before {
content: "\e392";
}
.moon-volume-mute2:before {
content: "\e393";
}
.moon-volume-increase:before {
content: "\e394";
}
.moon-volume-decrease:before {
content: "\e395";
}
.moon-volume-high2:before {
content: "\e396";
}
.moon-volume-medium2:before {
content: "\e397";
}
.moon-volume-low2:before {
content: "\e398";
}
.moon-volume-mute3:before {
content: "\e399";
}
.moon-volume-mute4:before {
content: "\e39a";
}
.moon-volume-increase2:before {
content: "\e39b";
}
.moon-volume-decrease2:before {
content: "\e39c";
}
.moon-volume5:before {
content: "\e39d";
}
.moon-volume4:before {
content: "\e39e";
}
.moon-volume3:before {
content: "\e39f";
}
.moon-volume2:before {
content: "\e3a0";
}
.moon-volume1:before {
content: "\e3a1";
}
.moon-volume0:before {
content: "\e3a2";
}
.moon-volume-mute5:before {
content: "\e3a3";
}
.moon-volume-mute6:before {
content: "\e3a4";
}
.moon-loop:before {
content: "\e3a5";
}
.moon-loop2:before {
content: "\e3a6";
}
.moon-loop3:before {
content: "\e3a7";
}
.moon-loop4:before {
content: "\e3a8";
}
.moon-loop5:before {
content: "\e3a9";
}
.moon-shuffle:before {
content: "\e3aa";
}
.moon-shuffle2:before {
content: "\e3ab";
}
.moon-wave:before {
content: "\e3ac";
}
.moon-wave2:before {
content: "\e3ad";
}
.moon-arrow-first:before {
content: "\e3ae";
}
.moon-arrow-right:before {
content: "\e3af";
}
.moon-arrow-up:before {
content: "\e3b0";
}
.moon-arrow-right2:before {
content: "\e3b1";
}
.moon-arrow-down:before {
content: "\e3b2";
}
.moon-arrow-left:before {
content: "\e3b3";
}
.moon-arrow-up2:before {
content: "\e3b4";
}
.moon-arrow-right3:before {
content: "\e3b5";
}
.moon-arrow-down2:before {
content: "\e3b6";
}
.moon-arrow-left2:before {
content: "\e3b7";
}
.moon-arrow-up-left:before {
content: "\e3b8";
}
.moon-arrow-up3:before {
content: "\e3b9";
}
.moon-arrow-up-right:before {
content: "\e3ba";
}
.moon-arrow-right4:before {
content: "\e3bb";
}
.moon-arrow-down-right:before {
content: "\e3bc";
}
.moon-arrow-down3:before {
content: "\e3bd";
}
.moon-arrow-down-left:before {
content: "\e3be";
}
.moon-arrow-left3:before {
content: "\e3bf";
}
.moon-arrow-up-left2:before {
content: "\e3c0";
}
.moon-arrow-up4:before {
content: "\e3c1";
}
.moon-arrow-up-right2:before {
content: "\e3c2";
}
.moon-arrow-right5:before {
content: "\e3c3";
}
.moon-arrow-down-right2:before {
content: "\e3c4";
}
.moon-arrow-down4:before {
content: "\e3c5";
}
.moon-arrow-down-left2:before {
content: "\e3c6";
}
.moon-arrow-left4:before {
content: "\e3c7";
}
.moon-arrow-up-left3:before {
content: "\e3c8";
}
.moon-arrow-up5:before {
content: "\e3c9";
}
.moon-arrow-up-right3:before {
content: "\e3ca";
}
.moon-arrow-right6:before {
content: "\e3cb";
}
.moon-arrow-down-right3:before {
content: "\e3cc";
}
.moon-arrow-down5:before {
content: "\e3cd";
}
.moon-arrow-down-left3:before {
content: "\e3ce";
}
.moon-arrow-left5:before {
content: "\e3cf";
}
.moon-arrow-up-left4:before {
content: "\e3d0";
}
.moon-arrow-up6:before {
content: "\e3d1";
}
.moon-arrow-up-right4:before {
content: "\e3d2";
}
.moon-arrow-right7:before {
content: "\e3d3";
}
.moon-arrow-down-right4:before {
content: "\e3d4";
}
.moon-arrow-down6:before {
content: "\e3d5";
}
.moon-arrow-down-left4:before {
content: "\e3d6";
}
.moon-arrow-left6:before {
content: "\e3d7";
}
.moon-arrow:before {
content: "\e3d8";
}
.moon-arrow2:before {
content: "\e3d9";
}
.moon-arrow3:before {
content: "\e3da";
}
.moon-arrow4:before {
content: "\e3db";
}
.moon-arrow5:before {
content: "\e3dc";
}
.moon-arrow6:before {
content: "\e3dd";
}
.moon-arrow7:before {
content: "\e3de";
}
.moon-arrow8:before {
content: "\e3df";
}
.moon-arrow-up-left5:before {
content: "\e3e0";
}
.moon-arrowsquare:before {
content: "\e3e1";
}
.moon-arrow-up-right5:before {
content: "\e3e2";
}
.moon-arrow-right8:before {
content: "\e3e3";
}
.moon-arrow-down-right5:before {
content: "\e3e4";
}
.moon-arrow-down7:before {
content: "\e3e5";
}
.moon-arrow-down-left5:before {
content: "\e3e6";
}
.moon-arrow-left7:before {
content: "\e3e7";
}
.moon-arrow-up7:before {
content: "\e3e8";
}
.moon-arrow-right9:before {
content: "\e3e9";
}
.moon-arrow-down8:before {
content: "\e3ea";
}
.moon-arrow-left8:before {
content: "\e3eb";
}
.moon-arrow-up8:before {
content: "\e3ec";
}
.moon-arrow-right10:before {
content: "\e3ed";
}
.moon-arrow-bottom:before {
content: "\e3ee";
}
.moon-arrow-left9:before {
content: "\e3ef";
}
.moon-arrow-up-left6:before {
content: "\e3f0";
}
.moon-arrow-up9:before {
content: "\e3f1";
}
.moon-arrow-up-right6:before {
content: "\e3f2";
}
.moon-arrow-right11:before {
content: "\e3f3";
}
.moon-arrow-down-right6:before {
content: "\e3f4";
}
.moon-arrow-down9:before {
content: "\e3f5";
}
.moon-arrow-down-left6:before {
content: "\e3f6";
}
.moon-arrow-left10:before {
content: "\e3f7";
}
.moon-arrow-up-left7:before {
content: "\e3f8";
}
.moon-arrow-up10:before {
content: "\e3f9";
}
.moon-arrow-up-right7:before {
content: "\e3fa";
}
.moon-arrow-right12:before {
content: "\e3fb";
}
.moon-arrow-down-right7:before {
content: "\e3fc";
}
.moon-arrow-down10:before {
content: "\e3fd";
}
.moon-arrow-down-left7:before {
content: "\e3fe";
}
.moon-arrow-left11:before {
content: "\e3ff";
}
.moon-arrow-up11:before {
content: "\e400";
}
.moon-arrow-right13:before {
content: "\e401";
}
.moon-arrow-down11:before {
content: "\e402";
}
.moon-arrow-left12:before {
content: "\e403";
}
.moon-arrow-up12:before {
content: "\e404";
}
.moon-arrow-right14:before {
content: "\e405";
}
.moon-arrow-down12:before {
content: "\e406";
}
.moon-arrow-left13:before {
content: "\e407";
}
.moon-arrow-up13:before {
content: "\e408";
}
.moon-arrow-right15:before {
content: "\e409";
}
.moon-arrow-down13:before {
content: "\e40a";
}
.moon-arrow-left14:before {
content: "\e40b";
}
.moon-arrow-up14:before {
content: "\e40c";
}
.moon-arrow-right16:before {
content: "\e40d";
}
.moon-arrow-down14:before {
content: "\e40e";
}
.moon-arrow-left15:before {
content: "\e40f";
}
.moon-arrow-up15:before {
content: "\e410";
}
.moon-arrow-right17:before {
content: "\e411";
}
.moon-arrow-down15:before {
content: "\e412";
}
.moon-arrow-left16:before {
content: "\e413";
}
.moon-arrow-up16:before {
content: "\e414";
}
.moon-arrow-right18:before {
content: "\e415";
}
.moon-arrow-down16:before {
content: "\e416";
}
.moon-arrow-left17:before {
content: "\e417";
}
.moon-menu10:before {
content: "\e418";
}
.moon-menu11:before {
content: "\e419";
}
.moon-menu-close:before {
content: "\e41a";
}
.moon-menu-close2:before {
content: "\e41b";
}
.moon-enter4:before {
content: "\e41c";
}
.moon-enter5:before {
content: "\e41d";
}
.moon-esc:before {
content: "\e41e";
}
.moon-backspace:before {
content: "\e41f";
}
.moon-backspace2:before {
content: "\e420";
}
.moon-backspace3:before {
content: "\e421";
}
.moon-tab:before {
content: "\e422";
}
.moon-transmission:before {
content: "\e423";
}
.moon-transmission2:before {
content: "\e424";
}
.moon-sort:before {
content: "\e425";
}
.moon-sort2:before {
content: "\e426";
}
.moon-key-keyboard:before {
content: "\e427";
}
.moon-key-A:before {
content: "\e428";
}
.moon-key-up:before {
content: "\e429";
}
.moon-key-right:before {
content: "\e42a";
}
.moon-key-down:before {
content: "\e42b";
}
.moon-key-left:before {
content: "\e42c";
}
.moon-command:before {
content: "\e42d";
}
.moon-checkbox-checked:before {
content: "\e42e";
}
.moon-checkbox-unchecked:before {
content: "\e42f";
}
.moon-square:before {
content: "\e430";
}
.moon-checkbox-partial:before {
content: "\e431";
}
.moon-checkbox:before {
content: "\e432";
}
.moon-checkbox-unchecked2:before {
content: "\e433";
}
.moon-checkbox-partial2:before {
content: "\e434";
}
.moon-checkbox-checked2:before {
content: "\e435";
}
.moon-checkbox-unchecked3:before {
content: "\e436";
}
.moon-checkbox-partial3:before {
content: "\e437";
}
.moon-radio-checked:before {
content: "\e438";
}
.moon-radio-unchecked:before {
content: "\e439";
}
.moon-circle:before {
content: "\e43a";
}
.moon-circle2:before {
content: "\e43b";
}
.moon-crop:before {
content: "\e43c";
}
.moon-crop2:before {
content: "\e43d";
}
.moon-vector:before {
content: "\e43e";
}
.moon-rulers:before {
content: "\e43f";
}
.moon-scissors:before {
content: "\e440";
}
.moon-scissors2:before {
content: "\e441";
}
.moon-scissors3:before {
content: "\e442";
}
.moon-filter:before {
content: "\e443";
}
.moon-filter2:before {
content: "\e444";
}
.moon-filter3:before {
content: "\e445";
}
.moon-filter4:before {
content: "\e446";
}
.moon-font:before {
content: "\e447";
}
.moon-font-size:before {
content: "\e448";
}
.moon-type:before {
content: "\e449";
}
.moon-text-height:before {
content: "\e44a";
}
.moon-text-width:before {
content: "\e44b";
}
.moon-height:before {
content: "\e44c";
}
.moon-width:before {
content: "\e44d";
}
.moon-bold:before {
content: "\e44e";
}
.moon-underline:before {
content: "\e44f";
}
.moon-italic:before {
content: "\e450";
}
.moon-strikethrough:before {
content: "\e451";
}
.moon-strikethrough2:before {
content: "\e452";
}
.moon-font-size2:before {
content: "\e453";
}
.moon-bold2:before {
content: "\e454";
}
.moon-underline2:before {
content: "\e455";
}
.moon-italic2:before {
content: "\e456";
}
.moon-strikethrough3:before {
content: "\e457";
}
.moon-omega:before {
content: "\e458";
}
.moon-sigma:before {
content: "\e459";
}
.moon-nbsp:before {
content: "\e45a";
}
.moon-page-break:before {
content: "\e45b";
}
.moon-page-break2:before {
content: "\e45c";
}
.moon-superscript:before {
content: "\e45d";
}
.moon-subscript:before {
content: "\e45e";
}
.moon-superscript2:before {
content: "\e45f";
}
.moon-subscript2:before {
content: "\e460";
}
.moon-text-color:before {
content: "\e461";
}
.moon-highlight:before {
content: "\e462";
}
.moon-pagebreak:before {
content: "\e463";
}
.moon-clear-formatting:before {
content: "\e464";
}
.moon-table:before {
content: "\e465";
}
.moon-table2:before {
content: "\e466";
}
.moon-insert-template:before {
content: "\e467";
}
.moon-pilcrow:before {
content: "\e468";
}
.moon-lefttoright:before {
content: "\e469";
}
.moon-righttoleft:before {
content: "\e46a";
}
.moon-paragraph-left:before {
content: "\e46b";
}
.moon-paragraph-center:before {
content: "\e46c";
}
.moon-paragraph-right:before {
content: "\e46d";
}
.moon-paragraph-justify:before {
content: "\e46e";
}
.moon-paragraph-left2:before {
content: "\e46f";
}
.moon-paragraph-center2:before {
content: "\e470";
}
.moon-paragraph-right2:before {
content: "\e471";
}
.moon-paragraph-justify2:before {
content: "\e472";
}
.moon-indent-increase:before {
content: "\e473";
}
.moon-indent-decrease:before {
content: "\e474";
}
.moon-paragraph-left3:before {
content: "\e475";
}
.moon-paragraph-center3:before {
content: "\e476";
}
.moon-paragraph-right3:before {
content: "\e477";
}
.moon-paragraph-justify3:before {
content: "\e478";
}
.moon-indent-increase2:before {
content: "\e479";
}
.moon-indent-decrease2:before {
content: "\e47a";
}
.moon-share:before {
content: "\e47b";
}
.moon-newtab:before {
content: "\e47c";
}
.moon-newtab2:before {
content: "\e47d";
}
.moon-popout:before {
content: "\e47e";
}
.moon-embed:before {
content: "\e47f";
}
.moon-code:before {
content: "\e480";
}
.moon-console:before {
content: "\e481";
}
.moon-sevensegment0:before {
content: "\e482";
}
.moon-sevensegment1:before {
content: "\e483";
}
.moon-sevensegment2:before {
content: "\e484";
}
.moon-sevensegment3:before {
content: "\e485";
}
.moon-sevensegment4:before {
content: "\e486";
}
.moon-sevensegment5:before {
content: "\e487";
}
.moon-sevensegment6:before {
content: "\e488";
}
.moon-sevensegment7:before {
content: "\e489";
}
.moon-sevensegment8:before {
content: "\e48a";
}
.moon-sevensegment9:before {
content: "\e48b";
}
.moon-share2:before {
content: "\e48c";
}
.moon-share3:before {
content: "\e48d";
}
.moon-mail:before {
content: "\e48e";
}
.moon-mail2:before {
content: "\e48f";
}
.moon-mail3:before {
content: "\e490";
}
.moon-mail4:before {
content: "\e491";
}
.moon-google:before {
content: "\e492";
}
.moon-googleplus:before {
content: "\e493";
}
.moon-googleplus2:before {
content: "\e494";
}
.moon-googleplus3:before {
content: "\e495";
}
.moon-googleplus4:before {
content: "\e496";
}
.moon-google-drive:before {
content: "\e497";
}
.moon-facebook:before {
content: "\e498";
}
.moon-facebook2:before {
content: "\e499";
}
.moon-facebook3:before {
content: "\e49a";
}
.moon-facebook4:before {
content: "\e49b";
}
.moon-instagram:before {
content: "\e49c";
}
.moon-twitter:before {
content: "\e49d";
}
.moon-twitter2:before {
content: "\e49e";
}
.moon-twitter3:before {
content: "\e49f";
}
.moon-feed2:before {
content: "\e4a0";
}
.moon-feed3:before {
content: "\e4a1";
}
.moon-feed4:before {
content: "\e4a2";
}
.moon-youtube:before {
content: "\e4a3";
}
.moon-youtube2:before {
content: "\e4a4";
}
.moon-vimeo:before {
content: "\e4a5";
}
.moon-vimeo2:before {
content: "\e4a6";
}
.moon-vimeo3:before {
content: "\e4a7";
}
.moon-lanyrd:before {
content: "\e4a8";
}
.moon-flickr:before {
content: "\e4a9";
}
.moon-flickr2:before {
content: "\e4aa";
}
.moon-flickr3:before {
content: "\e4ab";
}
.moon-flickr4:before {
content: "\e4ac";
}
.moon-picassa:before {
content: "\e4ad";
}
.moon-picassa2:before {
content: "\e4ae";
}
.moon-dribbble:before {
content: "\e4af";
}
.moon-dribbble2:before {
content: "\e4b0";
}
.moon-dribbble3:before {
content: "\e4b1";
}
.moon-forrst:before {
content: "\e4b2";
}
.moon-forrst2:before {
content: "\e4b3";
}
.moon-deviantart:before {
content: "\e4b4";
}
.moon-deviantart2:before {
content: "\e4b5";
}
.moon-steam:before {
content: "\e4b6";
}
.moon-steam2:before {
content: "\e4b7";
}
.moon-github:before {
content: "\e4b8";
}
.moon-github2:before {
content: "\e4b9";
}
.moon-github3:before {
content: "\e4ba";
}
.moon-github4:before {
content: "\e4bb";
}
.moon-github5:before {
content: "\e4bc";
}
.moon-wordpress:before {
content: "\e4bd";
}
.moon-wordpress2:before {
content: "\e4be";
}
.moon-joomla:before {
content: "\e4bf";
}
.moon-blogger:before {
content: "\e4c0";
}
.moon-blogger2:before {
content: "\e4c1";
}
.moon-tumblr:before {
content: "\e4c2";
}
.moon-tumblr2:before {
content: "\e4c3";
}
.moon-yahoo:before {
content: "\e4c4";
}
.moon-tux:before {
content: "\e4c5";
}
.moon-apple:before {
content: "\e4c6";
}
.moon-finder:before {
content: "\e4c7";
}
.moon-android:before {
content: "\e4c8";
}
.moon-windows:before {
content: "\e4c9";
}
.moon-windows8:before {
content: "\e4ca";
}
.moon-soundcloud:before {
content: "\e4cb";
}
.moon-soundcloud2:before {
content: "\e4cc";
}
.moon-skype:before {
content: "\e4cd";
}
.moon-reddit:before {
content: "\e4ce";
}
.moon-linkedin:before {
content: "\e4cf";
}
.moon-lastfm:before {
content: "\e4d0";
}
.moon-lastfm2:before {
content: "\e4d1";
}
.moon-delicious:before {
content: "\e4d2";
}
.moon-stumbleupon:before {
content: "\e4d3";
}
.moon-stumbleupon2:before {
content: "\e4d4";
}
.moon-stackoverflow:before {
content: "\e4d5";
}
.moon-pinterest:before {
content: "\e4d6";
}
.moon-pinterest2:before {
content: "\e4d7";
}
.moon-xing:before {
content: "\e4d8";
}
.moon-xing2:before {
content: "\e4d9";
}
.moon-flattr:before {
content: "\e4da";
}
.moon-foursquare:before {
content: "\e4db";
}
.moon-foursquare2:before {
content: "\e4dc";
}
.moon-paypal:before {
content: "\e4dd";
}
.moon-paypal2:before {
content: "\e4de";
}
.moon-paypal3:before {
content: "\e4df";
}
.moon-yelp:before {
content: "\e4e0";
}
.moon-libreoffice:before {
content: "\e4e1";
}
.moon-file-pdf:before {
content: "\e4e2";
}
.moon-file-openoffice:before {
content: "\e4e3";
}
.moon-file-word:before {
content: "\e4e4";
}
.moon-file-excel:before {
content: "\e4e5";
}
.moon-file-zip:before {
content: "\e4e6";
}
.moon-file-powerpoint:before {
content: "\e4e7";
}
.moon-file-xml:before {
content: "\e4e8";
}
.moon-file-css:before {
content: "\e4e9";
}
.moon-html5:before {
content: "\e4ea";
}
.moon-html52:before {
content: "\e4eb";
}
.moon-css3:before {
content: "\e4ec";
}
.moon-chrome:before {
content: "\e4ed";
}
.moon-firefox:before {
content: "\e4ee";
}
.moon-IE:before {
content: "\e4ef";
}
.moon-opera:before {
content: "\e4f0";
}
.moon-safari:before {
content: "\e4f1";
}
.moon-IcoMoon:before {
content: "\e4f2";
}@font-face {
font-family: 'fontello';
src:url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.eot);
src:url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.eot?#iefix) format('embedded-opentype'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.woff) format('woff'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.ttf) format('truetype'),
url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.svg#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="linecon-"], [class*=" linecon-"] {
font-family: 'fontello';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src:url(//computer-solutionz.co.nz/wp-content/uploads/secondtouch_fonts/linecon/fontello.svg#fontello) format('svg');
}
}
.linecon-heart:before {
content: "\e600";
}
.linecon-cloud:before {
content: "\e601";
}
.linecon-star:before {
content: "\e602";
}
.linecon-tv:before {
content: "\e603";
}
.linecon-sound:before {
content: "\e604";
}
.linecon-video:before {
content: "\e605";
}
.linecon-trash:before {
content: "\e606";
}
.linecon-user:before {
content: "\e607";
}
.linecon-key:before {
content: "\e608";
}
.linecon-search:before {
content: "\e609";
}
.linecon-settings:before {
content: "\e60a";
}
.linecon-camera:before {
content: "\e60b";
}
.linecon-tag:before {
content: "\e60c";
}
.linecon-lock:before {
content: "\e60d";
}
.linecon-bulb:before {
content: "\e60e";
}
.linecon-pen:before {
content: "\e60f";
}
.linecon-diamond:before {
content: "\e610";
}
.linecon-display:before {
content: "\e611";
}
.linecon-location:before {
content: "\e612";
}
.linecon-eye:before {
content: "\e613";
}
.linecon-bubble:before {
content: "\e614";
}
.linecon-stack:before {
content: "\e615";
}
.linecon-cup:before {
content: "\e616";
}
.linecon-phone:before {
content: "\e617";
}
.linecon-news:before {
content: "\e618";
}
.linecon-mail:before {
content: "\e619";
}
.linecon-like:before {
content: "\e61a";
}
.linecon-photo:before {
content: "\e61b";
}
.linecon-note:before {
content: "\e61c";
}
.linecon-clock:before {
content: "\e61d";
}
.linecon-paperplane:before {
content: "\e61e";
}
.linecon-params:before {
content: "\e61f";
}
.linecon-banknote:before {
content: "\e620";
}
.linecon-data:before {
content: "\e621";
}
.linecon-music:before {
content: "\e622";
}
.linecon-megaphone:before {
content: "\e623";
}
.linecon-study:before {
content: "\e624";
}
.linecon-lab:before {
content: "\e625";
}
.linecon-food:before {
content: "\e626";
}
.linecon-t-shirt:before {
content: "\e627";
}
.linecon-fire:before {
content: "\e628";
}
.linecon-clip:before {
content: "\e629";
}
.linecon-shop:before {
content: "\e62a";
}
.linecon-calendar:before {
content: "\e62b";
}
.linecon-wallet:before {
content: "\e62c";
}
.linecon-vynil:before {
content: "\e62d";
}
.linecon-truck:before {
content: "\e62e";
}
.linecon-world:before {
content: "\e62f";
}
.linecon-globe:before {
content: "\e62f";
}*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; }
body { background: white; font-family: "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #4f5559; position: relative; -webkit-font-smoothing: antialiased; }
dfn {
text-decoration: none;
font-style: normal;
border-bottom: 1px dotted;
} a img { border: none; }
a { color: #36bae2; text-decoration: none; line-height: inherit; }
a:hover { color: #ff6565; }
a:focus { color: #ff6565; }
p a, p a:visited { line-height: inherit; } .left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.hide-override { display: none !important; }
.highlight { background: #ff6565; padding: 0 7px; color: #fff }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; } figure { margin: 0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
p { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: 1.6; margin-bottom: .8em}
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
p.cl {    margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1.1; margin-bottom: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 70%; line-height: 0; }
h1 { font-size: 24px; }
h2 { font-size: 1.42em; font-weight: 600; color: #212121 }
h3 { font-size: 18px; color: #2b2b2b; }
h4 { font-size: 18px; margin-bottom: 8px}
h5 { font-size: 17px; font-weight: bold;  margin: 0 0 1.2em 0}
h6 { font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase; color: #636363; }
.module h6 {
color: inherit;
}
.block-title {
font-size: 18px; color: #2b2b2b; font-weight: 600;
} .box-name {
color: #484c4d;
font-size: 16px;
font-weight: 900;
}
.box-name a, .box-name a:hover {
color: inherit;
}
.dopinfo a {
color: inherit;
}
.dopinfo {
opacity: .8;
text-transform: uppercase;
font-size: 12px;
}
.dopinfo a:hover, .entry-meta .author a {
opacity: 1;
}
.entry-meta.dopinfo {
text-transform: uppercase;
font-size: 12px;
padding-top: 3px;
}
h1.page-title {
font-size: 23px;
line-height: 1;
margin: 0;
font-weight: 400;
}
h2.text-box {
margin: 0 0 5px 0 ;
padding-top: 15px;
}
h3 {
margin: 0;
font-weight: 600;
}
h4, .quoteCite .quote-author {
margin-top: 0;
font-weight: 600;
font-size: 18px;
}
.quoteCite .quote-sub {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
margin: 0;
line-height: 1.3;
text-transform: uppercase;
}
::-webkit-input-placeholder {
font-style: normal;
font-weight: 400;
}
:-moz-placeholder {
font-style: normal;
font-weight: 400;
}
hr {
border: solid #f1f1f1;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 10px;
height: 0;
}
address {
font-style: normal;
}
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }
.normal {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
}
code, pre {
color: #333;
font: 11px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
word-break: break-all;
word-wrap: break-word;
}
code {
background: none;
}
pre {
margin: 15px 0;
background-color: #f4f4f4;
border: 1px solid #c7c7c7;
display: block;
line-height: 19px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
} table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
table {
width: 100%;
} .entry-content-asset{
position: relative !important;
padding-bottom: 56.25% !important;
padding-top: 30px !important;
height: 0 !important;
overflow: hidden !important;
}
.video-js {
max-width: 100%;
}
.entry-content-asset iframe,
.entry-content-asset object,
.entry-content-asset embed {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
} ul, ol, dl{ font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; list-style-image: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/li-marker.gif);}
.widget .textwidget li { padding-left:38px; background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/li-marker.gif) 8px 12px no-repeat;}
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } blockquote, blockquote p { font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 1.5; font-size: 17px; font-style: italic; font-weight: 300;}
blockquote {
margin: 0;
border: 0;
padding: 25px 45px 18px 95px;
background: #f8f8f8;
list-style: none;
position: relative;
overflow: hidden;
}
blockquote:before {
content: '\201C';
position: absolute;
left:24px;
top: 55px;
font: 116px/40px Tahoma;
color: #36bae2;
}
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }
abbr { text-transform: none; } .al-right {
text-align: right;
}
.al-right .button, .al-right .icon {
float: right;
margin-left: 35px;
}
.al-left {
text-align: left;
}
.al-left .button, .al-left .icon  {
float: left;
margin-right: 35px;
}
.al-center {
text-align: center;
}
.al-center .button, .al-center .icon {
float: none;
margin: 0 auto 10px auto;
}
.cl {
clear: both;
}
.ovh {
overflow:hidden;
} .print-only { display: none !important; }  .row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { display: inline-block; font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; cursor: pointer; font-weight: 300; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #dfdfdf; color: inherit; display: block; font-size: 14px; margin: 0 0 13px 0; padding: 7px 7px 7px 15px; height: 34px; width: 100%;  }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
input:focus, textarea:focus { outline: none; }
select { width: 100%; } fieldset { border: solid 1px #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #ff6565; background-color: rgba(255, 101, 101, 0.1); }
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #fffefe; }
.error label, label.error { color: #ff6565; }
.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #ff6565; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; } .row { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; position: relative; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row .row.collapse { margin: 0; }
ul.row {
list-style: none;
}
.custom-three {
width: 13%;
}
.custom-ten {
width: 87%;
padding-right: 12% !important;
}
.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"].end { float: left; }
.one, .row .one { width: 8.33333%; }
.two, .row .two { width: 16.66667%; }
.three, .row .three { width: 25%; }
.four, .row .four { width: 33.33333%; }
.five, .row .five { width: 41.66667%; }
.six, .row .six { width: 50%; }
.seven, .row .seven { width: 58.33333%; }
.eight, .row .eight { width: 66.66667%; }
.nine, .row .nine { width: 75%; }
.ten, .row .ten { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 8.33333%; }
.row .offset-by-two { margin-left: 16.66667%; }
.row .offset-by-three { margin-left: 25%; }
.row .offset-by-four { margin-left: 33.33333%; }
.row .offset-by-five { margin-left: 41.66667%; }
.row .offset-by-six { margin-left: 50%; }
.row .offset-by-seven { margin-left: 58.33333%; }
.row .offset-by-eight { margin-left: 66.66667%; }
.row .offset-by-nine { margin-left: 75%; }
.row .offset-by-ten { margin-left: 83.33333%; }
.push-two { left: 16.66667%; }
.pull-two { right: 16.66667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four { left: 33.33333%; }
.pull-four { right: 33.33333%; }
.push-five { left: 41.66667%; }
.pull-five { right: 41.66667%; }
.push-six { left: 50%; }
.pull-six { right: 50%; }
.push-seven { left: 58.33333%; }
.pull-seven { right: 58.33333%; }
.push-eight { left: 66.66667%; }
.pull-eight { right: 66.66667%; }
.push-nine { left: 75%; }
.pull-nine { right: 75%; }
.push-ten { left: 83.33333%; }
.pull-ten { right: 83.33333%; }
img { height: auto; line-height: 1; font-size: 0 }
img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img, .map-widget img, #map img { max-width: none!important; } .row, .clearfix { *zoom: 1; }
.row:before, .row:after, .clearfix:before, .clearfix:after { content: " "; display: table; }
.row:after, .clearfix:after { clear: both; }  .block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }  .orbit-wrapper { width: 1px; height: 1px; position: relative; }
.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }
.orbit.with-bullets { margin-bottom: 40px; }
.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
.orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }  .orbit-wrapper .timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }
.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/rotator-black.png) no-repeat; z-index: 3; }
.orbit-wrapper span.rotator.move { left: 0; }
.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/timer-black.png) repeat 0 0; }
.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; }
.orbit-wrapper span.pause.active { background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/pause-black.png) no-repeat 0 -40px; }
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active { opacity: 1; } .orbit-caption { display: none; font-family: inherit; }
.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } .orbit-wrapper .slider-nav { display: block; }
.orbit-wrapper .slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
.orbit-wrapper .slider-nav span.right { background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/right-arrow.png); background-size: 100%; right: 0; }
.orbit-wrapper .slider-nav span.left { background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/left-arrow.png); background-size: 100%; left: 0; }
.lt-ie9 .orbit-wrapper .slider-nav span.right { background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/right-arrow-small.png); }
.lt-ie9 .orbit-wrapper .slider-nav span.left { background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/left-arrow-small.png); } ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/foundation/orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
ul.orbit-bullets li.active { color: #222222; background-position: -8px 0; }
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; } .orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } .orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }
.orbit, .orbit-wrapper { width: 100% !important; } .lt-ie9 .timer { display: none !important; }
.lt-ie9 .orbit-caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }
@media only screen and (max-width: 767px) { .orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; }
.orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } }  .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }
.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -20px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }
.clearing-blackout { background: black; background: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
.clearing-blackout .clearing-close { display: block; }
.clearing-container { position: relative; z-index: 999; height: 100%; overflow: hidden; }
.visible-img { height: 75%; position: relative; }
.visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; }
.visible-img .clearing-caption { color: white; margin-bottom: 0; text-align: center; position: absolute; bottom: 0; background: black; background: rgba(0, 0, 0, 0.7); width: 100%; padding: 10px 100px; }
.clearing-close { z-index: 999; position: absolute; top: 10px; right: 20px; font-size: 30px; line-height: 1; color: white; display: none; }
.clearing-close:hover, .clearing-close:focus { color: #ccc; }
.clearing-main-left, .clearing-main-right { position: absolute; top: 50%; margin-top: -16px; }
.clearing-main-left.disabled, .clearing-main-right.disabled { opacity: 0.5; }
.clearing-main-left:active, .clearing-main-right:active { margin-top: -15px; }
.clearing-main-left { left: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; }
.clearing-main-right { right: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; }
ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) { clear: none; }
ul[data-clearing] li { cursor: pointer; display: block; }
ul[data-clearing] li.clearing-feature ~ li { display: none; }
.clearing-assembled .clearing-container .carousel { background: black; background: rgba(0, 0, 0, 0.75); height: 150px; margin-top: 5px; }
.clearing-assembled .clearing-container .visible-img { background: black; background: rgba(0, 0, 0, 0.75); overflow: hidden; }
.clearing-assembled .clearing-container ul[data-clearing] { z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0; }
.clearing-assembled .clearing-container ul[data-clearing] li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; background: #222; margin-right: 1px; position: relative; }
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img { min-height: 100%; height: 100%; max-width: none; }
.clearing-assembled .clearing-container ul[data-clearing] li img { cursor: pointer !important; min-width: 100% !important; }
.clearing-assembled .clearing-container ul[data-clearing] li.visible { border-top: 4px solid white; } ul.block-grid[data-clearing] { overflow: visible; }
.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) { clear: none; }
.clearing-blackout .th img { border: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.clearing-blackout:hover img, .clearing-blackout:focus img { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .padding-top-90 {
padding-top: 90px;
}
.padding-top-90 h6 {
color: inherit;
}
.near-footer {
position: relative;
margin-bottom: -50px;
padding-bottom: 40px;
}
.padding-top-53 {
padding-top: 53px;
}
.padding-top-34 {
padding-top: 34px;
}
#header .header-wrap.fixed #logo .for-panel {
top: -15px;
position: relative;
}
.page-template-page-contacts-php .mvb_container > section {
border: none;
}
.page-template-page-contacts-php .team_member_box .avatar {
margin-bottom: 25px;
float: left;
margin-right: 20px;
}
.page-id-3365 .mvb_container, .page-id-902 .mvb_container
{border-top: 1px solid #EAEAEA;}
.to-bottom-attached {
position: relative; bottom: -47px;
}
.promo-row h2 {
font-size: 21px;
margin-bottom: 10px !important;
}#logo {
float: left;
padding: 75px 0 0; }
#header .header-wrap #logo .for-panel {
max-height: 100%;
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
display: none; }
#header .header-wrap.fixed { height: 55px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: #fff; }
#header .header-wrap.fixed .menu-tile {
opacity: 0;
display: none; }
#header .header-wrap.fixed .main-menu-item {
width: auto;
margin-left: 30px;
-webkit-animation-duration: .4s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-transition: ease-in; }
#header .header-wrap.fixed .tiled-menu {
padding-top: 10px; }
#header .header-wrap.fixed #logo {
-webkit-animation-duration: .4s;
-webkit-animation-name: fadeInFromNone;
-webkit-animation-transition: ease-in;
padding-top: 0; }
#header .header-wrap.fixed #logo img {
display: none; }
#header .header-wrap.fixed #logo .for-panel {
display: block;
max-height: 40px;
margin-top: 20px; }
body.admin-bar #header .header-wrap.fixed {
top: 28px; }
@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0; }
1% {
display: block;
opacity: 0; }
100% {
display: block;
opacity: 1; } } #top-panel {
position: relative;
height: 40px;
margin-top: 13px;
padding: 5px 10px 0 10px;
background: whitesmoke; }
#top-panel .login-header {
position: relative; }
#top-panel .login-header .avatar {
width: 31px;
height: 31px;
text-align: center;
background: #ff6565; }
#top-panel .login-header .avatar i {
color: #fff;
font-size: 18px;
line-height: 31px; }
#top-panel .login-header .links {
position: absolute;
left: 0;
top: 48px;
font-size: 12px;
z-index: 100;
width: 150px; }
#top-panel .login-header .links a {
color: inherit;
border-bottom: 1px dotted; }
#top-panel > div {
float: left; }
#top-panel .top-info {
width: 272px;
padding: 9px  20px 0 20px;
font-size: 12px; }
#top-panel .searchform {
width: 220px; }
#top-panel .delim {
height: 8px; }
#top-panel .head-soc-icons {
float: right;
padding-top: 3px; }
#top-panel .head-soc-icons span {
position: relative;
top: 1px; } .tiled-menu {
list-style: none;
list-style-image: none;
padding: 20px 0 10px 0;
position: relative;
float: right;
min-height: 172px; }
.tiled-menu > .menu-item {
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-left: 40px;
position: relative; }
.tiled-menu > .menu-item > a {
color: inherit; }
.tiled-menu.no-customizer {
padding-top: 80px; }
.fixed .tiled-menu {
min-height: 0; }
.main-menu-item {
margin-left: 3px;
float: left;
position: relative;
width: 115px; }
.widget .main-menu-item {
margin-bottom: 4px; }
.main-menu-item a {
color: inherit; }
.main-menu-item.has-submenu .item-title:after {
content: "";
margin-left: 10px;
display: inline-block;
position: relative;
top: -1px;
width: 7px;
height: 4px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/drop-pipt-icon.gif) right center; }
.menu-tile {
display: block;
position: relative;
z-index: 1;
height: 115px;
width: 100%;
text-decoration: none;
background-color: #FFAA31;
background-position: center;
background-repeat: no-repeat;
-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .2s ease-out;
-moz-transition: -moz-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-ms-transition: -ms-transform .2s ease-out;
transition: transform .2s ease-out; }
.menu-tile:hover {
z-index: 10;
-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);
transform: scale(1.05); }
.style-metro .item-title {
position: absolute;
top: 0;
left: 10px;
z-index: 100;
color: #fff;
font-size: 12px;
}
.tile-icon {
position: absolute;
font-size: 45px;
text-align: center;
top: 50%;
margin-top: -38px;
width: 100%;
color: #fff; } .tiled-menu .sub-menu {
display: block;
list-style: none;
position: absolute;
z-index: 999;
top: 100%;
margin: 0;
min-width: 200px;
border-radius: 2px; }
.tiled-menu .sub-menu li {
display: block;
background: #323c3f;
background: rgba(50, 60, 63, 0.9);
position: relative;
border-bottom: 1px solid #42555A; }
.tiled-menu ul li:last-child {
border-bottom: none; }
.tiled-menu .sub-menu li.has-submenu > a:after {
content: "";
right: 10px;
display: inline-block;
position: absolute;
top: 40%;
width: 4px;
height: 7px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/drop-pipt-right.gif); }
.tiled-menu .sub-menu:hover {
overflow: visible; }
.tiled-menu .sub-menu a {
color: #fff;
font-size: 12px;
text-transform: uppercase;
line-height: 42px;
height: 42px;
padding: 0 28px;
display: block;
white-space: nowrap;
opacity: .9; }
.tiled-menu .sub-menu a:hover {
background: #475458;
border-left: 2px solid #d2dee4;
text-indent: -2px; }
.tiled-menu .sub-menu > li > ul {
visibility: hidden;
display: none;
left: 100%;
top: 0;
padding-left: 2px; }
.tiled-menu .sub-menu > li:hover > ul {
display: block;
visibility: visible; }
.tiled-menu .sub-menu li ul li:first-child:before {
display: none; } #layout {
margin: 50px 0; }
.boxed_lay {
max-width: 1220px;
margin: 0 auto 20px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }
#layout.no-title {
margin-top: 0px;
margin-bottom: 0px; }
.contacts-text .mvb_t_row, #layout.magazine .mvb_t_row {
padding: 0; }
#layout.magazine {
margin-top: 30px; }
#layout.magazine .mvb_container > section {
border-bottom: none;
margin-bottom: 35px;
padding: 0; }
#layout.single-folio {
margin-top: 30px; }
.page-template-page-contacts-php #layout {
margin-top: 35px; }
body > iframe {
display: none; }
.mvb_container > section {
border-bottom: 1px solid #eaeaea; }
.row.no-padding {
padding: 0; }
.row.extra-small-padding {
padding: 10px 0; }
.row.small-padding {
padding: 25px 0; }
.row.medium-padding, .mvb_t_row {
padding: 45px 0; }
.row.more-medium-padding {
padding: 60px 0 50px 0; }
.row.large-padding {
padding: 85px 0 50px; }
.mvb_container section.row-wrapper:last-child {
border-bottom: none; } .blog-section.sidebar-both,
.blog-section.sidebar-right2 {
width: 75%;
float: left; }
.blog-section.sidebar-both2 {
width: 66.66%;
float: left; }
.blog-section.sidebar-both2 #main-content {
float: right;
width: 50%; }
.blog-section.sidebar-both2 #left-sidebar {
width: 50%; }
.blog-section.sidebar-left2 {
width: 75%;
float: right; }
.sidebar-both #left-sidebar.three {
width: 33.3%;
float: left; }
.sidebar-both #main-content.six {
width: 66.6%;
float: right; }
.sidebar-right2 #left-sidebar.three {
width: 33.3%;
float: right; }
.sidebar-right2 #main-content.six {
width: 66.6%;
float: left; }
.sidebar-left2 #main-content.six {
width: 66.6%;
float: right; }
.sidebar-left2 #right-sidebar.three {
width: 33.3%;
float: left; }
.sidebar-left #main-content.nine {
float: right; }
.sidebar-left #left-sidebar.three {
float: left; } article .entry-thumb, .single-post article.post .entry-thumb {
position: relative;
margin-bottom: 17px;
}
.single-post .byline.author.vcard {display: none;}
article .entry-thumb .comments-link {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 101, 101, 0.7);
color: #fff;
padding: 11px 15px;
font-size: 12px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase; }
article .entry-thumb .comments-link:before {
content: "";
position: absolute;
left: 0;
bottom: -7px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 7px 0 0;
border-color: rgba(255, 101, 101, 0.7) transparent transparent transparent; }
article .entry-thumb .comments-link:hover {
background: #ff6565; }
article .entry-thumb .comments-link:hover:before {
border-color: #ff6565 transparent transparent transparent; }
article .entry-thumb .comments-link a {
color: inherit; }
.post-media {
margin-bottom: 20px; }
article .entry-thumb img,
.slide-post.orbit img {
min-width: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.post-sharrre .box{
background: rgba(255, 101, 101, 0.7);
color: #fff;
padding: 0 55px 0 10px;
font-size: 12px;
line-height: 30px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
height:30px;
display:inline-block;
position: absolute;
right: 0;
top: 0;
overflow:hidden;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.post-sharrre .left{
display:block;
white-space:nowrap;
color:#ffffff;
line-height: 30px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.post-sharrre .middle{
position:absolute;
top:0;
bottom: 0;
right:30px;
width:0;
color:#fff;
white-space:nowrap;
text-align:left;
overflow:hidden;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear;
}
.post-sharrre .middle a{
color:#fff;
display: block;
text-align:center;
float:left;
line-height: 30px;
padding: 1px 8px;
font-size: 11px;
}
.post-sharrre .right{
position:absolute;
right:0;
top:0;
height:100%;
width:45px;
line-height: 30px;
text-align:center;
}
.post-sharrre .box:hover{
padding-right:130px;
}
.post-sharrre .middle a:hover{
text-decoration:none;
}
.post-sharrre .box:hover .middle{
width:90px;
} article time {
display: inline; }
article .date {
width: 80px;
height: 80px;
display: block;
background: #c2d1d9;
color: #fff;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: center;
float: left;
margin-right: 20px; }
article .date .day {
display: block;
font-size: 34px;
line-height: 1.2;
padding-top: 8px;
font-weight: 600; }
article .date .month {
font-size: 14px; }
.horizontal .date {
float: none;
margin-bottom: 20px; }
article.post {
position: relative;
margin-bottom: 55px;
padding-bottom: 35px;
box-shadow: 0 1px 0 rgba(210, 211, 211, 0.4); }
article.post h3.entry-title {
font-size: 20px;
font-weight: 600;
color: #44505a;
margin-bottom: 5px; }
article.post h3.entry-title a {
color: inherit; }
article.post h3.entry-title a:hover {
color: #ff6565; }
article.post .entry-content {
margin-top: 20px;
overflow: hidden; }
article.post .entry-content .flex-video {
margin-bottom: 20px; }
article.post .post-format {
clear: left;
float: left;
margin-right: 20px;
width: 79px;
height: 50px;
font-size: 32px;
line-height: 55px;
text-align: center;
color: #7f878a;
box-shadow: 1px 0 rgba(194, 209, 217, 0.6); }
article.post .link-read-more {
background: #ff6565 url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-right.gif) center no-repeat;
display: block;
width: 31px;
height: 31px;
position: absolute;
z-index: 100;
bottom: 0;
right: 0;
opacity: 0;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out; }
article.post:hover .link-read-more {
opacity: 1; } .post-social {
float: left;
width: 80px;
margin-right: 20px;
text-align: center; }
.post-social .count {
margin-top: 18px; }
h1.entry-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 25px;
font-weight: 600; }
h2.entry-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 25px;
font-weight: 600; }
article.post .post-format.clearfix {
margin-bottom: 20px; }
.about-author {
padding: 5px 0 25px; }
.author-photo {
float: left;
margin: 0 24px 10px 0; }
.author-photo img {
border-bottom: 3px solid #ff6565; }
.author-description > h4 {
font-weight: 700;
position: relative;
top: -4px;
margin-bottom: 4px; }
.author-description > h4 a {
color: inherit; }
.author-description > h4 span {
margin-left: 13px;
padding-left: 13px;
border-left: 1px solid #e4eef1;
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #4f5559;
height: 20px;
line-height: 1.8em;
position: relative; }
.share-icons {
padding: 10px 0 20px; }
.share-icons a {
font-size: 14px;
margin-right: 10px;
color: #d2d2d2; }
.share-icons a:hover {
color: #ff6565; }
article.post .entry-title {
font-family: "Segoe ui semibold", 'Source Sans pro', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.entry-meta.dopinfo {
font-size: 12px;
} #comments {
margin-bottom: 55px; }
#comments > h3,
#respond > h3 {
font-size: 23px;
font-weight: 400; }
.commentlist {
margin: 0; }
.commentlist li {
list-style: none;
margin-bottom: 30px; }
.commentlist ul.children {
margin-top: 30px;
margin-left: 100px; }
.comment .ovh {
padding-left: 20px; }
.comment .avatar-box {
float: left;
position: relative; }
.comment .avatar-box:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #ffffff transparent transparent;
top: 50%;
margin-top: -5px;
right: 0; }
.comment-author {
font-size: 12px; }
.comment-author .fn {
font-style: normal;
padding-bottom: 0; }
.comment-author .dop-link {
margin-left: 13px;
padding-left: 13px;
border-left: 1px solid #e4eef1;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 25px;
line-height: 1.8em;
position: relative; }
.comment-author .dop-link a {
color: #4f5559;
margin-right: 10px; }
.comment-content p {
margin: 0; }
#respond h3,
#comments h3 {
margin-bottom: 25px;
padding-bottom: 20px; }
#comments h3 span {
color: #ff6565; }
#commentform {
padding-bottom: 15px; } .twitter-row {
position: relative;
min-height: 68px; }
.twitter-row a {
font-style: italic; }
.twitter-row .icon {
width: 68px;
height: 68px;
text-align: center;
float: left;
text-align: center;
background-color: #36bae2; }
.twitter-row .icon i {
color: #fff;
font-size: 26px;
line-height: 68px;
position: relative; }
.twitter-row .twitter-item {
color: #ffffff;
display: none; }
.twitter-row .twitter-item .date {
font-size: 14px;
color: #a7b1b7;
font-style: italic; }
.twitter-row .foot-tw-viewport .twitter-item {
display: block;
height: 60px; }
.tw-slider {
padding: 15px 0 0 105px; }
.foot-tw-direction-nav {
position: absolute;
right: 0;
top: 0;
width: 31px;
height: 65px; }
.foot-tw-direction-nav a {
display: block;
width: 31px;
height: 31px;
background-position: center;
background-repeat: no-repeat;
background-color: #88959c;
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.foot-tw-direction-nav a:hover {
background-color: rgba(136, 149, 156, 0.7); }
.foot-tw-prev {
margin-bottom: 3px;
background-image: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-top.gif); }
.foot-tw-next {
background-image: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-bot.gif); }
.foot-tw-direction-nav li {
display: inline; } #footer {
clear: both;
background: #464d51;
color: #a7b2b9;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
padding: 15px 0 30px 0; }
#footer address {
padding: 15px 0;
color: #fff;
line-height: 1.6; }
#footer .widget-title {
font-size: 18px;
margin-bottom: 25px;
color: #9facb3; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer .box-name {
color: #ffffff; }
#footer .dopinfo, #footer h6 {
color: inherit; }
.footer-menu li {
display: inline-block;
padding-left: 15px;
font-size: 12px; }
.footer-menu li.last {
margin: 0;
padding: 0;
background: none; }
.footer-menu {
float: right; }
.footer-menu a {
color: #cfd7da; }
#sub-footer {
background: #32373a;
color: #fff;
padding: 18px 0 10px 0; }
#sub-footer img {
float: left;
margin-right: 15px; }
#sub-footer .copyr {
font-size: 12px;
line-height: 2.5;
color: #8b9499; }
#sub-footer .copyr a {
color: #fff; }
#sub-footer .soc-icons {
padding-left: 0; }
#sub-footer .soc-icons a, #footer .soc-icons a {
color: #8b929d;
font-size: 15px;
background: none;
width: auto;
padding-bottom: 20px;
height: auto;
text-align: center;
border-radius: 0;
text-indent: 0;
margin-right: 10px; }
#sub-footer .soc-icons a:hover, #footer .soc-icons a:hover {
border-bottom: 2px solid #ff6565; }
#footer .sub-menu {display: none;} @font-face {
font-family: 'soc-icons';
src: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.eot);
src: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.eot?#iefix) format("embedded-opentype"), url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.woff) format("woff"), url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.ttf) format("truetype"), url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.svg#soc-icons) format("svg");
font-weight: normal;
font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'soc-icons';
src: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/fonts/soc-icons.svg#soc-icons) format("svg"); } }
.soc_icon-xing, .soc_icon-html5-01, .soc_icon-html5-02, .soc_icon-css3-01, .soc_icon-css3-02, .soc_icon-rus-vk-02, .soc_icon-rus-vk-01, .soc_icon-livejournal, .soc_icon-dropbox, .soc_icon-os-win-04, .soc_icon-dbs-mysql, .soc_icon-dbs-postgresql, .soc_icon-os-apple, .soc_icon-brw-chrome, .soc_icon-brw-safari-02, .soc_icon-brw-firefox, .soc_icon-brw-explorer, .soc_icon-brw-opera, .soc_icon-android, .soc_icon-instagram, .soc_icon-wordpress, .soc_icon-vimeo, .soc_icon-twitter-2, .soc_icon-twitter-3, .soc_icon-tumblr, .soc_icon-skype, .soc_icon-rss, .soc_icon-pinterest, .soc_icon-picasa, .soc_icon-paypal, .soc_icon-odnoklassniki, .soc_icon-mail, .soc_icon-linkedin, .soc_icon-last_fm, .soc_icon-google__x2B_, .soc_icon-google, .soc_icon-gmail, .soc_icon-foursquare_2, .soc_icon-flickr, .soc_icon-feedburner, .soc_icon-facebook, .soc_icon-evernote, .soc_icon-dribbble, .soc_icon-digg, .soc_icon-deviantart, .soc_icon-blogger, .soc_icon-behance, .soc_icon-youtube, .soc_icon-apple, .soc_icon-amazon {
font-family: 'soc-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.soc_icon-html5-01:before {
content: "\e001";
}
.soc_icon-html5-02:before {
content: "\e002";
}
.soc_icon-css3-01:before {
content: "\e003";
}
.soc_icon-css3-02:before {
content: "\e004";
}
.soc_icon-shopify:before {
content: "\e00e";
}
.soc_icon-rus-yandex-01:before {
content: "\e016";
}
.soc_icon-rus-vk-02:before {
content: "\e017";
}
.soc_icon-rus-vk-01:before {
content: "\e018";
}
.soc_icon-rus-yandex-02:before {
content: "\e019";
}
.soc_icon-livejournal:before {
content: "\e021";
}
.soc_icon-mailru:before {
content: "\e024";
}
.soc_icon-dropbox:before {
content: "\e028";
}
.soc_icon-os-apple:before {
content: "\e051";
}
.soc_icon-os-win-04:before {
content: "\e056";
}
.soc_icon-prog-wordpress:before {
content: "\e0ae";
}
.soc_icon-instagram:before {
content: "\e0c2";
}
.soc_icon-xing:before {
content: "\e0c4";
}
.soc_icon-wordpress:before {
content: "\e0c7";
}
.soc_icon-vimeo:before {
content: "\e0cc";
}
.soc_icon-twitter-2:before {
content: "\e0ce";
}
.soc_icon-twitter-3:before {
content: "\e0cf";
}
.soc_icon-tumblr:before {
content: "\e0d0";
}
.soc_icon-twitter-1:before {
content: "\e0d1";
}
.soc_icon-stumble_upon:before {
content: "\e0d3";
}
.soc_icon-share:before {
content: "\e0d7";
}
.soc_icon-rss:before {
content: "\e0da";
}
.soc_icon-pinterest:before {
content: "\e0db";
}
.soc_icon-picasa:before {
content: "\e0dc";
}
.soc_icon-odnoklassniki:before {
content: "\e0de";
}
.soc_icon-linkedin:before {
content: "\e0e5";
}
.soc_icon-last_fm:before {
content: "\e0e6";
}
.soc_icon-google__x2B_:before {
content: "\e0ee";
}
.soc_icon-foursquare_2:before {
content: "\e0f2";
}
.soc_icon-facebook:before {
content: "\e0f8";
}
.soc_icon-dribbble:before {
content: "\e0fa";
}
.soc_icon-digg:before {
content: "\e0fb";
}
.soc_icon-deviantart:before {
content: "\e0fc";
}
.soc_icon-blogger:before {
content: "\e101";
}
.soc_icon-behance:before {
content: "\e103";
}
.soc_icon-baidu:before {
content: "\e105";
}
.soc_icon-apple:before {
content: "\e106";
}
.soc_icon-youtube:before {
content: "\e109";
} .light {
padding: 0 10px;
background: #ff6565;
color: #fff;
padding: 0 5px 2px; }
body.admin-bar {
padding-top: 30px; }
.delim {
display: inline-block;
padding-right: 5px;
margin-right: 5px;
height: 8px;
border-right: 1px solid #d2d3d3;
opacity: .6; }
.post-tags {display: inline;} .lang-sel {
position: relative;
padding: 5px;
margin: 0 40px;
font-size: 12px;
height: 100%;
}
.lang-sel.hovered ul {
opacity: 1;
visibility: visible; }
.lang-sel img {
margin: 3px 10px 0 0;
float: left; }
.lang-sel a {
padding-bottom: 3px;
display: block;
color: inherit;
line-height: 1.5;
}
.lang-sel strong {
margin-right: 10px;
display: inline-block;
}
.lang-sel ul {
border: 1px solid #eaeced;
position: absolute;
top: 30px;
right: -10px;
padding: 0;
margin: 0;
list-style: none;
overflow: visible !important;
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
opacity: 0;
visibility: hidden;
z-index: 9999;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
overflow: visible !important; }
.lang-sel ul > li {
position: relative; }
.lang-sel ul > li a {
color: inherit;
display: block;
padding: 3px 15px;
font-size: 12px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.lang-sel ul > li:hover a {
color: #fff;
background-color: #ff6565; } .head-soc-icons span {
font-size: 11px;
text-transform: uppercase; }
.head-soc-icons .soc-icons {
display: inline-block;
padding: 3px 0 0 10px; }
.in-content-social {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #f4f4f4; }
.in-content-social .soc-icons a {
background: none;
font-size: 16px;
width: auto;
height: auto;
color: #d2d2d2;
margin-right: 15px; } .soc-icons a {
color: #fff;
font-size: 11px;
width: 19px;
height: 19px;
margin-right: 2px;
border-radius: 2px;
line-height: 19px;
background: #ff4a35;
display: inline-block;
text-align: center; }
.soc-icons a:hover {
opacity: .6; }
.soc-icons a.tw {
background: #00b0e4; }
.soc-icons a.fb {
background: #2273b2; }
.soc-icons a.rss, .soc-icons a.li {
background: #ff9a00; }
.soc-icons a.gp {
background: #ff4a35; }
.soc-icons a.xi {
background: #006567; }
.soc-icons a.vi {
background: #2ea1af; }
.soc-icons a.in {
background: #205877; } .searchform {
position: relative; }
.searchform .btn {
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/search-go-big.png) no-repeat 50% 50%;
width: 21px;
height: 20px;
overflow: hidden;
text-indent: -999em;
position: absolute;
margin: 0;
top: 6px;
right: 5px;
border: none;
cursor: pointer; }
#top-panel .searchform input {
margin: 0;
font-size: 12px;
margin: 0 0 12px 0;
padding: 5px 5px 5px 13px;
height: 28px; }
#top-panel .searchform .btn {
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/search-go.png) no-repeat 50% 50%;
top: 0; } .page-title-inner {
color: #fff;
display: table; }
.page-title-inner h1.page-title {
display: table-cell;
padding: 35px 35px 35px 0;
height: 140px;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3);
vertical-align: middle; }
.page-title-inner h1.page-title a {
color: #fff;
border-bottom: 1px dotted; }
.page-title-inner .page-title {
font-size: 23px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
display: table-cell;
padding: 35px 35px 35px 0;
height: 140px;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3);
vertical-align: middle;
}
.page-title-inner .subtitle {
font-size: 23px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
padding: 35px 35px 35px 35px;
display: table-cell;
height: 140px;
vertical-align: middle; }
.tax-product_cat h1.page-title {margin-left: 5px;} .breadcrumbs {
padding: 13px 15px;
background: #ff6565;
color: #fff;
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: 0;
bottom: 0; }
.breadcrumbs a {
color: inherit; }
.breadcrumbs a:hover{color: inherit}
.breadcrumbs .del {
font-size: 14px;
line-height: 12px;
padding: 0 8px; } .page-nav {
overflow: hidden;
clear: both;
margin: 30px 0 20px; }
.page-nav .older,
.page-nav .newer {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 10px;
text-align: center;
border: 2px solid;
position: relative;
text-indent: -999em; }
.page-nav a:before {
text-indent: 0;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 18px;
font-size: 11px;
line-height: 20px;
left: 0;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute; }
.page-nav .older:before {
content: '\e805'; }
.page-nav .newer:before {
content: '\e806'; } .backtotop {
position: fixed;
right: 20px;
bottom: 20px;
width: 45px;
height: 45px;
display: block;
z-index: 99999999;
border: 3px solid ;
border-radius: 100%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.backtotop.hidden {
bottom: -100px;
}
.backtotop:before {
content: '\e3f9';
font-family: "moon";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 40px;
font-size: 23px;
line-height: 36px;
left: 0;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute; } .panel-sh {
background: whitesmoke;
position: relative;
padding: 25px 23px;
line-height: 1.6; }
.panel-sh p {
margin: 0;
line-height: 1.6; } .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
width: 100% !important; }
@media screen and (min-width: 1220px) {
aside .fb-like-box, aside .fb-like-box span, aside .fb-like-box span iframe[style] {
width: auto !important; } }
.easyPieChart {
position: relative;
text-align: center; }
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0; } .icon-format {
height: 31px;
display: block;
text-align: center;
float: left; }
.icon-format i:before {
content: '\e618';
font-size: 24px;
text-align: left;
position: relative;
top: 4px; }
.icon-format.gallery i:before {
content: '\e61b'; }
.icon-format.video i:before {
content: '\e605'; } .gallery {
margin: 10px 0;
margin-left: -4px; }
.gallery-item {
float: left;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative; }
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail,
.gallery-columns-4.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px; }
.gallery-columns-1 .gallery-item {
max-width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
text-align: center; }
.gallery-columns-3 .gallery-item {
max-width: 31%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
text-align: center; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%; }
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; }
.gallery:before,
.gallery:after {
content: "";
display: table; }
.wp-caption {
max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2; }
.alignleft {
float: left;
margin: 0 20px 10px 0; }
.alignright {
float: right;
margin: 0 0 10px 20px; }
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.req-clearing-container .carousel {
overflow: hidden;
padding-left: 1px; } .flipbox {
display: block;
position: relative;
-webkit-perspective: 600px;
-moz-perspective: 600px; }
.tile-item .front,
.tile-item .back,
.flipbox .front,
.flipbox .back{
float: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 900;
width: inherit;
height: inherit; }
.tile-item .front > div, .flipbox .front > div  {
width: 100%;
height: 100%;
position: absolute;
background-position: 50% 0; }
.flipbox .back {
z-index: 700; }
.no-flip .back {display: none}
.ie .flipbox {
overflow: hidden; }
.ie .flipbox .back {
z-index: 1000;
top: 300px; }
.flipbox .front {
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; }
.flipbox.flip .front {
z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-moz-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); }
.flipbox .back {
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden; }
.flipbox.flip .back {
z-index: 1000;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg); }
.flipbox .front, .flipbox .back, a.link:before {
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; } #social-share {
background: #f7f7f7;
padding: 6px;
border: 1px solid #e8e8e8; }
#social-share .post-like {
display: inline-block;
width: 19%;
text-align: center;
height: 24px;
line-height: 26px; }
#social-share .post-like a, #social-share .post-like .alreadyvoted {
display: inline-block;
width: 22px;
height: 13px;
position: relative;
padding-right: 7px; }
#social-share .post-like a:before, #social-share .post-like .alreadyvoted:before {
position: absolute;
left: 0;
top: 0;
color: #c3c3c3;
content: "\e304";
font-family: 'moon';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased; }
#social-share .post-like .count {
position: relative;
top: -1px; }
#social-share > span {
display: inline-block;
height: 24px;
line-height: 26px;
border-left: 1px solid #e8e8e8;
width: 19%;
text-align: center; }
#social-share > span:first-child {
border-left: none; }
#social-share a {
color: inherit; }
#social-share i {
color: #c3c3c3;
padding: 0 7px 0 0;
font-size: 15px; }
#social-share .total {
position: relative;
top: -1px; } .pages-nav {
padding: 60px 0 30px 0;
border-bottom: 1px solid #e4eef1; }
.pages-nav:after {
content: "";
position: absolute;
left: 50%;
margin-left: -6px;
top: 60%;
width: 11px;
height: 11px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/row-nav.gif) center no-repeat; }
.pages-nav .to-folio {
margin: 0 auto;
width: 15px;
height: 2em;
position: absolute;
left: 50%;
margin-left: -7px;
top: 50%;
z-index: 10; }
.pages-nav a {
display: block;
color: #ff6565; }
.pages-nav .prev-link {
float: left;
padding-left: 20px;
position: relative; }
.pages-nav .prev-link:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 11px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/row-nav.gif) 0 0 no-repeat; }
.pages-nav .next-link {
float: right;
padding-right: 20px;
position: relative;
text-align: right; }
.pages-nav .next-link:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 6px;
height: 11px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/row-nav.gif) right 0 no-repeat; }
.promo_row_module img {
margin-right: 10px;
float: left;
position: relative;
margin-top: -6px; }
.promo_row_module h1, .promo_row_module h2, .promo_row_module h3, .promo_row_module h4, .promo_row_module h5, .promo_row_module h6 {
margin: 0; }
.promo_row_module h2 {
margin-bottom: 10px; }
span.normal-font {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.read-more {
padding-right: 12px;
margin-top: 10px;
display: inline-block;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/more-right.gif) right center no-repeat;
color: #929292;
padding-bottom: 2px; }
.read-more:hover {
color: inherit; }
.padding-top-90 h6 {
margin: 8px 0; }
.textwidget h2 {
margin-bottom: 0;
margin-top: 0;
color: inherit; }
.promo-text {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.promo-text p {
clear: both;
padding: 15px 0;
margin: 0; }
.promo-text li {
opacity: .9;
padding: 7px 0; }
.promo-text em {
position: relative;
top: 3px; }
.no-menu-box {
text-align: center;
padding-top: 95px; }
.fixed .no-menu-box {
padding-top: 10px; }
.back-to-top {
display: block;
width: 31px;
height: 31px;
position: absolute;
z-index: 100;
top: 0;
right: 0;
background: #ff6565 url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-top.gif) center no-repeat; } .entry-thumb {
position: relative;
display: block;
overflow: hidden;
line-height: .5; }
.entry-thumb > img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: -webkit-transform .4s ease-in-out;
-moz-transition: -moz-transform .4s ease-in-out;
-o-transition: -o-transform .4s ease-in-out;
transition: transform .4s ease-in-out; }
.entry-thumb:hover > img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1); }
.entry-thumb a.link {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
text-align: center;
opacity: 0; }
.entry-thumb a.link:before {
font-family: 'moon';
font-style: normal;
font-weight: normal;
speak: none;
display: block;
width: 100%;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
content: "\e478";
color: #ff6565;
font-size: 2.3em;
position: absolute;
top: 50%;
margin-top: -16px; }
.entry-thumb.prod-image-wrap a.link:before {
font-family: "fontello";
content: '\e613';
font-size: 54px;
margin-top: -28px; }
.entry-thumb a.link:hover {
opacity: 1;
background: rgba(0, 0, 0, 0.5); }
.entry-thumb a.link:hover:before {
display: block; }
.widget_custom_menu_widget-1 li.menu-item {
display: inline-block;
margin-right: 10px; } .page-numbers {
display: block; }
.page-numbers li {
display: block;
float: left;
font-size: 15px;
margin-right: 2px;
border: 1px solid #e4eef1; }
.page-numbers li a {
display: block;
padding: 3px 12px;
color: inherit;
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
-o-transition: background .3s linear;
transition: background .3s linear; }
.page-numbers li:hover a,
.page-numbers li a:focus {
background: #36bae2;
color: white; }
.page-numbers li.unavailable a {
cursor: default;
color: inherit; }
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
background: transparent; }
.page-numbers li.current a {
background: #36bae2;
color: white;
font-weight: bold;
cursor: default; }
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
background: #36bae2; }
.page-numbers li span:hover a,
.page-numbers li span a:focus {
background: #36bae2;
color: white; }
.page-numbers li span.current {
background: #36bae2;
padding: 3px 12px;
color: white;
cursor: default; } .tabs, .filter {
list-style: none; }
.tabs {
border-color: #e0e0e0; }
.tabs dd i,
.tabs li i {
font-size: 20px;
padding-right: 15px; }
.filter li a {
color: inherit; }
.recent-block .tabs dd {
border: none !important; }
.tabs dd a,
.tabs li a {
font-size: 12px;
font-weight: 400;
border-right: 1px solid #75cde8;
color: #fff;
font-size: 14px; }
.tabs dd.active a,
.tabs li.active a {
border: 1px solid #eceff0;
border-bottom: none;
margin-bottom: 1px;
color: #44505a; }
.tabs.horisontal dd a,
.tabs.horisontal li a {
background-color: #36bae2;
border-bottom: 1px solid #eceff0;
padding: 15px 25px;
text-align: center; }
.tabs.horisontal dd,
.tabs.horisontal li {
display: inline-block;
float: left;
margin-bottom: 10px; }
.tabs.horisontal dd.active a,
.tabs.horisontal li.active a {
background-color: #ffffff;
border-bottom: none; }
ul.tabs-content.contained > li {
border: none;
padding: 30px 0 0 0;
width: 100%;
display: none;}
ul.tabs-content .mini-news .entry-summary {
margin-top: 0;
padding-top: 0; }
ul.tabs-content > li {
display: none; }
ul.tabs-content > li.active {
display: block; }
.widget_crum_widget_tabs .icon-format {
font-size: 30px;
margin-right: 20px; }
.widget_crum_crum_widget_tabs .tabs dd,
.widget_crum_crum_widget_tabs .tabs li {
width: 33.3%;
max-width: 150px; }
.widget_crum_crum_widget_tabs .tabs a {
display: block; } .tabs.vertical dd.active,
.tabs.vertical li.active {
border: none;
margin: 0; }
.tabs.vertical dd.active .icon,
.tabs.vertical li.active .icon {
background: #28b6dc; }
.tabs.vertical dd.active a,
.tabs.vertical li.active a {
border: none;
background: #2dafd6;
color: #fff;
margin: 0; }
.tabs.vertical dd.active i,
.tabs.vertical li.active i {
color: #fff; }
.tabs.vertical dd a,
.tabs.vertical li a {
border: none;
display: block;
position: relative;
font-size: 14px;
height: auto;
line-height: 1.2;
padding: 10px 15px;
background: #36bae2; }
.tabs.vertical dd a .tab-title,
.tabs.vertical li a .tab-title {
padding: 7px 15px 7px 0;
margin-right: 32px;
display: block; }
.tabs.vertical dd a .icon,
.tabs.vertical li a .icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: 50px;
right: 0;
text-align: center;
line-height: 2.5;
background: #63c9e8; }
.tabs.vertical dd i,
.tabs.vertical li i {
padding-right: 0; }
.filter li {
float: left; }
.filter li a {
position: relative; }
.filter li.active a:after {
height: 3px;
opacity: 1; }
.filter li a:after {
content: "";
height: 0;
opacity: 0;
width: 24px;
background: #ff6565;
position: absolute;
bottom: -10px;
left: 0;
max-width: 60%; }
.filter li a:hover::after {
height: 3px;
opacity: 1;
bottom: -10px; }
.tabs.horisontal.no-styling {
margin: 0;
padding: 0; }
.tabs.horisontal.no-styling dd,
.tabs.horisontal.no-styling li {
height: auto;
line-height: 1; }
.tabs.horisontal.no-styling dd a {
color: inherit;
text-transform: uppercase;
font-size: 12px; }
.tabs.horisontal.no-styling dd.active a {
color: #ff6565; }
ul.tabs-content.contained.folio-wrap > li {
padding: 7px 0 0 0;
list-style: none; }
.vertical_tabs_module .vertical.tabs .icon i{
line-height: 2.5;
} .button, #wp-submit, #commentform #submit {
width: auto;
background: #36bae2;
box-shadow:none;
color: #fff;
font-weight: 900;
cursor: pointer;
position: relative;
display: inline-block;
font-size: 14px;
margin: 0;
padding: 12px 32px;
position: relative;
text-align: center;
border-radius: 2px;
border: none;
-webkit-transition: none;
-moz-transition: none;
transition: none; }
.button:hover, #wp-submit:hover, #commentform #submit:hover {
color: #fff;
background: #20b2de; }
.button:active, #wp-submit:active, #commentform #submit:active {
box-shadow: 0 1px #1da0c8;
top: 2px; }
.button.flat, .button.button-primary, #wp-submit.flat, #wp-submit.button-primary, #commentform #submit.flat, #commentform #submit.button-primary {
box-shadow: none;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 300; }
.button.flat:hover, .button.button-primary:hover, #wp-submit.flat:hover, #wp-submit.button-primary:hover, #commentform #submit.flat:hover, #commentform #submit.button-primary:hover {
color: #fff;
background: #1da0c8; }
.button.flat:active, .button.button-primary:active, #wp-submit.flat:active, #wp-submit.button-primary:active, #commentform #submit.flat:active, #commentform #submit.button-primary:active {
background: #167d9c; }
.button.square, #wp-submit.square, #commentform #submit.square {
border-radius: 0; }
.button-icon {
padding-right: 55px; }
.button-icon .icon {
position: absolute;
top: 50%;
margin: -14px 10px 0 0;
right: 0;
width: 40px;
height: 28px;
line-height: 28px;
font-size: 18px; }
input.button[type="submit"], input.medium.button[type="submit"] {
padding: 8px 20px; }
.buttons .button.checkout {
margin-left: 2%;
color: #fff; }
.button.small {
font-size: .9em;
font-weight: 400;
padding: 7px 15px; }
.button.large {
font-size: 2em;
font-weight: 400;
padding: 12px 30px; }
.button.white {
color: #fff;
background-color: transparent;
border: 2px solid #ffffff;
padding: 10px 25px;
border-radius: 2px;
box-shadow: none; }
.button.white:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
border-color: #ffffff;
box-shadow: none;
top: 0; }
.button.green {
color: #fff;
background-color: #2ecc71;
box-shadow: 0 3px #29b564; }
.button.green:hover {
color: #fff;
background: #33d176; }
.button.green:active {
box-shadow: 0 1px #29b564;
top: 2px; }
.button.red, #wp-submit.button-primary, #commentform #submit {
color: #fff;
background-color: #ff6565;
box-shadow: 0 3px #d76565; }
.button.red:hover, #wp-submit.button-primary:hover, #commentform #submit:hover {
color: #fff;
background: #ff4b4b; }
.button.red:active, #wp-submit.button-primary:active, #commentform #submit:active {
box-shadow: 0 1px #D76565;
top: 2px; }
a.text-button {
display: inline-block;
border: 2px solid #fff;
background: transparent;
color: #fff;
padding: 9px 25px;
font-size: 14px;
border-radius: 2px;
text-transform: uppercase; }
a.text-button:hover {
background: rgba(255, 255, 255, 0.3);
border: 2px solid #fff; }
a.button.text-button {
border: 2px solid #8cd6ef; }
a.button.text-button:hover {
border: 2px solid #8cd6ef; } div.alert-box {
border-color: #f1f1f1;
background: #fff;
border-left: 3px solid #f1f1f1;
font-size: inherit;
text-shadow: none;
font-weight: normal;
color: inherit;
padding: 13px; }
div.alert-box.alert {
background-color: inherit;
text-shadow: none;
border-left: 3px solid #f37a6b;
color: inherit; }
div.alert-box.success {
background-color: inherit;
text-shadow: none;
border-left: 3px solid #4e9a21;
color: inherit; }  .entry-thumb {
position: relative; }
.entry-thumb:hover .hover-box:before {
border-bottom-width: 27px;
border-left-width: 27px; }
.entry-thumb:hover .hover-box:after {
border-top-width: 27px;
border-right-width: 27px; }
.hover-box {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
opacity:0.0;
filter: alpha(opacity = 0);
}
.portfolio-item a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100; }
.hover-box .more-link,
.hover-box .zoom-link {
display: block;
width: 48px;
height: 48px;
position: absolute;
top: 50%;
margin-top: -10px;
opacity: 0;
}
.hover-box .zoom-link {
right: 0;
}
.hover-box .more-link:before {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
content: "\e2cd";
font-family: "moon";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
color: #ff6565;
font-size: 32px;
margin-right: -20px;
right: 0; }
.hover-box .zoom-link:before {
content: "\e1ba";
font-family: 'moon';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
color: #ff6565;
font-size: 32px;
margin-left: 20px;
left: 0; }
.hover-box:hover .zoom-link, .zoom:hover .zoom-link,
.hover-box.hovered .zoom-link, .zoom.hovered .zoom-link {
opacity: 1;
left: 50%; }
.hover-box:hover .more-link, .hover-box.hovered .more-link {
opacity: 1;
right: 50%; }
.hover-box:hover .post-like, .hover-box.hovered .post-like {
display: block; }
.hover-box { }
.hover-box .post-like {
display: none;
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
font-size: 13px;
line-height: 1.3; }
.hover-box .like:before {
content: "\e304";
font-size: 14px !important;
font-family: 'moon';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
color: #ff6565;
font-size: 32px;
display: block;
float: left;
margin-right: 10px;
-moz-transition: all 0.2s ease-out 0.1s;
-webkit-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s; } .pricing-table {
border: solid 2px #f0f0f0;
margin-bottom: 1.42857em;
list-style: none;
padding: 0;
margin: 0;
position: relative; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #f7f7f7;
padding: 2.14286em;
text-align: left;
color: #5d6568;
font-size: 1em;
border-radius: 0;
position: relative;
line-height: 1.3;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.pricing-table .title .icon {
font-size: 2.85714em;
color: #ff6565; }
.pricing-table .title .nazv {
font-size: 1.71429em;
font-weight: 400;
display: block;
margin: 1.28571em 0; }
.pricing-table .title .item-price {
display: block;
margin: 1.28571em 0; }
.pricing-table .title .price {
font-size: 1.78571em; }
.pricing-table .title .period {
font-size: 1em; }
.pricing-table .mini-desc {
line-height: 1.5; }
.pricing-table .bullet-item {
padding: 1.21429em 2.14286em;
text-align: left;
color: #5d6568;
font-size: 1em;
line-height: 1.3;
font-weight: normal;
border-bottom: 1px solid #f0f0f0; }
.pricing-table .bullet-item:last-child {
border-bottom: none; }
.pricing-table .cta-button {
text-align: left;
padding: 1.42857em 1.42857em 1.42857em 1.42857em; }
.pricing-table:hover {
border: 2px solid #36bae2; }
.pricing-table:hover::before {
position: absolute;
right: 0;
top: 0;
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 18px 18px 0;
border-color: transparent #36bae2 transparent transparent;
z-index: 10; }
.pricing-table:hover::after {
position: absolute;
right: 0;
top: 0;
content: "";
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/check.gif) center no-repeat;
width: 10px;
height: 11px;
z-index: 20; }
.pricetable-featured .pricing-table .title {
background-color: #ff6565;
color: #fff; }
.pricetable-featured .pricing-table .title .icon {
color: #fff; }
.pricetable-column {
float: left;
padding: 0 10px; }
.pricetable-first {
padding-left: 0; }
.pricetable-last {
padding-right: 0; } .page-block-title {
padding-bottom: 12px;
margin-bottom: 15px; }
.anti-spam-question {
padding-top: 10px; }
.cont-text {
margin-bottom: 20px; }
#map {
height: 540px;
width: 100%;
margin: 0 0 35px 0; }
.map-holder {
position: relative; }
.map-holder .box-text {
position: absolute;
margin: 20px 20px 0 0;
top: 0;
right: 0;
color: #fff;
padding: 25px;
background: #36bae2;
max-width: 350px; }
.map-holder .box-text strong {
font-weight: 400; }
.map-holder .box-text p {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 1em;
line-height: 2; }
.map-holder .box-text #qr_code {
margin-top: 20px; }
.map-holder *, .map-holder *:before, .map-holder *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;
}
.map-holder img {
max-width: none;
}
.map-holder label {
width: auto;
display: inline;
}
.map-holder  .noscroll {
line-height:1.35;
overflow:hidden;
white-space:nowrap;
text-align: center;
}
#page_feedback {
padding: 30px 48px;
background: whitesmoke;
margin-bottom: 20px; } .sort-panel {
margin-bottom: 20px;
clear: both; }
.sort-panel a {
padding: 0 20px 0 0; }
.works-list {
clear: both; }
.project {
margin-bottom: 20px; }
.three.columns.project {
margin-bottom: 30px; }
.project .entry-thumb {
margin-bottom: 0; }
.project.round .entry-thumb > img {
border-radius: 100%;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none; }
.project.round .entry-thumb .hover-box {
border-radius: 100%; }
.project.round .entry-thumb:hover .hover-box:before,
.project.round .entry-thumb:hover .hover-box:after {
display: none; }
.project-title {
text-transform: uppercase; }
.project .entry-content {
margin-top: 20px; }
.project.one-photo {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #efefef; }
.project.one-photo .entry-thumb img {
min-width: 100%; }
.single-my-product .project.one-photo {
padding-bottom: 0;
border: none; }
.project-info {
margin: -2px 0 3px;
font-size: 12px;
text-transform: uppercase; }
.person-list {
list-style: none;
padding: 20px 0;
font-style: italic; }
.one-photo .person-list {
padding: 20px 0; }
.person-list li {
padding-bottom: 9px;
font-size: 13px; }
.folio-item .entry-thumb {
line-height: .1;
margin-bottom: 8px; }
.folio-item .dopinfo {
text-transform: uppercase;
font-size: 12px; } .portfolio-item-title {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px; }
.single-my-product .person-list li {
font-size: 14px; }
.one-photo li {
padding-bottom: 5px; }
.one-photo .project .entry-content {
padding-top: 10px; }
.person-list strong {
font-weight: normal; }
.person-list b {
padding-right: 5px;
font-size: 11px;
font-weight: normal; }
.project.four, #grid-folio .project {
margin-bottom: 35px; }
.project .box-name, #grid-folio .project .box-name {
margin-top: 10px;
margin-bottom: 2px; }
.project.four .project-title, .project.four .project-info, #grid-folio .project .project-info, #grid-folio .project .project-title {
text-align: center; }
.project-social > div {
float: left;
width: 80px; } .single-folio-video {
margin-bottom: 40px;
overflow: hidden; }
#my-work-slider {
clear: both;
position: relative; }
#my-work-slider > img {
display: none; }
#my-work-slider:hover .my-work-control-thumbs {
opacity: 1; }
#my-work-slider .my-work-control-thumbs {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
bottom: 18px;
left: 19px;
opacity: 0;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out; }
#my-work-slider .my-work-control-thumbs li {
float: left;
margin-right: 10px;
padding: 0;
line-height: .5;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
cursor: pointer; }
.folio-dopinfo {
height: 52px;
line-height: 52px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 20px;
color: #929da0;
font-size: 0.85714em; }
.folio-dopinfo a {
color: inherit; }
.folio-dopinfo i {
display: block;
float: left;
position: relative;
width: 52px;
height: 52px;
color: #fff;
background: #ff6565;
margin-right: 17px; }
.folio-dopinfo i:before {
line-height: 52px;
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
font-size: 30px;
margin: 0 0 0 3px; }
.folio-info .tabs {
margin: 0;
padding: 0;
list-style: none;
margin-top: 13px; }
.folio-info .tabs-content {
background: #f7f7f7;
border: 1px solid #dfdfdf;
padding: 25px; }
.folio-info .tabs.horisontal dd {
display: inline-block;
float: left; }
.folio-info .tabs.horisontal dd.active:first-child a {
margin-left: 0; }
.folio-info .tabs.horisontal dd.active a {
background: #f7f7f7;
border-color: #dfdfdf;
bottom: -1px;
position: relative;
margin: 0 1px; }
.folio-info ul.tabs-content.contained > li {
padding-top: 10px; } #grid-folio .project {
width: 33%;
float: left;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 10px;
margin-bottom: 30px; }
#grid-folio .project {
border-bottom: 0; }
#grid-folio.col-4 .project {
width: 25%; }
#grid-posts.col-2 article.small-news {
width: 50%;
border-bottom: 1px dotted #e8e8e8;
padding-bottom: 10px;
margin-bottom: 30px; }
#grid-posts .orbit img.fluid-placeholder, #grid-posts.col-2.and-side .orbit img.fluid-placeholder {
max-height: 250px; }
#grid-posts.col-2 .orbit img.fluid-placeholder {
max-height: 280px; }
#grid-posts .entry-summary {
clear: both; } .module {
clear: both; }
.image_module {
line-height: .5; }
.video-box {
float: none;
display: block;
clear: both;
width: 100%; }
.tabs_module .tabs {
padding-top: 13px; } .to-action-block.align-center {
text-align: center;
}
.to-action-block.align-center .button-holder{
float: none;
margin: 0;
text-align: center;
}
.to-action-block .block-title p {
font-size: 20px;
line-height: 1.3;
font-weight: 600; }
.to-action-block .block-title p span {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.to-action-block p {
margin: 0; }
.to-action-block .description {
color: #889295;
font-size: 13px;
text-transform: uppercase; }
.to-action-block .button-holder {
text-align: center; }
.to-action-block .text-holder {
text-align: right;
padding-right: 20px; } .gallery-wrap {
margin-left: -1%; }
.gallery-wrap .folio-item {
float: left;
position: relative;
margin-left: 1%; }
.gallery-wrap .folio-item a.more-link span {
top: 30px; }
.twelve > .gallery-wrap > .folio-item > img {
min-width: 100%;
display: block; }
.twelve > .gallery-wrap > .folio-item {
width: 32.3%; }
.crum_galleries_widget .entry-thumb, .widget_crum_galleries_widget .entry-thumb {
margin-bottom: 0; } .team_module .block-title {
color: inherit; }
.team_module.left-avatar .avatar {
margin-bottom: 0;
margin-right: 20px;
float: left; }
.team_module.left-avatar .team_member_box .soc-icons {
padding-top: 0; }
.team_member_box .avatar {
min-height: 180px;
margin-bottom: 25px; }
.team_member_box .block-title {
font-size: 18px; }
.team_member_box .dopinfo {
padding-top: 0;
color: inherit;
text-transform: uppercase;
opacity: .7; }
.team_member_box .text {
margin-top: 14px;
padding-top: 15px;
padding-bottom: 20px;
position: relative;
line-height: 1.5;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
opacity: .8;
overflow: hidden; }
.team_member_box .text:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 3px;
background: #ff6565; }
.team_member_box .soc-icons {
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1);
padding-top: 20px; }
.team_member_box .soc-icons a {
color: inherit;
background: none;
font-size: 12px;
margin-right: 7px;
opacity: .7; }
.team_member_box .soc-icons a:hover {
opacity: 1;
color: inherit; } .features_module_img {
margin-left: -3px; }
.feature-block-image .picture {
margin-bottom: 20px;
position: relative;
line-height: .5; }
.feature-block-image .picture:before {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 0;
z-index: 10;
width: 0px;
height: 0px;
border-style: solid;
border-width: 32px 0 0 32px;
border-color: transparent transparent transparent #ff6565;
-moz-transition: border-width .2s linear;
-webkit-transition: border-width .2s linear;
-o-transition: border-width .2s linear;
transition: border-width .2s linear; }
.feature-block-image .picture:after {
display: block;
content: "";
position: absolute;
bottom: -1px;
left: 0;
z-index: 10;
width: 32px;
height: 32px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/plus.gif) 6px 18px no-repeat;
-moz-transition: background-position .2s linear;
-webkit-transition: background-position .2s linear;
-o-transition: background-position .2s linear;
transition: background-position .2s linear; }
.feature-block-image .picture:hover:before {
border-width: 64px 0 0 64px; }
.feature-block-image .picture:hover:after {
background-position: 18px 6px; }
.feature-block-image .feature-title {
padding-top: 24%;
width: 100%;
margin-bottom: 5px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
text-align: center;
display: block;
line-height: 1;
font-size: 46px;
font-weight: 900; }
.feature-block-image .feature-title .subtitle {
font-size: 12px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
color: inherit;
position: relative;
top: -3px; }
.feature-block-image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
display: block;  }
.feature-block-image .content {
padding-bottom: 24px;
border-bottom: 1px solid #f2f2f2; } .tiles-block .tile-item {
width: 135px;
height: 135px;
margin: 0 3px 3px 0;
float: left; }
.tiles-block .tile-item .front {
text-align: center; }
.tiles-block .tile-item .back {
padding: 10px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.tiles-block .tile-item i {
line-height: 125px;
font-size: 48px;
color: #a4eeff; }
.tiles-block .tile-item a.link {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.tiles-block .tile-title {
position: absolute;
bottom: 10px;
left: 15px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: left; } .charts-box {
margin-right: 70px;
position: relative; }
.charts-box canvas {
margin: 0 auto 0 20px;
display: block; }
.charts-box i {
display: inline-block;
color: inherit; }
.charts-box .percent {
font-size: 47px;
line-height: 1;
color: inherit;
padding-bottom: 15px;
border-bottom: 2px solid #ff6565;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
display: block;
float: left;
margin-right: 20px; }
.charts-box .percent span {
font-size: 27px;
position: relative;
top: -12px; }
.charts-box .title {
overflow: hidden;
color: inherit; }
.charts-box .block-title, .charts-box .dopinfo {
color: inherit; }
.charts-box .dopinfo {
text-transform: uppercase;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 12px;
opacity: .9; }
.charts-box .text {
position: relative;
line-height: 1.5;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
padding-top: 20px;
opacity: .9;
clear: both; }
.chart-wrapper {
width: 300px;
display: block;
position: absolute;
top: 0;
left: 0;
text-align: center; }
.charts-box.normal {
margin-top: 24px; }
.charts-box.normal .chart-wrapper {
width: 270px; }
.charts-box.normal .chart-wrapper i {
margin: 84px 0 0 -5px;
font-size: 2.8em; }
.charts-box.normal canvas {
margin-bottom: 53px; }
.charts-box.large .chart-wrapper i {
margin: 100px 0 0 0;
font-size: 3em; }
.charts-box.large canvas {
margin-bottom: 32px; }
.charts-box .percent {
text-indent: 0;
}
.charts-box-content .text, .charts-box-content .title {
text-align: left;
} .news-row .item {
margin: 0 3px 0 0;
padding: 0; }
.news-row .entry-thumb {
position: relative; }
.news-row .entry-thumb .mini-comm-count {
display: none;
position: absolute;
bottom: 15px;
right: 15px;
color: #FFF;
font-size: 13px;
padding-left: 25px;
line-height: 12px; }
.entry-thumb .mini-comm-count:before {
content: "\e164";
font-family: 'moon';
font-size: 20px;
position: absolute;
bottom: 0;
right: 15px;
color: #ff6565;
}
.news-row .entry-thumb:hover .mini-comm-count {
display: block; }
.news-row .box-name {
margin-top: 18px;
margin-bottom: 5px;
color: #595f61; }
.news-row .box-name a, .news-row .box-name:first-letter {
color: inherit; }
.news-row .box-name a:first-letter, .news-row .box-name:first-letter:first-letter {
color: inherit; }
.news-row .dopinfo {
font-size: 12px;
padding-top: 0; }
.news-row article .entry-thumb a.link:before {
line-height: 1; }
.entry-summary {
margin-top: 20px; } .post-carousel-item .item {
padding: 75px 50px 0 50px;
color: #fff;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
height: 245px;
position: relative; }
.post-carousel-item .item:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
display: block;
background: rgba(0, 0, 0, 0.7); }
.post-carousel-item .icon-format {
color: #ff6565;
border-right: 1px solid #fff;
padding: 0 15px 0 0;
margin: 0 15px 0 0; }
.post-carousel-item .entry-title {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
position: relative;
overflow: hidden;
z-index: 10; }
.post-carousel-item .entry-title a {
color: inherit; }
.post-carousel-item .text {
position: relative;
z-index: 10;
clear: both;
padding-top: 15px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.block-news-feature {
position: relative; }
.post-carousel-direction-nav {
width: 100%;
list-style: none; }
.post-carousel-direction-nav a {
display: block;
width: 21px;
height: 47px;
position: absolute;
top: 50%;
margin-top: -24px; }
.post-carousel-direction-nav .post-carousel-prev {
left: 7px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-left-mini.png) 0 0 no-repeat; }
.post-carousel-direction-nav .post-carousel-next {
right: 3px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-right-mini.png) 0 0 no-repeat; } .featured-news .entry-thumb {
position: relative; }
.featured-news .horizontal .date {
float: left;
margin-bottom: 20px; }
.featured-news h3.entry-title {
font-size: 20px;
font-weight: 800;
color: #44505a;
margin-bottom: 5px; }
.featured-news h3.entry-title a {
color: inherit; }
.featured-news h3.entry-title a:hover {
color: #ff6565; }
.featured-news .entry-summary {
padding: 10px 0 20px 0; } article.mini-news {
margin-bottom: 2px;
min-height: 80px;
padding: 14px;
position: relative;
background: whitesmoke; }
article.mini-news:last-child {
margin-bottom: 0; }
article.mini-news .entry-thumb {
width: 80px;
height: 80px;
float: left;
margin-right: 20px;
margin-bottom: 0; }
article.mini-news p {
margin-bottom: 0; }
article.mini-news .dopinfo {
padding-top: 6px;
overflow: hidden; }
article.mini-news .entry-title {
font-size: 16px;
padding: 0 0 5px 0;
margin-top: -2px;
font-weight: 400; }
article.mini-news .entry-summary {
padding-top: 14px;
overflow: hidden; }
article.mini-news .box-name a {
color: inherit; }
article.mini-news .box-name a:hover {
color: #ff6565; }
article.mini-news .mini-comm-count {
position: absolute;
right: 0;
bottom: 0;
padding: 5px 10px;
display: block;
background: #ff6565;
color: #fff; } .recent-wrap .desc-text {
line-height: 1.6; }
.recent-wrap .desc-text p {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.recent-wrap .wrap {
position: relative;
line-height: .8; }
.recent-wrap .item {
position: relative;
line-height: .5;
float: left;
padding: 0 3px 3px 0; }
.recent-wrap .big-element.item {
width: 50%; }
.recent-wrap .small-element.item {
width: 25%; }
.skills_widget {
padding: 120px 0 120px 0; }
.skills_widget .skill-wrap {
position: relative;
margin: 0 150px; }
.skills_widget .start-label, .skills_widget .finish-label {
font-size: 18px;
font-weight: 600;
color: #ff6565;
line-height: 2; }
.skills_widget .start-label {
float: left;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #e4eef1; }
.skills_widget .finish-label {
float: right;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #e4eef1; }
.skills_widget .line hr {
margin: 18px 0;
border-color: #e4eef1;
clear: none; }
.skills_widget .skill-item {
position: absolute;
margin-left: -50px; }
.skills_widget .skill-item.top {
bottom: 35px; }
.skills_widget .skill-item.top .percent:after {
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/skill-pipt-bott.png) 0 0 no-repeat;
bottom: -23px; }
.skills_widget .skill-item.bot {
top: 0; }
.skills_widget .skill-item.bot .percent:after {
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/skill-pipt-top.png) 0 0 no-repeat;
top: -23px; }
.skills_widget .skill-item.left {
text-align: right; }
.skills_widget .skill-item.left .item-title {
right: 105px; }
.skills_widget .skill-item.right {
text-align: left; }
.skills_widget .skill-item.right .item-title {
left: 105px; }
.skills_widget .skill-item .percent {
display: inline-block;
line-height: 80px;
height: 85px;
width: 85px;
background: #c2d1d9;
color: #fff;
font-size: 35px;
font-weight: 600;
text-align: center; }
.skills_widget .skill-item .percent:after {
content: "";
display: block;
position: absolute;
width: 13px;
height: 23px;
left: 50%;
margin-left: -5px;
z-index: 1; }
.skills_widget .skill-item .percent span {
font-size: 18px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.skills_widget .skill-item .item-title {
display: inline-block;
position: absolute;
top: 20px; }
.skills_widget .skill-item .item-title span {
display: block;
white-space: nowrap; }
.skills_widget .skill-item .item-title .subtitle {
display: block;
white-space: nowrap;
text-transform: uppercase;
opacity: .75;
font-size: 0.85714em; }
.skills_widget .skill-item .item-title .title {
font-size: 1.28571em;
font-weight: 600;
color: #44505a; } .crum_stiky_news {
display: table;
width: 100%;
background: #798992;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #fff;
position: relative; }
.crum_stiky_news:before {
content: "";
position: absolute;
height: 100%;
width: 50%;
left: 0;
background: #464d51; }
.crum_stiky_news .blocks-label {
display: table-cell;
vertical-align: middle;
padding: 0 32px 0 0;
font-size: 18px;
text-align: center;
background: #464d51 url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/sticky-news-bg.gif) right repeat-y;
white-space: nowrap; }
.crum_stiky_news a {
color: inherit; }
.crum_stiky_news p {
margin-bottom: 0; }
.crum_stiky_news .blocks-text {
display: table-cell;
padding: 8px 30px;
border-left: none;
background: #798992; } .about_author_widget .avatar {
float: left;
margin-bottom: 20px;
padding-top: 5px; }
.about_author_widget .avatar img {
border-radius: 100em;
display: block; }
.about_author_widget .text {
padding: 5px 0 0 35px;
margin: 10px 0 20px 145px;
position: relative;
border-left: 1px solid #e7e7e7; }
.about_author_widget .text h5 {
padding-bottom: 10px; }
.about_author_widget .additional-links {
float: right; }
.about_author_widget .additional-links a {
margin: 0 10px;
color: inherit;
font-weight: 400; }
.about-me-block .text {
padding: 10px;
margin: 10px;
line-height: 1.5; }
.about_author_widget .quote-author {
margin-bottom: 7px;
font-size: 17px;
display: inline; }
.about_author_widget .quote-sub {
font-style: italic; } .accodion_module .content {
display: none; }
.accodion_module .active .content {
display: block; }
.accodion_module .title {
border: none;
display: block;
position: relative;
font-size: 14px;
height: auto;
line-height: 1.2;
padding: 10px 15px;
background: #36bae2;
color: #fff;
cursor: pointer; }
.accodion_module .title .tab-title {
padding: 7px 15px 7px 0;
margin-right: 32px;
display: block; }
.accodion_module .title .icon {
display: block;
position: absolute;
top: 0;
height: 100%;
width: 50px;
right: 0;
text-align: center;
line-height: 2.5;
font-size: 20px; }
.accodion_module .title:hover {
background: #63c9e8; }
.accodion_module ul.accordion > li.active .title {
background: #2dafd6; }
.accodion_module ul.accordion p {
margin: 0; }
.accodion_module ul.accordion {
margin: 0 0 22px 0;
border-bottom: none;
padding: 0;
list-style: none; }
.accodion_module ul.accordion > li .content {
padding: 15px 5px; } .clients_module .description {
clear: both;
padding-top: 50px; }
.clients-list {
text-align: center;
position: relative; }
.clients-list .clients-direction-nav {
position: absolute;
width: 98%;
top: 50%;
margin-top: -20px;
list-style: none; }
.clients-direction-nav a {
display: block;
width: 31px;
height: 31px;
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.clients-direction-nav a:hover {
background-color: rgba(92, 92, 92, 0.6); }
.clients-direction-nav .clients-prev {
position: absolute;
left: 0;
background: #5c5c5c url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-left.gif) center no-repeat; }
.clients-direction-nav .clients-next {
position: absolute;
right: 0;
background: #5c5c5c url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-right.gif) center no-repeat; }
.clients-item {
display: block;
position: relative;
height: 130px;
width: 180px;
margin-right: 20px;
float: left; }
.clients-item a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.clients-item a:hover {
opacity: .4; }
.clients-item:last-child {
border-right: none; } .info-butt {
margin: 20px 0 40px;
padding: 0 20px; }
.info-butt h2 {
margin-bottom: 20px;
font-weight: 600;
font-size: 19px; }
.info-butt p {
margin-bottom: 20px; }
.info-butt .button {
margin-top: 10px; } .feature-box {
position: relative; }
.feature-box .block-title a {
color: inherit; }
.feature-box .subtitle {
font-size: 12px;
margin-bottom: 20px;
text-transform: uppercase;
opacity: .8; }
.feature-box.al-left .icon {
margin-right: 25px;
float: left; }
.feature-box.al-left .image {
margin-right: 25px;
float: left; }
.feature-box.al-left .block-title {
padding-top: 43px; }
.feature-box.al-left .feat-block-content {
clear: both;
padding-top: 30px; }
.list-box .feature-box.al-left .block-title {
padding-top: 0; }
.list-box .feature-box.al-left .feat-block-content {
clear: none;
padding-top: 0px;
overflow: auto; }
.list-box .feature-box.al-left li {
color: #767e81;
padding-bottom: 8px; }
.list-box .feature-box.al-left a {
color: inherit; }
.list-box ul {
list-style: none; }
.feature-box.al-right .icon {
margin-left: 25px;
float: right; }
.feature-box.al-right .feature-img {
margin-left: 25px;
float: right; }
.feature-box.al-top .icon {
margin-bottom: 40px; }
.feature-box.al-top .feature-img {
margin-bottom: 30px; }
.feature-box .icon {
width: 134px;
height: 134px;
position: relative;
color: #fff;
z-index: 10; }
.feature-box .icon i {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
margin: -22px 0 0 -16px; }
.feature-box a.link {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.feature-box .back {
background: #ff6565; }
.feature-box .front {
background-color: #61727b; }
.feat-block-content {
overflow: hidden; }
.single-icon {
-webkit-transition: color .2s;
-ms-transition: color .2s;
-o-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s;
margin-bottom: 30px; }
.features_module_vertical .feature-box {
overflow: hidden;
margin-bottom: 20px; }
.features_module_vertical .feature-box:last-child {
margin-bottom: 0; }
.features_module_vertical .single-icon, .features_module_vertical .single-image {
float: left;
margin-right: 20px; }
.features_module_vertical h6 {
margin-top: 5px;
font-size: 12px; }
.features_module_vertical p {
opacity: .8; } .info-box .title {
font-size: 23px;
font-weight: 600;
margin-bottom: .1em; }
.info-box p {
font-size: 15px;
font-weight: 400;
margin-bottom: 0; }
.info-box i.icon {
position: relative;
top: 4px; }
.info-box.al-right .icon {
margin-left: 20px; }
.info-box.al-left i.icon {
margin-right: 20px;
width: 80px;
text-align: center; } .list-blocks {
position: absolute;
right: 0;
top: 5px; }
.list-blocks a {
width: 23px;
height: 23px;
display: block;
float: right;
opacity: .4;
margin-left: 5px;
background-image: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/arrow-slide.png);
background-repeat: no-repeat; }
.list-blocks a.flex-next {
background-position: 0 0; }
.list-blocks a.flex-prev {
background-position: 0 -26px;
float: left; }
.list-blocks a:hover {
opacity: 1; } .recent-block ul.tabs-content {
margin: 0; }
.recent-block .tabs {
height: auto;
border: none; }
.recent-block .tabs.horisontal dd a, .recent-block .tabs.horisontal li a {
border: none;
background-color: transparent;
padding: 0 10px 0 0;
display: inline-block;
position: relative; }
.recent-block .tabs.horisontal dd a:hover,
.recent-block .tabs.horisontal dd.active a {
color: #7a7f80; }
.recent-block .tabs.horisontal dd.active a:after {
height: 3px;
opacity: 1; }
.recent-block .tabs.horisontal dd a:after {
content: "";
height: 0;
opacity: 0;
width: 24px;
background: #ff6565;
position: absolute;
bottom: -10px;
left: 0;
max-width: 60%; }
.recent-block .tabs.horisontal dd a:hover::after {
height: 3px;
opacity: 1;
bottom: -10px; }
.recent-block .folio-wrap {
width: 100%; }
.recent-block .folio-wrap li {
margin: 0 -1px; }
.recent-block .folio-item {
width: 25%;
float: left;
padding: 0 1px;
position: relative;
margin-top: 10px; }
.recent-block .folio-item .dopinfo {
font-size: 12px;
line-height: 1.2;
padding-top: 4px;
text-transform: uppercase; }
.folio-item .box-name:first-letter,
.folio-item .box-name a:first-letter,
.folio-item .box-name a .animated {
color: #ff6565; }
.hover-box {
opacity: 0; }
.hover-box:hover, .hover-box.hovered {
opacity: 1;
background: rgba(0, 0, 0, 0.35) url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/white-delim.png) center no-repeat; } .testimonials_module {
padding-bottom: 40px; }
.testimonials_module > div {
position: relative; }
.testimonials_item {
display: none; }
.testimonials_item:first-child {
display: block; }
.testimonials_item .box-name:first-letter {
color: #ff6565; }
.testimonials_item .avatar {
float: left;
margin-right: 32px;
border-radius: 2px; }
.testimonials-slide {
position: relative;
overflow: hidden; }
.cite {
clear: both;
padding-top: 8px; }
.cite .quote-author, .cite .quote-sub {
display: block; }
.cite .quote-sub {
text-transform: uppercase;
margin-top: 2px;
font-size: 12px; }
.quoteCite {
clear: both;
padding-top: 10px; } .testimonials-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
list-style: none;
padding: 0;
margin: 0; }
.testimonials-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline; }
.testimonials-control-paging li a {
width: 13px;
height: 13px;
display: block;
background: #666f74;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; }
.testimonials-control-paging li a:hover {
border: 2px solid #666f74;
background: #fff; }
.testimonials-control-paging li a.testimonials-active {
border: 2px solid #666f74;
background: #fff;
cursor: default; } .post-list {
position: relative; }
.post-list article {
overflow: hidden;
margin-bottom: 20px; }
.post-list article .entry-thumb {
margin-bottom: 0; }
.post-list .entry-title {
padding-bottom: 10px; }
.post-list .entry-title a {
color: inherit; }
.post-list .entry-summary {
margin-top: 15px; }
.post-list .left-thumb .entry-thumb {
float: left;
margin-right: 20px; }
.post-list .right-thumb .entry-thumb {
float: right;
margin-left: 20px; }
.post-list article.mini-news {
background: none;
padding: 0;
margin-bottom: 15px; } .timeline_module > .widget-title {
text-align: center; }
.timelime {
position: relative;
overflow: hidden; }
.timelime:before {
content: "";
position: absolute;
left: 50%;
height: 100%;
width: 1px;
background: #e4eef1; }
.timelime .timeline-item {
width: 50%;
padding: 5px 0 5px 0;
clear: both;
position: relative;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/pipt-round.png) right center no-repeat; }
.timelime .timeline-item .panel-grid {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.timelime .timeline-item .timeline-title {
font-size: 23px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
position: absolute;
top: 50%;
margin-top: -16px;
white-space: nowrap; }
.timelime .timeline-item .timeline-title:after {
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 0;
width: 10px;
height: 2px;
background: #ff6565; }
.timelime .timeline-item:first-child {
margin-bottom: 30px; }
.timelime .timeline-item:last-child {
margin-top: 30px; }
.timelime .timeline-item.odd {
float: left;
text-align: right;
padding-right: 40px;
right: -6px; }
.timelime .timeline-item.odd .timeline-title {
text-align: left;
left: 104%; }
.timelime .timeline-item.even {
float: right;
text-align: left;
padding-left: 40px;
left: -6px;
background-position: left center; }
.timelime .timeline-item.even .timeline-title {
text-align: right;
right: 104%; }
.timelime blockquote {
padding: 10px 15px 8px 95px; }
.timelime blockquote p {
line-height: 1.5;
font-size: 1em; }
.timelime .single-icon {
margin-bottom: 10px; }
.timelime .team_member_box .avatar {
margin-bottom: 0;
float: left;
width: 180px; }
.timelime .timeline-item.even .team_member_box .avatar {
margin-right: 20px; }
.timelime .timeline-item.odd .team_member_box .avatar {
margin-left: 20px;
float: right; }
.timelime h3.widget-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px; }
.timelime .team_member_box .text {
padding-bottom: 10px; }
.timelime .team_member_box .soc-icons {
box-shadow: none;
padding-top: 0; } .map-widget h3 {
margin-bottom: 16px;
font-size: 18px; }
.map-widget p {
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
margin-bottom: 16px; } div.progress {
height: 4px;
background: #e8eef1;
background: rgba(232, 238, 241, 0.2);
margin-bottom: 30px; }
div.progress .meter {
color: inherit; }
div.progress .meter {
height: 4px;
display: block;
background: #ff6565;
position: relative; }
.my_skills_widget label {
margin: 0 0 5px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.my_skills_widget .skill-percent {
position: absolute;
right: -12px;
top: -33px; }
.my_skills_widget .skill-percent:after {
content: "";
display: block;
width: 1px;
height: 19px;
background: #e8eef1;
background: rgba(232, 238, 241, 0.2);
position: absolute;
bottom: -19px;
left: 50%; }
.me-wrap .avatar {
float: left;
margin-right: 20px;
padding-top: 5px; }
.me-wrap .text {
padding-top: 13px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
overflow: hidden; } .widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget .sub-menu li:last-child {
padding-bottom: 0;
box-shadow: none;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
}
.widget ul > li {
padding: 0;
color: inherit;
display: block;
box-shadow: none;
}
.widget {
margin-bottom: 30px; }
h3.widget-title {
font-size: 18px;
font-weight: 600;
color: inherit;
margin-bottom: 15px;
position: relative; }
.extra-links {
position: absolute;
right: 0;
top: 10px;
width: 40px;
height: 11px;
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/row-nav.gif) 0 0 no-repeat;
background-size: contain; }
.extra-links ul {
padding: 0;
margin: 0;
list-style: none; }
.extra-links li {
width: 7px;
height: 11px;
position: absolute;
top: 0; }
.extra-links li a {
display: block;
width: 7px;
height: 11px; }
.extra-links ul li:first-child {
left: 0; }
.extra-links ul li:last-child {
right: 0; }
.extra-links > a {
display: block;
width: 18px;
height: 11px;
margin: 0 auto; }
.video-block {
position: relative; }
.text-widget {
line-height: 1.6; }
.widget ul {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;}
.widget {
position: relative; }
.widget-title {
line-height: 1.5;
margin-bottom: 20px; }
.widget-title .icon {
float: left;
font-size: 26px;
margin-right: 15px;
position: relative;
top: -2px;
width: auto;
height: auto;
line-height: 1.3; }
#footer .widget-title {
margin-bottom: 30px; } .follow-widget {
margin-left: -4px;
overflow: hidden; }
.follow-widget a {
width: 32.3%;
min-width: 115px;
max-width: 150px;
display: block;
float: left;
padding-bottom: 16px;
padding: 45px 5px;
margin-left: 1%;
margin-bottom: 4px;
position: relative;
color: #fff; }
.follow-widget a:hover{
color:#fff;
}
.follow-widget i {
position: relative;
float: left;
font-size: 22px;
padding-left: 1px;
top: 5px;
padding-right: 7px; }
.follow-widget .number {
font-size: 16px;
color: #fff;
line-height: 1;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase; }
.follow-widget .text {
font-size: 13px;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1;
text-transform: uppercase; }
.follow-widget a.tw {
background: #50b3e5; }
.follow-widget a.tw .icon {
padding-left: 10px; }
.follow-widget a.tw .text {
color: #d1f0ff; }
.follow-widget a.fb {
background: #7a90b7; }
.follow-widget a.fb .icon {
padding-left: 15px; }
.follow-widget a.fb .text {
color: #c5dafe; }
.follow-widget a.yt {
background: #ff6565; }
.follow-widget a.yt .text {
color: #fecbca; }
#feedburner_subscribe {
position: relative; }
#feedburner_subscribe .text {
height: 40px; }
#feedburner_subscribe .submit {
width: 34px;
height: 34px;
position: absolute;
z-index: 1;
top: 3px;
right: 3px;
background: #ffb44a url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/rss-subscribe-ico.png) center no-repeat;
text-align: center;
border: none; }
.widget.widget_crum_cat_arch li{
box-shadow: none;
} .styled-widget-list > li {
border-radius: 2px;
padding: 12px 8px;
font-style: italic;
line-height: 1; }
.styled-widget-list > li:hover {
background-color: #4fc7ef; }
.styled-widget-list > li [class*="icon-"] {
font-size: 18px;
padding: 0 10px 0 0;
margin-right: 10px;
border-right: 1px solid #fff;
border-right: 1px solid rgba(255, 255, 255, 0.25);
color: #959c9d;
display: inline-block; }
.styled-widget-list > li [class*="icon-"]:before {
line-height: 20px; }
.styled-widget-list > li:hover [class*="icon-"],
.styled-widget-list > li:hover {
color: #fff; } aside .widget_crum_widget_tabs {
padding-top: 1px; }
.widget_crum_widget_tabs article.mini-news {
background: none;
padding: 15px 0 0 0; }
.widget_crum_widget_tabs article.mini-news:first-child {
padding: 20px 0 0 0; }
.widget_crum_widget_tabs #comments-p-tabTab article.mini-news {
padding: 25px 0 0 0; }
.widget_crum_widget_tabs .icon-comment {
font-size: 26px;
height: 26px;
position: relative;
top: -10px;
margin-right: 20px; }
.widget_crum_widget_tabs .tabs.horisontal li {
width: 33%; }
.widget_crum_widget_tabs .tabs.horisontal li a {
padding: 18px 10px;
font-size: 14px;
display: block; } #flickr {
position: relative;
margin-left: -20px; }
#flickr .item {
position: relative; }
.instagram-widget .widget-inner {
margin-left: -5%; }
.instagram-stat .diopinfo {
display: block;
}
#flickr > a {
display: block;
width: 28%;
max-width: 150px;
border-radius: 3px;
overflow: hidden;
position: relative;
margin: 0 0 10px 5%;
float: left;
line-height: .8; }
#flickr a > img {
position: relative;
border-radius: 4px; }
#flickr .hover-box .zoom-link {
margin-left: -23px; } .intagram-gallery {
clear: both;
overflow: hidden;
font-size: 0;
margin-right: -3px; }
.intagram-gallery .big-item {
float: left;
width: 182px;
padding-right: 3px; }
.intagram-gallery .normal-item {
padding: 0 3px 3px 0;
display: inline-block; }
.instagram-stat {
float: right;
width: 280px;
height: 60px; }
.instagram-stat > div {
float: left;
display: block;
width: 91px;
border-right: 1px solid #666f74;
text-align: center;
margin-top: 5px; }
.instagram-stat .inst-follow {
border: none; }
.instagram-stat .numb {
font-size: 30px;
font-weight: 600;
line-height: 1.1;
color: inherit; }
.instagram-autor {
padding-top: 20px; }
.instagram-autor .box-name:first-letter {
color: #ff6565; } .recent-posts-list li {
overflow: hidden; }
.recent-posts-list .entry-thumb {
margin: 0 20px 20px 0;
float: left; }
.recent-posts-list .sticky-post {
padding-bottom: 20px;
margin-bottom: 20px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); }
.recent-posts-list .sticky-post .entry-title {
margin-top: 0; }
.recent-posts-list .entry-title {
margin-top: 10px; }
.recent-posts-list .entry-title:first-letter {
color: #ff6565; }
.recent-posts-list .entry-title .animated {
color: #ff6565; }
.recent-posts-list .entry-title a {
color: inherit; }
.recent-posts-list .entry-meta {
font-size: 12px;
line-height: 1.2;
padding-top: 4px;
text-transform: uppercase; }
.recent-posts-list .entry-meta a {
color: inherit; }
.recent-posts-list .entry-summary {
clear: both;
padding: 20px 0 0 0;
margin-top: 0; } .widget_crum_cat_arch li {
margin: 0; }
.widget_crum_cat_arch li a {
padding: 13px 0;
color: inherit;
display: block;
box-shadow: 0 1px 0 rgba(210, 211, 211, 0.4);
-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear; }
.widget_crum_cat_arch li a:hover {
font-weight: bold; } .post-categories {
display: inline-block;
}
.post-categories:last-child:after {
content: '|';
}
.post-categories li {
list-style: none;
float: left;
margin-right: 10px;
}
.post-categories li:after {
content: ',';
}
.post-categories li:last-child:after{
content: '';
}
.post-categories a{
font-size: 12px;
} .contacts-widget {
padding: 25px 30px 20px 25px;
background: #36bae2;
color: #fff;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.contacts-widget p {
margin-bottom: .5em; }
.contacts-widget i {
font-size: 70px;
margin-bottom: 27px; }
.contacts-widget .adr {
display: block;
font-style: normal; }
.contacts-widget a {
color: inherit; } .tagcloud a, .tags-widget a {
padding: 0 10px 0 0;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300;
color: inherit; }
.tags-widget a:hover {
color: #ff6565; } .tweets-author {
padding-bottom: 10px;
min-height: 70px; }
.tweets-author img {
float: left;
margin-right: 20px;
width: 45px;
height: 45px; }
.tweets-author strong {
display: block;
font-weight: 400;
font-size: 14px;
margin-bottom: 4px; }
.tweets-author strong span {
font-size: 12px; }
.tweet-list {
background: #36bae2;
padding: 30px 20px; }
.tweet-list .tweet {
color: #fff;
padding: 15px 0 15px 60px;
position: relative;
font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 300; }
.tweet-list .tweet i {
position: absolute;
left: 5px;
top: 50%;
margin-top: -18px;
font-size: 36px; }
.tweet-list .tweet .time {
margin-top: 4px;
font-size: 12px;
color: #bce8f5; }
.tweet-list .tweet a {
color: inherit; } a, #stuning-header a {
-moz-transition: color .15s ease-in-out;
-webkit-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
transition: color .15s ease-in-out; }
.menu-tile {
-webkit-transition: -webkit-transform .2s ease-out;
-moz-transition: -moz-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-ms-transition: -ms-transform .2s ease-out;
transition: transform .2s ease-out; }
a.link:before {
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
.recent-block .tabs.horisontal dd a::after, .filter li.active a::after {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.hover-box,
.soc-icons a,
.clients-item a,
a.link {
-moz-transition: background .2s ease-out, opacity .2s ease-out;
-webkit-transition: background .2s ease-out, opacity .2s ease-out;
-o-transition: background .2s ease-out, opacity .2s ease-out;
transition: background .2s ease-out, opacity .2s ease-out; }
.hover-box .more-link,
.hover-box .zoom-link {
-moz-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
-webkit-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
-o-transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
transition: background .3s, opacity .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out; }
.menu-tile {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.menu-tile:hover {
z-index: 10;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
.minicart-wrap {
display: block;
position: absolute;
width: 130px;
top: 7px;
right: 20%;
padding: 4px;
border: 3px;
background-color: #fff;
text-align: center;
}
.minicart-wrap i.moon {
font-size: 14px;
float: left;
margin-right: 10px;
}
table tbody tr td  {
padding: 0;
}
.coupon input {
margin-bottom: 10px;
}
.lt-ie9 .lang-sel strong {
margin-right: 10px;
}
.lt-ie9 .lang-sel {
width: 240px;
margin: 0 20px;
}
.lt-ie9 .comment .avatar-box{
height: 80px;
width: 80px;
}
.lt-ie9 .entry-content p a img {
height: 300px;
}
.lt-ie9 .boxed_lay {
border: 1px solid #cccccc;
}
.lt-ie9 .hover-box .more-link  {
display: none;
}
.lt-ie9 .hover-box .zoom-link  {
display: none;
}
.lt-ie9 .hover-box:hover .more-link{
display: block;
}
.lt-ie9 .hover-box:hover .zoom-link{
display: block;
}
.lt-ie9 article.post {
position: relative;
margin-bottom: 15px;
padding-bottom: 35px;
border-bottom: 1px solid #ececec;
}
.lt-ie9 article.post .post-format{
border-right: 1px solid #C2D1D9;
width: 80px;
}
.lt-ie9 .page-title-inner h1.page-title, .lt-ie9 .page-title-inner .page-title {
border-right: 1px solid #A5ADB6;
}
.lt-ie9 .hover-box:hover, .hover-box.hovered {
opacity:.35;
filter: alpha(opacity=35);
background: #000 url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/white-delim.png) center no-repeat;
}
.lt-ie9 .woocommerce .product .show .star-rating {
top: 40px;
}
.lt-ie9 .tiled-menu .style-metro .sub-menu li:after {
display: none;
}
.lt-ie9 .tiled-menu .style-metro .sub-menu li:before {
content: "";
}
.shop_table  .cart_item td {
vertical-align: middle;
padding: 6px 12px;
}
.shop_table.cart .coupon {
width: 60% !important;
margin: 0 20px 0 20px !important;
float: left !important;
}
.shop_table  .button {
margin-top: 20px;
margin-right: 5px;
}
.shop_table  .actions {
padding-right: 10px;
}
.status-publish.hentry.category-wishes header {
overflow: hidden;
} article.post .link-read-more {
background: #ff6565 url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/to-right.gif) center no-repeat;
display: block;
width: 31px;
height: 31px;
position: absolute;
z-index: 100;
bottom: 0;
right: 0;
opacity: 0;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
}
article.post:hover .link-read-more {
opacity: 1;
} .tribe-events-page-title {
display: none !important;
}
[class^="moon-"], [class*=" moon-"], [class^="linecon-"], [class*=" linecon-"] {line-height: 1.5;}
.page-template-page-contacts-php label {
font-weight: 500;
}
@media print {
#top-panel, #header, #footer,
#sub-footer, .back-to-top, .backtotop {
display: none;
}
.tiles-block .tile-item {
width: 120px;
height: 120px;}
.widget_crum_widget_tabs .tabs.horisontal dd a {
padding: 10px 0;
}
article.mini-news .entry-thumb {margin-right: 10px;}
.project.four, #grid-folio .project, article.post,.three.columns.project,
#grid-posts.col-2 article.small-news {position: static !important;}
* {
box-shadow: none !important;
text-shadow: none !important;
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 0.25cm
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.hide-on-print {
display: none !important
}
.print-only {
display: block !important
}
.hide-for-print {
display: none !important
}
.show-for-print {
display: inherit !important
}
.reveal-modal {
border: solid 1px #000;
background: #fff
}
} .header-wrap.fixed .metro-menu-item .item-title {
color: inherit;
position: static;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn, .fadeInFast {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes crum_expand {
0%   { width:0%; }
100% { width:100%; }
}
@-moz-keyframes crum_expand {
0%   { width:0%; }
100% { width:100%; }
}
@-o-keyframes crum_expand {
0%   { width:0%; }
100% { width:100%; }
}
@keyframes crum_expand {
0%   { width:0%; }
100% { width:100%; }
}
.expand {
width: 0;
-webkit-animation-name: crum_expand;
-moz-animation-name: crum_expand;
-o-animation-name: crum_expand;
animation-name: crum_expand;
}#buddypress .button {
box-shadow: none !important;
}
#buddypress div.activity-meta a {
font-size: 12px;
}
#bbpress-forums .bbp-search-form, #bbpress-forums .bbp-breadcrumb {
display: none;
}
#subscription-toggle, #favorite-toggle {
opacity: .8;
font-size: 10px;
line-height: 10px;
}
#subscription-toggle a, #favorite-toggle a {
color: inherit;
font-size: 12px;
position: relative;
top: 2px;
}
#bbpress-forums div.bbp-reply-content a {
margin: 0 5px;
}
#bbpress-forums fieldset.bbp-form label {
font-weight: 400;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
float: none;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer  {
background: #f6f6f6;
border: none;
font-weight: 400;
}
#bbpress-forums li.bbp-header li, #bbpress-forums li.bbp-header div, .bbp-footer div{
font-size: 12px;
text-transform: uppercase;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
font-size: 12px;
margin: 0;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
padding: 13px 8px ;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies {
border-color: #f1f1f1;
}
#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies {
border-top: 3px solid #26bdef;
}
.bbp-forum-freshness a, .bbp-topic-freshness a{
font-size: 12px;
color: inherit;
}
.bbp-topic-meta a {
color: inherit;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar {
float: none;
margin-bottom: -3px;
}
.bbp-forum-info {
}
.bbp-forum-title, .bbp-topic-permalink {
font-size: 16px;
color: inherit;
font-weight: 900;
}
li.bbp-forum-info, li.bbp-topic-title {
padding-left: 15px;
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
background: #fff !important;
border-left: 3px solid #f37a6b !important;
}
div.bbp-template-notice.info {
background: #fff;
border-color: #f1f1f1;
border-left: 3px solid #26bdef;
}
div.bbp-template-notice p{
font-size: 12px;
padding-left: 10px;
}
div.bbp-template-notice {
border-color: #f1f1f1;
background: #fff;
border-left: 3px solid #f37a6b !important;
}
.bbp-topic-revision-log li{
font-size: 12px;
}
.bbp-pagination-count, .bbp-meta, .bbp-forum-info .bbp-forum-content, .bbp-reply-revision-log-item {
font-size: 12px;
text-transform: uppercase;
opacity: .8;
font-weight: 400;
}
#bbpress-forums #crumbs {
display: none;
}
#buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a {
background-color: #36BAE2;
color: #FFF;
opacity: 1;
}
#buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button {
font-size: 1rem;
}
#stuning-header a.bp-title-button {
border: none;
margin-left: 10px;
position: relative;
top: -3px;
}
.dir-search form {
position: relative;
}
.dir-search form > input {
background: url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/img/search-go-big.png) no-repeat 50% 50%;
width: 21px;
height: 20px;
overflow: hidden;
text-indent: -999em;
position: absolute;
margin: 0;
top: 6px;
right: 5px;
border: none;
cursor: pointer;
}
.dir-search label input, .dir-search label {
width: 100%;
}
#buddypress ul {
list-style: none;
}
.activity-avatar {
float: left;
margin: 0 20px 20px 0;
}
.activity-comments {
clear: both;
}
.breadrumbs .button {
display: none;
}
#buddypress form#whats-new-form #whats-new-avatar {
float: left;
}
#buddypress form#whats-new-form #whats-new-content {
margin-left: 55px;
padding: 0 0 20px 20px;
}
#buddypress form#whats-new-form #whats-new-content {
margin-left: 55px;
padding: 0 0 20px 20px;
}
#buddypress form#whats-new-form p.activity-greeting {
line-height: 0.5em;
margin-bottom: 15px;
margin-left: 75px;
}
#buddypress form#whats-new-form textarea {
background: #fff;
color: #555;
font-family: inherit;
font-size: 90%;
height: 20px;
padding: 6px;
width: 98%;
}
#buddypress form#whats-new-form #whats-new-options select {
max-width: 200px;
margin-top: 12px;
}
#buddypress form#whats-new-form #whats-new-submit {
float: right;
margin-top: 12px;
}
#buddypress #whats-new-options {
overflow: auto;
height: 0;item-list-tabs: no-ajax
}
#buddypress #whats-new-options {
height: auto;
}
#activity-all, #activity-favorites, .feed,  .ac-reply-cancel  {
width: auto;
background: #36bae2;
box-shadow: 0 3px #1da0c8;
color: #fff;
font-weight: 900;
cursor: pointer;
position: relative;
display: inline-block;
font-size: 14px;
margin: 0;
padding: 10px 10px;
position: relative;
text-align: center;
border-radius: 2px;
border: none;
-webkit-transition: none;
-moz-transition: none;
transition: none; }
#activity-filter-select{
float:right;
}
.xprofile, .ac-input {
display: none; ;
}
.activity-header, .activity-avatar{
border-top:1px #dfdfdf solid;
padding-top: 15px;
}
.activity-content{
padding-bottom:15px ;
}
.activity-inner {
overflow: hidden;
}
.activity-meta, .ac-reply-content{
padding-left: 65px;
}
.activity-comments{
margin:10px 0 10px 70px;
}
.ac-reply-content  a{
color:#fff;
font-size: 10px;
}.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}  .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 0}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//computer-solutionz.co.nz/wp-content/themes/secondtouch/assets/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}#change_wrap_div{ background-color: #d9d2ef}  #change_wrap_div{ background-repeat: repeat} body{ background-color: #d9d2ef} body{ background-repeat: repeat-y} #footer, #sub-footer{ background-repeat: repeat-y} .page-title-inner .page-title {color: #a3238f}.page-title-inner .subtitle {color: #a3238f}
.tabs dd a, .tabs li a {
border-right: 1px solid #ffffff;
}
article.post h3.entry-title a:hover,
.share-icons a:hover,
#comments h3 span,
.pages-nav a,
.entry-thumb a.link:before,
.tabs.horisontal.no-styling dd.active a,
.pricing-table .title .icon,
.post-carousel-item .icon-format,
.featured-news h3.entry-title a:hover,
article.mini-news .box-name a:hover,
.skills_widget .start-label, .skills_widget .finish-label,
.folio-item .box-name:first-letter,
.folio-item .box-name a:first-letter,
.folio-item .box-name a .animated,
.testimonials_item .box-name:first-letter,
.instagram-autor .box-name:first-letter,
.recent-posts-list .entry-title:first-letter,
.recent-posts-list .entry-title .animated,
.tags-widget a:hover,
ul.products li.product .amount,
.widget_shopping_cart .amount,
.woocommerce p.stars a:hover:before, .woocommerce-page p.stars a:hover:before, .woocommerce p.stars a:focus:before, .woocommerce-page p.stars a:focus:before,
.woocommerce p.stars a.active:before, .woocommerce-page p.stars a.active:before,
a:hover, a:focus,
.crumina-slider-wrap .item-content .icon-format,
.crumina-slider-wrap .entry-title a:hover,
.news-row .entry-thumb .mini-comm-count:before,
.hover-box .more-link:before,
.hover-box .zoom-link:before,
.hover-box .like:before, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before
{
color: #1957a8;
}
#top-panel .login-header .avatar,
article .entry-thumb .comments-link:hover,
article.post .link-read-more,
.light,
.lang-sel ul > li:hover a,
.breadcrumbs,
.back-to-top,
.filter li a:after,
#wp-submit.button-primary, #commentform #submit,
.pricetable-featured .pricing-table .title,
.folio-dopinfo i,
.team_member_box .text:before,
article.mini-news .mini-comm-count,
.feature-box .back,
.recent-block .tabs.horisontal dd a:after,
.timelime .timeline-item .timeline-title:after,
div.progress .meter,
.highlight,
.quantity .plus, #content .quantity .plus,
.quantity .minus, #content .quantity .minus:hover,
.pricing-table .cta-button .button.red,
.crumina-slider-wrap .active .click-section,
.tabs.vertical dd.active a,
.tabs.vertical dd a .icon,
.tabs.vertical dd.active .icon,
.top-menu-button.active, article .entry-thumb .comments-link:hover .comments-link:hover:before
{
background-color: #1957a8;
}
article .entry-thumb .comments-link:hover:before {
border-color: #1957a8 transparent transparent transparent;
background-color: #1957a8 transparent transparent transparent;
}
article .entry-thumb .comments-link
{
background: #1957a8;
background: rgba(25,87,168, 0.7);
}
.crumina-slider-wrap .cat-name
{
background: #1957a8;
background: rgba(25,87,168, 0.6);
}
.crumina-slider-wrap .cat-name:hover {
background: #1957a8;
background: rgba(25,87,168, 1);
}
article .entry-thumb .comments-link:before {
border-color: #1957a8 transparent transparent transparent;
border-color: rgba(25,87,168, 0.7) transparent transparent transparent;
}
article .entry-thumb .comments-link:hover:before {
border-color: #1957a8 transparent transparent transparent;
border-color: rgba(25,87,168, 0.7) transparent transparent transparent;
}
#crum-slider .item .item-content-metro {
background: #1957a8;
background: rgba(25,87,168, 0.87);
}
.author-photo img {
border-bottom: 3px solid #1957a8; }
#footer .soc-icons a:hover,
.charts-box .percent
{
border-bottom: 2px solid #1957a8; }
#wp-submit.button-primary, #commentform #submit {box-shadow:none !important;}
.feature-block-image .picture:before {
border-color: transparent transparent transparent #1957a8;
}
div.bbp-template-notice
{border-left: 3px solid #1957a8 !important;}
.woocommerce-info {
border-top: 3px solid #1957a8    }
.pricing-table .cta-button .button.red {box-shadow:none !important;}
.twitter-row .icon,
.page-numbers li:hover a,
.page-numbers li a:focus,
.page-numbers li.current a,
.page-numbers li.current a:hover, .page-numbers li.current a:focus,
.page-numbers li span:hover a,
.page-numbers li span a:focus,
.page-numbers li span.current,
.tabs.horisontal dd a,
.tabs.horisontal li a,
.tabs.vertical dd a,
.tabs.vertical li a,
.button, #wp-submit, #commentform #submit,
.map-holder .box-text,
.accodion_module .title,
.contacts-widget,
.tweet-list,
.twitter-row .icon,
.products  .product .button:before,
ul.products li.product del .amount,
.quantity .plus, #content .quantity .plus:hover,
.quantity .minus, #content .quantity .minus
{background-color:#1e73be;}
.bbp-topic-meta a,
td.product-remove a:hover,
.product-ordering a:hover,
.summary .price,
a
{color:#1e73be;}
.pricing-table:hover
{border: 2px solid #1e73be }
.pricing-table:hover::before {border-color: transparent #1e73be transparent transparent;}
#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies {
border-top: 3px solid #1e73be;
}
div.bbp-template-notice.info
{border-left: 3px solid #1e73be !important;}
#crum-slider .item.even .item-content-metro {
background: #1e73be;
background: rgba(30,115,190, 0.87);
}
.button, #wp-submit, #commentform #submit, .pricing-table .cta-button .button.red {box-shadow:none !important;}
article.post h3.entry-title,
.author-description > h4 span,
.comment-author .dop-link a,
.tabs dd.active a,
.tabs li.active a,
.pricing-table .title,
.pricing-table .bullet-item,
.folio-dopinfo,
.to-action-block .description,
.news-row .box-name,
.featured-news h3.entry-title,
.skills_widget .skill-item .item-title .title,
.list-box .feature-box.al-left li,
.recent-block .tabs.horisontal dd a:hover,
.recent-block .tabs.horisontal dd.active a,
body,
h1, h2, h3, h4, h5, h6,
.block-title,
.box-name,
.dopinfo, .dopinfo a,
.dopinfo a:hover, .entry-meta .author a,
code, pre,
table thead tr th, table tfoot tr td,
table tbody tr td,
abbr, acronym,
ul.products li.product h3,
ul.products li.product .prod-cat,
ul.products li.product .prod-details,
ul.products li.product .prod-details i,
ul.products li.product .button,
.woocommerce-message, .woocommerce-error, .woocommerce-info,
.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before,
ul.cart_list li a, ul.product_list_widget li a
{color:#6d6d6d}
#logo {
padding: 20px 0 0 0;
}