/*
===============================================
[Main stylesheet app.scss]

Author:	        Krzysztof Furtak :: WebDeveloper
Version:	    1.1.0
Created:	    04.01.2016
Last updated:	29.01.2016
Template:	    Indra - Mobile Web/APP Template

[Table of Contents]

1. FONTS
2. VARIABLES
3. GLOBALS
4. FORMS
5. HEADER/FOOTER/SIDEBAR
6. PANELS
7. MODALS/POPUPS
8. USER PROFILE
9. BLOG/ARTICLE
10. GALLERY
11. TWITTER
12. FLICKR
13. MESSAGES
14. LOGIN
15. SHOP

=================================================
*/
@font-face {
    font-family: 'kkicons';
    src: url("../fonts/kkicons.eot");
    src: url("../fonts/kkicons.eot?#iefix") format("embedded-opentype"), url("../fonts/kkicons.svg") format("svg"), url("../fonts/kkicons.woff") format("woff"), url("../fonts/kkicons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'kkicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e600";
}

.icon-home2:before {
    content: "\e601";
}

.icon-home3:before {
    content: "\e602";
}

.icon-home4:before {
    content: "\e603";
}

.icon-home5:before {
    content: "\e604";
}

.icon-home6:before {
    content: "\e605";
}

.icon-bathtub:before {
    content: "\e606";
}

.icon-toothbrush:before {
    content: "\e607";
}

.icon-bed:before {
    content: "\e608";
}

.icon-couch:before {
    content: "\e609";
}

.icon-chair:before {
    content: "\e60a";
}

.icon-city:before {
    content: "\e60b";
}

.icon-apartment:before {
    content: "\e60c";
}

.icon-pencil:before {
    content: "\e60d";
}

.icon-pencil2:before {
    content: "\e60e";
}

.icon-pen:before {
    content: "\e60f";
}

.icon-pencil3:before {
    content: "\e610";
}

.icon-eraser:before {
    content: "\e611";
}

.icon-pencil4:before {
    content: "\e612";
}

.icon-pencil5:before {
    content: "\e613";
}

.icon-feather:before {
    content: "\e614";
}

.icon-feather2:before {
    content: "\e615";
}

.icon-feather3:before {
    content: "\e616";
}

.icon-pen2:before {
    content: "\e617";
}

.icon-pen-add:before {
    content: "\e618";
}

.icon-pen-remove:before {
    content: "\e619";
}

.icon-vector:before {
    content: "\e61a";
}

.icon-pen3:before {
    content: "\e61b";
}

.icon-blog:before {
    content: "\e61c";
}

.icon-brush:before {
    content: "\e61d";
}

.icon-brush2:before {
    content: "\e61e";
}

.icon-spray:before {
    content: "\e61f";
}

.icon-paint-roller:before {
    content: "\e620";
}

.icon-stamp:before {
    content: "\e621";
}

.icon-tape:before {
    content: "\e622";
}

.icon-desk-tape:before {
    content: "\e623";
}

.icon-texture:before {
    content: "\e624";
}

.icon-eye-dropper:before {
    content: "\e625";
}

.icon-palette:before {
    content: "\e626";
}

.icon-color-sampler:before {
    content: "\e627";
}

.icon-bucket:before {
    content: "\e628";
}

.icon-gradient:before {
    content: "\e629";
}

.icon-gradient2:before {
    content: "\e62a";
}

.icon-magic-wand:before {
    content: "\e62b";
}

.icon-magnet:before {
    content: "\e62c";
}

.icon-pencil-ruler:before {
    content: "\e62d";
}

.icon-pencil-ruler2:before {
    content: "\e62e";
}

.icon-compass:before {
    content: "\e62f";
}

.icon-aim:before {
    content: "\e630";
}

.icon-gun:before {
    content: "\e631";
}

.icon-bottle:before {
    content: "\e632";
}

.icon-drop:before {
    content: "\e633";
}

.icon-drop-crossed:before {
    content: "\e634";
}

.icon-drop2:before {
    content: "\e635";
}

.icon-snow:before {
    content: "\e636";
}

.icon-snow2:before {
    content: "\e637";
}

.icon-fire:before {
    content: "\e638";
}

.icon-lighter:before {
    content: "\e639";
}

.icon-knife:before {
    content: "\e63a";
}

.icon-dagger:before {
    content: "\e63b";
}

.icon-tissue:before {
    content: "\e63c";
}

.icon-toilet-paper:before {
    content: "\e63d";
}

.icon-poop:before {
    content: "\e63e";
}

.icon-umbrella:before {
    content: "\e63f";
}

.icon-umbrella2:before {
    content: "\e640";
}

.icon-rain:before {
    content: "\e641";
}

.icon-tornado:before {
    content: "\e642";
}

.icon-wind:before {
    content: "\e643";
}

.icon-fan:before {
    content: "\e644";
}

.icon-contrast:before {
    content: "\e645";
}

.icon-sun-small:before {
    content: "\e646";
}

.icon-sun:before {
    content: "\e647";
}

.icon-sun2:before {
    content: "\e648";
}

.icon-moon:before {
    content: "\e649";
}

.icon-cloud:before {
    content: "\e64a";
}

.icon-cloud-upload:before {
    content: "\e64b";
}

.icon-cloud-download:before {
    content: "\e64c";
}

.icon-cloud-rain:before {
    content: "\e64d";
}

.icon-cloud-hailstones:before {
    content: "\e64e";
}

.icon-cloud-snow:before {
    content: "\e64f";
}

.icon-cloud-windy:before {
    content: "\e650";
}

.icon-sun-wind:before {
    content: "\e651";
}

.icon-cloud-fog:before {
    content: "\e652";
}

.icon-cloud-sun:before {
    content: "\e653";
}

.icon-cloud-lightning:before {
    content: "\e654";
}

.icon-cloud-sync:before {
    content: "\e655";
}

.icon-cloud-lock:before {
    content: "\e656";
}

.icon-cloud-gear:before {
    content: "\e657";
}

.icon-cloud-alert:before {
    content: "\e658";
}

.icon-cloud-check:before {
    content: "\e659";
}

.icon-cloud-cross:before {
    content: "\e65a";
}

.icon-cloud-crossed:before {
    content: "\e65b";
}

.icon-cloud-database:before {
    content: "\e65c";
}

.icon-database:before {
    content: "\e65d";
}

.icon-database-add:before {
    content: "\e65e";
}

.icon-database-remove:before {
    content: "\e65f";
}

.icon-database-lock:before {
    content: "\e660";
}

.icon-database-refresh:before {
    content: "\e661";
}

.icon-database-check:before {
    content: "\e662";
}

.icon-database-history:before {
    content: "\e663";
}

.icon-database-upload:before {
    content: "\e664";
}

.icon-database-download:before {
    content: "\e665";
}

.icon-server:before {
    content: "\e666";
}

.icon-shield:before {
    content: "\e667";
}

.icon-shield-check:before {
    content: "\e668";
}

.icon-shield-alert:before {
    content: "\e669";
}

.icon-shield-cross:before {
    content: "\e66a";
}

.icon-lock:before {
    content: "\e66b";
}

.icon-rotation-lock:before {
    content: "\e66c";
}

.icon-unlock:before {
    content: "\e66d";
}

.icon-key:before {
    content: "\e66e";
}

.icon-key-hole:before {
    content: "\e66f";
}

.icon-toggle-off:before {
    content: "\e670";
}

.icon-toggle-on:before {
    content: "\e671";
}

.icon-cog:before {
    content: "\e672";
}

.icon-cog2:before {
    content: "\e673";
}

.icon-wrench:before {
    content: "\e674";
}

.icon-screwdriver:before {
    content: "\e675";
}

.icon-hammer-wrench:before {
    content: "\e676";
}

.icon-hammer:before {
    content: "\e677";
}

.icon-saw:before {
    content: "\e678";
}

.icon-axe:before {
    content: "\e679";
}

.icon-axe2:before {
    content: "\e67a";
}

.icon-shovel:before {
    content: "\e67b";
}

.icon-pickaxe:before {
    content: "\e67c";
}

.icon-factory:before {
    content: "\e67d";
}

.icon-factory2:before {
    content: "\e67e";
}

.icon-recycle:before {
    content: "\e67f";
}

.icon-trash:before {
    content: "\e680";
}

.icon-trash2:before {
    content: "\e681";
}

.icon-trash3:before {
    content: "\e682";
}

.icon-broom:before {
    content: "\e683";
}

.icon-game:before {
    content: "\e684";
}

.icon-gamepad:before {
    content: "\e685";
}

.icon-joystick:before {
    content: "\e686";
}

.icon-dice:before {
    content: "\e687";
}

.icon-spades:before {
    content: "\e688";
}

.icon-diamonds:before {
    content: "\e689";
}

.icon-clubs:before {
    content: "\e68a";
}

.icon-hearts:before {
    content: "\e68b";
}

.icon-heart:before {
    content: "\e68c";
}

.icon-star:before {
    content: "\e68d";
}

.icon-star-half:before {
    content: "\e68e";
}

.icon-star-empty:before {
    content: "\e68f";
}

.icon-flag:before {
    content: "\e690";
}

.icon-flag2:before {
    content: "\e691";
}

.icon-flag3:before {
    content: "\e692";
}

.icon-mailbox-full:before {
    content: "\e693";
}

.icon-mailbox-empty:before {
    content: "\e694";
}

.icon-at-sign:before {
    content: "\e695";
}

.icon-envelope:before {
    content: "\e696";
}

.icon-envelope-open:before {
    content: "\e697";
}

.icon-paperclip:before {
    content: "\e698";
}

.icon-paper-plane:before {
    content: "\e699";
}

.icon-reply:before {
    content: "\e69a";
}

.icon-reply-all:before {
    content: "\e69b";
}

.icon-inbox:before {
    content: "\e69c";
}

.icon-inbox2:before {
    content: "\e69d";
}

.icon-outbox:before {
    content: "\e69e";
}

.icon-box:before {
    content: "\e69f";
}

.icon-archive:before {
    content: "\e6a0";
}

.icon-archive2:before {
    content: "\e6a1";
}

.icon-drawers:before {
    content: "\e6a2";
}

.icon-drawers2:before {
    content: "\e6a3";
}

.icon-drawers3:before {
    content: "\e6a4";
}

.icon-eye:before {
    content: "\e6a5";
}

.icon-eye-crossed:before {
    content: "\e6a6";
}

.icon-eye-plus:before {
    content: "\e6a7";
}

.icon-eye-minus:before {
    content: "\e6a8";
}

.icon-binoculars:before {
    content: "\e6a9";
}

.icon-binoculars2:before {
    content: "\e6aa";
}

.icon-hdd:before {
    content: "\e6ab";
}

.icon-hdd-down:before {
    content: "\e6ac";
}

.icon-hdd-up:before {
    content: "\e6ad";
}

.icon-floppy-disk:before {
    content: "\e6ae";
}

.icon-disc:before {
    content: "\e6af";
}

.icon-tape2:before {
    content: "\e6b0";
}

.icon-printer:before {
    content: "\e6b1";
}

.icon-shredder:before {
    content: "\e6b2";
}

.icon-file-empty:before {
    content: "\e6b3";
}

.icon-file-add:before {
    content: "\e6b4";
}

.icon-file-check:before {
    content: "\e6b5";
}

.icon-file-lock:before {
    content: "\e6b6";
}

.icon-files:before {
    content: "\e6b7";
}

.icon-copy:before {
    content: "\e6b8";
}

.icon-compare:before {
    content: "\e6b9";
}

.icon-folder:before {
    content: "\e6ba";
}

.icon-folder-search:before {
    content: "\e6bb";
}

.icon-folder-plus:before {
    content: "\e6bc";
}

.icon-folder-minus:before {
    content: "\e6bd";
}

.icon-folder-download:before {
    content: "\e6be";
}

.icon-folder-upload:before {
    content: "\e6bf";
}

.icon-folder-star:before {
    content: "\e6c0";
}

.icon-folder-heart:before {
    content: "\e6c1";
}

.icon-folder-user:before {
    content: "\e6c2";
}

.icon-folder-shared:before {
    content: "\e6c3";
}

.icon-folder-music:before {
    content: "\e6c4";
}

.icon-folder-picture:before {
    content: "\e6c5";
}

.icon-folder-film:before {
    content: "\e6c6";
}

.icon-scissors:before {
    content: "\e6c7";
}

.icon-paste:before {
    content: "\e6c8";
}

.icon-clipboard-empty:before {
    content: "\e6c9";
}

.icon-clipboard-pencil:before {
    content: "\e6ca";
}

.icon-clipboard-text:before {
    content: "\e6cb";
}

.icon-clipboard-check:before {
    content: "\e6cc";
}

.icon-clipboard-down:before {
    content: "\e6cd";
}

.icon-clipboard-left:before {
    content: "\e6ce";
}

.icon-clipboard-alert:before {
    content: "\e6cf";
}

.icon-clipboard-user:before {
    content: "\e6d0";
}

.icon-register:before {
    content: "\e6d1";
}

.icon-enter:before {
    content: "\e6d2";
}

.icon-exit:before {
    content: "\e6d3";
}

.icon-papers:before {
    content: "\e6d4";
}

.icon-news:before {
    content: "\e6d5";
}

.icon-reading:before {
    content: "\e6d6";
}

.icon-typewriter:before {
    content: "\e6d7";
}

.icon-document:before {
    content: "\e6d8";
}

.icon-document2:before {
    content: "\e6d9";
}

.icon-graduation-hat:before {
    content: "\e6da";
}

.icon-license:before {
    content: "\e6db";
}

.icon-license2:before {
    content: "\e6dc";
}

.icon-medal-empty:before {
    content: "\e6dd";
}

.icon-medal-first:before {
    content: "\e6de";
}

.icon-medal-second:before {
    content: "\e6df";
}

.icon-medal-third:before {
    content: "\e6e0";
}

.icon-podium:before {
    content: "\e6e1";
}

.icon-trophy:before {
    content: "\e6e2";
}

.icon-trophy2:before {
    content: "\e6e3";
}

.icon-music-note:before {
    content: "\e6e4";
}

.icon-music-note2:before {
    content: "\e6e5";
}

.icon-music-note3:before {
    content: "\e6e6";
}

.icon-playlist:before {
    content: "\e6e7";
}

.icon-playlist-add:before {
    content: "\e6e8";
}

.icon-guitar:before {
    content: "\e6e9";
}

.icon-trumpet:before {
    content: "\e6ea";
}

.icon-album:before {
    content: "\e6eb";
}

.icon-shuffle:before {
    content: "\e6ec";
}

.icon-repeat-one:before {
    content: "\e6ed";
}

.icon-repeat:before {
    content: "\e6ee";
}

.icon-headphones:before {
    content: "\e6ef";
}

.icon-headset:before {
    content: "\e6f0";
}

.icon-loudspeaker:before {
    content: "\e6f1";
}

.icon-equalizer:before {
    content: "\e6f2";
}

.icon-theater:before {
    content: "\e6f3";
}

.icon-3d-glasses:before {
    content: "\e6f4";
}

.icon-ticket:before {
    content: "\e6f5";
}

.icon-presentation:before {
    content: "\e6f6";
}

.icon-play:before {
    content: "\e6f7";
}

.icon-film-play:before {
    content: "\e6f8";
}

.icon-clapboard-play:before {
    content: "\e6f9";
}

.icon-media:before {
    content: "\e6fa";
}

.icon-film:before {
    content: "\e6fb";
}

.icon-film2:before {
    content: "\e6fc";
}

.icon-surveillance:before {
    content: "\e6fd";
}

.icon-surveillance2:before {
    content: "\e6fe";
}

.icon-camera:before {
    content: "\e6ff";
}

.icon-camera-crossed:before {
    content: "\e700";
}

.icon-camera-play:before {
    content: "\e701";
}

.icon-time-lapse:before {
    content: "\e702";
}

.icon-record:before {
    content: "\e703";
}

.icon-camera2:before {
    content: "\e704";
}

.icon-camera-flip:before {
    content: "\e705";
}

.icon-panorama:before {
    content: "\e706";
}

.icon-time-lapse2:before {
    content: "\e707";
}

.icon-shutter:before {
    content: "\e708";
}

.icon-shutter2:before {
    content: "\e709";
}

.icon-face-detection:before {
    content: "\e70a";
}

.icon-flare:before {
    content: "\e70b";
}

.icon-convex:before {
    content: "\e70c";
}

.icon-concave:before {
    content: "\e70d";
}

.icon-picture:before {
    content: "\e70e";
}

.icon-picture2:before {
    content: "\e70f";
}

.icon-picture3:before {
    content: "\e710";
}

.icon-pictures:before {
    content: "\e711";
}

.icon-book:before {
    content: "\e712";
}

.icon-audio-book:before {
    content: "\e713";
}

.icon-book2:before {
    content: "\e714";
}

.icon-bookmark:before {
    content: "\e715";
}

.icon-bookmark2:before {
    content: "\e716";
}

.icon-label:before {
    content: "\e717";
}

.icon-library:before {
    content: "\e718";
}

.icon-library2:before {
    content: "\e719";
}

.icon-contacts:before {
    content: "\e71a";
}

.icon-profile:before {
    content: "\e71b";
}

.icon-portrait:before {
    content: "\e71c";
}

.icon-portrait2:before {
    content: "\e71d";
}

.icon-user:before {
    content: "\e71e";
}

.icon-user-plus:before {
    content: "\e71f";
}

.icon-user-minus:before {
    content: "\e720";
}

.icon-user-lock:before {
    content: "\e721";
}

.icon-users:before {
    content: "\e722";
}

.icon-users2:before {
    content: "\e723";
}

.icon-users-plus:before {
    content: "\e724";
}

.icon-users-minus:before {
    content: "\e725";
}

.icon-group-work:before {
    content: "\e726";
}

.icon-woman:before {
    content: "\e727";
}

.icon-man:before {
    content: "\e728";
}

.icon-baby:before {
    content: "\e729";
}

.icon-baby2:before {
    content: "\e72a";
}

.icon-baby3:before {
    content: "\e72b";
}

.icon-baby-bottle:before {
    content: "\e72c";
}

.icon-walk:before {
    content: "\e72d";
}

.icon-hand-waving:before {
    content: "\e72e";
}

.icon-jump:before {
    content: "\e72f";
}

.icon-run:before {
    content: "\e730";
}

.icon-woman2:before {
    content: "\e731";
}

.icon-man2:before {
    content: "\e732";
}

.icon-man-woman:before {
    content: "\e733";
}

.icon-height:before {
    content: "\e734";
}

.icon-weight:before {
    content: "\e735";
}

.icon-scale:before {
    content: "\e736";
}

.icon-button:before {
    content: "\e737";
}

.icon-bow-tie:before {
    content: "\e738";
}

.icon-tie:before {
    content: "\e739";
}

.icon-socks:before {
    content: "\e73a";
}

.icon-shoe:before {
    content: "\e73b";
}

.icon-shoes:before {
    content: "\e73c";
}

.icon-hat:before {
    content: "\e73d";
}

.icon-pants:before {
    content: "\e73e";
}

.icon-shorts:before {
    content: "\e73f";
}

.icon-flip-flops:before {
    content: "\e740";
}

.icon-shirt:before {
    content: "\e741";
}

.icon-hanger:before {
    content: "\e742";
}

.icon-laundry:before {
    content: "\e743";
}

.icon-store:before {
    content: "\e744";
}

.icon-haircut:before {
    content: "\e745";
}

.icon-store-24:before {
    content: "\e746";
}

.icon-barcode:before {
    content: "\e747";
}

.icon-barcode2:before {
    content: "\e748";
}

.icon-barcode3:before {
    content: "\e749";
}

.icon-cashier:before {
    content: "\e74a";
}

.icon-bag:before {
    content: "\e74b";
}

.icon-bag2:before {
    content: "\e74c";
}

.icon-cart:before {
    content: "\e74d";
}

.icon-cart-empty:before {
    content: "\e74e";
}

.icon-cart-full:before {
    content: "\e74f";
}

.icon-cart-plus:before {
    content: "\e750";
}

.icon-cart-plus2:before {
    content: "\e751";
}

.icon-cart-add:before {
    content: "\e752";
}

.icon-cart-remove:before {
    content: "\e753";
}

.icon-cart-exchange:before {
    content: "\e754";
}

.icon-tag:before {
    content: "\e755";
}

.icon-tags:before {
    content: "\e756";
}

.icon-receipt:before {
    content: "\e757";
}

.icon-wallet:before {
    content: "\e758";
}

.icon-credit-card:before {
    content: "\e759";
}

.icon-cash-dollar:before {
    content: "\e75a";
}

.icon-cash-euro:before {
    content: "\e75b";
}

.icon-cash-pound:before {
    content: "\e75c";
}

.icon-cash-yen:before {
    content: "\e75d";
}

.icon-bag-dollar:before {
    content: "\e75e";
}

.icon-bag-euro:before {
    content: "\e75f";
}

.icon-bag-pound:before {
    content: "\e760";
}

.icon-bag-yen:before {
    content: "\e761";
}

.icon-coin-dollar:before {
    content: "\e762";
}

.icon-coin-euro:before {
    content: "\e763";
}

.icon-coin-pound:before {
    content: "\e764";
}

.icon-coin-yen:before {
    content: "\e765";
}

.icon-calculator:before {
    content: "\e766";
}

.icon-calculator2:before {
    content: "\e767";
}

.icon-abacus:before {
    content: "\e768";
}

.icon-vault:before {
    content: "\e769";
}

.icon-telephone:before {
    content: "\e76a";
}

.icon-phone-lock:before {
    content: "\e76b";
}

.icon-phone-wave:before {
    content: "\e76c";
}

.icon-phone-pause:before {
    content: "\e76d";
}

.icon-phone-outgoing:before {
    content: "\e76e";
}

.icon-phone-incoming:before {
    content: "\e76f";
}

.icon-phone-in-out:before {
    content: "\e770";
}

.icon-phone-error:before {
    content: "\e771";
}

.icon-phone-sip:before {
    content: "\e772";
}

.icon-phone-plus:before {
    content: "\e773";
}

.icon-phone-minus:before {
    content: "\e774";
}

.icon-voicemail:before {
    content: "\e775";
}

.icon-dial:before {
    content: "\e776";
}

.icon-telephone2:before {
    content: "\e777";
}

.icon-pushpin:before {
    content: "\e778";
}

.icon-pushpin2:before {
    content: "\e779";
}

.icon-map-marker:before {
    content: "\e77a";
}

.icon-map-marker-user:before {
    content: "\e77b";
}

.icon-map-marker-down:before {
    content: "\e77c";
}

.icon-map-marker-check:before {
    content: "\e77d";
}

.icon-map-marker-crossed:before {
    content: "\e77e";
}

.icon-radar:before {
    content: "\e77f";
}

.icon-compass2:before {
    content: "\e780";
}

.icon-map:before {
    content: "\e781";
}

.icon-map2:before {
    content: "\e782";
}

.icon-location:before {
    content: "\e783";
}

.icon-road-sign:before {
    content: "\e784";
}

.icon-calendar-empty:before {
    content: "\e785";
}

.icon-calendar-check:before {
    content: "\e786";
}

.icon-calendar-cross:before {
    content: "\e787";
}

.icon-calendar-31:before {
    content: "\e788";
}

.icon-calendar-full:before {
    content: "\e789";
}

.icon-calendar-insert:before {
    content: "\e78a";
}

.icon-calendar-text:before {
    content: "\e78b";
}

.icon-calendar-user:before {
    content: "\e78c";
}

.icon-mouse:before {
    content: "\e78d";
}

.icon-mouse-left:before {
    content: "\e78e";
}

.icon-mouse-right:before {
    content: "\e78f";
}

.icon-mouse-both:before {
    content: "\e790";
}

.icon-keyboard:before {
    content: "\e791";
}

.icon-keyboard-up:before {
    content: "\e792";
}

.icon-keyboard-down:before {
    content: "\e793";
}

.icon-delete:before {
    content: "\e794";
}

.icon-spell-check:before {
    content: "\e795";
}

.icon-escape:before {
    content: "\e796";
}

.icon-enter2:before {
    content: "\e797";
}

.icon-screen:before {
    content: "\e798";
}

.icon-aspect-ratio:before {
    content: "\e799";
}

.icon-signal:before {
    content: "\e79a";
}

.icon-signal-lock:before {
    content: "\e79b";
}

.icon-signal-80:before {
    content: "\e79c";
}

.icon-signal-60:before {
    content: "\e79d";
}

.icon-signal-40:before {
    content: "\e79e";
}

.icon-signal-20:before {
    content: "\e79f";
}

.icon-signal-0:before {
    content: "\e7a0";
}

.icon-signal-blocked:before {
    content: "\e7a1";
}

.icon-sim:before {
    content: "\e7a2";
}

.icon-flash-memory:before {
    content: "\e7a3";
}

.icon-usb-drive:before {
    content: "\e7a4";
}

.icon-phone:before {
    content: "\e7a5";
}

.icon-smartphone:before {
    content: "\e7a6";
}

.icon-smartphone-notification:before {
    content: "\e7a7";
}

.icon-smartphone-vibration:before {
    content: "\e7a8";
}

.icon-smartphone-embed:before {
    content: "\e7a9";
}

.icon-smartphone-waves:before {
    content: "\e7aa";
}

.icon-tablet:before {
    content: "\e7ab";
}

.icon-tablet2:before {
    content: "\e7ac";
}

.icon-laptop:before {
    content: "\e7ad";
}

.icon-laptop-phone:before {
    content: "\e7ae";
}

.icon-desktop:before {
    content: "\e7af";
}

.icon-launch:before {
    content: "\e7b0";
}

.icon-new-tab:before {
    content: "\e7b1";
}

.icon-window:before {
    content: "\e7b2";
}

.icon-cable:before {
    content: "\e7b3";
}

.icon-cable2:before {
    content: "\e7b4";
}

.icon-tv:before {
    content: "\e7b5";
}

.icon-radio:before {
    content: "\e7b6";
}

.icon-remote-control:before {
    content: "\e7b7";
}

.icon-power-switch:before {
    content: "\e7b8";
}

.icon-power:before {
    content: "\e7b9";
}

.icon-power-crossed:before {
    content: "\e7ba";
}

.icon-flash-auto:before {
    content: "\e7bb";
}

.icon-lamp:before {
    content: "\e7bc";
}

.icon-flashlight:before {
    content: "\e7bd";
}

.icon-lampshade:before {
    content: "\e7be";
}

.icon-cord:before {
    content: "\e7bf";
}

.icon-outlet:before {
    content: "\e7c0";
}

.icon-battery-power:before {
    content: "\e7c1";
}

.icon-battery-empty:before {
    content: "\e7c2";
}

.icon-battery-alert:before {
    content: "\e7c3";
}

.icon-battery-error:before {
    content: "\e7c4";
}

.icon-battery-low1:before {
    content: "\e7c5";
}

.icon-battery-low2:before {
    content: "\e7c6";
}

.icon-battery-low3:before {
    content: "\e7c7";
}

.icon-battery-mid1:before {
    content: "\e7c8";
}

.icon-battery-mid2:before {
    content: "\e7c9";
}

.icon-battery-mid3:before {
    content: "\e7ca";
}

.icon-battery-full:before {
    content: "\e7cb";
}

.icon-battery-charging:before {
    content: "\e7cc";
}

.icon-battery-charging2:before {
    content: "\e7cd";
}

.icon-battery-charging3:before {
    content: "\e7ce";
}

.icon-battery-charging4:before {
    content: "\e7cf";
}

.icon-battery-charging5:before {
    content: "\e7d0";
}

.icon-battery-charging6:before {
    content: "\e7d1";
}

.icon-battery-charging7:before {
    content: "\e7d2";
}

.icon-chip:before {
    content: "\e7d3";
}

.icon-chip-x64:before {
    content: "\e7d4";
}

.icon-chip-x86:before {
    content: "\e7d5";
}

.icon-bubble:before {
    content: "\e7d6";
}

.icon-bubbles:before {
    content: "\e7d7";
}

.icon-bubble-dots:before {
    content: "\e7d8";
}

.icon-bubble-alert:before {
    content: "\e7d9";
}

.icon-bubble-question:before {
    content: "\e7da";
}

.icon-bubble-text:before {
    content: "\e7db";
}

.icon-bubble-pencil:before {
    content: "\e7dc";
}

.icon-bubble-picture:before {
    content: "\e7dd";
}

.icon-bubble-video:before {
    content: "\e7de";
}

.icon-bubble-user:before {
    content: "\e7df";
}

.icon-bubble-quote:before {
    content: "\e7e0";
}

.icon-bubble-heart:before {
    content: "\e7e1";
}

.icon-bubble-emoticon:before {
    content: "\e7e2";
}

.icon-bubble-attachment:before {
    content: "\e7e3";
}

.icon-phone-bubble:before {
    content: "\e7e4";
}

.icon-quote-open:before {
    content: "\e7e5";
}

.icon-quote-close:before {
    content: "\e7e6";
}

.icon-dna:before {
    content: "\e7e7";
}

.icon-heart-pulse:before {
    content: "\e7e8";
}

.icon-pulse:before {
    content: "\e7e9";
}

.icon-syringe:before {
    content: "\e7ea";
}

.icon-pills:before {
    content: "\e7eb";
}

.icon-first-aid:before {
    content: "\e7ec";
}

.icon-lifebuoy:before {
    content: "\e7ed";
}

.icon-bandage:before {
    content: "\e7ee";
}

.icon-bandages:before {
    content: "\e7ef";
}

.icon-thermometer:before {
    content: "\e7f0";
}

.icon-microscope:before {
    content: "\e7f1";
}

.icon-brain:before {
    content: "\e7f2";
}

.icon-beaker:before {
    content: "\e7f3";
}

.icon-skull:before {
    content: "\e7f4";
}

.icon-bone:before {
    content: "\e7f5";
}

.icon-construction:before {
    content: "\e7f6";
}

.icon-construction-cone:before {
    content: "\e7f7";
}

.icon-pie-chart:before {
    content: "\e7f8";
}

.icon-pie-chart2:before {
    content: "\e7f9";
}

.icon-graph:before {
    content: "\e7fa";
}

.icon-chart-growth:before {
    content: "\e7fb";
}

.icon-chart-bars:before {
    content: "\e7fc";
}

.icon-chart-settings:before {
    content: "\e7fd";
}

.icon-cake:before {
    content: "\e7fe";
}

.icon-gift:before {
    content: "\e7ff";
}

.icon-balloon:before {
    content: "\e800";
}

.icon-rank:before {
    content: "\e801";
}

.icon-rank2:before {
    content: "\e802";
}

.icon-rank3:before {
    content: "\e803";
}

.icon-crown:before {
    content: "\e804";
}

.icon-lotus:before {
    content: "\e805";
}

.icon-diamond:before {
    content: "\e806";
}

.icon-diamond2:before {
    content: "\e807";
}

.icon-diamond3:before {
    content: "\e808";
}

.icon-diamond4:before {
    content: "\e809";
}

.icon-linearicons:before {
    content: "\e80a";
}

.icon-teacup:before {
    content: "\e80b";
}

.icon-teapot:before {
    content: "\e80c";
}

.icon-glass:before {
    content: "\e80d";
}

.icon-bottle2:before {
    content: "\e80e";
}

.icon-glass-cocktail:before {
    content: "\e80f";
}

.icon-glass2:before {
    content: "\e810";
}

.icon-dinner:before {
    content: "\e811";
}

.icon-dinner2:before {
    content: "\e812";
}

.icon-chef:before {
    content: "\e813";
}

.icon-scale2:before {
    content: "\e814";
}

.icon-egg:before {
    content: "\e815";
}

.icon-egg2:before {
    content: "\e816";
}

.icon-eggs:before {
    content: "\e817";
}

.icon-platter:before {
    content: "\e818";
}

.icon-steak:before {
    content: "\e819";
}

.icon-hamburger:before {
    content: "\e81a";
}

.icon-hotdog:before {
    content: "\e81b";
}

.icon-pizza:before {
    content: "\e81c";
}

.icon-sausage:before {
    content: "\e81d";
}

.icon-chicken:before {
    content: "\e81e";
}

.icon-fish:before {
    content: "\e81f";
}

.icon-carrot:before {
    content: "\e820";
}

.icon-cheese:before {
    content: "\e821";
}

.icon-bread:before {
    content: "\e822";
}

.icon-ice-cream:before {
    content: "\e823";
}

.icon-ice-cream2:before {
    content: "\e824";
}

.icon-candy:before {
    content: "\e825";
}

.icon-lollipop:before {
    content: "\e826";
}

.icon-coffee-bean:before {
    content: "\e827";
}

.icon-coffee-cup:before {
    content: "\e828";
}

.icon-cherry:before {
    content: "\e829";
}

.icon-grapes:before {
    content: "\e82a";
}

.icon-citrus:before {
    content: "\e82b";
}

.icon-apple:before {
    content: "\e82c";
}

.icon-leaf:before {
    content: "\e82d";
}

.icon-landscape:before {
    content: "\e82e";
}

.icon-pine-tree:before {
    content: "\e82f";
}

.icon-tree:before {
    content: "\e830";
}

.icon-cactus:before {
    content: "\e831";
}

.icon-paw:before {
    content: "\e832";
}

.icon-footprint:before {
    content: "\e833";
}

.icon-speed-slow:before {
    content: "\e834";
}

.icon-speed-medium:before {
    content: "\e835";
}

.icon-speed-fast:before {
    content: "\e836";
}

.icon-rocket:before {
    content: "\e837";
}

.icon-hammer2:before {
    content: "\e838";
}

.icon-balance:before {
    content: "\e839";
}

.icon-briefcase:before {
    content: "\e83a";
}

.icon-luggage-weight:before {
    content: "\e83b";
}

.icon-dolly:before {
    content: "\e83c";
}

.icon-plane:before {
    content: "\e83d";
}

.icon-plane-crossed:before {
    content: "\e83e";
}

.icon-helicopter:before {
    content: "\e83f";
}

.icon-traffic-lights:before {
    content: "\e840";
}

.icon-siren:before {
    content: "\e841";
}

.icon-road:before {
    content: "\e842";
}

.icon-engine:before {
    content: "\e843";
}

.icon-oil-pressure:before {
    content: "\e844";
}

.icon-coolant-temperature:before {
    content: "\e845";
}

.icon-car-battery:before {
    content: "\e846";
}

.icon-gas:before {
    content: "\e847";
}

.icon-gallon:before {
    content: "\e848";
}

.icon-transmission:before {
    content: "\e849";
}

.icon-car:before {
    content: "\e84a";
}

.icon-car-wash:before {
    content: "\e84b";
}

.icon-car-wash2:before {
    content: "\e84c";
}

.icon-bus:before {
    content: "\e84d";
}

.icon-bus2:before {
    content: "\e84e";
}

.icon-car2:before {
    content: "\e84f";
}

.icon-parking:before {
    content: "\e850";
}

.icon-car-lock:before {
    content: "\e851";
}

.icon-taxi:before {
    content: "\e852";
}

.icon-car-siren:before {
    content: "\e853";
}

.icon-car-wash3:before {
    content: "\e854";
}

.icon-car-wash4:before {
    content: "\e855";
}

.icon-ambulance:before {
    content: "\e856";
}

.icon-truck:before {
    content: "\e857";
}

.icon-trailer:before {
    content: "\e858";
}

.icon-scale-truck:before {
    content: "\e859";
}

.icon-train:before {
    content: "\e85a";
}

.icon-ship:before {
    content: "\e85b";
}

.icon-ship2:before {
    content: "\e85c";
}

.icon-anchor:before {
    content: "\e85d";
}

.icon-boat:before {
    content: "\e85e";
}

.icon-bicycle:before {
    content: "\e85f";
}

.icon-bicycle2:before {
    content: "\e860";
}

.icon-dumbbell:before {
    content: "\e861";
}

.icon-bench-press:before {
    content: "\e862";
}

.icon-swim:before {
    content: "\e863";
}

.icon-football:before {
    content: "\e864";
}

.icon-baseball-bat:before {
    content: "\e865";
}

.icon-baseball:before {
    content: "\e866";
}

.icon-tennis:before {
    content: "\e867";
}

.icon-tennis2:before {
    content: "\e868";
}

.icon-ping-pong:before {
    content: "\e869";
}

.icon-hockey:before {
    content: "\e86a";
}

.icon-8ball:before {
    content: "\e86b";
}

.icon-bowling:before {
    content: "\e86c";
}

.icon-bowling-pins:before {
    content: "\e86d";
}

.icon-golf:before {
    content: "\e86e";
}

.icon-golf2:before {
    content: "\e86f";
}

.icon-archery:before {
    content: "\e870";
}

.icon-slingshot:before {
    content: "\e871";
}

.icon-soccer:before {
    content: "\e872";
}

.icon-basketball:before {
    content: "\e873";
}

.icon-cube:before {
    content: "\e874";
}

.icon-3d-rotate:before {
    content: "\e875";
}

.icon-puzzle:before {
    content: "\e876";
}

.icon-glasses:before {
    content: "\e877";
}

.icon-glasses2:before {
    content: "\e878";
}

.icon-accessibility:before {
    content: "\e879";
}

.icon-wheelchair:before {
    content: "\e87a";
}

.icon-wall:before {
    content: "\e87b";
}

.icon-fence:before {
    content: "\e87c";
}

.icon-wall2:before {
    content: "\e87d";
}

.icon-icons:before {
    content: "\e87e";
}

.icon-resize-handle:before {
    content: "\e87f";
}

.icon-icons2:before {
    content: "\e880";
}

.icon-select:before {
    content: "\e881";
}

.icon-select2:before {
    content: "\e882";
}

.icon-site-map:before {
    content: "\e883";
}

.icon-earth:before {
    content: "\e884";
}

.icon-earth-lock:before {
    content: "\e885";
}

.icon-network:before {
    content: "\e886";
}

.icon-network-lock:before {
    content: "\e887";
}

.icon-planet:before {
    content: "\e888";
}

.icon-happy:before {
    content: "\e889";
}

.icon-smile:before {
    content: "\e88a";
}

.icon-grin:before {
    content: "\e88b";
}

.icon-tongue:before {
    content: "\e88c";
}

.icon-sad:before {
    content: "\e88d";
}

.icon-wink:before {
    content: "\e88e";
}

.icon-dream:before {
    content: "\e88f";
}

.icon-shocked:before {
    content: "\e890";
}

.icon-shocked2:before {
    content: "\e891";
}

.icon-tongue2:before {
    content: "\e892";
}

.icon-neutral:before {
    content: "\e893";
}

.icon-happy-grin:before {
    content: "\e894";
}

.icon-cool:before {
    content: "\e895";
}

.icon-mad:before {
    content: "\e896";
}

.icon-grin-evil:before {
    content: "\e897";
}

.icon-evil:before {
    content: "\e898";
}

.icon-wow:before {
    content: "\e899";
}

.icon-annoyed:before {
    content: "\e89a";
}

.icon-wondering:before {
    content: "\e89b";
}

.icon-confused:before {
    content: "\e89c";
}

.icon-zipped:before {
    content: "\e89d";
}

.icon-grumpy:before {
    content: "\e89e";
}

.icon-mustache:before {
    content: "\e89f";
}

.icon-tombstone-hipster:before {
    content: "\e8a0";
}

.icon-tombstone:before {
    content: "\e8a1";
}

.icon-ghost:before {
    content: "\e8a2";
}

.icon-ghost-hipster:before {
    content: "\e8a3";
}

.icon-halloween:before {
    content: "\e8a4";
}

.icon-christmas:before {
    content: "\e8a5";
}

.icon-easter-egg:before {
    content: "\e8a6";
}

.icon-mustache2:before {
    content: "\e8a7";
}

.icon-mustache-glasses:before {
    content: "\e8a8";
}

.icon-pipe:before {
    content: "\e8a9";
}

.icon-alarm:before {
    content: "\e8aa";
}

.icon-alarm-add:before {
    content: "\e8ab";
}

.icon-alarm-snooze:before {
    content: "\e8ac";
}

.icon-alarm-ringing:before {
    content: "\e8ad";
}

.icon-bullhorn:before {
    content: "\e8ae";
}

.icon-hearing:before {
    content: "\e8af";
}

.icon-volume-high:before {
    content: "\e8b0";
}

.icon-volume-medium:before {
    content: "\e8b1";
}

.icon-volume-low:before {
    content: "\e8b2";
}

.icon-volume:before {
    content: "\e8b3";
}

.icon-mute:before {
    content: "\e8b4";
}

.icon-lan:before {
    content: "\e8b5";
}

.icon-lan2:before {
    content: "\e8b6";
}

.icon-wifi:before {
    content: "\e8b7";
}

.icon-wifi-lock:before {
    content: "\e8b8";
}

.icon-wifi-blocked:before {
    content: "\e8b9";
}

.icon-wifi-mid:before {
    content: "\e8ba";
}

.icon-wifi-low:before {
    content: "\e8bb";
}

.icon-wifi-low2:before {
    content: "\e8bc";
}

.icon-wifi-alert:before {
    content: "\e8bd";
}

.icon-wifi-alert-mid:before {
    content: "\e8be";
}

.icon-wifi-alert-low:before {
    content: "\e8bf";
}

.icon-wifi-alert-low2:before {
    content: "\e8c0";
}

.icon-stream:before {
    content: "\e8c1";
}

.icon-stream-check:before {
    content: "\e8c2";
}

.icon-stream-error:before {
    content: "\e8c3";
}

.icon-stream-alert:before {
    content: "\e8c4";
}

.icon-communication:before {
    content: "\e8c5";
}

.icon-communication-crossed:before {
    content: "\e8c6";
}

.icon-broadcast:before {
    content: "\e8c7";
}

.icon-antenna:before {
    content: "\e8c8";
}

.icon-satellite:before {
    content: "\e8c9";
}

.icon-satellite2:before {
    content: "\e8ca";
}

.icon-mic:before {
    content: "\e8cb";
}

.icon-mic-mute:before {
    content: "\e8cc";
}

.icon-mic2:before {
    content: "\e8cd";
}

.icon-spotlights:before {
    content: "\e8ce";
}

.icon-hourglass:before {
    content: "\e8cf";
}

.icon-loading:before {
    content: "\e8d0";
}

.icon-loading2:before {
    content: "\e8d1";
}

.icon-loading3:before {
    content: "\e8d2";
}

.icon-refresh:before {
    content: "\e8d3";
}

.icon-refresh2:before {
    content: "\e8d4";
}

.icon-undo:before {
    content: "\e8d5";
}

.icon-redo:before {
    content: "\e8d6";
}

.icon-jump2:before {
    content: "\e8d7";
}

.icon-undo2:before {
    content: "\e8d8";
}

.icon-redo2:before {
    content: "\e8d9";
}

.icon-sync:before {
    content: "\e8da";
}

.icon-repeat-one2:before {
    content: "\e8db";
}

.icon-sync-crossed:before {
    content: "\e8dc";
}

.icon-sync2:before {
    content: "\e8dd";
}

.icon-repeat-one3:before {
    content: "\e8de";
}

.icon-sync-crossed2:before {
    content: "\e8df";
}

.icon-return:before {
    content: "\e8e0";
}

.icon-return2:before {
    content: "\e8e1";
}

.icon-refund:before {
    content: "\e8e2";
}

.icon-history:before {
    content: "\e8e3";
}

.icon-history2:before {
    content: "\e8e4";
}

.icon-self-timer:before {
    content: "\e8e5";
}

.icon-clock:before {
    content: "\e8e6";
}

.icon-clock2:before {
    content: "\e8e7";
}

.icon-clock3:before {
    content: "\e8e8";
}

.icon-watch:before {
    content: "\e8e9";
}

.icon-alarm2:before {
    content: "\e8ea";
}

.icon-alarm-add2:before {
    content: "\e8eb";
}

.icon-alarm-remove:before {
    content: "\e8ec";
}

.icon-alarm-check:before {
    content: "\e8ed";
}

.icon-alarm-error:before {
    content: "\e8ee";
}

.icon-timer:before {
    content: "\e8ef";
}

.icon-timer-crossed:before {
    content: "\e8f0";
}

.icon-timer2:before {
    content: "\e8f1";
}

.icon-timer-crossed2:before {
    content: "\e8f2";
}

.icon-download:before {
    content: "\e8f3";
}

.icon-upload:before {
    content: "\e8f4";
}

.icon-download2:before {
    content: "\e8f5";
}

.icon-upload2:before {
    content: "\e8f6";
}

.icon-enter-up:before {
    content: "\e8f7";
}

.icon-enter-down:before {
    content: "\e8f8";
}

.icon-enter-left:before {
    content: "\e8f9";
}

.icon-enter-right:before {
    content: "\e8fa";
}

.icon-exit-up:before {
    content: "\e8fb";
}

.icon-exit-down:before {
    content: "\e8fc";
}

.icon-exit-left:before {
    content: "\e8fd";
}

.icon-exit-right:before {
    content: "\e8fe";
}

.icon-enter-up2:before {
    content: "\e8ff";
}

.icon-enter-down2:before {
    content: "\e900";
}

.icon-enter-vertical:before {
    content: "\e901";
}

.icon-enter-left2:before {
    content: "\e902";
}

.icon-enter-right2:before {
    content: "\e903";
}

.icon-enter-horizontal:before {
    content: "\e904";
}

.icon-exit-up2:before {
    content: "\e905";
}

.icon-exit-down2:before {
    content: "\e906";
}

.icon-exit-left2:before {
    content: "\e907";
}

.icon-exit-right2:before {
    content: "\e908";
}

.icon-cli:before {
    content: "\e909";
}

.icon-bug:before {
    content: "\e90a";
}

.icon-code:before {
    content: "\e90b";
}

.icon-file-code:before {
    content: "\e90c";
}

.icon-file-image:before {
    content: "\e90d";
}

.icon-file-zip:before {
    content: "\e90e";
}

.icon-file-audio:before {
    content: "\e90f";
}

.icon-file-video:before {
    content: "\e910";
}

.icon-file-preview:before {
    content: "\e911";
}

.icon-file-charts:before {
    content: "\e912";
}

.icon-file-stats:before {
    content: "\e913";
}

.icon-file-spreadsheet:before {
    content: "\e914";
}

.icon-link:before {
    content: "\e915";
}

.icon-unlink:before {
    content: "\e916";
}

.icon-link2:before {
    content: "\e917";
}

.icon-unlink2:before {
    content: "\e918";
}

.icon-thumbs-up:before {
    content: "\e919";
}

.icon-thumbs-down:before {
    content: "\e91a";
}

.icon-thumbs-up2:before {
    content: "\e91b";
}

.icon-thumbs-down2:before {
    content: "\e91c";
}

.icon-thumbs-up3:before {
    content: "\e91d";
}

.icon-thumbs-down3:before {
    content: "\e91e";
}

.icon-share:before {
    content: "\e91f";
}

.icon-share2:before {
    content: "\e920";
}

.icon-share3:before {
    content: "\e921";
}

.icon-magnifier:before {
    content: "\e922";
}

.icon-file-search:before {
    content: "\e923";
}

.icon-find-replace:before {
    content: "\e924";
}

.icon-zoom-in:before {
    content: "\e925";
}

.icon-zoom-out:before {
    content: "\e926";
}

.icon-loupe:before {
    content: "\e927";
}

.icon-loupe-zoom-in:before {
    content: "\e928";
}

.icon-loupe-zoom-out:before {
    content: "\e929";
}

.icon-cross:before {
    content: "\e92a";
}

.icon-menu:before {
    content: "\e92b";
}

.icon-list:before {
    content: "\e92c";
}

.icon-list2:before {
    content: "\e92d";
}

.icon-list3:before {
    content: "\e92e";
}

.icon-menu2:before {
    content: "\e92f";
}

.icon-list4:before {
    content: "\e930";
}

.icon-menu3:before {
    content: "\e931";
}

.icon-exclamation:before {
    content: "\e932";
}

.icon-question:before {
    content: "\e933";
}

.icon-check:before {
    content: "\e934";
}

.icon-cross2:before {
    content: "\e935";
}

.icon-plus:before {
    content: "\e936";
}

.icon-minus:before {
    content: "\e937";
}

.icon-percent:before {
    content: "\e938";
}

.icon-chevron-up:before {
    content: "\e939";
}

.icon-chevron-down:before {
    content: "\e93a";
}

.icon-chevron-left:before {
    content: "\e93b";
}

.icon-chevron-right:before {
    content: "\e93c";
}

.icon-chevrons-expand-vertical:before {
    content: "\e93d";
}

.icon-chevrons-expand-horizontal:before {
    content: "\e93e";
}

.icon-chevrons-contract-vertical:before {
    content: "\e93f";
}

.icon-chevrons-contract-horizontal:before {
    content: "\e940";
}

.icon-arrow-up:before {
    content: "\e941";
}

.icon-arrow-down:before {
    content: "\e942";
}

.icon-arrow-left:before {
    content: "\e943";
}

.icon-arrow-right:before {
    content: "\e944";
}

.icon-arrow-up-right:before {
    content: "\e945";
}

.icon-arrows-merge:before {
    content: "\e946";
}

.icon-arrows-split:before {
    content: "\e947";
}

.icon-arrow-divert:before {
    content: "\e948";
}

.icon-arrow-return:before {
    content: "\e949";
}

.icon-expand:before {
    content: "\e94a";
}

.icon-contract:before {
    content: "\e94b";
}

.icon-expand2:before {
    content: "\e94c";
}

.icon-contract2:before {
    content: "\e94d";
}

.icon-move:before {
    content: "\e94e";
}

.icon-tab:before {
    content: "\e94f";
}

.icon-arrow-wave:before {
    content: "\e950";
}

.icon-expand3:before {
    content: "\e951";
}

.icon-expand4:before {
    content: "\e952";
}

.icon-contract3:before {
    content: "\e953";
}

.icon-notification:before {
    content: "\e954";
}

.icon-warning:before {
    content: "\e955";
}

.icon-notification-circle:before {
    content: "\e956";
}

.icon-question-circle:before {
    content: "\e957";
}

.icon-menu-circle:before {
    content: "\e958";
}

.icon-checkmark-circle:before {
    content: "\e959";
}

.icon-cross-circle:before {
    content: "\e95a";
}

.icon-plus-circle:before {
    content: "\e95b";
}

.icon-circle-minus:before {
    content: "\e95c";
}

.icon-percent-circle:before {
    content: "\e95d";
}

.icon-arrow-up-circle:before {
    content: "\e95e";
}

.icon-arrow-down-circle:before {
    content: "\e95f";
}

.icon-arrow-left-circle:before {
    content: "\e960";
}

.icon-arrow-right-circle:before {
    content: "\e961";
}

.icon-chevron-up-circle:before {
    content: "\e962";
}

.icon-chevron-down-circle:before {
    content: "\e963";
}

.icon-chevron-left-circle:before {
    content: "\e964";
}

.icon-chevron-right-circle:before {
    content: "\e965";
}

.icon-backward-circle:before {
    content: "\e966";
}

.icon-first-circle:before {
    content: "\e967";
}

.icon-previous-circle:before {
    content: "\e968";
}

.icon-stop-circle:before {
    content: "\e969";
}

.icon-play-circle:before {
    content: "\e96a";
}

.icon-pause-circle:before {
    content: "\e96b";
}

.icon-next-circle:before {
    content: "\e96c";
}

.icon-last-circle:before {
    content: "\e96d";
}

.icon-forward-circle:before {
    content: "\e96e";
}

.icon-eject-circle:before {
    content: "\e96f";
}

.icon-crop:before {
    content: "\e970";
}

.icon-frame-expand:before {
    content: "\e971";
}

.icon-frame-contract:before {
    content: "\e972";
}

.icon-focus:before {
    content: "\e973";
}

.icon-transform:before {
    content: "\e974";
}

.icon-grid:before {
    content: "\e975";
}

.icon-grid-crossed:before {
    content: "\e976";
}

.icon-layers:before {
    content: "\e977";
}

.icon-layers-crossed:before {
    content: "\e978";
}

.icon-toggle:before {
    content: "\e979";
}

.icon-rulers:before {
    content: "\e97a";
}

.icon-ruler:before {
    content: "\e97b";
}

.icon-funnel:before {
    content: "\e97c";
}

.icon-flip-horizontal:before {
    content: "\e97d";
}

.icon-flip-vertical:before {
    content: "\e97e";
}

.icon-flip-horizontal2:before {
    content: "\e97f";
}

.icon-flip-vertical2:before {
    content: "\e980";
}

.icon-angle:before {
    content: "\e981";
}

.icon-angle2:before {
    content: "\e982";
}

.icon-subtract:before {
    content: "\e983";
}

.icon-combine:before {
    content: "\e984";
}

.icon-intersect:before {
    content: "\e985";
}

.icon-exclude:before {
    content: "\e986";
}

.icon-align-center-vertical:before {
    content: "\e987";
}

.icon-align-right:before {
    content: "\e988";
}

.icon-align-bottom:before {
    content: "\e989";
}

.icon-align-left:before {
    content: "\e98a";
}

.icon-align-center-horizontal:before {
    content: "\e98b";
}

.icon-align-top:before {
    content: "\e98c";
}

.icon-square:before {
    content: "\e98d";
}

.icon-plus-square:before {
    content: "\e98e";
}

.icon-minus-square:before {
    content: "\e98f";
}

.icon-percent-square:before {
    content: "\e990";
}

.icon-arrow-up-square:before {
    content: "\e991";
}

.icon-arrow-down-square:before {
    content: "\e992";
}

.icon-arrow-left-square:before {
    content: "\e993";
}

.icon-arrow-right-square:before {
    content: "\e994";
}

.icon-chevron-up-square:before {
    content: "\e995";
}

.icon-chevron-down-square:before {
    content: "\e996";
}

.icon-chevron-left-square:before {
    content: "\e997";
}

.icon-chevron-right-square:before {
    content: "\e998";
}

.icon-check-square:before {
    content: "\e999";
}

.icon-cross-square:before {
    content: "\e99a";
}

.icon-menu-square:before {
    content: "\e99b";
}

.icon-prohibited:before {
    content: "\e99c";
}

.icon-circle:before {
    content: "\e99d";
}

.icon-radio-button:before {
    content: "\e99e";
}

.icon-ligature:before {
    content: "\e99f";
}

.icon-text-format:before {
    content: "\e9a0";
}

.icon-text-format-remove:before {
    content: "\e9a1";
}

.icon-text-size:before {
    content: "\e9a2";
}

.icon-bold:before {
    content: "\e9a3";
}

.icon-italic:before {
    content: "\e9a4";
}

.icon-underline:before {
    content: "\e9a5";
}

.icon-strikethrough:before {
    content: "\e9a6";
}

.icon-highlight:before {
    content: "\e9a7";
}

.icon-text-align-left:before {
    content: "\e9a8";
}

.icon-text-align-center:before {
    content: "\e9a9";
}

.icon-text-align-right:before {
    content: "\e9aa";
}

.icon-text-align-justify:before {
    content: "\e9ab";
}

.icon-line-spacing:before {
    content: "\e9ac";
}

.icon-indent-increase:before {
    content: "\e9ad";
}

.icon-indent-decrease:before {
    content: "\e9ae";
}

.icon-text-wrap:before {
    content: "\e9af";
}

.icon-pilcrow:before {
    content: "\e9b0";
}

.icon-direction-ltr:before {
    content: "\e9b1";
}

.icon-direction-rtl:before {
    content: "\e9b2";
}

.icon-page-break:before {
    content: "\e9b3";
}

.icon-page-break2:before {
    content: "\e9b4";
}

.icon-sort-alpha-asc:before {
    content: "\e9b5";
}

.icon-sort-alpha-desc:before {
    content: "\e9b6";
}

.icon-sort-numeric-asc:before {
    content: "\e9b7";
}

.icon-sort-numeric-desc:before {
    content: "\e9b8";
}

.icon-sort-amount-asc:before {
    content: "\e9b9";
}

.icon-sort-amount-desc:before {
    content: "\e9ba";
}

.icon-sort-time-asc:before {
    content: "\e9bb";
}

.icon-sort-time-desc:before {
    content: "\e9bc";
}

.icon-sigma:before {
    content: "\e9bd";
}

.icon-pencil-line:before {
    content: "\e9be";
}

.icon-hand:before {
    content: "\e9bf";
}

.icon-pointer-up:before {
    content: "\e9c0";
}

.icon-pointer-right:before {
    content: "\e9c1";
}

.icon-pointer-down:before {
    content: "\e9c2";
}

.icon-pointer-left:before {
    content: "\e9c3";
}

.icon-finger-tap:before {
    content: "\e9c4";
}

.icon-fingers-tap:before {
    content: "\e9c5";
}

.icon-reminder:before {
    content: "\e9c6";
}

.icon-fingers-crossed:before {
    content: "\e9c7";
}

.icon-fingers-victory:before {
    content: "\e9c8";
}

.icon-gesture-zoom:before {
    content: "\e9c9";
}

.icon-gesture-pinch:before {
    content: "\e9ca";
}

.icon-fingers-scroll-horizontal:before {
    content: "\e9cb";
}

.icon-fingers-scroll-vertical:before {
    content: "\e9cc";
}

.icon-fingers-scroll-left:before {
    content: "\e9cd";
}

.icon-fingers-scroll-right:before {
    content: "\e9ce";
}

.icon-hand2:before {
    content: "\e9cf";
}

.icon-pointer-up2:before {
    content: "\e9d0";
}

.icon-pointer-right2:before {
    content: "\e9d1";
}

.icon-pointer-down2:before {
    content: "\e9d2";
}

.icon-pointer-left2:before {
    content: "\e9d3";
}

.icon-finger-tap2:before {
    content: "\e9d4";
}

.icon-fingers-tap2:before {
    content: "\e9d5";
}

.icon-reminder2:before {
    content: "\e9d6";
}

.icon-gesture-zoom2:before {
    content: "\e9d7";
}

.icon-gesture-pinch2:before {
    content: "\e9d8";
}

.icon-fingers-scroll-horizontal2:before {
    content: "\e9d9";
}

.icon-fingers-scroll-vertical2:before {
    content: "\e9da";
}

.icon-fingers-scroll-left2:before {
    content: "\e9db";
}

.icon-fingers-scroll-right2:before {
    content: "\e9dc";
}

.icon-fingers-scroll-vertical3:before {
    content: "\e9dd";
}

.icon-border-style:before {
    content: "\e9de";
}

.icon-border-all:before {
    content: "\e9df";
}

.icon-border-outer:before {
    content: "\e9e0";
}

.icon-border-inner:before {
    content: "\e9e1";
}

.icon-border-top:before {
    content: "\e9e2";
}

.icon-border-horizontal:before {
    content: "\e9e3";
}

.icon-border-bottom:before {
    content: "\e9e4";
}

.icon-border-left:before {
    content: "\e9e5";
}

.icon-border-vertical:before {
    content: "\e9e6";
}

.icon-border-right:before {
    content: "\e9e7";
}

.icon-border-none:before {
    content: "\e9e8";
}

.icon-ellipsis:before {
    content: "\e9e9";
}

.icon-uni21:before {
    content: "\21";
}

.icon-uni22:before {
    content: "\22";
}

.icon-uni23:before {
    content: "\23";
}

.icon-uni24:before {
    content: "\24";
}

.icon-uni25:before {
    content: "\25";
}

.icon-uni26:before {
    content: "\26";
}

.icon-uni27:before {
    content: "\27";
}

.icon-uni28:before {
    content: "\28";
}

.icon-uni29:before {
    content: "\29";
}

.icon-uni2a:before {
    content: "\2a";
}

.icon-uni2b:before {
    content: "\2b";
}

.icon-uni2c:before {
    content: "\2c";
}

.icon-uni2d:before {
    content: "\2d";
}

.icon-uni2e:before {
    content: "\2e";
}

.icon-uni2f:before {
    content: "\2f";
}

.icon-uni30:before {
    content: "\30";
}

.icon-uni31:before {
    content: "\31";
}

.icon-uni32:before {
    content: "\32";
}

.icon-uni33:before {
    content: "\33";
}

.icon-uni34:before {
    content: "\34";
}

.icon-uni35:before {
    content: "\35";
}

.icon-uni36:before {
    content: "\36";
}

.icon-uni37:before {
    content: "\37";
}

.icon-uni38:before {
    content: "\38";
}

.icon-uni39:before {
    content: "\39";
}

.icon-uni3a:before {
    content: "\3a";
}

.icon-uni3b:before {
    content: "\3b";
}

.icon-uni3c:before {
    content: "\3c";
}

.icon-uni3d:before {
    content: "\3d";
}

.icon-uni3e:before {
    content: "\3e";
}

.icon-uni3f:before {
    content: "\3f";
}

.icon-uni40:before {
    content: "\40";
}

.icon-uni41:before {
    content: "\41";
}

.icon-uni42:before {
    content: "\42";
}

.icon-uni43:before {
    content: "\43";
}

.icon-uni44:before {
    content: "\44";
}

.icon-uni45:before {
    content: "\45";
}

.icon-uni46:before {
    content: "\46";
}

.icon-uni47:before {
    content: "\47";
}

.icon-uni48:before {
    content: "\48";
}

.icon-uni49:before {
    content: "\49";
}

.icon-uni4a:before {
    content: "\4a";
}

.icon-uni4b:before {
    content: "\4b";
}

.icon-uni4c:before {
    content: "\4c";
}

.icon-uni4d:before {
    content: "\4d";
}

.icon-uni4e:before {
    content: "\4e";
}

.icon-uni4f:before {
    content: "\4f";
}

.icon-uni50:before {
    content: "\50";
}

.icon-uni51:before {
    content: "\51";
}

.icon-uni52:before {
    content: "\52";
}

.icon-uni53:before {
    content: "\53";
}

.icon-uni54:before {
    content: "\54";
}

.icon-uni55:before {
    content: "\55";
}

.icon-uni56:before {
    content: "\56";
}

.icon-uni57:before {
    content: "\57";
}

.icon-uni58:before {
    content: "\58";
}

.icon-uni59:before {
    content: "\59";
}

.icon-uni5a:before {
    content: "\5a";
}

.icon-uni5b:before {
    content: "\5b";
}

.icon-uni5c:before {
    content: "\5c";
}

.icon-uni5d:before {
    content: "\5d";
}

.icon-uni5e:before {
    content: "\5e";
}

.icon-uni5f:before {
    content: "\5f";
}

.icon-uni60:before {
    content: "\60";
}

.icon-uni61:before {
    content: "\61";
}

.icon-uni62:before {
    content: "\62";
}

.icon-uni63:before {
    content: "\63";
}

.icon-uni64:before {
    content: "\64";
}

.icon-uni65:before {
    content: "\65";
}

.icon-uni66:before {
    content: "\66";
}

.icon-uni67:before {
    content: "\67";
}

.icon-uni68:before {
    content: "\68";
}

.icon-uni69:before {
    content: "\69";
}

.icon-uni6a:before {
    content: "\6a";
}

.icon-uni6b:before {
    content: "\6b";
}

.icon-uni6c:before {
    content: "\6c";
}

.icon-uni6d:before {
    content: "\6d";
}

.icon-uni6e:before {
    content: "\6e";
}

.icon-uni6f:before {
    content: "\6f";
}

.icon-uni70:before {
    content: "\70";
}

.icon-uni71:before {
    content: "\71";
}

.icon-uni72:before {
    content: "\72";
}

.icon-uni73:before {
    content: "\73";
}

.icon-uni74:before {
    content: "\74";
}

.icon-uni75:before {
    content: "\75";
}

.icon-uni76:before {
    content: "\76";
}

.icon-uni77:before {
    content: "\77";
}

.icon-uni78:before {
    content: "\78";
}

.icon-uni79:before {
    content: "\79";
}

.icon-uni7a:before {
    content: "\7a";
}

.icon-uni7b:before {
    content: "\7b";
}

.icon-uni7c:before {
    content: "\7c";
}

.icon-uni7d:before {
    content: "\7d";
}

.icon-uni7e:before {
    content: "\7e";
}

.icon-copyright:before {
    content: "\a9";
}

.la-ball-rotate,
.la-ball-rotate > div {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
}

.la-ball-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-rotate.la-dark {
    color: #333;
}

.la-ball-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-rotate {
    width: 10px;
    height: 10px;
}

.la-ball-rotate > div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
    animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}

