@charset "utf-8"; @font-face{font-display:swap;font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @font-face{font-display:swap;font-family:et-line;src:url('../fonts/et-line.eot');src:url('../fonts/et-line.eot?#iefix') format('embedded-opentype'),url('../fonts/et-line.woff') format('woff'),url('../fonts/et-line.ttf') format('truetype'),url('../fonts/et-line.svg#et-line') format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:et-line;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.icon-adjustments,.icon-alarmclock,.icon-anchor,.icon-aperture,.icon-attachment,.icon-bargraph,.icon-basket,.icon-beaker,.icon-bike,.icon-book-open,.icon-briefcase,.icon-browser,.icon-calendar,.icon-camera,.icon-caution,.icon-chat,.icon-circle-compass,.icon-clipboard,.icon-clock,.icon-cloud,.icon-compass,.icon-desktop,.icon-dial,.icon-document,.icon-documents,.icon-download,.icon-dribbble,.icon-edit,.icon-envelope,.icon-expand,.icon-facebook,.icon-flag,.icon-focus,.icon-gears,.icon-genius,.icon-gift,.icon-global,.icon-globe,.icon-googleplus,.icon-grid,.icon-happy,.icon-hazardous,.icon-heart,.icon-hotairballoon,.icon-hourglass,.icon-key,.icon-laptop,.icon-layers,.icon-lifesaver,.icon-lightbulb,.icon-linegraph,.icon-linkedin,.icon-lock,.icon-magnifying-glass,.icon-map,.icon-map-pin,.icon-megaphone,.icon-mic,.icon-mobile,.icon-newspaper,.icon-notebook,.icon-paintbrush,.icon-paperclip,.icon-pencil,.icon-phone,.icon-picture,.icon-pictures,.icon-piechart,.icon-presentation,.icon-pricetags,.icon-printer,.icon-profile-female,.icon-profile-male,.icon-puzzle,.icon-quote,.icon-recycle,.icon-refresh,.icon-ribbon,.icon-rss,.icon-sad,.icon-scissors,.icon-scope,.icon-search,.icon-shield,.icon-speedometer,.icon-strategy,.icon-streetsign,.icon-tablet,.icon-target,.icon-telescope,.icon-toolbox,.icon-tools,.icon-tools-2,.icon-trophy,.icon-tumblr,.icon-twitter,.icon-upload,.icon-video,.icon-wallet,.icon-wine{font-family:et-line;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.icon-mobile:before{content:"\e000"}.icon-laptop:before{content:"\e001"}.icon-desktop:before{content:"\e002"}.icon-tablet:before{content:"\e003"}.icon-phone:before{content:"\e004"}.icon-document:before{content:"\e005"}.icon-documents:before{content:"\e006"}.icon-search:before{content:"\e007"}.icon-clipboard:before{content:"\e008"}.icon-newspaper:before{content:"\e009"}.icon-notebook:before{content:"\e00a"}.icon-book-open:before{content:"\e00b"}.icon-browser:before{content:"\e00c"}.icon-calendar:before{content:"\e00d"}.icon-presentation:before{content:"\e00e"}.icon-picture:before{content:"\e00f"}.icon-pictures:before{content:"\e010"}.icon-video:before{content:"\e011"}.icon-camera:before{content:"\e012"}.icon-printer:before{content:"\e013"}.icon-toolbox:before{content:"\e014"}.icon-briefcase:before{content:"\e015"}.icon-wallet:before{content:"\e016"}.icon-gift:before{content:"\e017"}.icon-bargraph:before{content:"\e018"}.icon-grid:before{content:"\e019"}.icon-expand:before{content:"\e01a"}.icon-focus:before{content:"\e01b"}.icon-edit:before{content:"\e01c"}.icon-adjustments:before{content:"\e01d"}.icon-ribbon:before{content:"\e01e"}.icon-hourglass:before{content:"\e01f"}.icon-lock:before{content:"\e020"}.icon-megaphone:before{content:"\e021"}.icon-shield:before{content:"\e022"}.icon-trophy:before{content:"\e023"}.icon-flag:before{content:"\e024"}.icon-map:before{content:"\e025"}.icon-puzzle:before{content:"\e026"}.icon-basket:before{content:"\e027"}.icon-envelope:before{content:"\e028"}.icon-streetsign:before{content:"\e029"}.icon-telescope:before{content:"\e02a"}.icon-gears:before{content:"\e02b"}.icon-key:before{content:"\e02c"}.icon-paperclip:before{content:"\e02d"}.icon-attachment:before{content:"\e02e"}.icon-pricetags:before{content:"\e02f"}.icon-lightbulb:before{content:"\e030"}.icon-layers:before{content:"\e031"}.icon-pencil:before{content:"\e032"}.icon-tools:before{content:"\e033"}.icon-tools-2:before{content:"\e034"}.icon-scissors:before{content:"\e035"}.icon-paintbrush:before{content:"\e036"}.icon-magnifying-glass:before{content:"\e037"}.icon-circle-compass:before{content:"\e038"}.icon-linegraph:before{content:"\e039"}.icon-mic:before{content:"\e03a"}.icon-strategy:before{content:"\e03b"}.icon-beaker:before{content:"\e03c"}.icon-caution:before{content:"\e03d"}.icon-recycle:before{content:"\e03e"}.icon-anchor:before{content:"\e03f"}.icon-profile-male:before{content:"\e040"}.icon-profile-female:before{content:"\e041"}.icon-bike:before{content:"\e042"}.icon-wine:before{content:"\e043"}.icon-hotairballoon:before{content:"\e044"}.icon-globe:before{content:"\e045"}.icon-genius:before{content:"\e046"}.icon-map-pin:before{content:"\e047"}.icon-dial:before{content:"\e048"}.icon-chat:before{content:"\e049"}.icon-heart:before{content:"\e04a"}.icon-cloud:before{content:"\e04b"}.icon-upload:before{content:"\e04c"}.icon-download:before{content:"\e04d"}.icon-target:before{content:"\e04e"}.icon-hazardous:before{content:"\e04f"}.icon-piechart:before{content:"\e050"}.icon-speedometer:before{content:"\e051"}.icon-global:before{content:"\e052"}.icon-compass:before{content:"\e053"}.icon-lifesaver:before{content:"\e054"}.icon-clock:before{content:"\e055"}.icon-aperture:before{content:"\e056"}.icon-quote:before{content:"\e057"}.icon-scope:before{content:"\e058"}.icon-alarmclock:before{content:"\e059"}.icon-refresh:before{content:"\e05a"}.icon-happy:before{content:"\e05b"}.icon-sad:before{content:"\e05c"}.icon-facebook:before{content:"\e05d"}.icon-twitter:before{content:"\e05e"}.icon-googleplus:before{content:"\e05f"}.icon-rss:before{content:"\e060"}.icon-tumblr:before{content:"\e061"}.icon-linkedin:before{content:"\e062"}.icon-dribbble:before{content:"\e063"} @font-face { font-family:"Bodoni-Book"; src:url("../fonts/Bodoni-Book/Bodoni-11-Book.woff2") format("woff2"),url("../fonts/Bodoni-Book/Bodoni-11-Book.woff") format("woff"),url("../fonts/Bodoni-Book/Bodoni-11-Book.otf") format("opentype"); font-style:normal;font-weight:400; font-display: swap; } @font-face { font-family:"Bodoni-Bold"; src:url("../fonts/Bodoni-Bold/Bodoni-06-Bold.woff2") format("woff2"),url("../fonts/Bodoni-Bold/Bodoni-06-Bold.woff") format("woff"),url("../fonts/Bodoni-Bold/Bodoni-06-Bold.otf") format("opentype"); font-style:normal;font-weight:400; font-display: swap; } @font-face { font-family:"WorkSans-Regular"; src:url("../fonts/WorkSans-Regular/WorkSans-Regular.woff2") format("woff2"),url("../fonts/WorkSans-Regular/WorkSans-Regular.woff") format("woff"),url("../fonts/WorkSans-Regular/WorkSans-Regular.ttf") format("truetype"); font-style:normal;font-weight:400; font-display: swap; } @font-face { font-family:"Work-Sans-Light"; src:url("../fonts/WorkSans-Light/WorkSans-Light.woff2") format("woff2"),url("../fonts/WorkSans-Light/WorkSans-Light.woff") format("woff"),url("../fonts/WorkSans-Light/WorkSans-Light.ttf") format("truetype"); font-style:normal;font-weight:400; font-display: swap; } @font-face { font-family:"Work-Sans-Medium"; src:url("../fonts/WorkSans-Medium/WorkSans-Medium.woff2") format("woff2"),url("../fonts/WorkSans-Medium/WorkSans-Medium.woff") format("woff"),url("../fonts/WorkSans-Medium/WorkSans-Medium.ttf") format("truetype"); font-style:normal;font-weight:400; font-display: swap; } @font-face { font-family:"Work-Sans-Bold"; src:url("../fonts/WorkSans-Bold/WorkSans-Bold.woff2") format("woff2"),url("../fonts/WorkSans-Bold/WorkSans-Bold.woff") format("woff"),url("../fonts/WorkSans-Bold/WorkSans-Bold.ttf") format("truetype"); font-style:normal;font-weight:400; font-display: swap; } .align-center{ text-align:center !important; } .align-left{ text-align:left !important;} .align-right{ text-align:right !important; } .left{float:left !important;} .right{float:right !important;} .relative{position:relative;} .hidden{display:none;} .inline-block{display:inline-block;} .white{ color: #fff !important; } .black{ color: #111 !important; } .color{ color: #8b5e3b !important; } .glass{ opacity: .5; }; .image-fullwidth img{ width: 100%; } .stick-fixed{ position: fixed !important; top: 0; left: 0; } .round{ -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } ::-moz-selection{ color: #fff; background:#000; } ::-webkit-selection{ color: #fff; background:#000; } ::selection{ color: #fff; background:#000; } .animate, .animate *{ transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .no-animate, .no-animate *{ transition:0 none !important; } .shadow{ box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); } .white-shadow{ box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); } .clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; } .full-wrapper { margin: 0 2%; } .container-fluid{ max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } html{ overflow-y: scroll; } html, body{ height: 100%; } .page{ overflow: hidden; } .body-masked{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff url(../images/loader.gif) no-repeat center center; z-index: 100000; } .mask-delay{ animation-delay: 0.75s; } .mask-speed{ animation-duration: 0.25s !important; } iframe{ border: none; } a, b, div, ul, li, a:focus, a:active { -moz-outline: none; outline: none; } img:not([draggable]), embed, object, video{ max-width: 100%; height: auto; } /* ============================== Page loader ============================== */ .page-loader{ display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; } .loader{ width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0, 0.08); border-right: 1px solid rgba(0,0,0, 0.08); border-bottom: 1px solid rgba(0,0,0, 0.08); border-left: 1px solid rgba(0,0,0, 0.5); border-radius: 50%; animation: spinner 700ms infinite linear; z-index: 100001; } @-webkit-keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ============================== Typography ============================== */ body{ color: #333; font-size: 15.5px; font-family: "WorkSans-Regular", sans-serif; line-height: 1.3em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li{ line-height: 1.2; } a{ color: #111; text-decoration: underline; } a:hover{ color: #888; text-decoration: underline; } h1,h2,h3,h4,h5,h6{ font-family: "Bodoni-Bold", serif; margin-bottom: 0.1em; line-height: 1em; letter-spacing: 0em; font-style: normal; font-weight: normal; hyphens: none; } h1{ font-size: 30px; } h2{ font-size: 26px; } h4{ font-size: 20px; } h5{ font-size: 16px; } h6{ font-size: 11px; line-height: 1.1; } h2 span{ font-size: 20px; opacity: 0.7; } p{ margin: 0 0 2em 0; line-height: 1.2; } ul, ol{ margin: 0 0 1.5em 0; } blockquote{ font-family: "Work-Sans-Light", sans-serif; padding: 5px 0px 0px 0px; border: none; background: none; font-style: normal; line-height: 1.3; color: #444; font-size: 24px; } blockquote p{ margin-bottom: 1em; font-size: 28px; font-style: normal; line-height: 1.6; } blockquote footer{ font-size: 11px; text-transform: uppercase; } dl dt{ margin-bottom: 5px; } dl dd{ margin-bottom: 15px; } pre{ background-color: #f9f9f9; border-color: #ddd; } hr{ background-color: rgba(255,255,255, .08); } hr.white{ border-color: rgba(255,255,255, .35); background: rgba(255,255,255, .35); } hr.black{ border-color:rgba(0,0,0, .85); background: rgba(0,0,0, .85); } .uppercase{ text-transform: uppercase; } .font-alt{ text-transform: uppercase; } .serif{ font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; } .normal{ font-weight: normal; } .strong, strong, b{ font-family: 'Work-Sans-Bold', sans-serif; font-style: normal; font-weight: normal; } .lead{ margin: 1em 0 2em 0; font-size: 140%; line-height: 1.35; } .text{ font-size: 16px; color: #5f5f5f; line-height: 1.5; } .text h1, .text h2, .text h3, .text h4, .text h5, .text h6{ color: #111; } .dropcap{ float: left; font-size: 3em; line-height: 1; padding: 2px 8px 2px 0; } .big-icon{ display: block; width: 90px; height: 90px; margin: 0 auto 20px; border: 3px solid #fff; text-align: center; line-height: 88px; font-size: 32px; color: rgba(255,255,255, .97); border-radius: 50%; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .big-icon .fa-play{ position: relative; left: 4px; } .big-icon.big-icon-rs{ border: none; width: auto; height: auto; font-size: 96px; } .big-icon-link{ display: inline-block; text-decoration: none; } .big-icon-link:hover{ border-color: transparent !important; } .big-icon-link:hover .big-icon{ border-color: #fff; color: #fff; transition:0 none !important; } .big-icon-link:active .big-icon{ transform: scale(0.99); } .wide-heading{ display: block; margin-bottom: 10px; font-size: 48px; text-align: center; text-transform: uppercase; opacity: .9; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .big-icon-link:hover, .big-icon-link:hover .wide-heading{ color: #fff; text-decoration: none; } .sub-heading{ font-size: 20px; font-style: italic; text-align: center; line-height: 1.3; color: rgba(255,255,255, .75); } .big-icon.black{ color: #000; border-color: rgba(0,0,0, .75); } .big-icon-link:hover .big-icon.black{ color: #000; border-color: #000; } .wide-heading.black{ color: rgba(0,0,0, .87); } .big-icon-link.black:hover, .big-icon-link:hover .wide-heading.black{ color: #000; text-decoration: none; } .sub-heading.black{ color: rgba(0,0,0, .75); } /* ============================== Buttons ============================== */ .btn-mod, a.btn-mod{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 7px 2px 7px; color: #fff; background: rgba(34,34,34, .9); border: 2px solid transparent; font-size: 12px; text-transform: uppercase; font-family: "Work-Sans-Medium", sans-serif; text-decoration: none; border-radius: 0; box-shadow: none; transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus{ color: rgba(255,255,255, .85); background: rgba(0,0,0, .7); text-decoration: none; outline: none; border-color: transparent; box-shadow: none; } .btn-mod:active{ cursor: pointer !important; outline: none !important; } .btn-mod.btn-small{ height: auto; padding: 6px 17px; font-size: 11px; } .btn-mod.btn-medium{ height: auto; padding: 8px 37px; font-size: 12px; } .btn-mod.btn-large{ height: auto; padding: 12px 45px; font-size: 13px; } .btn-mod.btn-glass{ color: rgba(255,255,255, .75); background: rgba(0,0,0, .40); } .btn-mod.btn-glass:hover, .btn-mod.btn-glass:focus{ color: rgba(255,255,255, 1); background: rgba(0,0,0, 1); } .btn-mod.btn-border{ color: #151515; border: 2px solid #151515; background: transparent; } .btn-mod.btn-border:hover, .btn-mod.btn-border:focus{ color: #fff; border-color: transparent; background: #000; } .btn-mod.btn-border-c{ color: #8b5e3b; border: 2px solid #8b5e3b; background: transparent; } .btn-mod.btn-border-c:hover, .btn-mod.btn-border-c:focus{ color: #fff; border-color: transparent; background: #8b5e3b; } .btn-mod.btn-border-w{ color: #fff; border: 1px solid rgba(255,255,255, .75); background: transparent; } .btn-mod.btn-border-w:hover, .btn-mod.btn-border-w:focus{ color: #111; border-color: transparent; background: #fff; } .btn-mod.btn-w{ color: #111; background: rgba(255,255,255, .8); } .btn-mod.btn-w:hover, .btn-mod.btn-w:focus{ color: #111; background: #fff; } .btn-mod.btn-w-color{ color: #8b5e3b; background: #fff; } .btn-mod.btn-w-color:hover, .btn-mod.btn-w-color:focus{ color: #151515; background: #fff; } .btn-mod.btn-gray{ color: #777; background: #e5e5e5; } .btn-mod.btn-gray:hover, .btn-mod.btn-gray:focus{ color: #444; background: #d5d5d5; } .btn-mod.btn-color{ color: #fff; background: #8b5e3b; } .btn-mod.btn-color:hover, .btn-mod.btn-color:focus{ color: #fff; background: #8b5e3b; opacity: .85; } .btn-mod.btn-circle{ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn-mod.btn-round{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-icon{ position: relative; border: none; overflow: hidden; } .btn-icon.btn-small{ overflow: hidden; } .btn-icon > span{ width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .btn-icon:hover > span{ opacity: 0; transform: scale(2); } .btn-icon > span.white{ color: #fff; } .btn-icon > span.black{ color: #000; } .btn-full{ width: 100%; } /* ============================== Forms fields ============================== */ .form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select{ display: inline-block; height: 27px; vertical-align: middle; font-size: 12px; text-transform: uppercase; color: #666; border: 1px solid rgba(0,0,0, .1); padding-left: 7px; padding-right: 7px; border-radius: 0; box-shadow: none; box-sizing: border-box; transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .form select{ font-size: 12px; } .form select[multiple]{ height: auto; } .form input[type="text"]:hover, .form input[type="email"]:hover, .form input[type="number"]:hover, .form input[type="url"]:hover, .form input[type="search"]:hover, .form input[type="tel"]:hover, .form input[type="password"]:hover, .form input[type="date"]:hover, .form input[type="color"]:hover, .form select:hover{ border-color: rgba(0,0,0, .2); } .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="url"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="password"]:focus, .form input[type="date"]:focus, .form input[type="color"]:focus, .form select:focus{ color: #111; border-color: rgba(0,0,0, .7); -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3); -moz-box-shadow: 0 0 3px rgba(0,0,0, .3); box-shadow: 0 0 3px rgba(0,0,0, .3); outline: none; } .form input[type="text"].input-lg, .form input[type="email"].input-lg, .form input[type="number"].input-lg, .form input[type="url"].input-lg, .form input[type="search"].input-lg, .form input[type="tel"].input-lg, .form input[type="password"].input-lg, .form input[type="date"].input-lg, .form input[type="color"].input-lg, .form select.input-lg{ height: 46px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .form input[type="text"].input-md, .form input[type="email"].input-md, .form input[type="number"].input-md, .form input[type="url"].input-md, .form input[type="search"].input-md, .form input[type="tel"].input-md, .form input[type="password"].input-md, .form input[type="date"].input-md, .form input[type="color"].input-md, .form select.input-md{ height: 37px; padding-left: 13px; padding-right: 13px; font-size: 12px; } .form input[type="text"].input-sm, .form input[type="email"].input-sm, .form input[type="number"].input-sm, .form input[type="url"].input-sm, .form input[type="search"].input-sm, .form input[type="tel"].input-sm, .form input[type="password"].input-sm, .form input[type="date"].input-sm, .form input[type="color"].input-sm, .form select.input-sm{ height: 31px; padding-left: 10px; padding-right: 10px; } .form textarea{ font-size: 12px; text-transform: uppercase !important; color: #666; border-color: rgba(0,0,0, .1); outline: none; box-shadow: none; border-radius: 0; } .form textarea:hover{ border-color: rgba(0,0,0, .2); } .form textarea:focus{ color: #111; border-color: rgba(0,0,0, .7); box-shadow: 0 0 3px rgba(21,21,21, .3); } .form .form-group{ margin-bottom: 10px; } .form input.error{ border-color: #8b5e3b; } .form div.error{ margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(228,25,25, .75); color: #fff; } .form div.success{ margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(50,178,95, .75); color: #fff; } .form-tip{ font-size: 12px; color: #666; } .form-tip .fa{ font-size: 12px; } /* ============================== Home sections ============================== */ /* * Header common styles */ .home-section{ width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; } .home-content{ display: table; width: 100%; height: 100%; text-align: center; } /* Home content */ .home-content{ position: relative; } .home-text{ display: table-cell; height: 100%; vertical-align: middle; } /* Scroll down icon */ @-webkit-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @-moz-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @-o-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } .scroll-down{ width: 40px; height: 40px; margin-left: -20px; position: absolute; bottom: 20px; left: 50%; text-align: center; text-decoration: none; transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); } .scroll-down:before{ display: block; content: ""; width: 20px; height: 20px; margin: 0 0 0 -10px; position: absolute; bottom: 0; left: 50%; background: #fff; border-radius: 2px; transform: rotate(45deg); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index: 1; } .scroll-down:hover:before{ opacity: .6; } .scroll-down-icon{ display: block; width: 10px; height: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: 4px; color: #111; font-size: 15px; animation: scroll-down-anim 1s infinite; z-index: 2; } /* * HTML5 BG VIdeo */ .bg-video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .bg-video-overlay{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .bg-video-wrapper video{ max-width: inherit; height: inherit; z-index: 0; } /* * Headings styles */ .hs-wrap{ max-width: 570px; margin: 0 auto; padding: 47px 30px 53px; position: relative; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255,255,255, .5); } .hs-wrap-1{ max-width: 350px; margin: 0 auto; position: relative; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .hs-line-1{ margin-top: 0; position: relative; text-transform: uppercase; font-size: 30px; color: #fff; opacity: .9; } .hs-line-2{ margin-top: 0; position: relative; font-size: 72px; text-transform: uppercase; line-height: 1.3; color: rgba(255,255,255, .85); } .hs-line-3{ margin-top: 0; position: relative; font-size: 15px; font-family: 'Work-Sans-Bold', sans-serif; text-transform: uppercase; color: rgba(255,255,255, .8); } .hs-line-4{ margin-top: 10px; position: relative; font-size: 20px; text-align: center; font-family: 'Bodoni-Bold', sans-serif; text-transform: uppercase; } .hs-line-5{ margin-top: -10px; padding-top: 0; position: relative; font-family: "Bodoni-Book", serif; font-size: 90px; line-height: 1.1; } .hs-line-6{ margin-top: 0; position: relative; font-size: 19px; line-height: 1.2; opacity: .35; } .hs-line-6.no-transp{ opacity: 1; } .hs-line-7{ margin-top: 0; position: relative; font-size: 64px; text-transform: uppercase; line-height: 1.2; } .hs-line-8{ margin-top: 0; position: relative; font-size: 17px; line-height: 1.2; opacity: .75; } .hs-line-8.no-transp{ opacity: 1; } .hs-line-9{ margin-top: 0; position: relative; font-size: 96px; text-transform: uppercase; line-height: 1.2; } .hs-line-10{ margin-top: 0; display: inline-block; position: relative; padding: 15px 24px; background: rgba(0,0,0, .75); font-size: 12px; text-transform: uppercase; color: rgba(255,255,255, .85); } .hs-line-10 > span{ margin: 0 10px; } .hs-line-10.highlight{ background: #8b5e3b; opacity: .65; } .hs-line-10.transparent{ background: none; color: #aaa; padding: 0; } .hs-line-11{ margin-top: 0; position: relative; font-size: 30px; text-transform: uppercase; line-height: 1.15; opacity: .9; } .hs-line-12{ margin-top: 0; position: relative; font-size: 80px; height: 2.1em; line-height: 1.1em; text-transform: uppercase; padding-top: 10px; } .hs-line-13{ margin-top: 0; position: relative; font-size: 96px; line-height: 1; text-transform: uppercase; } .hs-line-14{ margin-top: 0; position: relative; font-size: 48px; font-family: 'Work-Sans-Medium', sans-serif; line-height: 1.4; text-transform: uppercase; } .hs-line-15{ margin-top: 0; position: relative; font-size: 36px; text-transform: uppercase; line-height: 1.3; } .no-transp{ opacity: 1 !important; } .fullwidth-galley-content{ position: absolute; top: 0; left: 0; width: 100%; z-index: 25; } /* ============================== Top bar ============================== */ .top-bar{ min-height: 40px; background: #fbfbfb; font-size: 11px; } /* * Top links */ .top-links{ list-style: none; margin: 0; padding: 0; text-transform: uppercase; } .top-links li{ float: left; border-left: 1px solid rgba(0,0,0, .05); } .top-links li:last-child{ border-right: 1px solid rgba(0,0,0, .05); } .top-links li .fa{ font-size: 14px; position: relative; top: 1px; } .top-links li .tooltip{ text-transform: none; z-index: 2003; } .top-links li a{ display: block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; text-decoration: none; text-align: center; color: #999; box-sizing: border-box; transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .top-links li a:hover{ color: #555; background-color: rgba(0,0,0, .02); } /* * Top bar dark */ .top-bar.dark{ background-color: #333; border-bottom: none; } .top-bar.dark .top-links li, .top-bar.dark .top-links li:last-child{ border-color: rgba(255,255,255, .07); } .top-bar.dark .top-links li a{ color: #aaa; } .top-bar.dark .top-links li a:hover{ color: #ccc; background-color: rgba(255,255,255, .05); } /* ============================== Classic menu bar ============================== */ /* Logo (in navigation panel)*/ .nav-logo-wrap{ float: left; } .nav-logo-wrap .logo{ display: table-cell; vertical-align: middle; opacity: 0.8; max-width: 180px; height: 160px; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .nav-logo-wrap .logo img{ max-height: 100%; } .nav-logo-wrap .logo:before, .nav-logo-wrap .logo:after{ display: none; } .logo, a.logo:hover{ font-family: "Work-Sans-Medium", sans-serif; font-size: 18px; text-transform: uppercase; text-decoration: none; color: rgba(0,0,0, .9); } /* * Desktop nav */ .main-nav{ width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; background: rgba(255,255,255, .97); z-index: 1030; transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .small-height{ height: 55px !important; } .small-height .inner-nav ul li a{ height: 55px !important; line-height: 55px !important; color: #555; } .small-height .inner-nav ul li a .mn-soc-link img { filter: invert(0.5); } .small-height .inner-nav ul li a:hover, .small-height .inner-nav ul li a.active{ color: #777; text-decoration: none; opacity: 0.6; } .inner-nav{ display: inline-block; position: relative; float: right; } .inner-nav ul{ float: right; margin: auto; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 1.3; } .inner-nav ul li { float: left; margin-left: 28px; position: relative; } .inner-nav ul li:first-child { margin-left: 0px; } .inner-nav ul li a { color: #fff; font-family: "Work-Sans-Medium", sans-serif; font-size: 14px; letter-spacing: 0.07em; display: inline-block; box-sizing: border-box; text-decoration: none; font-style: normal; font-weight: normal; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .inner-nav ul li a .mn-soc-link img { filter: invert(1); } .inner-nav ul > li:first-child > a{ } .inner-nav ul li a:hover, .inner-nav ul li a.active{ color: #fff; text-decoration: none; opacity: 0.6; } /* Menu sub */ .mn-sub{ display: none; width: 200px; position: absolute; top: 100%; left: 0; padding: 0; background: #8b5e3b; } .mn-sub li{ display: block; width: 100%; margin: 0 !important; } .inner-nav ul li .mn-sub li a{ display: block; width: 100%; height: auto !important; line-height: 1.2 !important; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 8px 15px; font-size: 14px; text-align: left; text-transform: none; border-left: none; border-right: none; color: #ddd !important; cursor: pointer; } .inner-nav ul li a img{ margin-top: 4px; } .mobile-on .mn-has-multi > li:last-child > a{ border-bottom: 1px solid rgba(255,255,255, .065) !important; } .mn-sub li a:hover, .inner-nav ul li .mn-sub li a:hover, .mn-sub li a.active{ background: rgba(255,255,255, .09); color: #fff !important; } .mn-sub li ul{ left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255,255,255, .07); } .inner-nav > ul > li:last-child .mn-sub, .inner-nav li .mn-sub.to-left{ left: auto; right: 0; } .inner-nav li:last-child .mn-sub li ul, .inner-nav li .mn-sub li ul.to-left{ left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255,255,255, .07); } .mobile-on .inner-nav li:last-child .mn-sub li ul{ left: auto; right: auto; top: 0; } .mn-wrap{ padding: 8px; } /* Menu sub multi */ .mn-has-multi{ width: auto !important; padding: 15px; text-align: left; white-space: nowrap; } .mn-sub-multi{ width: 190px !important; overflow: hidden; white-space: normal; float: none !important; display: inline-block !important; vertical-align: top; } .mn-sub-multi > ul{ width: auto; margin: 0; padding: 0; float: none; } .mn-group-title{ text-transform: uppercase; color: #fff !important; } .mn-group-title:hover{ background: none !important; } .mobile-on .mn-sub-multi > ul{ left: auto; right: auto; border: none; } .mobile-on .mn-sub-multi{ display: block; width: 100% !important; } .mobile-on .mn-sub-multi > ul > li:last-child > a{ border: none !important; } .mobile-on .mn-sub > li:last-child > a{ border: none !important; } .mobile-on .mn-sub-multi:last-child > ul{ border-bottom: none !important; } /* * Mobile nav */ .mobile-on .desktop-nav{ display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; display: none; z-index: 100; } .mobile-on .full-wrapper .desktop-nav{ padding: 0; } .mobile-on .desktop-nav ul{ width: 100%; float: none; background: rgba(18,18,18, .97); position: relative; overflow-x: hidden; } .mobile-on .desktop-nav > ul{ overflow-y: auto; } .mobile-on .desktop-nav ul li{ display: block; float: none !important; overflow: hidden; } .mobile-on .desktop-nav ul li ul{ padding: 0; border-bottom: 1px solid rgba(255,255,255, .1); } .mobile-on .desktop-nav ul li a{ display: block; width: 100%; height: 38px !important; line-height: 38px !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid rgba(255,255,255, .065); color: #999; cursor: pointer; } .mobile-on .desktop-nav ul li a:hover, .mobile-on .desktop-nav ul li a.active{ background: rgba(255,255,255, .03); color: #ddd; } /* Menu sub */ .mobile-on .mn-has-sub > .fa{ display: block; width: 18px; height: 18px; font-size: 14px; line-height: 16px; position: absolute; top: 50%; right: 10px; margin-top: -8px; text-align: center; border: 1px solid rgba(255,255,255, .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mobile-on .js-opened > .mn-has-sub > .fa{ border-color: rgba(255,255,255, .4); line-height: 14px; } .mobile-on .inner-nav li{ margin: 0 !important; } .mobile-on .mn-sub{ display: none; opacity: 0; position: relative; left: 0 !important; right: 0; top: 0; bottom: 0; border-left: none !important; border-right: none !important; border-top: none ; z-index: 10; } .mobile-on .mn-sub li{ padding-left: 10px; } .inner-nav li.js-opened .mn-sub{ opacity: 1; } .mobile-nav{ display: none; float: right; vertical-align: middle; font-size: 11px; text-transform: uppercase; cursor: pointer; user-select: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition-property: background, color; } .mobile-nav:hover, .mobile-nav.active{ opacity: 0.5; } .mobile-nav:active{ box-shadow: 0 0 35px rgba(0,0,0,.05) inset; } .no-js .mobile-nav{ width: 55px; height: 55px; } .mobile-on .mobile-nav{ display: table; } .mobile-nav .fa{ height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px; color: #fff; } .small-height .fa { color: #777; } /* Menu sub multi */ .mobile-on .mn-has-multi{ width: auto; padding: 0; text-align: left; white-space: normal; } .mobile-on .mn-sub{ width: 100%; float: none; position: relative; overflow-x: hidden; } /* * Dark panel style */ .main-nav.dark{ background-color: rgba(10,10,10, .9); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .main-nav.dark .inner-nav ul > li > a{ color: rgba(255,255,255, .7); } .main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active{ color: #fff; } .main-nav.dark .mobile-nav{ background-color: transparent; border-color: transparent; color: rgba(255,255,255, .9); } .main-nav.dark .mobile-nav:hover, .main-nav.dark .mobile-nav.active{ color: #fff; } .main-nav.mobile-on.dark .inner-nav{ border-top: 1px solid rgba(100,100,100, .4); } .main-nav.dark .logo, .main-nav.dark a.logo:hover{ font-size: 18px; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255, .9); } .main-nav.dark .mn-sub{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .main-nav.dark .mn-soc-link{ border: 1px solid rgba(255,255,255, .2); } .main-nav.dark .mn-soc-link:hover{ border: 1px solid rgba(255,255,255, .3); } /* * Transparent panel style */ .main-nav.transparent{ background: transparent !important; } .main-nav.js-transparent{ transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } /* * Centered menu */ .mn-centered{ text-align: center; } .mn-centered .inner-nav{ float: none; } .mn-centered .inner-nav > ul{ float: none; display: inline-block; margin-left: auto; margin-right: auto; } .mn-centered .inner-nav > ul > li:first-child{ margin-left: 0; } .mn-centered .mobile-nav{ float: none; margin-left: auto; margin-right: auto; } /* * Aligned left menu */ .mn-align-left{ } .mn-align-left .inner-nav{ float: none; width: 100%; } .mn-align-left .inner-nav > ul{ float: none; margin-left: auto; margin-right: auto; } .mn-align-left .inner-nav > ul > li:first-child{ margin-left: 0; } .mn-align-left .mobile-nav{ float: none; margin-left: auto; margin-right: auto; } /* * Menu social links */ .mn-soc-link{ width: 34px; height: 34px; line-height: 33px; text-align: center; font-size: 12px; display: inline-block; border: 1px solid rgba(255,255,255, .5); border-radius: 50%; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mn-soc-link:hover{ border: 1px solid rgba(255,255,255, .25); } .main-nav .tooltip{ font-size: 12x; text-transform: none; } /* ============================== Fullscreen menu ============================== */ .fm-logo-wrap{ position: absolute; top: 30px; left: 30px; height: 54px; z-index: 1030; } .fm-logo-wrap .logo{ display: block; max-width: 200px; position: relative; top: 50%; transform: translateY(-50%); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button{ display: block; position: fixed; top: 30px; right: 30px; width: 54px; height: 54px; background: #111; opacity: .85; text-indent: -12345px; z-index: 1030; border-radius: 50%; transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button:hover{ opacity: 1; } .fm-button span{ display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button span:before, .fm-button span:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; } .fm-button span:after{ top: auto; bottom: -6px; } /* Active menu button */ .fm-button.active{ background: #222; z-index: 2001; } .fm-button.active span{ background: transparent; } .fm-button.active span:before{ top: 0; transform: rotate(45deg); } .fm-button.active span:after{ bottom: 0; transform: rotate(-45deg); } /* Menu wrapper */ .fm-wrapper{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; padding: 50px 30px; overflow-x: hidden; overflow-y: auto; background: rgba(10,10,10, .97); z-index: 2000; box-sizing: border-box; } .fm-wrapper-sub{ display: table; width: 100%; height: 100%; opacity: 0; transform: translateY(30px); transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-wrapper-sub.js-active{ opacity: 1; transform: translateY(0); } .fm-wrapper-sub-sub{ display: table-cell; text-align: center; vertical-align: middle; } .fm-menu-links, .fm-menu-links ul{ margin: 0; padding: 10px 0; line-height: 1.3; text-align: center; } .fm-menu-links ul.fm-sub{ padding: 0; } .fm-menu-links a{ display: block; position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 17px; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); z-index: 11; } .no-touch .fm-menu-links a:hover, .fm-menu-links a:active, .fm-menu-links li.js-opened > a{ color: #d5d5d5; text-decoration: none; } .fm-menu-links li{ margin: 0; padding: 0; position: relative; overflow: hidden; } .fm-menu-links li > a:active, .fm-menu-links li.active > a, .fm-menu-links li a.active{ color: #f5f5f5; } .fm-menu-links li.js-opened:before{ display: none; } .no-touch .fm-menu-links li.js-opened > a:hover, .fm-menu-links li.js-opened > a:active{ color: #fff; } .fm-has-sub{ } .fm-has-sub .fa{ font-size: 14px; } .js-opened > .fm-has-sub > .fa{ color: #fff; } .fm-sub{ display: none; opacity: 0; position: relative; } .fm-sub > li > a{ padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; } .fm-menu-links li.js-opened .fm-sub{ opacity: 1; } .fm-search{ width: 320px; } .fm-search input.search-field{ background: transparent; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255,255,255, .2); } .fm-search input.search-field:hover{ border: none; border-bottom: 1px solid rgba(255,255,255, .4); } .fm-search input.search-field:focus{ color: #999; border-color: rgba(255,255,255, .7); } .fm-search .search-button:hover{ color: #fff; } /* Social links */ .fm-social-links{ padding: 10px; font-size: 14px; text-align: center; } .fm-social-links > a{ display: inline-block; margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255,255,255, .15); text-align: center; text-decoration: none; color: #555; border-radius: 50%; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-social-links > a:hover{ border-color: rgba(255,255,255, .3); color: #999; } /* ============================== Sections styles ============================== */ /* * Common */ .page-section, .small-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0; } .small-section{ padding: 70px 0; } .small-title{ padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; } .section-icon{ margin-bottom: 7px; text-align: center; font-size: 32px; } .small-title .serif{ text-transform: none; } .small-title.white{ color: #fff; } .bg-scroll{ background-attachment: scroll !important; } .bg-pattern{ background-repeat: repeat; background-size: auto; } .bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.png); } .bg-gray{ background-color: #f0f0f0; } .bg-gray-lighter{ background-color: #f8f8f8; } .bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa{ color: #fff; } .bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a{ color: rgba(255,255,255, .8); padding-bottom: 3px; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover{ color: rgba(255,255,255, 1); text-decoration: none; } .bg-color .text, .bg-color-lighter .text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .text, .bg-color-alfa .text, .bg-color .section-text, .bg-color-lighter .section-text, .bg-color-alfa-30 .section-text, .bg-color-alfa-50 .section-text, .bg-color-alfa-70 .section-text, .bg-color-alfa-90 .section-text, .bg-color-alfa .section-text{ color: rgba(255,255,255, .75); } .bg-color .white, .bg-color-lighter .whitet, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-alfa .white{ color: #fff; } .bg-dark{ background-color: #111; } .bg-dark-lighter{ background-color: #252525; } .bg-dark-alfa:before, .bg-dark-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .97); } .bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .3); } .bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .5); } .bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .7); } .bg-dark-alfa-90:before, .bg-dark-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,3,3, .9); } .bg-light-alfa:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .97); } .bg-light-alfa-30:before, .bg-light-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .30); } .bg-light-alfa-50:before, .bg-light-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .50); } .bg-light-alfa-70:before, .bg-light-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .7); } .bg-light-alfa-90:before, .bg-light-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .9); } .bg-color{ background-color: #8b5e3b; } .bg-color-alfa:before, .bg-color-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8b5e3b; opacity: .97; } .bg-color-alfa-30:before, .bg-color-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8b5e3b; opacity: .3; } .bg-color-alfa-50:before, .bg-color-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8b5e3b; opacity: .5; } .bg-color-alfa-70:before, .bg-color-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8b5e3b; opacity: .7; } .bg-color-alfa-90:before, .bg-color-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #8b5e3b; opacity: .9; } .bg-orange{ background-color: #f47631 !important; } .bg-yellow{ background-color: #ffce02 !important; } .bg-cyan{ background-color: #27c5c3 !important; } .bg-green{ background-color: #58bf44 !important; } .bg-blue{ background-color: #43a5de !important; } .bg-purple{ background-color: #375acc !important; } .bg-red{ background-color: #e13939 !important; } .section-title { margin-bottom: 15px; color: #8b5e3b; line-height: 1.1; } .section-more{ margin-top: 7px; color: #999; font-size: 11px; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .section-more:hover{ text-decoration: none; color: #000; } .section-more .fa{ font-size: 12px; } .section-heading { margin-bottom: 15px; font-size: 24px; text-transform: uppercase; text-align: center; line-height: 1.3; } .section-line{ width: 55px; height: 1px; margin: 30px auto; background: #111; } .section-text{ font-size: 15px; color: #555; line-height: 1.4; } .section-text blockquote{ margin-top: -5px; } .section-bot-image{ margin: 140px 0 -140px; text-align: center; } /* Breadcrumbs */ .mod-breadcrumbs{ margin-top: -5px; font-size: 11px; text-decoration: none; text-transform: uppercase; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mod-breadcrumbs span{ opacity: .65; } .mod-breadcrumbs a{ text-decoration: none; } .mod-breadcrumbs a:hover{ text-decoration: none; } .mod-breadcrumbs .fa{ font-size: 12px; } .mod-breadcrumbs-mini{ text-align: left; } .home-bot-image{ width: 100%; position: absolute; bottom:0; left: 0; text-align: center; } .fixed-height-large, .fixed-height-medium, .fixed-height-small{ box-sizing: border-box; } .fixed-height-large{ min-height: 800px; } .fixed-height-medium{ min-height: 700px; } .fixed-height-small{ min-height: 600px; } /* * Split section */ .split-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; } .split-section-headings{ position: relative; overflow: hidden; text-align: center; background-size: cover; } .ssh-table{ width: 100%; min-height: 500px; display: table; } .ssh-cell{ display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; background-size: cover; } .split-section-content{ position: relative; overflow: hidden; background-size: cover; } .split-section-wrapper{ padding: 0 80px; } .split-2{ width: 50%; } .split-3{ width: 33.333%; } /* ============================== Alternative services ============================== */ .alt-service-grid{ margin-top: -60px; } .alt-services-image{ text-align: center; } .alt-services-image > img{ display: block; width: 100%; } .alt-service-item{ margin: 60px 0 0 0; position: relative; padding-left: 55px; padding-top: 3px; font-size: 13px; color: #999; transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .alt-service-icon{ width: 40px; height: 40px; position: absolute; top: 0; left: 0; line-height: 40px; text-align: center; font-size: 28px; color: #111; transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .alt-services-title{ margin: 0 0 10px 0; padding: 0; font-size: 15px; color: #111; } /* ============================== Team ============================== */ .team-grid{ } .team-item { border: 1px solid #e7e7e7; } .noDecoration, .noDecoration:hover { text-decoration: none; } .team-item-image{ position: relative; overflow: hidden; } .team-item-image img{ width: 100%; } .team-item-image:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; z-index: 1; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-detail{ opacity: 0; width: 100%; position: absolute; top: 50%; left: 0; padding: 20px 23px 55px; font-size: 14px; color: #fff; text-align: center; z-index: 2; transform: translateY(-50%); background-size: cover; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-descr{ color: #555; text-align:center; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-name { margin: 7px 0px; font-size: 14px; line-height: 16px; height: 32px; padding: 0px 5px; overflow: hidden; text-transform: uppercase; } .team-item-role{ margin-top: 4px; font-size: 12px; text-transform: uppercase; color: #000; } .team-social-links{ font-size: 14px; cursor: pointer; } .team-social-links a{ display: inline-block; padding: 3px 7px; color: rgba(0,0,0, .4); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } /* Hover state */ .no-mobile .team-item:hover .team-item-image:after{ background: rgba(79,82,101, .60); } .no-mobile .team-item:hover .team-item-detail{ opacity: 1; } .no-mobile .team-item:hover .team-item-descr{ color: #8b5e3b; } .no-mobile .team-social-links a:hover{ color: rgba(0,0,0, .75); } /* Mobile touch */ .team-item.js-active .team-item-image:after{ background: rgba(228,25,25, .70); } .team-item.js-active .team-item-detail{ opacity: 1; } .team-item.js-active .team-item-descr{ color: #111; } .team-item.js-active .team-social-links a:hover{ color: rgba(0,0,0, .75); } /* ============================== Features ============================== */ .features-item{ padding: 15px; text-align: center; background-size: cover; font-family: "Work-Sans-Medium", sans-serif; } .features-icon{ font-size: 48px; line-height: 1.3; color: rgba(255,255,255, .9); } .features-title{ margin-bottom: 3px; font-size: 18px; text-transform: uppercase; color: rgba(255,255,255, .9); } .features-descr{ font-size: 15px; font-family: "Work-Sans-Bold", sans-serif; color: rgba(255,255,255, .75); } .features-icon.black{ color: rgba(0,0,0, .9); } .features-title.black{ color: rgba(0,0,0, .9); } .features-descr.black{ color: rgba(0,0,0, .75); } /* ============================== Alt features ============================== */ .alt-features-grid{ margin-top: -70px; } .alt-features-item{ margin-top: 70px; } .alt-features-icon{ padding-top: 10px; font-size: 48px; line-height: 1.3; color: #111; } .alt-features-icon img{ width: 100%; } .alt-features-title{ margin-bottom: 21px; font-size: 14px; text-transform: uppercase; } .alt-features-descr { color: #777; font-size: 14px; line-height: 1.86 } /* ============================== Benefits ============================== */ .benefits-grid{ margin: 0 0 -40px -20px; text-align: center; vertical-align: top; } .benefit-item{ display: inline-block; width: 264px; margin: 0 0 40px 20px; padding: 15px; position: relative; overflow: hidden; box-sizing: border-box; vertical-align: top; cursor: default; } .benefit-number{ width: 100%; position: absolute; top: 0; left: -50px; font-size: 120px; text-align: center; line-height: 1; color: rgba(0,0,0, .025); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .benefit-icon{ position: relative; margin-bottom: 6px; font-size: 32px; } .benefit-title{ position: relative; margin: 0 0 17px 0; padding: 0; font-size: 14px; text-transform: uppercase; } .benefits-descr{ position: relative; font-size: 13px; color: #777; } .benefit-item:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0, .015); opacity: 0; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transform: scale(0.5); } .benefit-item:hover:after{ opacity: 1; transform: none; } .benefit-item:hover .benefit-number{ color: rgba(0,0,0, .035); transform: scale(0.75); } /* ============================== Counters ============================== */ .count-wrapper{ padding: 40px 20px; border: 1px solid rgba(0,0,0, .09); } .count-number{ font-size: 48px; line-height: 1.3; text-align: center; } .count-descr{ color: #999; font-size: 11px; text-align:center; } .count-descr .fa{ font-size: 14px; } .count-title{ margin-top: -1px; font-size: 13px; } .count-separator{ height: 30px; clear: both; float: none; overflow: hidden; } /* ============================== Portfolio ============================== */ /* * Works filter */ .works-filter{ list-style: none; padding: 0; margin: 0 0 45px 0; font-size: 13px; text-transform: uppercase; text-align: center; color: #555; cursor: default; } .works-filter a{ display: inline-block; margin: 0 27px; color: #999; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); cursor: pointer; } .works-filter a:hover{ color: #111; text-decoration: none; } .works-filter a.active{ color: #111; cursor: default; } .works-filter a.active:hover{ color: #111; } /* * Works grid */ .works-grid{ list-style: none; margin: 0; padding: 0; } .work-item{ width: 25%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .work-grid-2 .work-item{ width: 50%; } .work-grid-3 .work-item{ width: 33.333%; } .container .work-grid-3 .work-item{ width: 33.2%; } .work-grid-5 .work-item{ width: 20%; } .work-grid-6 .work-item{ width: 16.667%; } .works-grid.work-grid-gut{ margin: 0 0 0 -10px; } .works-grid.work-grid-gut .work-item{ padding: 0 0 10px 10px; } .work-item > a{ display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .work-item a, .work-item a:hover{ color: #111; border: none; } .work-img{ position: relative; overflow: hidden; } .work-img img{ width: 100%; display: block; overflow: hidden; } .work-intro{ width: 100%; height: 84px; padding: 20px 20px 0 20px; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; } .work-title{ margin: 0 0 8px 0; padding: 0; font-size: 16px; font-family: "Bodoni-Bold", serif; line-height: 1.2; } .work-descr{ font-size: 11px; text-align: center; text-transform: uppercase; color: #aaa; line-height: 1.2; } .works-grid.hide-titles .work-item > a{ overflow: hidden; padding: 0; } .works-grid.hide-titles .work-item .work-intro{ opacity: 0; bottom: -90px; } .works-grid.hide-titles .work-item:hover .work-intro{ opacity: 1; } /* Work item hover state */ .work-intro{ transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-intro{ /*bottom: auto;*/ /*top: 50%;*/ color: #fff; transform: translateY(-150px); z-index: 3; } .work-item:hover .work-title{ color: #ccc; } .work-item:hover .work-descr{ color: #999; } .work-item .work-img:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250,250,250, 0); -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-img:after{ background: rgba(20,20,20, .85); } .works-grid.hover-color .work-item:hover .work-intro, .works-grid.hover-color .work-item:hover .work-title, .works-grid.hover-color .work-item:hover .work-descr{ color: #fff; } .works-grid.hover-color .work-item:hover .work-img:after{ background: #8b5e3b; opacity: .73; } .works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr{ color: #000; } .works-grid.hover-white .work-item:hover .work-img:after{ background: rgba(250,250,250, .9); } .work-item .work-img > img{ -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-img > img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* * Works full view */ .work-full{ display: none; width: 100%; height: 100%; background: #fff; z-index: 10000; } .work-full-load{ padding-top: 60px; } .work-loader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 10001; } .work-loader:after{ display: block; content: " "; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; background: url(../images/loader.gif) no-repeat; } /* Work navigation */ .work-navigation{ width: 100%; background: #fff; font-size: 11px; text-transform: uppercase; z-index: 99; } .work-navigation .fa{ font-size: 12px; vertical-align: middle; } .work-navigation .fa-times{ font-size: 16px; margin-top: -2px; } .work-navigation a{ display: block; float: left; width: 33.33333%; overflow: hidden; vertical-align: middle; text-decoration: none; white-space: nowrap; cursor: default; } .work-navigation a, .work-navigation a:visited{ color: #555; } .work-navigation a:hover{ color: #111; } .work-navigation a span{ display: inline-block; height: 60px; line-height: 59px; padding: 0 4%; background: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .work-navigation span:hover{ background: #f7f7f7; } .work-back-link{ margin: 20px 0 0; display: block; background: #fff; font-size: 11px; text-transform: uppercase; color: #151515; } .work-prev{ text-align: left; } .work-all{ text-align: center; } .work-next{ text-align: right; } .work-container{ padding: 50px 0; } .work-full-title{ margin: 0 0 10px 0; padding: 0; font-size: 24px; text-transform: uppercase; text-align: center; } .work-full-media{ margin-top: 30px; } .work-full-media img{ max-width: 100%; height: auto; } .work-full-text{ text-align: left; font-size: 13px; color: #777; } .work-full-text h6{ margin-top: 5px; } .work-detail p:last-child{ margin-bottom: 0; } .work-full-detail{ font-size: 11px; color: #777; text-transform: uppercase; } .work-full-detail p{ padding: 4px 0; margin: 0; border-top: 1px solid rgba(0,0,0, .05); } .work-full-detail p:last-child{ border-bottom: 1px solid rgba(0,0,0, .05); } .work-full-detail p strong{ width: 100px; display: inline-block; } .work-full-action{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eaeaea; text-align: center; } /* ============================== Banner section ============================== */ .banner-section{ overflow: visible; border-bottom: 1px solid transparent; } .banner-heading{ margin-top: 0; margin-bottom: 20px; font-size: 18px; text-transform: uppercase; color: rgba(255,255,255, 0.9); } .banner-decription{ margin-bottom: 35px; font-size: 15px; color: rgba(255,255,255, .7); } .banner-image{ margin: -40px 0 0 0; text-align: right; } .banner-image img{ } /* ============================== Testimonial ============================== */ .testimonial{ margin: 0; padding: 0; background: none; border: none; text-align: center; font-family: "Work-Sans-Medium", sans-serif; font-size: 18px; font-style: normal; opacity: .85; } .testimonial p{ font-size: 18px; } .testimonial-author{ } /* * Logotypes */ .logo-item{ height: 80px; text-align: center; opacity: .75; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .logo-item:hover{ opacity: 1; } .logo-item img{ position: relative; top: 50%; transform: translateY(-50%); } /* ============================== Post previews ============================== */ .notizia img, .notizia .post-prev-title, .notizia .post-prev-info, .notizia h3 { transition: all 0.5s ease; transform: scale(0.88); text-align: left; hyphens: none; } .notizia:hover img{ transform: scale(0.97); } .post-prev-title{ margin-bottom: 0px; font-size: 17px; letter-spacing: 0.04em; font-family: "Bodoni-Book", serif; } .notizia:hover .post-prev-title{ color: #8b5e3b; } .post-prev-info{ margin-bottom: 0px; font-size: 13px; text-decoration: none; color: #444; font-family: "Work-Sans-Medium", sans-serif; } .notizia:hover .post-prev-info{ color: #aaa; } .post-prev-text{ margin-bottom: 0px; hyphens: auto; color: #444; font-size: 13px; line-height: 14px; } /* ============================== Newsletter ============================== */ .newsletter-label{ margin-bottom: 15px; font-size: 16px; text-transform: uppercase; } .form input.newsletter-field{ max-width: 293px; } .form input.newsletter-field:hover{ } .form input.newsletter-field:focus{ } .form input.newsletter-field::-webkit-input-placeholder{ color: #777; } .form input.newsletter-field:focus::-webkit-input-placeholder{ color: #111; } .form input.newsletter-field:-moz-placeholder{ color: #777; } .form input.newsletter-field:focus:-moz-placeholder{ color: #111; } .form input.newsletter-field::-moz-placeholder{ color: #777; } .form input.newsletter-field:focus::-moz-placeholder{ color: #111; } .form input.newsletter-field:-ms-input-placeholder{ color: #777; } .form input.newsletter-field:focus:-ms-input-placeholder{ color: #111; } /* ============================== Contact section ============================== */ .contact-item{ position: relative; padding-left: 44px; color: #444; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .contact-item a{ color: #444; text-decoration: none; } .contact-item a:hover{ color: #000; text-decoration: none; } .ci-icon{ width: 23px; height: 23px; position: absolute; top: 10px; left: 3px; color: #fff; text-align: center; line-height: 23px; } .ci-icon:before{ content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #111; border-radius: 2px; transform: rotate(45deg); } .ci-icon i, .ci-icon span{ position: relative; } .ci-title{ margin-bottom: 1px; color: #777; font-size: 12px; text-transform: uppercase; } .ci-text{ font-size: 15px; } /* * Contact form */ .cf-left-col{ width: 49.4%; float: left; margin-right: 1.2%; } .cf-right-col{ width: 49.4%; float: left; } .contact-form .form-group{ margin-bottom: 10px; } /* ============================== Google maps ============================== */ .google-map{ position: relative; background: #111; } #map-canvas{ height: 410px; position: relative; background-color: #111 !important; z-index: 1; } .gm-style-cc{ display: none !important; } .gm-style-iw div{ color: #777; } .map-section{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; padding: 0 !important; background: rgba(17,17,17, .93); z-index: 2; cursor: pointer; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .map-section:hover{ background: rgba(17,17,17, .90); } .map-toggle{ width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px; color: #fff; text-align: center; } .mt-icon{ width: 27px; height: 27px; line-height: 27px; margin: 6px auto 25px; position: relative; color: #111; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .mt-icon:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border-radius: 2px; transform: rotate(45deg); } .mt-icon i, .mt-icon span{ position: relative; } .mt-text{ margin-left: 12px; font-size: 17px; text-transform: uppercase; color: rgba(255,255,255, .75); } .mt-close{ display: none; } /* Map opened */ .map-section.js-active{ height: 50px; background: rgba(17,17,17, .75); } .map-section.js-active:hover{ background: rgba(17,17,17, .85); } .map-section.js-active .mt-icon{ opacity: 0; } .map-section.js-active .mt-text{ position: relative; top: -20px; } /* ============================== Footer ============================== */ .footer{ font-size: 13px; } .footer a{ color: #888; text-decoration: none; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .footer a:hover{ color: #fff; } .footer-copy{ text-transform: uppercase; font-size: 12px; text-align: center; } .footer-copy a{ color: #8b5e3b; } .footer-copy a:hover{ color: #000; } .footer-made{ color: #555; } .footer-social-links{ font-size: 17px; } .footer-social-links a{ width: 35px; height: 35px; line-height: 35px !important; position: relative; margin: 0 6px 20px 0; text-align: center; display: inline-block; color: #fff; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .footer-social-links a i, .footer-social-links a span{ position: relative; top: 0; left: 0; } .footer-social-links a:before{ background: rgba(0,0,0, .1); content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid rgba(255,255,255, .7); border-radius: 50%; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .footer-social-links a:hover{ color: #000; } .footer-social-links a:hover:before{ background: rgba(255,255,255, .8); } a.link-to-top{ position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: rgba(0,0,0, .2); font-size: 48px; } /* ============================== Blog ============================== */ .blog-item{ margin-bottom: 80px; position: relative; } .blog-item-date{ padding: 15px; font-size: 12px; line-height: 1.2; text-transform: uppercase; text-align: center; color: #999; border-right: 1px solid #eee; } .date-num{ display: block; margin-bottom: 3px; font-size: 18px; font-family: "Bodoni-Bold", serif; color: #555; } .blog-media{ margin-bottom: 30px; } .blog-media img, .blog-media .video, .blog-media iframe{ width: 100%; } .blog-item-title{ margin: 0 0 .5em 0; padding: 0; font-size: 24px; } .blog-item-title a{ color: #111; text-decoration: none; } .blog-item-title a:hover{ color: #777; text-decoration: none; } .blog-item-data{ margin-bottom: 30px; text-transform: uppercase; font-size: 11px; color: #aaa; } .separator{ margin: 0 5px; } .blog-item-data a{ color: #aaa; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-item-data a:hover{ color: #000; text-decoration: none; } .blog-post-data{ margin-top: 10px; text-transform: uppercase; font-size: 11px; color: #aaa; } .blog-item-body{ font-size: 16px; color: #5f5f5f; line-height: 1.8; } .blog-item-body h1, .blog-item-body h2, .blog-item-body h3, .blog-item-body h4, .blog-item-body h5, .blog-item-body h6{ margin: 1.3em 0 0.5em 0; } .blog-item-more{ border: 1px solid #eaeaea; padding: 5px 10px; font-size: 12px; text-transform: uppercase; color: #777; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-item-more:hover{ text-decoration: none; border-color: #111; } a.blog-item-more{ color: #777; text-decoration: none; } a.blog-item-more:hover{ color: #111; } .blog-item-q{ background: none; border: none; padding: 0; margin: 1em 0; } .blog-item-q p{ position: relative; background: #f8f8f8; padding: 17px 20px; font-size: 18px; font-style: normal; } .blog-item-q p a{ color: #555; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-item-q:hover a, .blog-item-q p a:hover{ text-decoration: none; color: #777; } .blog-item-q p:before, .blog-item-q p:after{ transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-item-q p:before{ content: '"'; position: absolute; top: 10px; left: 10px; } .blog-item-q p:after{ content: '"'; } .blog-item-q p:hover:before, .blog-item-q p:hover:after{ color: #777; } .blog-page-title{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee; } /* * Pagination */ .pagination{ margin-top: 0px; font-size: 13px; font-family: "Work-Sans-Medium", sans-serif; } .pagination a{ display: inline-block; min-width: 30px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 7px 14px; border: 1px solid #eaeaea; color: #999; font-size: 13px; text-transform: uppercase; text-align: center; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .pagination .fa{ margin-top: 1px; font-size: 16px; } .pagination a:hover{ text-decoration: none; border-color: #bbb; color: #444; } .pagination a.active, .pagination a.active:hover{ border-color: #bbb; color: #444; cursor: default; } .pagination a.no-active, .pagination a.no-active:hover{ border-color: #efefef; color: #bbb; cursor: default; } /* * Comments */ .comment-list{ } .comment-item{ padding-top: 30px !important; border-top: 1px dotted #e9e9e9; font-size: 14px; overflow: hidden; } .comment-item:first-child{ padding-top: 0; border-top: none; } .media-body{ overflow: hidden; } .comment-avatar{ width: 50px; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-item-data{ margin: 0 0 5px; text-transform: uppercase; font-family: "Work-Sans-Medium", sans-serif; font-size: 12px; color: #777; } .comment-item-data a{ color: #777; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .comment-item-data a:hover{ color: #000; text-decoration: none; } .comment-author{ display: inline-block; margin-right: 20px; font-size: 11px; } .comment-author a{ color: #999; } /* * Sidebar */ .sidebar{ margin-top: 10px; } .widget{ margin-bottom: 60px; } .widget .img-left{ margin: 0 10px 10px 0; } .widget .img-right{ margin: 0 0 10px 10px; } .widget-title{ margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; font-size: 14px; color: #777; border-bottom: 1px solid #ccc; } .widget-body{ font-size: 13px; color: #777; } .widget-text{ line-height: 1.7; } /* Search widget */ .search-wrap{ position: relative; } .search-field{ width: 100% !important; height: 40px !important; box-sizing: border-box; } .search-button{ width: 42px; height: 40px; line-height: 38px; margin-top: -20px; position: absolute; top: 50%; right: 1px; overflow: hidden; background: transparent; border: none; outline: none; color: #999; font-size: 14px; } .search-button:hover{ color: #111; } .search-button:hover + .search-field{ border-color: #ccc; } /* Widget menu */ .widget-menu{ font-size: 13px; } .widget-menu li{ padding: 5px 0; } .widget-menu li a{ color: #555; text-decoration: none; padding-bottom: 2px; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .widget-menu li a:hover, .widget-menu li a.active{ color: #999; } .widget-menu li small{ font-size: 11px; color: #aaa; } /* Widget tags */ .tags{ } .tags a{ display: inline-block; margin: 0 2px 5px 0; padding: 5px 7px; border: 1px solid #e9e9e9; color: #777; font-size: 11px; text-transform: uppercase; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .tags a:hover{ text-decoration: none; border-color: #333; color: #111; } /* Comments */ .widget-comments{ color: #aaa; } .widget-comments li{ padding: 12px 0; border-bottom: 1px dotted #eaeaea; } .widget-comments li a{ color: #555; text-decoration: none; transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .widget-comments li a:hover{ color: #999; } /* Posts */ .widget-posts{ color: #aaa; } .widget-posts li{ font-size: 12px; padding: 12px 0; border-bottom: 1px dotted #eaeaea; } .widget-posts li a{ font-size: 13px; display: block; color: #555; text-decoration: none; transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .widget-posts li a:hover{ color: #999; } .widget-posts-img{ float: left; margin: 0 7px 0 0; } .widget-posts-descr{ overflow: hidden; } /* ============================== Shop ============================== */ .shopping-cart-table{ } .shopping-cart-table a{ text-decoration: none; } table.shopping-cart-table tr th, table.shopping-cart-table tr td{ vertical-align: middle; } /* ============================== Pricing ============================== */ .pricing-item{ margin: 0 0 30px; position: relative; text-align: center; } .pricing-item-inner{ border: 1px solid #eaeaea; vertical-align: middle; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .pricing-item-inner:hover{ border-color: #aaa; } .main .pricing-item-inner{ border-color: #aaa; } .pricing-wrap{ position: relative; box-sizing: border-box; padding: 30px 20px; text-align: center; overflow: hidden; } .pricing-icon{ padding-top: 10px; padding-bottom: 5px; position: relative; font-size: 32px; z-index: 1; } .pricing-title{ position: relative; margin-bottom: 40px; font-size: 15px; text-transform: uppercase; z-index: 1; } .pr-list{ margin: 0 -20px 30px; padding: 0; color: #777; font-size: 12px; text-transform: uppercase; } .pr-list li{ padding: 12px 20px; list-style: none; border-bottom: 1px solid #f1f1f1; } .pr-list li:first-child{ border-top: 1px solid #f1f1f1; } .pricing-num{ font-size: 40px; line-height: 1; } .pricing-num sup{ font-family: "Work-Sans-Medium", sans-serif; font-size: 18px; position: relative; top: -20px; left: -3px; margin-left: -7px; } .pr-button{ margin: 30px -20px 0; padding-top: 30px; border-top: 1px solid #f1f1f1; } .pr-per{ color: #999; font-size: 12px; } /* ============================== Shortcodes ============================== */ .margin-block{ margin-bottom: 30px; } /* * Owl Carousel */ .owl-carousel{ overflow: hidden; } .owl-buttons{ position: static; } .owl-prev, .owl-next{ opacity: 0; display: block; position: absolute; top: 50%; margin-top: -50px; width: 105px; height: 105px; line-height: 105px; font-size: 16px; text-align: center; color: #111; z-index: 6; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .owl-prev{ left: -50px; } .owl-next{ right: -50px; } .owl-prev:before, .owl-next:before{ content: ""; display: block; width: 66%; height: 66%; position: absolute; top: 17px; left: 0; background: #fff; border-radius: 2px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); transform: rotate(45deg); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .owl-next:before{ left: auto; right: 0; } .owl-prev .fa, .owl-next .fa{ position: relative; } .owl-prev:hover, .owl-next:hover{ transition:0 none !important; } .owl-prev:hover:before, .owl-next:hover:before{ opacity: 0.87; } .owl-prev:active:before, .owl-next:active:before{ opacity: 0.6; } .owl-carousel:hover .owl-prev{ opacity: 1; left: -35px; } .owl-carousel:hover .owl-next{ opacity: 1; right: -35px; } .owl-pagination{ display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center; } .owl-page{ display: inline-block; padding: 6px 4px; position: relative; } .owl-page span{ width: 6px; height: 6px; display: block; background: rgba(255,255,255, .7); position: relative; z-index: 1000 !important; border-radius: 4px; box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .owl-page:hover span{ background: rgba(255,255,255, 1); } .owl-page.active span{ background: transparent; bordeR: 1px solid rgba(255,255,255, .8); transform: scale(1.3333333); } .item-carousel .owl-prev{ left: -125px; } .item-carousel .owl-next{ right: -125px; } section:hover .item-carousel.owl-carousel .owl-prev{ opacity: 1; left: -80px; } section:hover .item-carousel.owl-carousel .owl-next{ opacity: 1; right: -80px; } .item-carousel{ margin-bottom: -50px; padding-bottom: 50px; } .item-carousel .owl-pagination{ bottom: 0; } .work-full-slider .owl-pagination, .content-slider .owl-pagination{ bottom: 15px; } .single-carousel, .small-item-carousel{ margin-bottom: 35px; } .single-carousel .owl-pagination, .small-item-carousel .owl-pagination{ position: relative; left: 0; top: 35px; margin: 0; } .single-carousel.black .owl-page span, .small-item-carousel.black .owl-page span{ background: rgba(0,0,0, .15); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-carousel.black .owl-page:hover span, .small-item-carousel.black .owl-page:hover span{ background: rgba(0,0,0, .4); } .single-carousel.black .owl-page.active span, .small-item-carousel.black .owl-page.active span{ background: rgba(0,0,0, .4); } .single-carousel.black .owl-prev, .single-carousel.black .owl-next, .small-item-carousel.black .owl-prev, .small-item-carousel.black .owl-next{ color: rgba(0,0,0, .2); text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-carousel.black .owl-prev:hover, .single-carousel.black .owl-next:hover, .small-item-carousel.black .owl-prev:hover, .small-item-carousel.black .owl-next:hover{ color: rgba(0,0,0, .35); } .single-carousel .owl-prev, .small-item-carousel .owl-prev{ left: -125px; } .single-carousel .owl-next, .small-item-carousel .owl-next{ right: -125px; } section:hover .single-carousel .owl-prev, section:hover .small-item-carousel .owl-prev{ opacity: 1; left: -80px; } section:hover .single-carousel .owl-next, section:hover .small-item-carousel .owl-next{ opacity: 1; right: -80px; } .black-arrows .owl-prev, .black-arrows .owl-next{ color: #fff; } .black-arrows .owl-prev:before, .black-arrows .owl-next:before{ background: rgba(0,0,0, 1); } /* * Tabs */ .tpl-tabs{ border-color: #e5e5e5; font-size: 12px; text-transform: uppercase; } .tpl-tabs > li > a{ text-decoration: none; color: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tpl-tabs > li > a:hover{ background-color: #f5f5f5; } .tpl-tabs li.active a{ color: #000; } .tpl-tabs-cont{ padding: 30px 0; color: #777; line-height: 1.8; } /* * Tabs minimal */ .tpl-minimal-tabs{ display: inline-block; font-size: 12px; text-transform: uppercase; text-align: center; border: none; } .tpl-minimal-tabs > li{ padding: 0 30px; background: none !important; } .tpl-minimal-tabs > li > a{ padding: 6px 20px 5px; text-decoration: none; color: #000; background: none; border: 1px solid transparent; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .tpl-minimal-tabs > li > a:hover{ background: none; border-color: #e9e9e9; color: #777; } .tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover{ border: 1px solid #222 !important; background: none !important; color: #000; cursor: default; } .tpl-minimal-tabs-cont{ } /* * Tabs Alternative */ .tpl-alt-tabs{ font-size: 14px; text-transform: uppercase; text-align: center; border: none; } .tpl-alt-tabs > li{ width: 215px; display: inline-block; vertical-align: top; float: none; padding: 0; background: none !important; } .tpl-alt-tabs > li > a{ text-decoration: none; color: #a3a3a3; background: none !important; border: none !important; transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); } .tpl-alt-tabs > li > a:hover{ background: none; color: #111; } .tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover{ cursor: default; color: #111; } .alt-tabs-icon{ display: block; margin-bottom: 12px; font-size: 48px; } .tpl-minimal-tabs-cont{ } .alt-tabs-icon img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* * Alert messages */ .alert{ margin: 0 auto 10px; padding: 14px 20px; box-sizing: border-box; border: 1px solid #ddd; font-size: 11px; text-transform: uppercase; color: #777; border-radius: 0; } .success{ border-color: #a9e2c2; color: #36a367; } .info{ border-color: #9ecdfc; color: #297ad3; } .notice{ border-color: #f9ce75; color: #e9a00a; } .error{ border-color: #ffbbbb; color: #e33131; } /* * Accordion */ .accordion > dt{ margin-bottom: 10px; font-size: 12px; font-family: 'Work-Sans-Bold', sans-serif; text-transform: uppercase; font-weight: normal; } .accordion > dt > a{ display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion > dt > a:hover{ text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444; } .accordion > dt > a.active{ color: #000; border-color: #ddd; background-color: #fcfcfc; cursor: default; } .accordion > dt > a:after{ content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; } .accordion > dt > a.active:after, .accordion > dt > a.active:hover:after{ content: "\f106"; color: #111; } .accordion > dt > a:hover:after{ color: #444; } .accordion > dd{ margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.7; color: #222; } /* * Toggle */ .toggle > dt{ margin-bottom: 10px; font-size: 13px; text-transform: uppercase; } .toggle > dt > a{ display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .toggle > dt > a:hover{ text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444; } .toggle > dt > a.active{ color: #000; border-color: #ddd; background-color: #fcfcfc; } .toggle > dt > a:after{ content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .toggle > dt > a.active:after, .toggle > dt > a.active:hover:after{ content: "\f106"; color: #111; } .toggle > dt > a:hover:after{ color: #444; } .toggle > dd{ margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777; } /* * Progress bars */ .tpl-progress{ margin-top: 10px; margin-bottom: 50px; text-transform: uppercase; overflow: visible; height: 2px; background: #f0f0f0; border-radius: 0px; box-shadow: none; } .tpl-progress .progress-bar{ padding-top: 2px; position: relative; overflow: visible; background-color: #222; font-size: 11px; color: #000; text-align: left; box-sizing: border-box; } .tpl-progress .progress-bar > span{ display: inline-block; min-width: 24px; height: 24px; padding: 0 3px; position: absolute; top: 0px; right: -5px; text-align: center; line-height: 23px; border-radius: 15px; } .progress-color .progress-bar{ background-color: #8b5e3b; color: #8b5e3b; } .progress-color .progress-bar > span{ background-color: #8b5e3b; color: #fff; } /* Alt bar */ .tpl-progress-alt{ background: #f2f2f2; border-radius: 0px; box-shadow: none; } .tpl-progress-alt .progress-bar{ padding-left: 5px; padding-right: 5px; position: relative; overflow: visible; background-color: #222; font-size: 11px; text-transform: uppercase; color: #fff; text-align: left; box-sizing: border-box; } .highlight pre{ border-color: #eaeaea; background: #fcfcfc; color: #555; border-radius: 0; } /* * Font icons examples */ .fa-examples{ color: #555; margin-left: 1px; } .fa-examples > div{ padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } .fa-examples > div:hover{ background: #f0f0f0; color: #000; } .fa-examples > div > i{ display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px; } .fa-examples > div > .muted{ margin-left: 5px; color: #999; font-size: 12px; } .fa-sm{ width: 20px; font-size: 14px; } .et-examples{ color: #555; margin-left: 1px; vertical-align: middle; } .et-examples .box1{ display: block; width: 33%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } @media only screen and (max-width: 1024px) { .et-examples .box1{ width: 50%; } } @media only screen and (max-width: 480px) { .et-examples .box1{ width: 100%; } } .et-examples .box1:hover{ background: #f8f8f8; color: #111; } .et-examples .box1 > span{ display: inline-block; margin-right: 5px; min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height:70px; text-align: center; font-size: 32px; } /* ============================== Intro page ============================== */ .intro-image{ width:100%; } .intro-label{ position: absolute; top:7px; right: 10px; font-size: 17px; text-transform: uppercase; } .label-new{ background: #f32929; color: white; padding: 2px 3px; font-size: 9px; text-transform: uppercase; } .label-for-button{ position: absolute; top: -5px; right: -5px; } .intro-label-round{ width: 50px; height: 50px; position: absolute; top:-5px; right: -5px; color: rgba(255,255,255, .85); font-size: 11px; text-transform: uppercase; text-align: center; line-height: 50px; background: #f32929; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* ============================== Special demos ============================== */ /* * Magazine */ .magazine-logo-text{ margin-top: 0; position: relative; font-size: 25px; text-transform: uppercase; line-height: 1.8; } .blog-posts-carousel-item{ padding-bottom: 20px; } .blog-posts-carousel-item .post-prev-title, .blog-posts-carousel-item .post-prev-info{ padding: 0 10px; } .blog-post-prev-small{ color: #aaa; font-size: 12px; padding: 12px 0; border-top: 1px dotted #eaeaea; } .blog-post-prev-small a{ font-size: 13px; display: block; color: #555; text-decoration: none; transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-post-prev-small a:hover{ color: #999; } .blog-posts-carousel-alt li img{ transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-posts-carousel-alt li:hover img{ transform: scale(1.1); transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-slide-info{ width: 100%; padding: 30px 30px 30px 30px; position: absolute; bottom: 0; left: 0; text-transform: uppercase; text-align: center; font-size: 11px; color: rgba(255,255,255, .75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0); background: rgba(0,0,0, .65); } .blog-slide-title{ margin-bottom: 6px; font-size: 16px; text-transform: uppercase; } .blog-slide-title a{ display: block; color: rgba(255,255,255, .85); text-decoration: none; transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog-slide-title a:hover{ color: rgba(255,255,255, 1); } .blog-slide-data{ text-transform: uppercase; font-size: 11px; } .blog-slide-data a{ color: rgba(255,255,255, .65); text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-slide-data a:hover{ color: rgba(255,255,255, 1); text-decoration: none; } /* * Landing */ .play-video-link{ text-decoration: none; text-transform: uppercase; font-size: 14px; color: #111; } .play-video-link:hover, .play-video-link:focus{ color: #777; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .play-video-link .fa{ vertical-align: middle; } .download-button{ display: inline-block; position: relative; padding: 13px 20px 13px 55px; border: 2px solid #111; text-align: left; text-decoration: none; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .download-button:hover, .download-button:focus{ text-decoration: none; color: #111; opacity: .6; } .db-icon{ width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; font-size: 28px; line-height: 40px; text-align: center; } .db-title{ display: block; font-size: 12px; text-transform: uppercase; } .db-descr{ display: block; font-size: 11px; color: #777; } /* * Photography 1 */ .fullwidth-slideshow{ cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; } .fullwidth-slideshow-pager-wrap{ cursor: default; width: 100%; position: absolute; bottom: 0; left: 0; padding: 60px 0 20px 0; z-index: 25; background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background-color: rgba(0, 0, 0, 0); } .fullwidth-slideshow-pager-wrap .owl-item{ opacity: .7; transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fullwidth-slideshow-pager-wrap .owl-item:hover{ opacity: 1; } .fullwidth-slideshow-pager-wrap .owl-item.synced{ opacity: 1; } .fsp-item{ margin: 0 2px; cursor: pointer; } .fsp-item:active{ transform: scale(0.98); } .fsp-item img{ width: 100%; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, .75); } /* * Photography 2 */ .side-panel-is-left{ margin-left: 270px; } .sp-overlay{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(10,10,10, .85); cursor:crosshair; z-index: 1030; } .side-panel{ position: fixed; top: 0; left: 0; width: 270px; height: 100%; padding-bottom: 60px; overflow-y: auto; color: rgba(255,255,255, .65); background: #151515; text-align: center; z-index: 1031; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sp-close-button{ display: none; position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border: 1px solid rgba(255,255,255, .5); opacity: .5; border-radius: 50%; transform: rotate(-45deg); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-close-button:hover{ opacity: .75; transform: rotate(45deg); } .sp-close-button:before{ content: ""; position: absolute; top: 50%; left: 50%; width:14px; height: 2px; margin: -1px 0 0 -7px; background: #fff; } .sp-close-button:after{ content: ""; position: absolute; top: 50%; left: 50%; width:2px; height: 14px; margin: -7px 0 0 -1px; background: #fff; } /* Responsive menu button */ .sp-button{ display: none; position: fixed; top: 20px; left: 20px; width: 54px; height: 54px; background: #111; opacity: .85; text-indent: -12345px; z-index: 1030; border-radius: 50%; transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-button:hover{ opacity: 1; } .sp-button span{ display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-button span:before, .sp-button span:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; } .sp-button span:after{ top: auto; bottom: -6px; } /* Logo */ .sp-logo-wrap{ } .sp-logo-wrap .logo{ display: block; padding: 30px; text-align: center; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-logo-wrap .logo img{ max-width: 100%; } /* Menu */ .sp-wrapper{ } .sp-menu-links, .sp-menu-links ul{ margin: 0; padding: 10px 0; line-height: 1.3; text-align: center; } .sp-menu-links ul.sp-sub{ padding: 0; } .sp-menu-links a{ display: block; position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 14px; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); z-index: 11; } .no-touch .sp-menu-links a:hover, .sp-menu-links a:active, .sp-menu-links li.js-opened > a{ color: #d5d5d5; text-decoration: none; } .no-touch .sp-menu-links a:hover{ background-color: rgba(255,255,255, .05); } .sp-menu-links li{ margin: 0; padding: 0; position: relative; overflow: hidden; } .sp-menu-links li > a:active, .sp-menu-links li a.active{ color: #f5f5f5; } .sp-menu-links li.js-opened:before{ display: none; } .no-touch .sp-menu-links li.js-opened > a:hover, .sp-menu-links li.js-opened > a:active{ color: #fff; } .sp-has-sub{ } .sp-has-sub .fa{ font-size: 14px; } .js-opened > .sp-has-sub > .fa{ color: #fff; } .sp-sub{ display: none; opacity: 0; position: relative; } .sp-sub > li > a{ padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; } .sp-menu-links li.js-opened .sp-sub{ opacity: 1; } .sp-search{ width: 100%; } .sp-search input.search-field{ background: transparent; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255,255,255, .2); } .sp-search input.search-field:hover{ border: none; border-bottom: 1px solid rgba(255,255,255, .4); } .sp-search input.search-field:focus{ color: #999; border-color: rgba(255,255,255, .7); } .sp-search .search-button:hover{ color: #fff; } /* Social links */ .sp-social-links{ position: fixed; bottom: 0; left: 0; width: inherit; padding: 10px 10px 30px 10px; font-size: 14px; text-align: center; background: transparent; box-sizing: border-box; z-index: 1032; } .sp-social-links > a{ display: inline-block; margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255,255,255, .15); text-align: center; text-decoration: none; color: #555; border-radius: 50%; transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-social-links > a:hover{ border-color: rgba(255,255,255, .3); color: #999; } /* White side panel */ .side-panel.white{ color: rgba(0,0,0, .65) !important; background: #fafafa; border-right: 1px solid rgba(0,0,0, .07); } .side-panel.white .sp-close-button{ border: 1px solid rgba(0,0,0, .5); } .side-panel.white .sp-close-button:before{ background: #000; } .side-panel.white .sp-close-button:after{ background: #000; } .side-panel.white .sp-menu-links a{ color: #777; -webkit-tap-highlight-color: rgba(0,0,0, .05); } .side-panel.white .sp-menu-links li{ border-top: 1px solid rgba(0,0,0, .04); } .side-panel.white .sp-menu-links li:last-child{ border-bottom: 1px solid rgba(0,0,0, .04); } .no-touch .side-panel.white .sp-menu-links a:hover, .side-panel.white .sp-menu-links a:active, .side-panel.white .sp-menu-links li.js-opened > a{ color: #111; text-decoration: none; } .no-touch .side-panel.white .sp-menu-links a:hover{ background-color: rgba(0,0,0, .03); } .side-panel.white .sp-menu-links li > a:active, .side-panel.white .sp-menu-links li a.active{ color: #111; } .no-touch .side-panel.white .sp-menu-links li.js-opened > a:hover, .side-panel.white .sp-menu-links li.js-opened > a:active{ color: #111; } .side-panel.white .js-opened > .sp-has-sub > .fa{ color: #333; } .side-panel.white .sp-sub > li{ border: none!important; } .side-panel.white .sp-social-links > a{ border: 1px solid rgba(0,0,0, .15); color: rgba(0,0,0, .4); } .side-panel.white .sp-social-links > a:hover{ border-color: rgba(0,0,0, .3); color: rgba(0,0,0, .75); } /* Photo Tilt effect */ .tilt-wrap{ width: 100%; position: relative; } .tilt{ overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; } .tilt__back, .tilt__front{ width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; backface-visibility: hidden; } .tilt__back{ position: relative; } .tilt__front{ position: absolute; top: 0; left: 0; } /* * Coming soon page */ .countdown{ display: inline-block; } .countdown > li{ float: left; margin: 0 30px; } .countdown-number{ position: relative; display: block; width: 94px; height: 94px; color: #111; font-size: 36px; text-align: center; line-height: 84px; } .countdown-number > span{ position: relative; z-index: 2; } .countdown-number > b{ display: block; width: 100%; position: absolute; bottom: 20px; left: 0; font-size: 10px; text-transform: uppercase; line-height: 1; color: #999; z-index: 2; } .countdown-number:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255, .95); border-radius: 3px; transform: rotate(45deg); z-index: 1; } /* Dark Timer */ .countdown.dark .countdown-number{ color: #fff; } .countdown.dark .countdown-number > b{ color: #aaa; } .countdown.dark .countdown-number:before{ background: rgba(0,0,0, .8); } /* ============================== Bootstrap multicolumn grid ============================== */ /* clear the first in row for any block that has the class "multi-columns-row" */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 768px) { /* reset previous grid */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; } /* clear first in row for small columns */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { /* reset previous grid */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; } /* clear first in row for medium columns */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { /* reset previous grid */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; } /* clear first in row for large columns */ .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; } } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .clearlist { vertical-align: middle; } }} .pdf-container { position: relative; padding-bottom: 130%; height: 0; clear: both; margin: 10px 0px 20px 0px; } .pdf-container iframe, .pdf-container object, .pdf-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-section p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; text-align: justify; } //@media screen and (min-width:991px) { //.page-section p { //-webkit-column-count: 3; -webkit-column-gap: 30px; //-moz-column-count: 3; -moz-column-gap: 30px; //column-count: 3; column-gap: 30px; //}} // //@media screen and (min-width:768px) and (max-width:990px) { // //.page-section p { //-webkit-column-count: 2; -webkit-column-gap: 30px; //-moz-column-count: 2; -moz-column-gap: 30px; //column-count: 2; column-gap: 30px; //}} .fondo h4 { font-family: "Bodoni-Bold", serif; font-size: 20px; line-height: 1.4em; padding-bottom: 10px; } address { font-size: 14px; margin: 11px 0px; font-family: "Work-Sans-Medium", sans-serif; } ul.footer-list { display: block; list-style: none; margin: 0; padding: 0; font-size: 14px; text-transform: uppercase } ul.footer-list li { display: block; list-style: none; } ul.footer-list li a { text-decoration: none; display: block; color: #ffffff; padding: 0px 10px; border-left: 2px dotted rgba(255,255,255,0.6); margin-bottom: 4px; line-height: 15px; } ul.footer-list li a:hover { text-decoration: none; background: rgba(255,255,255,0.6); border-left: 2px dotted rgba(255,255,255,0); color: rgba(0,0,0,0.6); } .modal h3 { margin: 0px } .pcat { background: white } .pcat a { text-decoration: none; color: #333} .pcat a h2 { margin: 0px; text-align: center; transition: all 0.2s ease-in-out; } .pcat a:hover h2 { color: #8b5e3b } .pcat img { max-width: 100%; margin: 0px auto; transform: scale(0.9); transition: all 0.4s ease-in-out; } .pcat:hover img { transform: scale(1.01); } #portfolio-filter { margin-top: 10px; padding: 0; list-style-type: none; } #portfolio-filter li { list-style-type: none; margin-top: 0px; display: inline-block; } #portfolio-filter li a.btn.btn-mod { font-family: "Work-Sans-Medium", sans-serif; line-height: 12px; } .mh-x2 { line-height: 1.2em; min-height: 40px; margin-bottom: -2px; font-size: 21px; } .dec-none, .dec-none:hover { text-decoration: none; } /* ========================================================================== tavole ========================================================================== */ .table th { color: #8b5e3b; font-family: 'Work-Sans-Bold', sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 12px; line-height: 16px; } .table td { font-size: 13px; line-height: 16px; } /* ========================================================================== custom ========================================================================== */ .divider { width: 100%; clear: both; display: block; border-top-color: #8b5e3b; margin-top: 0px; margin-bottom: 40px; } .corona img { margin: 10px 0px; max-width: 100%; max-height: 100px; transition: all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .corona a:hover img { opacity: 0.6; } .prtitle { margin: 0px; padding: 20px 0px 8px 15px; line-height: 24px; text-transform: uppercase; } .table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr>td, .table>tbody>tr>td { padding: 3px 5px; } .crom { width: auto; margin: 0px 6px 6px 0px } .crom tr td:first-child { padding: 0px; width: 26px } .crom img { width: 26px height: 26px } .cromline { width: auto; margin: 0px 5% 15px 0px } .cromline tr td:first-child { padding: 0px; width: 45px } .cromline img { width: 45px height: 45px } .nota { font-size: 11px } th { text-transform: uppercase; } th>img { height: 16px !important; } .bottoni .btn { margin: 0px 2% 15px 0px } @media (min-width:768px){.modal-dialog{width:642px;margin:30px auto} .antispam { width: 59px; height: 18px } .warranty, .privacy { margin-right: 15px; } html { overflow-y: scroll !important; } body .modal-open { overflow: visible; } .glossary { color: RoyalBlue; font-family: 'Work-Sans-Bold', sans-serif; text-decoration: none } .glossary:hover { color: #888; text-decoration: none } .icocar { min-height: 29px; } /* ========================================================================== flexvideo ========================================================================== */ .video-container { position: relative; padding-bottom: 56.1%; } .video-caption { font-size: 12px; line-height: 15px; margin: 5px 0px; color: #444; min-height: 30px; overflow: hidden } .video-caption span{ font-size: 14px; line-height: 15px; width: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0px; } .formati { max-height: 55px; opacity: 1; transform: scale(0.9); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .formati:hover { opacity: .5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 1470px) { .inner-nav ul li { margin-left: 25px; } } } @media (min-width: 380px){ .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 33.3%; *width: 33.3%; float: left; } } @media (min-width: 768px){ .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 25%; *width: 25%; float: left; } } @media (min-width: 992px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.2857%; *width: 14.2857%; float: left; } } @media (min-width: 1200px) { .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.2857%; *width: 14.2857%; float: left; } } .wapp { margin-right: 7px; } .wapp img { width: 17px; margin-top: -3px } .small-height .logo-light { display: none; } .big-height .logo-dark { display: none; } @media only screen and (max-width: 5000px) { .half-30 { height: 30vh; } .half-40 { height: 40vh; } .half-50 { height: 50vh; } .half-60 { height: 60vh; } .half-70 { height: 70vh; } .half-80 { height: 80vh; } .half-90 { height: 90vh; } .half-100 { height: 100vh; } } @media only screen and (max-width: 768px ){ .half-30, .half-40, .half-50, .half-60 { height: 70vh; } .half-70, .half-80, .half-90, .half-100 { height: 100vh; } } @media only screen and (max-width: 420px){ .half-30, .half-40, .half-50, .half-60, .half-70, .half-80, .half-90, .half-100 { height: 100vh; height: calc(var(--vh, 1vh) * 100); } } /* * feature box */ .feature-box { padding: 64px 40px; position: relative; z-index: 1; overflow: hidden; min-height: 397px; } .feature-box .background-image-holder { z-index: 0; left: 0; } .feature-box .background-image-holder.overlay:before { position: absolute; width: 100%; height: 100%; top: 0px; z-index: -1; } .feature-box h1 { margin-bottom: 24px; } .feature-box .btn { margin-top: 24px; } .feature-box .inner { width: 100%; position: relative; z-index: 3; } .contained-feature-boxes .row { padding: 0px 15px; } .contained-feature-boxes .image-slider { margin: 0px; } .contained-feature-boxes .image-slider .flex-direction-nav { display: none; } .contained-feature-boxes .image-slider .flex-control-nav { bottom: 24px; } .contained-feature-boxes .image-slider .flex-control-nav li a { background: rgba(255, 255, 255, 0.5); } .contained-feature-boxes .image-slider .flex-control-nav li a.flex-active { background: rgba(255, 255, 255, 0.9); } .feature-box.contained { padding: 40px; overflow: hidden; } .feature-box.contained .inner { width: 100%; } /* * parallax background */ .background-image-holder, .foreground-image-holder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover !important; z-index: 0; background-position: 50% 50% !important; } .background-image-holder.parallax-background { height: 120%; top: -10%; } .hover-background .background-image-holder, .hover-background .foreground-image-holder { transition: all 0.3s ease-out; } .hover-background .background-image-holder { height: 110%; width: 110%; } .text-white { color: #fff; } .no-pad { padding: 0px; } .x-pad { padding: 8px; color: #fff; } .darkbox { transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } a.darkbox { text-decoration: none !important; } .darkbox .background-image-holder:before { transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .1); } .darkbox:hover .background-image-holder:before { background: rgba(34,34,34, .3); } .mapp { height: 350px; padding: 0px !important; } #cookie-law { position:fixed; width:100%; z-index:1000; background:#fff; bottom:0px; left:0px; padding: 15px 10%; text-align: center; border-top: 1px solid #8b5e3b; } /* ========================================================================== switcher ========================================================================== */ .ui-switcher { background-color: #bdc1c2; display: inline-block; height: 20px; width: 50px; border-radius: 10px; box-sizing: border-box; vertical-align: middle; position: relative; cursor: pointer; transition: border-color 0.25s; margin: -2px 4px 0 0; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .ui-switcher:before { font-family: sans-serif; font-size: 12px; font-weight: 400; color: #ffffff; line-height: 1; display: inline-block; position: absolute; top: 5px; height: 12px; width: 20px; text-align: center; } .ui-switcher[aria-checked=false]:before { right: 9px; } .ui-switcher[aria-checked=true]:before { left: 9px; } .it[aria-checked=false]:before{ content: 'No'; } .it[aria-checked=true]:before { content: 'Sì'; } .en[aria-checked=false]:before{ content: 'No'; } .en[aria-checked=true]:before { content: 'Yes'; } .fr[aria-checked=false]:before{ content: 'No'; } .fr[aria-checked=true]:before { content: 'Oui'; } .de[aria-checked=false]:before{ content: 'Nein';} .de[aria-checked=true]:before { content: 'Ja'; } .es[aria-checked=false]:before{ content: 'No'; } .es[aria-checked=true]:before { content: 'Sí'; } .ru[aria-checked=false]:before{ content: 'Нет'; } .ru[aria-checked=true]:before { content: 'да'; } .ui-switcher[aria-checked=true] { background-color: #64A70B; } .ui-switcher:after { background-color: #ffffff; content: '\0020'; display: inline-block; position: absolute; top: 2px; height: 16px; width: 16px; border-radius: 50%; transition: left 0.25s; } .ui-switcher[aria-checked=false]:after { left: 2px; } .ui-switcher[aria-checked=true]:after { left: 30px; } .logo-home { max-height:70vh; max-width: 100%; } .pitto { width:76px; min-height: 110px; margin:15px 2px 0px 0px; float: left; text-align: center; font-family: "WorkSans-Regular", sans-serif; font-size: 11px; line-height: 1.1em; } .pitto img{ width:50px; margin: 0px 10px 5px 13px; } .taglie tr > td:last-of-type { font-family: "Work-Sans-Bold", sans-serif; opacity: 0.5; }