├── README.md ├── catagory.html ├── contact.html ├── css ├── animate.css ├── bootstrap.min.css ├── font-awesome.min.css ├── magnific-popup.css ├── owl.carousel.css └── themify-icons.css ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.svg ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff ├── fontawesome-webfont.woff2 ├── themify.eot ├── themify.svg ├── themify.ttf └── themify.woff ├── img ├── blog-img │ ├── b1.jpg │ ├── b10.jpg │ ├── b11.jpg │ ├── b12.jpg │ ├── b13.jpg │ ├── b14.jpg │ ├── b15.jpg │ ├── b16.jpg │ ├── b17.jpg │ ├── b18.jpg │ ├── b19.jpg │ ├── b2.jpg │ ├── b20.jpg │ ├── b21.jpg │ ├── b22.jpg │ ├── b23.jpg │ ├── b24.jpg │ ├── b3.jpg │ ├── b4.jpg │ ├── b5.jpg │ ├── b6.jpg │ ├── b7.jpg │ ├── b8.jpg │ ├── bg1.jpg │ ├── bg2.jpg │ ├── bg3.jpg │ └── bg4.jpg └── core-img │ ├── favicon.ico │ └── logo.png ├── index.html ├── js ├── active.js ├── bootstrap.min.js ├── jquery │ └── jquery-2.2.4.min.js ├── map-active.js ├── plugins.js └── popper.min.js ├── regular-page.html ├── scss ├── _mixin.scss ├── _responsive.scss ├── _theme_color.scss ├── _variables.scss └── style.scss ├── single-blog.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # WebBasedSystem 2 | This project made up of php, mysql, html, csc and JavaScript and was made by Rwema. 3 | It can help U to learn those languages 4 | 5 | Author: RWEMA 6 | Year:2016 7 | #1000YEARSOFCODING 8 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | World - Blog & Magazine Template 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |
28 |
29 | 30 | 31 | 32 |
33 |
34 |
35 |
36 | 80 |
81 |
82 |
83 |
84 | 85 | 86 | 87 |
88 | 89 | 90 |
91 |
92 |
93 | 94 |
95 |
96 |
Get in Touch
97 | 98 |
99 |
100 |
101 |
102 | 103 | 104 | 105 | 106 |
107 |
108 |
109 |
110 | 111 | 112 | 113 | 114 |
115 |
116 |
117 |
118 | 119 | 120 | 121 | 122 |
123 |
124 |
125 | 126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 | 135 | 136 | 141 | 142 | 143 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 197 | 198 | 199 | 200 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{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'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');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} 5 | -------------------------------------------------------------------------------- /css/magnific-popup.css: -------------------------------------------------------------------------------- 1 | .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} -------------------------------------------------------------------------------- /css/owl.carousel.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Owl Carousel - Animate Plugin 3 | */ 4 | .owl-carousel .animated { 5 | -webkit-animation-duration: 1000ms; 6 | animation-duration: 1000ms; 7 | -webkit-animation-fill-mode: both; 8 | animation-fill-mode: both; 9 | } 10 | .owl-carousel .owl-animated-in { 11 | z-index: 0; 12 | } 13 | .owl-carousel .owl-animated-out { 14 | z-index: 1; 15 | } 16 | .owl-carousel .fadeOut { 17 | -webkit-animation-name: fadeOut; 18 | animation-name: fadeOut; 19 | } 20 | 21 | @-webkit-keyframes fadeOut { 22 | 0% { 23 | opacity: 1; 24 | } 25 | 26 | 100% { 27 | opacity: 0; 28 | } 29 | } 30 | @keyframes fadeOut { 31 | 0% { 32 | opacity: 1; 33 | } 34 | 35 | 100% { 36 | opacity: 0; 37 | } 38 | } 39 | 40 | /* 41 | * Owl Carousel - Auto Height Plugin 42 | */ 43 | .owl-height { 44 | -webkit-transition: height 500ms ease-in-out; 45 | -moz-transition: height 500ms ease-in-out; 46 | -ms-transition: height 500ms ease-in-out; 47 | -o-transition: height 500ms ease-in-out; 48 | transition: height 500ms ease-in-out; 49 | } 50 | 51 | /* 52 | * Core Owl Carousel CSS File 53 | */ 54 | .owl-carousel { 55 | display: none; 56 | width: 100%; 57 | -webkit-tap-highlight-color: transparent; 58 | /* position relative and z-index fix webkit rendering fonts issue */ 59 | position: relative; 60 | z-index: 1; 61 | } 62 | .owl-carousel .owl-stage { 63 | position: relative; 64 | -ms-touch-action: pan-Y; 65 | } 66 | .owl-carousel .owl-stage:after { 67 | content: "."; 68 | display: block; 69 | clear: both; 70 | visibility: hidden; 71 | line-height: 0; 72 | height: 0; 73 | } 74 | .owl-carousel .owl-stage-outer { 75 | position: relative; 76 | overflow: hidden; 77 | /* fix for flashing background */ 78 | -webkit-transform: translate3d(0px, 0px, 0px); 79 | } 80 | .owl-carousel .owl-controls .owl-nav .owl-prev, 81 | .owl-carousel .owl-controls .owl-nav .owl-next, 82 | .owl-carousel .owl-controls .owl-dot { 83 | cursor: pointer; 84 | cursor: hand; 85 | -webkit-user-select: none; 86 | -khtml-user-select: none; 87 | -moz-user-select: none; 88 | -ms-user-select: none; 89 | user-select: none; 90 | } 91 | .owl-carousel.owl-loaded { 92 | display: block; 93 | } 94 | .owl-carousel.owl-loading { 95 | opacity: 0; 96 | display: block; 97 | } 98 | .owl-carousel.owl-hidden { 99 | opacity: 0; 100 | } 101 | .owl-carousel .owl-refresh .owl-item { 102 | display: none; 103 | } 104 | .owl-carousel .owl-item { 105 | position: relative; 106 | min-height: 1px; 107 | float: left; 108 | -webkit-backface-visibility: hidden; 109 | -webkit-tap-highlight-color: transparent; 110 | -webkit-touch-callout: none; 111 | -webkit-user-select: none; 112 | -moz-user-select: none; 113 | -ms-user-select: none; 114 | user-select: none; 115 | } 116 | .owl-carousel .owl-item img { 117 | display: block; 118 | width: 100%; 119 | -webkit-transform-style: preserve-3d; 120 | } 121 | .owl-carousel.owl-text-select-on .owl-item { 122 | -webkit-user-select: auto; 123 | -moz-user-select: auto; 124 | -ms-user-select: auto; 125 | user-select: auto; 126 | } 127 | .owl-carousel .owl-grab { 128 | cursor: move; 129 | cursor: -webkit-grab; 130 | cursor: -o-grab; 131 | cursor: -ms-grab; 132 | cursor: grab; 133 | } 134 | .owl-carousel.owl-rtl { 135 | direction: rtl; 136 | } 137 | .owl-carousel.owl-rtl .owl-item { 138 | float: right; 139 | } 140 | 141 | /* No Js */ 142 | .no-js .owl-carousel { 143 | display: block; 144 | } 145 | 146 | /* 147 | * Owl Carousel - Lazy Load Plugin 148 | */ 149 | .owl-carousel .owl-item .owl-lazy { 150 | opacity: 0; 151 | -webkit-transition: opacity 400ms ease; 152 | -moz-transition: opacity 400ms ease; 153 | -ms-transition: opacity 400ms ease; 154 | -o-transition: opacity 400ms ease; 155 | transition: opacity 400ms ease; 156 | } 157 | .owl-carousel .owl-item img { 158 | transform-style: preserve-3d; 159 | } 160 | 161 | /* 162 | * Owl Carousel - Video Plugin 163 | */ 164 | .owl-carousel .owl-video-wrapper { 165 | position: relative; 166 | height: 100%; 167 | background: #000; 168 | } 169 | .owl-carousel .owl-video-play-icon { 170 | position: absolute; 171 | height: 80px; 172 | width: 80px; 173 | left: 50%; 174 | top: 50%; 175 | margin-left: -40px; 176 | margin-top: -40px; 177 | background: url("owl.video.play.png") no-repeat; 178 | cursor: pointer; 179 | z-index: 1; 180 | -webkit-backface-visibility: hidden; 181 | -webkit-transition: scale 100ms ease; 182 | -moz-transition: scale 100ms ease; 183 | -ms-transition: scale 100ms ease; 184 | -o-transition: scale 100ms ease; 185 | transition: scale 100ms ease; 186 | } 187 | .owl-carousel .owl-video-play-icon:hover { 188 | -webkit-transition: scale(1.3, 1.3); 189 | -moz-transition: scale(1.3, 1.3); 190 | -ms-transition: scale(1.3, 1.3); 191 | -o-transition: scale(1.3, 1.3); 192 | transition: scale(1.3, 1.3); 193 | } 194 | .owl-carousel .owl-video-playing .owl-video-tn, 195 | .owl-carousel .owl-video-playing .owl-video-play-icon { 196 | display: none; 197 | } 198 | .owl-carousel .owl-video-tn { 199 | opacity: 0; 200 | height: 100%; 201 | background-position: center center; 202 | background-repeat: no-repeat; 203 | -webkit-background-size: contain; 204 | -moz-background-size: contain; 205 | -o-background-size: contain; 206 | background-size: contain; 207 | -webkit-transition: opacity 400ms ease; 208 | -moz-transition: opacity 400ms ease; 209 | -ms-transition: opacity 400ms ease; 210 | -o-transition: opacity 400ms ease; 211 | transition: opacity 400ms ease; 212 | } 213 | .owl-carousel .owl-video-frame { 214 | position: relative; 215 | z-index: 1; 216 | } 217 | -------------------------------------------------------------------------------- /css/themify-icons.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'themify'; 3 | src:url('../fonts/themify.eot?-fvbane'); 4 | src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), 5 | url('../fonts/themify.woff?-fvbane') format('woff'), 6 | url('../fonts/themify.ttf?-fvbane') format('truetype'), 7 | url('../fonts/themify.svg?-fvbane#themify') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="ti-"], [class*=" ti-"] { 13 | font-family: 'themify'; 14 | speak: none; 15 | font-style: normal; 16 | font-weight: normal; 17 | font-variant: normal; 18 | text-transform: none; 19 | line-height: 1; 20 | 21 | /* Better Font Rendering =========== */ 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | } 25 | 26 | .ti-wand:before { 27 | content: "\e600"; 28 | } 29 | .ti-volume:before { 30 | content: "\e601"; 31 | } 32 | .ti-user:before { 33 | content: "\e602"; 34 | } 35 | .ti-unlock:before { 36 | content: "\e603"; 37 | } 38 | .ti-unlink:before { 39 | content: "\e604"; 40 | } 41 | .ti-trash:before { 42 | content: "\e605"; 43 | } 44 | .ti-thought:before { 45 | content: "\e606"; 46 | } 47 | .ti-target:before { 48 | content: "\e607"; 49 | } 50 | .ti-tag:before { 51 | content: "\e608"; 52 | } 53 | .ti-tablet:before { 54 | content: "\e609"; 55 | } 56 | .ti-star:before { 57 | content: "\e60a"; 58 | } 59 | .ti-spray:before { 60 | content: "\e60b"; 61 | } 62 | .ti-signal:before { 63 | content: "\e60c"; 64 | } 65 | .ti-shopping-cart:before { 66 | content: "\e60d"; 67 | } 68 | .ti-shopping-cart-full:before { 69 | content: "\e60e"; 70 | } 71 | .ti-settings:before { 72 | content: "\e60f"; 73 | } 74 | .ti-search:before { 75 | content: "\e610"; 76 | } 77 | .ti-zoom-in:before { 78 | content: "\e611"; 79 | } 80 | .ti-zoom-out:before { 81 | content: "\e612"; 82 | } 83 | .ti-cut:before { 84 | content: "\e613"; 85 | } 86 | .ti-ruler:before { 87 | content: "\e614"; 88 | } 89 | .ti-ruler-pencil:before { 90 | content: "\e615"; 91 | } 92 | .ti-ruler-alt:before { 93 | content: "\e616"; 94 | } 95 | .ti-bookmark:before { 96 | content: "\e617"; 97 | } 98 | .ti-bookmark-alt:before { 99 | content: "\e618"; 100 | } 101 | .ti-reload:before { 102 | content: "\e619"; 103 | } 104 | .ti-plus:before { 105 | content: "\e61a"; 106 | } 107 | .ti-pin:before { 108 | content: "\e61b"; 109 | } 110 | .ti-pencil:before { 111 | content: "\e61c"; 112 | } 113 | .ti-pencil-alt:before { 114 | content: "\e61d"; 115 | } 116 | .ti-paint-roller:before { 117 | content: "\e61e"; 118 | } 119 | .ti-paint-bucket:before { 120 | content: "\e61f"; 121 | } 122 | .ti-na:before { 123 | content: "\e620"; 124 | } 125 | .ti-mobile:before { 126 | content: "\e621"; 127 | } 128 | .ti-minus:before { 129 | content: "\e622"; 130 | } 131 | .ti-medall:before { 132 | content: "\e623"; 133 | } 134 | .ti-medall-alt:before { 135 | content: "\e624"; 136 | } 137 | .ti-marker:before { 138 | content: "\e625"; 139 | } 140 | .ti-marker-alt:before { 141 | content: "\e626"; 142 | } 143 | .ti-arrow-up:before { 144 | content: "\e627"; 145 | } 146 | .ti-arrow-right:before { 147 | content: "\e628"; 148 | } 149 | .ti-arrow-left:before { 150 | content: "\e629"; 151 | } 152 | .ti-arrow-down:before { 153 | content: "\e62a"; 154 | } 155 | .ti-lock:before { 156 | content: "\e62b"; 157 | } 158 | .ti-location-arrow:before { 159 | content: "\e62c"; 160 | } 161 | .ti-link:before { 162 | content: "\e62d"; 163 | } 164 | .ti-layout:before { 165 | content: "\e62e"; 166 | } 167 | .ti-layers:before { 168 | content: "\e62f"; 169 | } 170 | .ti-layers-alt:before { 171 | content: "\e630"; 172 | } 173 | .ti-key:before { 174 | content: "\e631"; 175 | } 176 | .ti-import:before { 177 | content: "\e632"; 178 | } 179 | .ti-image:before { 180 | content: "\e633"; 181 | } 182 | .ti-heart:before { 183 | content: "\e634"; 184 | } 185 | .ti-heart-broken:before { 186 | content: "\e635"; 187 | } 188 | .ti-hand-stop:before { 189 | content: "\e636"; 190 | } 191 | .ti-hand-open:before { 192 | content: "\e637"; 193 | } 194 | .ti-hand-drag:before { 195 | content: "\e638"; 196 | } 197 | .ti-folder:before { 198 | content: "\e639"; 199 | } 200 | .ti-flag:before { 201 | content: "\e63a"; 202 | } 203 | .ti-flag-alt:before { 204 | content: "\e63b"; 205 | } 206 | .ti-flag-alt-2:before { 207 | content: "\e63c"; 208 | } 209 | .ti-eye:before { 210 | content: "\e63d"; 211 | } 212 | .ti-export:before { 213 | content: "\e63e"; 214 | } 215 | .ti-exchange-vertical:before { 216 | content: "\e63f"; 217 | } 218 | .ti-desktop:before { 219 | content: "\e640"; 220 | } 221 | .ti-cup:before { 222 | content: "\e641"; 223 | } 224 | .ti-crown:before { 225 | content: "\e642"; 226 | } 227 | .ti-comments:before { 228 | content: "\e643"; 229 | } 230 | .ti-comment:before { 231 | content: "\e644"; 232 | } 233 | .ti-comment-alt:before { 234 | content: "\e645"; 235 | } 236 | .ti-close:before { 237 | content: "\e646"; 238 | } 239 | .ti-clip:before { 240 | content: "\e647"; 241 | } 242 | .ti-angle-up:before { 243 | content: "\e648"; 244 | } 245 | .ti-angle-right:before { 246 | content: "\e649"; 247 | } 248 | .ti-angle-left:before { 249 | content: "\e64a"; 250 | } 251 | .ti-angle-down:before { 252 | content: "\e64b"; 253 | } 254 | .ti-check:before { 255 | content: "\e64c"; 256 | } 257 | .ti-check-box:before { 258 | content: "\e64d"; 259 | } 260 | .ti-camera:before { 261 | content: "\e64e"; 262 | } 263 | .ti-announcement:before { 264 | content: "\e64f"; 265 | } 266 | .ti-brush:before { 267 | content: "\e650"; 268 | } 269 | .ti-briefcase:before { 270 | content: "\e651"; 271 | } 272 | .ti-bolt:before { 273 | content: "\e652"; 274 | } 275 | .ti-bolt-alt:before { 276 | content: "\e653"; 277 | } 278 | .ti-blackboard:before { 279 | content: "\e654"; 280 | } 281 | .ti-bag:before { 282 | content: "\e655"; 283 | } 284 | .ti-move:before { 285 | content: "\e656"; 286 | } 287 | .ti-arrows-vertical:before { 288 | content: "\e657"; 289 | } 290 | .ti-arrows-horizontal:before { 291 | content: "\e658"; 292 | } 293 | .ti-fullscreen:before { 294 | content: "\e659"; 295 | } 296 | .ti-arrow-top-right:before { 297 | content: "\e65a"; 298 | } 299 | .ti-arrow-top-left:before { 300 | content: "\e65b"; 301 | } 302 | .ti-arrow-circle-up:before { 303 | content: "\e65c"; 304 | } 305 | .ti-arrow-circle-right:before { 306 | content: "\e65d"; 307 | } 308 | .ti-arrow-circle-left:before { 309 | content: "\e65e"; 310 | } 311 | .ti-arrow-circle-down:before { 312 | content: "\e65f"; 313 | } 314 | .ti-angle-double-up:before { 315 | content: "\e660"; 316 | } 317 | .ti-angle-double-right:before { 318 | content: "\e661"; 319 | } 320 | .ti-angle-double-left:before { 321 | content: "\e662"; 322 | } 323 | .ti-angle-double-down:before { 324 | content: "\e663"; 325 | } 326 | .ti-zip:before { 327 | content: "\e664"; 328 | } 329 | .ti-world:before { 330 | content: "\e665"; 331 | } 332 | .ti-wheelchair:before { 333 | content: "\e666"; 334 | } 335 | .ti-view-list:before { 336 | content: "\e667"; 337 | } 338 | .ti-view-list-alt:before { 339 | content: "\e668"; 340 | } 341 | .ti-view-grid:before { 342 | content: "\e669"; 343 | } 344 | .ti-uppercase:before { 345 | content: "\e66a"; 346 | } 347 | .ti-upload:before { 348 | content: "\e66b"; 349 | } 350 | .ti-underline:before { 351 | content: "\e66c"; 352 | } 353 | .ti-truck:before { 354 | content: "\e66d"; 355 | } 356 | .ti-timer:before { 357 | content: "\e66e"; 358 | } 359 | .ti-ticket:before { 360 | content: "\e66f"; 361 | } 362 | .ti-thumb-up:before { 363 | content: "\e670"; 364 | } 365 | .ti-thumb-down:before { 366 | content: "\e671"; 367 | } 368 | .ti-text:before { 369 | content: "\e672"; 370 | } 371 | .ti-stats-up:before { 372 | content: "\e673"; 373 | } 374 | .ti-stats-down:before { 375 | content: "\e674"; 376 | } 377 | .ti-split-v:before { 378 | content: "\e675"; 379 | } 380 | .ti-split-h:before { 381 | content: "\e676"; 382 | } 383 | .ti-smallcap:before { 384 | content: "\e677"; 385 | } 386 | .ti-shine:before { 387 | content: "\e678"; 388 | } 389 | .ti-shift-right:before { 390 | content: "\e679"; 391 | } 392 | .ti-shift-left:before { 393 | content: "\e67a"; 394 | } 395 | .ti-shield:before { 396 | content: "\e67b"; 397 | } 398 | .ti-notepad:before { 399 | content: "\e67c"; 400 | } 401 | .ti-server:before { 402 | content: "\e67d"; 403 | } 404 | .ti-quote-right:before { 405 | content: "\e67e"; 406 | } 407 | .ti-quote-left:before { 408 | content: "\e67f"; 409 | } 410 | .ti-pulse:before { 411 | content: "\e680"; 412 | } 413 | .ti-printer:before { 414 | content: "\e681"; 415 | } 416 | .ti-power-off:before { 417 | content: "\e682"; 418 | } 419 | .ti-plug:before { 420 | content: "\e683"; 421 | } 422 | .ti-pie-chart:before { 423 | content: "\e684"; 424 | } 425 | .ti-paragraph:before { 426 | content: "\e685"; 427 | } 428 | .ti-panel:before { 429 | content: "\e686"; 430 | } 431 | .ti-package:before { 432 | content: "\e687"; 433 | } 434 | .ti-music:before { 435 | content: "\e688"; 436 | } 437 | .ti-music-alt:before { 438 | content: "\e689"; 439 | } 440 | .ti-mouse:before { 441 | content: "\e68a"; 442 | } 443 | .ti-mouse-alt:before { 444 | content: "\e68b"; 445 | } 446 | .ti-money:before { 447 | content: "\e68c"; 448 | } 449 | .ti-microphone:before { 450 | content: "\e68d"; 451 | } 452 | .ti-menu:before { 453 | content: "\e68e"; 454 | } 455 | .ti-menu-alt:before { 456 | content: "\e68f"; 457 | } 458 | .ti-map:before { 459 | content: "\e690"; 460 | } 461 | .ti-map-alt:before { 462 | content: "\e691"; 463 | } 464 | .ti-loop:before { 465 | content: "\e692"; 466 | } 467 | .ti-location-pin:before { 468 | content: "\e693"; 469 | } 470 | .ti-list:before { 471 | content: "\e694"; 472 | } 473 | .ti-light-bulb:before { 474 | content: "\e695"; 475 | } 476 | .ti-Italic:before { 477 | content: "\e696"; 478 | } 479 | .ti-info:before { 480 | content: "\e697"; 481 | } 482 | .ti-infinite:before { 483 | content: "\e698"; 484 | } 485 | .ti-id-badge:before { 486 | content: "\e699"; 487 | } 488 | .ti-hummer:before { 489 | content: "\e69a"; 490 | } 491 | .ti-home:before { 492 | content: "\e69b"; 493 | } 494 | .ti-help:before { 495 | content: "\e69c"; 496 | } 497 | .ti-headphone:before { 498 | content: "\e69d"; 499 | } 500 | .ti-harddrives:before { 501 | content: "\e69e"; 502 | } 503 | .ti-harddrive:before { 504 | content: "\e69f"; 505 | } 506 | .ti-gift:before { 507 | content: "\e6a0"; 508 | } 509 | .ti-game:before { 510 | content: "\e6a1"; 511 | } 512 | .ti-filter:before { 513 | content: "\e6a2"; 514 | } 515 | .ti-files:before { 516 | content: "\e6a3"; 517 | } 518 | .ti-file:before { 519 | content: "\e6a4"; 520 | } 521 | .ti-eraser:before { 522 | content: "\e6a5"; 523 | } 524 | .ti-envelope:before { 525 | content: "\e6a6"; 526 | } 527 | .ti-download:before { 528 | content: "\e6a7"; 529 | } 530 | .ti-direction:before { 531 | content: "\e6a8"; 532 | } 533 | .ti-direction-alt:before { 534 | content: "\e6a9"; 535 | } 536 | .ti-dashboard:before { 537 | content: "\e6aa"; 538 | } 539 | .ti-control-stop:before { 540 | content: "\e6ab"; 541 | } 542 | .ti-control-shuffle:before { 543 | content: "\e6ac"; 544 | } 545 | .ti-control-play:before { 546 | content: "\e6ad"; 547 | } 548 | .ti-control-pause:before { 549 | content: "\e6ae"; 550 | } 551 | .ti-control-forward:before { 552 | content: "\e6af"; 553 | } 554 | .ti-control-backward:before { 555 | content: "\e6b0"; 556 | } 557 | .ti-cloud:before { 558 | content: "\e6b1"; 559 | } 560 | .ti-cloud-up:before { 561 | content: "\e6b2"; 562 | } 563 | .ti-cloud-down:before { 564 | content: "\e6b3"; 565 | } 566 | .ti-clipboard:before { 567 | content: "\e6b4"; 568 | } 569 | .ti-car:before { 570 | content: "\e6b5"; 571 | } 572 | .ti-calendar:before { 573 | content: "\e6b6"; 574 | } 575 | .ti-book:before { 576 | content: "\e6b7"; 577 | } 578 | .ti-bell:before { 579 | content: "\e6b8"; 580 | } 581 | .ti-basketball:before { 582 | content: "\e6b9"; 583 | } 584 | .ti-bar-chart:before { 585 | content: "\e6ba"; 586 | } 587 | .ti-bar-chart-alt:before { 588 | content: "\e6bb"; 589 | } 590 | .ti-back-right:before { 591 | content: "\e6bc"; 592 | } 593 | .ti-back-left:before { 594 | content: "\e6bd"; 595 | } 596 | .ti-arrows-corner:before { 597 | content: "\e6be"; 598 | } 599 | .ti-archive:before { 600 | content: "\e6bf"; 601 | } 602 | .ti-anchor:before { 603 | content: "\e6c0"; 604 | } 605 | .ti-align-right:before { 606 | content: "\e6c1"; 607 | } 608 | .ti-align-left:before { 609 | content: "\e6c2"; 610 | } 611 | .ti-align-justify:before { 612 | content: "\e6c3"; 613 | } 614 | .ti-align-center:before { 615 | content: "\e6c4"; 616 | } 617 | .ti-alert:before { 618 | content: "\e6c5"; 619 | } 620 | .ti-alarm-clock:before { 621 | content: "\e6c6"; 622 | } 623 | .ti-agenda:before { 624 | content: "\e6c7"; 625 | } 626 | .ti-write:before { 627 | content: "\e6c8"; 628 | } 629 | .ti-window:before { 630 | content: "\e6c9"; 631 | } 632 | .ti-widgetized:before { 633 | content: "\e6ca"; 634 | } 635 | .ti-widget:before { 636 | content: "\e6cb"; 637 | } 638 | .ti-widget-alt:before { 639 | content: "\e6cc"; 640 | } 641 | .ti-wallet:before { 642 | content: "\e6cd"; 643 | } 644 | .ti-video-clapper:before { 645 | content: "\e6ce"; 646 | } 647 | .ti-video-camera:before { 648 | content: "\e6cf"; 649 | } 650 | .ti-vector:before { 651 | content: "\e6d0"; 652 | } 653 | .ti-themify-logo:before { 654 | content: "\e6d1"; 655 | } 656 | .ti-themify-favicon:before { 657 | content: "\e6d2"; 658 | } 659 | .ti-themify-favicon-alt:before { 660 | content: "\e6d3"; 661 | } 662 | .ti-support:before { 663 | content: "\e6d4"; 664 | } 665 | .ti-stamp:before { 666 | content: "\e6d5"; 667 | } 668 | .ti-split-v-alt:before { 669 | content: "\e6d6"; 670 | } 671 | .ti-slice:before { 672 | content: "\e6d7"; 673 | } 674 | .ti-shortcode:before { 675 | content: "\e6d8"; 676 | } 677 | .ti-shift-right-alt:before { 678 | content: "\e6d9"; 679 | } 680 | .ti-shift-left-alt:before { 681 | content: "\e6da"; 682 | } 683 | .ti-ruler-alt-2:before { 684 | content: "\e6db"; 685 | } 686 | .ti-receipt:before { 687 | content: "\e6dc"; 688 | } 689 | .ti-pin2:before { 690 | content: "\e6dd"; 691 | } 692 | .ti-pin-alt:before { 693 | content: "\e6de"; 694 | } 695 | .ti-pencil-alt2:before { 696 | content: "\e6df"; 697 | } 698 | .ti-palette:before { 699 | content: "\e6e0"; 700 | } 701 | .ti-more:before { 702 | content: "\e6e1"; 703 | } 704 | .ti-more-alt:before { 705 | content: "\e6e2"; 706 | } 707 | .ti-microphone-alt:before { 708 | content: "\e6e3"; 709 | } 710 | .ti-magnet:before { 711 | content: "\e6e4"; 712 | } 713 | .ti-line-double:before { 714 | content: "\e6e5"; 715 | } 716 | .ti-line-dotted:before { 717 | content: "\e6e6"; 718 | } 719 | .ti-line-dashed:before { 720 | content: "\e6e7"; 721 | } 722 | .ti-layout-width-full:before { 723 | content: "\e6e8"; 724 | } 725 | .ti-layout-width-default:before { 726 | content: "\e6e9"; 727 | } 728 | .ti-layout-width-default-alt:before { 729 | content: "\e6ea"; 730 | } 731 | .ti-layout-tab:before { 732 | content: "\e6eb"; 733 | } 734 | .ti-layout-tab-window:before { 735 | content: "\e6ec"; 736 | } 737 | .ti-layout-tab-v:before { 738 | content: "\e6ed"; 739 | } 740 | .ti-layout-tab-min:before { 741 | content: "\e6ee"; 742 | } 743 | .ti-layout-slider:before { 744 | content: "\e6ef"; 745 | } 746 | .ti-layout-slider-alt:before { 747 | content: "\e6f0"; 748 | } 749 | .ti-layout-sidebar-right:before { 750 | content: "\e6f1"; 751 | } 752 | .ti-layout-sidebar-none:before { 753 | content: "\e6f2"; 754 | } 755 | .ti-layout-sidebar-left:before { 756 | content: "\e6f3"; 757 | } 758 | .ti-layout-placeholder:before { 759 | content: "\e6f4"; 760 | } 761 | .ti-layout-menu:before { 762 | content: "\e6f5"; 763 | } 764 | .ti-layout-menu-v:before { 765 | content: "\e6f6"; 766 | } 767 | .ti-layout-menu-separated:before { 768 | content: "\e6f7"; 769 | } 770 | .ti-layout-menu-full:before { 771 | content: "\e6f8"; 772 | } 773 | .ti-layout-media-right-alt:before { 774 | content: "\e6f9"; 775 | } 776 | .ti-layout-media-right:before { 777 | content: "\e6fa"; 778 | } 779 | .ti-layout-media-overlay:before { 780 | content: "\e6fb"; 781 | } 782 | .ti-layout-media-overlay-alt:before { 783 | content: "\e6fc"; 784 | } 785 | .ti-layout-media-overlay-alt-2:before { 786 | content: "\e6fd"; 787 | } 788 | .ti-layout-media-left-alt:before { 789 | content: "\e6fe"; 790 | } 791 | .ti-layout-media-left:before { 792 | content: "\e6ff"; 793 | } 794 | .ti-layout-media-center-alt:before { 795 | content: "\e700"; 796 | } 797 | .ti-layout-media-center:before { 798 | content: "\e701"; 799 | } 800 | .ti-layout-list-thumb:before { 801 | content: "\e702"; 802 | } 803 | .ti-layout-list-thumb-alt:before { 804 | content: "\e703"; 805 | } 806 | .ti-layout-list-post:before { 807 | content: "\e704"; 808 | } 809 | .ti-layout-list-large-image:before { 810 | content: "\e705"; 811 | } 812 | .ti-layout-line-solid:before { 813 | content: "\e706"; 814 | } 815 | .ti-layout-grid4:before { 816 | content: "\e707"; 817 | } 818 | .ti-layout-grid3:before { 819 | content: "\e708"; 820 | } 821 | .ti-layout-grid2:before { 822 | content: "\e709"; 823 | } 824 | .ti-layout-grid2-thumb:before { 825 | content: "\e70a"; 826 | } 827 | .ti-layout-cta-right:before { 828 | content: "\e70b"; 829 | } 830 | .ti-layout-cta-left:before { 831 | content: "\e70c"; 832 | } 833 | .ti-layout-cta-center:before { 834 | content: "\e70d"; 835 | } 836 | .ti-layout-cta-btn-right:before { 837 | content: "\e70e"; 838 | } 839 | .ti-layout-cta-btn-left:before { 840 | content: "\e70f"; 841 | } 842 | .ti-layout-column4:before { 843 | content: "\e710"; 844 | } 845 | .ti-layout-column3:before { 846 | content: "\e711"; 847 | } 848 | .ti-layout-column2:before { 849 | content: "\e712"; 850 | } 851 | .ti-layout-accordion-separated:before { 852 | content: "\e713"; 853 | } 854 | .ti-layout-accordion-merged:before { 855 | content: "\e714"; 856 | } 857 | .ti-layout-accordion-list:before { 858 | content: "\e715"; 859 | } 860 | .ti-ink-pen:before { 861 | content: "\e716"; 862 | } 863 | .ti-info-alt:before { 864 | content: "\e717"; 865 | } 866 | .ti-help-alt:before { 867 | content: "\e718"; 868 | } 869 | .ti-headphone-alt:before { 870 | content: "\e719"; 871 | } 872 | .ti-hand-point-up:before { 873 | content: "\e71a"; 874 | } 875 | .ti-hand-point-right:before { 876 | content: "\e71b"; 877 | } 878 | .ti-hand-point-left:before { 879 | content: "\e71c"; 880 | } 881 | .ti-hand-point-down:before { 882 | content: "\e71d"; 883 | } 884 | .ti-gallery:before { 885 | content: "\e71e"; 886 | } 887 | .ti-face-smile:before { 888 | content: "\e71f"; 889 | } 890 | .ti-face-sad:before { 891 | content: "\e720"; 892 | } 893 | .ti-credit-card:before { 894 | content: "\e721"; 895 | } 896 | .ti-control-skip-forward:before { 897 | content: "\e722"; 898 | } 899 | .ti-control-skip-backward:before { 900 | content: "\e723"; 901 | } 902 | .ti-control-record:before { 903 | content: "\e724"; 904 | } 905 | .ti-control-eject:before { 906 | content: "\e725"; 907 | } 908 | .ti-comments-smiley:before { 909 | content: "\e726"; 910 | } 911 | .ti-brush-alt:before { 912 | content: "\e727"; 913 | } 914 | .ti-youtube:before { 915 | content: "\e728"; 916 | } 917 | .ti-vimeo:before { 918 | content: "\e729"; 919 | } 920 | .ti-twitter:before { 921 | content: "\e72a"; 922 | } 923 | .ti-time:before { 924 | content: "\e72b"; 925 | } 926 | .ti-tumblr:before { 927 | content: "\e72c"; 928 | } 929 | .ti-skype:before { 930 | content: "\e72d"; 931 | } 932 | .ti-share:before { 933 | content: "\e72e"; 934 | } 935 | .ti-share-alt:before { 936 | content: "\e72f"; 937 | } 938 | .ti-rocket:before { 939 | content: "\e730"; 940 | } 941 | .ti-pinterest:before { 942 | content: "\e731"; 943 | } 944 | .ti-new-window:before { 945 | content: "\e732"; 946 | } 947 | .ti-microsoft:before { 948 | content: "\e733"; 949 | } 950 | .ti-list-ol:before { 951 | content: "\e734"; 952 | } 953 | .ti-linkedin:before { 954 | content: "\e735"; 955 | } 956 | .ti-layout-sidebar-2:before { 957 | content: "\e736"; 958 | } 959 | .ti-layout-grid4-alt:before { 960 | content: "\e737"; 961 | } 962 | .ti-layout-grid3-alt:before { 963 | content: "\e738"; 964 | } 965 | .ti-layout-grid2-alt:before { 966 | content: "\e739"; 967 | } 968 | .ti-layout-column4-alt:before { 969 | content: "\e73a"; 970 | } 971 | .ti-layout-column3-alt:before { 972 | content: "\e73b"; 973 | } 974 | .ti-layout-column2-alt:before { 975 | content: "\e73c"; 976 | } 977 | .ti-instagram:before { 978 | content: "\e73d"; 979 | } 980 | .ti-google:before { 981 | content: "\e73e"; 982 | } 983 | .ti-github:before { 984 | content: "\e73f"; 985 | } 986 | .ti-flickr:before { 987 | content: "\e740"; 988 | } 989 | .ti-facebook:before { 990 | content: "\e741"; 991 | } 992 | .ti-dropbox:before { 993 | content: "\e742"; 994 | } 995 | .ti-dribbble:before { 996 | content: "\e743"; 997 | } 998 | .ti-apple:before { 999 | content: "\e744"; 1000 | } 1001 | .ti-android:before { 1002 | content: "\e745"; 1003 | } 1004 | .ti-save:before { 1005 | content: "\e746"; 1006 | } 1007 | .ti-save-alt:before { 1008 | content: "\e747"; 1009 | } 1010 | .ti-yahoo:before { 1011 | content: "\e748"; 1012 | } 1013 | .ti-wordpress:before { 1014 | content: "\e749"; 1015 | } 1016 | .ti-vimeo-alt:before { 1017 | content: "\e74a"; 1018 | } 1019 | .ti-twitter-alt:before { 1020 | content: "\e74b"; 1021 | } 1022 | .ti-tumblr-alt:before { 1023 | content: "\e74c"; 1024 | } 1025 | .ti-trello:before { 1026 | content: "\e74d"; 1027 | } 1028 | .ti-stack-overflow:before { 1029 | content: "\e74e"; 1030 | } 1031 | .ti-soundcloud:before { 1032 | content: "\e74f"; 1033 | } 1034 | .ti-sharethis:before { 1035 | content: "\e750"; 1036 | } 1037 | .ti-sharethis-alt:before { 1038 | content: "\e751"; 1039 | } 1040 | .ti-reddit:before { 1041 | content: "\e752"; 1042 | } 1043 | .ti-pinterest-alt:before { 1044 | content: "\e753"; 1045 | } 1046 | .ti-microsoft-alt:before { 1047 | content: "\e754"; 1048 | } 1049 | .ti-linux:before { 1050 | content: "\e755"; 1051 | } 1052 | .ti-jsfiddle:before { 1053 | content: "\e756"; 1054 | } 1055 | .ti-joomla:before { 1056 | content: "\e757"; 1057 | } 1058 | .ti-html5:before { 1059 | content: "\e758"; 1060 | } 1061 | .ti-flickr-alt:before { 1062 | content: "\e759"; 1063 | } 1064 | .ti-email:before { 1065 | content: "\e75a"; 1066 | } 1067 | .ti-drupal:before { 1068 | content: "\e75b"; 1069 | } 1070 | .ti-dropbox-alt:before { 1071 | content: "\e75c"; 1072 | } 1073 | .ti-css3:before { 1074 | content: "\e75d"; 1075 | } 1076 | .ti-rss:before { 1077 | content: "\e75e"; 1078 | } 1079 | .ti-rss-alt:before { 1080 | content: "\e75f"; 1081 | } 1082 | -------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /fonts/themify.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/themify.eot -------------------------------------------------------------------------------- /fonts/themify.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/themify.ttf -------------------------------------------------------------------------------- /fonts/themify.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/fonts/themify.woff -------------------------------------------------------------------------------- /img/blog-img/b1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b1.jpg -------------------------------------------------------------------------------- /img/blog-img/b10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b10.jpg -------------------------------------------------------------------------------- /img/blog-img/b11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b11.jpg -------------------------------------------------------------------------------- /img/blog-img/b12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b12.jpg -------------------------------------------------------------------------------- /img/blog-img/b13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b13.jpg -------------------------------------------------------------------------------- /img/blog-img/b14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b14.jpg -------------------------------------------------------------------------------- /img/blog-img/b15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b15.jpg -------------------------------------------------------------------------------- /img/blog-img/b16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b16.jpg -------------------------------------------------------------------------------- /img/blog-img/b17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b17.jpg -------------------------------------------------------------------------------- /img/blog-img/b18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b18.jpg -------------------------------------------------------------------------------- /img/blog-img/b19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b19.jpg -------------------------------------------------------------------------------- /img/blog-img/b2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b2.jpg -------------------------------------------------------------------------------- /img/blog-img/b20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b20.jpg -------------------------------------------------------------------------------- /img/blog-img/b21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b21.jpg -------------------------------------------------------------------------------- /img/blog-img/b22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b22.jpg -------------------------------------------------------------------------------- /img/blog-img/b23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b23.jpg -------------------------------------------------------------------------------- /img/blog-img/b24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b24.jpg -------------------------------------------------------------------------------- /img/blog-img/b3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b3.jpg -------------------------------------------------------------------------------- /img/blog-img/b4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b4.jpg -------------------------------------------------------------------------------- /img/blog-img/b5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b5.jpg -------------------------------------------------------------------------------- /img/blog-img/b6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b6.jpg -------------------------------------------------------------------------------- /img/blog-img/b7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b7.jpg -------------------------------------------------------------------------------- /img/blog-img/b8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/b8.jpg -------------------------------------------------------------------------------- /img/blog-img/bg1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/bg1.jpg -------------------------------------------------------------------------------- /img/blog-img/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/bg2.jpg -------------------------------------------------------------------------------- /img/blog-img/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/bg3.jpg -------------------------------------------------------------------------------- /img/blog-img/bg4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/blog-img/bg4.jpg -------------------------------------------------------------------------------- /img/core-img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/core-img/favicon.ico -------------------------------------------------------------------------------- /img/core-img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rwema3/WebBasedSystem/3e417a42af3aba9418bf7fb157184f1e747eccd4/img/core-img/logo.png -------------------------------------------------------------------------------- /js/active.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | 'use strict'; 3 | 4 | var $window = $(window); 5 | 6 | // :: Preloader Active Code 7 | $window.on('load', function () { 8 | $('#preloader').fadeOut('slow', function () { 9 | $(this).remove(); 10 | }); 11 | }); 12 | 13 | // :: Fullscreen Active Code 14 | $window.on('resizeEnd', function () { 15 | $(".full_height").height($window.height()); 16 | }); 17 | 18 | $window.on('resize', function () { 19 | if (this.resizeTO) clearTimeout(this.resizeTO); 20 | this.resizeTO = setTimeout(function () { 21 | $(this).trigger('resizeEnd'); 22 | }, 300); 23 | }).trigger("resize"); 24 | 25 | // :: Sticky Active Code 26 | $window.on('scroll', function () { 27 | if ($window.scrollTop() > 20) { 28 | $('.header-area').addClass('sticky'); 29 | } else { 30 | $('.header-area').removeClass('sticky'); 31 | } 32 | }); 33 | 34 | // :: Tooltip Active Code 35 | $('[data-toggle="tooltip"]').tooltip(); 36 | 37 | // :: Owl Carousel Active Code 38 | if ($.fn.owlCarousel) { 39 | 40 | var welcomeSlide = $('.hero-slides'); 41 | 42 | welcomeSlide.owlCarousel({ 43 | items: 1, 44 | margin: 0, 45 | loop: true, 46 | dots: false, 47 | autoplay: true, 48 | autoplayTimeout: 7000, // Autoplay Timeout 1s = 1000ms 49 | smartSpeed: 2000, 50 | animateIn: 'fadeIn', 51 | animateOut: 'fadeOut' 52 | }); 53 | 54 | $('.hero-post-slide').owlCarousel({ 55 | items: 3, 56 | margin: 30, 57 | loop: true, 58 | dots: false, 59 | autoplay: true, 60 | autoplayTimeout: 3500, // Autoplay Timeout 1s = 1000ms 61 | smartSpeed: 1000, 62 | center: true, 63 | responsive: { 64 | 0: { 65 | items: 1 66 | }, 67 | 768: { 68 | items: 3 69 | } 70 | } 71 | }); 72 | 73 | $('.world-catagory-slider, .world-catagory-slider2').owlCarousel({ 74 | items: 1, 75 | margin: 0, 76 | loop: true, 77 | dots: false, 78 | autoplay: true, 79 | autoplayTimeout: 3500, // Autoplay Timeout 1s = 1000ms 80 | smartSpeed: 2000, 81 | nav: true, 82 | navText: ['', ''] 83 | }); 84 | } 85 | 86 | // :: Gallery Menu Style Active Code 87 | $('.portfolio-menu button.btn').on('click', function () { 88 | $('.portfolio-menu button.btn').removeClass('active'); 89 | $(this).addClass('active'); 90 | }) 91 | 92 | // :: Masonary Gallery Active Code 93 | if ($.fn.imagesLoaded) { 94 | $('.sonar-portfolio').imagesLoaded(function () { 95 | // filter items on button click 96 | $('.portfolio-menu').on('click', 'button', function () { 97 | var filterValue = $(this).attr('data-filter'); 98 | $grid.isotope({ 99 | filter: filterValue 100 | }); 101 | }); 102 | // init Isotope 103 | var $grid = $('.sonar-portfolio').isotope({ 104 | itemSelector: '.single_gallery_item', 105 | percentPosition: true, 106 | masonry: { 107 | columnWidth: '.single_gallery_item' 108 | } 109 | }); 110 | }); 111 | } 112 | 113 | // :: Magnific Popup Active Code 114 | if ($.fn.magnificPopup) { 115 | $('.gallery-img').magnificPopup({ 116 | type: 'image' 117 | }); 118 | $('.video-btn').magnificPopup({ 119 | type: 'iframe' 120 | }); 121 | } 122 | 123 | // :: MatchHeight Active Code 124 | if ($.fn.matchHeight) { 125 | $('.equalize').matchHeight({ 126 | byRow: true, 127 | property: 'height' 128 | }); 129 | } 130 | 131 | // :: CounterUp Active Code 132 | if ($.fn.counterUp) { 133 | $('.counter').counterUp({ 134 | delay: 10, 135 | time: 2000 136 | }); 137 | } 138 | 139 | // :: ScrollUp Active Code 140 | if ($.fn.scrollUp) { 141 | $.scrollUp({ 142 | scrollSpeed: 1000, 143 | easingType: 'easeInOutQuart', 144 | scrollText: '' 145 | }); 146 | } 147 | 148 | // :: PreventDefault a Click 149 | $("a[href='#']").on('click', function ($) { 150 | $.preventDefault(); 151 | }); 152 | 153 | // :: wow Active Code 154 | if ($window.width() > 767) { 155 | new WOW().init(); 156 | } 157 | 158 | /* Search Area */ 159 | var search = document.getElementById('search'), 160 | searchWrapper = document.getElementById('search-wrapper'), 161 | closeIcon = document.getElementById('close-icon'); 162 | search.onfocus = function () { 163 | searchWrapper.classList.add('search-expanded'); 164 | this.addEventListener('transitionend', function () { 165 | closeIcon.style.display = 'block'; 166 | }); 167 | } 168 | search.onblur = function () { 169 | searchWrapper.classList.remove('search-expanded'); 170 | closeIcon.classList.add('closing'); 171 | this.addEventListener('transitionend', function () { 172 | closeIcon.classList.remove('closing'); 173 | closeIcon.style.display = 'none'; 174 | }); 175 | } 176 | closeIcon.onclick = function () { 177 | this.classList.add('closing'); 178 | document.activeElement.blur(); 179 | setTimeout(function () { 180 | closeIcon.classList.remove('closing'); 181 | }, 1000); 182 | } 183 | 184 | })(jQuery); -------------------------------------------------------------------------------- /js/map-active.js: -------------------------------------------------------------------------------- 1 | var map; 2 | var latlng = new google.maps.LatLng(56.9496, 24.1052); 3 | var stylez = [{ 4 | featureType: "all", 5 | elementType: "all", 6 | stylers: [{ 7 | saturation: -25 8 | }] 9 | }]; 10 | var mapOptions = { 11 | zoom: 15, 12 | center: latlng, 13 | scrollwheel: false, 14 | scaleControl: false, 15 | disableDefaultUI: true, 16 | mapTypeControlOptions: { 17 | mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'gMap'] 18 | } 19 | }; 20 | map = new google.maps.Map(document.getElementById("googleMap"), mapOptions); 21 | var geocoder_map = new google.maps.Geocoder(); 22 | var address = 'Riga'; 23 | geocoder_map.geocode({ 24 | 'address': address 25 | }, function (results, status) { 26 | if (status == google.maps.GeocoderStatus.OK) { 27 | map.setCenter(results[0].geometry.location); 28 | var marker = new google.maps.Marker({ 29 | map: map, 30 | icon: '', 31 | position: map.getCenter(), 32 | animation: google.maps.Animation.BOUNCE, 33 | }); 34 | } else { 35 | alert("Geocode was not successful for the following reason: " + status); 36 | } 37 | }); 38 | var mapType = new google.maps.StyledMapType(stylez, { 39 | name: "Grayscale" 40 | }); 41 | map.mapTypes.set('gMap', mapType); 42 | map.setMapTypeId('gMap'); -------------------------------------------------------------------------------- /js/popper.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (C) Federico Zivolo 2017 3 | Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT). 4 | */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=window.getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e||-1!==['HTML','BODY','#document'].indexOf(e.nodeName))return window.document.body;var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll)/.test(r+s+p)?e:n(o(e))}function r(e){var o=e&&e.offsetParent,i=o&&o.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(o.nodeName)&&'static'===t(o,'position')?r(o):o:window.document.documentElement}function p(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||r(e.firstElementChild)===e)}function s(e){return null===e.parentNode?e:s(e.parentNode)}function d(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return window.document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?e:t,n=o?t:e,a=document.createRange();a.setStart(i,0),a.setEnd(n,0);var f=a.commonAncestorContainer;if(e!==f&&t!==f||i.contains(n))return p(f)?f:r(f);var l=s(e);return l.host?d(l.host,t):d(e,s(t).host)}function a(e){var t=1=o.clientWidth&&i>=o.clientHeight}),f=0i[e]&&!t.escapeWithReference&&(n=z(p[o],i[e]-('right'===e?p.width:p.height))),pe({},o,n)}};return n.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';p=se({},p,s[t](e))}),e.offsets.popper=p,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,i=t.reference,n=e.placement.split('-')[0],r=V,p=-1!==['top','bottom'].indexOf(n),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]r(i[s])&&(e.offsets.popper[d]=r(i[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){if(!F(e.instance.modifiers,'arrow','keepTogether'))return e;var o=t.element;if('string'==typeof o){if(o=e.instance.popper.querySelector(o),!o)return e;}else if(!e.instance.popper.contains(o))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var i=e.placement.split('-')[0],n=e.offsets,r=n.popper,p=n.reference,s=-1!==['left','right'].indexOf(i),d=s?'height':'width',a=s?'top':'left',f=s?'left':'top',l=s?'bottom':'right',m=O(o)[d];p[l]-mr[l]&&(e.offsets.popper[a]+=p[a]+m-r[l]);var h=p[a]+p[d]/2-m/2,g=h-c(e.offsets.popper)[a];return g=_(z(r[d]-m,g),0),e.arrowElement=o,e.offsets.arrow={},e.offsets.arrow[a]=Math.round(g),e.offsets.arrow[f]='',e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(W(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=w(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),i=e.placement.split('-')[0],n=L(i),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case fe.FLIP:p=[i,n];break;case fe.CLOCKWISE:p=K(i);break;case fe.COUNTERCLOCKWISE:p=K(i,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(i!==s||p.length===d+1)return e;i=e.placement.split('-')[0],n=L(i);var a=e.offsets.popper,f=e.offsets.reference,l=V,m='left'===i&&l(a.right)>l(f.left)||'right'===i&&l(a.left)l(f.top)||'bottom'===i&&l(a.top)l(o.right),g=l(a.top)l(o.bottom),b='left'===i&&h||'right'===i&&c||'top'===i&&g||'bottom'===i&&u,y=-1!==['top','bottom'].indexOf(i),w=!!t.flipVariations&&(y&&'start'===r&&h||y&&'end'===r&&c||!y&&'start'===r&&g||!y&&'end'===r&&u);(m||b||w)&&(e.flipped=!0,(m||b)&&(i=p[d+1]),w&&(r=j(r)),e.placement=i+(r?'-'+r:''),e.offsets.popper=se({},e.offsets.popper,S(e.instance.popper,e.offsets.reference,e.placement)),e=N(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],i=e.offsets,n=i.popper,r=i.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return n[p?'left':'top']=r[t]-(s?n[p?'width':'height']:0),e.placement=L(t),e.offsets.popper=c(n),e}},hide:{order:800,enabled:!0,fn:function(e){if(!F(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=T(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | World - Blog & Magazine Template 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |
28 |
29 | 30 | 31 | 32 |
33 |
34 |
35 |
36 | 80 |
81 |
82 |
83 |
84 | 85 | 86 | 87 |
88 | 89 | 90 |
91 |
92 |
93 |
94 |
95 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus eget purus id felis dignissim convallis. Suspendisse et augue dui. Morbi gravida sed justo vel venenatis. Ut tempor pretium maximus. Donec libero diam, faucibus vitae lectus nec, accumsan gravida dui. Nam interdum mi eget lacus aliquet, sit amet ultricies magna pharetra. In ut odio a ligula egestas pretium et quis sapien. Etiam faucibus magna eu porta vulputate. Aliquam euismod rhoncus malesuada. Nunc rutrum hendrerit semper.
96 |
Maecenas vitae sem varius, imperdiet nisi a, tristique nisi. Sed scelerisque suscipit leo cursus accumsan. Donec vel turpis quam. Mauris non nisl nec nunc gravida ullamcorper id vestibulum magna. Donec non velit finibus, laoreet arcu nec, facilisis augue. Aliquam sed purus id erat accumsan congue. Mauris semper ullamcorper nibh non pellentesque. Aenean euismod purus sit amet quam vehicula ornare.
97 |
Donec orci dolor, pretium in luctus id, consequat vitae nibh. Quisque hendrerit, lorem sit amet mollis malesuada, urna orci volutpat ex, sed scelerisque nunc velit et massa. Sed maximus id erat vel feugiat. Phasellus bibendum nisi non urna bibendum elementum. Aenean tincidunt nibh vitae ex facilisis ultrices. Integer ornare efficitur ultrices. Integer neque lectus, venenatis at pulvinar quis, aliquet id neque. Mauris ultrices consequat velit, sed dignissim elit posuere in. Cras vitae dictum dui.
98 |
99 |
100 |
101 |
102 |
103 | 104 | 105 |
106 |
107 |
108 |
109 | 117 |
118 |
119 | 129 |
130 |
131 | 138 |
139 |
140 |
141 |
142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | -------------------------------------------------------------------------------- /scss/_mixin.scss: -------------------------------------------------------------------------------- 1 | /* mixin */ 2 | 3 | @mixin trans-duration($time) { 4 | -webkit-transition-duration: $time; 5 | transition-duration: $time; 6 | } 7 | 8 | @mixin transform($value) { 9 | -webkit-transform: $value; 10 | transform: $value; 11 | } 12 | 13 | @mixin animation($value) { 14 | -webkit-animation: $value; 15 | animation: $value; 16 | } 17 | 18 | @mixin flex-direction-column($value) { 19 | -webkit-box-orient: vertical; 20 | -webkit-box-direction: normal; 21 | -ms-flex-direction: $value; 22 | flex-direction: $value; 23 | } 24 | 25 | @mixin flex-direction-column-reverse($value) { 26 | -webkit-box-orient: vertical; 27 | -webkit-box-direction: reverse; 28 | -ms-flex-direction: $value; 29 | flex-direction: $value; 30 | } 31 | 32 | @mixin flex-direction-row($value) { 33 | -webkit-box-orient: horizontal; 34 | -webkit-box-direction: normal; 35 | -ms-flex-direction: $value; 36 | flex-direction: $value; 37 | } 38 | 39 | @mixin flex-direction-row-reverse($value) { 40 | -webkit-box-orient: horizontal; 41 | -webkit-box-direction: reverse; 42 | -ms-flex-direction: $value; 43 | flex-direction: $value; 44 | } 45 | 46 | @mixin align-items($value) { 47 | -webkit-box-align: $value; 48 | -ms-flex-align: $value; 49 | -ms-grid-row-align: $value; 50 | align-items: $value; 51 | } 52 | 53 | @mixin display-flex($value) { 54 | display: -webkit-box; 55 | display: -ms-flexbox; 56 | display: $value; 57 | } 58 | 59 | @mixin justify-content-between($value) { 60 | -webkit-box-pack: justify; 61 | -ms-flex-pack: justify; 62 | justify-content: $value; 63 | } 64 | 65 | @mixin justify-content-center($value) { 66 | -webkit-box-pack: $value; 67 | -ms-flex-pack: $value; 68 | justify-content: $value; 69 | } 70 | 71 | @mixin flex($value) { 72 | -webkit-box-flex: 0; 73 | -ms-flex: $value; 74 | flex: $value; 75 | } 76 | 77 | @mixin flex-wrap($value) { 78 | -ms-flex-wrap: $value; 79 | flex-wrap: $value; 80 | } -------------------------------------------------------------------------------- /scss/_responsive.scss: -------------------------------------------------------------------------------- 1 | $breakpoint-xl: 'only screen and (min-width:1200px)'; 2 | 3 | $breakpoint-lg: 'only screen and (min-width:992px) and (max-width:1199px)'; 4 | 5 | $breakpoint-md: 'only screen and (min-width:768px) and (max-width:991px)'; 6 | 7 | $breakpoint-sm: 'only screen and (min-width:576px) and (max-width:767px)'; 8 | 9 | $breakpoint-xs: 'only screen and (max-width:767px)'; 10 | 11 | $breakpoint-xs-landscape: 'only screen and (min-width:480px) and (max-width:767px)'; -------------------------------------------------------------------------------- /scss/_theme_color.scss: -------------------------------------------------------------------------------- 1 | $heading-color: #000000; 2 | 3 | $text-color: #8d8d8d; 4 | 5 | $bg-default: #232323; 6 | 7 | $bg-gray: #f1f1f1; 8 | 9 | $color-white: #ffffff; 10 | 11 | $color-dark: #000000; 12 | 13 | $hover-color: #0000ff; 14 | 15 | $blue-color: #0000ff; 16 | 17 | $footer-color: #161616; -------------------------------------------------------------------------------- /scss/_variables.scss: -------------------------------------------------------------------------------- 1 | /* Variables */ 2 | 3 | $worksans-fonts: 'Work Sans', sans-serif; 4 | 5 | $ubuntu-fonts: 'Ubuntu', sans-serif; -------------------------------------------------------------------------------- /scss/style.scss: -------------------------------------------------------------------------------- 1 | /* [ -- Master Stylesheet -- ] 2 | 3 | ------------------------------------------------------ 4 | :: Template Name: World - Blog & Magazine Template 5 | :: Author: Colorlib 6 | :: Author URL: https://colorlib.com 7 | :: Version: 1.0.0 8 | :: Created: March 21, 2018 9 | :: Last Updated: March 21, 2018 10 | -------------------------------------------------- */ 11 | 12 | @import 'theme_color'; 13 | @import 'variables'; 14 | @import 'mixin'; 15 | @import 'responsive'; 16 | 17 | /* :: Import Fonts */ 18 | 19 | @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Work+Sans:300,400,500,600,700'); 20 | 21 | /* :: Import All CSS */ 22 | 23 | @import 'css/bootstrap.min.css'; 24 | @import 'css/animate.css'; 25 | @import 'css/owl.carousel.css'; 26 | @import 'css/magnific-popup.css'; 27 | @import 'css/font-awesome.min.css'; 28 | @import 'css/themify-icons.css'; 29 | 30 | /* :: Base CSS */ 31 | 32 | * { 33 | margin: 0; 34 | padding: 0; 35 | } 36 | 37 | body { 38 | font-family: $worksans-fonts; 39 | } 40 | 41 | .ubuntu-fonts { 42 | font-family: $ubuntu-fonts; 43 | } 44 | 45 | h1, 46 | h2, 47 | h3, 48 | h4, 49 | h5, 50 | h6 { 51 | color: $heading-color; 52 | font-weight: 500; 53 | line-height: 1.3; 54 | } 55 | 56 | p { 57 | color: $text-color; 58 | font-size: 14px; 59 | line-height: 1.4; 60 | } 61 | 62 | a { 63 | @include trans-duration(500ms); 64 | text-decoration: none; 65 | outline: none; 66 | font-size: 14px; 67 | font-weight: 400; 68 | font-family: $ubuntu-fonts; 69 | color: $text-color; 70 | &:hover, 71 | &:focus { 72 | font-family: $ubuntu-fonts; 73 | @include trans-duration(500ms); 74 | text-decoration: none; 75 | outline: none; 76 | font-size: 14px; 77 | font-weight: 400; 78 | color: $blue-color; 79 | } 80 | } 81 | 82 | #preloader { 83 | @include display-flex(flex); 84 | @include align-items(center); 85 | @include justify-content-center(center); 86 | background-color: $bg-default; 87 | position: fixed; 88 | width: 100%; 89 | height: 100%; 90 | z-index: 1000000; 91 | } 92 | 93 | #world-load { 94 | width: 70px; 95 | height: 70px; 96 | border-radius: 50%; 97 | border: 3px; 98 | border-style: solid; 99 | border-color: transparent; 100 | border-top-color: $bg-gray; 101 | @include animation(world 2400ms linear infinite); 102 | z-index: 999; 103 | &:before { 104 | content: ""; 105 | position: absolute; 106 | top: 7.5px; 107 | left: 7.5px; 108 | right: 7.5px; 109 | bottom: 7.5px; 110 | border-radius: 50%; 111 | border: 3px; 112 | border-style: solid; 113 | border-color: transparent; 114 | border-top-color: $bg-gray; 115 | @include animation(world 2700ms linear infinite); 116 | } 117 | &:after { 118 | content: ""; 119 | position: absolute; 120 | top: 20px; 121 | left: 20px; 122 | right: 20px; 123 | bottom: 20px; 124 | border-radius: 50%; 125 | border: 3px; 126 | border-style: solid; 127 | border-color: transparent; 128 | border-top-color: $bg-gray; 129 | @include animation(world 1800ms linear infinite); 130 | } 131 | } 132 | 133 | @-webkit-keyframes world { 134 | 0% { 135 | @include transform(rotate(0deg)); 136 | 137 | } 138 | 100% { 139 | @include transform(rotate(360deg)); 140 | } 141 | } 142 | 143 | @keyframes world { 144 | 0% { 145 | @include transform(rotate(0deg)); 146 | 147 | } 148 | 100% { 149 | @include transform(rotate(360deg)); 150 | } 151 | } 152 | 153 | ul, 154 | ol { 155 | margin: 0; 156 | li { 157 | list-style: none; 158 | } 159 | } 160 | 161 | img { 162 | height: auto; 163 | max-width: 100%; 164 | } 165 | 166 | .mt-15 { 167 | margin-top: 15px; 168 | } 169 | 170 | .mt-30 { 171 | margin-top: 30px; 172 | } 173 | 174 | .mt-50 { 175 | margin-top: 50px; 176 | } 177 | 178 | .mt-70 { 179 | margin-top: 70px; 180 | } 181 | 182 | .mt-100 { 183 | margin-top: 100px; 184 | } 185 | 186 | .mb-15 { 187 | margin-bottom: 15px; 188 | } 189 | 190 | .mb-30 { 191 | margin-bottom: 30px; 192 | } 193 | 194 | .mb-50 { 195 | margin-bottom: 50px; 196 | } 197 | 198 | .ml-15 { 199 | margin-left: 15px; 200 | } 201 | 202 | .ml-30 { 203 | margin-left: 30px; 204 | } 205 | 206 | .mr-15 { 207 | margin-right: 15px; 208 | } 209 | 210 | .mr-30 { 211 | margin-right: 30px; 212 | } 213 | 214 | .mb-70 { 215 | margin-bottom: 70px; 216 | } 217 | 218 | .mb-100 { 219 | margin-bottom: 100px; 220 | } 221 | 222 | .bg-img { 223 | background-position: center center; 224 | background-size: cover; 225 | background-repeat: no-repeat; 226 | } 227 | 228 | .bg-transparent { 229 | background-color: transparent; 230 | } 231 | 232 | .font-bold { 233 | font-weight: 700; 234 | } 235 | 236 | .font-light { 237 | font-weight: 300; 238 | } 239 | 240 | .height-400 { 241 | height: 400px !important; 242 | } 243 | 244 | .height-500 { 245 | height: 500px !important; 246 | } 247 | 248 | .height-600 { 249 | height: 600px !important; 250 | } 251 | 252 | .height-700 { 253 | height: 700px !important; 254 | } 255 | 256 | .height-800 { 257 | height: 800px !important; 258 | } 259 | 260 | .mfp-wrap { 261 | z-index: 100000; 262 | } 263 | 264 | .mfp-image-holder .mfp-close, 265 | .mfp-iframe-holder .mfp-close { 266 | color: $color-white; 267 | right: -30px; 268 | padding-right: 0; 269 | width: 30px; 270 | height: 30px; 271 | line-height: 25px; 272 | text-align: center; 273 | border: 2px solid $color-white; 274 | border-radius: 50%; 275 | } 276 | 277 | #scrollUp { 278 | background-color: $bg-default; 279 | border-radius: 50%; 280 | bottom: 60px; 281 | right: 60px; 282 | box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); 283 | color: $color-white; 284 | font-size: 30px; 285 | height: 50px; 286 | text-align: center; 287 | width: 50px; 288 | line-height: 46px; 289 | @include trans-duration(500ms); 290 | &:hover { 291 | background-color: $hover-color; 292 | } 293 | @media #{$breakpoint-md} { 294 | bottom: 30px; 295 | right: 30px; 296 | } 297 | @media #{$breakpoint-xs} { 298 | bottom: 30px; 299 | right: 30px; 300 | } 301 | } 302 | 303 | .section-padding-100 { 304 | padding: 100px 0; 305 | } 306 | 307 | .section-padding-50 { 308 | padding: 50px 0; 309 | } 310 | 311 | .section-padding-50-0 { 312 | padding: 50px 0 0 0; 313 | } 314 | 315 | .section-padding-100-70 { 316 | padding: 100px 0 70px; 317 | } 318 | 319 | .section-padding-100-50 { 320 | padding: 100px 0 50px; 321 | } 322 | 323 | .section-padding-100-0 { 324 | padding: 100px 0 0; 325 | } 326 | 327 | .section-padding-0-100 { 328 | padding: 0 0 100px; 329 | } 330 | 331 | .section-padding-100-20 { 332 | padding: 100px 0 20px 0; 333 | } 334 | 335 | .bg-gray { 336 | background-color: $bg-gray; 337 | } 338 | 339 | .background-overlay { 340 | position: relative; 341 | z-index: 2; 342 | &:after { 343 | position: absolute; 344 | z-index: -1; 345 | top: 0; 346 | left: 0; 347 | width: 100%; 348 | height: 100%; 349 | content: ''; 350 | background-color: rgba(0, 0, 0, 0.7); 351 | } 352 | } 353 | 354 | .world-btn { 355 | position: relative; 356 | z-index: 1; 357 | padding: 0 25px; 358 | width: auto; 359 | height: 35px; 360 | border: 1px solid; 361 | border-color: #d7d7d7; 362 | font-size: 14px; 363 | border-radius: 50px; 364 | line-height: 32px; 365 | &:hover, 366 | &:focus { 367 | border-color: $blue-color; 368 | background-color: $blue-color; 369 | color: $color-white; 370 | } 371 | } 372 | 373 | /* :: Header Area CSS */ 374 | 375 | .header-area { 376 | position: fixed; 377 | top: 0; 378 | width: 100%; 379 | height: auto; 380 | margin-top: 20px; 381 | left: 0; 382 | z-index: 300; 383 | @include trans-duration(500ms); 384 | .navbar { 385 | border-bottom: 1px solid; 386 | border-color: $color-white; 387 | @include trans-duration(500ms); 388 | height: 55px; 389 | .navbar-nav { 390 | margin-right: 50px; 391 | .nav-link { 392 | padding: 0.5em 1em; 393 | font-weight: 500; 394 | &:hover, 395 | &:focus { 396 | color: $color-white; 397 | } 398 | @media #{$breakpoint-lg} { 399 | padding: 0.5em; 400 | } 401 | } 402 | .nav-item { 403 | &.active .nav-link { 404 | color: $color-white; 405 | } 406 | } 407 | @media #{$breakpoint-lg} { 408 | margin-right: 30px; 409 | } 410 | } 411 | } 412 | &.sticky { 413 | background-color: $color-dark; 414 | margin-top: 0; 415 | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); 416 | .navbar { 417 | border-color: $color-dark; 418 | } 419 | } 420 | } 421 | 422 | .navbar-toggler-icon { 423 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 424 | cursor: pointer; 425 | } 426 | 427 | #worldNav { 428 | @media #{$breakpoint-md} { 429 | background-color: $color-dark; 430 | padding: 30px; 431 | } 432 | @media #{$breakpoint-xs} { 433 | background-color: $color-dark; 434 | padding: 15px 15px 30px 15px; 435 | } 436 | } 437 | 438 | .dropdown-menu { 439 | border: none; 440 | box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); 441 | padding-top: 5px; 442 | border-radius: 3px; 443 | } 444 | 445 | /* :: Hero Slides Area CSS */ 446 | 447 | .hero-area { 448 | position: relative; 449 | z-index: 1; 450 | .hero-slides { 451 | position: relative; 452 | z-index: 10; 453 | .single-hero-slide { 454 | height: 600px; 455 | position: relative; 456 | z-index: 1; 457 | @media #{$breakpoint-md} { 458 | height: 450px; 459 | } 460 | @media #{$breakpoint-xs} { 461 | height: 400px; 462 | } 463 | } 464 | } 465 | .hero-post-area { 466 | position: absolute; 467 | bottom: 40px; 468 | left: 0; 469 | width: 100%; 470 | z-index: 200; 471 | } 472 | .hero-post-slide { 473 | .single-slide { 474 | .post-number { 475 | @include flex(0 0 80px); 476 | min-width: 80px; 477 | p { 478 | width: 55px; 479 | height: 55px; 480 | border: 5px solid; 481 | border-color: $text-color; 482 | margin-right: 25px; 483 | border-radius: 50%; 484 | margin-bottom: 0; 485 | text-align: center; 486 | line-height: 45px; 487 | font-size: 24px; 488 | font-family: $ubuntu-fonts; 489 | font-weight: 700; 490 | } 491 | } 492 | .post-title { 493 | a { 494 | margin-bottom: 0; 495 | font-size: 14px; 496 | font-weight: 700; 497 | color: $text-color; 498 | } 499 | } 500 | } 501 | .center { 502 | .single-slide { 503 | .post-number { 504 | p { 505 | border: 5px solid; 506 | border-top-color: $blue-color; 507 | border-bottom-color: $blue-color; 508 | border-left-color: $text-color; 509 | border-right-color: $blue-color; 510 | } 511 | } 512 | .post-title { 513 | a { 514 | color: $color-white; 515 | font-weight: 700; 516 | } 517 | } 518 | } 519 | } 520 | } 521 | } 522 | 523 | /* Blog Content Area CSS */ 524 | 525 | .world-catagory-area { 526 | .nav-tabs { 527 | padding: 10px 0; 528 | border-bottom: 2px solid $bg-gray; 529 | .title { 530 | font-size: 18px; 531 | color: $heading-color; 532 | margin-bottom: 0; 533 | margin-right: auto; 534 | font-family: $ubuntu-fonts; 535 | font-weight: 700; 536 | } 537 | .nav-link { 538 | padding: 0 1em; 539 | position: relative; 540 | z-index: 1; 541 | &:hover, 542 | &:focus { 543 | color: $heading-color; 544 | border: 1px solid transparent; 545 | font-weight: 400; 546 | } 547 | &.active { 548 | color: $heading-color; 549 | border: 1px solid transparent; 550 | &:after { 551 | position: absolute; 552 | left: 15px; 553 | bottom: -17px; 554 | content: ''; 555 | background-color: $blue-color; 556 | width: calc(100% - 30px); 557 | height: 2px; 558 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); 559 | @media #{$breakpoint-lg} { 560 | width: calc(100% - 10px); 561 | left: 5px; 562 | } 563 | @media #{$breakpoint-md} { 564 | width: calc(100% - 10px); 565 | left: 5px; 566 | } 567 | @media #{$breakpoint-xs} { 568 | display: none; 569 | } 570 | } 571 | } 572 | @media #{$breakpoint-lg} { 573 | padding: 0 5px; 574 | } 575 | @media #{$breakpoint-md} { 576 | padding: 0 5px; 577 | } 578 | @media #{$breakpoint-xs} { 579 | padding: 0 5px; 580 | } 581 | } 582 | .nav-item { 583 | &.show .nav-link { 584 | border: 1px solid transparent; 585 | } 586 | .dropdown-menu { 587 | margin-top: 15px; 588 | border-radius: 0; 589 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); 590 | border: none; 591 | } 592 | } 593 | } 594 | .tab-content { 595 | padding-top: 30px; 596 | } 597 | } 598 | 599 | .single-blog-post { 600 | position: relative; 601 | z-index: 1; 602 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 603 | margin-bottom: 5px; 604 | .post-thumbnail { 605 | position: relative; 606 | z-index: 1; 607 | img { 608 | width: 100%; 609 | } 610 | .post-cta { 611 | position: absolute; 612 | top: 15px; 613 | left: 30px; 614 | z-index: 10; 615 | a { 616 | padding: 0 10px; 617 | display: inline-block; 618 | height: 20px; 619 | background-color: $color-white; 620 | text-transform: uppercase; 621 | font-size: 10px; 622 | color: $blue-color; 623 | font-weight: 500; 624 | line-height: 20px; 625 | letter-spacing: 0.75px; 626 | &:hover, 627 | &:focus { 628 | background-color: $blue-color; 629 | color: $color-white; 630 | } 631 | } 632 | } 633 | .video-btn { 634 | width: 36px; 635 | height: 36px; 636 | position: absolute; 637 | top: 50%; 638 | left: 50%; 639 | z-index: 5; 640 | background-color: $color-white; 641 | @include transform(translate(-50%, 642 | -50%)); 643 | border-radius: 50%; 644 | text-align: center; 645 | i { 646 | @include trans-duration(500ms); 647 | line-height: 36px; 648 | } 649 | &:hover i, 650 | &:focus i { 651 | color: $blue-color; 652 | } 653 | } 654 | } 655 | .post-content { 656 | padding: 20px 30px; 657 | .headline { 658 | h5 { 659 | font-size: 18px; 660 | margin-bottom: 10px; 661 | } 662 | } 663 | p { 664 | margin-bottom: 20px; 665 | } 666 | .post-meta { 667 | p { 668 | margin-bottom: 0; 669 | font-size: 12px; 670 | a { 671 | font-size: 12px; 672 | } 673 | } 674 | } 675 | } 676 | &.post-style-2 { 677 | margin-bottom: 5px; 678 | .post-thumbnail { 679 | @include flex(0 0 97px); 680 | min-width: 97px; 681 | margin-right: 15px; 682 | @media #{$breakpoint-lg} { 683 | margin-right: 5px; 684 | } 685 | } 686 | .post-content { 687 | padding: 5px 30px 5px 5px; 688 | .headline { 689 | h5 { 690 | font-size: 14px; 691 | margin-bottom: 10px; 692 | @media #{$breakpoint-lg} { 693 | font-size: 13px; 694 | } 695 | @media #{$breakpoint-xs} { 696 | font-size: 13px; 697 | } 698 | } 699 | } 700 | @media #{$breakpoint-lg} { 701 | padding: 5px; 702 | } 703 | } 704 | &:last-of-type { 705 | margin-bottom: 0; 706 | } 707 | &.widget-post { 708 | .post-thumbnail { 709 | @include flex(0 0 70px); 710 | min-width: 70px; 711 | margin-right: 15px; 712 | } 713 | } 714 | } 715 | &.post-style-3 { 716 | .post-thumbnail { 717 | position: relative; 718 | z-index: 1; 719 | &::after { 720 | width: 100%; 721 | height: 100%; 722 | top: 0; 723 | left: 0; 724 | background-color: rgba(0, 0, 0, 0.5); 725 | z-index: auto; 726 | content: ''; 727 | position: absolute; 728 | } 729 | } 730 | .post-content { 731 | @include flex-direction-column(column); 732 | text-align: center; 733 | padding: 0; 734 | position: absolute; 735 | width: calc(100% - 30px); 736 | height: calc(100% - 30px); 737 | top: 15px; 738 | left: 15px; 739 | right: 15px; 740 | bottom: 15px; 741 | z-index: 2; 742 | .post-tag { 743 | a { 744 | padding: 0 10px; 745 | display: inline-block; 746 | height: 20px; 747 | background-color: $color-white; 748 | text-transform: uppercase; 749 | font-size: 10px; 750 | color: $blue-color; 751 | font-weight: 500; 752 | line-height: 20px; 753 | letter-spacing: 0.75px; 754 | &:hover, 755 | &:focus { 756 | background-color: $blue-color; 757 | color: $color-white; 758 | } 759 | } 760 | } 761 | .headline { 762 | h5 { 763 | font-size: 18px; 764 | color: $color-white; 765 | } 766 | } 767 | } 768 | } 769 | &.post-style-4 { 770 | margin-bottom: 5px; 771 | @media #{$breakpoint-xs} { 772 | @include flex-wrap(wrap); 773 | } 774 | @media #{$breakpoint-sm} { 775 | @include flex-wrap(nowrap); 776 | } 777 | .post-thumbnail { 778 | @include flex(0 0 200px); 779 | min-width: 200px; 780 | margin-right: 20px; 781 | @media #{$breakpoint-xs} { 782 | @include flex(0 0 100%); 783 | min-width: 100%; 784 | } 785 | @media #{$breakpoint-sm} { 786 | @include flex(0 0 250px); 787 | min-width: 250px; 788 | } 789 | } 790 | .post-content { 791 | padding: 5px 30px 5px 5px; 792 | .headline { 793 | h5 { 794 | font-size: 18px; 795 | margin-bottom: 10px; 796 | } 797 | } 798 | @media #{$breakpoint-xs} { 799 | padding: 30px; 800 | } 801 | @media #{$breakpoint-sm} { 802 | padding: 5px; 803 | } 804 | } 805 | &:last-of-type { 806 | margin-bottom: 0; 807 | } 808 | } 809 | } 810 | 811 | .world-catagory-slider, 812 | .world-catagory-slider2 { 813 | .owl-item { 814 | padding: 0 0 10px 0; 815 | } 816 | .owl-nav { 817 | margin-top: 25px; 818 | @include display-flex(flex); 819 | margin-left: 10px; 820 | @media #{$breakpoint-xs} { 821 | margin-bottom: 30px; 822 | } 823 | .owl-prev, 824 | .owl-next { 825 | @include flex(0 0 36px); 826 | width: 36px; 827 | height: 36px; 828 | border: 2px solid #d8d8d8; 829 | color: #d8d8d8; 830 | font-size: 22px; 831 | border-radius: 50%; 832 | text-align: center; 833 | line-height: 32px; 834 | @include trans-duration(500ms); 835 | &:hover, 836 | &:focus { 837 | border-color: $blue-color; 838 | color: $color-white; 839 | background-color: $blue-color; 840 | } 841 | } 842 | .owl-prev { 843 | margin-right: 15px; 844 | } 845 | } 846 | } 847 | 848 | .world-latest-articles { 849 | .title { 850 | margin-top: 50px; 851 | margin-bottom: 30px; 852 | h5 { 853 | display: block; 854 | font-size: 18px; 855 | color: $heading-color; 856 | margin-bottom: 0; 857 | margin-right: auto; 858 | font-family: $ubuntu-fonts; 859 | font-weight: 700; 860 | padding: 10px 0; 861 | border-bottom: 2px solid $bg-gray; 862 | } 863 | } 864 | } 865 | 866 | .post-sidebar-area { 867 | border-left: 2px solid $bg-gray; 868 | } 869 | 870 | .sidebar-widget-area { 871 | position: relative; 872 | z-index: 1; 873 | border-bottom: 2px solid $bg-gray; 874 | .title { 875 | display: block; 876 | font-size: 18px; 877 | color: $heading-color; 878 | margin-bottom: 0; 879 | margin-right: auto; 880 | font-family: $ubuntu-fonts; 881 | font-weight: 700; 882 | padding: 12px 0; 883 | border-bottom: 2px solid $bg-gray; 884 | padding-left: 30px; 885 | } 886 | .widget-content { 887 | padding: 30px 0 30px 30px; 888 | @media #{$breakpoint-xs} { 889 | padding: 30px 0 30px 15px; 890 | } 891 | .social-area { 892 | a { 893 | width: 36px; 894 | height: 36px; 895 | border: 1px solid; 896 | border-color: $bg-gray; 897 | display: block; 898 | border-radius: 50%; 899 | text-align: center; 900 | line-height: 32px; 901 | } 902 | } 903 | .todays-pick { 904 | box-shadow: none; 905 | } 906 | } 907 | &:last-of-type { 908 | border-bottom: none; 909 | } 910 | } 911 | 912 | .page-content { 913 | padding: 60px 55px; 914 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 915 | @media #{$breakpoint-xs} { 916 | padding: 30px 25px; 917 | } 918 | h6 { 919 | color: $text-color; 920 | line-height: 1.8; 921 | margin-bottom: 20px; 922 | &:last-of-type { 923 | margin-bottom: 0; 924 | } 925 | } 926 | } 927 | 928 | .single-blog-title { 929 | .post-cta { 930 | margin-bottom: 40px; 931 | a { 932 | padding: 0 10px; 933 | display: inline-block; 934 | height: 20px; 935 | background-color: $color-white; 936 | text-transform: uppercase; 937 | font-size: 10px; 938 | color: $blue-color; 939 | font-weight: 500; 940 | line-height: 20px; 941 | letter-spacing: 0.75px; 942 | &:hover, 943 | &:focus { 944 | background-color: $blue-color; 945 | color: $color-white; 946 | } 947 | } 948 | } 949 | h3 { 950 | color: $color-white; 951 | margin-bottom: 0; 952 | font-size: 30px; 953 | @media #{$breakpoint-xs} { 954 | font-size: 24px; 955 | } 956 | } 957 | } 958 | 959 | .single-blog-content { 960 | .post-meta { 961 | border-bottom: 2px solid; 962 | border-color: $bg-gray; 963 | margin-bottom: 30px; 964 | p { 965 | margin-bottom: 0; 966 | font-size: 14px; 967 | padding: 10px 0; 968 | a { 969 | font-size: 14px; 970 | } 971 | } 972 | &.second-part { 973 | border-bottom: none; 974 | border-top: 2px solid; 975 | border-color: $bg-gray; 976 | margin-bottom: 0; 977 | margin-top: 30px; 978 | } 979 | } 980 | .post-content { 981 | padding: 60px 55px; 982 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 983 | @media #{$breakpoint-xs} { 984 | padding: 30px 25px; 985 | } 986 | h6 { 987 | line-height: 1.8; 988 | margin-bottom: 30px; 989 | color: $text-color; 990 | font-family: $ubuntu-fonts; 991 | } 992 | blockquote { 993 | border-left: 2px solid; 994 | border-color: $blue-color; 995 | padding-left: 30px; 996 | h6 { 997 | margin-bottom: 10px; 998 | color: $heading-color; 999 | } 1000 | p { 1001 | margin-bottom: 0; 1002 | } 1003 | } 1004 | .post-tags { 1005 | @include display-flex(flex); 1006 | @include flex-wrap(wrap); 1007 | a { 1008 | display: block; 1009 | padding: 0 15px; 1010 | line-height: 28px; 1011 | height: 30px; 1012 | border: 1px solid; 1013 | border-color: $bg-gray; 1014 | margin: 5px; 1015 | } 1016 | } 1017 | } 1018 | } 1019 | 1020 | .comment_area { 1021 | .comment-content { 1022 | padding: 30px 50px; 1023 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 1024 | @media #{$breakpoint-xs} { 1025 | padding: 20px 15px; 1026 | } 1027 | .comment-meta { 1028 | margin-bottom: 30px; 1029 | p { 1030 | @include flex(0 0 calc(100% - 110px)); 1031 | border-bottom: 2px solid; 1032 | border-color: $bg-gray; 1033 | margin-bottom: 0; 1034 | font-size: 14px; 1035 | padding: 10px 0; 1036 | a { 1037 | font-size: 14px; 1038 | } 1039 | } 1040 | } 1041 | } 1042 | .single_comment_area { 1043 | margin-bottom: 30px; 1044 | &:last-of-type { 1045 | margin-bottom: 0; 1046 | } 1047 | } 1048 | .children { 1049 | .single_comment_area { 1050 | margin-left: 50px; 1051 | margin-top: 30px; 1052 | @media #{$breakpoint-xs} { 1053 | margin-left: 15px; 1054 | } 1055 | } 1056 | } 1057 | } 1058 | 1059 | /* Contact Area CSS */ 1060 | 1061 | .contact-form, 1062 | .post-a-comment-area { 1063 | padding: 60px 55px; 1064 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); 1065 | @media #{$breakpoint-xs} { 1066 | padding: 30px 25px; 1067 | } 1068 | h5 { 1069 | font-size: 18px; 1070 | color: $heading-color; 1071 | margin-bottom: 0; 1072 | font-family: $ubuntu-fonts; 1073 | font-weight: 700; 1074 | margin-bottom: 30px; 1075 | } 1076 | button { 1077 | &.world-btn { 1078 | border-color: $blue-color; 1079 | background-color: $blue-color; 1080 | color: $color-white; 1081 | margin-top: 40px; 1082 | } 1083 | } 1084 | } 1085 | 1086 | /* Form CSS */ 1087 | 1088 | .group { 1089 | position: relative; 1090 | z-index: 1; 1091 | margin-bottom: 30px; 1092 | input, 1093 | textarea { 1094 | font-size: 14px; 1095 | padding: 10px; 1096 | display: block; 1097 | width: 100%; 1098 | height: 35px; 1099 | border: none; 1100 | border-bottom: 2px solid; 1101 | border-color: $bg-gray; 1102 | &:focus { 1103 | outline: none; 1104 | box-shadow: none; 1105 | } 1106 | } 1107 | label { 1108 | color: $text-color; 1109 | font-size: 14px; 1110 | font-weight: normal; 1111 | position: absolute; 1112 | pointer-events: none; 1113 | left: 0; 1114 | top: 5px; 1115 | transition: 0.5s ease all; 1116 | font-family: $ubuntu-fonts; 1117 | } 1118 | .bar { 1119 | position: relative; 1120 | display: block; 1121 | width: 100%; 1122 | &:before, 1123 | &:after { 1124 | content: ''; 1125 | height: 2px; 1126 | width: 0; 1127 | bottom: 1px; 1128 | position: absolute; 1129 | background-color: $blue-color; 1130 | transition: 0.5s ease all; 1131 | } 1132 | &:before { 1133 | left: 50%; 1134 | } 1135 | &:after { 1136 | right: 50%; 1137 | } 1138 | } 1139 | .highlight { 1140 | position: absolute; 1141 | height: 60%; 1142 | width: 100px; 1143 | top: 25%; 1144 | left: 0; 1145 | pointer-events: none; 1146 | opacity: 0.5; 1147 | } 1148 | textarea { 1149 | min-height: 90px; 1150 | } 1151 | } 1152 | 1153 | /* Form Active State */ 1154 | 1155 | input:focus ~ label, 1156 | textarea:focus ~ label, 1157 | input:valid ~ label, 1158 | textarea:valid ~ label { 1159 | top: -15px; 1160 | font-size: 12px; 1161 | color: $blue-color; 1162 | } 1163 | 1164 | input:focus ~ .bar:before, 1165 | textarea:focus ~ .bar:before, 1166 | input:focus ~ .bar:after, 1167 | textarea:focus ~ .bar:after { 1168 | width: 50%; 1169 | } 1170 | 1171 | input:focus ~ .highlight, 1172 | textarea:focus ~ .highlight { 1173 | @include animation(inputHighlighter 0.3s ease); 1174 | } 1175 | 1176 | /* Animations */ 1177 | 1178 | @-webkit-keyframes inputHighlighter { 1179 | from { 1180 | background-color: $blue-color; 1181 | } 1182 | to { 1183 | width: 0; 1184 | background-color: transparent; 1185 | } 1186 | } 1187 | 1188 | @-moz-keyframes inputHighlighter { 1189 | from { 1190 | background-color: $blue-color; 1191 | } 1192 | to { 1193 | width: 0; 1194 | background-color: transparent; 1195 | } 1196 | } 1197 | 1198 | @keyframes inputHighlighter { 1199 | from { 1200 | background-color: $blue-color; 1201 | } 1202 | to { 1203 | width: 0; 1204 | background-color: transparent; 1205 | } 1206 | } 1207 | 1208 | .map-area { 1209 | position: relative; 1210 | z-index: 1; 1211 | #googleMap { 1212 | width: 100%; 1213 | height: 500px; 1214 | @media #{$breakpoint-xs} { 1215 | height: 400px; 1216 | } 1217 | } 1218 | } 1219 | 1220 | /* Search bar */ 1221 | 1222 | #search-wrapper { 1223 | display: inline-block; 1224 | position: relative; 1225 | @media #{$breakpoint-md} { 1226 | margin-top: 15px; 1227 | padding-left: 1em; 1228 | } 1229 | @media #{$breakpoint-xs} { 1230 | margin-top: 15px; 1231 | padding-left: 1em; 1232 | } 1233 | &.search-expanded { 1234 | #close-icon { 1235 | &:before { 1236 | @include animation(cross-1-in 0.25s linear 0s forwards); 1237 | } 1238 | &:after { 1239 | @include animation(cross-2-in 0.25s linear 0.2s forwards); 1240 | } 1241 | } 1242 | &:after { 1243 | @include animation(lens-out 0.5s linear 1 forwards); 1244 | } 1245 | } 1246 | &:after { 1247 | position: absolute; 1248 | bottom: 3px; 1249 | right: -9px; 1250 | display: block; 1251 | content: ""; 1252 | width: 14px; 1253 | height: 2px; 1254 | background-color: $text-color; 1255 | @include transform(rotate(45deg) scaleX(0)); 1256 | transform-origin: 0 50%; 1257 | @include animation(lens-in 0.6s linear 0.9s forwards); 1258 | } 1259 | #search { 1260 | color: $color-white; 1261 | background: none; 1262 | border: 2px solid; 1263 | border-color: $text-color; 1264 | outline: none; 1265 | padding: 0 9px; 1266 | border-radius: 1000px; 1267 | width: 0; 1268 | transition: all 0.3s 0.6s; 1269 | font-size: 12px; 1270 | &::-webkit-input-placeholder { 1271 | color: rgba(#fff, 0.6) 1272 | } 1273 | &:focus { 1274 | width: 300px; 1275 | padding: 7px 15px; 1276 | @media #{$breakpoint-xs} { 1277 | width: 200px; 1278 | } 1279 | } 1280 | } 1281 | #close-icon { 1282 | cursor: pointer; 1283 | position: absolute; 1284 | right: 10px; 1285 | top: 50%; 1286 | width: 20px; 1287 | height: 20px; 1288 | @include transform(translateY(-1px)); 1289 | transition: 0.2s all; 1290 | display: none; 1291 | &[style*="display: block"] { 1292 | color: red; 1293 | &:before { 1294 | @include transform(rotate(45deg) scaleX(1) translateY(10px)); 1295 | } 1296 | &:after { 1297 | @include transform(rotate(-45deg) scaleX(1) translateY(-10px)); 1298 | } 1299 | } // cross 1300 | &:before, 1301 | &:after { 1302 | display: block; 1303 | content: ""; 1304 | position: absolute; 1305 | width: 20px; 1306 | height: 2px; 1307 | background-color: $text-color; 1308 | transform-origin: 100% 50%; 1309 | } 1310 | &:before { 1311 | @include transform(rotate(45deg) scaleX(0) translateY(10px)); 1312 | } 1313 | &:after { 1314 | @include transform(rotate(-45deg) scaleX(0) translateY(-10px)); 1315 | } 1316 | &.closing { 1317 | &:before { 1318 | @include animation(cross-1-out 0.25s linear 0s forwards); 1319 | } 1320 | 1321 | &:after { 1322 | @include animation(cross-2-out 0.25s linear 0.2s forwards); 1323 | } 1324 | } 1325 | } 1326 | } 1327 | 1328 | // Animations 1329 | @-webkit-keyframes lens-out { 1330 | 0% { 1331 | @include transform(rotate(45deg) scaleX(1)); 1332 | } 1333 | 30% { 1334 | @include transform(rotate(45deg) scaleX(1.4)); 1335 | } 1336 | 100% { 1337 | @include transform(rotate(45deg) scaleX(0)); 1338 | } 1339 | } 1340 | 1341 | @keyframes lens-out { 1342 | 0% { 1343 | @include transform(rotate(45deg) scaleX(1)); 1344 | } 1345 | 30% { 1346 | @include transform(rotate(45deg) scaleX(1.4)); 1347 | } 1348 | 100% { 1349 | @include transform(rotate(45deg) scaleX(0)); 1350 | } 1351 | } 1352 | 1353 | @-webkit-keyframes lens-in { 1354 | 0% { 1355 | @include transform(rotate(45deg) scaleX(0)); 1356 | } 1357 | 30% { 1358 | @include transform(rotate(45deg) scaleX(1.4)); 1359 | } 1360 | 100% { 1361 | @include transform(rotate(45deg) scaleX(1)); 1362 | } 1363 | } 1364 | 1365 | @keyframes lens-in { 1366 | 0% { 1367 | @include transform(rotate(45deg) scaleX(0)); 1368 | } 1369 | 30% { 1370 | @include transform(rotate(45deg) scaleX(1.4)); 1371 | } 1372 | 100% { 1373 | @include transform(rotate(45deg) scaleX(1)); 1374 | } 1375 | } 1376 | 1377 | @-webkit-keyframes cross-1-in { 1378 | 0% { 1379 | @include transform(rotate(45deg) scaleX(0) translateY(10px)); 1380 | } 1381 | 70% { 1382 | @include transform(rotate(45deg) scaleX(1.2) translateY(10px)); 1383 | } 1384 | 100% { 1385 | @include transform(rotate(45deg) scaleX(1) translateY(10px)); 1386 | } 1387 | } 1388 | 1389 | 1390 | @keyframes cross-1-in { 1391 | 0% { 1392 | @include transform(rotate(45deg) scaleX(0) translateY(10px)); 1393 | } 1394 | 70% { 1395 | @include transform(rotate(45deg) scaleX(1.2) translateY(10px)); 1396 | } 1397 | 100% { 1398 | @include transform(rotate(45deg) scaleX(1) translateY(10px)); 1399 | } 1400 | } 1401 | 1402 | @-webkit-keyframes cross-2-in { 1403 | 0% { 1404 | @include transform(rotate(-45deg) scaleX(0) translateY(-10px)); 1405 | } 1406 | 70% { 1407 | @include transform(rotate(-45deg) scaleX(1.2) translateY(-10px)); 1408 | } 1409 | 100% { 1410 | @include transform(rotate(-45deg) scaleX(1) translateY(-10px)); 1411 | } 1412 | } 1413 | 1414 | 1415 | @keyframes cross-2-in { 1416 | 0% { 1417 | @include transform(rotate(-45deg) scaleX(0) translateY(-10px)); 1418 | } 1419 | 70% { 1420 | @include transform(rotate(-45deg) scaleX(1.2) translateY(-10px)); 1421 | } 1422 | 100% { 1423 | @include transform(rotate(-45deg) scaleX(1) translateY(-10px)); 1424 | } 1425 | } 1426 | 1427 | @-webkit-keyframes cross-1-out { 1428 | 0% { 1429 | @include transform(rotate(45deg) scaleX(1) translateY(10px)); 1430 | } 1431 | 100% { 1432 | @include transform(rotate(45deg) scaleX(0) translateY(10px)); 1433 | } 1434 | } 1435 | 1436 | @keyframes cross-1-out { 1437 | 0% { 1438 | @include transform(rotate(45deg) scaleX(1) translateY(10px)); 1439 | } 1440 | 100% { 1441 | @include transform(rotate(45deg) scaleX(0) translateY(10px)); 1442 | } 1443 | } 1444 | 1445 | @-webkit-keyframes cross-2-out { 1446 | 0% { 1447 | @include transform(rotate(-45deg) scaleX(1) translateY(-10px)); 1448 | } 1449 | 100% { 1450 | @include transform(rotate(-45deg) scaleX(0) translateY(-10px)); 1451 | } 1452 | } 1453 | 1454 | @keyframes cross-2-out { 1455 | 0% { 1456 | @include transform(rotate(-45deg) scaleX(1) translateY(-10px)); 1457 | } 1458 | 100% { 1459 | @include transform(rotate(-45deg) scaleX(0) translateY(-10px)); 1460 | } 1461 | } 1462 | 1463 | /* Footer Area CSS */ 1464 | 1465 | .footer-area { 1466 | background-color: $footer-color; 1467 | padding: 70px 0; 1468 | position: relative; 1469 | z-index: 1; 1470 | .footer-single-widget { 1471 | .copywrite-text { 1472 | p { 1473 | margin-bottom: 0; 1474 | } 1475 | } 1476 | .footer-menu { 1477 | @include flex-wrap(wrap); 1478 | li { 1479 | @include flex(0 0 33.3333%); 1480 | min-width: 33.3333%; 1481 | a { 1482 | padding: 7.5px 5px; 1483 | display: block; 1484 | } 1485 | } 1486 | @media #{$breakpoint-xs} { 1487 | margin: 50px 0; 1488 | } 1489 | } 1490 | h5 { 1491 | font-size: 18px; 1492 | font-family: $ubuntu-fonts; 1493 | margin-bottom: 20px; 1494 | font-weight: 700; 1495 | color: $color-white; 1496 | } 1497 | form { 1498 | position: relative; 1499 | z-index: 1; 1500 | input[type="email"] { 1501 | width: 100%; 1502 | height: 35px; 1503 | background-color: transparent; 1504 | border: none; 1505 | border-bottom: 1px solid; 1506 | border-color: #959595; 1507 | color: #959595; 1508 | font-size: 14px; 1509 | padding: 0 5px; 1510 | font-family: $ubuntu-fonts; 1511 | } 1512 | button { 1513 | position: absolute; 1514 | height: 35px; 1515 | top: 0; 1516 | right: 5px; 1517 | z-index: 10; 1518 | background-color: transparent; 1519 | border: none; 1520 | cursor: pointer; 1521 | width: 50px; 1522 | text-align: right; 1523 | i { 1524 | font-size: 14px; 1525 | color: #959595; 1526 | } 1527 | } 1528 | } 1529 | } 1530 | } -------------------------------------------------------------------------------- /single-blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | World - Blog & Magazine Template 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |
28 |
29 | 30 | 31 | 32 |
33 |
34 |
35 |
36 | 80 |
81 |
82 |
83 |
84 | 85 | 86 | 87 |
88 |
89 |
90 |
91 |
92 | 93 |
travel
94 |

How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?

95 |
96 |
97 |
98 |
99 |
100 | 101 | 102 |
103 |
104 |
105 | 106 |
107 |
108 | 109 | 112 | 113 |
114 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus eget purus id felis dignissim convallis. Suspendisse et augue dui. Morbi gravida sed justo vel venenatis. Ut tempor pretium maximus. Donec libero diam, faucibus vitae lectus nec, accumsan gravida dui. Nam interdum mi eget lacus aliquet, sit amet ultricies magna pharetra. In ut odio a ligula egestas pretium et quis sapien. Etiam faucibus magna eu porta vulputate. Aliquam euismod rhoncus malesuada. Nunc rutrum hendrerit semper.
115 |
Maecenas vitae sem varius, imperdiet nisi a, tristique nisi. Sed scelerisque suscipit leo cursus accumsan. Donec vel turpis quam. Mauris non nisl nec nunc gravida ullamcorper id vestibulum magna. Donec non velit finibus, laoreet arcu nec, facilisis augue. Aliquam sed purus id erat accumsan congue. Mauris semper ullamcorper nibh non pellentesque. Aenean euismod purus sit amet quam vehicula ornare.
116 |
117 |
Aliquam auctor lacus a dapibus pulvinar. Morbi in elit erat. Quisque et augue nec tortor blandit hendrerit eget sit amet sapien. Curabitur at tincidunt metus, quis porta ex. Duis lacinia metus vel eros cursus pretium eget.
118 | 121 |
122 |
Donec orci dolor, pretium in luctus id, consequat vitae nibh. Quisque hendrerit, lorem sit amet mollis malesuada, urna orci volutpat ex, sed scelerisque nunc velit et massa. Sed maximus id erat vel feugiat. Phasellus bibendum nisi non urna bibendum elementum. Aenean tincidunt nibh vitae ex facilisis ultrices. Integer ornare efficitur ultrices. Integer neque lectus, venenatis at pulvinar quis, aliquet id neque. Mauris ultrices consequat velit, sed dignissim elit posuere in. Cras vitae dictum dui.
123 | 124 | 130 | 131 | 134 |
135 |
136 |
137 | 138 | 139 |
140 | 253 |
254 |
255 | 256 | 257 |
258 |
259 | 260 |
261 | 262 |
263 | 264 | 265 |
travel
266 |
267 | 268 |
269 | 270 |
How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?
271 |
272 |

How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in...

273 | 274 | 277 |
278 |
279 |
280 | 281 |
282 | 283 |
284 | 285 |
286 | 287 | 288 |
travel
289 |
290 | 291 |
292 | 293 |
How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?
294 |
295 |

How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in...

296 | 297 | 300 |
301 |
302 |
303 | 304 |
305 | 306 |
307 | 308 |
309 | 310 | 311 |
travel
312 | 313 | 314 |
315 | 316 |
317 | 318 |
How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?
319 |
320 |

How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in...

321 | 322 | 325 |
326 |
327 |
328 |
329 | 330 |
331 |
332 |
333 |
Get in Touch
334 | 335 |
336 |
337 |
338 |
339 | 340 | 341 | 342 | 343 |
344 |
345 |
346 |
347 | 348 | 349 | 350 | 351 |
352 |
353 |
354 |
355 | 356 | 357 | 358 | 359 |
360 |
361 |
362 | 363 |
364 |
365 |
366 |
367 |
368 | 369 |
370 | 371 |
372 |
    373 | 374 |
  1. 375 | 376 |
    377 | 378 |
    379 |

    on

    380 | Reply 381 |
    382 |

    Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened...

    383 |
    384 |
      385 |
    1. 386 | 387 |
      388 | 389 |
      390 |

      on

      391 | Reply 392 |
      393 |

      Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened...

      394 |
      395 |
    2. 396 |
    397 |
  2. 398 | 399 | 400 |
  3. 401 | 402 |
    403 | 404 |
    405 |

    on

    406 | Reply 407 |
    408 |

    Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened...

    409 |
    410 |
  4. 411 | 412 |
413 |
414 |
415 |
416 |
417 |
418 | 419 | 420 |
421 |
422 |
423 |
424 | 432 |
433 |
434 | 444 |
445 |
446 | 453 |
454 |
455 |
456 |
457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | --------------------------------------------------------------------------------