.la-ball-rotate > div:before,
.la-ball-rotate > div:after {
    position: absolute;
    width: inherit;
    height: inherit;
    margin: inherit;
    content: "";
    background: currentColor;
    border-radius: inherit;
    opacity: .8;
}

.la-ball-rotate > div:before {
    top: 0;
    left: -150%;
}

.la-ball-rotate > div:after {
    top: 0;
    left: 150%;
}

.la-ball-rotate.la-sm {
    width: 4px;
    height: 4px;
}

.la-ball-rotate.la-sm > div {
    width: 4px;
    height: 4px;
}

.la-ball-rotate.la-2x {
    width: 20px;
    height: 20px;
}

.la-ball-rotate.la-2x > div {
    width: 20px;
    height: 20px;
}

.la-ball-rotate.la-3x {
    width: 30px;
    height: 30px;
}

.la-ball-rotate.la-3x > div {
    width: 30px;
    height: 30px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-rotate-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ball-rotate-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes opacityToggle {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacityToggle {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* =========================================== */
/*    1. FONTS                                 */
/* =========================================== */
@font-face {
    font-family: 'robotoblack';
    src: url("../fonts/roboto-black-webfont.eot");
    src: url("../fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black-webfont.woff2") format("woff2"), url("../fonts/roboto-black-webfont.woff") format("woff"), url("../fonts/roboto-black-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack_italic';
    src: url("../fonts/roboto-blackitalic-webfont.eot");
    src: url("../fonts/roboto-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-blackitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-blackitalic-webfont.woff") format("woff"), url("../fonts/roboto-blackitalic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url("../fonts/roboto-bold-webfont.eot");
    src: url("../fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url("../fonts/roboto-bolditalic-webfont.eot");
    src: url("../fonts/roboto-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bolditalic-webfont.woff2") format("woff2"), url("../fonts/roboto-bolditalic-webfont.woff") format("woff"), url("../fonts/roboto-bolditalic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url("../fonts/roboto-italic-webfont.eot");
    src: url("../fonts/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-italic-webfont.woff2") format("woff2"), url("../fonts/roboto-italic-webfont.woff") format("woff"), url("../fonts/roboto-italic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url("../fonts/roboto-light-webfont.eot");
    src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url("../fonts/roboto-lightitalic-webfont.eot");
    src: url("../fonts/roboto-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-lightitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-lightitalic-webfont.woff") format("woff"), url("../fonts/roboto-lightitalic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url("../fonts/roboto-medium-webfont.eot");
    src: url("../fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url("../fonts/roboto-mediumitalic-webfont.eot");
    src: url("../fonts/roboto-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-mediumitalic-webfont.woff") format("woff"), url("../fonts/roboto-mediumitalic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url("../fonts/roboto-regular-webfont.eot");
    src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url("../fonts/roboto-thin-webfont.eot");
    src: url("../fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thin-webfont.woff2") format("woff2"), url("../fonts/roboto-thin-webfont.woff") format("woff"), url("../fonts/roboto-thin-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin_italic';
    src: url("../fonts/roboto-thinitalic-webfont.eot");
    src: url("../fonts/roboto-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thinitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-thinitalic-webfont.woff") format("woff"), url("../fonts/roboto-thinitalic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* =========================================== */
/*    2. VARIABLES                             */
/* =========================================== */
/* =========================================== */
/*    3. GLOBALS                               */
/* =========================================== */
body {
    font-family: 'robotoregular', Tahoma, Arial, sans-serif;
    background-color: #3685B0;
    color: #ffffff;
}

body .views {
    top: 0;
    bottom: 0;
    color: #333333;
}

/*
body .views[style^="transform"] {
  position: absolute;
  bottom: 50px;
  height: auto;
  top: 50px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: bottom 200ms, top 200ms, height 200ms !important;
  transition: bottom 200ms, top 200ms, height 200ms !important;
}
*/
.page-preloader {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
}

.with-panel-right-reveal .views,
.with-panel-left-reveal .views {
    position: absolute;
    bottom: 50px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.3);
}

.menu-item, .menu-open-button {
    background: #3685B0;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -40px;
    position: absolute;
    top: 20px;
    color: white;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.menu-open {
    display: none;
}

.hamburger {
    width: 15px;
    height: 2px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7.5px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform 200ms;
    transition: transform 200ms;
}

.hamburger-1 {
    -webkit-transform: translate3d(0, -4.5px, 0);
    transform: translate3d(0, -4.5px, 0);
}

.hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hamburger-3 {
    -webkit-transform: translate3d(0, 4.5px, 0);
    transform: translate3d(0, 4.5px, 0);
}

.menu-open:checked + .menu-open-button .hamburger-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .hamburger-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
    top: 80px;
    box-sizing: border-box;
    font-size: 20px;
    position: fixed;
    right: 15px;
    text-align: left;
    z-index: 100;
}

@media (min-width: 375px) {
    .menu {
        top: 255px;
    }
}

.menu-item:hover {
    background: white;
    color: #3685B0;
}

.menu-item:nth-child(3) {
    -webkit-transition-duration: 70ms;
    transition-duration: 70ms;
}

.menu-item:nth-child(4) {
    -webkit-transition-duration: 130ms;
    transition-duration: 130ms;
}

.menu-item:nth-child(5) {
    -webkit-transition-duration: 190ms;
    transition-duration: 190ms;
}

.menu-item:nth-child(6) {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.menu-item:nth-child(7) {
    -webkit-transition-duration: 310ms;
    transition-duration: 310ms;
}

.menu-open-button {
    z-index: 2;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

.menu-open-button:hover {
    -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
    -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked ~ .menu-item:nth-child(3) {
    -webkit-transition-duration: 160ms;
    transition-duration: 160ms;
    -webkit-transform: translate3d(6.02514px, 49.63565px, 0);
    transform: translate3d(6.02514px, 49.63565px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(4) {
    -webkit-transition-duration: 240ms;
    transition-duration: 240ms;
    -webkit-transform: translate3d(-32.76584px, 37.76771px, 0);
    transform: translate3d(-32.76584px, 37.76771px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(5) {
    -webkit-transition-duration: 320ms;
    transition-duration: 320ms;
    -webkit-transform: translate3d(-49.98919px, 1.03974px, 0);
    transform: translate3d(-49.98919px, 1.03974px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(6) {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(-34.3079px, -36.37262px, 0);
    transform: translate3d(-34.3079px, -36.37262px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(7) {
    -webkit-transition-duration: 480ms;
    transition-duration: 480ms;
    -webkit-transform: translate3d(3.95608px, -49.84324px, 0);
    transform: translate3d(3.95608px, -49.84324px, 0);
}

.owl-theme .carousel-text {
    bottom: 40px;
    left: 15px;
    position: absolute;
}

.owl-theme .owl-controls {
    margin-top: -30px;
    position: relative;
    text-align: center;
    z-index: 10;
}

.owl-theme .owl-controls .owl-page span {
    margin: 5px 3px;
}

.text-bg {
    background: #333333;
    border-radius: 2px;
    display: inline-block;
    padding: 2px 10px;
    position: relative;
}

.text-bg.text-bg-green {
    background: #bde029;
    color: #333333;
}

.scroll-down {
    position: absolute !important;
    bottom: 10px;
    opacity: 1;
    color: #f0f0f0;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.contact-type-list .contact-icon {
    font-size: 26px;
    color: #3685B0;
}

.contact-type-list .contact-label {
    font-size: 11px;
    color: #3685B0;
    font-family: 'robotobold', Arial, Tahoma, sans-serif;
}

.contact-type-list .contact-text {
    font-size: 16px;
}

.contact-type-list .contact-adress {
    margin: -15px 0 0;
    color: #999999;
}

.no-padding {
    padding: 0;
}

.first-letter:first-letter {
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    float: left;
    font-size: 37px;
    line-height: 1;
    margin: 0 4px 0 0;
    padding: 5px;
}

.page {
    background-color: #f0f0f0;
}

.page .page-content.navbar-fix {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-color-primary {
    background: #3685B0 !important;
    color: #ffffff !important;
}

.splash .splash-welcome {
    margin: 55px 0 20px;
}

.splash .splash-welcome > h4 {
    margin: 0;
    letter-spacing: 3px;
    font-size: 22px;
}

.splash .splash-welcome > p {
    margin: 5px 0 15px;
}

.content-padding {
    padding: 0 15px;
}

.pad-15 {
    padding: 15px;
}

strong {
    font-weight: normal;
    font-family: 'robotobold', Arial, Tahoma, sans-serif;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.padding-0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.ptb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.ptb-5  {padding-top:5px !important;padding-bottom:5px !important;}

.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pad-15 {
    padding: 15px;
}

.pt-5 {
    padding-top: 5px !important;
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-105 {
    margin-left: 105px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.bt-none::before {
    background-color: transparent !important;
}

.header-1 {
    font-family: "robotobold", sans-serif;
    font-size: 30px;
    text-align: center;
}

.header-2 {
    font-family: "robotomedium", sans-serif;
    font-size: 20px;
    position: relative;
    text-align: center;
}

.header-2 > span {
    background: #f0f0f0;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 100;
}

.header-2::before {
    border-bottom: 1px solid #999999;
    /*border-top: 1px solid #999999;*/
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    top: 10px;
    width: 100%;
}



.sub-header {
    font-family: "robotolight", sans-serif;
    text-align: center;
}

hr {
    position: relative;
    border: 0;
    height: 1px;
}

hr::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ccc;
}

hr.dark::after {
    background: #333333;
}

hr.align-center::after {
    left: 50%;
    margin-left: -15px;
}

.hr-1, .hr-2, .hr-3 {
    display: block;
    position: relative;
    padding: 20px 0;
    text-align: center;
}

.hr-1::after, .hr-2::after, .hr-3::after {
    position: absolute;
    content: "";
    width: 80%;
    top: 50%;
    left: 10%;
    height: 1px;
    background: #999999;
}

.hr-1::before, .hr-2::before, .hr-3::before {
    background: #f0f0f0;
    content: "\e689";
    font-family: "kkicons", sans-serif;
    width: 20px;
    margin-left: -10px;
    position: absolute;
    top: 27%;
    color: #3685B0;
    z-index: 1;
}

.hr-2::before {
    content: "\e93e";
}

.hr-3::before {
    background: #ecfaff;
    color: #007aff;
}

.hr-3::after {
    background: #007aff;
}

.content-light .header-2 > span {
    background: #ffffff;
}

.content-light .hr-1::before, .content-light .hr-2::before {
    background: #ffffff;
}

.blog-box li:after, .comments-box li:after {
    background-color: #eeeeee;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    width: 100%;
    z-index: 15;
}

blockquote {
    padding: 0 0 0 20px;
    margin: 10px 0;
    border-left: 5px solid #3685B0;
    font-family: 'robotolight_italic', sans-serif;
}

blockquote .author {
    font-family: 'robotobold_italic', sans-serif;
}

.buttons-row .button:first-child {
    border-radius: 2px 0 0 2px;
}

.buttons-row .button:last-child {
    border-radius: 0 2px 2px 0;
}

.button {
    /*min-height: 42px;
  line-height: 42px;
  font-size: 16px;*/
    border-radius: 2px;
}

.button.button-fill {
    border: 1px solid;
    color: #fff !important;
}

.button.button-primary {
    border-color: #3685B0;
    color: #3685B0;
    box-shadow: 0 3px 0 #183b4e;
}

.button.button-primary:hover, .button.button-primary.active, .button.button-primary.active-state {
    background: #3685B0;
    color: #ffffff;
}

.button.button-primary.button-fill {
    background: #3685B0;
    color: #ffffff;
}

.button.button-primary.button-fill:hover, .button.button-primary.button-fill.active, .button.button-primary.button-fill.active-state {
    border-color: #3685B0;
    background: #183b4e;
    color: #3685B0;
}

.button.button-secondary {
    border-color: #f4d48c;
    color: #e9a818;
    box-shadow: 0 3px 0 #e9a818;
}

.button.button-secondary:hover, .button.button-secondary.active, .button.button-secondary.active-state {
    background: #f4d48c;
    color: #754d0b;
}

.button.button-secondary.button-fill {
    background: #f4d48c;
    color: #754d0b;
}

.button.button-secondary.button-fill:hover, .button.button-secondary.button-fill.active, .button.button-secondary.button-fill.active-state {
    border-color: #f4d48c;
    background: transparent;
    color: #e9a818;
}

.button.button-light {
    border-color: #f0f0f0;
    color: #f0f0f0;
}

.button.button-light:hover, .button.button-light.active, .button.button-light.active-state {
    background: #f0f0f0;
    color: #f0f0f0;
}

.button.button-light.button-fill {
    background: #f0f0f0;
    color: #f0f0f0;
}

.button.button-light.button-fill:hover, .button.button-light.button-fill.active, .button.button-light.button-fill.active-state {
    background: #f0f0f0;
    color: #f0f0f0;
}

.button.button-facebook {
    border-color: #4862A3;
    color: #4862A3;
    box-shadow: 0 3px 0 #212d4b;
}

.button.button-facebook:hover, .button.button-facebook.active, .button.button-facebook.active-state {
    background: #4862A3;
    color: #ffffff;
}

.button.button-facebook.button-fill {
    background: #4862A3;
    color: #ffffff;
}

.button.button-facebook.button-fill:hover, .button.button-facebook.button-fill.active, .button.button-facebook.button-fill.active-state {
    border-color: #384d80;
    background: #384d80;
}

.button.button-twitter {
    border-color: #33CCFF;
    color: #33CCFF;
    box-shadow: 0 3px 0 #0086b3;
}

.button.button-twitter:hover, .button.button-twitter.active, .button.button-twitter.active-state {
    background: #33CCFF;
    color: #ffffff;
}

.button.button-twitter.button-fill {
    background: #33CCFF;
    color: #ffffff;
}

.button.button-twitter.button-fill:hover, .button.button-twitter.button-fill.active, .button.button-twitter.button-fill.active-state {
    border-color: deepskyblue;
    background: deepskyblue;
}

.button.button-clear {
    border-color: transparent !important;
    box-shadow: none;
}

.button.button-clear:hover {
    background-color: transparent !important;
}

.button.button-flat {
    border-color: transparent !important;
    box-shadow: 0 3px 0 #ccc;
    border-radius: 0 !important;
    color: #888;
}

.button.button-flat.active {
    box-shadow: 0 3px 0 #007aff;
    background-color: transparent;
    color: #007aff;
}

.button.button-small {
    height: 28px;
    line-height: 26px;
    min-height: 28px;
    font-size: 14px;
}

.button.button-big {
    height: 48px;
    line-height: 46px;
    min-height: 48px;
    font-size: 20px;
}

.button-header {
    display: inline-block;
    background: #183b4e;
    color: #ffffff;
    line-height: 1;
    margin: 0 0 0 4px;
    text-align: center;
    font-size: 20px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    padding: 3px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.button-header > span {
    display: inline-block;
    background: #3685B0;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.5);
    line-height: 41px;
}

.button-header:hover > span {
    background: #2a6889;
}

.button-header.active-state > span {
    background: #1e4a62;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.button-team-twitter,
.button-team-facebook,
.button-team-gplus {
    display: inline-block;
    background: #333333;
    color: #f0f0f0;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.button-team-twitter {
    background: #33CCFF;
}

.button-team-facebook {
    background: #4862A3;
}

.button-team-gplus {
    background: #D95232;
}

.tabs-row > a {
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 2px solid !important;
    box-shadow: none !important;
}

.tabs-row > a.active {
    border: none !important;
}

.tabs-row > a i {
    font-size: 18px;
}

.arrow-right,
.arrow-left {
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    z-index: 100;
}

.arrow-right:hover,
.arrow-left:hover {
    background: rgba(0, 0, 0, 0.7);
}

.arrow-right > span,
.arrow-left > span {
    color: #f0f0f0;
    line-height: 40px;
}

.arrow-right {
    right: 0;
    left: auto;
}

.alert {
    border: 1px solid transparent;
    border-radius: 2px;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.alert.alert-info {
    background-color: rgba(86, 205, 252, 0.2);
    border-color: rgba(86, 205, 252, 0.05);
    color: #24befb;
}

.alert.alert-success {
    background-color: rgba(52, 194, 64, 0.1);
    border-color: rgba(52, 194, 64, 0.05);
    color: #34c240;
}

.alert.alert-warning {
    background-color: rgba(250, 159, 71, 0.1);
    border-color: rgba(250, 159, 71, 0.05);
    color: #fa9f47;
}

.alert.alert-danger {
    background-color: rgba(214, 66, 66, 0.1);
    border-color: rgba(214, 66, 66, 0.05);
    color: #d64242;
}

@-webkit-keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0;
    }
    100% {
        opacity: 0;
        width: 100%;
    }
}

@keyframes progress-active {
    0% {
        opacity: 0.3;
        width: 0;
    }
    100% {
        opacity: 0;
        width: 100%;
    }
}

.progress-box {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    display: block;
    margin: 10px 0 35px;
    max-width: 100%;
    padding: 0;
    position: relative;
}

.progress-box.progress-blue .bar {
    background: #56cdfc;
}

.progress-box.progress-green .bar {
    background: #34c240;
}

.progress-box.progress-orange .bar {
    background: #fa9f47;
}

.progress-box.progress-red .bar {
    background: #d64242;
}

.progress-box .bar {
    background: #888;
    border-radius: 2px;
    display: block;
    line-height: 1;
    min-width: 2em;
    position: relative;
    -webkit-transition: width 0.1s ease 0s, background-color 0.1s ease 0s;
    transition: width 0.1s ease 0s, background-color 0.1s ease 0s;
    width: 0;
    height: 25px;
}

.progress-box .bar .progress {
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin-top: -6px;
    line-height: 1;
    right: 5px;
    color: rgba(255, 255, 255, 0.7);
}

.progress-box .label {
    bottom: auto;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    font-weight: 700;
    left: 0;
    margin-top: 0.2em;
    position: absolute;
    right: auto;
    text-align: center;
    text-shadow: none;
    top: 100%;
    -webkit-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
    width: 100%;
}

.progress-box.indicating .bar:before {
    -webkit-animation: 2s ease 0s normal none infinite running progress-active;
    animation: 2s ease 0s normal none infinite running progress-active;
    background: #fff none repeat scroll 0 0;
    border-radius: 0.285714rem;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-family: 'robotolight', sans-serif;
    color: #3685B0;
}

h2 {
    font-family: 'robotolight', sans-serif;
}

h3, h4 {
    font-family: 'robotomedium', sans-serif;
}

h5, h6 {
    font-family: 'robotomedium', sans-serif;
}

img {
    max-width: 100%;
    display: block;
}

.action-red {
    background: #ff2d55 !important;
}

.action-green {
    background: #2db62d !important;
}

.icon-20 {
    max-width: 20px;
    max-height: 20px;
}

.text-uppercase {
    text-transform: uppercase;
}

.badge-square {
    border-radius: 0;
}

.badge-primary {
    background: #3685B0;
    color: #ffffff;
}

.badge-secondary {
    background: #f4d48c;
    color: #754d0b;
}

.badge-danger {
    background: #ff2d55;
    color: #ffffff;
}

.badge-third {
    background: #bde029;
    color: #333333;
}

.owl-theme .owl-controls .owl-page span {
    background-color: #3685B0;
}

header.small {
    background: #ECECEC;
    font-size: 12px;
    line-height: 23px;
    height: 24px;
    color: #333333;
    font-family: 'robotomedium', sans-serif;
    padding: 0 10px;
}

header.small .row {
    margin: 0 -10px;
}

header.small .row > div {
    padding: 0 10px;
}

header.small .row > div span {
    float: right;
    color: #9B9B9B;
}

.row .col-33 {
    width: 33.333333333333336%;
}

.color-box {
    background-color: #3685B0;
    color: #FFFFFF;
}

.list-block .item-content.no-padding {
    padding: 0;
}

.list-block .item-content.no-padding .item-inner {
    padding-right: 0;
}

.list-block .item-link.active-state,
html:not(.watch-active-state) .list-block .item-link:active {
    background-color: #333333;
}

.nice-list .item-content, .comments-list .item-content {
    background: #FFFFFF;
    padding: 0;
}

.nice-list .item-content .item-media, .comments-list .item-content .item-media {
    padding: 0;
}

.nice-list .item-content .item-media img, .comments-list .item-content .item-media img {
    width: 40px;
    border-radius: 5px;
    margin: 10px 0 10px 15px;
}

.nice-list .item-content .item-inner, .comments-list .item-content .item-inner {
    padding: 10px 15px 10px 0;
}

.nice-list .item-content .item-inner .item-title-row, .comments-list .item-content .item-inner .item-title-row {
    font-family: 'robotomedium', sans-serif;
    font-size: 14px;
}

.nice-list .item-content .item-inner .date, .comments-list .item-content .item-inner .date {
    font-size: 12px;
    color: #9B9B9B;
}

.nice-list .item-content .item-inner .date span, .comments-list .item-content .item-inner .date span {
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.comments-list .item-content .item-inner .text {
    font-family: 'robotolight_italic', sans-serif;
    font-size: 12px;
}

.comments-list .item-content .item-inner .product {
    font-size: 10px;
    color: #9B9B9B;
}

.comments-list .item-content .item-inner .author {
    font-family: 'robotobold', sans-serif;
    font-size: 12px;
}

.chart-row {
    background: #f0f0f0;
}

.chart-row div {
    margin: 0 5px;
}

.header-fix-top {
    margin-top: -44px;
}

.nice-header {
    position: relative;
    background: url("../img/tmp/gal_1.jpg") no-repeat;
    background-size: cover;
    color: #ffffff;
    min-height: 150px;
}

.nice-header:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 375px) {
    .nice-header {
        min-height: 325px;
    }
}

.nice-header.small {
    min-height: 200px;
}

.nice-header.small .logo {
    top: 67px;
}

.nice-header.small .logo h1 {
    font-size: 60px;
}

.nice-header.small .logo h2 {
    font-size: 13px;
}

.nice-header .logo {
    position: relative;
    display: inline-block;
    border-top: 3px solid rgba(255, 255, 255, 0.3);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
    padding: 0 10px 10px;
    top: 75px;
}

@media (min-width: 375px) {
    .nice-header .logo {
        top: 120px;
    }
}

.nice-header .logo h1, .nice-header .logo h2 {
    margin: 0;
    color: #ffffff;
    line-height: 1;
}

.nice-header .logo h1 {
    font-size: 72px;
    font-family: 'robotoblack', Arial, Tahoma, sans-serif;
    letter-spacing: 10px;
}

.nice-header .logo h2 {
    font-size: 16px;
    font-family: 'robotoregular', Arial, Tahoma, sans-serif;
}

.nice-header .ava-box {
    bottom: -30px;
    left: 20px;
    position: absolute;
    z-index: 100;
}

.nice-header .ava-box img {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-radius: 5px;
    background: #f0f0f0;
    line-height: 1;
    padding: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.nice-header .profile-name-data {
    bottom: 5px;
    left: 115px;
    position: absolute;
}

.nice-header .profile-name-data .profile-name {
    color: #fff;
    font-family: "robotobold", Arial, Tahoma, sans-serif;
    font-size: 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 2px;
}

.nice-header .profile-name-data .profile-location {
    font-family: robotolight, Arial, Tahoma, sans-serif;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.nice-header .profile-following-data {
    bottom: -22px;
    color: #333;
    font-size: 12px;
    left: 115px;
    position: absolute;
}

.nice-header .profile-following-data > span {
    display: inline-block;
}

.nice-header .profile-following-data > span strong {
    color: #3685B0;
}

.nice-header .profile-following-data > span:first-child {
    border-right: 1px solid #aaa;
    margin-right: 5px;
    padding-right: 7px;
}

.nice-header .achievements {
    background: #333 none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    position: absolute;
    text-align: center;
    width: 25px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    bottom: -6px;
}

.nice-header .achievements svg {
    width: 15px;
    position: relative;
    top: 2.5px;
}

.nice-header .achievements path {
    fill: #ffffff;
}

.nice-header .achievements.achievements-1 {
    left: 50%;
    margin-left: -12.5px;
    z-index: 10;
}

.nice-header .achievements.achievements-2, .nice-header .achievements.achievements-3 {
    bottom: -4px;
    height: 20px;
    left: 10px;
    width: 20px;
}

.nice-header .achievements.achievements-2 svg, .nice-header .achievements.achievements-3 svg {
    width: 11px;
    top: 0;
}

.nice-header .achievements.achievements-3 {
    left: 49px;
}

.nice-header .achievements.achievements-red {
    background: #d64242;
}

.nice-header .achievements.achievements-green {
    background: #34c240;
}

.nice-header .achievements.achievements-blue {
    background: #56cdfc;
}

.nice-header .user-stars {
    position: absolute;
    top: -20px;
    left: 1px;
}

.nice-header .balance {
    position: relative;
    text-align: center;
    margin-top: 5px;
    padding-bottom: 10px;
}

.nice-header .balance div {
    display: block;
    font-size: 36px;
    font-family: 'robotothin', sans-serif;
    line-height: 1;
}

.nice-header .balance div:before {
    content: '$';
    font-size: 24px;
    letter-spacing: 3px;
}

.nice-header .follow {
    background: #30769c;
    padding: 5px 0 3px;
}

.nice-header .followers > span, .nice-header .following > span {
    display: block;
    text-align: center;
}

.nice-header .followers > span:last-child, .nice-header .following > span:last-child {
    font-size: 24px;
    font-family: 'robotolight', Arial, Tahoma, sans-serif;
    line-height: 1;
}

.nice-header .followers > span:first-child, .nice-header .following > span:first-child {
    font-size: 10px;
}

::-webkit-input-placeholder {
    color: #666666;
    opacity: 0.5;
}

:-moz-placeholder {
    color: #666666;
    opacity: 0.5;
}

::-moz-placeholder {
    color: #666666;
    opacity: 0.5;
}

:-ms-input-placeholder {
    color: #666666;
    opacity: 0.5;
}

.form {
    padding: 0 15px;
}

.form.nice-label .form-row {
    position: relative;
    border: 1px solid #555;
    border-radius: 2px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    text-align: left;
}

.form.nice-label .form-row label, .form.nice-label .form-row .label {
    background: #FFFFFF;
    display: inline-block;
}

.form.nice-label .form-row label > span, .form.nice-label .form-row .label > span {
    font-size: 20px;
    line-height: 42px;
    padding: 0 10px;
    color: #3685B0;
}

.form.nice-label .form-row input {
    border: none;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.9);
    background: transparent;
    line-height: 40px;
    vertical-align: top;
    padding: 0 10px;
}

.form.nice-label .form-row select {
    border: none !important;
    outline: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-size: 16px;
    color: rgba(0, 0, 0, 0.9);
    background: transparent;
    height: 40px;
    line-height: 40px;
    width: 100%;
    vertical-align: top;
    padding: 0;
    display: block;
    box-sizing: border-box;
}

.content-wew {
    max-width: 600px;
    margin: 0 auto;
}

.content-block {
    color: #333333;
}

.content-block.content-light {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.content-block-title {
    color: #333333;
}

/* =========================================== */
/*    4. FORMS                                 */
/* =========================================== */
.forms {
    margin: 15px 0;
}

.forms .form-row {
    margin-bottom: 5px;
}

.forms .form-row .input-text input, .forms .form-row .input-text textarea {
    border: 1px solid #cccccc;
    color: #666666;
    padding: 5px 10px;
    background: transparent;
    font-size: 14px;
    width: 100%;
    border-radius: 2px;
    font-family: 'robotoregular', sans-serif;
    box-sizing: border-box;
}

.forms .form-row .input-text textarea {
    min-height: 70px;
    resize: vertical;
}

.forms .form-row .input-text label.error {
    color: #c0392b;
    font-size: 12px;
}

/* =========================================== */
/*    5. HEADER/FOOTER/SIDEBAR                 */
/* =========================================== */
.navbar {
    background: #3685B0;
    color: #ffffff;
    font-family: 'robotolight', sans-serif;
    text-transform: uppercase;
}

.navbar:after {
    background: none !important;
}

.navbar .kkicon {
    font-size: 20px;
}

.navbar a.link {
    color: #ffffff;
    font-size: 14px;
    font-family: 'robotolight', sans-serif;
}

.navbar a.link .badge {
    bottom: 17px;
    font-family: robotobold, Arial, Tahoma, sans-serif;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    position: absolute;
    right: 4px;
}

.navbar a.link i {
    font-size: 22px;
}

.navbar .simple-title {
    text-transform: none;
}

.navbar .simple-title .big {
    font-family: 'robotoblack', Arial, Tahoma, sans-serif;
    font-weight: normal;
}

.navbar-anim-on-scroll,
.navbar.navbar-clear {
    -webkit-transition: all 400ms;
    transition: all 400ms;
    /*background: transparent;*/
    color: #ffffff;
}

.navbar-anim-on-scroll:after,
.navbar.navbar-clear:after {
    /*background: transparent;*/
}

.navbar-anim-on-scroll .kkicon,
.navbar.navbar-clear .kkicon {
    font-size: 20px;
}

.navbar-anim-on-scroll a.link,
.navbar.navbar-clear a.link {
    color: #ffffff;
}

.navbar-anim-on-scroll.active,
.navbar.navbar-clear.active {
    background: #3685B0;
    color: #ffffff;
}

.navbar-anim-on-scroll.active:after,
.navbar.navbar-clear.active:after {
    background: #3685B0;
}

.navbar-anim-on-scroll.active a.link,
.navbar.navbar-clear.active a.link {
    color: #ffffff;
}

.toolbar .link {
    padding: 0 15px;
    color: #FFFFFF;
    font-size: 20px;
}

.panel {
    color: #ffffff;
    background: #3685B0;
}

.panel .line {
    background: #245975;
    height: 3px;
}

.panel .logo-box {
    padding: 20px 15px 15px;
    background: #3685B0;
    color: #ffffff;
}

.panel .logo-box .ava {
    width: 50px;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.panel .logo-box strong {
    font-size: 18px;
}

.panel .logo-box div {
    font-size: 11px;
}

.panel .list-block:before {
    background-color: transparent;
    background: #63a9cf;
    background: -webkit-linear-gradient(0deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    background: linear-gradient(90deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
}

.panel .list-block .list-group ul {
    background: transparent;
}

.panel .list-block .list-group ul:before, .panel .list-block .list-group ul:after {
    background: #63a9cf;
    background: -webkit-linear-gradient(0deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    background: linear-gradient(90deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
}

.panel .list-block .list-group ul li {
    position: relative;
    color: #ffffff;
    font-size: 14px;
}

.panel .list-block .list-group ul li .item-link:hover {
    background: #245975;
}

.panel .list-block .list-group ul li .item-primary {
    background: black;
    color: #FFFFFF;
}

.panel .list-block .list-group ul li .item-primary:hover {
    background: #3685B0;
}

.panel .list-block .list-group ul li:after {
    background: #63a9cf;
    background: -webkit-linear-gradient(0deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    background: linear-gradient(90deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: auto;
    top: auto;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    width: 100%;
    z-index: 15;
}

.panel .list-block .list-group ul li .item-inner {
    background-image: none;
}

.panel .list-block .list-group ul li .item-inner:after {
    background-color: transparent;
}

.panel .list-block .list-group ul li .item-inner .badge {
    position: absolute;
    top: 13px;
    right: 35px;
}

.panel .list-block .list-group ul li.divider {
    background: #63a9cf;
    background: -webkit-linear-gradient(0deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    background: linear-gradient(90deg, #63a9cf 0%, rgba(99, 169, 207, 0) 100%);
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
}

.panel .list-block .list-group ul .js-toggle-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 44px;
    text-align: center;
    color: #ffffff;
    padding-top: 16px;
    font-size: 10px;
}

.panel .list-block .list-group ul ul {
    display: none;
    padding: 0;
}

.panel .list-block .list-group ul ul a {
    padding-left: 30px;
}

/* =========================================== */
/*    6. PANELS                                */
/* =========================================== */
[data-page="settings"] .item-media > span {
    font-size: 20px;
    color: #3685B0;
}

.page-bg .toolbar {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.page-bg .toolbar:before {
    background: #122d3b;
    background: rgba(18, 45, 59, 0.9);
}

.page-bg-color {
    background: #3685B0;
}

.page-bg-color[data-page="menu"] {
    background: url("../img/bg.png") no-repeat top center transparent;
    background-size: cover;
}

.page-bg-color[data-page="menu"]::after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.page-bg-color .toolbar {
    background: rgba(0, 0, 0, 0.1);
}

.page-bg-color .toolbar:before {
    background: #2a6889;
    background: rgba(42, 104, 137, 0.9);
}

.dashboard-menu {
    background-size: cover;
}

.dashboard-menu > div {
    margin-bottom: 20px;
}

.dashboard-menu > div:first-child {
    margin-top: 50px;
}

.dashboard-menu .menu-link {
    background: #245975;
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.3);
}

.dashboard-menu .menu-link:hover {
    background: #3685B0;
    background: rgba(54, 133, 176, 0.7);
}

.dashboard-menu .menu-link > span:first-child {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 55px;
}

.dashboard-menu .menu-link > span:last-child {
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 8px;
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.dashboard-menu .menu-link img {
    margin-top: 12px;
    max-width: 27px;
    max-height: 27px;
}

.panel-right .avatars {
    text-align: center;
}

.panel-right .avatars span {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f0f0f0;
    vertical-align: middle;
}

.panel-right .avatars span:nth-child(3) {
    position: relative;
    z-index: 10;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}

.panel-right .avatars span:nth-child(2), .panel-right .avatars span:nth-child(4) {
    position: relative;
    margin: 0 -15px;
    z-index: 5;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.panel-right .avatars span:nth-child(1), .panel-right .avatars span:nth-child(5) {
    margin: 0;
    width: 35px;
    height: 35px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.panel-right .welcome-msg p {
    margin: 5px 0 15px;
    font-size: 12px;
}

.panel-right nav.contacts {
    margin-top: 10px;
}

.panel-right nav.contacts li a > div.item-media > span {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #555555;
}

.panel-right nav.contacts li a > div.item-media > span > i {
    color: #bde029;
    position: absolute;
    top: 8px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.panel-right nav.contacts li a .item-subtitle {
    font-size: 11px;
    opacity: 0.4;
}

.panel-right nav.contacts li a.online > div.item-media > span {
    border-color: #bde029;
}

.panel-right nav.menu {
    margin-top: 30px;
}

.panel-right nav.menu ul:after {
    background: transparent;
}

.panel-right nav.menu li {
    display: inline-block;
    width: 49%;
    margin-bottom: 10px;
}

.panel-right nav.menu li a {
    display: block;
    padding: 0;
    margin: 0 5px;
    text-align: center;
    background: #f4d48c;
    color: #754d0b;
    font-family: 'robotolight', Arial, Tahoma, sans-serif;
    border-radius: 2px;
}

.panel-right nav.menu li a > div {
    display: block;
    text-align: center;
}

.panel-right nav.menu li a > div.item-media {
    font-size: 32px;
}

.panel-right nav.menu li a > div.item-inner {
    padding: 0;
    margin: 0;
    min-height: 30px;
}

.panel-right .list-block .list-group ul::before, .panel-right .list-block .list-group ul::after {
    background: rgba(99, 169, 207, 0);
    background: -webkit-linear-gradient(0deg, rgba(99, 169, 207, 0) 0%, #63a9cf 100%);
    background: linear-gradient(90deg, rgba(99, 169, 207, 0) 0%, #63a9cf 100%);
}

.panel-right .list-block .list-group ul li::after {
    background: rgba(99, 169, 207, 0);
    background: -webkit-linear-gradient(0deg, rgba(99, 169, 207, 0) 0%, #63a9cf 100%);
    background: linear-gradient(90deg, rgba(99, 169, 207, 0) 0%, #63a9cf 100%);
}

/* =========================================== */
/*    7. MODALS/POPUPS                         */
/* =========================================== */
.picker-modal,
.popup {
    color: #412412;
    background: rgba(255, 255, 255, 1);
    color: #333333;
}

.picker-modal h2,
.popup h2 {
    text-transform: uppercase;
    font-family: 'robotoblack', sans-serif;
    color: #3685B0;
    font-size: 28px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.picker-modal h3,
.popup h3 {
    margin-top: 5px;
    font-family: 'robotoregular', sans-serif;
    margin-bottom: 25px;
    font-size: 16px;
    color: #333333;
}

.picker-modal input,
.picker-modal p,
.popup input,
.popup p {
    color: #333333 !important;
}

.picker-modal ::-webkit-input-placeholder,
.popup ::-webkit-input-placeholder {
    color: #333333;
    opacity: 0.5;
}

.picker-modal :-moz-placeholder,
.popup :-moz-placeholder {
    color: #333333;
    opacity: 0.5;
}

.picker-modal ::-moz-placeholder,
.popup ::-moz-placeholder {
    color: #333333;
    opacity: 0.5;
}

.picker-modal :-ms-input-placeholder,
.popup :-ms-input-placeholder {
    color: #333333;
    opacity: 0.5;
}

.picker-modal .more-info,
.popup .more-info {
    position: absolute;
    bottom: 20px;
    color: #3685B0;
    text-align: center;
    width: 100%;
    margin-left: -20px;
}

.picker-modal .toolbar,
.popup .toolbar {
    background: rgba(255, 255, 255, 0.9);
}

.picker-modal .toolbar:before, .picker-modal .toolbar:after,
.popup .toolbar:before,
.popup .toolbar:after {
    background: #3685B0;
    background: rgba(54, 133, 176, 0.9);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.picker-modal .toolbar:after,
.popup .toolbar:after {
    top: auto;
    bottom: 0;
}

.picker-modal .toolbar a,
.popup .toolbar a {
    color: #3685B0;
    font-family: 'robotolight', sans-serif;
}

.picker-modal .close-popup,
.popup .close-popup {
    color: #3685B0;
}

.picker-modal .close-popup > span,
.popup .close-popup > span {
    font-size: 17px;
}

.picker-modal.popup-splash .content-block,
.popup.popup-splash .content-block {
    margin-bottom: 0;
}

.picker-modal .swiper-container,
.popup .swiper-container {
    /*position: static;*/
    position: relative;
}

.picker-modal .swiper-container .swiper-slide,
.popup .swiper-container .swiper-slide {
    margin: 10px 0;
}

.picker-modal .swiper-container .swiper-slide .slide-content,
.popup .swiper-container .swiper-slide .slide-content {
    background: #ffffff;
    padding: 5px 10px 0;
    border-radius: 2px;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2);
    margin: 0 10px;
}

.picker-modal .swiper-container .swiper-slide img,
.popup .swiper-container .swiper-slide img {
    width: 270px;
    margin-top: -20px;
}

@media (min-height: 660px) {
    .picker-modal .swiper-container .swiper-slide img,
    .popup .swiper-container .swiper-slide img {
        width: 350px;
        margin-top: 0;
    }
}

.picker-modal .swiper-container .swiper-slide .button,
.popup .swiper-container .swiper-slide .button {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background: #3685B0;
    height: 44px;
    line-height: 44px;
}

.picker-modal .swiper-container .bottom-color,
.popup .swiper-container .bottom-color {
    position: absolute;
    background: #3685B0;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
}

.picker-modal .swiper-container .swiper-pagination,
.popup .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 15px;
}

.picker-modal .swiper-container .swiper-pagination > span,
.popup .swiper-container .swiper-pagination > span {
    display: inline-block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFFFFF;
}

.picker-modal.picker-calendar,
.popup.picker-calendar {
    background: rgba(255, 255, 255, 0.95);
    color: #333333;
}

.picker-modal.picker-calendar .toolbar .link,
.popup.picker-calendar .toolbar .link {
    padding: 0;
}

.picker-modal.picker-calendar .picker-calendar-day.picker-calendar-day-today span,
.popup.picker-calendar .picker-calendar-day.picker-calendar-day-today span {
    background: #d3d3d3;
}

.picker-modal.picker-calendar .picker-calendar-day.picker-calendar-day-selected span,
.popup.picker-calendar .picker-calendar-day.picker-calendar-day-selected span {
    background: #3685B0;
    color: #ffffff;
}

.picker-modal {
    background: rgba(0, 0, 0, 0.9);
    color: #f0f0f0;
}

.picker-modal h3, .picker-modal p {
    color: #f0f0f0 !important;
}

.picker-modal h3 {
    font-family: "robotothin", sans-serif;
    font-size: 26px;
    margin-bottom: 15px;
    margin-top: 0;
}

.picker-modal .close-picker {
    font-size: 14px;
}

.picker-modal .toolbar {
    background: transparent;
}

.picker-modal .toolbar:before, .picker-modal .toolbar:after {
    background: transparent;
}

.picker-modal .social-buttons {
    margin-top: 30px;
}

/* =========================================== */
/*    8. USER PROFILE                          */
/* =========================================== */
.user-banner {
    position: relative;
    height: 70px;
    text-align: center;
}

.user-banner .ava-box {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -39.5px;
    margin-bottom: -39.5px;
    width: 75px;
    height: 75px;
    display: inline-block;
    border-radius: 10px;
    background: #f0f0f0;
    line-height: 1;
    padding: 2px;
}

.user-banner .ava-box img {
    border-radius: 10px;
    width: 75px;
    height: 75px;
    line-height: 1;
}

.welcome-msg {
    margin: 20px 15px 10px;
    text-align: left;
    color: #ffffff;
}

.welcome-msg h3 {
    margin: 0;
    font-weight: normal;
    font-family: 'open_sanslight', sans-serif;
    color: #ffffff;
}

.welcome-msg h3 strong {
    font-family: 'open_sanssemibold', sans-serif;
}

.welcome-msg h4 {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
}

.rate-star.big {
    width: 15px;
    margin-left: -3px;
}

.rate-star.big:first-child {
    margin-left: 0;
}

.rate-star.big #star-half > path,
.rate-star.big #star-empty > path,
.rate-star.big #star-border > path {
    fill: #fff;
}

.rate-star.big #star-bg,
.rate-star.big #star > path {
    fill: rgba(255, 255, 255, 0.3) !important;
}

.rate-star.big.dark #star-half > path,
.rate-star.big.dark #star-empty > path,
.rate-star.big.dark #star-border > path {
    fill: #3685B0;
}

.rate-star.big.dark #star-bg,
.rate-star.big.dark #star > path {
    fill: rgba(54, 133, 176, 0.3) !important;
}

[data-page="index"] .banner {
    position: relative;
    background: url("../img/bg.png") no-repeat top center/cover transparent;
    margin-top: -44px;
    height: 340px;
    color: #FFFFFF;
}

[data-page="index"] .banner .ava-box {
    position: relative;
    padding-top: 80px;
    text-align: center;
}

[data-page="index"] .banner .ava {
    width: 80px;
    padding: 3px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.2);
}

[data-page="index"] .banner small {
    display: block;
    font-size: 12px;
    font-family: 'robotomedium', sans-serif;
}

[data-page="index"] .banner .balance {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

[data-page="index"] .banner .balance div {
    display: block;
    font-size: 36px;
    font-family: 'robotothin', sans-serif;
    line-height: 1;
}

[data-page="index"] .banner .balance div:before {
    content: '$';
    font-size: 24px;
    letter-spacing: 3px;
}

[data-page="index"] .banner .banner-bottom {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

[data-page="index"] .banner .banner-bottom > :first-child {
    padding-left: 15px;
}

[data-page="index"] .banner .banner-bottom > :last-child {
    padding-right: 15px;
}

[data-page="index"] .banner .banner-bottom .badges svg {
    width: 20px;
}

[data-page="index"] .banner .banner-bottom .badges svg path {
    fill: #ffffff;
}

[data-page="index"] .sales-count {
    font-size: 20px;
    font-family: 'robotomedium', sans-serif;
    line-height: 60px;
}

[data-page="index"] .sales-count > div > div:nth-child(even) {
    background-color: #3c94c3;
}

/* =========================================== */
/*    9. BLOG/ARTICLE                          */
/* =========================================== */
.full-page-video {
    overflow-x: hidden;
    text-align: center;
    color: #f0f0f0;
}

.full-page-video::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 400px;
    background: rgba(54, 133, 176, 0.9);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    top: -315px;
    left: 0;
    margin-bottom: -100px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.full-page-video .logo {
    margin: 140px 0 0;
}

.full-page-video .logo img {
    width: 110px;
}

.full-page-video .desc {
    margin: 35px 0 60px;
}

.full-page-video .desc > div {
    color: #f4d48c;
}

.featured-articles-slider .owl-item > div {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.featured-articles-slider .owl-item > div::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
}

.featured-articles-slider .owl-item img {
    display: block;
    height: 290px;
    max-width: none;
    width: auto;
}

.featured-articles-slider .owl-item .article-data {
    font-family: robotolight, Arial, Tahoma, sans-serif;
    margin-top: 5px;
    font-size: 12px;
    opacity: 0.8;
}

.featured-articles-slider .owl-item .article-data .author {
    margin-right: 10px;
}

.featured-articles-slider .owl-item .article-title {
    bottom: 25px;
    color: #ffffff;
    left: 15px;
    position: absolute;
}

.featured-articles-slider .owl-item .article-title h2 {
    font-family: 'robotobold', Arial, Tahoma, sans-serif;
    font-size: 26px;
    margin: 0;
    line-height: 1.2;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}

.featured-articles-slider .owl-item .article-title h2 a {
    color: #ffffff;
}

.featured-articles-slider .owl-item .article-title h2 a:hover {
    opacity: 0.7;
}

.featured-articles-slider .owl-item .article-title > span {
    position: relative;
    text-transform: uppercase;
    font-family: 'robotomedium', Arial, Tahoma, sans-serif;
    font-size: 12px;
    opacity: 0.6;
}

.list-articles .item-title {
    font-family: robotolight, Arial, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 3px;
    white-space: normal;
}

.list-articles .item-subtitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #acacac;
    font-size: 12px;
}

.list-articles .item-subtitle .data {
    margin: 0 0 0 auto;
}

.list-articles .item-media img {
    height: 60px;
}

.list-articles .button-clear {
    color: #aaaaaa;
}

.list-articles .button-clear:hover {
    color: #666666;
}

.article-data > h1 {
    color: #333;
    font-family: robotomedium, Arial, Tahoma, sans-serif;
    font-size: 23px;
    margin-bottom: 5px;
}

.article-data > small {
    color: #666666;
}

.article-data .article-intro {
    font-size: 16px;
    font-style: italic;
}

.half-page-image,
.full-page-image {
    position: relative;
    background-position: center center;
    background-size: cover;
    height: 100%;
    color: #ffffff;
    text-align: center;
}

.half-page-image .article-data,
.full-page-image .article-data {
    bottom: 15px;
    left: 15px;
    position: absolute;
    right: 15px;
}

.half-page-image .article-data .avatar,
.full-page-image .article-data .avatar {
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    bottom: -50px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
    z-index: 1;
}

.half-page-image .article-data .tags,
.full-page-image .article-data .tags {
    margin-bottom: 10px;
}

.half-page-image .article-data small,
.full-page-image .article-data small {
    opacity: 0.8;
    color: #ffffff;
}

.half-page-image .article-data > h1,
.full-page-image .article-data > h1 {
    color: #ffffff;
    font-family: "robotolight", Arial, Tahoma, sans-serif;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 5px 0 15px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}

.half-page-image .article-data .button-like,
.half-page-image .article-data .button-share,
.full-page-image .article-data .button-like,
.full-page-image .article-data .button-share {
    background: #3685B0;
    border-radius: 50%;
    bottom: -30px;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    height: 35px;
    left: 50%;
    margin-left: 32px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 35px;
}

.half-page-image .article-data .button-like,
.full-page-image .article-data .button-like {
    margin-left: -63px;
}

.half-page-image > *,
.full-page-image > * {
    position: relative;
    z-index: 1;
}

.half-page-image::before,
.full-page-image::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.half-page-image {
    height: 50%;
}

.half-page-image::before {
    background: rgba(0, 0, 0, 0.6);
}

.half-page-image .article-data > h1 {
    font-size: 20px;
}

article {
    position: relative;
}

article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 5;
}

article:hover::before {
    background: rgba(0, 0, 0, 0.05);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 100%);
}

article .author {
    position: absolute;
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 10;
    color: rgba(255, 255, 255, 0.9);
}

article .author img {
    width: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 7px;
}

article .buttons {
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: right;
    width: 50%;
    z-index: 10;
}

article .buttons a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin: 0 0 0 5px;
}

article .buttons a:hover {
    background: black;
}

article .text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10;
}

article .text h2 {
    color: #FFFFFF;
    margin: 0;
    font-size: 18px;
}

article .text h2 a {
    color: #FFFFFF;
}

article .text h2 a:hover {
    opacity: 0.5;
}

article .text span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-right: 10px;
}

article img {
    display: block;
}

.card-footer {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.card-footer > a {
    margin-right: 15px;
}

.card h2, .card h3, .card h4 {
    color: #333333;
}

.card.card-header-map .card-header, .card.card-header-pic .card-header {
    position: relative;
    height: 40vw;
    background-size: cover;
    background-position: center center;
}

.card.card-header-map .card-header::before, .card.card-header-pic .card-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.6) 100%);
}

.card.card-header-map .card-header a, .card.card-header-pic .card-header a {
    color: #ffffff;
    position: relative;
}

.card.card-header-map .card-info, .card.card-header-pic .card-info {
    padding: 10px 15px;
    color: #f4d48c;
    background: white;
}

.card.card-header-map .card-content, .card.card-header-pic .card-content {
    color: #333333;
}

.card.card-header-map .card-footer a, .card.card-header-pic .card-footer a {
    color: #3685B0;
}

.card.card-header-icon .card-header {
    background: #666666;
    color: #ffffff;
}

.card.card-header-icon .card-header.item-content-icon::before {
    color: #ffffff;
    font-size: 49px;
    left: 0;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.card.card-header-icon .card-content-inner {
    padding: 5px 5px 12px;
    text-align: center;
    min-height: 60px;
}

.card.card-header-icon .card-content-inner a {
    color: #333333;
    font-size: 11px;
    line-height: 1.4;
}

.card.card-header-icon .card-content-inner a > h4 {
    color: #3685B0;
    font-size: 14px;
    margin-bottom: 5px;
}

.card.card-header-icon .card-content-inner a > span {
    display: block;
    line-height: 1.4;
}

.card.card-header-map .card-header {
    height: 250px;
}

.card.card-header-map .card-header::before {
    opacity: 0.4;
}

.blog-box li .blog-list {
    display: block !important;
}

.blog-box li .blog-list:after {
    background-color: transparent !important;
}

.blog-box li .blog-list .blog-rating {
    position: absolute;
    z-index: 100;
    color: #FFF;
    bottom: 10px;
    right: 15px;
}

.blog-box li .blog-list .image a {
    position: relative;
    display: inline-block;
    line-height: 1;
    width: 100%;
}

.blog-box li .blog-list .image a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.8) 100%);
}

.blog-box li .blog-list .text {
    padding: 0 15px;
}

.blog-box li .blog-list .text .title {
    color: #3685B0;
}

.blog-box li .blog-list .text .title a {
    color: #3685B0;
}

.blog-box li .blog-list .text small {
    font-size: 11px;
    color: #999;
}

.blog-box li .blog-list .text p {
    margin: 0 0 10px;
    font-size: 14px;
}

.comments-box li .comments-list {
    display: block !important;
}

.comments-box li .comments-list:after {
    background-color: transparent !important;
}

.comments-box li .comments-list .image {
    float: left;
    width: 20%;
    text-align: center;
}

.comments-box li .comments-list .image .ava {
    display: inline-block;
}

.comments-box li .comments-list .image .ava img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.comments-box li .comments-list .text {
    float: right;
    width: 78%;
}

.comments-box li .comments-list .text .info {
    font-family: 'robotolight', sans-serif;
    border-bottom: 1px solid #f0f0f0;
    color: #999999;
}

.comments-box li .comments-list .text .info .data {
    font-size: 11px;
    float: right;
    padding-top: 6px;
}

.comments-box li .comments-list .text .comment {
    font-size: 12px;
    padding: 5px 0 0 0;
}

.social-buttons {
    text-align: center;
}

.social-buttons a {
    border-radius: 50%;
    color: #f0f0f0;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    width: 40px;
}

.social-buttons a:hover {
    opacity: 0.6;
}

.social-buttons a.kkicon-facebook {
    background: #4862A3;
}

.social-buttons a.kkicon-twitter {
    background: #33CCFF;
}

.social-buttons a.kkicon-pinterest {
    background: #CC2127;
}

.social-buttons a.kkicon-linkedin {
    background: #0274B3;
}

.social-buttons a.kkicon-gplus {
    background: #D95232;
}

.social-buttons a.kkicon-flickr {
    background: #FF0084;
}

.social-buttons a.kkicon {
    background: #3685b0;
}

.item-content-icon {
    position: relative;
    overflow: hidden;
    padding: 0;
    min-height: 40px;
    width: 40px;
    background: #3685B0;
    border-radius: 2px;
    text-align: center;
}

.item-content-icon::before {
    position: absolute;
    font-family: 'kkicons', sans-serif;
    top: 0;
    line-height: 40px;
    left: 10px;
    content: "";
    color: #ffffff;
    font-size: 20px;
}

.item-content-icon.item-content-icon-slider::before {
    content: "\e9c4";
}

.item-content-icon.item-content-icon-gallery::before {
    content: "\e70e";
}

.item-content-icon.item-content-icon-blog::before {
    content: "\e714";
}

.item-content-icon.item-content-icon-tabs::before {
    content: "\e7b1";
}

.item-content-icon.item-content-icon-accordion::before {
    content: "\e92f";
}

.item-content-icon.item-content-icon-share::before {
    content: "\e920";
}

.item-content-icon.item-content-icon-sidebar::before {
    content: "\e8fe";
}

.item-content-icon.item-content-icon-message::before {
    content: "\e697";
}

.item-content-icon.item-content-icon-login::before {
    content: "\e66b";
}

.item-content-icon.item-content-icon-validation::before {
    content: "\e668";
}

.item-content-icon.item-content-icon-settings::before {
    content: "\e6f2";
}

.the-team-slider {
    position: relative;
}

.team .owl-item > div > img {
    width: 100px;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.team .owl-item > div > h3 {
    margin: 10px 0 0;
    color: #3685B0;
}

.team .owl-item > div > p {
    margin: 0;
}

/* =========================================== */
/*    10. GALLERY                              */
/* =========================================== */
.gallery-more {
    background: #333333;
}

.gallery-more li {
    position: relative;
}

.gallery-more li:last-child a span:first-child {
    color: #666666;
    display: block;
    font-size: 40px;
    line-height: 1;
    margin-top: 5px;
    font-family: 'robotolight', Arial, Tahoma, sans-serif;
}

.gallery-more li:last-child a span:last-child {
    color: #666666;
    display: block;
    letter-spacing: 3px;
    line-height: 1;
}

.gallery-options {
    margin-bottom: 15px;
}

.gallery-options > a {
    color: #a8a8a8;
    display: inline-block;
    font-size: 18px;
    margin: 0 5px;
}

.gallery-options > a.active {
    color: #3685B0;
}

.gallery-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.gallery-list[data-cols="1"] li {
    float: none;
    width: 100%;
}

.gallery-list[data-cols="1"] li img {
    height: auto;
}

.gallery-list[data-cols="2"] li {
    float: left;
    width: 50%;
}

.gallery-list[data-cols="2"] li img {
    height: auto;
}

.gallery-list[data-cols="3"] li {
    float: left;
    width: 33.3%;
}

.gallery-list[data-cols="3"] li img {
    height: auto;
}

.gallery-list[data-cols="4"] li {
    float: left;
    width: 24.8%;
}

.gallery-list > li {
    text-align: center;
    -webkit-transition: width 200ms;
    transition: width 200ms;
}

.gallery-list > li:hover {
    opacity: 0.5;
}

.gallery-list > li a {
    display: block;
    line-height: 0;
    padding: 5px;
}

.gallery-list > li img {
    width: 100%;
    -webkit-transition: height 200ms;
    transition: height 200ms;
}

.accordion-item.accordion-item-expanded .accordion-item-toggle {
    background: #3685B0;
    color: #ffffff;
}

.accordion-item.accordion-item-expanded .accordion-item-content {
    padding: 10px 0;
}

.accordion-item .accordion-item-toggle {
    padding: 5px 10px;
    border: 1px solid #3685B0;
    margin-top: -1px;
}

/* =========================================== */
/*    11. TWITTER                              */
/* =========================================== */
.tweet {
    padding: 30px 0 20px;
    text-align: center;
}

.tweet ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tweet ul li {
    position: relative;
    text-align: center;
    font-size: 12px;
    padding: 0 15px;
}

.tweet ul li:before {
    font-family: 'FontAwesome', sans-serif;
    color: #3685B0;
    position: absolute;
    content: "\f099";
    top: -28px;
    left: 50%;
    margin-left: -10px;
    font-size: 22px;
}

.tweet ul li a {
    color: #3685B0;
}

.tweet-left,
.twitter-content {
    font-family: 'robotoregular', sans-serif;
    font-size: 12px;
}

.tweet-left > span,
.twitter-content > span {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.tweet-left ul,
.twitter-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tweet-left ul li,
.twitter-content ul li {
    text-align: left;
    position: relative;
    padding: 10px 15px 10px 47px;
    border-bottom: 1px solid #cccccc;
}

.tweet-left ul li:before,
.twitter-content ul li:before {
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    content: "\f099";
    top: 8px;
    left: 15px;
    color: #3685B0;
    font-size: 22px;
}

.tweet-left ul li a,
.twitter-content ul li a {
    color: #3685B0;
}

.tweet-left ul li {
    border: none;
}

/* =========================================== */
/*    12. FLICKR                               */
/* =========================================== */
.flickr-content {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flickr-content li {
    float: left;
    text-align: center;
    width: 33.3%;
}

.flickr-content li:hover {
    opacity: 0.5;
}

.flickr-content li a {
    display: block;
    line-height: 0;
}

.flickr-content li img {
    width: 100%;
}

/* =========================================== */
/*    13. MESSAGES                             */
/* =========================================== */
.messages {
    padding-bottom: 44px;
}

.message.message-pic img {
    width: 100%;
}

.message.message-sent .message-text {
    background-color: #3685B0;
    color: #ffffff;
}

.message .message-text {
    min-height: 32px;
    padding: 6px 16px 8px;
    font-size: 15px;
}

.messagebar textarea {
    font-size: 15px;
}

.messagebar textarea + .link {
    color: #3685B0;
    font-size: 18px;
}

/* =========================================== */
/*    14. LOGIN                                */
/* =========================================== */
.login-view-box .forgot-password {
    margin-top: 5px;
}

.login-view-box .forgot-password a {
    font-size: 12px;
    color: #ffffff;
}

.login-view-box .or-social {
    font-size: 12px;
    color: #9B9B9B;
    margin: 20px 0 7px;
}

.login-view-box .footer-link {
    margin: 30px 0 20px;
}

.login-view-box .footer-link a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

/* =========================================== */
/*    15. SHOP                                 */
/* =========================================== */
.shop-price-discount {
    font-size: 16px;
    text-decoration: line-through;
    color: #ff0000;
    margin-right: 7px;
}

.shop-price {
    font-size: 16px;
}

.custom-lable .shop-price-discount, .custom-lable .shop-price{
    font-size: 13px;
}

.featured-shop .owl-item .article-title {
    width: 90%;
}

.featured-shop .owl-item .article-title > span {
    opacity: 1;
    text-shadow: none;
    margin-bottom: 5px;
}

.featured-shop .owl-item img {
    height: 220px;
}

.featured-shop .shop-data .data {
    float: right;
    margin: 11px 0 0 0;
    font-size: 12px;
    opacity: 0.8;
}

.featured-shop .shop-data .data > * {
    margin-left: 3px;
}

.featured-category .row > a {
    display: block;
    position: relative;
    background: #3685B0;
}

.featured-category .row > a img {
    display: block;
    height: 110px;
    width: 100%;
    opacity: 0.6;
}

.featured-category .row > a .name {
    bottom: 5px;
    color: #ffffff;
    font-family: "robotothin", sans-serif;
    font-size: 21px;
    position: absolute;
    right: 15px;
    text-shadow: 0 0 5px black;
    z-index: 10;
}

.featured-category .row > a:hover img {
    opacity: 0.4;
}

.shop-items-list > a {
    display: block;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #333333;
    margin-bottom: 20px;
}

.shop-items-list > a .name, .shop-items-list > a .price-data {
    display: block;
    margin-bottom: 7px;
}

.shop-items-list > a .name {
    margin: 5px 0 2px;
    height: 65px;
}

.shop-items-list > a .shop-price {
    font-size: 19px;
}

.shop-items-list > a .shop-price-discount {
    font-size: 14px;
    margin-right: 2px;
}

/* custom */
.shop-items-list > div {
    display: block;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #333333;
    margin-bottom: 20px;
}

.shop-items-list > div .name, .shop-items-list > div .price-data {
    display: block;
    margin-bottom: 7px;
}

.shop-items-list > div .name {
    margin: 5px 0 2px;
    height: 65px;
}

.shop-items-list > div .shop-price {
    font-size: 19px;
}

.shop-items-list > div .shop-price-discount {
    font-size: 14px;
    margin-right: 2px;
}

/* end of custom */

.shop-items-list .add-to-cart-button {
    display: block;
    text-align: center;
    background: #3685B0;
    color: #ffffff;
    padding: 4px 0;
}

.shop-items-list .add-to-cart-button:hover {
    background: #2a6889;
}

.shop-product-image > img {
    display: block;
}

.shop-product-options {
    background: #cccccc;
}

.shop-product-options .button {
    border-radius: 0;
    box-shadow: none;
}

.shop-product-rating {
    text-align: center;
}

.specification .label, .specification .value {
    padding: 4px 0;
}

.specification .label {
    font-family: 'robotobold', sans-serif;
}

.shop-cart .item-inner .item-after {
    font-size: 12px;
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-cart .item-inner .item-after input {
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 30px;
}

.shop-cart .item-inner .item-text {
    margin-left: auto;
}

.shop-cart .item-inner .shop-price {
    color: #333333;
    font-family: 'robotolight', sans-serif;
    font-size: 18px;
}

.shop-sum {
    font-size: 14px;
}

.shop-sum .item-inner .item-after {
    margin-left: auto;
}

.shop-sum .shop-sum-total {
    font-size: 18px;
    color: #3685B0;
}

.shop-sum .shop-sum-total .item-after {
    color: inherit;
}

.shop-payment-methods-list {
    list-style: none;
    margin: 25px 0 20px;
    padding: 0;
}

.shop-payment-methods-list:before, .shop-payment-methods-list:after {
    content: " ";
    display: table;
}

.shop-payment-methods-list:after {
    clear: both;
}

.shop-payment-methods-list > li {
    float: left;
    width: 33.336%;
}

.shop-payment-methods-list > li > label {
    position: relative;
    display: block;
    padding: 2px 5px;
    cursor: pointer;
}

.shop-payment-methods-list > li > label img {
    position: relative;
    z-index: 10;
    opacity: 0.4;
}

.shop-payment-methods-list > li > label input {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: -1;
    visibility: hidden;
}

.shop-payment-methods-list > li > label input:checked + img {
    opacity: 1;
}

.shop-summary table {
    width: 100%;
}

.shop-summary .sum-element {
    text-align: right;
    font-family: "robotobold", sans-serif;
}

.shop-summary .sum-element.sum {
    color: #3685B0;
    font-size: 18px;
}

.shop-summary .payment-method img {
    width: 100px;
}

.sdiv {
    border: 1px solid #c8c7cc;
}

.bg-blue-nav {
    background: #3685b0 none repeat scroll 0 0;
}

.hotel.list-block .item-media:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

/* div.scrollmenu a:hover,  */
.scrollmenu .tab-link.active {
    /* background-color: #777; */
    border-bottom: 3px solid #FFFFFF;
}

.no-margin-rf{
    margin-left:0px !important;
    margin-right:0px !important;
}

div.scrollmenuchild {
    overflow: auto;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: hidden;
}

div.scrollmenuchild a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

/* div.scrollmenu a:hover,  */
.scrollmenuchild .tab-link.active {
    border-bottom: 3px solid #FFFFFF;
}

.dny_content h4{
    font-weight: bold;
}

.content-wew .dny_content{
    font-size: 12px;
}