@font-face {
font-family: 'icomoon';
src:
url(//www.tinayong.com/wp-content/themes/brook/icons/fonts/icomoon.ttf?krndou) format('truetype'),
url(//www.tinayong.com/wp-content/themes/brook/icons/fonts/icomoon.woff?krndou) format('woff'),
url(//www.tinayong.com/wp-content/themes/brook/icons/fonts/icomoon.svg?krndou#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="brook-icon-"], [class*=" brook-icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.brook-icon-arrow-left:before {
content: "\e8f1";
}
.brook-icon-arrow-right:before {
content: "\e8f2";
}
.brook-icon-quote:before {
content: "\e8ea";
}
.brook-icon-comments:before {
content: "\e8ec";
}
.brook-icon-grid:before {
content: "\e8ed";
}
.brook-icon-pencil:before {
content: "\e8e2";
}
.brook-icon-magglass:before {
content: "\e8e6";
}
.brook-icon-hexagon-fill:before {
content: "\e8e4";
}
.brook-icon-hexagon-outline:before {
content: "\e8e5";
}
.brook-icon-home:before {
content: "\e600";
}
.brook-icon-home2:before {
content: "\e601";
}
.brook-icon-home3:before {
content: "\e602";
}
.brook-icon-office:before {
content: "\e603";
}
.brook-icon-newspaper:before {
content: "\e604";
}
.brook-icon-pencil2:before {
content: "\e605";
}
.brook-icon-pencil22:before {
content: "\e606";
}
.brook-icon-quill:before {
content: "\e607";
}
.brook-icon-pen:before {
content: "\e608";
}
.brook-icon-blog:before {
content: "\e609";
}
.brook-icon-droplet:before {
content: "\e60a";
}
.brook-icon-paint-format:before {
content: "\e60b";
}
.brook-icon-image:before {
content: "\e60c";
}
.brook-icon-image2:before {
content: "\e60d";
}
.brook-icon-images:before {
content: "\e60e";
}
.brook-icon-camera:before {
content: "\e60f";
}
.brook-icon-music:before {
content: "\e610";
}
.brook-icon-headphones:before {
content: "\e611";
}
.brook-icon-play:before {
content: "\e612";
}
.brook-icon-film:before {
content: "\e613";
}
.brook-icon-camera2:before {
content: "\e614";
}
.brook-icon-dice:before {
content: "\e615";
}
.brook-icon-pacman:before {
content: "\e616";
}
.brook-icon-spades:before {
content: "\e617";
}
.brook-icon-clubs:before {
content: "\e618";
}
.brook-icon-diamonds:before {
content: "\e619";
}
.brook-icon-pawn:before {
content: "\e61a";
}
.brook-icon-bullhorn:before {
content: "\e61b";
}
.brook-icon-connection:before {
content: "\e61c";
}
.brook-icon-podcast:before {
content: "\e61d";
}
.brook-icon-feed:before {
content: "\e61e";
}
.brook-icon-book:before {
content: "\e61f";
}
.brook-icon-books:before {
content: "\e620";
}
.brook-icon-library:before {
content: "\e621";
}
.brook-icon-file:before {
content: "\e622";
}
.brook-icon-profile:before {
content: "\e623";
}
.brook-icon-file2:before {
content: "\e624";
}
.brook-icon-file3:before {
content: "\e625";
}
.brook-icon-file4:before {
content: "\e626";
}
.brook-icon-copy:before {
content: "\e627";
}
.brook-icon-copy2:before {
content: "\e628";
}
.brook-icon-copy3:before {
content: "\e629";
}
.brook-icon-paste:before {
content: "\e62a";
}
.brook-icon-paste2:before {
content: "\e62b";
}
.brook-icon-paste3:before {
content: "\e62c";
}
.brook-icon-stack:before {
content: "\e62d";
}
.brook-icon-folder:before {
content: "\e62e";
}
.brook-icon-folder-open:before {
content: "\e62f";
}
.brook-icon-tag:before {
content: "\e630";
}
.brook-icon-tags:before {
content: "\e631";
}
.brook-icon-barcode:before {
content: "\e632";
}
.brook-icon-qrcode:before {
content: "\e633";
}
.brook-icon-ticket:before {
content: "\e634";
}
.brook-icon-cart:before {
content: "\e635";
}
.brook-icon-cart2:before {
content: "\e636";
}
.brook-icon-cart3:before {
content: "\e637";
}
.brook-icon-coin:before {
content: "\e638";
}
.brook-icon-credit:before {
content: "\e639";
}
.brook-icon-calculate:before {
content: "\e63a";
}
.brook-icon-support:before {
content: "\e63b";
}
.brook-icon-phone:before {
content: "\e63c";
}
.brook-icon-phone-hang-up:before {
content: "\e63d";
}
.brook-icon-address-book:before {
content: "\e63e";
}
.brook-icon-notebook:before {
content: "\e63f";
}
.brook-icon-envelope:before {
content: "\e640";
}
.brook-icon-pushpin:before {
content: "\e641";
}
.brook-icon-location:before {
content: "\e642";
}
.brook-icon-location2:before {
content: "\e643";
}
.brook-icon-compass:before {
content: "\e644";
}
.brook-icon-map:before {
content: "\e645";
}
.brook-icon-map2:before {
content: "\e646";
}
.brook-icon-history:before {
content: "\e647";
}
.brook-icon-clock:before {
content: "\e648";
}
.brook-icon-clock2:before {
content: "\e649";
}
.brook-icon-alarm:before {
content: "\e64a";
}
.brook-icon-alarm2:before {
content: "\e64b";
}
.brook-icon-bell:before {
content: "\e64c";
}
.brook-icon-stopwatch:before {
content: "\e64d";
}
.brook-icon-calendar:before {
content: "\e64e";
}
.brook-icon-calendar2:before {
content: "\e64f";
}
.brook-icon-print:before {
content: "\e650";
}
.brook-icon-keyboard:before {
content: "\e651";
}
.brook-icon-screen:before {
content: "\e652";
}
.brook-icon-laptop:before {
content: "\e653";
}
.brook-icon-mobile:before {
content: "\e654";
}
.brook-icon-mobile2:before {
content: "\e655";
}
.brook-icon-tablet:before {
content: "\e656";
}
.brook-icon-tv:before {
content: "\e657";
}
.brook-icon-cabinet:before {
content: "\e658";
}
.brook-icon-drawer:before {
content: "\e659";
}
.brook-icon-drawer2:before {
content: "\e65a";
}
.brook-icon-drawer3:before {
content: "\e65b";
}
.brook-icon-box-add:before {
content: "\e65c";
}
.brook-icon-box-remove:before {
content: "\e65d";
}
.brook-icon-download:before {
content: "\e65e";
}
.brook-icon-upload:before {
content: "\e65f";
}
.brook-icon-disk:before {
content: "\e660";
}
.brook-icon-storage:before {
content: "\e661";
}
.brook-icon-undo:before {
content: "\e662";
}
.brook-icon-redo:before {
content: "\e663";
}
.brook-icon-flip:before {
content: "\e664";
}
.brook-icon-flip2:before {
content: "\e665";
}
.brook-icon-undo2:before {
content: "\e666";
}
.brook-icon-redo2:before {
content: "\e667";
}
.brook-icon-forward:before {
content: "\e668";
}
.brook-icon-reply:before {
content: "\e669";
}
.brook-icon-bubble:before {
content: "\e66a";
}
.brook-icon-bubbles:before {
content: "\e66b";
}
.brook-icon-bubbles2:before {
content: "\e66c";
}
.brook-icon-bubble2:before {
content: "\e66d";
}
.brook-icon-bubbles3:before {
content: "\e66e";
}
.brook-icon-bubbles4:before {
content: "\e66f";
}
.brook-icon-user:before {
content: "\e670";
}
.brook-icon-users:before {
content: "\e671";
}
.brook-icon-user2:before {
content: "\e672";
}
.brook-icon-users2:before {
content: "\e673";
}
.brook-icon-user3:before {
content: "\e674";
}
.brook-icon-user4:before {
content: "\e675";
}
.brook-icon-quotes-left:before {
content: "\e676";
}
.brook-icon-busy:before {
content: "\e677";
}
.brook-icon-spinner:before {
content: "\e678";
}
.brook-icon-spinner2:before {
content: "\e679";
}
.brook-icon-spinner3:before {
content: "\e67a";
}
.brook-icon-spinner4:before {
content: "\e67b";
}
.brook-icon-spinner5:before {
content: "\e67c";
}
.brook-icon-spinner6:before {
content: "\e67d";
}
.brook-icon-binoculars:before {
content: "\e67e";
}
.brook-icon-search:before {
content: "\e67f";
}
.brook-icon-zoomin:before {
content: "\e680";
}
.brook-icon-zoomout:before {
content: "\e681";
}
.brook-icon-expand:before {
content: "\e682";
}
.brook-icon-contract:before {
content: "\e683";
}
.brook-icon-expand2:before {
content: "\e684";
}
.brook-icon-contract2:before {
content: "\e685";
}
.brook-icon-key:before {
content: "\e686";
}
.brook-icon-key2:before {
content: "\e687";
}
.brook-icon-lock:before {
content: "\e688";
}
.brook-icon-lock2:before {
content: "\e689";
}
.brook-icon-unlocked:before {
content: "\e68a";
}
.brook-icon-wrench:before {
content: "\e68b";
}
.brook-icon-settings:before {
content: "\e68c";
}
.brook-icon-equalizer:before {
content: "\e68d";
}
.brook-icon-cog:before {
content: "\e68e";
}
.brook-icon-cogs:before {
content: "\e68f";
}
.brook-icon-cog2:before {
content: "\e690";
}
.brook-icon-hammer:before {
content: "\e691";
}
.brook-icon-wand:before {
content: "\e692";
}
.brook-icon-aid:before {
content: "\e693";
}
.brook-icon-bug:before {
content: "\e694";
}
.brook-icon-pie:before {
content: "\e695";
}
.brook-icon-stats:before {
content: "\e696";
}
.brook-icon-bars:before {
content: "\e697";
}
.brook-icon-bars2:before {
content: "\e698";
}
.brook-icon-gift:before {
content: "\e699";
}
.brook-icon-trophy:before {
content: "\e69a";
}
.brook-icon-glass:before {
content: "\e69b";
}
.brook-icon-mug:before {
content: "\e69c";
}
.brook-icon-food:before {
content: "\e69d";
}
.brook-icon-leaf:before {
content: "\e69e";
}
.brook-icon-rocket:before {
content: "\e69f";
}
.brook-icon-meter:before {
content: "\e6a0";
}
.brook-icon-meter2:before {
content: "\e6a1";
}
.brook-icon-dashboard:before {
content: "\e6a2";
}
.brook-icon-hammer2:before {
content: "\e6a3";
}
.brook-icon-fire:before {
content: "\e6a4";
}
.brook-icon-lab:before {
content: "\e6a5";
}
.brook-icon-magnet:before {
content: "\e6a6";
}
.brook-icon-remove:before {
content: "\e6a7";
}
.brook-icon-remove2:before {
content: "\e6a8";
}
.brook-icon-briefcase:before {
content: "\e6a9";
}
.brook-icon-airplane:before {
content: "\e6aa";
}
.brook-icon-truck:before {
content: "\e6ab";
}
.brook-icon-road:before {
content: "\e6ac";
}
.brook-icon-accessibility:before {
content: "\e6ad";
}
.brook-icon-target:before {
content: "\e6ae";
}
.brook-icon-shield:before {
content: "\e6af";
}
.brook-icon-lightning:before {
content: "\e6b0";
}
.brook-icon-switch:before {
content: "\e6b1";
}
.brook-icon-powercord:before {
content: "\e6b2";
}
.brook-icon-signup:before {
content: "\e6b3";
}
.brook-icon-list:before {
content: "\e6b4";
}
.brook-icon-list2:before {
content: "\e6b5";
}
.brook-icon-numbered-list:before {
content: "\e6b6";
}
.brook-icon-menu:before {
content: "\e6b7";
}
.brook-icon-menu2:before {
content: "\e6b8";
}
.brook-icon-tree:before {
content: "\e6b9";
}
.brook-icon-cloud:before {
content: "\e6ba";
}
.brook-icon-cloud-download:before {
content: "\e6bb";
}
.brook-icon-cloud-upload:before {
content: "\e6bc";
}
.brook-icon-download2:before {
content: "\e6bd";
}
.brook-icon-upload2:before {
content: "\e6be";
}
.brook-icon-download3:before {
content: "\e6bf";
}
.brook-icon-upload3:before {
content: "\e6c0";
}
.brook-icon-globe:before {
content: "\e6c1";
}
.brook-icon-earth:before {
content: "\e6c2";
}
.brook-icon-link:before {
content: "\e6c3";
}
.brook-icon-flag:before {
content: "\e6c4";
}
.brook-icon-attachment:before {
content: "\e6c5";
}
.brook-icon-eye:before {
content: "\e6c6";
}
.brook-icon-eye-blocked:before {
content: "\e6c7";
}
.brook-icon-eye2:before {
content: "\e6c8";
}
.brook-icon-bookmark:before {
content: "\e6c9";
}
.brook-icon-bookmarks:before {
content: "\e6ca";
}
.brook-icon-brightness-medium:before {
content: "\e6cb";
}
.brook-icon-brightness-contrast:before {
content: "\e6cc";
}
.brook-icon-contrast:before {
content: "\e6cd";
}
.brook-icon-star:before {
content: "\e6ce";
}
.brook-icon-star2:before {
content: "\e6cf";
}
.brook-icon-star3:before {
content: "\e6d0";
}
.brook-icon-heart:before {
content: "\e6d1";
}
.brook-icon-heart2:before {
content: "\e6d2";
}
.brook-icon-heart-broken:before {
content: "\e6d3";
}
.brook-icon-thumbs-up:before {
content: "\e6d4";
}
.brook-icon-thumbs-up2:before {
content: "\e6d5";
}
.brook-icon-happy:before {
content: "\e6d6";
}
.brook-icon-happy2:before {
content: "\e6d7";
}
.brook-icon-smiley:before {
content: "\e6d8";
}
.brook-icon-smiley2:before {
content: "\e6d9";
}
.brook-icon-tongue:before {
content: "\e6da";
}
.brook-icon-tongue2:before {
content: "\e6db";
}
.brook-icon-sad:before {
content: "\e6dc";
}
.brook-icon-sad2:before {
content: "\e6dd";
}
.brook-icon-wink:before {
content: "\e6de";
}
.brook-icon-wink2:before {
content: "\e6df";
}
.brook-icon-grin:before {
content: "\e6e0";
}
.brook-icon-grin2:before {
content: "\e6e1";
}
.brook-icon-cool:before {
content: "\e6e2";
}
.brook-icon-cool2:before {
content: "\e6e3";
}
.brook-icon-angry:before {
content: "\e6e4";
}
.brook-icon-angry2:before {
content: "\e6e5";
}
.brook-icon-evil:before {
content: "\e6e6";
}
.brook-icon-evil2:before {
content: "\e6e7";
}
.brook-icon-shocked:before {
content: "\e6e8";
}
.brook-icon-shocked2:before {
content: "\e6e9";
}
.brook-icon-confused:before {
content: "\e6ea";
}
.brook-icon-confused2:before {
content: "\e6eb";
}
.brook-icon-neutral:before {
content: "\e6ec";
}
.brook-icon-neutral2:before {
content: "\e6ed";
}
.brook-icon-wondering:before {
content: "\e6ee";
}
.brook-icon-wondering2:before {
content: "\e6ef";
}
.brook-icon-point-up:before {
content: "\e6f0";
}
.brook-icon-point-right:before {
content: "\e6f1";
}
.brook-icon-point-down:before {
content: "\e6f2";
}
.brook-icon-point-left:before {
content: "\e6f3";
}
.brook-icon-warning:before {
content: "\e6f4";
}
.brook-icon-notification:before {
content: "\e6f5";
}
.brook-icon-question:before {
content: "\e6f6";
}
.brook-icon-info:before {
content: "\e6f7";
}
.brook-icon-info2:before {
content: "\e6f8";
}
.brook-icon-blocked:before {
content: "\e6f9";
}
.brook-icon-cancel-circle:before {
content: "\e6fa";
}
.brook-icon-checkmark-circle:before {
content: "\e6fb";
}
.brook-icon-spam:before {
content: "\e6fc";
}
.brook-icon-close:before {
content: "\e6fd";
}
.brook-icon-checkmark:before {
content: "\e6fe";
}
.brook-icon-checkmark2:before {
content: "\e6ff";
}
.brook-icon-spell-check:before {
content: "\e700";
}
.brook-icon-minus:before {
content: "\e701";
}
.brook-icon-plus:before {
content: "\e702";
}
.brook-icon-enter:before {
content: "\e703";
}
.brook-icon-exit:before {
content: "\e704";
}
.brook-icon-play2:before {
content: "\e705";
}
.brook-icon-pause:before {
content: "\e706";
}
.brook-icon-stop:before {
content: "\e707";
}
.brook-icon-backward:before {
content: "\e708";
}
.brook-icon-forward2:before {
content: "\e709";
}
.brook-icon-play3:before {
content: "\e70a";
}
.brook-icon-pause2:before {
content: "\e70b";
}
.brook-icon-stop2:before {
content: "\e70c";
}
.brook-icon-backward2:before {
content: "\e70d";
}
.brook-icon-forward3:before {
content: "\e70e";
}
.brook-icon-first:before {
content: "\e70f";
}
.brook-icon-last:before {
content: "\e710";
}
.brook-icon-previous:before {
content: "\e711";
}
.brook-icon-next:before {
content: "\e712";
}
.brook-icon-eject:before {
content: "\e713";
}
.brook-icon-volume-high:before {
content: "\e714";
}
.brook-icon-volume-medium:before {
content: "\e715";
}
.brook-icon-volume-low:before {
content: "\e716";
}
.brook-icon-volume-mute:before {
content: "\e717";
}
.brook-icon-volume-mute2:before {
content: "\e718";
}
.brook-icon-volume-increase:before {
content: "\e719";
}
.brook-icon-volume-decrease:before {
content: "\e71a";
}
.brook-icon-loop:before {
content: "\e71b";
}
.brook-icon-loop2:before {
content: "\e71c";
}
.brook-icon-loop3:before {
content: "\e71d";
}
.brook-icon-shuffle:before {
content: "\e71e";
}
.brook-icon-arrow-up-left:before {
content: "\e71f";
}
.brook-icon-arrow-up:before {
content: "\e720";
}
.brook-icon-arrow-up-right:before {
content: "\e721";
}
.brook-icon-arrow-right22222:before {
content: "\e722";
}
.brook-icon-arrow-down-right:before {
content: "\e723";
}
.brook-icon-arrow-down:before {
content: "\e724";
}
.brook-icon-arrow-down-left:before {
content: "\e725";
}
.brook-icon-arrow-left22222:before {
content: "\e726";
}
.brook-icon-arrow-up-left2:before {
content: "\e727";
}
.brook-icon-arrow-up2:before {
content: "\e728";
}
.brook-icon-arrow-up-right2:before {
content: "\e729";
}
.brook-icon-arrow-right222222:before {
content: "\e72a";
}
.brook-icon-arrow-down-right2:before {
content: "\e72b";
}
.brook-icon-arrow-down2:before {
content: "\e72c";
}
.brook-icon-arrow-down-left2:before {
content: "\e72d";
}
.brook-icon-arrow-left222222:before {
content: "\e72e";
}
.brook-icon-arrow-up-left3:before {
content: "\e72f";
}
.brook-icon-arrow-up3:before {
content: "\e730";
}
.brook-icon-arrow-up-right3:before {
content: "\e731";
}
.brook-icon-arrow-right3:before {
content: "\e732";
}
.brook-icon-arrow-down-right3:before {
content: "\e733";
}
.brook-icon-arrow-down3:before {
content: "\e734";
}
.brook-icon-arrow-down-left3:before {
content: "\e735";
}
.brook-icon-arrow-left3:before {
content: "\e736";
}
.brook-icon-tab:before {
content: "\e737";
}
.brook-icon-checkbox-checked:before {
content: "\e738";
}
.brook-icon-checkbox-unchecked:before {
content: "\e739";
}
.brook-icon-checkbox-partial:before {
content: "\e73a";
}
.brook-icon-radio-checked:before {
content: "\e73b";
}
.brook-icon-radio-unchecked:before {
content: "\e73c";
}
.brook-icon-crop:before {
content: "\e73d";
}
.brook-icon-scissors:before {
content: "\e73e";
}
.brook-icon-filter:before {
content: "\e73f";
}
.brook-icon-filter2:before {
content: "\e740";
}
.brook-icon-font:before {
content: "\e741";
}
.brook-icon-text-height:before {
content: "\e742";
}
.brook-icon-text-width:before {
content: "\e743";
}
.brook-icon-bold:before {
content: "\e744";
}
.brook-icon-underline:before {
content: "\e745";
}
.brook-icon-italic:before {
content: "\e746";
}
.brook-icon-strikethrough:before {
content: "\e747";
}
.brook-icon-omega:before {
content: "\e748";
}
.brook-icon-sigma:before {
content: "\e749";
}
.brook-icon-table:before {
content: "\e74a";
}
.brook-icon-table2:before {
content: "\e74b";
}
.brook-icon-insert-template:before {
content: "\e74c";
}
.brook-icon-pilcrow:before {
content: "\e74d";
}
.brook-icon-lefttoright:before {
content: "\e74e";
}
.brook-icon-righttoleft:before {
content: "\e74f";
}
.brook-icon-paragraph-left:before {
content: "\e750";
}
.brook-icon-paragraph-center:before {
content: "\e751";
}
.brook-icon-paragraph-right:before {
content: "\e752";
}
.brook-icon-paragraph-justify:before {
content: "\e753";
}
.brook-icon-paragraph-left2:before {
content: "\e754";
}
.brook-icon-paragraph-center2:before {
content: "\e755";
}
.brook-icon-paragraph-right2:before {
content: "\e756";
}
.brook-icon-paragraph-justify2:before {
content: "\e757";
}
.brook-icon-indent-increase:before {
content: "\e758";
}
.brook-icon-indent-decrease:before {
content: "\e759";
}
.brook-icon-newtab:before {
content: "\e75a";
}
.brook-icon-embed:before {
content: "\e75b";
}
.brook-icon-code:before {
content: "\e75c";
}
.brook-icon-console:before {
content: "\e75d";
}
.brook-icon-share:before {
content: "\e75e";
}
.brook-icon-mail:before {
content: "\e75f";
}
.brook-icon-mail2:before {
content: "\e760";
}
.brook-icon-mail3:before {
content: "\e761";
}
.brook-icon-mail4:before {
content: "\e762";
}
.brook-icon-google:before {
content: "\e763";
}
.brook-icon-googleplus:before {
content: "\e764";
}
.brook-icon-googleplus2:before {
content: "\e765";
}
.brook-icon-googleplus3:before {
content: "\e766";
}
.brook-icon-googleplus4:before {
content: "\e767";
}
.brook-icon-google-drive:before {
content: "\e768";
}
.brook-icon-facebook:before {
content: "\e769";
}
.brook-icon-facebook2:before {
content: "\e76a";
}
.brook-icon-facebook3:before {
content: "\e76b";
}
.brook-icon-instagram:before {
content: "\e900";
}
.brook-icon-instagram2:before {
content: "\e76c";
}
.brook-icon-twitter:before {
content: "\e76d";
}
.brook-icon-twitter2:before {
content: "\e76e";
}
.brook-icon-twitter3:before {
content: "\e76f";
}
.brook-icon-feed2:before {
content: "\e770";
}
.brook-icon-feed3:before {
content: "\e771";
}
.brook-icon-feed4:before {
content: "\e772";
}
.brook-icon-youtube:before {
content: "\e773";
}
.brook-icon-youtube2:before {
content: "\e774";
}
.brook-icon-vimeo:before {
content: "\e775";
}
.brook-icon-vimeo2:before {
content: "\e776";
}
.brook-icon-vimeo3:before {
content: "\e777";
}
.brook-icon-lanyrd:before {
content: "\e778";
}
.brook-icon-flickr:before {
content: "\e779";
}
.brook-icon-flickr2:before {
content: "\e77a";
}
.brook-icon-flickr3:before {
content: "\e77b";
}
.brook-icon-flickr4:before {
content: "\e77c";
}
.brook-icon-picassa:before {
content: "\e77d";
}
.brook-icon-picassa2:before {
content: "\e77e";
}
.brook-icon-dribbble:before {
content: "\e77f";
}
.brook-icon-dribbble2:before {
content: "\e780";
}
.brook-icon-dribbble3:before {
content: "\e781";
}
.brook-icon-forrst:before {
content: "\e782";
}
.brook-icon-forrst2:before {
content: "\e783";
}
.brook-icon-deviantart:before {
content: "\e784";
}
.brook-icon-deviantart2:before {
content: "\e785";
}
.brook-icon-steam:before {
content: "\e786";
}
.brook-icon-steam2:before {
content: "\e787";
}
.brook-icon-github:before {
content: "\e788";
}
.brook-icon-github2:before {
content: "\e789";
}
.brook-icon-github3:before {
content: "\e78a";
}
.brook-icon-github4:before {
content: "\e78b";
}
.brook-icon-github5:before {
content: "\e78c";
}
.brook-icon-wordpress:before {
content: "\e78d";
}
.brook-icon-wordpress2:before {
content: "\e78e";
}
.brook-icon-joomla:before {
content: "\e78f";
}
.brook-icon-blogger:before {
content: "\e790";
}
.brook-icon-blogger2:before {
content: "\e791";
}
.brook-icon-tumblr:before {
content: "\e792";
}
.brook-icon-tumblr2:before {
content: "\e793";
}
.brook-icon-yahoo:before {
content: "\e794";
}
.brook-icon-tux:before {
content: "\e795";
}
.brook-icon-apple:before {
content: "\e796";
}
.brook-icon-finder:before {
content: "\e797";
}
.brook-icon-android:before {
content: "\e798";
}
.brook-icon-windows:before {
content: "\e799";
}
.brook-icon-windows8:before {
content: "\e79a";
}
.brook-icon-soundcloud:before {
content: "\e79b";
}
.brook-icon-soundcloud2:before {
content: "\e79c";
}
.brook-icon-skype:before {
content: "\e79d";
}
.brook-icon-reddit:before {
content: "\e79e";
}
.brook-icon-linkedin:before {
content: "\e79f";
}
.brook-icon-lastfm:before {
content: "\e7a0";
}
.brook-icon-lastfm2:before {
content: "\e7a1";
}
.brook-icon-delicious:before {
content: "\e7a2";
}
.brook-icon-stumbleupon:before {
content: "\e7a3";
}
.brook-icon-stumbleupon2:before {
content: "\e7a4";
}
.brook-icon-stackoverflow:before {
content: "\e7a5";
}
.brook-icon-pinterest:before {
content: "\e7a6";
}
.brook-icon-pinterest2:before {
content: "\e7a7";
}
.brook-icon-xing:before {
content: "\e7a8";
}
.brook-icon-xing2:before {
content: "\e7a9";
}
.brook-icon-flattr:before {
content: "\e7aa";
}
.brook-icon-foursquare2:before {
content: "\e7ab";
}
.brook-icon-foursquare22:before {
content: "\e7ac";
}
.brook-icon-paypal2:before {
content: "\e7ad";
}
.brook-icon-paypal22:before {
content: "\e7ae";
}
.brook-icon-paypal3:before {
content: "\e7af";
}
.brook-icon-yelp:before {
content: "\e7b0";
}
.brook-icon-libreoffice:before {
content: "\e7b1";
}
.brook-icon-file-pdf:before {
content: "\e7b2";
}
.brook-icon-file-openoffice:before {
content: "\e7b3";
}
.brook-icon-file-word:before {
content: "\e7b4";
}
.brook-icon-file-excel:before {
content: "\e7b5";
}
.brook-icon-file-zip:before {
content: "\e7b6";
}
.brook-icon-file-powerpoint:before {
content: "\e7b7";
}
.brook-icon-file-xml:before {
content: "\e7b8";
}
.brook-icon-file-css:before {
content: "\e7b9";
}
.brook-icon-html5:before {
content: "\e7ba";
}
.brook-icon-html52:before {
content: "\e7bb";
}
.brook-icon-css3:before {
content: "\e7bc";
}
.brook-icon-chrome:before {
content: "\e7bd";
}
.brook-icon-firefox:before {
content: "\e7be";
}
.brook-icon-IE:before {
content: "\e7bf";
}
.brook-icon-opera:before {
content: "\e7c0";
}
.brook-icon-safari:before {
content: "\e7c1";
}
.brook-icon-IcoMoon:before {
content: "\e7c2";
}
.brook-icon-mixcloud:before {
content: "\f289";
}
.brook-icon-themeisle:before {
content: "\f2b2";
}
.brook-icon-yoast:before {
content: "\f2b1";
}
.brook-icon-snapchat-square:before {
content: "\f2ad";
}
.brook-icon-snapchat-ghost:before {
content: "\f2ac";
}
.brook-icon-snapchat:before {
content: "\f2ab";
}
.brook-icon-viadeo-square:before {
content: "\f2aa";
}
.brook-icon-viadeo:before {
content: "\f2a9";
}
.brook-icon-low-vision:before {
content: "\f2a8";
}
.brook-icon-glide-g:before {
content: "\f2a6";
}
.brook-icon-glide:before {
content: "\f2a5";
}
.brook-icon-deaf:before {
content: "\f2a4";
}
.brook-icon-deafness:before {
content: "\f2a4";
}
.brook-icon-hard-of-hearing:before {
content: "\f2a4";
}
.brook-icon-american-sign-language-interpreting:before {
content: "\f2a3";
}
.brook-icon-asl-interpreting:before {
content: "\f2a3";
}
.brook-icon-assistive-listening-systems:before {
content: "\f2a2";
}
.brook-icon-braille:before {
content: "\f2a1";
}
.brook-icon-audio-description:before {
content: "\f29e";
}
.brook-icon-gitlab:before {
content: "\f296";
}
.brook-icon-scribd:before {
content: "\f28a";
}
.brook-icon-product-hunt:before {
content: "\f288";
}
.brook-icon-usb:before {
content: "\f287";
}
.brook-icon-modx:before {
content: "\f285";
}
.brook-icon-fonticons:before {
content: "\f280";
}
.brook-icon-odnoklassniki-square:before {
content: "\f264";
}
.brook-icon-odnoklassniki:before {
content: "\f263";
}
.brook-icon-tripadvisor:before {
content: "\f262";
}
.brook-icon-gg-circle:before {
content: "\f261";
}
.brook-icon-gg:before {
content: "\f260";
}
.brook-icon-creative-commons:before {
content: "\f25e";
}
.brook-icon-registered:before {
content: "\f25d";
}
.brook-icon-cc-diners-club:before {
content: "\f24c";
}
.brook-icon-cc-jcb:before {
content: "\f24b";
}
.brook-icon-whatsapp:before {
content: "\f232";
}
.brook-icon-skyatlas:before {
content: "\f216";
}
.brook-icon-sellsy:before {
content: "\f213";
}
.brook-icon-forumbee:before {
content: "\f211";
}
.brook-icon-buysellads:before {
content: "\f20d";
}
.brook-icon-meanpath:before {
content: "\f20c";
}
.brook-icon-ils:before {
content: "\f20b";
}
.brook-icon-shekel:before {
content: "\f20b";
}
.brook-icon-sheqel:before {
content: "\f20b";
}
.brook-icon-cc:before {
content: "\f20a";
}
.brook-icon-ioxhost:before {
content: "\f208";
}
.brook-icon-at:before {
content: "\f1fa";
}
.brook-icon-copyright:before {
content: "\f1f9";
}
.brook-icon-cc-stripe:before {
content: "\f1f5";
}
.brook-icon-cc-paypal:before {
content: "\f1f4";
}
.brook-icon-cc-amex:before {
content: "\f1f3";
}
.brook-icon-cc-discover:before {
content: "\f1f2";
}
.brook-icon-cc-mastercard:before {
content: "\f1f1";
}
.brook-icon-cc-visa:before {
content: "\f1f0";
}
.brook-icon-google-wallet:before {
content: "\f1ee";
}
.brook-icon-paypal:before {
content: "\f1ed";
}
.brook-icon-empire:before {
content: "\f1d1";
}
.brook-icon-ge:before {
content: "\f1d1";
}
.brook-icon-ra:before {
content: "\f1d0";
}
.brook-icon-rebel:before {
content: "\f1d0";
}
.brook-icon-resistance:before {
content: "\f1d0";
}
.brook-icon-jsfiddle:before {
content: "\f1cc";
}
.brook-icon-soundcloud4:before {
content: "\f1be";
}
.brook-icon-foursquare:before {
content: "\f180";
}
.brook-icon-bitbucket-square:before {
content: "\f172";
}
.brook-icon-bitbucket:before {
content: "\f171";
}
.brook-icon-instagram6:before {
content: "\f16d";
}
.brook-icon-maxcdn:before {
content: "\f136";
}
.brook-icon-eye3:before {
content: "\e000";
}
.brook-icon-paper-clip:before {
content: "\e001";
}
.brook-icon-mail5:before {
content: "\e002";
}
.brook-icon-toggle:before {
content: "\e003";
}
.brook-icon-layout:before {
content: "\e004";
}
.brook-icon-link2:before {
content: "\e005";
}
.brook-icon-bell2:before {
content: "\e006";
}
.brook-icon-lock3:before {
content: "\e007";
}
.brook-icon-unlock:before {
content: "\e008";
}
.brook-icon-ribbon:before {
content: "\e009";
}
.brook-icon-image3:before {
content: "\e010";
}
.brook-icon-signal:before {
content: "\e011";
}
.brook-icon-target2:before {
content: "\e012";
}
.brook-icon-clipboard:before {
content: "\e013";
}
.brook-icon-clock3:before {
content: "\e014";
}
.brook-icon-watch:before {
content: "\e015";
}
.brook-icon-air-play:before {
content: "\e016";
}
.brook-icon-camera3:before {
content: "\e017";
}
.brook-icon-video:before {
content: "\e018";
}
.brook-icon-disc:before {
content: "\e019";
}
.brook-icon-printer:before {
content: "\e020";
}
.brook-icon-monitor:before {
content: "\e021";
}
.brook-icon-server:before {
content: "\e022";
}
.brook-icon-cog3:before {
content: "\e023";
}
.brook-icon-heart3:before {
content: "\e024";
}
.brook-icon-paragraph:before {
content: "\e025";
}
.brook-icon-align-justify:before {
content: "\e026";
}
.brook-icon-align-left:before {
content: "\e027";
}
.brook-icon-align-center:before {
content: "\e028";
}
.brook-icon-align-right:before {
content: "\e029";
}
.brook-icon-book2:before {
content: "\e030";
}
.brook-icon-layers:before {
content: "\e031";
}
.brook-icon-stack2:before {
content: "\e032";
}
.brook-icon-stack-2:before {
content: "\e033";
}
.brook-icon-paper:before {
content: "\e034";
}
.brook-icon-paper-stack:before {
content: "\e035";
}
.brook-icon-search2:before {
content: "\e036";
}
.brook-icon-zoom-in:before {
content: "\e037";
}
.brook-icon-zoom-out:before {
content: "\e038";
}
.brook-icon-reply2:before {
content: "\e039";
}
.brook-icon-circle-plus:before {
content: "\e040";
}
.brook-icon-circle-minus:before {
content: "\e041";
}
.brook-icon-circle-check:before {
content: "\e042";
}
.brook-icon-circle-cross:before {
content: "\e043";
}
.brook-icon-square-plus:before {
content: "\e044";
}
.brook-icon-square-minus:before {
content: "\e045";
}
.brook-icon-square-check:before {
content: "\e046";
}
.brook-icon-square-cross:before {
content: "\e047";
}
.brook-icon-microphone:before {
content: "\e048";
}
.brook-icon-record:before {
content: "\e049";
}
.brook-icon-skip-back:before {
content: "\e050";
}
.brook-icon-rewind:before {
content: "\e051";
}
.brook-icon-play4:before {
content: "\e052";
}
.brook-icon-pause3:before {
content: "\e053";
}
.brook-icon-stop3:before {
content: "\e054";
}
.brook-icon-fast-forward:before {
content: "\e055";
}
.brook-icon-skip-forward:before {
content: "\e056";
}
.brook-icon-shuffle2:before {
content: "\e057";
}
.brook-icon-repeat:before {
content: "\e058";
}
.brook-icon-folder2:before {
content: "\e059";
}
.brook-icon-umbrella:before {
content: "\e060";
}
.brook-icon-moon:before {
content: "\e061";
}
.brook-icon-thermometer:before {
content: "\e062";
}
.brook-icon-drop:before {
content: "\e063";
}
.brook-icon-sun:before {
content: "\e064";
}
.brook-icon-cloud2:before {
content: "\e065";
}
.brook-icon-cloud-upload2:before {
content: "\e066";
}
.brook-icon-cloud-download2:before {
content: "\e067";
}
.brook-icon-upload4:before {
content: "\e068";
}
.brook-icon-download4:before {
content: "\e069";
}
.brook-icon-location3:before {
content: "\e070";
}
.brook-icon-location-2:before {
content: "\e071";
}
.brook-icon-map3:before {
content: "\e072";
}
.brook-icon-battery:before {
content: "\e073";
}
.brook-icon-head:before {
content: "\e074";
}
.brook-icon-briefcase2:before {
content: "\e075";
}
.brook-icon-speech-bubble:before {
content: "\e076";
}
.brook-icon-anchor:before {
content: "\e077";
}
.brook-icon-globe2:before {
content: "\e078";
}
.brook-icon-box:before {
content: "\e079";
}
.brook-icon-reload:before {
content: "\e080";
}
.brook-icon-share2:before {
content: "\e081";
}
.brook-icon-marquee:before {
content: "\e082";
}
.brook-icon-marquee-plus:before {
content: "\e083";
}
.brook-icon-marquee-minus:before {
content: "\e084";
}
.brook-icon-tag2:before {
content: "\e085";
}
.brook-icon-power:before {
content: "\e086";
}
.brook-icon-command:before {
content: "\e087";
}
.brook-icon-alt:before {
content: "\e088";
}
.brook-icon-esc:before {
content: "\e089";
}
.brook-icon-bar-graph:before {
content: "\e090";
}
.brook-icon-bar-graph-2:before {
content: "\e091";
}
.brook-icon-pie-graph:before {
content: "\e092";
}
.brook-icon-star4:before {
content: "\e093";
}
.brook-icon-arrow-left4:before {
content: "\e094";
}
.brook-icon-arrow-right4:before {
content: "\e095";
}
.brook-icon-arrow-up4:before {
content: "\e096";
}
.brook-icon-arrow-down4:before {
content: "\e097";
}
.brook-icon-volume:before {
content: "\e098";
}
.brook-icon-mute:before {
content: "\e099";
}
.brook-icon-content-right:before {
content: "\e100";
}
.brook-icon-content-left:before {
content: "\e101";
}
.brook-icon-grid2:before {
content: "\e102";
}
.brook-icon-grid-2:before {
content: "\e103";
}
.brook-icon-columns:before {
content: "\e104";
}
.brook-icon-loader:before {
content: "\e105";
}
.brook-icon-bag:before {
content: "\e106";
}
.brook-icon-ban:before {
content: "\e107";
}
.brook-icon-flag2:before {
content: "\e108";
}
.brook-icon-trash:before {
content: "\e109";
}
.brook-icon-expand3:before {
content: "\e110";
}
.brook-icon-contract3:before {
content: "\e111";
}
.brook-icon-maximize:before {
content: "\e112";
}
.brook-icon-minimize:before {
content: "\e113";
}
.brook-icon-plus2:before {
content: "\e114";
}
.brook-icon-minus2:before {
content: "\e115";
}
.brook-icon-check:before {
content: "\e116";
}
.brook-icon-cross:before {
content: "\e117";
}
.brook-icon-move:before {
content: "\e118";
}
.brook-icon-delete:before {
content: "\e119";
}
.brook-icon-menu3:before {
content: "\e120";
}
.brook-icon-archive:before {
content: "\e121";
}
.brook-icon-inbox:before {
content: "\e122";
}
.brook-icon-outbox:before {
content: "\e123";
}
.brook-icon-file5:before {
content: "\e124";
}
.brook-icon-file-add:before {
content: "\e125";
}
.brook-icon-file-subtract:before {
content: "\e126";
}
.brook-icon-help:before {
content: "\e127";
}
.brook-icon-open:before {
content: "\e128";
}
.brook-icon-ellipsis:before {
content: "\e129";
}
.brook-icon-world:before {
content: "\e8e0";
}
.brook-icon-phone2:before {
content: "\e7c4";
}
.brook-icon-mobile3:before {
content: "\e7c5";
}
.brook-icon-mouse:before {
content: "\e7c6";
}
.brook-icon-directions:before {
content: "\e7c7";
}
.brook-icon-mail6:before {
content: "\e7c8";
}
.brook-icon-paperplane:before {
content: "\e7c9";
}
.brook-icon-pencil3:before {
content: "\e7ca";
}
.brook-icon-feather:before {
content: "\e7cb";
}
.brook-icon-paperclip:before {
content: "\e7cc";
}
.brook-icon-drawer4:before {
content: "\e7cd";
}
.brook-icon-reply3:before {
content: "\e7ce";
}
.brook-icon-reply-all:before {
content: "\e7cf";
}
.brook-icon-forward4:before {
content: "\e7d0";
}
.brook-icon-user5:before {
content: "\e7d1";
}
.brook-icon-users3:before {
content: "\e7d2";
}
.brook-icon-user-add:before {
content: "\e7d3";
}
.brook-icon-vcard:before {
content: "\e7d4";
}
.brook-icon-export:before {
content: "\e7d5";
}
.brook-icon-location4:before {
content: "\e7d6";
}
.brook-icon-map4:before {
content: "\e7d7";
}
.brook-icon-compass2:before {
content: "\e7d8";
}
.brook-icon-location5:before {
content: "\e7d9";
}
.brook-icon-target3:before {
content: "\e7da";
}
.brook-icon-share3:before {
content: "\e7db";
}
.brook-icon-sharable:before {
content: "\e7dc";
}
.brook-icon-heart4:before {
content: "\e7dd";
}
.brook-icon-heart5:before {
content: "\e7de";
}
.brook-icon-star5:before {
content: "\e7df";
}
.brook-icon-star6:before {
content: "\e7e0";
}
.brook-icon-thumbsup:before {
content: "\e7e1";
}
.brook-icon-thumbsdown:before {
content: "\e7e2";
}
.brook-icon-chat:before {
content: "\e7e3";
}
.brook-icon-comment:before {
content: "\e7e4";
}
.brook-icon-quote2:before {
content: "\e7e5";
}
.brook-icon-house:before {
content: "\e7e6";
}
.brook-icon-popup:before {
content: "\e7e7";
}
.brook-icon-search3:before {
content: "\e7e8";
}
.brook-icon-flashlight:before {
content: "\e7e9";
}
.brook-icon-printer2:before {
content: "\e7ea";
}
.brook-icon-bell3:before {
content: "\e7eb";
}
.brook-icon-link3:before {
content: "\e7ec";
}
.brook-icon-flag3:before {
content: "\e7ed";
}
.brook-icon-cog4:before {
content: "\e7ee";
}
.brook-icon-tools:before {
content: "\e7ef";
}
.brook-icon-trophy2:before {
content: "\e7f0";
}
.brook-icon-tag3:before {
content: "\e7f1";
}
.brook-icon-camera4:before {
content: "\e7f2";
}
.brook-icon-megaphone:before {
content: "\e7f3";
}
.brook-icon-moon2:before {
content: "\e7f4";
}
.brook-icon-palette:before {
content: "\e7f5";
}
.brook-icon-leaf2:before {
content: "\e7f6";
}
.brook-icon-music2:before {
content: "\e7f7";
}
.brook-icon-music3:before {
content: "\e7f8";
}
.brook-icon-new:before {
content: "\e7f9";
}
.brook-icon-graduation:before {
content: "\e7fa";
}
.brook-icon-book3:before {
content: "\e7fb";
}
.brook-icon-newspaper2:before {
content: "\e7fc";
}
.brook-icon-bag2:before {
content: "\e7fd";
}
.brook-icon-airplane2:before {
content: "\e7fe";
}
.brook-icon-lifebuoy:before {
content: "\e7ff";
}
.brook-icon-eye4:before {
content: "\e800";
}
.brook-icon-clock4:before {
content: "\e801";
}
.brook-icon-microphone2:before {
content: "\e802";
}
.brook-icon-calendar3:before {
content: "\e803";
}
.brook-icon-bolt:before {
content: "\e804";
}
.brook-icon-thunder:before {
content: "\e805";
}
.brook-icon-droplet2:before {
content: "\e806";
}
.brook-icon-cd:before {
content: "\e807";
}
.brook-icon-briefcase3:before {
content: "\e808";
}
.brook-icon-air:before {
content: "\e809";
}
.brook-icon-hourglass:before {
content: "\e80a";
}
.brook-icon-gauge:before {
content: "\e80b";
}
.brook-icon-language:before {
content: "\e80c";
}
.brook-icon-network:before {
content: "\e80d";
}
.brook-icon-key3:before {
content: "\e80e";
}
.brook-icon-battery2:before {
content: "\e80f";
}
.brook-icon-bucket:before {
content: "\e810";
}
.brook-icon-magnet2:before {
content: "\e811";
}
.brook-icon-drive:before {
content: "\e812";
}
.brook-icon-cup:before {
content: "\e813";
}
.brook-icon-rocket2:before {
content: "\e814";
}
.brook-icon-brush:before {
content: "\e815";
}
.brook-icon-suitcase:before {
content: "\e816";
}
.brook-icon-cone:before {
content: "\e817";
}
.brook-icon-earth2:before {
content: "\e818";
}
.brook-icon-keyboard2:before {
content: "\e819";
}
.brook-icon-browser:before {
content: "\e81a";
}
.brook-icon-publish:before {
content: "\e81b";
}
.brook-icon-progress-3:before {
content: "\e81c";
}
.brook-icon-progress-2:before {
content: "\e81d";
}
.brook-icon-brogress-1:before {
content: "\e81e";
}
.brook-icon-progress-0:before {
content: "\e81f";
}
.brook-icon-sun2:before {
content: "\e820";
}
.brook-icon-sun3:before {
content: "\e821";
}
.brook-icon-adjust:before {
content: "\e822";
}
.brook-icon-code2:before {
content: "\e823";
}
.brook-icon-screen2:before {
content: "\e824";
}
.brook-icon-infinity:before {
content: "\e825";
}
.brook-icon-light-bulb:before {
content: "\e826";
}
.brook-icon-creditcard:before {
content: "\e827";
}
.brook-icon-database:before {
content: "\e828";
}
.brook-icon-voicemail:before {
content: "\e829";
}
.brook-icon-clipboard2:before {
content: "\e82a";
}
.brook-icon-cart4:before {
content: "\e82b";
}
.brook-icon-box2:before {
content: "\e82c";
}
.brook-icon-ticket2:before {
content: "\e82d";
}
.brook-icon-rss:before {
content: "\e82e";
}
.brook-icon-signal2:before {
content: "\e82f";
}
.brook-icon-thermometer2:before {
content: "\e830";
}
.brook-icon-droplets:before {
content: "\e831";
}
.brook-icon-uniE832:before {
content: "\e832";
}
.brook-icon-statistics:before {
content: "\e833";
}
.brook-icon-pie2:before {
content: "\e834";
}
.brook-icon-bars3:before {
content: "\e835";
}
.brook-icon-graph:before {
content: "\e836";
}
.brook-icon-lock4:before {
content: "\e837";
}
.brook-icon-lock-open:before {
content: "\e838";
}
.brook-icon-logout:before {
content: "\e839";
}
.brook-icon-login:before {
content: "\e83a";
}
.brook-icon-checkmark3:before {
content: "\e83b";
}
.brook-icon-cross2:before {
content: "\e83c";
}
.brook-icon-minus3:before {
content: "\e83d";
}
.brook-icon-plus3:before {
content: "\e83e";
}
.brook-icon-cross3:before {
content: "\e83f";
}
.brook-icon-minus4:before {
content: "\e840";
}
.brook-icon-plus4:before {
content: "\e841";
}
.brook-icon-cross4:before {
content: "\e842";
}
.brook-icon-minus5:before {
content: "\e843";
}
.brook-icon-plus5:before {
content: "\e844";
}
.brook-icon-erase:before {
content: "\e845";
}
.brook-icon-blocked2:before {
content: "\e846";
}
.brook-icon-info3:before {
content: "\e847";
}
.brook-icon-info4:before {
content: "\e848";
}
.brook-icon-question2:before {
content: "\e849";
}
.brook-icon-help2:before {
content: "\e84a";
}
.brook-icon-warning2:before {
content: "\e84b";
}
.brook-icon-cycle:before {
content: "\e84c";
}
.brook-icon-cw:before {
content: "\e84d";
}
.brook-icon-ccw:before {
content: "\e84e";
}
.brook-icon-shuffle3:before {
content: "\e84f";
}
.brook-icon-arrow:before {
content: "\e850";
}
.brook-icon-arrow2:before {
content: "\e851";
}
.brook-icon-retweet:before {
content: "\e852";
}
.brook-icon-loop4:before {
content: "\e853";
}
.brook-icon-history2:before {
content: "\e854";
}
.brook-icon-back:before {
content: "\e855";
}
.brook-icon-switch2:before {
content: "\e856";
}
.brook-icon-list3:before {
content: "\e857";
}
.brook-icon-add-to-list:before {
content: "\e858";
}
.brook-icon-layout2:before {
content: "\e859";
}
.brook-icon-list4:before {
content: "\e85a";
}
.brook-icon-text:before {
content: "\e85b";
}
.brook-icon-text2:before {
content: "\e85c";
}
.brook-icon-document:before {
content: "\e85d";
}
.brook-icon-docs:before {
content: "\e85e";
}
.brook-icon-landscape:before {
content: "\e85f";
}
.brook-icon-pictures:before {
content: "\e860";
}
.brook-icon-video2:before {
content: "\e861";
}
.brook-icon-music4:before {
content: "\e862";
}
.brook-icon-folder3:before {
content: "\e863";
}
.brook-icon-archive2:before {
content: "\e864";
}
.brook-icon-trash2:before {
content: "\e865";
}
.brook-icon-upload5:before {
content: "\e866";
}
.brook-icon-download5:before {
content: "\e867";
}
.brook-icon-disk2:before {
content: "\e868";
}
.brook-icon-install:before {
content: "\e869";
}
.brook-icon-cloud3:before {
content: "\e86a";
}
.brook-icon-upload6:before {
content: "\e86b";
}
.brook-icon-bookmark2:before {
content: "\e86c";
}
.brook-icon-bookmarks2:before {
content: "\e86d";
}
.brook-icon-book4:before {
content: "\e86e";
}
.brook-icon-play5:before {
content: "\e86f";
}
.brook-icon-pause4:before {
content: "\e870";
}
.brook-icon-record2:before {
content: "\e871";
}
.brook-icon-stop4:before {
content: "\e872";
}
.brook-icon-next2:before {
content: "\e873";
}
.brook-icon-previous2:before {
content: "\e874";
}
.brook-icon-first2:before {
content: "\e875";
}
.brook-icon-last2:before {
content: "\e876";
}
.brook-icon-resize-enlarge:before {
content: "\e877";
}
.brook-icon-resize-shrink:before {
content: "\e878";
}
.brook-icon-volume2:before {
content: "\e879";
}
.brook-icon-sound:before {
content: "\e87a";
}
.brook-icon-mute2:before {
content: "\e87b";
}
.brook-icon-flow-cascade:before {
content: "\e87c";
}
.brook-icon-flow-branch:before {
content: "\e87d";
}
.brook-icon-flow-tree:before {
content: "\e87e";
}
.brook-icon-flow-line:before {
content: "\e87f";
}
.brook-icon-flow-parallel:before {
content: "\e880";
}
.brook-icon-arrow-left5:before {
content: "\e881";
}
.brook-icon-arrow-down5:before {
content: "\e882";
}
.brook-icon-arrow-up-upload:before {
content: "\e883";
}
.brook-icon-arrow-right5:before {
content: "\e884";
}
.brook-icon-arrow-left6:before {
content: "\e885";
}
.brook-icon-arrow-down6:before {
content: "\e886";
}
.brook-icon-arrow-up5:before {
content: "\e887";
}
.brook-icon-arrow-right6:before {
content: "\e888";
}
.brook-icon-arrow-left7:before {
content: "\e889";
}
.brook-icon-arrow-down7:before {
content: "\e88a";
}
.brook-icon-arrow-up6:before {
content: "\e88b";
}
.brook-icon-arrow-right7:before {
content: "\e88c";
}
.brook-icon-arrow-left8:before {
content: "\e88d";
}
.brook-icon-arrow-down8:before {
content: "\e88e";
}
.brook-icon-arrow-up7:before {
content: "\e88f";
}
.brook-icon-arrow-right8:before {
content: "\e890";
}
.brook-icon-arrow-left9:before {
content: "\e891";
}
.brook-icon-arrow-down9:before {
content: "\e892";
}
.brook-icon-arrow-up8:before {
content: "\e893";
}
.brook-icon-arrow-right9:before {
content: "\e894";
}
.brook-icon-arrow-left10:before {
content: "\e895";
}
.brook-icon-arrow-down10:before {
content: "\e896";
}
.brook-icon-arrow-up9:before {
content: "\e897";
}
.brook-icon-arrow-right10:before {
content: "\e898";
}
.brook-icon-arrow-left11:before {
content: "\e899";
}
.brook-icon-arrow-down11:before {
content: "\e89a";
}
.brook-icon-arrow-up10:before {
content: "\e89b";
}
.brook-icon-uniE89C:before {
content: "\e89c";
}
.brook-icon-arrow-left12:before {
content: "\e89d";
}
.brook-icon-arrow-down12:before {
content: "\e89e";
}
.brook-icon-arrow-up11:before {
content: "\e89f";
}
.brook-icon-arrow-right11:before {
content: "\e8a0";
}
.brook-icon-menu4:before {
content: "\e8a1";
}
.brook-icon-ellipsis2:before {
content: "\e8a2";
}
.brook-icon-dots:before {
content: "\e8a3";
}
.brook-icon-dot:before {
content: "\e8a4";
}
.brook-icon-cc2:before {
content: "\e8a5";
}
.brook-icon-cc-by:before {
content: "\e8a6";
}
.brook-icon-cc-nc:before {
content: "\e8a7";
}
.brook-icon-cc-nc-eu:before {
content: "\e8a8";
}
.brook-icon-cc-nc-jp:before {
content: "\e8a9";
}
.brook-icon-cc-sa:before {
content: "\e8aa";
}
.brook-icon-cc-nd:before {
content: "\e8ab";
}
.brook-icon-cc-pd:before {
content: "\e8ac";
}
.brook-icon-cc-zero:before {
content: "\e8ad";
}
.brook-icon-cc-share:before {
content: "\e8ae";
}
.brook-icon-cc-share2:before {
content: "\e8af";
}
.brook-icon-danielbruce:before {
content: "\e8b0";
}
.brook-icon-danielbruce2:before {
content: "\e8b1";
}
.brook-icon-github6:before {
content: "\e8b2";
}
.brook-icon-github7:before {
content: "\e8b3";
}
.brook-icon-flickr5:before {
content: "\e8b4";
}
.brook-icon-flickr6:before {
content: "\e8b5";
}
.brook-icon-vimeo4:before {
content: "\e8b6";
}
.brook-icon-vimeo5:before {
content: "\e8b7";
}
.brook-icon-twitter4:before {
content: "\e8b8";
}
.brook-icon-twitter5:before {
content: "\e8b9";
}
.brook-icon-facebook4:before {
content: "\e8ba";
}
.brook-icon-facebook5:before {
content: "\e8bb";
}
.brook-icon-facebook6:before {
content: "\e8bc";
}
.brook-icon-googleplus5:before {
content: "\e8bd";
}
.brook-icon-googleplus6:before {
content: "\e8be";
}
.brook-icon-pinterest3:before {
content: "\e8bf";
}
.brook-icon-pinterest4:before {
content: "\e8c0";
}
.brook-icon-tumblr3:before {
content: "\e8c1";
}
.brook-icon-tumblr4:before {
content: "\e8c2";
}
.brook-icon-linkedin2:before {
content: "\e8c3";
}
.brook-icon-linkedin3:before {
content: "\e8c4";
}
.brook-icon-dribbble4:before {
content: "\e8c5";
}
.brook-icon-dribbble5:before {
content: "\e8c6";
}
.brook-icon-stumbleupon3:before {
content: "\e8c7";
}
.brook-icon-stumbleupon4:before {
content: "\e8c8";
}
.brook-icon-lastfm3:before {
content: "\e8c9";
}
.brook-icon-lastfm4:before {
content: "\e8ca";
}
.brook-icon-rdio:before {
content: "\e8cb";
}
.brook-icon-rdio2:before {
content: "\e8cc";
}
.brook-icon-spotify:before {
content: "\e8cd";
}
.brook-icon-spotify2:before {
content: "\e8ce";
}
.brook-icon-qq:before {
content: "\e8cf";
}
.brook-icon-instagram22:before {
content: "\e8d0";
}
.brook-icon-dropbox:before {
content: "\e8d1";
}
.brook-icon-evernote:before {
content: "\e8d2";
}
.brook-icon-flattr2:before {
content: "\e8d3";
}
.brook-icon-skype2:before {
content: "\e8d4";
}
.brook-icon-skype3:before {
content: "\e8d5";
}
.brook-icon-renren:before {
content: "\e8d6";
}
.brook-icon-sina-weibo:before {
content: "\e8d7";
}
.brook-icon-paypal4:before {
content: "\e8d8";
}
.brook-icon-picasa:before {
content: "\e8d9";
}
.brook-icon-soundcloud3:before {
content: "\e8da";
}
.brook-icon-mixi:before {
content: "\e8db";
}
.brook-icon-behance:before {
content: "\e8dc";
}
.brook-icon-circles:before {
content: "\e8dd";
}
.brook-icon-vk:before {
content: "\e8de";
}
.brook-icon-smashing:before {
content: "\e8df";
}
.brook-icon-500px:before {
content: "\e8e3";
}
.brook-icon-basecamp:before {
content: "\e8e7";
}
.brook-icon-behance2:before {
content: "\e8e8";
}
.brook-icon-creative-cloud:before {
content: "\e8e9";
}
.brook-icon-foursquare3:before {
content: "\e8f0";
}
.brook-icon-google-hangouts:before {
content: "\e8f4";
}
.brook-icon-grooveshark:before {
content: "\e8f5";
}
.brook-icon-icloud:before {
content: "\e8f6";
}
.brook-icon-mixi2:before {
content: "\e8f7";
}
.brook-icon-onedrive:before {
content: "\e8f8";
}
.brook-icon-paypal5:before {
content: "\e8f9";
}
.brook-icon-picasa2:before {
content: "\e8fa";
}
.brook-icon-qq2:before {
content: "\e8fb";
}
.brook-icon-renren2:before {
content: "\e8fd";
}
.brook-icon-scribd2:before {
content: "\e8fe";
}
.brook-icon-sina-weibo2:before {
content: "\e8ff";
}
.brook-icon-slideshare:before {
content: "\e902";
}
.brook-icon-spotify-with-circle:before {
content: "\e905";
}
.brook-icon-spotify3:before {
content: "\e906";
}
.brook-icon-swarm:before {
content: "\e907";
}
.brook-icon-vine-with-circle:before {
content: "\e908";
}
.brook-icon-vine:before {
content: "\e909";
}
.brook-icon-vk-alternitive:before {
content: "\e90a";
}
.brook-icon-vk-with-circle:before {
content: "\e90b";
}
.brook-icon-vk2:before {
content: "\e90c";
}
.brook-icon-xing-with-circle:before {
content: "\e90d";
}
.brook-icon-xing3:before {
content: "\e90e";
}
.brook-icon-yelp2:before {
content: "\e90f";
}
.brook-icon-google-with-circle:before {
content: "\e918";
}
.brook-icon-google2:before {
content: "\e919";
}
.brook-icon-instagram-with-circle:before {
content: "\e91a";
}
.brook-icon-instagram3:before {
content: "\e91b";
}
.brook-icon-youtube-with-circle:before {
content: "\e92b";
}
.brook-icon-500px-with-circle:before {
content: "\e8e1";
}
.brook-icon-youtube3:before {
content: "\e92c";
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}  @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}    .hidden {
display: none;
visibility: hidden;
} .no-js .no-js-hidden {
display: none;
visibility: hidden;
} .visible-mobile {
display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.visible-mobile {
display: none !important;
}
}
@media only screen and (min-width: 1171px) {
.visible-mobile {
display: none !important;
}
}
.visible-tablet {
display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.visible-tablet {
display: inherit !important;
}
}
@media only screen and (min-width: 1171px) {
.visible-tablet {
display: none !important;
}
}
.visible-touchscreen {
display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.visible-touchscreen {
display: inherit !important;
}
}
@media only screen and (min-width: 1171px) {
.visible-touchscreen {
display: none !important;
}
}
.visible-desktop {
display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.visible-desktop {
display: none !important;
}
}
@media only screen and (min-width: 1171px) {
.visible-desktop {
display: inherit !important;
}
}
.hidden-mobile {
display: none !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.hidden-mobile {
display: inherit !important;
}
}
@media only screen and (min-width: 1171px) {
.hidden-mobile {
display: inherit !important;
}
}
.hidden-tablet {
display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.hidden-tablet {
display: none !important;
}
}
@media only screen and (min-width: 1171px) {
.hidden-tablet {
display: inherit !important;
}
}
.hidden-desktop {
display: inherit !important;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.hidden-desktop {
display: inherit !important;
}
}
@media only screen and (min-width: 1171px) {
.hidden-desktop {
display: none !important;
}
}  @-webkit-keyframes brook-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes brook-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes brook-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes brook-fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes brook-fade-in-top-soft {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes brook-fade-in-top-soft {
0% {
opacity: 0;
transform: translateY(-10%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes brook-fade-out-top-soft {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(10%);
}
}
@keyframes brook-fade-out-top-soft {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(10%);
}
} @-webkit-keyframes brook-fade-in-bottom-soft {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes brook-fade-in-bottom-soft {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes brook-fade-out-bottom-soft {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-10%);
}
}
@keyframes brook-fade-out-bottom-soft {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-10%);
}
} @-webkit-keyframes brook-slide-in-left {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes brook-slide-in-left {
0% {
-moz-transform: translateX(-100%);
}
100% {
-moz-transform: translateX(0%);
}
}
@-o-keyframes brook-slide-in-left {
0% {
-o-transform: translateX(-100%);
}
100% {
-o-transform: translateX(0%);
}
}
@keyframes brook-slide-in-left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
} @-webkit-keyframes brook-slide-out-left {
0% {
-webkit-transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes brook-slide-out-left {
0% {
-moz-transform: translateX(0%);
}
100% {
-moz-transform: translateX(100%);
}
}
@-o-keyframes brook-slide-out-left {
0% {
-o-transform: translateX(0%);
}
100% {
-o-transform: translateX(100%);
}
}
@keyframes brook-slide-out-left {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(100%);
}
} @-webkit-keyframes brook-slide-in-right {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes brook-slide-in-right {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(0%);
}
}
@-o-keyframes brook-slide-in-right {
0% {
-o-transform: translateX(100%);
}
100% {
-o-transform: translateX(0%);
}
}
@keyframes brook-slide-in-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
}
} @-webkit-keyframes brook-slide-out-right {
0% {
-webkit-transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@-moz-keyframes brook-slide-out-right {
0% {
-moz-transform: translateX(0%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-o-keyframes brook-slide-out-right {
0% {
-o-transform: translateX(0%);
}
100% {
-o-transform: translateX(-100%);
}
}
@keyframes brook-slide-out-right {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}  body,
.body-wrap {
background: #ffffff;
-webkit-background-size: auto, auto;
background-size: auto, auto;
}
.header__bg {
background: #ffffff;
-webkit-background-size: auto, auto;
background-size: auto, auto;
}
.brook-infobar {
background: #ffffff;
-webkit-background-size: auto, auto;
background-size: auto, auto;
}
.brook-nav {
background: #333333;
-webkit-background-size: auto, auto;
background-size: auto, auto;
}
.sidebar .widget {
background: #f5f5f5;
-webkit-background-size: auto, auto;
background-size: auto, auto;
}
.footer {
background: #ffffff;
-webkit-background-size: auto, auto;
background-size: auto, auto;
} .ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
} .cl {
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.oh {
overflow: hidden;
}
.align-left,
.tal {
text-align: left;
}
.align-center,
.tac {
text-align: center;
}
.align-right,
.tar {
text-align: right;
} .rounded {
border-radius: 2px;
}
.circled {
border-radius: 50%;
}
img {
max-width: 100%;
vertical-align: middle;
width: auto;
height: auto;
}
.avatar {
border-radius: 50%;
}  .brook-ui-pager {
position: relative;
text-align: center;
padding: 10px 0 0 !important;
margin: 0;
}
.brook-ui-pager .brook-ui-pager__item {
display: inline-block;
margin-bottom: 0;
width: 45px;
height: 23px;
padding: 10px 5px !important;
cursor: pointer;
}
.brook-slider--images .brook-ui-pager .brook-ui-pager__item {
width: 32px;
padding-left: 4px !important;
padding-right: 4px !important;
}
.brook-ui-pager .brook-ui-pager__item:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #bbbbbb;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-ui-pager .brook-ui-pager__item:hover:after {
background: #777777;
}
.brook-ui-pager .brook-ui-pager__item.active {
pointer-events: none;
}
.brook-ui-pager .brook-ui-pager__active-marker {
position: absolute;
left: 45%;
top: 10px;
opacity: 0;
}
.brook-ui-pager .brook-ui-pager__active-marker:after {
background: #333333 !important;
} .brook-btt {
display: none;
position: absolute;
bottom: 10px;
right: 10px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
border-radius: 2px;
background: #f5f5f5;
width: 32px;
height: 32px;
}
.brook-btt-stuck .brook-btt {
position: fixed;
}
.brook-btt-visible .brook-btt {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1171px) {
.brook-btt {
display: block;
}
}
.brook-btt span,
.brook-btt span:before,
.brook-btt span:after {
display: block;
width: 16px;
height: 2px;
top: 16px;
left: 8px;
background: #333333;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode .brook-btt span,
.dark-mode .brook-btt span:before,
.dark-mode .brook-btt span:after {
background: #ffffff;
}
.brook-btt span {
position: relative;
}
.brook-btt span:before,
.brook-btt span:after {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 9px;
transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
}
.brook-btt span {
-webkit-transform: rotate3d(0,0,1,90deg);
-ms-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
}
.brook-btt span:before {
-webkit-transform: rotate3d(0,0,1,40deg);
-ms-transform: rotate3d(0,0,1,40deg);
transform: rotate3d(0,0,1,40deg);
}
.brook-btt span:after {
-webkit-transform: rotate3d(0,0,1,-40deg);
-ms-transform: rotate3d(0,0,1,-40deg);
transform: rotate3d(0,0,1,-40deg);
}
.brook-btt:hover {
background: #00d9a3;
}
.brook-btt:hover span,
.brook-btt:hover span:before,
.brook-btt:hover span:after {
background: #ffffff;
}
.brook-btt:hover span {
-webkit-transform: rotate3d(0,0,1,0deg);
-ms-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg);
top: 11px;
}
.brook-btt:hover span:before,
.brook-btt:hover span:after {
top: 7px;
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
}
.brook-btt:hover span:before {
left: 7px;
} .js-ajax-load-pages .content-wrapper,
.js-ajax-load-pages .footer-instagram,
.js-ajax-load-pages .footer {
opacity: 1;
-webkit-transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.ajax-loading-start.js-ajax-load-pages .content-wrapper,
.ajax-loading-start.js-ajax-load-pages .footer-instagram,
.ajax-loading-start.js-ajax-load-pages .footer {
opacity: 0;
} @media only screen and (min-width: 1171px) {
.js .element-modular-loading {
opacity: 0;
-webkit-transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.js .element-modular-loading--start {
opacity: 1;
}
} @media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.js .brook-animate-appearance {
opacity: 0;
}
.js .brook-animate-appearance--start {
opacity: 1;
-webkit-animation: brook-fade-in-bottom-soft 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-fade-in-bottom-soft 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
} .brook-loader {
pointer-events: none;
width: 30px;
height: 30px;
position: relative;
z-index: 0;
opacity: 0;
}
.brook-loader:before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
border: 2px solid transparent;
border-right-color: #333333;
border-radius: 50%;
-webkit-animation: preloader-rotate 1s infinite linear, preloader-border 3s infinite ease-in-out;
animation: preloader-rotate 1s infinite linear, preloader-border 3s infinite ease-in-out;
}
.brook-loader--body {
position: fixed;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.js-ajax-load-pages.ajax-loading-start .brook-loader--body {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.7s;
transition: all 0.3s ease-in-out 0.7s;
} @-webkit-keyframes preloader-rotate {
0% {
-webkit-transform: rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(720deg);
}
}
@keyframes preloader-rotate {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(720deg);
}
}
@-webkit-keyframes preloader-border {
0% {
border-right-color: #00d9a3;
}
50% {
border-right-color: #333333;
}
100% {
border-right-color: #00d9a3;
}
}
@keyframes preloader-border {
0% {
border-right-color: #00d9a3;
}
50% {
border-right-color: #333333;
}
100% {
border-right-color: #00d9a3;
}
}
@-webkit-keyframes preloader-border-light {
0% {
border-right-color: #00d9a3;
}
50% {
border-right-color: #ffffff;
}
100% {
border-right-color: #00d9a3;
}
}
@keyframes preloader-border-light {
0% {
border-right-color: #00d9a3;
}
50% {
border-right-color: #ffffff;
}
100% {
border-right-color: #00d9a3;
}
} html {
font-family: "Karma", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.8em;
}
body {
color: #777777; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body .dark-mode {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
body {
font-size: 0.875em; }
}
small,
.small {
font-size: 0.875em; }
.small--extra {
font-size: 0.75em; }
.large {
font-size: 1.125em; }
.font-size--reset {
font-size: 16px;
}
a {
color: #333333;
}
a,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
@media only screen and (min-width: 1171px) {
a {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
}
a:hover {
color: #00d9a3;
}
.dark-mode a {
color: #ffffff;
}
.dark-mode a:hover {
color: #00d9a3;
}
hr {
border-top: 1px dotted #bbbbbb;
border-bottom: none;
height: 0;
font-size: 1px;
line-height: 1;
}
hr.clear {
margin: 0;
visibility: hidden;
clear: both;
}
.brook-separator--small {
display: block;
font-size: 1px;
line-height: 1;
}
.brook-separator--small:before {
content: "";
display: inline-block;
border-top: 1px dotted #bbbbbb;
width: 45px;
}
.brook-spacing {
display: block;
height: 15px;
margin: 0;
border: none;
}
p,
pre,
ul,
ol,
.wp-caption,
.highlighted-p,
blockquote,
.aligncenter,
.alignleft,
.alignright,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
hr,
.brook-separator--small,
table,
.social-nav {
margin-top: 0;
margin-bottom: 30px;
} h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: #333333;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .h1,
.dark-mode .h2,
.dark-mode .h3,
.dark-mode .h4,
.dark-mode .h5,
.dark-mode .h6 {
color: #ffffff;
}
h1,
.h1 {
font-family: "Playfair Display", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 60px;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: em;
}
@media only screen and (max-width: 599px) {
h1,
.h1 {
font-size: 36px;
}
}
h2,
.h2 {
font-family: "Playfair Display", sans-serif;
font-size: 52px;
font-weight: 400;
font-style: normal;
line-height: 1.02em;
text-transform: capitalize;
letter-spacing: em;
}
@media only screen and (max-width: 599px) {
h2,
.h2 {
font-size: 31.2px;
}
}
h3,
.h3 {
font-family: "Playfair Display", sans-serif;
font-size: 22px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 599px) {
h3,
.h3 {
font-size: 19.25px;
}
}
h4,
.h4 {
font-family: "Playfair Display", sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 599px) {
h4,
.h4 {
font-size: 15.75px;
}
}
h5,
.h5 {
font-family: "Playfair Display", sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 599px) {
h5,
.h5 {
font-size: 14px;
}
}
h6,
.h6 {
font-family: "Playfair Display", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
}
@media only screen and (max-width: 599px) {
h6,
.h6 {
font-size: 12.25px;
}
}
.font--navigation {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.font--labels {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.font--labels-small {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.title--striped {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
text-align: center;
margin-bottom: 0.75em;
}
.title--striped__inwrap {
position: relative;
display: inline-block;
padding-left: 66px;
padding-right: 66px;
}
@media only screen and (max-width: 599px) {
.title--striped__inwrap {
font-size: 0.875em; padding-left: 45px;
padding-right: 45px;
}
}
.brook-cover.bg--true .title--striped__inwrap {
color: #333333;
}
.dark-mode.brook-cover.bg--true .title--striped__inwrap {
color: #ffffff;
}
.title--striped__inwrap:before,
.title--striped__inwrap:after {
content: '';
position: absolute;
display: inline-block;
width: 45px;
top: 50%;
height: 0;
border-top: 1px dotted #bbbbbb;
}
@media only screen and (max-width: 599px) {
.title--striped__inwrap:before,
.title--striped__inwrap:after {
width: 30px;
}
}
.brook-cover.bg--true .title--striped__inwrap:before,
.brook-cover.bg--true .title--striped__inwrap:after {
border-top-color: #333333;
}
.dark-mode .title--striped__inwrap:before,
.dark-mode .title--striped__inwrap:after,
.brook-cover.dark-mode .title--striped__inwrap:before,
.brook-cover.dark-mode .title--striped__inwrap:after {
border-top-color: #ffffff;
}
.title--striped__inwrap:before {
left: 0;
}
.title--striped__inwrap:after {
right: 0;
} .post__content ul {
list-style-type: circle;
padding-left: 40px;
}
@media only screen and (max-width: 599px) {
.post__content ul {
padding-left: 20px;
}
}
.post__content ul > li {
padding: 1em 0 0 20px;
}
.post__content ul > li:first-child {
padding-top: 0;
}
.post__content ol {
padding-left: 25px;
list-style: none;
counter-reset: item;
}
@media only screen and (max-width: 599px) {
.post__content ol {
padding-left: 5px;
}
}
.post__content ol > li {
padding: 1em 0;
position: relative;
margin-left: 38px;
border-bottom: 1px dotted #bbbbbb;
}
.post__content ol > li:before {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
content: counter(item);
counter-increment: item;
margin-left: -40px;
margin-right: 30px;
}
.post__content ol > li:first-child {
padding-top: 0;
}
.post__content ol > li > ol > li:last-child {
padding-bottom: 0em;
border-bottom: none;
}
.post__content ul ul,
.post__content ol ul,
.post__content ul ol,
.post__content ol ol {
margin-bottom: 0;
}
.post__content ul > li > ul > li:first-child,
.post__content ol > li > ul > li:first-child {
padding-top: 1em;
}
.post__content ul > li > ol > li:first-child,
.post__content ol > li > ol > li:first-child {
padding-top: 1em;
} .wp-caption {
position: relative;
background: none;
border: none;
max-width: 100%;
padding: 0;
text-align: left;
}
.wp-caption:before,
.wp-caption:after {
display: table;
content: "";
}
.wp-caption:after {
clear: both;
}
.wp-caption img {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.wp-caption-text,
.gallery-caption {
position: absolute;
bottom: 2px;
left: 0;
margin-top: 0;
margin-bottom: 30px;
font-family: "Playfair Display", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
font-style: italic;
color: #777777;
padding: 5px 10px;
background: #ffffff;
margin: 0;
}
.wp-caption-text,
.gallery-caption,
.wp-caption-text a,
.gallery-caption a {
color: #333333;
}
.wp-caption-text a:hover,
.gallery-caption a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .wp-caption-text,
.dark-mode .gallery-caption {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.wp-caption-text,
.gallery-caption {
font-size: 12.25px;
}
} .dropcap {
position: relative;
float: left;
display: inline-block;
margin-top: 0;
margin-bottom: 30px;
font-family: "Playfair Display", sans-serif;
font-size: 52px;
font-weight: 400;
font-style: normal;
line-height: 1.02em;
text-transform: capitalize;
letter-spacing: em;
font-size: 40px;
width: 70px;
height: 70px;
color: #333333;
letter-spacing: 0 !important;
line-height: 70px !important;
margin-bottom: 0 !important;
margin-top: 7px;
margin-right: 20px;
text-align: center;
}
.dropcap,
.dropcap a {
color: #333333;
}
.dropcap a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .dropcap {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.dropcap {
font-size: 31.2px;
}
}
.dropcap:before,
.dropcap:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 3px;
background: #333333;
}
.dropcap:before {
top: 0;
}
.dropcap:after {
bottom: 0;
}
.dropcap i {
font-size: 0.8em;
}
@media only screen and (min-width: 1171px) {
.dropcap {
font-size: 50px;
}
} blockquote {
padding: 0px;
font-family: "Playfair Display", sans-serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 1.6em;
text-transform: none;
letter-spacing: em;
}
@media only screen and (max-width: 599px) {
blockquote {
font-size: 21px;
}
}
blockquote p {
margin: 0 !important;
}
cite {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #333333;
} .highlighted-p {
display: block;
font-size: 1.25em;
line-height: 1.6;
color: #333333;
}
.dark-mode .highlighted-p {
color: #ffffff;
}
.highlighted-text {
color: #333333;
background: #f5f5f5;
}
.dark-mode .highlighted-text {
color: #ffffff;
background: #333333;
} table {
table-layout: fixed;
width: 100%;
}
table th,
table td {
padding: 5px 20px;
border: 1px dotted #bbbbbb;
} @media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.half-left,
.half-right {
width: 50%;
}
.half-left + *,
.half-right + * {
overflow: hidden;
}
.half-right + .half-left,
.half-left + .half-right {
overflow: visible;
}
.half-right + .half-left + *,
.half-left + .half-right + * {
clear: both;
}
.half-left {
float: left;
clear: left;
padding-right: 20px;
}
.half-right {
float: right;
clear: right;
padding-left: 20px;
}
} code,
pre,
kbd {
border-radius: 2px;
font-family: Consolas, Monaco, 'Andale Mono', monospace;
font-size: 0.8em;
display: inline-block;
vertical-align: baseline;
padding: 0 3px;
background: #f5f5f5;
color: #333333;
word-wrap: break-word;
}
pre {
width: 100%;
padding: 30px;
white-space: pre;
white-space: pre-wrap;
text-rendering: initial;
} .alignnone,
.aligncenter,
.alignleft,
.alignright {
display: block;
padding-bottom: 3px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.alignleft {
float: left;
margin-right: 30px;
}
.alignright {
float: right;
margin-left: 30px;
}
.alignleft,
.alignright,
.aligncenter {
margin-top: 5px;
}
}
@media only screen and (min-width: 1171px) {
.alignleft {
margin-right: 45px;
}
.alignright {
margin-left: 45px;
}
} ::selection {
background: #00d9a3;
color: #ffffff;
text-shadow: none;
}
::-webkit-selection {
background: #00d9a3;
color: #ffffff;
text-shadow: none;
}
::-moz-selection {
background: #00d9a3;
color: #ffffff;
text-shadow: none;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .button {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
color: #ffffff;
}
.button:hover {
background: #333333;
color: #ffffff;
}
.button i {
margin: 0 10px;
}
.button + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.button + .button {
margin-left: 20px;
margin-top: 0;
}
}
.button--special {
position: relative;
background: none !important;
overflow: visible;
color: #00d9a3;
height: 36px;
line-height: 36px !important;
padding-left: 0;
padding-right: 0;
}
.button--special:before,
.button--special:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
display: block;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.button--special:before {
top: 0;
}
.button--special:after {
bottom: 0;
}
.button--special:hover {
background: none;
}
.button--special:not(.button--no-hover):hover {
background: none;
color: #333333;
}
.button--special:not(.button--no-hover):hover:before,
.button--special:not(.button--no-hover):hover:after {
background: #333333;
width: 33%;
left: 32%;
} .button--disabled {
opacity: 0.2 !important;
pointer-events: none;
} .button--wide {
width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0;
} .button--secondary {
background: #333333;
color: #ffffff;
}
.button--secondary:hover {
background: #00d9a3;
color: #ffffff;
}
.button--black {
background: #333333;
color: #ffffff;
}
.button--black:hover {
background: #00d9a3;
color: #ffffff;
}
.dark-mode .button,
.button--white {
background: #ffffff;
color: #333333;
}
.dark-mode .button:hover,
.button--white:hover {
background: #00d9a3;
color: #ffffff;
} .button--special--secondary {
color: #333333 !important;
}
.button--special--secondary:before,
.button--special--secondary:after {
background: #333333 !important;
}
.button--special--secondary:hover {
color: #333333 !important;
}
.button--special--secondary:hover:before,
.button--special--secondary:hover:after {
background: #333333 !important;
}
.button--special--black {
color: #333333 !important;
}
.button--special--black:before,
.button--special--black:after {
background: #333333 !important;
}
.button--special--black:hover {
color: #333333 !important;
}
.button--special--black:hover:before,
.button--special--black:hover:after {
background: #333333 !important;
}
.dark-mode .button--special,
.button--special--white {
color: #ffffff !important;
}
.dark-mode .button--special:before,
.button--special--white:before,
.dark-mode .button--special:after,
.button--special--white:after {
background: #ffffff !important;
}
.dark-mode .button--special:hover,
.button--special--white:hover {
color: #ffffff !important;
}
.dark-mode .button--special:hover:before,
.button--special--white:hover:before,
.dark-mode .button--special:hover:after,
.button--special--white:hover:after {
background: #ffffff !important;
} form:before,
form:after {
display: table;
content: "";
}
form:after {
clear: both;
}
input[type="text"],
input[type="textfield"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="url"],
textarea,
select {
background: none;
border: 1px solid rgba(187, 187, 187, 0.5);
width: 100%;
padding: 0 17px;
border-radius: 2px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: initial !important;
text-transform: none !important;
letter-spacing: 0 !important;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
height: 3.35em;
margin-bottom: 1.85em;
}
input[type="text"]:focus,
input[type="textfield"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
outline: none;
border-color: #333333;
}
input[type="text"].error,
input[type="textfield"].error,
input[type="search"].error,
input[type="email"].error,
input[type="password"].error,
input[type="date"].error,
input[type="tel"].error,
input[type="url"].error,
textarea.error,
select.error,
input[type="text"].wpcf7-not-valid,
input[type="textfield"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
background: rgba(255, 0, 0, 0.1) !important;
}
input[type="text"].error + .wpcf7-not-valid-tip,
input[type="textfield"].error + .wpcf7-not-valid-tip,
input[type="search"].error + .wpcf7-not-valid-tip,
input[type="email"].error + .wpcf7-not-valid-tip,
input[type="password"].error + .wpcf7-not-valid-tip,
input[type="date"].error + .wpcf7-not-valid-tip,
input[type="tel"].error + .wpcf7-not-valid-tip,
input[type="url"].error + .wpcf7-not-valid-tip,
textarea.error + .wpcf7-not-valid-tip,
select.error + .wpcf7-not-valid-tip,
input[type="text"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="textfield"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="search"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="email"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="password"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="date"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="tel"].wpcf7-not-valid + .wpcf7-not-valid-tip,
input[type="url"].wpcf7-not-valid + .wpcf7-not-valid-tip,
textarea.wpcf7-not-valid + .wpcf7-not-valid-tip,
select.wpcf7-not-valid + .wpcf7-not-valid-tip {
display: none;
}
.header input[type="text"],
.header input[type="textfield"],
.header input[type="search"],
.header input[type="email"],
.header input[type="password"],
.header input[type="date"],
.header input[type="tel"],
.header input[type="url"],
.header textarea,
.header select {
height: 32px;
border: none;
}
.dark-mode input[type="text"],
.dark-mode input[type="textfield"],
.dark-mode input[type="search"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode input[type="date"],
.dark-mode input[type="tel"],
.dark-mode input[type="url"],
.dark-mode textarea,
.dark-mode select {
border-color: rgba(119, 119, 119, 0.5);
color: #ffffff;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #777777;
font-style: italic;
opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #777777;
font-style: italic;
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #777777;
font-style: italic;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #777777;
font-style: italic;
opacity: 1;
}
textarea {
padding: 15px 20px;
min-height: 110px;
height: auto;
}
input[type="radio"],
input[type="checkbox"] {
font-size: 0.875em; }
input[type="submit"],
button[type="submit"],
input[type="button"],
button[type="button"] {
outline: none;
border: none;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
background: #333333;
color: #ffffff;
margin-bottom: 1.85em;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover {
background: #333333;
color: #ffffff;
}
input[type="submit"] i,
button[type="submit"] i,
input[type="button"] i,
button[type="button"] i {
margin: 0 10px;
}
input[type="submit"] + .button,
button[type="submit"] + .button,
input[type="button"] + .button,
button[type="button"] + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
input[type="submit"] + .button,
button[type="submit"] + .button,
input[type="button"] + .button,
button[type="button"] + .button {
margin-left: 20px;
margin-top: 0;
}
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
button[type="button"]:hover {
background: #00d9a3;
color: #ffffff;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
input[type="submit"],
button[type="submit"],
input[type="button"],
button[type="button"] {
clear: both;
float: right;
}
.sidebar--right input[type="submit"],
.sidebar--right button[type="submit"],
.sidebar--right input[type="button"],
.sidebar--right button[type="button"] {
float: left;
}
}
@media only screen and (min-width: 1171px) {
input[type="submit"],
button[type="submit"],
input[type="button"],
button[type="button"] {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
}
div.wpcf7-response-output {
margin: 0;
padding: 0;
border: none;
}
.wpcf7-checkbox,
.wpcf7-radio {
font-size: 0.875em; }
span.wpcf7-list-item {
display: inline-block;
margin-left: 15px;
}
.wpcf7-list-item-label {
margin-left: 3px;
}
input:checked + .wpcf7-list-item-label {
color: #333333;
}
.wpcf7:before,
.wpcf7:after {
display: table;
content: "";
}
.wpcf7:after {
clear: both;
}
.brook-select-wrap {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 1.85em;
}
.brook-select-wrap select {
margin-bottom: 0;
padding-right: 27px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.brook-select-wrap option {
color: #333333;
background: #ffffff;
}
.brook-select-wrap:after {
content: "\e896";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
pointer-events: none;
position: absolute;
top: 50%;
margin-top: -8px;
right: 7px;
}
form p > input:last-child,
form p > textarea:last-child,
form p > select:last-child {
margin-bottom: 0;
} .brook-embed-container.brook-gmap,
.brook-embed-container.domain-animoto,
.brook-embed-container.domain-blip,
.brook-embed-container.domain-collegehumor,
.brook-embed-container.domain-dailymotion,
.brook-embed-container.domain-funnyordie,
.brook-embed-container.domain-kickstarter,
.brook-embed-container.domain-mixcloud,
.brook-embed-container.domain-soundcloud,
.brook-embed-container.domain-ted,
.brook-embed-container.domain-videopress,
.brook-embed-container.domain-vimeo,
.brook-embed-container.domain-wordpress,
.brook-embed-container.domain-youtube {
position: relative;
padding-bottom: 56.25%; height: 0;
margin-bottom: 30px;
}
.brook-embed-container.brook-gmap iframe,
.brook-embed-container.domain-animoto iframe,
.brook-embed-container.domain-blip iframe,
.brook-embed-container.domain-collegehumor iframe,
.brook-embed-container.domain-dailymotion iframe,
.brook-embed-container.domain-funnyordie iframe,
.brook-embed-container.domain-kickstarter iframe,
.brook-embed-container.domain-mixcloud iframe,
.brook-embed-container.domain-soundcloud iframe,
.brook-embed-container.domain-ted iframe,
.brook-embed-container.domain-videopress iframe,
.brook-embed-container.domain-vimeo iframe,
.brook-embed-container.domain-wordpress iframe,
.brook-embed-container.domain-youtube iframe,
.brook-embed-container.brook-gmap object,
.brook-embed-container.domain-animoto object,
.brook-embed-container.domain-blip object,
.brook-embed-container.domain-collegehumor object,
.brook-embed-container.domain-dailymotion object,
.brook-embed-container.domain-funnyordie object,
.brook-embed-container.domain-kickstarter object,
.brook-embed-container.domain-mixcloud object,
.brook-embed-container.domain-soundcloud object,
.brook-embed-container.domain-ted object,
.brook-embed-container.domain-videopress object,
.brook-embed-container.domain-vimeo object,
.brook-embed-container.domain-wordpress object,
.brook-embed-container.domain-youtube object,
.brook-embed-container.brook-gmap embed,
.brook-embed-container.domain-animoto embed,
.brook-embed-container.domain-blip embed,
.brook-embed-container.domain-collegehumor embed,
.brook-embed-container.domain-dailymotion embed,
.brook-embed-container.domain-funnyordie embed,
.brook-embed-container.domain-kickstarter embed,
.brook-embed-container.domain-mixcloud embed,
.brook-embed-container.domain-soundcloud embed,
.brook-embed-container.domain-ted embed,
.brook-embed-container.domain-videopress embed,
.brook-embed-container.domain-vimeo embed,
.brook-embed-container.domain-wordpress embed,
.brook-embed-container.domain-youtube embed,
.brook-embed-container.brook-gmap video,
.brook-embed-container.domain-animoto video,
.brook-embed-container.domain-blip video,
.brook-embed-container.domain-collegehumor video,
.brook-embed-container.domain-dailymotion video,
.brook-embed-container.domain-funnyordie video,
.brook-embed-container.domain-kickstarter video,
.brook-embed-container.domain-mixcloud video,
.brook-embed-container.domain-soundcloud video,
.brook-embed-container.domain-ted video,
.brook-embed-container.domain-videopress video,
.brook-embed-container.domain-vimeo video,
.brook-embed-container.domain-wordpress video,
.brook-embed-container.domain-youtube video {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .mejs-container {
margin-top: 8px;
margin-bottom: 30px;
}
.wp-video {
width: 100% !important;
}
.mejs-container.mejs-video {
width: 100% !important;
height: auto !important;
padding-top: 56.25%; }
.mejs-container.mejs-video .mejs-overlay,
.mejs-container.mejs-video .mejs-poster {
width: 100% !important;
height: 100% !important;
}
.mejs-container.mejs-video video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
} .brook-gmap img {
max-width: none;
} .mejs-container {
height: 70px !important;
background: none !important;
outline: none; }
.mejs-container .mejs-controls {
background: #333333 !important;
height: 70px !important;
padding: 0 10px 0 20px !important;
}
.mejs-container .mejs-controls > * {
margin-top: 22px !important;
}
.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
margin-left: 70px !important;
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container {
margin-right: 15px !important;
}
.mejs-container .mejs-controls .mejs-time span {
color: #bbbbbb !important;
font-size: 14px !important;
font-weight: 300;
}
.mejs-container .mejs-controls .mejs-time-rail {
margin-top: 26px !important;
}
.mejs-container .mejs-controls .mejs-time-rail span {
height: 4px !important;
border-radius: 0 !important;
}
.mejs-container .mejs-controls .mejs-time-total {
background: rgba(255, 255, 255, 0.07000000000000001) !important;
height: 4px !important;
}
.mejs-container .mejs-controls .mejs-time-loaded {
background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-time-current {
background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-time-float {
background: none !important;
border: none !important;
top: -20px !important;
}
.mejs-container .mejs-controls .mejs-time-float-current {
color: #bbbbbb !important;
}
.mejs-container .mejs-controls .mejs-time-float-corner {
display: none !important;
}
.mejs-container .mejs-controls .mejs-horizontal {
margin-top: 26px !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
margin-top: 24px !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-total,
.mejs-container .mejs-controls .mejs-horizontal-volume-current {
height: 4px !important;
border-radius: 0 !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-total {
background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-current {
background: #ffffff !important;
}
.mejs-container .mejs-controls .mejs-button button {
-webkit-transition: none;
transition: none;
float: none;
background-image: url(http://localhost/~matijamrkaic/brook/wp-content/themes/brook/img/mejs_images.svg);
}
.mejs-container .mejs-controls .mejs-button button:focus {
outline: none !important;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
position: absolute;
left: 0;
width: 70px;
height: 70px;
line-height: 84px;
margin-top: 0 !important;
text-align: center;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause {
background: #00d9a3;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button button {
display: inline-block;
position: relative;
}
.mejs-container .mejs-controls .mejs-offscreen {
display: none !important;
}
.mejs-container .mejs-overlay-button {
margin-top: -50px !important;
}
.mejs-container.mejs-video,
.format-head--audio.featured-image--true .mejs-container.mejs-audio {
background: none !important;
}
.mejs-container.mejs-video .mejs-controls,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls {
background: rgba(51, 51, 51, 0.75) !important;
border: none !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-total,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-total {
background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-loaded,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-loaded {
background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-current {
background: #ffffff !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-time-float-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-time-float-current {
color: #bbbbbb !important;
}
.mejs-container.mejs-video .mejs-controls .mejs-horizontal-volume-current,
.format-head--audio.featured-image--true .mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-current {
background: #ffffff !important;
}  .widget_icl_lang_sel_widget {
overflow: visible !important;
z-index: 3;
position: relative;
}
.menu-item-language img.iclflag,
#lang_sel img.iclflag,
#lang_sel_click img.iclflag {
margin-right: 7px;
vertical-align: baseline;
}
.theme-brook #lang_sel,
.theme-brook #lang_sel_click {
text-align: left;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: initial !important;
text-transform: none !important;
letter-spacing: 0 !important;
width: 100%;
}
.theme-brook #lang_sel a,
.theme-brook #lang_sel_click a {
padding-left: 0;
border: none;
height: 32px;
line-height: 32px;
padding: 0 0 0 15px;
border-radius: 2px;
font-size: inherit;
}
.theme-brook #lang_sel a.lang_sel_sel,
.theme-brook #lang_sel_click a.lang_sel_sel {
position: relative;
background: #f5f5f5;
color: #333333;
}
.theme-brook #lang_sel a.lang_sel_sel:after,
.theme-brook #lang_sel_click a.lang_sel_sel:after {
content: "\e896";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-left: 5px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 7px;
}
.theme-brook #lang_sel ul ul,
.theme-brook #lang_sel_click ul ul {
top: 32px;
width: 100%;
border-top: none;
}
.theme-brook #lang_sel ul ul a,
.theme-brook #lang_sel_click ul ul a {
height: 32px;
line-height: 32px;
padding: 0 15px;
border: none;
background: #f5f5f5;
color: #333333;
}
.theme-brook #lang_sel ul ul a:hover,
.theme-brook #lang_sel_click ul ul a:hover {
background: #333333;
color: #ffffff;
}
.theme-brook #lang_sel ul ul li:last-child a,
.theme-brook #lang_sel_click ul ul li:last-child a {
border-radius: 0 0 3px 3px;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical,
.theme-brook #lang_sel_list.lang_sel_list_horizontal {
height: auto;
overflow: hidden;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical ul,
.theme-brook #lang_sel_list.lang_sel_list_horizontal ul {
height: auto;
top: 0;
border-top: none;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical li,
.theme-brook #lang_sel_list.lang_sel_list_horizontal li {
float: none;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical li:first-child a,
.theme-brook #lang_sel_list.lang_sel_list_horizontal li:first-child a {
border-radius: 3px 3px 0 0;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical li:last-child a,
.theme-brook #lang_sel_list.lang_sel_list_horizontal li:last-child a {
border-radius: 0 0 3px 3px;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical a,
.theme-brook #lang_sel_list.lang_sel_list_horizontal a {
padding: 0 15px;
height: 32px;
line-height: 32px;
border: none;
background: #ffffff;
color: #333333;
}
.theme-brook #lang_sel_list.lang_sel_list_vertical a:hover,
.theme-brook #lang_sel_list.lang_sel_list_horizontal a:hover,
.theme-brook #lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
.theme-brook #lang_sel_list.lang_sel_list_horizontal a.lang_sel_sel {
background: #f5f5f5;
color: #333333;
}
.theme-brook .header #lang_sel,
.theme-brook .widgets--center--true #lang_sel,
.theme-brook .header #lang_sel_click,
.theme-brook .widgets--center--true #lang_sel_click,
.theme-brook .header #lang_sel_list,
.theme-brook .widgets--center--true #lang_sel_list {
margin-left: auto;
margin-right: auto;
}
.theme-brook .header #lang_sel li,
.theme-brook .widgets--center--true #lang_sel li,
.theme-brook .header #lang_sel_click li,
.theme-brook .widgets--center--true #lang_sel_click li,
.theme-brook .header #lang_sel_list li,
.theme-brook .widgets--center--true #lang_sel_list li {
float: none;
margin-left: auto;
margin-right: auto;
} .theme-brook .dark-mode #lang_sel a.lang_sel_sel,
.theme-brook .dark-mode #lang_sel_click a.lang_sel_sel {
background: #333333;
color: #ffffff;
}
.theme-brook .dark-mode #lang_sel ul ul a,
.theme-brook .dark-mode #lang_sel_click ul ul a {
background: #333333;
color: #ffffff;
}
.theme-brook .dark-mode #lang_sel ul ul a:hover,
.theme-brook .dark-mode #lang_sel_click ul ul a:hover,
.theme-brook .dark-mode #lang_sel ul ul a.lang_sel_sel,
.theme-brook .dark-mode #lang_sel_click ul ul a.lang_sel_sel {
background: #ffffff;
color: #333333;
}
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_vertical a,
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_horizontal a {
background: #333333;
color: #ffffff;
}
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_vertical a:hover,
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_horizontal a:hover,
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
.theme-brook .dark-mode #lang_sel_list.lang_sel_list_horizontal a.lang_sel_sel {
background: #ffffff;
color: #333333;
} .nano-content {
-webkit-overflow-scrolling: touch;
}
.nano-content:before,
.nano-content:after {
display: table;
content: "";
}
.nano-content:after {
clear: both;
}
.nano-content:focus {
outline: 0;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar.nano > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
display: none;
}
.nano > .nano-pane {
background: none;
position: absolute;
width: 10px;
right: 2px;
top: 8px;
bottom: 8px;
visibility: hidden\9; opacity: .01;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nano > .nano-pane > .nano-slider {
background: #333;
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
margin: 0 1px;
border-radius: 6px;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
visibility: visible\9; opacity: 0.99;
}  .clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}  .body-wrap {
position: relative;
z-index: 1;
}
.content-wrapper {
position: relative;
z-index: 1;
}
.sticky-kit-wrapper {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
margin-bottom: 120px;
}
.sticky-kit-wrapper:before,
.sticky-kit-wrapper:after {
display: table;
content: "";
}
.sticky-kit-wrapper:after {
clear: both;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.sticky-kit-wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.sticky-kit-wrapper {
padding-left: 60px;
padding-right: 60px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.sticky-kit-wrapper {
padding-top: 80px;
}
}
.sidebar {
margin-top: 50px;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
.sidebar {
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.sidebar .sidebar__area {
padding-left: 20px;
padding-right: 20px;
}
} @media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.content-wrapper__inside:before,
.content-wrapper__inside .main-content__inside:before,
.content-wrapper__inside:after,
.content-wrapper__inside .main-content__inside:after {
display: table;
content: "";
}
.content-wrapper__inside:after,
.content-wrapper__inside .main-content__inside:after {
clear: both;
}
.content-wrapper__inside .sidebar {
overflow: hidden;
width: 360px;
margin-top: 0;
}
.content-wrapper__inside.sidebar--true.sidebar--left .main-content {
width: 100%;
float: right;
margin-left: -360px;
}
.content-wrapper__inside.sidebar--true.sidebar--left .main-content__inside {
margin-left: 420px;
}
.content-wrapper__inside.sidebar--true.sidebar--right .main-content {
width: 100%;
float: left;
margin-right: -360px;
}
.content-wrapper__inside.sidebar--true.sidebar--right .main-content__inside {
margin-right: 420px;
}
} .max-width-wrapper {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.max-width-wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.max-width-wrapper {
padding-left: 60px;
padding-right: 60px;
}
} [class^='column--'],
[class*='column--'] {
width: 100%;
padding: 0 30px;
margin-bottom: 30px;
}
[class^='column--']:empty,
[class*='column--']:empty {
margin-bottom: 0;
}
.row__inwrap:before,
.row__inwrap:after {
display: table;
content: "";
}
.row__inwrap:after {
clear: both;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.column-wrap {
margin-left: -30px;
margin-right: -30px;
}
.column-wrap:before,
.column-wrap:after {
display: table;
content: "";
}
.column-wrap:after {
clear: both;
}
[class^='column--'],
[class*='column--'] {
float: left;
min-height: 1px;
margin-bottom: 0;
}
[class^='column--'] [class^='column--']:first-of-type,
[class*='column--'] [class^='column--']:first-of-type,
[class^='column--'] [class*='column--']:first-of-type,
[class*='column--'] [class*='column--']:first-of-type {
padding-left: 0;
}
[class^='column--'] [class^='column--']:last-of-type,
[class*='column--'] [class^='column--']:last-of-type,
[class^='column--'] [class*='column--']:last-of-type,
[class*='column--'] [class*='column--']:last-of-type {
padding-right: 0;
}
.column--1-1 {
width: 100%;
}
.column--1-2 {
width: 50%;
}
.column--1-3 {
width: 33.33333333333333%;
}
.column--1-4 {
width: 25%;
}
.column--1-5 {
width: 20%;
}
.column--1-6 {
width: 16.666666666666664%;
}
.column--2-3 {
width: 66.66666666666666%;
}
.column--2-4 {
width: 50%;
}
.column--3-4 {
width: 75%;
}
.column--2-5 {
width: 40%;
}
.column--3-5 {
width: 60%;
}
.column--4-5 {
width: 80%;
}
.column--2-6 {
width: 33.33333333333333%;
}
.column--3-6 {
width: 50%;
}
.column--4-6 {
width: 66.66666666666666%;
}
.column--5-6 {
width: 83.333333335%;
}
}   .tooltip {
position: relative;
display: inline-block;
}
.tooltip:after,
.tooltip:before {
display: block;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.tooltip:after {
content: attr(data-tooltip);
border-radius: 2px;
height: 42px;
line-height: 42px;
padding: 0 15px;
background: #333333;
color: #ffffff;
font-size: 0.875em; font-style: italic;
font-weight: 300;
white-space: nowrap;
}
.dark-mode .tooltip:after {
background: #ffffff;
color: #333333;
}
.tooltip:before {
content: "";
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: transparent;
}
.tooltip:hover:after,
.tooltip:hover:before {
opacity: 1;
visibility: visible;
} .tooltip--right:after,
.tooltip--right:before {
left: 100%;
top: 50%;
-webkit-transform: translate(-10px, -50%);
-ms-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
}
.tooltip--right:after {
margin-left: 20px;
}
.tooltip--right:before {
margin-left: 9px;
border-right-color: #333333;
}
.dark-mode .tooltip--right:before {
border-right-color: #ffffff;
}
.tooltip--right:hover:after,
.tooltip--right:hover:before {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
} .tooltip--left:after,
.tooltip--left:before {
right: 100%;
top: 50%;
-webkit-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.tooltip--left:after {
margin-right: 20px;
}
.tooltip--left:before {
margin-right: 9px;
border-left-color: #333333;
}
.dark-mode .tooltip--left:before {
border-left-color: #ffffff;
}
.tooltip--left:hover:after,
.tooltip--left:hover:before {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
} .tooltip--top:after,
.tooltip--top:before {
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
}
.tooltip--top:after {
margin-bottom: 20px;
}
.tooltip--top:before {
margin-bottom: 9px;
border-top-color: #333333;
}
.dark-mode .tooltip--top:before {
border-top-color: #ffffff;
}
.tooltip--top:hover:after,
.tooltip--top:hover:before {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} .tooltip--bottom:after,
.tooltip--bottom:before {
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
}
.tooltip--bottom:after {
margin-top: 20px;
}
.tooltip--bottom:before {
margin-top: 9px;
border-bottom-color: #333333;
}
.dark-mode .tooltip--bottom:before {
border-bottom-color: #ffffff;
}
.tooltip--bottom:hover:after,
.tooltip--bottom:hover:before {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} .social-nav {
line-height: 1;
}
.widget .social-nav {
margin-bottom: 0;
}
.header .social-nav {
margin-bottom: 0;
}
.social-nav__items {
position: relative;
margin: 0;
padding: 0 !important;
list-style: none;
display: inline-block;
text-align: center;
}
.social-nav__item {
display: inline-block;
margin: 0;
padding: 0;
}
.social-nav--icons .social-nav__link {
position: relative;
display: block;
width: 32px;
height: 36px;
line-height: 36px;
font-size: 16px;
text-align: center;
}
@media only screen and (max-width: 480px) {
.header .social-nav--icons .social-nav__link {
width: 25px;
font-size: 14px;
}
}
.social-nav--icons .social-nav__link i {
vertical-align: middle;
}
.social-nav--titles {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.social-nav--titles .social-nav__item {
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
.social-nav--titles .social-nav__item:after {
display: inline-block;
margin: auto 0.4em;
content: '\000B7';
color: inherit;
}
.social-nav--titles .social-nav__item:last-child:after {
content: none;
}
.header .social-nav--titles {
line-height: 32px;
}
.header .social-nav--titles .social-nav__item {
float: none;
}  .header {
position: relative;
z-index: 2;
text-align: center;
height: 80px;
}
.header:before,
.header:after {
display: table;
content: "";
}
.header:after {
clear: both;
}
.header__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.sticky-transitions--false .header__bg {
-webkit-transition: none;
transition: none;
}
.header__inwrap {
position: relative;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
height: 100%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.header__inwrap {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.header__inwrap {
padding-left: 60px;
padding-right: 60px;
}
}
.header .sitename {
display: inline-block;
vertical-align: middle;
line-height: 1;
margin: 0;
}
.header__logo {
display: inline-block;
margin: auto;
height: 100%;
-webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.header__logo:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.header__logo img {
max-height: 85%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.sticky-transitions--false .header__logo img {
-webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-small-logo--true .header__logo img.small {
opacity: 1;
}
.brook-small-logo--true .header__logo img.main {
opacity: 0;
}
.header__logo:hover {
text-decoration: none;
}
.header__widget-area {
position: absolute;
right: 20px;
top: 25px;
}
.sticky-transitions--true .header__widget-area {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.header-menu--right .header__widget-area {
right: auto;
left: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.header__widget-area {
right: 40px;
}
.header-menu--right .header__widget-area {
right: auto;
left: 40px;
}
}
@media only screen and (min-width: 1400px) {
.header__widget-area {
right: 60px;
}
.header-menu--right .header__widget-area {
right: auto;
left: 60px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.header-sticky--true .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.sticky-transitions--false.header-sticky--true .header {
-webkit-transition: none;
transition: none;
}
.admin-bar.header-sticky--true .header {
top: 46px;
}
.header-sticky--true .header-placeholder {
height: 80px;
}
.header-sticky--true .header-placeholder:before,
.header-sticky--true .header-placeholder:after {
display: table;
content: "";
}
.header-sticky--true .header-placeholder:after {
clear: both;
}
}
@media only screen and (min-width: 783px) {
.admin-bar.header-sticky--true .header {
top: 32px;
}
}
@media only screen and (min-width: 1171px) {
.header-layout--minimal.header-sticky--true .header-placeholder {
height: 120px;
}
}
@media only screen and (max-width: 599px) {
.brook-cover--true.header-layout--minimal .header .header__bg {
opacity: 0 !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.brook-cover--true.header-layout--minimal.header-sticky--false .header .header__bg {
opacity: 0 !important;
}
}
@media only screen and (min-width: 1171px) {
.header-layout--minimal.header-sticky--true.header-sticked--false .header,
.header-layout--minimal.header-sticky--false .header {
height: 120px;
}
.brook-cover--false.header-layout--minimal.header-sticky--true.header-sticked--false .header .header__bg,
.brook-cover--false.header-layout--minimal.header-sticky--false .header .header__bg {
opacity: 1 !important;
}
.header-layout--minimal.header-sticky--true.header-sticked--false .header .brook-nav-btn,
.header-layout--minimal.header-sticky--false .header .brook-nav-btn,
.header-layout--minimal.header-sticky--true.header-sticked--false .header .brook-nav--classic,
.header-layout--minimal.header-sticky--false .header .brook-nav--classic {
top: 45px;
}
.brook-small-logo--true.header-layout--minimal.header-sticky--true.header-sticked--false .header__logo img.small,
.brook-small-logo--true.header-layout--minimal.header-sticky--false .header__logo img.small {
opacity: 0;
}
.brook-small-logo--true.header-layout--minimal.header-sticky--true.header-sticked--false .header__logo img.main,
.brook-small-logo--true.header-layout--minimal.header-sticky--false .header__logo img.main {
opacity: 1;
}
.header-layout--minimal.header-sticky--true.header-sticked--false .header__widget-area,
.header-layout--minimal.header-sticky--false .header__widget-area {
top: 50px;
}
} .banner-logo {
display: block;
text-align: center;
padding: 30px;
} .brook-nav-btn {
position: absolute;
z-index: 2;
left: 20px;
top: 25px;
width: 32px;
height: 32px;
line-height: 1;
text-align: left;
border-radius: 2px;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.sticky-transitions--false .brook-nav-btn {
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.header-menu--right .brook-nav-btn {
left: auto;
right: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-nav-btn {
left: 40px;
}
.header-menu--right .brook-nav-btn {
left: auto;
right: 40px;
}
}
@media only screen and (min-width: 1400px) {
.brook-nav-btn {
left: 60px;
}
.header-menu--right .brook-nav-btn {
left: auto;
right: 60px;
}
}
.brook-infobar .brook-nav-btn {
background: #f5f5f5;
}
.brook-infobar .brook-nav-btn span,
.brook-infobar .brook-nav-btn span:before,
.brook-infobar .brook-nav-btn span:after {
background: #333333;
}
.brook-nav-btn span,
.brook-nav-btn span:before,
.brook-nav-btn span:after {
display: block;
width: 14px;
height: 2px;
top: 15px;
left: 9px;
background: #ffffff;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-infobar .brook-nav-btn span,
.brook-infobar .brook-nav-btn span:before,
.brook-infobar .brook-nav-btn span:after {
background: #333333;
}
.brook-nav-btn span {
position: relative;
}
.brook-nav-btn span:before,
.brook-nav-btn span:after {
content: "";
position: absolute;
left: 0;
top: -5px;
transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
}
.header-menu--right .brook-nav-btn span:before,
.header-menu--right .brook-nav-btn span:after {
transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
}
.brook-nav-btn span:after {
top: 5px;
}
.brook-nav-btn:hover {
background: #333333;
}
.brook-infobar .brook-nav-btn:hover {
background: #00d9a3;
}
.brook-infobar .brook-nav-btn:hover span,
.brook-infobar .brook-nav-btn:hover span:before,
.brook-infobar .brook-nav-btn:hover span:after {
background: #ffffff;
}
.dark-mode .brook-nav-btn:hover {
background: #ffffff;
}
.dark-mode .brook-nav-btn:hover span,
.dark-mode .brook-nav-btn:hover span:before,
.dark-mode .brook-nav-btn:hover span:after {
background: #333333;
}
.brook-nav-btn:hover span:before,
.brook-nav-btn:hover span:after {
top: 0;
left: 0px;
width: 9px;
}
.header-menu--right .brook-nav-btn:hover span:before,
.header-menu--right .brook-nav-btn:hover span:after {
left: 6px;
}
.brook-nav-btn:hover span {
-webkit-transform: rotate3d(0,0,1,180deg);
-ms-transform: rotate3d(0,0,1,180deg);
transform: rotate3d(0,0,1,180deg);
}
.brook-nav-btn:hover span:before {
-webkit-transform: rotate3d(0,0,1,40deg);
-ms-transform: rotate3d(0,0,1,40deg);
transform: rotate3d(0,0,1,40deg);
}
.brook-nav-btn:hover span:after {
-webkit-transform: rotate3d(0,0,1,-40deg);
-ms-transform: rotate3d(0,0,1,-40deg);
transform: rotate3d(0,0,1,-40deg);
}
.brook-nav-btn--close {
background: none !important;
position: absolute;
display: block;
top: 5px;
right: 5px;
left: auto;
}
.header-menu--right .brook-nav-btn--close {
right: 5px;
}
.brook-nav-btn--close span,
.brook-nav-btn--close span:before,
.brook-nav-btn--close span:after {
background: #333333;
}
.dark-mode .brook-nav-btn--close span,
.dark-mode .brook-nav-btn--close span:before,
.dark-mode .brook-nav-btn--close span:after {
background: #ffffff;
}
.brook-nav-btn--close span:before,
.brook-nav-btn--close span:after,
.header-menu--right .brook-nav-btn--close span:before,
.header-menu--right .brook-nav-btn--close span:after {
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
top: 0;
}
.brook-nav-btn--close span {
-webkit-transform: rotate3d(0,0,1,135deg);
-ms-transform: rotate3d(0,0,1,135deg);
transform: rotate3d(0,0,1,135deg);
}
.brook-nav-btn--close span:before {
-webkit-transform: rotate3d(0,0,1,90deg);
-ms-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
}
.brook-nav-btn--close span:after {
-webkit-transform: rotate3d(0,0,1,-90deg);
-ms-transform: rotate3d(0,0,1,-90deg);
transform: rotate3d(0,0,1,-90deg);
}
.dark-mode .brook-nav-btn--close:hover span,
.dark-mode .brook-nav-btn--close:hover span:before,
.dark-mode .brook-nav-btn--close:hover span:after {
background: #ffffff;
}
.brook-nav-btn--close:hover span:before,
.brook-nav-btn--close:hover span:after {
transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
}
.header-menu--right .brook-nav-btn--close:hover span:before,
.header-menu--right .brook-nav-btn--close:hover span:after {
transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
left: 6px;
}
.brook-nav-btn--close:hover span {
-webkit-transform: rotate3d(0,0,1,0deg);
-ms-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg);
}
.brook-nav-btn--close:hover span:before {
-webkit-transform: rotate3d(0,0,1,40deg);
-ms-transform: rotate3d(0,0,1,40deg);
transform: rotate3d(0,0,1,40deg);
}
.brook-nav-btn--close:hover span:after {
-webkit-transform: rotate3d(0,0,1,-40deg);
-ms-transform: rotate3d(0,0,1,-40deg);
transform: rotate3d(0,0,1,-40deg);
}
.brook-nav {
z-index: 5;
height: 100%;
border: 3px solid transparent;
background-clip: content-box !important;
text-align: left;
position: fixed;
width: 300px;
left: -300px;
top: 0px;
overflow: hidden;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.header-menu--right .brook-nav {
left: auto;
right: -300px;
}
.admin-bar .brook-nav {
top: 32px;
height: calc(100% - 32px);
}
.brook-nav .nano-content {
height: 100%;
overflow-y: scroll;
}
.brook-nav .nano-content-inwrap {
position: relative;
min-height: 100%;
padding: 50px 30px 80px;
}
.brook-nav-open .brook-nav {
left: 0;
}
.header-menu--right.brook-nav-open .brook-nav {
left: auto;
right: 0;
}
.brook-nav .menu ul {
padding: 0;
margin: 0;
list-style: none;
}
.brook-nav .menu li {
margin: 0;
padding: 0;
}
.brook-nav .menu a {
position: relative;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.15em;
display: inline-block;
padding: 5px 0px;
color: #333333;
}
.brook-nav .menu a:hover {
color: #333333;
}
.dark-mode.brook-nav .menu a {
color: #ffffff;
}
.dark-mode.brook-nav .menu a:hover {
color: #ffffff;
}
.brook-nav .menu a:after {
content: "";
display: block;
margin-top: 3px;
height: 1px;
width: 0;
background: #333333;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.dark-mode.brook-nav .menu a:after {
background: #ffffff;
}
.brook-nav .menu a:hover {
text-decoration: none;
}
.brook-nav .menu a:hover:after {
width: 100%;
}
.brook-nav .menu > ul > li.menu-item-has-children {
padding: 0 0 15px;
}
.brook-nav .menu > ul > li > a {
padding-bottom: 10px;
}
.brook-nav .menu > ul > li ul {
padding-left: 15px;
}
.brook-nav .menu > ul > li ul a {
color: #777777;
}
.brook-nav .menu > ul > li ul a:hover {
color: #333333;
}
.dark-mode.brook-nav .menu > ul > li ul a {
color: #bbbbbb;
}
.dark-mode.brook-nav .menu > ul > li ul a:hover {
color: #ffffff;
}
.brook-nav .menu > ul > li ul ul {
padding-top: 10px;
padding-bottom: 10px;
}
.brook-nav .search-form {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
.ua-iPhone .brook-nav,
.ua-iPad .brook-nav {
position: absolute;
}
.ua-iPhone .brook-nav .search-form,
.ua-iPad .brook-nav .search-form {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.brook-nav-mask {
content: "";
background: #ffffff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-nav-open .brook-nav-mask {
visibility: visible;
opacity: 0.6;
pointer-events: initial;
} .brook-nav--classic {
display: none;
}
@media only screen and (min-width: 961px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.header-layout--classic .brook-nav-btn,
.header-layout--classic .brook-nav,
.header-layout--classic .brook-nav-mask {
display: none !important;
}
.header-layout--classic .brook-nav--classic {
display: block;
}
} .brook-nav--classic {
position: relative;
top: 25px;
float: left;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.15em;    }
.header-menu--right .brook-nav--classic {
float: right;
}
.brook-nav--classic ul {
padding: 0;
margin: 0;
list-style: none;
}
.brook-nav--classic li {
position: relative;
margin: 0;
padding: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-nav--classic li:hover {
z-index: 2;
}
.brook-nav--classic li:hover > a {
color: #00d9a3;
}
.brook-nav--classic li:hover > a:after {
width: 100%;
}
.brook-nav--classic a {
display: block;
color: #777777;
padding: 10px 7px;
}
@media only screen and (min-width: 1171px) {
.brook-nav--classic a {
position: relative;
padding-left: 15px;
padding-right: 15px;
}
.brook-nav--classic a:after {
content: "";
display: block;
margin: 0 auto;
border-top: 1px solid #00d9a3;
text-align: center;
width: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
}
.brook-nav--classic a:hover {
text-decoration: none;
}
.brook-nav--classic > .menu > ul > li {
float: left;
}
.brook-nav--classic > .menu > ul > li > a {
height: 55px;
}
.header-menu--left .brook-nav--classic > .menu > ul > li:first-child > .sub-menu {
left: 0;
margin-left: 0;
}
.header-menu--left .brook-nav--classic > .menu > ul > li:first-child > a {
padding-left: 0;
}
.header-menu--right .brook-nav--classic > .menu > ul > li:last-child > .sub-menu {
right: 0;
left: auto;
}
.header-menu--right .brook-nav--classic > .menu > ul > li:last-child > a {
padding-right: 0;
}
.brook-nav--classic .sub-menu {
position: absolute;
top: 100%;
left: 50%;
width: 250px;
margin-left: -125px;
padding: 20px 0;
background: #333333;
-webkit-background-size: auto, auto;
background-size: auto, auto;
border-top: 3px solid transparent;
background-clip: padding-box !important;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 ); }
.brook-nav--classic .sub-menu li:hover > a {
color: #333333;
}
.dark-mode.brook-nav--classic .sub-menu li:hover > a {
color: #ffffff;
}
.brook-nav--classic .sub-menu a {
color: #333333;
display: inline-block;
}
.dark-mode.brook-nav--classic .sub-menu a {
color: #ffffff;
}
.brook-nav--classic .sub-menu a:after {
border-color: #333333;
}
.dark-mode.brook-nav--classic .sub-menu a:after {
border-color: #ffffff;
}
.brook-nav--classic .sub-menu .sub-menu {
top: -20px;
left: 100%;
margin-left: 3px;
border-top: none;
}
.brook-nav--classic .sub-menu .sub-menu.flow-left {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 3px;
}
.brook-nav--classic .menu-item-language:hover > ul,
.brook-nav--classic .menu-item-has-children:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.dark-mode .brook-nav--classic > .menu > ul > li > a {
color: #ffffff;
}
.dark-mode .brook-nav--classic > .menu > ul > li > a:after {
border-top-color: #ffffff;
}
.dark-mode .brook-nav--classic > .menu > ul > li:hover > a {
color: #ffffff;
}
.dark-mode .brook-nav--classic > .menu > ul > li:hover > a:after {
border-top-color: #ffffff;
}
.dark-mode .brook-nav--classic .header__nav-toggle > i {
color: #ffffff;
} .footer {
position: relative;
z-index: 0;
border: 3px solid transparent;
background-clip: padding-box !important;
}
.footer:before,
.footer:after {
display: table;
content: "";
}
.footer:after {
clear: both;
}
.footer-spacer {
display: none;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.footer--unfold-processed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.footer-spacer {
display: block;
}
}
.footer__inwrap {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.footer__inwrap {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.footer__inwrap {
padding-left: 60px;
padding-right: 60px;
}
}
.footer__widgets {
padding-top: 60px;
}
.footer__widgets:before,
.footer__widgets:after {
display: table;
content: "";
}
.footer__widgets:after {
clear: both;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 960px) {
.footer__widgets .footer__widgets__left,
.footer__widgets .footer__widgets__center,
.footer__widgets .footer__widgets__right {
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
max-width: 480px;
}
}
.footer__bottom {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
text-align: center;
padding-bottom: 30px;
}
.footer__bottom:before,
.footer__bottom:after {
display: table;
content: "";
}
.footer__bottom:after {
clear: both;
}
.footer__inwrap > .footer__bottom:first-child {
margin-top: 30px;
}
.footer__menu {
display: inline-block;
overflow: hidden;
margin-top: 10px;
}
.footer__menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer__menu ul.sub-menu {
display: inline-block;
float: right;
padding-left: 3px;
padding-right: 15px;
}
.footer__menu li {
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
.footer__menu li:after {
display: inline-block;
margin: auto 0.4em;
content: '/';
color: inherit;
}
.dark-mode .footer__menu li:after {
color: #f5f5f5;
}
.footer__menu li:last-child:after {
content: none;
}
@media only screen and (max-width: 599px) {
.footer__menu li {
float: none;
}
}
.footer .copyright {
margin-top: 5px;
}
.footer .copyright p {
margin-bottom: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.footer .footer__bottom--center--false {
width: 100%;
display: table;
}
.footer .footer__bottom--center--false .footer__logo {
display: table-cell;
text-align: left;
}
.footer .footer__bottom--center--false .footer__content {
display: table-cell;
text-align: right;
vertical-align: middle;
line-height: 1;
}
} .footer-instagram {
position: relative;
z-index: 1;
} .search-form {
position: relative;
z-index: 2;
}
.search-form .submit {
display: none;
visibility: hidden;
}
.search-form .textfield {
margin-bottom: 0;
}
.search-form i {
position: absolute;
top: 50%;
right: 10px;
display: block;
font-size: 16px;
margin-top: -7px;
}
.header .search-form {
width: 40px;
height: 35px;
}
.header .search-form i {
margin-top: -9px;
}
.header .search-form .textfield {
position: absolute;
z-index: 1;
top: 0;
right: 0;
border: 1px solid #bbbbbb;
background: #ffffff;
padding-right: 0;
width: 40px;
opacity: 0;
}
.header .search-form .textfield:focus {
width: 180px;
opacity: 1;
z-index: 0;
}  .comment__list {
margin-bottom: 60px;   }
.comment__list h3 {
margin: 0 0 40px;
border-left-width: 3px;
border-left-style: solid;
border-color: #00d9a3;
padding-left: 10px;
}
.comment__list ul {
list-style: none;
padding: 0;
margin: 0;
}
.comment__list .comment {
position: relative;
margin-bottom: 0;
}
.comment__list .comment:before,
.comment__list .comment:after {
display: table;
content: "";
}
.comment__list .comment:after {
clear: both;
}
@media only screen and (max-width: 599px) {
.comment__list .comment-body {
padding: 0 20px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.comment__list .comment-body {
padding: 0 40px;
}
}
@media only screen and (min-width: 1171px) {
.comment__list .comment-body {
padding: 0 60px;
}
}
.comment__list .comment-body:hover .comment__links {
opacity: 1;
}
.comment__list .comment p {
margin-bottom: 10px;
}
.comment__list .comment--ajax-loaded {
opacity: 0;
}
.comment__list .comment--ajax-loaded-animate {
opacity: 1;
-webkit-animation: brook-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-fade-in-bottom-soft 0.5s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.comment__list .comment .bypostauthor {
position: relative;
}
.comment__list .comment__image {
width: 45px;
height: 45px;
float: left;
margin-right: 20px;
}
.comment__list .comment__content {
overflow: hidden;
}
.comment__list .comment__content a {
color: #333333;
}
.comment__list .comment__content a:hover {
color: #00d9a3;
}
.comment__list .comment__meta {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
margin: 5px 0 0;
}
.comment__list .comment__meta .comment__author,
.comment__list .comment__meta .comment__date,
.comment__list .comment__meta .comment__moderated {
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
}
.comment__list .comment__meta .comment__author:after,
.comment__list .comment__meta .comment__date:after,
.comment__list .comment__meta .comment__moderated:after {
display: inline-block;
margin: auto 0.4em;
content: '\000B7';
color: inherit;
}
.comment__list .comment__meta .comment__author:last-child:after,
.comment__list .comment__meta .comment__date:last-child:after,
.comment__list .comment__meta .comment__moderated:last-child:after {
content: none;
}
@media only screen and (max-width: 599px) {
.comment__list .comment__meta .comment__author,
.comment__list .comment__meta .comment__date,
.comment__list .comment__meta .comment__moderated {
font-size: 0.875em; }
}
.comment__list .comment__meta .comment__date,
.comment__list .comment__meta .comment__moderated {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
text-transform: none;
}
.comment__list .comment__links {
float: right;
line-height: 1;
}
@media only screen and (max-width: 599px) {
.comment__list .comment__links {
float: none;
}
}
@media only screen and (min-width: 1171px) {
.comment__list .comment__links {
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
}
.comment__list .comment__links a {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #333333;
}
.comment__list .comment__links a:hover {
color: #00d9a3;
}
@media only screen and (max-width: 599px) {
.comment__list .comment__links a {
font-size: 0.75em; }
}
.comment__list .comment__links a + a {
margin-left: 10px;
}
.comment__list .comment__links a.comment-reply-link {
color: #00d9a3;
}
.comment__list .comment__links a.comment-reply-link:hover {
color: #333333;
}
.comment__list .comment__text {
font-size: 0.875em; padding-top: 5px;
clear: both;
}
.comment__list .comments > .comment:after {
content: "";
display: block;
border-top: 1px dotted #bbbbbb;
margin-top: 30px;
margin-bottom: 30px;
}
.comment__list .children .comment:before {
content: "";
display: block;
border-top: 1px dotted #bbbbbb;
margin-top: 20px;
margin-bottom: 30px;
width: 60px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.comment__list .children .comment {
padding-left: 65px;
}
.comment__list .children .comment:before {
margin-left: 60px;
}
.comment__list .children .comment .comment__image {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
}
.comment__list .comment__pager {
text-align: right;
}
.comment__list .comment__pager a {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
color: #ffffff;
margin-top: 20px;
}
.comment__list .comment__pager a:hover {
background: #333333;
color: #ffffff;
}
.comment__list .comment__pager a i {
margin: 0 10px;
}
.comment__list .comment__pager a + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.comment__list .comment__pager a + .button {
margin-left: 20px;
margin-top: 0;
}
} .comment-respond {
overflow: hidden; }
.comment-respond h3 {
border-left-width: 3px;
border-left-style: solid;
border-color: #00d9a3;
padding-left: 10px;
}
.main-content .comment-respond:before,
.comment__list + .comment-respond:before,
.comment .comment-respond:before {
content: "";
}
.comment-respond .logged-in-as {
font-size: 0.875em; }
.comment-respond .logged-in-as a {
color: #333333;
}
.comment-respond .logged-in-as a:hover {
color: #00d9a3;
}
.comment-respond .form-submit,
.comment-respond .form-submit input {
margin: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.comment-respond .form__item--author,
.comment-respond .form__item--email,
.comment-respond .form__item--url {
width: 33.3%;
float: left;
padding-right: 1.85em;
}
.comment-respond .form__item--url {
width: 33.4%;
padding-right: 0;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.comment .comment-respond {
margin-left: 60px;
}
}
.comment .comment-respond h3 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 0.875em; }
.comment .comment-respond h3 small {
float: right;
font-size: 0.75em; }
.comment .comment-respond h3 small a:hover {
color: initial;
text-decoration: underline;
} .author-block {
text-align: center;
position: relative;
border-radius: 2px;
overflow: hidden;
}
.author-block.bg--true:not(.dark-mode) {
color: #333333;
}
.author-block.bg--true:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-linear-gradient(top, rgba(255, 252, 226, 0.15) 0%, rgba(255, 252, 226, 0.8) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 252, 226, 0.15) 0%, rgba(255, 252, 226, 0.8) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 252, 226, 0.15) 0%, rgba(255, 252, 226, 0.8) 100%);
background-image: -o-linear-gradient(top, rgba(255, 252, 226, 0.15) 0%, rgba(255, 252, 226, 0.8) 100%);
background-image: linear-gradient(to bottom, rgba(255, 252, 226, 0.15) 0%, rgba(255, 252, 226, 0.8) 100%);
z-index: 1;
}
.author-block .title-header {
position: relative;
z-index: 2;
padding-bottom: 0;
}
.author-block .title-header .avatar {
width: 100px;
height: 100px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.author-block__description {
padding-left: 60px;
padding-right: 60px;
}
}
@media only screen and (min-width: 1171px) {
.sidebar--false .author-block__description {
padding-left: 100px;
padding-right: 100px;
}
}
.author-block .social-nav {
color: #bbbbbb;
margin-bottom: 0;
}
.post .author-block {
background: #f5f5f5;
padding: 60px 0;
} .brook-slider {
position: relative;
opacity: 0;
}
.processed.brook-slider {
opacity: 1;
-webkit-animation: brook-fade-in 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-fade-in 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-slider .brook-slider__items {
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
list-style: none;
}
.brook-slider .brook-slider__item {
padding: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; margin-bottom: 20px;  }
.js-started.brook-slider .brook-slider__item {
margin-bottom: 0;
opacity: 0;
z-index: 0;  }
.js-started.brook-slider .brook-slider__item.active {
z-index: 1;
opacity: 1;
}
.js-started.brook-slider .brook-slider__item .brook-slider__item-inwrap {
overflow: hidden;
}
.processed.js-started.brook-slider .brook-slider__item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.brook-slider .brook-slider__item.animate-out {
z-index: 1;
-webkit-animation: brook-slide-out-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-slide-out-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-slider .brook-slider__item.animate-out.animate-reverse {
-webkit-animation: brook-slide-out-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-slide-out-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-slider .brook-slider__item.animate-in {
opacity: 1;
z-index: 2;
-webkit-animation: brook-slide-in-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-slide-in-right 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-slider .brook-slider__item.animate-in.animate-reverse {
-webkit-animation: brook-slide-in-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
animation: brook-slide-in-left 0.7s 1 cubic-bezier(0.7, 0, 0.3, 1);
} .brook-slider--images { }
.brook-slider--images .brook-slider__item-inwrap {
text-align: center;
}
.brook-slider--images .gallery-caption {
bottom: -1px;
}
.brook-slider--images .brook-ui-arrows {
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-slider--images:hover .brook-ui-arrows {
opacity: 1;
}
.brook-slider--images img {
margin: 0 !important;
}
.processed.brook-slider--images .brook-slider__item-inwrap {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.processed.brook-slider--images .brook-slider__item-inwrap img {
max-height: 100%;
width: auto;
} .brook-blog--style-carousel {
position: relative;
}
.brook-carousel {
position: relative;
-webkit-transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
transition: opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
.brook-blog:first-child .brook-carousel {
padding-top: 3px;
}
@media only screen and (max-width: 599px) {
.brook-carousel {
padding-left: 3px;
padding-right: 3px;
}
}
.js .brook-carousel {
opacity: 0;
overflow: hidden;
min-height: 100px;
max-height: 200px;
}
.brook-carousel + .brook-loader--carousel {
opacity: 1;
position: absolute;
top: 100px;
left: 50%;
margin: 0px 0 0 -15px;
}
.processed.brook-carousel {
opacity: 1;
min-height: 0;
max-height: none;
}
.processed.brook-carousel + .brook-loader--carousel {
opacity: 0;
visibility: hidden;
}
.brook-carousel .brook-carousel__items {
margin: auto;
}
.brook-carousel .brook-carousel__inwrap {
overflow: hidden;
}
@media only screen and (min-width: 1171px) {
.brook-carousel .brook-carousel__inwrap {
overflow: hidden;
}
}
.brook-carousel__items {
position: relative;
overflow: hidden;
}
.brook-carousel__items:before,
.brook-carousel__items:after {
display: table;
content: "";
}
.brook-carousel__items:after {
clear: both;
}
.brook-carousel .brook-carousel__item {
position: relative;
float: left;
} .gallery {
margin-bottom: 30px;
text-align: left;
}
.gallery--lightbox .lightbox-icon {
opacity: 0;
background: #00d9a3;
pointer-events: none;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
display: block;
position: absolute;
top: 0;
right: 2px;
bottom: 3px;
left: 1px;
}
.gallery--lightbox .lightbox-icon:before,
.gallery--lightbox .lightbox-icon:after {
content: "";
display: block;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
background: #ffffff;
opacity: 0.9;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.gallery--lightbox .lightbox-icon:before {
width: 2px;
height: 16px;
-webkit-transform: translate(0px, 3px);
-ms-transform: translate(0px, 3px);
transform: translate(0px, 3px);
}
.gallery--lightbox .lightbox-icon:after {
width: 16px;
height: 2px;
-webkit-transform: translate(-7px, 10px);
-ms-transform: translate(-7px, 10px);
transform: translate(-7px, 10px);
}
.gallery--lightbox .gallery-item:hover .lightbox-icon {
opacity: 0.9;
}
.gallery--lightbox .gallery-item:hover .lightbox-icon:before {
-webkit-transform: translate(0px, -7px);
-ms-transform: translate(0px, -7px);
transform: translate(0px, -7px);
}
.gallery--lightbox .gallery-item:hover .lightbox-icon:after {
-webkit-transform: translate(-7px, 0px);
-ms-transform: translate(-7px, 0px);
transform: translate(-7px, 0px);
}
.gallery--newspaper {
padding: 0;
}
.gallery--newspaper:before,
.gallery--newspaper:after {
display: table;
content: "";
}
.gallery--newspaper:after {
clear: both;
}
.gallery--newspaper .gallery-item {
position: relative;
max-width: 100%;
margin: 0;
padding: 0 0 3px 0;
overflow: hidden;
}
.gallery--newspaper .gallery-item img {
width: 100%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.gallery--newspaper {
margin-left: -1px;
margin-right: -2px;
}
.gallery--newspaper .gallery-item {
float: left;
padding: 0 2px 3px 1px;
}
}
.gallery-columns-1.gallery--newspaper .gallery-item {
min-width: 100%;
}
.gallery-columns-2.gallery--newspaper .gallery-item {
min-width: 49.9%;
}
.gallery-columns-3.gallery--newspaper .gallery-item {
min-width: 33.3%;
}
.gallery-columns-4.gallery--newspaper .gallery-item {
min-width: 25%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.gallery--newspaper .gallery-item {
width: 33.3%;
}
.gallery-columns-2.gallery--newspaper .gallery-item,
.gallery-columns-4.gallery--newspaper .gallery-item {
width: 49.9%;
}
.sidebar--false .gallery-columns-4.gallery--newspaper .gallery-item {
width: 25%;
}
}
@media only screen and (min-width: 1171px) {
.gallery-columns-2.gallery--newspaper .gallery-item {
width: 49.9%;
}
.gallery-columns-3.gallery--newspaper .gallery-item {
width: 33.3%;
}
.gallery-columns-4.gallery--newspaper .gallery-item {
width: 25%;
}
.gallery-columns-5.gallery--newspaper .gallery-item {
width: 20%;
}
.gallery-columns-6.gallery--newspaper .gallery-item {
width: 16.6%;
}
.gallery-columns-7.gallery--newspaper .gallery-item {
width: 14.1%;
}
.gallery-columns-8.gallery--newspaper .gallery-item {
width: 12.5%;
}
.gallery-columns-9.gallery--newspaper .gallery-item {
width: 11%;
}
.gallery-columns-10.gallery--newspaper .gallery-item {
width: 10%;
}
} .loop-container .post.brook-sticky {
padding: 50px 0;
border-top: 3px solid #333333;
border-bottom: 3px solid #333333;
margin-bottom: 60px;
}
.loop-container .post.brook-sticky .post__content {
padding: 0;
margin-bottom: 0;
text-align: center;
}
.loop-container .post.brook-sticky img {
margin-bottom: 30px;
}
.loop-container .post.brook-sticky .read-more {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
color: #ffffff;
position: relative;
background: none !important;
overflow: visible;
color: #00d9a3;
height: 36px;
line-height: 36px !important;
padding-left: 0;
padding-right: 0;
}
.loop-container .post.brook-sticky .read-more:hover {
background: #333333;
color: #ffffff;
}
.loop-container .post.brook-sticky .read-more i {
margin: 0 10px;
}
.loop-container .post.brook-sticky .read-more + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container .post.brook-sticky .read-more + .button {
margin-left: 20px;
margin-top: 0;
}
}
.loop-container .post.brook-sticky .read-more:before,
.loop-container .post.brook-sticky .read-more:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
display: block;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container .post.brook-sticky .read-more:before {
top: 0;
}
.loop-container .post.brook-sticky .read-more:after {
bottom: 0;
}
.loop-container .post.brook-sticky .read-more:hover {
background: none;
}
.loop-container .post.brook-sticky .read-more:not(.button--no-hover):hover {
background: none;
color: #333333;
}
.loop-container .post.brook-sticky .read-more:not(.button--no-hover):hover:before,
.loop-container .post.brook-sticky .read-more:not(.button--no-hover):hover:after {
background: #333333;
width: 33%;
left: 32%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container .post.brook-sticky.half--true .post__content,
.loop-container .post.brook-sticky.half--true .excerpt {
text-align: left;
}
.loop-container .post.brook-sticky.half--true img {
margin-bottom: 0;
}
}
.loop-container .post.brook-sticky.half--false .excerpt {
padding: 0 60px;
}
.loop-container--masonry.loop-container .post.brook-sticky {
padding-left: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--masonry.loop-container .post.brook-sticky {
width: calc(100% - 40px);
margin-left: 40px;
}
.loop-container--style-grid_gallery.loop-container--masonry.loop-container .post.brook-sticky {
width: calc(100% - 3px);
margin-left: 3px;
}
} .post__category ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.post__category li {
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
float: none;
}
.post__category li:after {
display: inline-block;
margin: auto 0.4em;
content: '/';
color: #bbbbbb;
}
.dark-mode .post__category li:after {
color: #f5f5f5;
}
.post__category li:last-child:after {
content: none;
}
.brook-cover.bg--true .post__category li:after {
color: #333333;
}
.brook-cover.dark-mode .post__category li:after {
color: #ffffff;
}
.post__category li + li {
margin-left: -0.2em;
} .post__content:not(:empty) {
margin-bottom: 60px;
} .meta--items {
overflow: hidden;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: 1.5;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.meta--items {
line-height: 28px;
}
}
.meta--items .meta--item {
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
float: none !important;
}
.meta--items .meta--item:after {
display: inline-block;
margin: auto 0.4em;
content: '\000B7';
color: inherit;
}
.meta--items .meta--item:last-child:after {
content: none;
}
.meta--items .meta--item + .meta--item {
margin-left: -4px;
}
@media only screen and (max-width: 599px) {
.meta--items .meta--item {
font-size: 0.875em; }
}
.meta--items .meta--date {
color: #bbbbbb;
}
.brook-cover.bg--true .meta--items .meta--date {
color: #333333;
}
.dark-mode .meta--items .meta--date,
.brook-cover.dark-mode .meta--items .meta--date {
color: #ffffff;
}
.meta--items .meta--author img {
display: inline-block;
margin-right: 5px;
vertical-align: bottom;
width: 28px;
height: 28px;
}
.post__meta {
line-height: 1;
}
.post__meta:before,
.post__meta:after {
display: table;
content: "";
}
.post__meta:after {
clear: both;
}
.read-more {
display: inline-block;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
height: 32px;
line-height: 32px !important;
padding: 0 10px;
border-radius: 2px;
background: #f5f5f5;
}
.read-more:hover {
background: #333333;
color: #ffffff;
}
.read-more span {
vertical-align: middle;
} .post__share {
text-align: center;
}
.post__share .social-nav {
height: auto;
line-height: 1;
margin-bottom: 0;
}
.post__share .social-nav__item {
float: none;
}
.post__share .social-nav__item + .social-nav__item {
margin-left: -4px;
}
.post__tags + .post__share {
margin-top: -40px;
} .post__media {
margin-bottom: 30px;
text-align: center;
} .excerpt {
text-align: center;
}
.excerpt:empty {
display: none;
} .post__content { }
.post__content:before,
.post__content:after {
display: table;
content: "";
}
.post__content:after {
clear: both;
}
@media only screen and (max-width: 599px) {
.post__content {
padding-left: 20px;
padding-right: 20px;
}
.post__content .alignnone {
margin-bottom: 30px;
}
.post__content blockquote,
.post__content .highlighted-p,
.post__content .alignnone,
.post__content .alignleft,
.post__content .alignright,
.post__content .gallery--newspaper,
.post__content .brook-embed-container,
.post__content .mejs-container,
.post__content .row {
margin-left: -20px;
margin-right: -20px;
}
.post__content .alignnone,
.post__content .alignleft,
.post__content .alignright {
max-width: calc(100% + 40px);
}
.post__content .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 23px);
}
.post__content .mejs-container {
width: calc(100% + 40px) !important;
}
.post__content .mejs-container.mejs-video {
padding-top: calc(56.25% + 23px);
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.post__content {
padding-left: 40px;
padding-right: 40px;
}
.post__content .alignnone {
margin-bottom: 30px;
}
.post__content blockquote,
.post__content .highlighted-p,
.post__content .alignnone,
.post__content .gallery--newspaper,
.post__content .brook-embed-container,
.post__content .mejs-container,
.post__content .row {
margin-left: -40px;
margin-right: -40px;
}
.post__content .alignnone {
max-width: calc(100% + 80px);
}
.post__content .alignleft {
margin-left: -40px;
max-width: calc(100% + 40px);
}
.post__content .alignright {
margin-right: -40px;
max-width: calc(100% + 40px);
}
.post__content .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 45px);
}
.post__content .mejs-container {
width: calc(100% + 80px) !important;
}
.post__content .mejs-container.mejs-video {
padding-top: calc(56.25% + 45px);
}
.post__content .half-left .alignnone,
.post__content .half-right .alignnone {
max-width: calc(100% + 40px);
}
.post__content .half-left .brook-embed-container:not(.domain-twitter),
.post__content .half-right .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 23px);
}
.post__content .half-left .mejs-container,
.post__content .half-right .mejs-container {
width: calc(100% + 40px) !important;
}
.post__content .half-left .mejs-container.mejs-video,
.post__content .half-right .mejs-container.mejs-video {
padding-top: calc(56.25% + 23px);
}
}
@media only screen and (min-width: 1171px) {
.post__content {
padding-left: 60px;
padding-right: 60px;
}
.post__content blockquote,
.post__content .highlighted-p,
.post__content .alignnone,
.post__content .gallery--newspaper,
.post__content .brook-embed-container,
.post__content .mejs-container,
.post__content .row {
margin-left: -60px;
margin-right: -60px;
}
.post__content .alignnone {
max-width: calc(100% + 120px);
}
.post__content .alignleft {
margin-left: -60px;
max-width: calc(100% + 60px);
}
.post__content .alignright {
margin-right: -60px;
max-width: calc(100% + 60px);
}
.post__content .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 68px);
}
.post__content .mejs-container {
width: calc(100% + 120px) !important;
}
.post__content .mejs-container.mejs-video {
padding-top: calc(56.25% + 68px);
}
.post__content .half-left .alignnone,
.post__content .half-right .alignnone {
max-width: calc(100% + 60px);
}
.post__content .half-left .brook-embed-container:not(.domain-twitter),
.post__content .half-right .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 34px);
}
.post__content .half-left .mejs-container,
.post__content .half-right .mejs-container {
width: calc(100% + 60px) !important;
}
.post__content .half-left .mejs-container.mejs-video,
.post__content .half-right .mejs-container.mejs-video {
padding-top: calc(56.25% + 34px);
}
}
@media only screen and (min-width: 1171px) {
.sidebar--false .post__content {
padding-left: 100px;
padding-right: 100px;
}
.sidebar--false .post__content blockquote,
.sidebar--false .post__content .highlighted-p,
.sidebar--false .post__content .alignnone,
.sidebar--false .post__content .gallery--newspaper,
.sidebar--false .post__content .brook-embed-container,
.sidebar--false .post__content .mejs-container {
margin-left: -100px;
margin-right: -100px;
}
.sidebar--false .post__content .alignnone {
max-width: calc(100% + 200px);
}
.sidebar--false .post__content .alignleft {
margin-left: -100px;
max-width: calc(100% + 100px);
}
.sidebar--false .post__content .alignright {
margin-right: -100px;
max-width: calc(100% + 100px);
}
.sidebar--false .post__content .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 112px);
}
.sidebar--false .post__content .mejs-container {
width: calc(100% + 200px) !important;
}
.sidebar--false .post__content .mejs-container.mejs-video {
padding-top: calc(56.25% + 112px);
}
.sidebar--false .post__content .half-left .alignnone,
.sidebar--false .post__content .half-right .alignnone {
max-width: calc(100% + 100px);
}
.sidebar--false .post__content .half-left .brook-embed-container:not(.domain-twitter),
.sidebar--false .post__content .half-right .brook-embed-container:not(.domain-twitter) {
padding-bottom: calc(56.25% + 56px);
}
.sidebar--false .post__content .half-left .mejs-container,
.sidebar--false .post__content .half-right .mejs-container {
width: calc(100% + 100px) !important;
}
.sidebar--false .post__content .half-left .mejs-container.mejs-video,
.sidebar--false .post__content .half-right .mejs-container.mejs-video {
padding-top: calc(56.25% + 56px);
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.post__content .half-left blockquote,
.post__content .half-left .highlighted-p,
.post__content .half-left .alignnone,
.post__content .half-left .alignright,
.post__content .half-left .gallery--newspaper,
.post__content .half-left .brook-embed-container,
.post__content .half-left .mejs-container {
margin-right: 0;
}
.post__content .half-right blockquote,
.post__content .half-right .highlighted-p,
.post__content .half-right .alignnone,
.post__content .half-right .alignleft,
.post__content .half-right .gallery--newspaper,
.post__content .half-right .brook-embed-container,
.post__content .half-right .mejs-container {
margin-left: 0;
}
} .post__tags {
margin-bottom: 60px;
text-align: center;
}
.post__tags:before,
.post__tags:after {
display: table;
content: "";
}
.post__tags:after {
clear: both;
}
.post__tags label {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.post__tags a {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
text-transform: lowercase;
color: #777777;
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
float: none;
}
.post__tags a:after {
display: inline-block;
margin: auto 0.4em;
content: '/';
color: #777777;
}
.dark-mode .post__tags a:after {
color: #f5f5f5;
}
.post__tags a:last-child:after {
content: none;
}
.post__tags a:hover {
color: #00d9a3;
} .post__navigation {
display: table;
width: 100%;
padding: 30px 0;
border-top: 3px solid #333333;
border-bottom: 3px solid #333333;
margin-bottom: 60px;
vertical-align: top;
}
.post__navigation a {
display: table-cell;
vertical-align: top;
padding-right: 10px;
color: #777777;
}
.post__navigation a:hover {
color: #333333;
}
.post__navigation a:hover {
text-decoration: none;
}
.post__navigation a img {
max-height: 120px;
margin: 0 20px 0 0;
float: left;
}
.post__navigation a div {
overflow: hidden;
}
.post__navigation a .label {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.post__navigation a .label i {
font-size: 14px;
}
.post__navigation a h4 {
margin: 2px 0 0;
}
.post__navigation a + a,
.post__navigation a.next {
text-align: right;
padding-right: 0;
padding-left: 10px;
}
.post__navigation a + a img,
.post__navigation a.next img {
margin: 0 0 0 20px;
float: right;
}
@media only screen and (max-width: 599px) {
.post__navigation a {
display: block;
overflow: hidden;
}
.post__navigation a + a,
.post__navigation a.next {
margin-top: 20px;
}
}
.post__navigation a.disabled {
pointer-events: none;
color: #bbbbbb;
}
.post__navigation a.disabled h4 {
color: #bbbbbb;
}
.post__navigation.post__navigation--pages {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
} .post__author {
margin-bottom: 60px;
}  .post__related {
clear: both;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 120px;
}
.post__related:before,
.post__related:after {
display: table;
content: "";
}
.post__related:after {
clear: both;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.post__related {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.post__related {
padding-left: 60px;
padding-right: 60px;
}
}
.post__related h3 {
border-left-width: 3px;
border-left-style: solid;
border-color: #00d9a3;
padding-left: 10px;
}  .article-single--post .post__share {
margin-bottom: 60px;
}   .loop-container:before,
.loop-container:after {
display: table;
content: "";
}
.loop-container:after {
clear: both;
} .loop-container--style-list_full .post,
.loop-container--style-list_excerpt .post,
.loop-container--style-list_full .page,
.loop-container--style-list_excerpt .page {
margin-bottom: 150px;
}
@media only screen and (max-width: 599px) {
.loop-container--style-list_full .post,
.loop-container--style-list_excerpt .post,
.loop-container--style-list_full .page,
.loop-container--style-list_excerpt .page {
margin-bottom: 100px;
}
}
.loop-container--style-list_full .post:last-child,
.loop-container--style-list_excerpt .post:last-child,
.loop-container--style-list_full .page:last-child,
.loop-container--style-list_excerpt .page:last-child {
margin-bottom: 100px;
}
.loop-container--style-list_full .post__content,
.loop-container--style-list_excerpt .post__content {
margin-bottom: 0;
}
.loop-container--style-list_full .post__footer,
.loop-container--style-list_excerpt .post__footer {
border-bottom: 3px solid #333333;
margin-bottom: 25px;
padding-bottom: 25px;
margin-top: 50px;
}
.loop-container--style-list_full .post__footer:before,
.loop-container--style-list_excerpt .post__footer:before,
.loop-container--style-list_full .post__footer:after,
.loop-container--style-list_excerpt .post__footer:after {
display: table;
content: "";
}
.loop-container--style-list_full .post__footer:after,
.loop-container--style-list_excerpt .post__footer:after {
clear: both;
}
@media only screen and (max-width: 599px) {
.loop-container--style-list_full .post__footer,
.loop-container--style-list_excerpt .post__footer {
margin-top: 0px;
text-align: center;
}
.loop-container--style-list_full .post__footer .read-more,
.loop-container--style-list_excerpt .post__footer .read-more {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--style-list_full .post__footer .post__share,
.loop-container--style-list_excerpt .post__footer .post__share {
float: left;
}
.loop-container--style-list_full .post__footer .post__share a,
.loop-container--style-list_excerpt .post__footer .post__share a {
line-height: 32px;
color: #333333;
}
.loop-container--style-list_full .post__footer .post__share a:hover,
.loop-container--style-list_excerpt .post__footer .post__share a:hover {
color: #333333;
}
.loop-container--style-list_full .post__footer .read-more,
.loop-container--style-list_excerpt .post__footer .read-more {
float: right;
}
} .loop-container--style-list_excerpt blockquote {
text-align: center;
margin: 40px 0;
}
.loop-container--style-list_excerpt blockquote p {
text-align: inherit !important;
}
.loop-container--style-list_excerpt .post__content {
padding-left: 60px;
padding-right: 60px;
} .loop-container--style-list_archive {
margin-bottom: 60px;
}
.loop-container--style-list_archive .post,
.loop-container--style-list_archive .page {
border-top: 1px dotted #bbbbbb;
padding: 30px 0;
}
.loop-container--style-list_archive .post:before,
.loop-container--style-list_archive .page:before,
.loop-container--style-list_archive .post:after,
.loop-container--style-list_archive .page:after {
display: table;
content: "";
}
.loop-container--style-list_archive .post:after,
.loop-container--style-list_archive .page:after {
clear: both;
}
.loop-container--style-list_archive .post:last-child,
.loop-container--style-list_archive .page:last-child {
border-bottom: 1px dotted #bbbbbb;
}
.loop-container--style-list_archive .brook-sticky + .post,
.loop-container--style-list_archive .brook-sticky + .page {
border-top: none;
}
.loop-container--style-list_archive .post__media {
float: right;
margin-left: 30px;
margin-bottom: 0;
}
.loop-container--style-list_archive .post__content {
overflow: hidden;
margin-bottom: 0;
padding: 0;
}
.loop-container--style-list_archive .post:not(.brook-sticky) .post__title {
margin-bottom: 10px;
} .loop-container--masonry {
position: relative;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--masonry {
margin-left: -40px;
}
.loop-container--masonry .post,
.loop-container--masonry .page {
float: left;
width: 49.9%;
padding-left: 40px;
}
}
@media only screen and (min-width: 1171px) {
.sidebar--false .loop-container--masonry .post,
.sidebar--false .loop-container--masonry .page {
width: 33.3%;
}
} .loop-container--style-grid {
text-align: center;
}
.loop-container--style-grid .post:not(.brook-sticky) .title--striped,
.loop-container--style-grid .page:not(.brook-sticky) .title--striped {
margin-top: 5px;
}
.loop-container--style-grid .post:not(.brook-sticky) .title--striped__inwrap,
.loop-container--style-grid .page:not(.brook-sticky) .title--striped__inwrap {
font-size: 0.875em; line-height: 1.6;
}
.loop-container--style-grid .post:not(.brook-sticky) .post__title,
.loop-container--style-grid .page:not(.brook-sticky) .post__title {
font-family: "Playfair Display", sans-serif;
font-size: 22px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.loop-container--style-grid .post:not(.brook-sticky) .post__title,
.loop-container--style-grid .page:not(.brook-sticky) .post__title,
.loop-container--style-grid .post:not(.brook-sticky) .post__title a,
.loop-container--style-grid .page:not(.brook-sticky) .post__title a {
color: #333333;
}
.loop-container--style-grid .post:not(.brook-sticky) .post__title a:hover,
.loop-container--style-grid .page:not(.brook-sticky) .post__title a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .loop-container--style-grid .post:not(.brook-sticky) .post__title,
.dark-mode .loop-container--style-grid .page:not(.brook-sticky) .post__title {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.loop-container--style-grid .post:not(.brook-sticky) .post__title,
.loop-container--style-grid .page:not(.brook-sticky) .post__title {
font-size: 19.25px;
}
}
.loop-container--style-grid .post__content {
margin-bottom: 0;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--style-grid .post__content {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 1171px) {
.loop-container--style-grid .post__content {
padding-left: 30px;
padding-right: 30px;
}
}
.loop-container--style-grid .post,
.loop-container--style-grid .page {
margin-bottom: 80px;
}
.loop-container--style-grid .post .post__inwrap,
.loop-container--style-grid .page .post__inwrap {
border-bottom: 3px solid #333333;
padding-bottom: 30px;
}
.loop-container--style-grid blockquote {
text-align: center;
margin: 40px 0;
}
.loop-container--style-grid blockquote p {
text-align: inherit !important;
} .loop-container--style-grid_gallery {
margin-left: -3px;
margin-bottom: 60px;
}
.loop-container--style-grid_gallery .post,
.loop-container--style-grid_gallery .page {
padding-left: 3px;
}
.loop-container--style-grid_gallery .post__inwrap {
position: relative;
overflow: hidden;
margin-bottom: 3px;
}
.loop-container--style-grid_gallery .post__media {
background: #333333;
margin-bottom: 0;
}
.loop-container--style-grid_gallery .post__text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loop-container--style-grid_gallery .post__text:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00d9a3;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-grid_gallery .post__text__inwrap {
padding: 30px 30px 20px;
width: 100%;
max-width: 660px;
margin: auto;
color: #ffffff;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, calc(-50% + 36px));
-ms-transform: translate(-50%, calc(-50% + 36px));
transform: translate(-50%, calc(-50% + 36px));
-ms-transform: translate(-50%, -40%);
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
line-height: 0;
}
.loop-container--style-grid_gallery .post__text .title-header {
padding: 0;
}
.loop-container--style-grid_gallery .post__text .title--striped__inwrap {
font-size: 0.875em; }
.loop-container--style-grid_gallery .post__text .meta--items {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.loop-container--style-grid_gallery .post__text a:hover {
color: #ffffff;
}
.loop-container--style-grid_gallery .post__text .read-more {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
color: #ffffff;
position: relative;
background: none !important;
overflow: visible;
color: #00d9a3;
height: 36px;
line-height: 36px !important;
padding-left: 0;
padding-right: 0;
color: #ffffff !important;
opacity: 0;
visibility: hidden;
margin-top: 30px;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.loop-container--style-grid_gallery .post__text .read-more:hover {
background: #333333;
color: #ffffff;
}
.loop-container--style-grid_gallery .post__text .read-more i {
margin: 0 10px;
}
.loop-container--style-grid_gallery .post__text .read-more + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--style-grid_gallery .post__text .read-more + .button {
margin-left: 20px;
margin-top: 0;
}
}
.loop-container--style-grid_gallery .post__text .read-more:before,
.loop-container--style-grid_gallery .post__text .read-more:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
display: block;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-grid_gallery .post__text .read-more:before {
top: 0;
}
.loop-container--style-grid_gallery .post__text .read-more:after {
bottom: 0;
}
.loop-container--style-grid_gallery .post__text .read-more:hover {
background: none;
}
.loop-container--style-grid_gallery .post__text .read-more:not(.button--no-hover):hover {
background: none;
color: #333333;
}
.loop-container--style-grid_gallery .post__text .read-more:not(.button--no-hover):hover:before,
.loop-container--style-grid_gallery .post__text .read-more:not(.button--no-hover):hover:after {
background: #333333;
width: 33%;
left: 32%;
}
.loop-container--style-grid_gallery .post__text .read-more:before,
.loop-container--style-grid_gallery .post__text .read-more:after {
background: #ffffff !important;
}
.loop-container--style-grid_gallery .post__text .read-more:hover {
color: #ffffff !important;
}
.loop-container--style-grid_gallery .post__text .read-more:hover:before,
.loop-container--style-grid_gallery .post__text .read-more:hover:after {
background: #ffffff !important;
}
.loop-container--style-grid_gallery .post__inwrap:hover .post__text:before {
opacity: 0.9;
}
.loop-container--style-grid_gallery .post__inwrap:hover .post__text__inwrap {
-webkit-transform: translate(-50%, calc(-50% - 6px));
-ms-transform: translate(-50%, calc(-50% - 6px));
transform: translate(-50%, calc(-50% - 6px));
-ms-transform: translate(-50%, -49%);
}
.loop-container--style-grid_gallery .post__inwrap:hover .read-more {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.loop-container--style-grid_gallery .media--true .post__text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loop-container--style-grid_gallery .media--false .post__inwrap {
background: #333333;
} .loop-container--style-carousel article {
position: relative;
margin-right: 3px;
overflow: hidden;
}
.loop-container--style-carousel .post__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50% 50%;
margin-bottom: -30px;
-webkit-transition: all 0.4s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.4s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-carousel .post__media {
margin: 0;
}
.loop-container--style-carousel .post__media img {
opacity: 0;
visibility: hidden;
}
.loop-container--style-carousel .post__text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loop-container--style-carousel .post__text:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
opacity: 0;
}
.loop-container--style-carousel .post__text__inwrap {
padding: 30px 30px 20px;
width: 100%;
max-width: 660px;
margin: auto;
color: #ffffff;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 0;
}
.browser-operamini .loop-container--style-carousel .post__text__inwrap {
top: 30%;
left: 0;
}
.loop-container--style-carousel .post__text__inwrap a {
color: #ffffff;
display: inline-block;
}
.loop-container--style-carousel .post__text__inwrap h2 {
margin-top: 0;
margin-bottom: 30px;
}
.loop-container--style-carousel .post__text__inwrap h2 a {
font-size: 0.875em; }
.loop-container--style-carousel .post__text__inwrap .meta--items {
margin-bottom: 14px;
}
.loop-container--style-carousel .post__text__inwrap .meta--items .meta--date {
color: #ffffff;
}
.loop-container--style-carousel .post__text__inwrap .post__text__details {
display: block;
height: auto;
max-height: 0;
-webkit-transition: all 0.5s cubic-bezier( 0.3, 0.2, 0.7, 1 );
transition: all 0.5s cubic-bezier( 0.3, 0.2, 0.7, 1 );
}
.loop-container--style-carousel .post__text__inwrap .post__text__details .excerpt,
.loop-container--style-carousel .post__text__inwrap .post__text__details .read-more {
opacity: 0;
-webkit-transform: translate3d(0, 70px, 0);
-ms-transform: translate3d(0, 70px, 0);
transform: translate3d(0, 70px, 0);
-webkit-transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.5s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-carousel .post__text__inwrap .post__text__details .excerpt {
line-height: 1.8em;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.loop-container--style-carousel .post__text__inwrap .post__text__details {
display: block;
}
}
.loop-container--style-carousel .post__text__inwrap .read-more {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
color: #ffffff;
position: relative;
background: none !important;
overflow: visible;
color: #00d9a3;
height: 36px;
line-height: 36px !important;
padding-left: 0;
padding-right: 0;
color: #ffffff !important;
-webkit-transform: translate3d(0, 130px, 0);
-ms-transform: translate3d(0, 130px, 0);
transform: translate3d(0, 130px, 0);
}
.loop-container--style-carousel .post__text__inwrap .read-more:hover {
background: #333333;
color: #ffffff;
}
.loop-container--style-carousel .post__text__inwrap .read-more i {
margin: 0 10px;
}
.loop-container--style-carousel .post__text__inwrap .read-more + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--style-carousel .post__text__inwrap .read-more + .button {
margin-left: 20px;
margin-top: 0;
}
}
.loop-container--style-carousel .post__text__inwrap .read-more:before,
.loop-container--style-carousel .post__text__inwrap .read-more:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 2px;
display: block;
background: #00d9a3;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-carousel .post__text__inwrap .read-more:before {
top: 0;
}
.loop-container--style-carousel .post__text__inwrap .read-more:after {
bottom: 0;
}
.loop-container--style-carousel .post__text__inwrap .read-more:hover {
background: none;
}
.loop-container--style-carousel .post__text__inwrap .read-more:not(.button--no-hover):hover {
background: none;
color: #333333;
}
.loop-container--style-carousel .post__text__inwrap .read-more:not(.button--no-hover):hover:before,
.loop-container--style-carousel .post__text__inwrap .read-more:not(.button--no-hover):hover:after {
background: #333333;
width: 33%;
left: 32%;
}
.loop-container--style-carousel .post__text__inwrap .read-more:before,
.loop-container--style-carousel .post__text__inwrap .read-more:after {
background: #ffffff !important;
}
.loop-container--style-carousel .post__text__inwrap .read-more:hover {
color: #ffffff !important;
}
.loop-container--style-carousel .post__text__inwrap .read-more:hover:before,
.loop-container--style-carousel .post__text__inwrap .read-more:hover:after {
background: #ffffff !important;
}
@media only screen and (max-width: 599px) {
.loop-container--style-carousel .post__text__inwrap .read-more {
display: none;
}
}
.loop-container--style-carousel article:hover .post__bg {
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
.loop-container--style-carousel article:hover .post__text:before {
opacity: 0.8;
}
.loop-container--style-carousel article:hover .post__text__details {
max-height: 300px;
}
.loop-container--style-carousel article:hover .post__text__details .excerpt,
.loop-container--style-carousel article:hover .post__text__details .read-more {
opacity: 1;
-webkit-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
} .loop-container--style-widget_list .post {
margin: 0;
text-align: left;
}
.loop-container--style-widget_list .post:before,
.loop-container--style-widget_list .post:after {
display: table;
content: "";
}
.loop-container--style-widget_list .post:after {
clear: both;
}
@media only screen and (max-width: 480px) {
.loop-container--style-widget_list .post {
text-align: center;
}
}
.loop-container--style-widget_list .post + .post {
margin-top: 20px;
}
.loop-container--style-widget_list .post:last-child {
padding-bottom: 0;
}
.loop-container--style-widget_list img {
float: left;
width: 100px;
margin-right: 20px;
margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
.loop-container--style-widget_list img {
float: none;
margin-right: 0;
}
}
.loop-container--style-widget_list .post__text {
padding: 0;
overflow: hidden;
margin-bottom: 10px;
}
.loop-container--style-widget_list h4 {
margin: 1px 0 5px;
}
.loop-container--style-widget_list .meta--items {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.loop-container--style-widget_list .meta--items .meta--date {
color: #777777;
}
.dark-mode .loop-container--style-widget_list .post {
border-bottom-color: #777777;
}
.dark-mode .loop-container--style-widget_list .meta--item {
color: #bbbbbb;
} @media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--style-widget_grid .post {
width: 50%;
float: left;
}
}
.loop-container--style-widget_grid a {
padding: 0 2px 3px 1px;
display: block;
}
.loop-container--style-widget_grid a img {
display: block;
}
.loop-container--style-widget_grid a span {
display: none;
}
@media only screen and (min-width: 1171px) {
.loop-container--style-widget_grid a {
position: relative;
display: block;
}
.loop-container--style-widget_grid a:before {
content: "";
position: absolute;
top: 0;
right: 2px;
bottom: 3px;
left: 1px;
background: #00d9a3;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-widget_grid a span {
position: absolute;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
top: 50%;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-container--style-widget_grid a:hover:before {
opacity: 0.8;
visibility: visible;
}
.loop-container--style-widget_grid a:hover span {
visibility: visible;
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
} .loop-container--related h4 {
margin: 15px 0 5px;
}
.loop-container--related .meta--items {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
line-height: 1.75em;
text-transform: uppercase;
letter-spacing: 0.12em;
}
@media only screen and (max-width: 599px) {
.loop-container--related {
text-align: center;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.loop-container--related {
margin-left: -3px;
}
.loop-container--related .post {
float: left;
width: 25%;
padding: 0 0 0 3px;
}
.loop-container--related .post h4,
.loop-container--related .post .meta--items {
padding-left: 15px;
padding-right: 15px;
}
} .pagination {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
opacity: 1;
visibility: visible;
position: relative;
z-index: 1;
margin: 30px auto 30px; }
.pagination:before,
.pagination:after {
display: table;
content: "";
}
.pagination:after {
clear: both;
}
.loop-is-masonry + .pagination {
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.loop-is-masonry--init-processed.loop-is-masonry + .pagination {
opacity: 1;
}
.pagination__classic {
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.pagination__classic .page-numbers {
display: inline-block;
min-width: 32px;
height: 32px;
line-height: 32px !important;
padding: 0 5px;
margin-bottom: 10px;
border-radius: 2px;
}
.pagination__classic .page-numbers.current {
color: #ffffff;
background: #333333;
}
.pagination__classic .page-numbers.prev,
.pagination__classic .page-numbers.next {
display: none;
}
.pagination__classic a.page-numbers:hover {
color: #333333;
background: #f5f5f5;
}
.pagination__load-more {
display: table;
}
.pagination__load-more a {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
height: 32px;
padding: 0 25px;
line-height: 32px !important;
border-radius: 2px;
background: #00d9a3;
background: #333333;
color: #ffffff;
}
.pagination__load-more a:hover {
background: #333333;
color: #ffffff;
}
.pagination__load-more a i {
margin: 0 10px;
}
.pagination__load-more a + .button {
margin-top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.pagination__load-more a + .button {
margin-left: 20px;
margin-top: 0;
}
}
.pagination__load-more a:hover {
background: #00d9a3;
color: #ffffff;
}
.pagination__load-more a.pagination--disabled:not(.pagination--loading) {
visibility: hidden;
opacity: 0;
}
.pagination__load-more .pagination__loader {
width: 30px;
height: 30px;
margin: -40px auto 0;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.pagination__load-more .pagination__message {
opacity: 0;
visibility: hidden;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #bbbbbb;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
margin-top: -30px;
}
.pagination__load-more .pagination--loading {
opacity: 0 !important;
visibility: hidden;
}
.pagination__load-more .pagination--loading + .brook-loader {
opacity: 1;
}
.pagination__load-more .pagination--disabled:not(.pagination--loading) ~ .pagination__message {
opacity: 1;
visibility: visible;
} .brook-infobar {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 80px;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media only screen and (max-width: 599px) {
.brook-infobar {
display: none !important;
}
}
.infobar-visible .brook-infobar {
opacity: 1;
visibility: visible;
pointer-events: initial;
}
.ajax-loading-start .brook-infobar {
opacity: 0;
visibility: hidden;
}
.brook-infobar__inwrap {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
height: 100%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-infobar__inwrap {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.brook-infobar__inwrap {
padding-left: 60px;
padding-right: 60px;
}
}
.admin-bar .brook-infobar {
top: 46px;
}
@media only screen and (min-width: 783px) {
.admin-bar .brook-infobar {
top: 32px;
}
}
.brook-infobar__content {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-infobar__content {
padding-left: 50px;
}
.header-menu--right .brook-infobar__content {
padding-left: 0;
padding-right: 50px;
}
}
.brook-infobar .prev,
.brook-infobar .next {
position: relative;
z-index: 1;
float: left;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: 80px;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-infobar .prev span,
.brook-infobar .next span {
vertical-align: middle;
}
.brook-infobar .prev.disabled,
.brook-infobar .next.disabled {
color: #bbbbbb;
pointer-events: none;
}
.brook-infobar .prev.disabled i,
.brook-infobar .next.disabled i,
.brook-infobar .prev.disabled i:before,
.brook-infobar .next.disabled i:before,
.brook-infobar .prev.disabled i:after,
.brook-infobar .next.disabled i:after {
border-color: #bbbbbb;
}
.brook-infobar .next {
float: right;
}
.brook-infobar .percentage {
position: absolute;
z-index: -1;
height: 100%;
top: 0;
left: 0;
width: 0;
height: 3px;
background: #00d9a3;
-webkit-transition: width 0.1s linear, opacity 0.3s ease-in-out;
transition: width 0.1s linear, opacity 0.3s ease-in-out;
}
.brook-infobar .meta--items {
position: relative;
z-index: 1;
line-height: 80px;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-infobar .meta--items .meta--item {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
max-width: 200px;
}
.brook-infobar .meta--items .meta--item + .meta--item {
margin-left: -4px;
}
.brook-infobar .status {
padding: 0 25px;
position: absolute;
width: 100%;
height: 100%;
left: 0;
text-align: center;
padding: 0 240px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
visibility: visible;
}
.brook-infobar .title-wrap {
position: relative;
z-index: 1;
margin-top: 0;
margin-bottom: 30px;
font-family: "Playfair Display", sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
margin: 0;
line-height: 80px !important;
}
.brook-infobar .title-wrap,
.brook-infobar .title-wrap a {
color: #333333;
}
.brook-infobar .title-wrap a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .brook-infobar .title-wrap {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.brook-infobar .title-wrap {
font-size: 15.75px;
}
}
.brook-infobar--list.brook-infobar .title-wrap {
-webkit-transition: none;
transition: none;
}
.brook-infobar--single.brook-infobar .title-wrap {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-infobar .number {
color: #bbbbbb;
width: 3em;
display: inline-block;
text-align: right;
}
.dark-mode.brook-infobar {
color: #ffffff;
}
.brook-infobar .social-nav {
margin: 0;
line-height: 80px;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-infobar .social-nav .social-nav__item {
float: none;
}
.brook-infobar .social-nav .social-nav__item + .social-nav__item {
margin-left: -4px;
}
.brook-infobar.finished .percentage,
.brook-infobar.finished .title-wrap,
.brook-infobar.finished .meta--items {
opacity: 0;
visibility: hidden;
}
.brook-infobar.finished .social-nav {
opacity: 1;
visibility: visible;
} .brook-cover {
padding: 100px 0 50px;
position: relative;
overflow: hidden;
border: 4px solid transparent;
background-clip: padding-box !important; }
.brook-cover:first-child {
margin-top: -80px;
padding-top: 150px;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-cover.author:first-child {
padding-top: 110px;
padding-bottom: 50px;
}
}
.brook-cover.bg--true {
padding-bottom: 100px;
}
.header-layout--minimal .brook-cover.bg--true:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: -webkit-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: -o-linear-gradient(top, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
background-image: linear-gradient(to bottom, rgba(255, 252, 226, 0.9) 0%, rgba(255, 252, 226, 0.2) 100%);
z-index: 1;
}
.brook-cover.bg--true .brook-cover__image {
position: absolute;
top: -50px;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.brook-cover .brook-cover__inwrap {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative;
text-align: center;
z-index: 2;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-cover .brook-cover__inwrap {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.brook-cover .brook-cover__inwrap {
padding-left: 60px;
padding-right: 60px;
}
}
.brook-cover .brook-cover__inwrap a {
color: #333333;
}
.brook-cover .brook-cover__inwrap a:hover {
color: #00d9a3;
}
.dark-mode.brook-cover .brook-cover__inwrap a {
color: #ffffff;
}
.dark-mode.brook-cover .brook-cover__inwrap a:hover {
color: #00d9a3;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.brook-cover .brook-cover__inwrap {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (min-width: 1171px) {
.brook-cover .brook-cover__inwrap {
padding-left: 200px;
padding-right: 200px;
}
}
.brook-cover .brook-cover__inwrap > * {
margin-bottom: 0;
}
.brook-cover .brook-cover__inwrap > * + * {
margin-top: 20px;
}
@media only screen and (min-width: 1171px) {
.brook-cover:first-child {
margin-top: -120px;
padding-top: 180px;
}
}
.brook-cover h1 {
margin-bottom: 0.7em;
}
.brook-cover .description,
.brook-cover .description :last-child {
margin-bottom: 0;
}
.brook-blog--page .brook-cover {
margin-top: 0;
padding-top: 0;
}
.header-layout--classic .brook-cover {
margin-top: 0;
padding-top: 100px;
padding-bottom: 100px;
} .title-header {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative;
text-align: center;
padding-left: 0;
padding-right: 0;
padding-bottom: 45px;
}
@media only screen and (min-width: 600px) and (max-width: 1170px) {
.title-header {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 1171px) {
.title-header {
padding-left: 60px;
padding-right: 60px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1170px), only screen and (min-width: 1171px) {
.title-header {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 1171px) {
.sidebar--false .title-header,
.sidebar--false .title-header .description {
padding-left: 100px;
padding-right: 100px;
}
.sidebar--true .title-header,
.sidebar--true .title-header .description {
padding-left: 60px;
padding-right: 60px;
}
}
.title-header > * {
margin-bottom: 0;
}
.title-header > * + * {
margin-top: 20px;
}
.title-header > * + * p:last-child {
margin-bottom: 0;
}
.author-block .title-header > * + *,
.loop-container .title-header > * + * {
margin-top: 10px;
} .widget {
margin-bottom: 60px;
}
.sidebar .widget {
padding: 30px;
border-radius: 2px;
}
.sidebar__area:last-child .widget:last-child,
.sidebar__area.is_stuck .widget:last-child {
margin-bottom: 0;
}
.footer .widget {
padding-bottom: 30px;
border-bottom: 1px dotted #bbbbbb;
}
.footer .widget:last-child {
border-bottom: none;
}
.header .widget {
margin-bottom: 0;
float: right;
}
.header .widget + .widget {
margin-right: 15px;
}
@media only screen and (max-width: 599px) {
.header-layout--minimal .header .widget {
display: none;
}
}
.main-content .widget {
text-align: center;
}
.widget__title {
line-height: 1;
}
.sidebar .widget__title,
.footer .widget__title {
margin: 0 0 30px;
border-left-width: 3px;
border-left-style: solid;
border-color: #00d9a3;
padding-left: 10px;
}
.header .widget__title {
display: inline-block;
margin: 0 10px 0 0;
font-size: 0.875em; line-height: 32px;
}
.header .widget__title + * {
display: inline-block;
} .widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_nav_menu li,
.widget_pages li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_recent_comments li,
.widget_recent_entries li {
margin: 0;
}
.header .widget_nav_menu,
.header .widget_pages,
.header .widget_archive,
.header .widget_categories,
.header .widget_meta,
.header .widget_recent_comments,
.header .widget_recent_entries {
line-height: 32px;
}
.header .widget_nav_menu ul,
.header .widget_pages ul,
.header .widget_archive ul,
.header .widget_categories ul,
.header .widget_meta ul,
.header .widget_recent_comments ul,
.header .widget_recent_entries ul {
list-style: none;
margin: 0;
}
.header .widget_nav_menu li,
.header .widget_pages li,
.header .widget_archive li,
.header .widget_categories li,
.header .widget_meta li,
.header .widget_recent_comments li,
.header .widget_recent_entries li {
display: inline-block;
padding-right: 5px;
margin: 0 0 0 -4px;
}
.header .widget_nav_menu li + li:before,
.header .widget_pages li + li:before,
.header .widget_archive li + li:before,
.header .widget_categories li + li:before,
.header .widget_meta li + li:before,
.header .widget_recent_comments li + li:before,
.header .widget_recent_entries li + li:before {
content: "|";
font-size: 0.875em;  margin-right: 5px;
}
.header .widget_nav_menu li:last-child,
.header .widget_pages li:last-child,
.header .widget_archive li:last-child,
.header .widget_categories li:last-child,
.header .widget_meta li:last-child,
.header .widget_recent_comments li:last-child,
.header .widget_recent_entries li:last-child {
padding-right: 0;
}
.header .widget_nav_menu a,
.header .widget_pages a,
.header .widget_archive a,
.header .widget_categories a,
.header .widget_meta a,
.header .widget_recent_comments a,
.header .widget_recent_entries a {
font-size: 0.875em; }
.main-content .widget_nav_menu li,
.main-content .widget_pages li,
.main-content .widget_archive li,
.main-content .widget_categories li,
.main-content .widget_meta li,
.main-content .widget_recent_comments li,
.main-content .widget_recent_entries li {
margin: 0;
padding: 5px 0;
}
.main-content .widget_nav_menu a,
.main-content .widget_pages a,
.main-content .widget_archive a,
.main-content .widget_categories a,
.main-content .widget_meta a,
.main-content .widget_recent_comments a,
.main-content .widget_recent_entries a {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.sidebar .widget_pages li,
.sidebar .widget_archive li,
.sidebar .widget_categories li,
.sidebar .widget_meta li,
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li,
.footer .widget_pages li,
.footer .widget_archive li,
.footer .widget_categories li,
.footer .widget_meta li,
.footer .widget_recent_comments li,
.footer .widget_recent_entries li {
display: block;
line-height: 1;
padding: 10px 0;
}
.sidebar .widget_nav_menu a,
.footer .widget_nav_menu a {
display: block;
line-height: 1;
padding: 10px 0;
} .widget_calendar caption {
margin-top: 0;
margin-bottom: 30px;
font-family: "Playfair Display", sans-serif;
font-size: 22px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
line-height: 1;
text-align: left;
}
.widget_calendar caption,
.widget_calendar caption a {
color: #333333;
}
.widget_calendar caption a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .widget_calendar caption {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.widget_calendar caption {
font-size: 19.25px;
}
}
.sidebar .widget_calendar caption,
.footer .widget_calendar caption {
margin: 0 0 30px;
border-left-width: 3px;
border-left-style: solid;
border-color: #00d9a3;
padding-left: 10px;
}
.header .widget_calendar caption {
display: inline-block;
margin: 0 10px 0 0;
font-size: 0.875em; line-height: 32px;
}
.header .widget_calendar caption + * {
display: inline-block;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
border: none;
}
.widget_calendar td {
text-align: center;
font-size: 1.125em; font-weight: 300;
padding: 5px 0;
}
.widget_calendar a {
font-weight: 400;
color: #333333;
}
.widget_calendar a:hover {
color: #00d9a3;
}
.dark-mode .widget_calendar a {
color: #ffffff;
}
.dark-mode .widget_calendar a:hover {
color: #00d9a3;
}
.widget_calendar thead th {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
border-top: 1px dotted #bbbbbb;
border-bottom: 1px dotted #bbbbbb;
padding: 10px 0;
}
.widget_calendar tbody tr:first-child td {
padding-top: 10px;
}
.widget_calendar tbody tr:last-child td {
padding-bottom: 10px;
}
.widget_calendar tbody #today {
background: #f5f5f5;
border-radius: 2px;
}
.widget_calendar tfoot td {
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
padding: 15px 0;
border-top: 1px dotted #bbbbbb;
border-bottom: 1px dotted #bbbbbb;
}
.widget_calendar #prev {
text-align: left;
}
.widget_calendar #next {
text-align: right;
} .widget_tag_cloud:before,
.widget_tag_cloud:after {
display: table;
content: "";
}
.widget_tag_cloud:after {
clear: both;
}
.widget_tag_cloud .tagcloud {
padding-left: 2px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
text-transform: lowercase !important;
line-height: 1.8 !important;
}
.widget_tag_cloud a {
font-size: 13px !important;
float: left;
display: inline-block;
margin: 0;
padding: 0;
white-space: nowrap;
color: #777777;
}
.widget_tag_cloud a:after {
display: inline-block;
margin: auto 0.4em;
content: '/';
color: #777777;
}
.dark-mode .widget_tag_cloud a:after {
color: #f5f5f5;
}
.widget_tag_cloud a:last-child:after {
content: none;
}
.widget_tag_cloud a:hover {
color: #00d9a3;
}
.dark-mode .widget_tag_cloud a {
color: #ffffff;
}
.dark-mode .widget_tag_cloud a:hover {
color: #bbbbbb;
} .null-instagram-feed:before,
.null-instagram-feed:after {
display: table;
content: "";
}
.null-instagram-feed:after {
clear: both;
}
.null-instagram-feed .instagram-pics {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.null-instagram-feed .instagram-pics li {
float: left;
width: 50%;
padding: 0 2px 3px 1px;
margin: 0;
}
.null-instagram-feed .instagram-pics li a {
position: relative;
display: block; }
.null-instagram-feed p {
margin-bottom: 0;
}
.null-instagram-feed p a {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
margin: 15px 0;
}
.footer-instagram .null-instagram-feed {
text-align: center;
margin-bottom: 0;
}
.footer-instagram .null-instagram-feed h3 {
display: none;
}
.footer-instagram .null-instagram-feed .instagram-pics {
line-height: 1;
white-space: nowrap;
padding-right: 3px;
}
.footer-instagram .null-instagram-feed .instagram-pics li {
width: auto;
float: none;
display: inline-block;
padding: 0 0 3px 3px;
}
@media only screen and (max-width: 599px) {
.footer-instagram .null-instagram-feed .instagram-pics li {
width: auto !important;
display: block;
}
.footer-instagram .null-instagram-feed .instagram-pics li:last-child {
padding-bottom: 0;
}
}
.footer-instagram .null-instagram-feed p a {
margin-top: 30px;
} .widget_brook_about_author {
position: relative;
padding: 0 !important;
}
.widget_brook_about_author .widget-content {
padding: 30px;
}
.widget_brook_about_author .author-image img {
border-radius: 2px;
}
.widget_brook_about_author .author-image ~ .widget-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #333333;
}
.widget_brook_about_author .author-image ~ .widget-content.dark-mode {
color: #ffffff;
}
.widget_brook_about_author .author-image ~ .widget-content .widget-text {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
.widget_brook_about_author .widget__title {
position: relative;
}
.widget_brook_about_author .author-title {
margin-top: 0px;
margin-bottom: 5px;
}
.widget_brook_about_author .social-nav {
margin-bottom: 15px;
}
.widget_brook_about_author .widget-text *:last-child {
margin-bottom: 0;
} .brook-lightbox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
width: 100%;
height: 100%;
display: none;
}
.brook-lightbox__mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(51, 51, 51, 0.95);
}
.brook-lightbox__content img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
padding: 60px 60px 120px;
}
.brook-lightbox__content .brook-slider__caption {
text-align: center;
margin-top: 0;
margin-bottom: 30px;
font-family: "Playfair Display", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
text-transform: capitalize;
letter-spacing: 0.04em;
margin-bottom: 0;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
width: 100%;
position: absolute;
bottom: 95px;
color: #ffffff;
padding-left: 80px;
padding-right: 80px;
}
.brook-lightbox__content .brook-slider__caption,
.brook-lightbox__content .brook-slider__caption a {
color: #333333;
}
.brook-lightbox__content .brook-slider__caption a:hover {
text-decoration: none;
color: #00d9a3;
}
.dark-mode .brook-lightbox__content .brook-slider__caption {
color: #ffffff;
}
@media only screen and (max-width: 599px) {
.brook-lightbox__content .brook-slider__caption {
font-size: 12.25px;
}
}
@media only screen and (min-width: 1400px), only screen and (min-width: 1650px) {
.brook-lightbox__content .brook-slider__caption {
padding-left: 120px;
padding-right: 120px;
font-size: 18px;
}
}
.brook-lightbox__close,
.brook-lightbox__arrow {
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
position: absolute;
z-index: 2;
cursor: pointer;
font-size: 16px;
color: #ffffff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.brook-lightbox__close i,
.brook-lightbox__arrow i {
vertical-align: middle;
}
.brook-lightbox__close {
font-size: 20px;
top: 10px;
right: 10px;
-webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}
.brook-lightbox__close:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.brook-lightbox__info {
position: absolute;
z-index: 2;
width: 60px;
margin-left: -30px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.15em;
line-height: 30px !important;
text-align: center;
color: #ffffff;
}
.brook-lightbox__arrow--prev,
.brook-lightbox__arrow--next,
.brook-lightbox__info {
bottom: 30px;
left: 50%;
}
.brook-lightbox__arrow {
border-radius: 2px;
}
.brook-lightbox__arrow:hover {
background: #ffffff;
color: #333333;
}
.brook-lightbox__arrow--prev {
margin-left: -67px;
}
.brook-lightbox__arrow--next {
margin-left: 30px;
}
.brook-lightbox .brook-loader {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
}
.brook-lightbox .brook-loader:before {
-webkit-animation: preloader-rotate 1s infinite linear, preloader-border-light 3s infinite ease-in-out;
animation: preloader-rotate 1s infinite linear, preloader-border-light 3s infinite ease-in-out;
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//www.tinayong.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//www.tinayong.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//www.tinayong.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}p {
font-family: Karma;
font-size: 16px;
line-height: 1.8;
margin: 30px 0;
}
blockquote {
border: 0 none;
margin: 0 !important;
}
blockquote p {
font-family: Playfair Display;
margin: 0 !important;
margin: 0 !important;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 1.6em;
text-transform: none;
}
hr {
border-bottom: medium none;
border-top: 1px dotted #ccc !important;
font-size: 1px;
height: 0;
line-height: 1;
}
.widget-text .social-nav__item {
display: block;
float: none;
text-align: left;
}
.widget-text .social-nav__item::after {
content: none;
}
.widget-text {
position: relative;
top: 30px;
}
.widget-text .social-nav {
position: relative;
top: 21px;
}
.widget_brook_about_author .widget-content {
padding: 13px 30px 30px;
}
.widget_brook_about_author .widget-text > p {
margin-top: 25px;
}
.header__logo {
height: 90%;
position: relative;
top: -1px;
display: block;
}
.brook-nav-btn{
display: none;
} .header__inwrap {
padding-bottom: 20px;
}
.custom-menu-cont{
display: table;
position: relative;
max-width: 860px;
width: 100%;
margin: 0 auto;
}
ul.custom-menu {
display: block;
list-style: none;
margin: 10px 0 0 0;
position: relative;
text-align: center;
}
ul.custom-menu li {
display: inline-block;
position: relative;
}
ul.custom-menu li a {
color: #333;
display: block;
font-family: "Montserrat",sans-serif;
padding: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
}
ul.custom-menu li a:hover {
color: #d68f9e;
text-decoration: none;
}
.brook-embed-container iframe {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.sub-menu {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
display: none;
background: #fff;
text-align: left;
width: 200px;
}
.custom-menu > li:hover .sub-menu {
display: block;
}
.sub-menu li {
display: block;
}
.article-single .youtube_channel.responsive .ytc_video_container {
float: left;
width: 48% !important;
margin: 0 2% 2% 0;
} .social-nav li{
margin: 0 3px;
}
li.social-nav__item .social-nav__link {
background: #dae9e3 none repeat scroll 0 0;
color: #333;
border-radius: 2px;
}
li.social-nav__item .social-nav__link:hover {
background: #d68f9e none repeat scroll 0 0;
color: #fff;
text-decoration: none;
}
.header-menu--right .header__widget-area{
z-index: 999;
}  .padding-left-none{
padding-left:0;
}
.social-nav {
margin: 0 !important;
padding: 0 !important;
}
.social-nav li {
display: inline-block;
float: left;
font-size: 6px;
list-style: outside none none;
padding: 0 !important;
white-space: nowrap;
}
.social-nav li::after {
color: inherit;
content: "·";
display: inline-block;
margin: auto 1.4em;
position: relative;
top: -2px;
}
.social-nav li:last-child::after {
content: none;
}
.social-nav li a {
color: #333333;
font-family: Montserrat;
font-size: 11px;
text-transform: uppercase;
}
.brook-spacing {
border: medium none;
display: block;
height: 15px;
margin: 0;
}
.half-right + .half-left + *, 
.half-left + .half-right + * {
clear: both;
}
.half-left + *, 
.half-right + * {
overflow: hidden;
}  ul.past-events-list {
display: inline-block;
list-style: outside none none;
padding-left: 0;
}
ul.past-events-list li{
padding:0;
}
.event-date {
color: #fff;
float: left;
margin-bottom: 0;
padding: 10px 0;
width: 65px;
margin-top: 0;
}
li:nth-child(odd) > p.event-date {
background: #000000 none repeat scroll 0 0;
}
li:nth-child(2n) > p.event-date {
background: #3f3f3f none repeat scroll 0 0;
}
.events-section .event-info {
margin: 0 0 0 10px !important;
}
.event-info {
padding: 10px 10px 0;
float: left;
}
.event-info > p {
margin: 8px 0;
}
.pair-title {
font-size: 13px;
line-height: 1;
margin: 0 0 5px;
}
.pair-sub {
color: #7c7c7c;
font-size: 12px;
font-style: normal;
line-height: 1;
margin: 0;
}
.events-section .event-info .btn {
position: relative;
right: 0;
top: 0;
}
.event-date .day, .event-date.recurrent .date {
color: #fff;
font-size: 32px;
}
.event-date .month, .event-date.recurrent {
color: #a8a8a8;
font-size: 10px;
padding: 2px 0 3px;
text-align: center;
text-transform: uppercase;
}
.btn.sold{
background: #000000 none repeat scroll 0 0;
color: #ffffff;
border-radius: 0;
}
.event-date span {
display: block;
font-style: normal;
line-height: 1;
text-align: center;
}
.event-date .year, .event-date.recurrent .time {
color: #fff;
font-size: 20px;
}
.widget_brook_about_author .author-image img {
width: 100%;
} .carousel-controls {
display: block;
height: 100px;
overflow: hidden;
position: absolute;
top: 210px;
width: 100%;
z-index: 999;
}
.control-previous {
background: #dae9e3 none repeat scroll 0 0;
color: #333;
cursor: pointer;
display: block;
float: left;
font-size: 55px;
padding: 10px 30px;
}
.control-next {
background: #dae9e3 none repeat scroll 0 0;
color: #333;
cursor: pointer;
display: block;
float: right;
font-size: 55px;
padding: 10px 30px;
}  .shop-wrap {
background: #f5f5f5 none repeat scroll 0 0;
margin: 10px 0;
min-height: 440px;
padding: 6px;
text-align: center;
}
.shop-img img:hover {
opacity: 0.5;
}
ul.products li a.button {
line-height: unset !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
padding: 0 1em;
}
.row {
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.product-block {
width: 32%;
float: left;
margin: 0 0.5%;
text-align: center;
}
.product-block:hover {
opacity: 0.8;
}  @media screen and (max-width: 991px) {
.header-social-icons{
display: none;
}
.custom-menu-cont{
display: none;
}
.brook-nav-btn{
display: block;
}
.sub-menu {
display: block;
background: transparent;
position: relative;
}
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}