@charset "UTF-8"; @font-face{font-family:FontAwesomeYESP;src:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/icons/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.yesp-icon{display:inline-block;font:normal normal normal 14px/1 FontAwesomeYESP;font-family: FontAwesomeYESP !important;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.yesp-icon-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.yesp-icon-2x{font-size:2em}.yesp-icon-3x{font-size:3em}.yesp-icon-4x{font-size:4em}.yesp-icon-5x{font-size:5em}.yesp-icon-fw{width:1.28571429em;text-align:center}.yesp-icon-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.yesp-icon-ul>li{position:relative}.yesp-icon-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.yesp-icon-li.yesp-icon-lg{left:-1.85714286em}.yesp-icon-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.yesp-icon.pull-left{margin-right:.3em}.yesp-icon.pull-right{margin-left:.3em}.yesp-icon-spin{-webkit-animation:yesp-icon-spin 2s infinite linear;animation:yesp-icon-spin 2s infinite linear}.yesp-icon-pulse{-webkit-animation:yesp-icon-spin 1s infinite steps(8);animation:yesp-icon-spin 1s infinite steps(8)}@-webkit-keyframes yesp-icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes yesp-icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.yesp-icon-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.yesp-icon-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.yesp-icon-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.yesp-icon-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.yesp-icon-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .yesp-icon-flip-horizontal,:root .yesp-icon-flip-vertical,:root .yesp-icon-rotate-180,:root .yesp-icon-rotate-270,:root .yesp-icon-rotate-90{filter:none}.yesp-icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.yesp-icon-stack-1x,.yesp-icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.yesp-icon-stack-1x{line-height:inherit}.yesp-icon-stack-2x{font-size:2em}.yesp-icon-inverse{color:#fff}.yesp-icon-glass:before{content:"\f000"}.yesp-icon-music:before{content:"\f001"}.yesp-icon-search:before{content:"\f002"}.yesp-icon-envelope-o:before{content:"\f003"}.yesp-icon-heart:before{content:"\f004"}.yesp-icon-star:before{content:"\f005"}.yesp-icon-star-o:before{content:"\f006"}.yesp-icon-user:before{content:"\f007"}.yesp-icon-film:before{content:"\f008"}.yesp-icon-th-large:before{content:"\f009"}.yesp-icon-th:before{content:"\f00a"}.yesp-icon-th-list:before{content:"\f00b"}.yesp-icon-check:before{content:"\f00c"}.yesp-icon-close:before,.yesp-icon-remove:before,.yesp-icon-times:before{content:"\f00d"}.yesp-icon-search-plus:before{content:"\f00e"}.yesp-icon-search-minus:before{content:"\f010"}.yesp-icon-power-off:before{content:"\f011"}.yesp-icon-signal:before{content:"\f012"}.yesp-icon-cog:before,.yesp-icon-gear:before{content:"\f013"}.yesp-icon-trash-o:before{content:"\f014"}.yesp-icon-home:before{content:"\f015"}.yesp-icon-file-o:before{content:"\f016"}.yesp-icon-clock-o:before{content:"\f017"}.yesp-icon-road:before{content:"\f018"}.yesp-icon-download:before{content:"\f019"}.yesp-icon-arrow-circle-o-down:before{content:"\f01a"}.yesp-icon-arrow-circle-o-up:before{content:"\f01b"}.yesp-icon-inbox:before{content:"\f01c"}.yesp-icon-play-circle-o:before{content:"\f01d"}.yesp-icon-repeat:before,.yesp-icon-rotate-right:before{content:"\f01e"}.yesp-icon-refresh:before{content:"\f021"}.yesp-icon-list-alt:before{content:"\f022"}.yesp-icon-lock:before{content:"\f023"}.yesp-icon-flag:before{content:"\f024"}.yesp-icon-headphones:before{content:"\f025"}.yesp-icon-volume-off:before{content:"\f026"}.yesp-icon-volume-down:before{content:"\f027"}.yesp-icon-volume-up:before{content:"\f028"}.yesp-icon-qrcode:before{content:"\f029"}.yesp-icon-barcode:before{content:"\f02a"}.yesp-icon-tag:before{content:"\f02b"}.yesp-icon-tags:before{content:"\f02c"}.yesp-icon-book:before{content:"\f02d"}.yesp-icon-bookmark:before{content:"\f02e"}.yesp-icon-print:before{content:"\f02f"}.yesp-icon-camera:before{content:"\f030"}.yesp-icon-font:before{content:"\f031"}.yesp-icon-bold:before{content:"\f032"}.yesp-icon-italic:before{content:"\f033"}.yesp-icon-text-height:before{content:"\f034"}.yesp-icon-text-width:before{content:"\f035"}.yesp-icon-align-left:before{content:"\f036"}.yesp-icon-align-center:before{content:"\f037"}.yesp-icon-align-right:before{content:"\f038"}.yesp-icon-align-justify:before{content:"\f039"}.yesp-icon-list:before{content:"\f03a"}.yesp-icon-dedent:before,.yesp-icon-outdent:before{content:"\f03b"}.yesp-icon-indent:before{content:"\f03c"}.yesp-icon-video-camera:before{content:"\f03d"}.yesp-icon-image:before,.yesp-icon-photo:before,.yesp-icon-picture-o:before{content:"\f03e"}.yesp-icon-pencil:before{content:"\f040"}.yesp-icon-map-marker:before{content:"\f041"}.yesp-icon-adjust:before{content:"\f042"}.yesp-icon-tint:before{content:"\f043"}.yesp-icon-edit:before,.yesp-icon-pencil-square-o:before{content:"\f044"}.yesp-icon-share-square-o:before{content:"\f045"}.yesp-icon-check-square-o:before{content:"\f046"}.yesp-icon-arrows:before{content:"\f047"}.yesp-icon-step-backward:before{content:"\f048"}.yesp-icon-fast-backward:before{content:"\f049"}.yesp-icon-backward:before{content:"\f04a"}.yesp-icon-play:before{content:"\f04b"}.yesp-icon-pause:before{content:"\f04c"}.yesp-icon-stop:before{content:"\f04d"}.yesp-icon-forward:before{content:"\f04e"}.yesp-icon-fast-forward:before{content:"\f050"}.yesp-icon-step-forward:before{content:"\f051"}.yesp-icon-eject:before{content:"\f052"}.yesp-icon-chevron-left:before{content:"\f053"}.yesp-icon-chevron-right:before{content:"\f054"}.yesp-icon-plus-circle:before{content:"\f055"}.yesp-icon-minus-circle:before{content:"\f056"}.yesp-icon-times-circle:before{content:"\f057"}.yesp-icon-check-circle:before{content:"\f058"}.yesp-icon-question-circle:before{content:"\f059"}.yesp-icon-info-circle:before{content:"\f05a"}.yesp-icon-crosshairs:before{content:"\f05b"}.yesp-icon-times-circle-o:before{content:"\f05c"}.yesp-icon-check-circle-o:before{content:"\f05d"}.yesp-icon-ban:before{content:"\f05e"}.yesp-icon-arrow-left:before{content:"\f060"}.yesp-icon-arrow-right:before{content:"\f061"}.yesp-icon-arrow-up:before{content:"\f062"}.yesp-icon-arrow-down:before{content:"\f063"}.yesp-icon-mail-forward:before,.yesp-icon-share:before{content:"\f064"}.yesp-icon-expand:before{content:"\f065"}.yesp-icon-compress:before{content:"\f066"}.yesp-icon-plus:before{content:"\f067"}.yesp-icon-minus:before{content:"\f068"}.yesp-icon-asterisk:before{content:"\f069"}.yesp-icon-exclamation-circle:before{content:"\f06a"}.yesp-icon-gift:before{content:"\f06b"}.yesp-icon-leaf:before{content:"\f06c"}.yesp-icon-fire:before{content:"\f06d"}.yesp-icon-eye:before{content:"\f06e"}.yesp-icon-eye-slash:before{content:"\f070"}.yesp-icon-exclamation-triangle:before,.yesp-icon-warning:before{content:"\f071"}.yesp-icon-plane:before{content:"\f072"}.yesp-icon-calendar:before{content:"\f073"}.yesp-icon-random:before{content:"\f074"}.yesp-icon-comment:before{content:"\f075"}.yesp-icon-magnet:before{content:"\f076"}.yesp-icon-chevron-up:before{content:"\f077"}.yesp-icon-chevron-down:before{content:"\f078"}.yesp-icon-retweet:before{content:"\f079"}.yesp-icon-shopping-cart:before{content:"\f07a"}.yesp-icon-folder:before{content:"\f07b"}.yesp-icon-folder-open:before{content:"\f07c"}.yesp-icon-arrows-v:before{content:"\f07d"}.yesp-icon-arrows-h:before{content:"\f07e"}.yesp-icon-bar-chart-o:before,.yesp-icon-bar-chart:before{content:"\f080"}.yesp-icon-twitter-square:before{content:"\f081"}.yesp-icon-facebook-square:before{content:"\f082"}.yesp-icon-camera-retro:before{content:"\f083"}.yesp-icon-key:before{content:"\f084"}.yesp-icon-cogs:before,.yesp-icon-gears:before{content:"\f085"}.yesp-icon-comments:before{content:"\f086"}.yesp-icon-thumbs-o-up:before{content:"\f087"}.yesp-icon-thumbs-o-down:before{content:"\f088"}.yesp-icon-star-half:before{content:"\f089"}.yesp-icon-heart-o:before{content:"\f08a"}.yesp-icon-sign-out:before{content:"\f08b"}.yesp-icon-linkedin-square:before{content:"\f08c"}.yesp-icon-thumb-tack:before{content:"\f08d"}.yesp-icon-external-link:before{content:"\f08e"}.yesp-icon-sign-in:before{content:"\f090"}.yesp-icon-trophy:before{content:"\f091"}.yesp-icon-github-square:before{content:"\f092"}.yesp-icon-upload:before{content:"\f093"}.yesp-icon-lemon-o:before{content:"\f094"}.yesp-icon-phone:before{content:"\f095"}.yesp-icon-square-o:before{content:"\f096"}.yesp-icon-bookmark-o:before{content:"\f097"}.yesp-icon-phone-square:before{content:"\f098"}.yesp-icon-twitter:before{content:"\f099"}.yesp-icon-facebook-f:before,.yesp-icon-facebook:before{content:"\f09a"}.yesp-icon-github:before{content:"\f09b"}.yesp-icon-unlock:before{content:"\f09c"}.yesp-icon-credit-card:before{content:"\f09d"}.yesp-icon-rss:before{content:"\f09e"}.yesp-icon-hdd-o:before{content:"\f0a0"}.yesp-icon-bullhorn:before{content:"\f0a1"}.yesp-icon-bell:before{content:"\f0f3"}.yesp-icon-certificate:before{content:"\f0a3"}.yesp-icon-hand-o-right:before{content:"\f0a4"}.yesp-icon-hand-o-left:before{content:"\f0a5"}.yesp-icon-hand-o-up:before{content:"\f0a6"}.yesp-icon-hand-o-down:before{content:"\f0a7"}.yesp-icon-arrow-circle-left:before{content:"\f0a8"}.yesp-icon-arrow-circle-right:before{content:"\f0a9"}.yesp-icon-arrow-circle-up:before{content:"\f0aa"}.yesp-icon-arrow-circle-down:before{content:"\f0ab"}.yesp-icon-globe:before{content:"\f0ac"}.yesp-icon-wrench:before{content:"\f0ad"}.yesp-icon-tasks:before{content:"\f0ae"}.yesp-icon-filter:before{content:"\f0b0"}.yesp-icon-briefcase:before{content:"\f0b1"}.yesp-icon-arrows-alt:before{content:"\f0b2"}.yesp-icon-group:before,.yesp-icon-users:before{content:"\f0c0"}.yesp-icon-chain:before,.yesp-icon-link:before{content:"\f0c1"}.yesp-icon-cloud:before{content:"\f0c2"}.yesp-icon-flask:before{content:"\f0c3"}.yesp-icon-cut:before,.yesp-icon-scissors:before{content:"\f0c4"}.yesp-icon-copy:before,.yesp-icon-files-o:before{content:"\f0c5"}.yesp-icon-paperclip:before{content:"\f0c6"}.yesp-icon-floppy-o:before,.yesp-icon-save:before{content:"\f0c7"}.yesp-icon-square:before{content:"\f0c8"}.yesp-icon-bars:before,.yesp-icon-navicon:before,.yesp-icon-reorder:before{content:"\f0c9"}.yesp-icon-list-ul:before{content:"\f0ca"}.yesp-icon-list-ol:before{content:"\f0cb"}.yesp-icon-strikethrough:before{content:"\f0cc"}.yesp-icon-underline:before{content:"\f0cd"}.yesp-icon-table:before{content:"\f0ce"}.yesp-icon-magic:before{content:"\f0d0"}.yesp-icon-truck:before{content:"\f0d1"}.yesp-icon-pinterest:before{content:"\f0d2"}.yesp-icon-pinterest-square:before{content:"\f0d3"}.yesp-icon-google-plus-square:before{content:"\f0d4"}.yesp-icon-google-plus:before{content:"\f0d5"}.yesp-icon-money:before{content:"\f0d6"}.yesp-icon-caret-down:before{content:"\f0d7"}.yesp-icon-caret-up:before{content:"\f0d8"}.yesp-icon-caret-left:before{content:"\f0d9"}.yesp-icon-caret-right:before{content:"\f0da"}.yesp-icon-columns:before{content:"\f0db"}.yesp-icon-sort:before,.yesp-icon-unsorted:before{content:"\f0dc"}.yesp-icon-sort-desc:before,.yesp-icon-sort-down:before{content:"\f0dd"}.yesp-icon-sort-asc:before,.yesp-icon-sort-up:before{content:"\f0de"}.yesp-icon-envelope:before{content:"\f0e0"}.yesp-icon-linkedin:before{content:"\f0e1"}.yesp-icon-rotate-left:before,.yesp-icon-undo:before{content:"\f0e2"}.yesp-icon-gavel:before,.yesp-icon-legal:before{content:"\f0e3"}.yesp-icon-dashboard:before,.yesp-icon-tachometer:before{content:"\f0e4"}.yesp-icon-comment-o:before{content:"\f0e5"}.yesp-icon-comments-o:before{content:"\f0e6"}.yesp-icon-bolt:before,.yesp-icon-flash:before{content:"\f0e7"}.yesp-icon-sitemap:before{content:"\f0e8"}.yesp-icon-umbrella:before{content:"\f0e9"}.yesp-icon-clipboard:before,.yesp-icon-paste:before{content:"\f0ea"}.yesp-icon-lightbulb-o:before{content:"\f0eb"}.yesp-icon-exchange:before{content:"\f0ec"}.yesp-icon-cloud-download:before{content:"\f0ed"}.yesp-icon-cloud-upload:before{content:"\f0ee"}.yesp-icon-user-md:before{content:"\f0f0"}.yesp-icon-stethoscope:before{content:"\f0f1"}.yesp-icon-suitcase:before{content:"\f0f2"}.yesp-icon-bell-o:before{content:"\f0a2"}.yesp-icon-coffee:before{content:"\f0f4"}.yesp-icon-cutlery:before{content:"\f0f5"}.yesp-icon-file-text-o:before{content:"\f0f6"}.yesp-icon-building-o:before{content:"\f0f7"}.yesp-icon-hospital-o:before{content:"\f0f8"}.yesp-icon-ambulance:before{content:"\f0f9"}.yesp-icon-medkit:before{content:"\f0fa"}.yesp-icon-fighter-jet:before{content:"\f0fb"}.yesp-icon-beer:before{content:"\f0fc"}.yesp-icon-h-square:before{content:"\f0fd"}.yesp-icon-plus-square:before{content:"\f0fe"}.yesp-icon-angle-double-left:before{content:"\f100"}.yesp-icon-angle-double-right:before{content:"\f101"}.yesp-icon-angle-double-up:before{content:"\f102"}.yesp-icon-angle-double-down:before{content:"\f103"}.yesp-icon-angle-left:before{content:"\f104"}.yesp-icon-angle-right:before{content:"\f105"}.yesp-icon-angle-up:before{content:"\f106"}.yesp-icon-angle-down:before{content:"\f107"}.yesp-icon-desktop:before{content:"\f108"}.yesp-icon-laptop:before{content:"\f109"}.yesp-icon-tablet:before{content:"\f10a"}.yesp-icon-mobile-phone:before,.yesp-icon-mobile:before{content:"\f10b"}.yesp-icon-circle-o:before{content:"\f10c"}.yesp-icon-quote-left:before{content:"\f10d"}.yesp-icon-quote-right:before{content:"\f10e"}.yesp-icon-spinner:before{content:"\f110"}.yesp-icon-circle:before{content:"\f111"}.yesp-icon-mail-reply:before,.yesp-icon-reply:before{content:"\f112"}.yesp-icon-github-alt:before{content:"\f113"}.yesp-icon-folder-o:before{content:"\f114"}.yesp-icon-folder-open-o:before{content:"\f115"}.yesp-icon-smile-o:before{content:"\f118"}.yesp-icon-frown-o:before{content:"\f119"}.yesp-icon-meh-o:before{content:"\f11a"}.yesp-icon-gamepad:before{content:"\f11b"}.yesp-icon-keyboard-o:before{content:"\f11c"}.yesp-icon-flag-o:before{content:"\f11d"}.yesp-icon-flag-checkered:before{content:"\f11e"}.yesp-icon-terminal:before{content:"\f120"}.yesp-icon-code:before{content:"\f121"}.yesp-icon-mail-reply-all:before,.yesp-icon-reply-all:before{content:"\f122"}.yesp-icon-star-half-empty:before,.yesp-icon-star-half-full:before,.yesp-icon-star-half-o:before{content:"\f123"}.yesp-icon-location-arrow:before{content:"\f124"}.yesp-icon-crop:before{content:"\f125"}.yesp-icon-code-fork:before{content:"\f126"}.yesp-icon-chain-broken:before,.yesp-icon-unlink:before{content:"\f127"}.yesp-icon-question:before{content:"\f128"}.yesp-icon-info:before{content:"\f129"}.yesp-icon-exclamation:before{content:"\f12a"}.yesp-icon-superscript:before{content:"\f12b"}.yesp-icon-subscript:before{content:"\f12c"}.yesp-icon-eraser:before{content:"\f12d"}.yesp-icon-puzzle-piece:before{content:"\f12e"}.yesp-icon-microphone:before{content:"\f130"}.yesp-icon-microphone-slash:before{content:"\f131"}.yesp-icon-shield:before{content:"\f132"}.yesp-icon-calendar-o:before{content:"\f133"}.yesp-icon-fire-extinguisher:before{content:"\f134"}.yesp-icon-rocket:before{content:"\f135"}.yesp-icon-maxcdn:before{content:"\f136"}.yesp-icon-chevron-circle-left:before{content:"\f137"}.yesp-icon-chevron-circle-right:before{content:"\f138"}.yesp-icon-chevron-circle-up:before{content:"\f139"}.yesp-icon-chevron-circle-down:before{content:"\f13a"}.yesp-icon-html5:before{content:"\f13b"}.yesp-icon-css3:before{content:"\f13c"}.yesp-icon-anchor:before{content:"\f13d"}.yesp-icon-unlock-alt:before{content:"\f13e"}.yesp-icon-bullseye:before{content:"\f140"}.yesp-icon-ellipsis-h:before{content:"\f141"}.yesp-icon-ellipsis-v:before{content:"\f142"}.yesp-icon-rss-square:before{content:"\f143"}.yesp-icon-play-circle:before{content:"\f144"}.yesp-icon-ticket:before{content:"\f145"}.yesp-icon-minus-square:before{content:"\f146"}.yesp-icon-minus-square-o:before{content:"\f147"}.yesp-icon-level-up:before{content:"\f148"}.yesp-icon-level-down:before{content:"\f149"}.yesp-icon-check-square:before{content:"\f14a"}.yesp-icon-pencil-square:before{content:"\f14b"}.yesp-icon-external-link-square:before{content:"\f14c"}.yesp-icon-share-square:before{content:"\f14d"}.yesp-icon-compass:before{content:"\f14e"}.yesp-icon-caret-square-o-down:before,.yesp-icon-toggle-down:before{content:"\f150"}.yesp-icon-caret-square-o-up:before,.yesp-icon-toggle-up:before{content:"\f151"}.yesp-icon-caret-square-o-right:before,.yesp-icon-toggle-right:before{content:"\f152"}.yesp-icon-eur:before,.yesp-icon-euro:before{content:"\f153"}.yesp-icon-gbp:before{content:"\f154"}.yesp-icon-dollar:before,.yesp-icon-usd:before{content:"\f155"}.yesp-icon-inr:before,.yesp-icon-rupee:before{content:"\f156"}.yesp-icon-cny:before,.yesp-icon-jpy:before,.yesp-icon-rmb:before,.yesp-icon-yen:before{content:"\f157"}.yesp-icon-rouble:before,.yesp-icon-rub:before,.yesp-icon-ruble:before{content:"\f158"}.yesp-icon-krw:before,.yesp-icon-won:before{content:"\f159"}.yesp-icon-bitcoin:before,.yesp-icon-btc:before{content:"\f15a"}.yesp-icon-file:before{content:"\f15b"}.yesp-icon-file-text:before{content:"\f15c"}.yesp-icon-sort-alpha-asc:before{content:"\f15d"}.yesp-icon-sort-alpha-desc:before{content:"\f15e"}.yesp-icon-sort-amount-asc:before{content:"\f160"}.yesp-icon-sort-amount-desc:before{content:"\f161"}.yesp-icon-sort-numeric-asc:before{content:"\f162"}.yesp-icon-sort-numeric-desc:before{content:"\f163"}.yesp-icon-thumbs-up:before{content:"\f164"}.yesp-icon-thumbs-down:before{content:"\f165"}.yesp-icon-youtube-square:before{content:"\f166"}.yesp-icon-youtube:before{content:"\f167"}.yesp-icon-xing:before{content:"\f168"}.yesp-icon-xing-square:before{content:"\f169"}.yesp-icon-youtube-play:before{content:"\f16a"}.yesp-icon-dropbox:before{content:"\f16b"}.yesp-icon-stack-overflow:before{content:"\f16c"}.yesp-icon-instagram:before{content:"\f16d"}.yesp-icon-flickr:before{content:"\f16e"}.yesp-icon-adn:before{content:"\f170"}.yesp-icon-bitbucket:before{content:"\f171"}.yesp-icon-bitbucket-square:before{content:"\f172"}.yesp-icon-tumblr:before{content:"\f173"}.yesp-icon-tumblr-square:before{content:"\f174"}.yesp-icon-long-arrow-down:before{content:"\f175"}.yesp-icon-long-arrow-up:before{content:"\f176"}.yesp-icon-long-arrow-left:before{content:"\f177"}.yesp-icon-long-arrow-right:before{content:"\f178"}.yesp-icon-apple:before{content:"\f179"}.yesp-icon-windows:before{content:"\f17a"}.yesp-icon-android:before{content:"\f17b"}.yesp-icon-linux:before{content:"\f17c"}.yesp-icon-dribbble:before{content:"\f17d"}.yesp-icon-skype:before{content:"\f17e"}.yesp-icon-foursquare:before{content:"\f180"}.yesp-icon-trello:before{content:"\f181"}.yesp-icon-female:before{content:"\f182"}.yesp-icon-male:before{content:"\f183"}.yesp-icon-gittip:before,.yesp-icon-gratipay:before{content:"\f184"}.yesp-icon-sun-o:before{content:"\f185"}.yesp-icon-moon-o:before{content:"\f186"}.yesp-icon-archive:before{content:"\f187"}.yesp-icon-bug:before{content:"\f188"}.yesp-icon-vk:before{content:"\f189"}.yesp-icon-weibo:before{content:"\f18a"}.yesp-icon-renren:before{content:"\f18b"}.yesp-icon-pagelines:before{content:"\f18c"}.yesp-icon-stack-exchange:before{content:"\f18d"}.yesp-icon-arrow-circle-o-right:before{content:"\f18e"}.yesp-icon-arrow-circle-o-left:before{content:"\f190"}.yesp-icon-caret-square-o-left:before,.yesp-icon-toggle-left:before{content:"\f191"}.yesp-icon-dot-circle-o:before{content:"\f192"}.yesp-icon-wheelchair:before{content:"\f193"}.yesp-icon-vimeo-square:before{content:"\f194"}.yesp-icon-try:before,.yesp-icon-turkish-lira:before{content:"\f195"}.yesp-icon-plus-square-o:before{content:"\f196"}.yesp-icon-space-shuttle:before{content:"\f197"}.yesp-icon-slack:before{content:"\f198"}.yesp-icon-envelope-square:before{content:"\f199"}.yesp-icon-wordpress:before{content:"\f19a"}.yesp-icon-openid:before{content:"\f19b"}.yesp-icon-bank:before,.yesp-icon-institution:before,.yesp-icon-university:before{content:"\f19c"}.yesp-icon-graduation-cap:before,.yesp-icon-mortar-board:before{content:"\f19d"}.yesp-icon-yahoo:before{content:"\f19e"}.yesp-icon-google:before{content:"\f1a0"}.yesp-icon-reddit:before{content:"\f1a1"}.yesp-icon-reddit-square:before{content:"\f1a2"}.yesp-icon-stumbleupon-circle:before{content:"\f1a3"}.yesp-icon-stumbleupon:before{content:"\f1a4"}.yesp-icon-delicious:before{content:"\f1a5"}.yesp-icon-digg:before{content:"\f1a6"}.yesp-icon-pied-piper:before{content:"\f1a7"}.yesp-icon-pied-piper-alt:before{content:"\f1a8"}.yesp-icon-drupal:before{content:"\f1a9"}.yesp-icon-joomla:before{content:"\f1aa"}.yesp-icon-language:before{content:"\f1ab"}.yesp-icon-fax:before{content:"\f1ac"}.yesp-icon-building:before{content:"\f1ad"}.yesp-icon-child:before{content:"\f1ae"}.yesp-icon-paw:before{content:"\f1b0"}.yesp-icon-spoon:before{content:"\f1b1"}.yesp-icon-cube:before{content:"\f1b2"}.yesp-icon-cubes:before{content:"\f1b3"}.yesp-icon-behance:before{content:"\f1b4"}.yesp-icon-behance-square:before{content:"\f1b5"}.yesp-icon-steam:before{content:"\f1b6"}.yesp-icon-steam-square:before{content:"\f1b7"}.yesp-icon-recycle:before{content:"\f1b8"}.yesp-icon-automobile:before,.yesp-icon-car:before{content:"\f1b9"}.yesp-icon-cab:before,.yesp-icon-taxi:before{content:"\f1ba"}.yesp-icon-tree:before{content:"\f1bb"}.yesp-icon-spotify:before{content:"\f1bc"}.yesp-icon-deviantart:before{content:"\f1bd"}.yesp-icon-soundcloud:before{content:"\f1be"}.yesp-icon-database:before{content:"\f1c0"}.yesp-icon-file-pdf-o:before{content:"\f1c1"}.yesp-icon-file-word-o:before{content:"\f1c2"}.yesp-icon-file-excel-o:before{content:"\f1c3"}.yesp-icon-file-powerpoint-o:before{content:"\f1c4"}.yesp-icon-file-image-o:before,.yesp-icon-file-photo-o:before,.yesp-icon-file-picture-o:before{content:"\f1c5"}.yesp-icon-file-archive-o:before,.yesp-icon-file-zip-o:before{content:"\f1c6"}.yesp-icon-file-audio-o:before,.yesp-icon-file-sound-o:before{content:"\f1c7"}.yesp-icon-file-movie-o:before,.yesp-icon-file-video-o:before{content:"\f1c8"}.yesp-icon-file-code-o:before{content:"\f1c9"}.yesp-icon-vine:before{content:"\f1ca"}.yesp-icon-codepen:before{content:"\f1cb"}.yesp-icon-jsfiddle:before{content:"\f1cc"}.yesp-icon-life-bouy:before,.yesp-icon-life-buoy:before,.yesp-icon-life-ring:before,.yesp-icon-life-saver:before,.yesp-icon-support:before{content:"\f1cd"}.yesp-icon-circle-o-notch:before{content:"\f1ce"}.yesp-icon-ra:before,.yesp-icon-rebel:before{content:"\f1d0"}.yesp-icon-empire:before,.yesp-icon-ge:before{content:"\f1d1"}.yesp-icon-git-square:before{content:"\f1d2"}.yesp-icon-git:before{content:"\f1d3"}.yesp-icon-hacker-news:before{content:"\f1d4"}.yesp-icon-tencent-weibo:before{content:"\f1d5"}.yesp-icon-qq:before{content:"\f1d6"}.yesp-icon-wechat:before,.yesp-icon-weixin:before{content:"\f1d7"}.yesp-icon-paper-plane:before,.yesp-icon-send:before{content:"\f1d8"}.yesp-icon-paper-plane-o:before,.yesp-icon-send-o:before{content:"\f1d9"}.yesp-icon-history:before{content:"\f1da"}.yesp-icon-circle-thin:before,.yesp-icon-genderless:before{content:"\f1db"}.yesp-icon-header:before{content:"\f1dc"}.yesp-icon-paragraph:before{content:"\f1dd"}.yesp-icon-sliders:before{content:"\f1de"}.yesp-icon-share-alt:before{content:"\f1e0"}.yesp-icon-share-alt-square:before{content:"\f1e1"}.yesp-icon-bomb:before{content:"\f1e2"}.yesp-icon-futbol-o:before,.yesp-icon-soccer-ball-o:before{content:"\f1e3"}.yesp-icon-tty:before{content:"\f1e4"}.yesp-icon-binoculars:before{content:"\f1e5"}.yesp-icon-plug:before{content:"\f1e6"}.yesp-icon-slideshare:before{content:"\f1e7"}.yesp-icon-twitch:before{content:"\f1e8"}.yesp-icon-yelp:before{content:"\f1e9"}.yesp-icon-newspaper-o:before{content:"\f1ea"}.yesp-icon-wifi:before{content:"\f1eb"}.yesp-icon-calculator:before{content:"\f1ec"}.yesp-icon-paypal:before{content:"\f1ed"}.yesp-icon-google-wallet:before{content:"\f1ee"}.yesp-icon-cc-visa:before{content:"\f1f0"}.yesp-icon-cc-mastercard:before{content:"\f1f1"}.yesp-icon-cc-discover:before{content:"\f1f2"}.yesp-icon-cc-amex:before{content:"\f1f3"}.yesp-icon-cc-paypal:before{content:"\f1f4"}.yesp-icon-cc-stripe:before{content:"\f1f5"}.yesp-icon-bell-slash:before{content:"\f1f6"}.yesp-icon-bell-slash-o:before{content:"\f1f7"}.yesp-icon-trash:before{content:"\f1f8"}.yesp-icon-copyright:before{content:"\f1f9"}.yesp-icon-at:before{content:"\f1fa"}.yesp-icon-eyedropper:before{content:"\f1fb"}.yesp-icon-paint-brush:before{content:"\f1fc"}.yesp-icon-birthday-cake:before{content:"\f1fd"}.yesp-icon-area-chart:before{content:"\f1fe"}.yesp-icon-pie-chart:before{content:"\f200"}.yesp-icon-line-chart:before{content:"\f201"}.yesp-icon-lastfm:before{content:"\f202"}.yesp-icon-lastfm-square:before{content:"\f203"}.yesp-icon-toggle-off:before{content:"\f204"}.yesp-icon-toggle-on:before{content:"\f205"}.yesp-icon-bicycle:before{content:"\f206"}.yesp-icon-bus:before{content:"\f207"}.yesp-icon-ioxhost:before{content:"\f208"}.yesp-icon-angellist:before{content:"\f209"}.yesp-icon-cc:before{content:"\f20a"}.yesp-icon-ils:before,.yesp-icon-shekel:before,.yesp-icon-sheqel:before{content:"\f20b"}.yesp-icon-meanpath:before{content:"\f20c"}.yesp-icon-buysellads:before{content:"\f20d"}.yesp-icon-connectdevelop:before{content:"\f20e"}.yesp-icon-dashcube:before{content:"\f210"}.yesp-icon-forumbee:before{content:"\f211"}.yesp-icon-leanpub:before{content:"\f212"}.yesp-icon-sellsy:before{content:"\f213"}.yesp-icon-shirtsinbulk:before{content:"\f214"}.yesp-icon-simplybuilt:before{content:"\f215"}.yesp-icon-skyatlas:before{content:"\f216"}.yesp-icon-cart-plus:before{content:"\f217"}.yesp-icon-cart-arrow-down:before{content:"\f218"}.yesp-icon-diamond:before{content:"\f219"}.yesp-icon-ship:before{content:"\f21a"}.yesp-icon-user-secret:before{content:"\f21b"}.yesp-icon-motorcycle:before{content:"\f21c"}.yesp-icon-street-view:before{content:"\f21d"}.yesp-icon-heartbeat:before{content:"\f21e"}.yesp-icon-venus:before{content:"\f221"}.yesp-icon-mars:before{content:"\f222"}.yesp-icon-mercury:before{content:"\f223"}.yesp-icon-transgender:before{content:"\f224"}.yesp-icon-transgender-alt:before{content:"\f225"}.yesp-icon-venus-double:before{content:"\f226"}.yesp-icon-mars-double:before{content:"\f227"}.yesp-icon-venus-mars:before{content:"\f228"}.yesp-icon-mars-stroke:before{content:"\f229"}.yesp-icon-mars-stroke-v:before{content:"\f22a"}.yesp-icon-mars-stroke-h:before{content:"\f22b"}.yesp-icon-neuter:before{content:"\f22c"}.yesp-icon-facebook-official:before{content:"\f230"}.yesp-icon-pinterest-p:before{content:"\f231"}.yesp-icon-whatsapp:before{content:"\f232"}.yesp-icon-server:before{content:"\f233"}.yesp-icon-user-plus:before{content:"\f234"}.yesp-icon-user-times:before{content:"\f235"}.yesp-icon-bed:before,.yesp-icon-hotel:before{content:"\f236"}.yesp-icon-viacoin:before{content:"\f237"}.yesp-icon-train:before{content:"\f238"}.yesp-icon-subway:before{content:"\f239"}.yesp-icon-medium:before{content:"\f23a"}.yesp .yesp-controls:after,.yesp .yesp-volume:after,.yesp:after{clear:both;visibility:hidden;content:"."}.yesp a.yesp-big-play,.yesp a.yesp-big-replay{text-align:center!important;color:#fff;padding:0!important;margin:0!important;font-size:30px;line-height:60px!important}.yesp .yesp-hp .yesp-hp-video[data-playing="0"]:hover img,.yesp .yesp-playlist .yesp-playlist-video[data-playing="0"]:hover img{transform:scale(1.2)}.yesp{position:relative;overflow:hidden}.yesp,.yesp *{-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.yesp:after{display:block;height:0}.yesp .yesp-container,.yesp .yesp-playlist{overflow:hidden;float:left;background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/ajax.gif) center center no-repeat #333;height:300px;position:relative}.yesp .yesp-container{width:600px}.yesp .yesp-playlist{width:200px}.yesp .yesp-container .yesp-autoposter{display:none;position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer}.yesp .yesp-container .yesp-autoposter .yesp-autoposter-icon{position:absolute;top:50%;left:50%}.yesp .yesp-container .yesp-autoposter .yesp-autoposter-icon div{position:relative;left:-42px;top:-30px;background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/youtube-icon-dark.png) top left no-repeat;width:85px;height:60px}.yesp .yesp-container .yesp-autoposter:hover .yesp-autoposter-icon div{background-image:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/youtube-icon-red.png)}.yesp a.yesp-big-play{display:none;border:none!important;outline:0}.yesp a.yesp-big-play,.yesp a.yesp-big-replay{position:absolute;text-decoration:none!important;display:block;width:60px;height:60px;background:rgba(0,0,0,.5)!important;border-radius:30px}.yesp a.yesp-big-replay{display:none;border:none!important}.yesp .yesp-title{height:70px;background:-moz-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000', GradientType=0 );position:absolute;top:0;left:0;width:100%;opacity:0}.yesp .yesp-title .yesp-title-wrapper{padding:20px 20px 0;font-family:'Open Sans',sans-serif;font-size:18px;height:24px;line-height:18px;color:#fff;font-weight:700;z-index:9999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yesp .yesp-loading,.yesp .yesp-title a.yesp-subtitle{font-family:'Open Sans',sans-serif;height:18px}.yesp .yesp-title .yesp-title-wrapper a{border-bottom:none}.yesp .yesp-title a.yesp-subtitle{display:inline-block;padding:0 10px 0 0!important;margin:0 10px 0 0!important;border-right:2px solid #fff;line-height:18px;font-size:18px;color:#dff76d;z-index:9999;text-decoration:none!important;font-weight:700!important;background:0 0!important;box-shadow:none!important;font-style:normal!important}.yesp .yesp-title a.yesp-subtitle:hover{text-decoration:underline!important}.yesp .yesp-loading{position:absolute;top:50%;left:50%;padding:5px 10px;margin-left:-20px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.5);z-index:999;text-transform:uppercase;border-radius:100px;display:none}.yesp .yesp-social{position:absolute;z-index:999;right:10px;right:-180px;bottom:60px}.yesp .yesp-social a.yesp-social-button{text-decoration:none!important;border:none!important;padding:0!important;margin:0 0 0 1px!important;width:40px;height:40px;float:right;z-index:999;display:block;font-size:14px!important;color:#fff!important;line-height:40px!important;text-align:center!important}.yesp .yesp-social a.yesp-social-facebook{background:#3b5998}.yesp .yesp-social a.yesp-social-twitter{background:#55acee}.yesp .yesp-social a.yesp-social-google{background:#dd4b39}.yesp .yesp-social a.yesp-social-link{background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/share_link.png) top left no-repeat}.yesp a.yesp-youtube-logo{width:100px;height:50px;position:absolute;display:block;border:none!important;padding:none!important;margin:none!important;outline:0;z-index:999;bottom:50px;right:0;background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/youtube-logo-light.png) top left no-repeat;background-size:100%;opacity:.25;cursor:pointer}.yesp a.yesp-youtube-logo:hover{opacity:.75}.yesp .yesp-volume a.yesp-volume-icon,.yesp a.yesp-play{display:block;float:left;opacity:1;text-decoration:none!important;border:none!important}.yesp .yesp-controls{font-family:'Open Sans',sans-serif;background:#e6bc57;width:100%;height:50px;position:absolute;z-index:999;bottom:-50px;left:0}.yesp .yesp-controls .yesp-controls-wrapper{height:30px;padding:10px}.yesp .yesp-controls:after{display:block;height:0}.yesp a.yesp-play{width:12px;height:14px;background:0 0;padding:8px 9px!important;margin:0!important;color:#fff!important;font-size:14px;line-height:14px!important;text-align:center!important;outline:0}.yesp .yesp-time{float:left;width:40px;font-size:12px;color:#fff;font-weight:700;line-height:12px;padding:9px}.yesp .yesp-time.yesp-full-time{width:80px}.yesp .yesp-bar{float:left;position:relative;width:100px;height:10px;margin:10px 9px;background:rgba(255,255,255,.5);cursor:pointer}.yesp .yesp-bar .yesp-bar-buffer{position:absolute;height:10px;background:rgba(255,255,255,.5);width:0}.yesp .yesp-bar .yesp-bar-time{position:absolute;height:10px;background:rgba(255,255,255,1);width:0}.yesp .yesp-volume{float:left;height:30px;width:110px}.yesp .yesp-volume:after{display:block;height:0}.yesp .yesp-volume a.yesp-volume-icon{width:16px;height:14px;background:0 0;padding:8px 4px 8px 14px!important;margin:0!important;color:#fff;font-size:14px;line-height:14px!important;text-align:left!important}.yesp .yesp-volume a.yesp-volume-icon.yesp-volume-icon-off{background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/volume-off.png) center center no-repeat}.yesp .yesp-volume .yesp-volume-bar{float:left;position:relative;width:55px;height:10px;margin:10px 12px 10px 9px;background:rgba(255,255,255,.5);cursor:pointer}.yesp .yesp-volume .yesp-volume-bar .yesp-volume-amount{position:absolute;height:10px;background:#fff;width:75%}.yesp a.yesp-backward,.yesp a.yesp-forward,.yesp a.yesp-fullscreen,.yesp a.yesp-playlist-toggle,.yesp a.yesp-share,.yesp a.yesp-youtube{display:block;float:left;width:14px;height:14px;background:0 0;opacity:1;text-decoration:none!important;border:none!important;padding:8px!important;margin:0!important;color:#fff;font-size:14px;line-height:14px!important;text-align:left!important;outline:0}.yesp .yesp-error i,.yesp .yesp-hp .yesp-hp-video .yesp-hp-current i,.yesp .yesp-next-page i,.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-current i{margin-right:5px}.yesp .yesp-playlist .ps-scrollbar-y-rail{opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s}.yesp .yesp-playlist:hover .ps-scrollbar-y-rail{opacity:1}.yesp.yesp-mobile .yesp-playlist .ps-scrollbar-y-rail{opacity:1!important}.yesp.yesp-touch .yesp-playlist .ps-scrollbar-y-rail{opacity:1}.yesp .yesp-playlist .yesp-playlist-video{display:block;height:112px;width:200px;position:relative;overflow:hidden;cursor:pointer}.yesp .yesp-playlist .yesp-playlist-video img{width:100%;position:absolute;top:0;left:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-overlay{position:absolute;left:0;background:rgba(0,0,0,.75);width:100%;height:112px;-webkit-transition:top .2s,opacity .2s;-moz-transition:top .2s,opacity .2s;-o-transition:top .2s,opacity .2s;-ms-transition:top .2s,opacity .2s;transition:top .2s,opacity .2s;z-index:2;opacity:0;top:-20px}.yesp .yesp-playlist.yesp-playlist-simple .yesp-playlist-video .yesp-playlist-overlay{display:none}.yesp .yesp-playlist .yesp-playlist-video:after{height:100%;width:50px;position:absolute;top:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000', GradientType=1 );content:'';z-index:1}.yesp .yesp-playlist .yesp-playlist-video[data-playing="0"]:hover .yesp-playlist-overlay{top:0;opacity:1}.yesp.yesp-mobile .yesp-playlist .yesp-playlist-video[data-playing="0"] .yesp-playlist-overlay{top:-112px!important;display:none!important}.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-title{padding:15px;top:0;left:0;position:absolute;text-align:left;font-family:'Open Sans',sans-serif;font-weight:700;color:#fff;line-height:16px;font-size:12px}.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-channel,.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-current{font-size:12px;font-family:'Open Sans',sans-serif;font-weight:700;position:absolute;bottom:0;left:0;text-align:left;line-height:12px}.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-channel{padding:15px;color:#dff76d}.yesp .yesp-playlist .yesp-playlist-video .yesp-playlist-current{width:180px;color:#fff;background:rgba(0,0,0,.75);padding:10px;display:none;z-index:2}.yesp .yesp-playlist.yesp-playlist-simple .yesp-playlist-video .yesp-playlist-current span{display:none}.yesp .yesp-playlist .yesp-playlist-video[data-playing="1"] .yesp-playlist-current{display:block}.yesp .yesp-hp{clear:both;height:90px;background:url(//startupbrics.com/wp-content/plugins/rdv-youtube-playlist-video-player/packages/youtube-video-player/images/ajax.gif) center center no-repeat #333;overflow:hidden;width:100%}.yesp .yesp-hp-videos{width:50px}.yesp .ps-scrollbar-x-rail{left:0!important}.yesp .yesp-hp-videos:after{content:".";display:block;height:0;clear:both;visibility:hidden}.yesp .yesp-hp .yesp-hp-next-page,.yesp .yesp-hp .yesp-hp-video{cursor:pointer;overflow:hidden;height:90px;display:inline-block;position:relative}.yesp .yesp-hp .yesp-hp-next-page{font-family:'Open Sans',sans-serif;font-weight:700;color:#fff;font-size:12px;background:#000;padding:0;line-height:90px;text-align:center;width:50px}.yesp.yesp-ios .yesp-hp .yesp-hp-next-page{top:-41px}.yesp .yesp-hp .yesp-hp-video{width:160px}.yesp .yesp-hp .yesp-hp-video img{width:100%;position:absolute;top:0;left:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.yesp .yesp-hp .yesp-hp-video .yesp-hp-overlay{position:absolute;left:0;background:rgba(0,0,0,.75);width:100%;height:90px;-webkit-transition:top .2s,opacity .2s;-moz-transition:top .2s,opacity .2s;-o-transition:top .2s,opacity .2s;-ms-transition:top .2s,opacity .2s;transition:top .2s,opacity .2s;z-index:2;opacity:0;top:-20px}.yesp .yesp-hp.yesp-hp-simple .yesp-hp-video .yesp-hp-overlay{display:none}.yesp .yesp-hp .yesp-hp-video:after{height:100%;width:50px;position:absolute;top:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000', GradientType=1 );content:'';z-index:1}.yesp .yesp-hp .yesp-hp-video[data-playing="0"]:hover .yesp-hp-overlay{top:0;opacity:1}.yesp.yesp-mobile .yesp-hp .yesp-hp-video[data-playing="0"] .yesp-hp-overlay{top:-90px!important;display:none!important}.yesp .yesp-hp .yesp-hp-video .yesp-hp-title{padding:15px;top:0;left:0;position:absolute;text-align:left;font-family:'Open Sans',sans-serif;font-weight:700;color:#fff;line-height:16px;font-size:12px;overflow:hidden;max-height:35px}.yesp .yesp-hp .yesp-hp-video .yesp-hp-channel,.yesp .yesp-hp .yesp-hp-video .yesp-hp-current{position:absolute;left:0;bottom:0;font-weight:700;text-align:left;font-family:'Open Sans',sans-serif;line-height:12px;font-size:12px}.yesp .yesp-hp .yesp-hp-video .yesp-hp-channel{padding:15px;color:#dff76d}.yesp .yesp-hp .yesp-hp-video .yesp-hp-current{width:140px;color:#fff;background:rgba(0,0,0,.75);padding:10px;display:none;z-index:2}.yesp .yesp-hp.yesp-hp-simple .yesp-hp-video .yesp-hp-current span{display:none}.yesp .yesp-hp .yesp-hp-video[data-playing="1"] .yesp-hp-current{display:block}.yesp .yesp-error,.yesp .yesp-next-page{color:#fff;text-align:center;font-size:12px;font-family:'Open Sans',sans-serif;display:none}.yesp .yesp-next-page{right:0;bottom:0;font-weight:700;line-height:18px;height:18px;background:#000;padding:16px 0;z-index:100;cursor:pointer}.yesp .yesp-error{position:absolute;bottom:50px;left:0;width:100%;background:rgba(229,45,39,1);padding:10px 2px;line-height:16px}.ps-container .ps-scrollbar-x-rail { position: absolute; z-index: 20; bottom: 0px; height: 8px; opacity: 0; filter: alpha(opacity = 0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; background: rgba(255,255,255,.25); } .ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: rgba(255,255,255,.25); opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: rgba(255,255,255,.25); opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-y-rail { position: absolute; z-index: 20; right: 0px; width: 10px; -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; background: rgba(255,255,255,.25); display: none; } .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: rgba(255,255,255,.25); opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: rgba(255,255,255,.25); opacity: 1; filter: alpha(opacity = 100); } .ps-container .ps-scrollbar-x { position: absolute; z-index: 20; bottom: 1px; height: 6px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-x { font-size: 0; } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { } .ps-container .ps-scrollbar-y { position: absolute; z-index: 20; right: 1px; width: 8px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-y { font-size: 0; } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #fff; } .ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; } .ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; }@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic"); @import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic"); @import url("https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700italic,700"); @import url("https://fonts.googleapis.com/css?family=Mate:400,400italic"); @import url("https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,400italic,300italic,700,500italic,500,700italic"); .author-first-inner {background-color: #ffffff; padding: 14px 21px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;cursor: pointer;} .author-first-inner .thumb { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; float: left; overflow: hidden; width: 100px; height: 100px;} .author-first-inner .tweet-text { color: #272727; float: right;width: 78%;} .author-first-inner .tweet-text p {font-size: 24px; margin: 7px 0 35px;} .author-first-inner .thumb img { display: block; width: 100%; height: 100%;} .author-first-inner .lower-btn > label { color: #9f9f9f; font-size: 17px; float:left; font-family: "Open Sans";} .author-first-inner .lower-btn > a { border: 1px solid #c8e4e5; color: #c8e4e5; padding: 7px 18px 8px 48px; font-weight: bold; margin: 0 25px 18px0; float: right; text-decoration: none; color: #00b6e6; font-size: 16px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/twitter-single.png); background-repeat: no-repeat; background-position: 15px 13px; background-size: 15px; line-height: normal; font-family: "Open Sans";} .author-first-inner:hover .tweet-text p {color: #e53935; } .author-first-inner:hover .lower-btn a{color: #e53935; border: 1px solid #e53935; background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/tweet-hover.png); background-position: 15px 13px; background-size: 15px;} .author-second-inner { padding: 14px 21px;cursor: pointer; background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/second-bg.png); background-repeat: no-repeat; background-size: 100% 100%; } .author-second-inner .thumb { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; float: left; overflow: hidden; width: 100px; height: 100px;} .author-second-inner .tweet-text { color: #272727; float: right;width: 78%;} .author-second-inner .tweet-text p {font-size: 24px; margin: 0px 0 0px; font-style: italic; padding-left: 5%;} .author-second-inner .tweet-text .lower-btn { padding-left: 5%;} .author-second-inner .thumb img { display: block; height: 100%;} .author-second-inner .lower-btn label { font-size: 17px; font-style: italic; text-transform: uppercase; color: #9f9f9f; margin: 22px 0 15px; display: inline-block; font: 16px 'Playfair Display', Georgia, serif; } .author-second-inner .lower-btn > a { background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/twitter-single.png); background-repeat: no-repeat; background-size: 19px auto; color: #00b6e6; float: right; font-size: 16px; margin: 0 51px 22px 0; padding: 0 0 6px 42px; text-decoration: none; font-style: italic; float: right; color: #00b6e6; margin: 20px 0 10px; background-position: 15px 7px; background-size: 15px; } .author-second-inner:hover .tweet-text p {color: #e53935; } .author-second-inner:hover .lower-btn > a{background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/tweet-hover.png); color: #e53935;} .author-third-inner { padding: 40px 0 0 0; cursor: pointer;background-color: transparent; text-decoration: none !important; width: 100%; box-sizing: border-box; display: block; border: none;} .author-third-inner .thumb { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; float: left; overflow: hidden; width: 100px; padding: 0 3% 5% 5%; height: 100px;} .author-third-inner .tweet-text { color: #272727; float: right;width: 73%;} .author-third-inner .tweet-text p { display: inline-block; position: relative; border-left: 1px solid #ededed; padding: 0 5% 0 30px; font: 24px "Playfair Display", Georgia, serif; font-style: italic; line-height: 1.2; color: #666666;} .author-third-inner .thumb img { display: block; border-radius: 50%; height: 100%; width: 100%;} .author-third-inner .lower-btn label { font: 15px 'Open Sans', Arial, sans-serif; font-weight: 700; color: #314046; margin: 22px 0 15px; padding-left: 30px; display: inline-block;} .author-third-inner blockquote.style1 { font: 14px/20px italic Times, serif; padding: 0px; margin: 0px; background-image: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/Quote.png); background-position: top left; background-repeat: no-repeat; text-indent: 23px; border-left: 1px solid #fff; background-position: 8px 9px; background-size: 20px; } .author-third-inner blockquote.style1 p { background-position: 54% 99%; background-repeat: no-repeat; background-size: 19px auto; display: block; padding: 0 0 0 30px; margin: 0 auto; text-indent: 0; background-size: 15px; } .author-third-inner:hover blockquote.style1 p { background-color: yellow;background-clip: content-box;} .row.author-nm{display: none;} .ctt-setting-container{width: 100%; display: block;} .ctt-setting-container .ctt-left{width: 30%; float: left;} .ctt-setting-container .ctt-right{width: 69%; float: right;} .tweet-box .click-to-tweet i { display: inline-block;width: 16px; height: 14px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) no-repeat; margin-right: 3px; position: relative; top: 2px;} .dis-hint .set-output { width: 44%;} .col-preview { margin-top: 20px; float: left;} .dis-hint .set-settings { width: 53%;} .dis-hint .set-settings label { font-size: 15px;} .wp-admin .set-settings select, .wp-admin .set-settings input[type="text"] { width:60%; height: 40px; appearance: none; -moz-appearance:none; -webkit-appearance: none;} .ctt-wrap{ background: #fff; padding: 10px; border: 4px solid #DCDCDC; margin: 10px 20px 0 2px;} .ctt__settings h3 { font-size: 17px; color: #2B6FB6;} .box-design, .hint-box-container { border: 1px solid #E4E4E4; padding:20px; display: inline-block;} .box-design > p { font-size: 14px; text-align: justify; color: #7c7c7c; font-family: "Open Sans",sans-serif !important;} .ctt-mrsetting ul#ctt-tabmenu li.active a, .ctt-mrsetting ul#ctt-tabmenu li:hover a, .ctt-mrsetting ul#ctt-tabmenu li.current a { box-shadow: none;} input[value="Save"], #save_settings { border: 0; padding: 8px 20px; border-radius: 2px; box-shadow: 3px 3px 0px rgba(0,0,0,0.1);color: #fff; background: #00B9E6;} .tweet-box { display: inline-block; padding: 15px 30px; margin: 15px 0px; } .tweet-box p { margin: 0 auto;} .tweet-box .click-to-tweet { margin: 0; padding: 0; position: relative; display: block; text-transform: uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 100%; color: #999999; float: right; padding-right: 24px; text-decoration: none; } .tweet-box.ctt-box-design-1 { margin: 0 auto;} .tweet-box.ctt-box-design-1 { border: 5px solid #e5e5e5; padding: 33px 40px 19px; margin: 15px 0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .tweet-box.ctt-box-design-1.ctt-color-1 { border: 5px solid #eff1e5;} .tweet-box.ctt-box-design-1.ctt-color-1:hover { border: 5px solid #f38630;} .tweet-box.ctt-box-design-1.ctt-color-1:hover .click-to-tweet { color: #f38630;} .tweet-box.ctt-box-design-1.ctt-color-1:hover .click-to-tweet i { background-position: 0 -458px;} .tweet-box.ctt-box-design-1.ctt-color-2 { border: 5px solid #9cccec;} .tweet-box.ctt-box-design-1.ctt-color-2:hover { border: 5px solid #eb7260;} .tweet-box.ctt-box-design-1.ctt-color-2 .click-to-tweet { color: #3a9ad9;} .tweet-box.ctt-box-design-1.ctt-color-2:hover .click-to-tweet { color: #eb7260;} .tweet-box.ctt-box-design-1.ctt-color-2 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-1.ctt-color-2:hover .click-to-tweet i { background-position: 0 -472px;} .tweet-box.ctt-box-design-1 a { text-decoration: none;} .tweet-box.ctt-box-design-1 p { font-size: 30px; color: #333333; line-height: normal; font: 30px/38px "Montserrat",sans-serif; margin: 0 auto;} .tweet-box:after { display: none;} .tweet-box.ctt-box-design-1:hover .click-to-tweet { color: #00b9e6;} .tweet-box.ctt-box-design-1:hover { border-color: #00b9e6; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .tweet-box.ctt-box-design-1 .click-to-tweet { color: #CCC; line-height: 22px; font-size: 14px; text-transform: none; font-family: "Montserrat",sans-serif; font-weight: normal; letter-spacing: 0; padding-right: 0; transition: all 0.2s ease-out 0s; float: right; padding-top: 12px;} .tweet-box.ctt-box-design-1 .click-to-tweet i { background-position: 0 -402px;} .tweet-box.ctt-box-design-1:hover .click-to-tweet i, .tweet-box.ctt-box-design-2 .click-to-tweet i, .tweet-box.ctt-box-design-3 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-2 { padding: 37px; background: #FDFDFD none repeat scroll 0% 0%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); border: 0; border-radius: 0; transition: all 0.2s ease-out 0s;} .tweet-box.ctt-box-design-2 p { font: 30px/38px "PT Serif",serif; color: #7B7B7B; display: inline-block;} .tweet-box.ctt-box-design-2 .click-to-tweet { color: #999; text-transform: none; font-size: 14px; font-weight: normal; float: left; font-family: 'Open Sans', sans-serif; opacity: 0.7; filter: alpha(opacity=70); margin-top: 29px; padding-top: 13px; border-top: 1px solid rgb(229, 229, 229); width: 100%; padding-top: 12px;} .tweet-box.ctt-box-design-2:hover { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);} .tweet-box.ctt-box-design-2:hover p { color: #666;} .tweet-box.ctt-box-design-2.ctt-color-1 { background-color: #eff1e5;} .tweet-box.ctt-box-design-2.ctt-color-1:hover { background-color: #f38630;} .tweet-box.ctt-box-design-2.ctt-color-1:hover p { color: #ffffff;} .tweet-box.ctt-box-design-2.ctt-color-1 .click-to-tweet { color: #cccccc; opacity: 1;} .tweet-box.ctt-box-design-2.ctt-color-1:hover .click-to-tweet { color: #ffffff; opacity: 1;} .tweet-box.ctt-box-design-2.ctt-color-1 .click-to-tweet i { background-position: 0 -402px;} .tweet-box.ctt-box-design-2.ctt-color-1:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-2.ctt-color-2 { background-color: #f7f7f7;} .tweet-box.ctt-box-design-2.ctt-color-2:hover { background-color: #00ccd6;} .tweet-box.ctt-box-design-2.ctt-color-2:hover p { color: #ffffff;} .tweet-box.ctt-box-design-2.ctt-color-2 .click-to-tweet { color: #cccccc; opacity: 1;} .tweet-box.ctt-box-design-2.ctt-color-2:hover .click-to-tweet { color: #ffffff; opacity: 1;} .tweet-box.ctt-box-design-2.ctt-color-2 .click-to-tweet i { background-position: 0 -402px;} .tweet-box.ctt-box-design-2.ctt-color-2:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-3{ transition: all 0.2s ease-out 0s; background: #F7F7F7 none repeat scroll 0% 0%; border-radius: 0px; border: 0px none; padding: 25px 30px;} .tweet-box.ctt-box-design-3 p { color: #333; padding: 10px; font: 30px/38px "Open Sans",sans-serif; display: inline-block;} .tweet-box.ctt-box-design-3 .click-to-tweet { color: #00B6E6; font: 14px "Open Sans",sans-serif; text-transform: none; padding-right: 0; padding-top: 12px;} .tweet-box.ctt-box-design-3:hover { background: #333 none repeat scroll 0% 0%;} .tweet-box.ctt-box-design-3:hover p { color: #ccc;} .tweet-box.ctt-box-design-3:hover .click-to-tweet { color: #fff;} .tweet-box.ctt-box-design-3.ctt-color-1 { background-color: #e9e0d6;} .tweet-box.ctt-box-design-3.ctt-color-1:hover { background-color: #354458;} .tweet-box.ctt-box-design-3.ctt-color-1:hover p { color: #ffffff;} .tweet-box.ctt-box-design-3.ctt-color-1 .click-to-tweet { color: #00b6e6;} .tweet-box.ctt-box-design-3.ctt-color-1:hover .click-to-tweet { color: #ffffff; opacity: 1;} .tweet-box.ctt-box-design-3.ctt-color-1 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-3.ctt-color-1:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-3.ctt-color-2 { background-color: #efefef;} .tweet-box.ctt-box-design-3.ctt-color-2:hover { background-color: #ffd900;} .tweet-box.ctt-box-design-3.ctt-color-2:hover p { color: #333;} .tweet-box.ctt-box-design-3.ctt-color-2 .click-to-tweet { color: #00b6e6;} .tweet-box.ctt-box-design-3.ctt-color-2:hover .click-to-tweet { color: #333;} .tweet-box.ctt-box-design-3.ctt-color-2 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-3.ctt-color-2:hover .click-to-tweet i { background-position: 0 -444px;} .tweet-box.ctt-box-design-4 { border: 5px solid rgb(174, 212, 238); border-radius: 0px; padding: 37px 25px; text-align: center; transition: all 0.2s ease-out 0s;} .tweet-box.ctt-box-design-4 a { text-decoration: none;} .tweet-box.ctt-box-design-4 p { color: #878787; text-align: center; font-size: 24px; line-height: 30px; text-align: center; font-family: "Mate",serif; text-align: center; margin-bottom: 10px; word-wrap: break-word;} .tweet-box.ctt-box-design-4 .click-to-tweet { font-family: "Roboto",sans-serif; text-transform: none; font-weight: normal; float: none; color: #17B8E6; font-family: "Roboto",sans-serif; font-size: 12px; line-height: 22px; padding: 6px 19px; display: inline-block; border-radius: 4px; margin-top: 30px;} .tweet-box.ctt-box-design-4 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-4:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-4:hover { border: 5px solid #17B8E6;} .tweet-box.ctt-box-design-4:hover p { color: #878787; text-align: center; text-align: center; font-family: "Mate",serif; text-align: center; text-decoration: underline;} .tweet-box.ctt-box-design-4:hover .click-to-tweet { background: #17B8E6; color: #fff;} .tweet-box.ctt-box-design-4.ctt-color-1 { border: 5px solid #fcc4af;} .tweet-box.ctt-box-design-4.ctt-color-1:hover { border: 5px solid #775ba3;} .tweet-box.ctt-box-design-4.ctt-color-1 .click-to-tweet { background-color: transparent; color: #f98a5f;} .tweet-box.ctt-box-design-4.ctt-color-1:hover .click-to-tweet { background-color: #775ba3; color: #ffffff;} .tweet-box.ctt-box-design-4.ctt-color-1 .click-to-tweet i { background-position: 0 -458px;} .tweet-box.ctt-box-design-4.ctt-color-1:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-4.ctt-color-2 { border: 5px solid #fde7ac;} .tweet-box.ctt-box-design-4.ctt-color-2:hover { border: 5px solid #de5842;} .tweet-box.ctt-box-design-4.ctt-color-2 .click-to-tweet { background-color: transparent; color: #fcd059;} .tweet-box.ctt-box-design-4.ctt-color-2:hover .click-to-tweet { background-color: #de5842; color: #ffffff;} .tweet-box.ctt-box-design-4.ctt-color-2:hover p { color: #de5842;} .tweet-box.ctt-box-design-4.ctt-color-2 .click-to-tweet i { background-position: 0 -430px;} .tweet-box.ctt-box-design-4.ctt-color-2:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5 { box-shadow: 4px 4px 0px 0px #EBEBEB; border: 0px none; border-radius: 0px; background: #49C5E6 none repeat scroll 0% 0%; padding: 0px; transition: all 0.2s ease-out 0s; -webkit-box-shadow: 4px 4px 0px 0px #ebebeb; -moz-box-shadow: 4px 4px 0px 0px #ebebeb; box-shadow: 4px 4px 0px 0px #ebebeb;} .tweet-box.ctt-box-design-5 p { padding-top: 37px; padding-right: 115px; padding-left: 29px; padding-bottom: 30px !important; font-size: 24px; line-height: 36px; font-family: "Roboto",serif; font-weight: 300; transition: all 0.2s ease-out 0s; position: relative; z-index: 1; display: inline-block; color: rgb(255, 255, 255); margin-bottom: 0;} .tweet-box.ctt-box-design-5:after { position: absolute; font-size: 14em; line-height: 203px; right: -10px; color: rgba(255,255,255,0.2);} .tweet-box.ctt-box-design-5 .click-to-tweet { display: block; padding: 8px 10px 10px 0px; font: 12px 'Roboto', Verdana, sans-serif; font-weight: 300; line-height: 20px; position: relative; color: white; background-color: #2fa2c1; box-sizing: border-box; text-align: right; width: 100%; z-index: 1; text-transform: none;} .tweet-box.ctt-box-design-5 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-5:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5:hover p { background-color: #dcdcdc; color: #676767; text-decoration: underline;} .tweet-box.ctt-box-design-5 p:before { content: ''; opacity: 0.16; filter: alpha(opacity=16); width: 219px;height: 178px; position: absolute;right: 0px; top: 20px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/box_05_bg.png) no-repeat top center; z-index: -1;} .tweet-box.ctt-box-design-5 .click-to-tweet:before { content: ''; position: absolute; left: 0px; bottom: -16px; border: 8px solid transparent; border-top: 8px solid #298ba4; border-right: 8px solid #298ba4;} .tweet-box.ctt-box-design-5.ctt-color-1 { background-color: #c3d7df; color: #67727a;} .tweet-box.ctt-box-design-5.ctt-color-1:hover { background-color: #f5f5f5; color: #676767;} .tweet-box.ctt-box-design-5.ctt-color-1 .click-to-tweet { background-color: #6991ac;} .tweet-box.ctt-box-design-5.ctt-color-1:hover .click-to-tweet { background-color: #d75c37; color: #ffffff;} .tweet-box.ctt-box-design-5.ctt-color-1 p { color: #67727a} .tweet-box.ctt-box-design-5.ctt-color-1:hover p { background-color: #f5f5f5; color: #676767;} .tweet-box.ctt-box-design-5.ctt-color-1 .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5.ctt-color-1:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5.ctt-color-1:hover p:before { content: ''; opacity: 0.75; filter: alpha(opacity=70);} .tweet-box.ctt-box-design-5 .click-to-tweet.ctt-color-1:before { border: 8px solid transparent; border-top: 8px solid #67727a; border-right: 8px solid #67727a;} .tweet-box.ctt-box-design-5.ctt-color-1:hover .click-to-tweet:before { border-top: 8px solid #b84421; border-right: 8px solid #b84421;} .tweet-box.ctt-box-design-5.ctt-color-2 { background-color: #e2d893; color: #67727a;} .tweet-box.ctt-box-design-5.ctt-color-2:hover { background-color: #73afb6; color: #676767;} .tweet-box.ctt-box-design-5.ctt-color-2 .click-to-tweet { background-color: #a79e65;} .tweet-box.ctt-box-design-5.ctt-color-2:hover .click-to-tweet { background-color: #5f9da1; color: #ffffff;} .tweet-box.ctt-box-design-5.ctt-color-2 p { color: #2b2301} .tweet-box.ctt-box-design-5.ctt-color-2:hover p { background-color: #73afb6; color: #ffffff;} .tweet-box.ctt-box-design-5.ctt-color-2 .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5.ctt-color-2:hover .click-to-tweet i { background-position: 0 -486px;} .tweet-box.ctt-box-design-5.ctt-color-2 .click-to-tweet:before { border: 8px solid transparent; border-top: 8px solid #787147; border-right: 8px solid #787147;} .tweet-box.ctt-box-design-5.ctt-color-2:hover .click-to-tweet:before { border-top: 8px solid #437d81; border-right: 8px solid #437d81;} .tweet-box.ctt-box-design-6 { background: #f5f5f5; border-left: 5px solid #bfbfbf; padding: 0} .tweet-box.ctt-box-design-6 p { font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 1.2; padding: 34px 36px 20px 36px; color: #333333; text-align: justify;} .tweet-box.ctt-box-design-6 .click-to-tweet { font: 13px 'Open Sans', Verdana, sans-serif; font-weight: bold; text-transform: uppercase; color: #bfbfbf; margin-left: 29px; padding: 20px 0px 30px 0px; border-top: 1px solid #dadada; width: 95%;} .tweet-box.ctt-box-design-6 .click-to-tweet i { background-position: 0 -171px; width: 25px; height: 20px;} .tweet-box.ctt-box-design-6:hover .click-to-tweet i { background-position: 0 -151px;} .tweet-box.ctt-box-design-6:hover { border-left: 5px solid #2aa9e0} .tweet-box.ctt-box-design-6:hover .click-to-tweet { color: #2aa9e0;} .tweet-box.ctt-box-design-7 { text-decoration: none !important; width: 100%; box-sizing: border-box; display: block; border: none; padding: 0;} .tweet-box.ctt-box-design-7 p { overflow: hidden; padding-bottom: 5px; margin: 0 !important; position: relative; line-height: 1.25; color: #333333; font: 30px "Lato", Arial, sans-serif; line-height: 1.2; padding: 5% 5% 0 5%; position: relative; text-align: justify;} .tweet-box.ctt-box-design-7 .click-to-tweet { font: 16px 'Lato', Arial, sans-serif; color: #bfbfbf; margin: 0px 5%; padding: 22px 0px 10px 0px; text-transform: none; width: 90%; text-align: left;} .tweet-box.ctt-box-design-7 .click-to-tweet i { background-position: 0 -151px; width: 25px; height: 20px;} .tweet-box.ctt-box-design-7:hover p { color: #2aa9e0;} .tweet-box.ctt-box-design-7:hover .click-to-tweet { color: #2aa9e0;} .tweet-box.ctt-box-design-7 p:before { content: ''; position: absolute; left: 5%; top: 0px; width: 60px; height: 5px; background-color: #bfbfbf;} .tweet-box.ctt-box-design-7:hover p:before { background-color: #2aa9e0;} .tweet-box.ctt-box-design-8 { text-decoration: none !important; width: 100%; box-sizing: border-box; display: block; border: none; padding: 0; text-align: center;} .tweet-box.ctt-box-design-8 p { font: 30px "Playfair Display", Georgia, serif; font-style: italic; line-height: 1.2; padding: 40px 5% 0; position: relative; text-align: center; color: #333333;} .tweet-box.ctt-box-design-8 p:before { content: ''; position: absolute; left: 50%;top: 0px; width: 60px; height: 16px; margin-left: -30px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) no-repeat; background-position: 0 -44px;} .tweet-box.ctt-box-design-8 .click-to-tweet { display: inline-block; font: 16px 'Playfair Display', Georgia, serif; color: #00b6e6; margin-top: 27px; padding: 9px 21px; border: 1px solid #00b6e6; border-radius: 20px; float: none; text-transform: none;} .tweet-box.ctt-box-design-8:hover .click-to-tweet { color: #eb7260; border: 1px solid #eb7260;} .tweet-box.ctt-box-design-8 .click-to-tweet i { background-position: 0 -299px;} .tweet-box.ctt-box-design-8:hover .click-to-tweet i { background-position: 0 -472px;} .tweet-box.ctt-box-design-9 { padding:0; text-decoration: none !important; width: 100%; box-sizing: border-box; display: block; border: none;} .tweet-box.ctt-box-design-9 p { font: 30px "Lato", Arial, sans-serif; font-weight: 900; line-height: 1.2; padding: 0 45px; position: relative; color: #333333;} .tweet-box.ctt-box-design-9 .click-to-tweet { display: inline-block; font: 16px 'Lato', Arial, sans-serif; font-weight: 900; color: #2aa9e0; margin: 0px 45px; padding-top: 22px; text-transform: none; float: none;} .tweet-box.ctt-box-design-9:hover p { color: #2aa9e0;} .tweet-box.ctt-box-design-9 p:before { content: ''; position: absolute; left: 0; top: 0px; width: 23px; height: 21px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) no-repeat; background-position: 0 -277px;} .tweet-box.ctt-box-design-9 .click-to-tweet i { background-position: 0 -151px; width: 25px; height: 20px;} .tweet-box.ctt-box-design-10 { display: inline-block; transition: all 0.2s ease-out 0s; position: relative; background: #F5F5F5 none repeat scroll 0% 0%; padding: 21px 0px 20px; box-shadow: -1px 1px #CCC, -2px 2px #CCC, -3px 3px #CCC, -4px 4px #CCC, -5px 5px #CCC, -6px 6px #CCC, -7px 7px #CCC, -8px 8px #CCC, -9px 9px #CCC, -10px 10px #CCC; text-decoration: none; border-radius: 0px; border: 0px none; text-transform: uppercase;} .tweet-box.ctt-box-design-10 p { padding-bottom: 0px !important; padding-top: 0px; font-size: 24px; line-height: 36px; transition: all 0.2s ease-out 0s; position: relative; color: #333; font-family: "Open Sans",sans-serif; display: inline-block; text-transform: uppercase; font-weight: 900; text-align: justify; padding: 0 28px;} .tweet-box.ctt-box-design-10 .click-to-tweet { font-size: 14px; font-weight: 900;font-family: "Open Sans",sans-serif; color: #BFBFBF; float: left; margin: 0px 28px; padding-top: 12px;} .tweet-box.ctt-box-design-10:hover { background: #2AA9E0 none repeat scroll 0% 0%; box-shadow: -1px 1px #1E8AB8, -2px 2px #1E8AB8, -3px 3px #1E8AB8, -4px 4px #1E8AB8, -5px 5px #1E8AB8, -6px 6px #1E8AB8, -7px 7px #1E8AB8, -8px 8px #1E8AB8, -9px 9px #1E8AB8, -10px 10px #1E8AB8;} .tweet-box.ctt-box-design-10:hover p, .tweet-box.ctt-box-design-10:hover .click-to-tweet { color: #ffffff;} .tweet-box.ctt-box-design-10 .click-to-tweet i { background-position: 0 -151px; width: 25px; height: 20px;} .tweet-box.ctt-box-design-10:hover .click-to-tweet i{ background-position: 0 -241px;} .tweet-box.ctt-box-design-11 { background-color: #e8f6fb; padding: 0;} .tweet-box.ctt-box-design-11 p { margin: 0 auto; font: 24px "Open Sans", Verdana, sans-serif; color: #7898a3; line-height: 1.5; padding: 5% 5% 4% 5%;} .tweet-box.ctt-box-design-11 .click-to-tweet { display: block; padding: 10px; border-top: 1px solid #dadada; background: #f5f5f5; text-align: right; width: 100%; box-sizing: border-box;} .tweet-box.ctt-box-design-11 .click-to-tweet .cta-pr { display: inline-block; font: 15px 'Open Sans', Verdana, sans-serif; color: #ffffff; padding: 9px 17px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background-color: #00b9e6; position: relative; text-transform: none;} .tweet-box.ctt-box-design-11:hover { background-color: #c2e2ed;} .tweet-box.ctt-box-design-11:hover .click-to-tweet .cta-pr { background-color: #009ec5;} .tweet-box.ctt-box-design-11 .click-to-tweet .cta-pr i { background-position: 0 -486px; margin-right: 10px;} .tweet-box.ctt-box-design-11 .click-to-tweet .cta-pr:before { content: ''; position: absolute; left: -57px; top: -6px; width: 48px; height: 31px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) 0 0 no-repeat; background-position: 0 -87px;} .tweet-box.ctt-box-design-12 { background-color: #fefefe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #b7b7b7; padding: 0;} .tweet-box.ctt-box-design-12 p { display: inline-block; padding: 3% 3% 3% 2.2em; position: relative; font: 28px "Lato", Arial, sans-serif; font-style: italic; color: #363636;} .tweet-box.ctt-box-design-12 .click-to-tweet { display: block; padding: 20px 10px; border-top: 1px solid #b7b7b7; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #f8f8f8; text-align: right; margin-top: 10px; width: 100%; box-sizing: border-box; text-transform: none;} .tweet-box.ctt-box-design-12 .click-to-tweet .cta-pr { display: inline-block; font: 15px 'Open Sans', Verdana, sans-serif; color: #ffffff; padding: 9px 17px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background-color: #00b9e6; position: relative;} .tweet-box.ctt-box-design-12:hover .click-to-tweet .cta-pr { background-color: #009ec5;} .tweet-box.ctt-box-design-12 p:before { content: "“"; position: absolute; top: 0; left: 0.1em; font-size: 3.5em; font-family: 'Liberation Sans', Arial, sans-serif; font-weight: 300; color: #676c6e;} .author-first-inner { background-color: #f9f9f9; border-left: 2px solid #efefef; border-right: 2px solid #efefef; border-bottom: 2px solid #dadada; border-radius: 10px; padding: 5% 2.5% 5% 5%;} .author-first-inner p { font: 24px "Montserrat", Arial, sans-serif; color: #272727;} .author-second-inner { background: radial-gradient(circle at 0 100%, transparent 14px, #f1f1f1 15px), radial-gradient(circle at 100% 100%, transparent 14px, #f1f1f1 15px), radial-gradient(circle at 100% 0, transparent 14px, #f1f1f1 15px), radial-gradient(circle at 0 0, transparent 14px, #f1f1f1 15px); background-position: bottom left, bottom right, top right, top left; background-size: 51% 51%; background-repeat: no-repeat; padding: 5% 6.5% 5% 5%;} .author-second-inner p { font-size: 24px; margin: 7px 0 35px; font: 24px "Playfair Display", Georgia, serif;font-style: italic; text-align: justify;} .tweet-box.ctt-box-design-10:hover { background: #2AA9E0 none repeat scroll 0% 0%; box-shadow: -1px 1px #1E8AB8, -2px 2px #1E8AB8, -3px 3px #1E8AB8, -4px 4px #1E8AB8, -5px 5px #1E8AB8, -6px 6px #1E8AB8, -7px 7px #1E8AB8, -8px 8px #1E8AB8, -9px 9px #1E8AB8, -10px 10px #1E8AB8;} .tweet-box.ctt-box-design-10:hover p, .tweet-box.ctt-box-design-10:hover .click-to-tweet { color: #ffffff;} .ctt_img_container { width: 100%; margin: 0 auto; overflow: hidden; position: relative;} .ctt_img_container img { width: 100%; margin: 0 auto;} .click_image .click_image_link { height: 20px; padding: 1px 8px 1px 6px; background-color: #1b95e0; border-radius: 3px; -webkit-border-radius: 3px; font: 11px/20px "Helvetica Neue", Arial, sans-serif; font-weight: 500; color: white; display: inline-block; vertical-align: top; text-decoration: none; border-bottom: 0;} .click_image .click_image_link:hover { background-color: #0c7abf;} .click_image .click_image_link span.click_action { margin-left: 6px;} .click_image .click_image_link i { display: inline-block; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) no-repeat; background-position: 0 -383px; width: 14px; height: 10.5px; position: relative; top: 5px;vertical-align: top;} .click_image { margin: 20px auto; max-width: 100%; position: relative; overflow: hidden; line-height: 0.8; display: inline-block; width: 80%;} .click_clearfix.aligncenter { text-align: center;} .click_image_template_1 .click_click_to_tweet, .click_image_template_1 .click_click_to_tweet.position_center { position: absolute; display: inline-block; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .click_image_template_2 .click_click_to_tweet, .click_image_template_5 .click_click_to_tweet, .click_image_template_6 .click_click_to_tweet { padding: 10px; text-align: left;} .click_image_template_3 { border: 1px solid #dddddd; text-align: left;} .click_image_template_3 .click_click_to_tweet, .click_image_template_4 .click_click_to_tweet { padding: 13px 10px 10px 10px; display: inline-block; width: 100%; box-sizing: border-box} .click_image_template_3 .ctt_action, .click_image_template_4 .ctt_action { font: 18px "Lato", Arial, sans-serif; font-weight: 400; position: relative; color: #444; margin-left: 35px;} .click_image_template_3 .ctt_action:before, .click_image_template_4 .ctt_action:before { content: ""; position: absolute; top: 5px;left: -32px; width: 26px; height: 11px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png); background-position: 0 -372px; display: inline-block;} .click_image_template_4 .click_click_to_tweet { background: #000; text-align: left; color: #fff;} .click_image_template_4 .ctt_action { color: #fff;} .click_image_template_4 .ctt_action:before { background-position: 0 -507px;} .click_image_template_5 .click_image_link:hover { background: #0099d3; background: -moz-linear-gradient(top, #0099d3 0%, #00aedd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099d3), color-stop(100%, #00aedd)); background: -webkit-linear-gradient(top, #0099d3 0%, #00aedd 100%); background: -o-linear-gradient(top, #0099d3 0%, #00aedd 100%); background: -ms-linear-gradient(top, #0099d3 0%, #00aedd 100%); background: linear-gradient(to bottom, #0099d3 0%, #00aedd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0099d3", endColorstr="#00aedd",GradientType=0 );} .click_image_template_5 .click_image_link { background: #00acee; background: -moz-linear-gradient(top, #00acee 0%, #00bdf2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00acee), color-stop(100%, #00bdf2)); background: -webkit-linear-gradient(top, #00acee 0%, #00bdf2 100%); background: -o-linear-gradient(top, #00acee 0%, #00bdf2 100%); background: -ms-linear-gradient(top, #00acee 0%, #00bdf2 100%); background: linear-gradient(to bottom, #00acee 0%, #00bdf2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00acee", endColorstr="#00bdf2",GradientType=0 ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 9px 11px; border-bottom: 3px solid #028ec4; height: auto;} .click_image_template_5 .click_image_link { margin-left: 8px; font: 12px "Open Sans", Arial, sans-serif; font-weight: bold; color: white;} .click_image.click_image_template_5 .click_image_link i { background-position: 0 -486px; width: 16px; height: 14px; position: relative; top: 5px; vertical-align: top;} .click_image.click_image_template_6 .click_image_link { margin-left: 8px; font: 16px "Lato", Arial, sans-serif; font-weight: 500; color: black; background: none; height: auto;} .click_image.click_image_template_6 .click_image_link i { background-position: 0 -299px; width: 16px; height: 14px;} .click_image.click_image_template_6 .click_image_link:hover span.click_action{ color: #2aa9e0; text-decoration: underline;} .hint-box { text-align: justify;} .box-design.hint-box { border: 0; padding: 0;} .hint-box-container p { font-size: 14px; text-align: justify;color: #7c7c7c; font-family: "Open Sans",sans-serif;} .hint-box-container .background-type .click-text_hint, .background-type .click-text_hint { background-color: rgba(132, 255, 255, 0.5); line-height: 1.8; border-radius: 3px; border: 1px solid #e7e7e7; color: #0073aa;} .hint-box-container .background-type:hover .click-text_hint, .background-type:hover .click-text_hint { background-color: #84ffff; color: #7c7c7c;} .hint-box-container .background-type.color_1 .click-text_hint, .background-type.color_1 .click-text_hint { background-color: rgba(238, 255, 65, 0.5);} .hint-box-container .background-type.color_1:hover .click-text_hint, .background-type.color_1:hover .click-text_hint { background-color: #eeff41;} .hint-box-container .background-type.color_2 .click-text_hint, .background-type.color_2 .click-text_hint { background-color: rgba(238, 238, 238, 0.5);} .hint-box-container .background-type.color_2:hover .click-text_hint, .background-type.color_2:hover .click-text_hint { background-color: #eeeeee;} .hint-box-container .underline-type:hover .click-text_hint, .click_hint .underline-type:hover .click-text_hint { color: #00b6e6;} .hint-box-container a { text-decoration: none;} .hint-box-container i, .click-text_hint i { display: inline-block; width: 16px; height: 14px; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/sprite-twitter.png) no-repeat; background-position: 0px -299px; margin-left: 7px; vertical-align: middle;} .hint-box-container .underline-type, .click_hint .underline-type { text-decoration: underline;} .inpop-up .underline-type{text-decoration: none;} .hint-box-container .underline-type span, .click_hint .underline-type span { line-height: 1.8; color: #0073aa;} .hint-box-container .highlighted-type:hover span, .click_hint .highlighted-type:hover span { background-color: #ffff00; color: #7c7c7c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .tweet-box.ctt-box-design-1 p.ctt-font-large, .tweet-box.ctt-box-design-2 p.ctt-font-large, .tweet-box.ctt-box-design-3 p.ctt-font-large, .tweet-box.ctt-box-design-6 p.ctt-font-large, .tweet-box.ctt-box-design-7 p.ctt-font-large, .tweet-box.ctt-box-design-8 p.ctt-font-large, .tweet-box.ctt-box-design-9 p.ctt-font-large { font-size: 34.2px; line-height: 1.2;} .tweet-box.ctt-box-design-1 p.ctt-font-small, .tweet-box.ctt-box-design-2 p.ctt-font-small, .tweet-box.ctt-box-design-3 p.ctt-font-small, .tweet-box.ctt-box-design-6 p.ctt-font-small, .tweet-box.ctt-box-design-7 p.ctt-font-small, .tweet-box.ctt-box-design-8 p.ctt-font-small, .tweet-box.ctt-box-design-9 p.ctt-font-small { font-size: 25.8px; line-height: 1.2;} .tweet-box.ctt-box-design-4 p.ctt-font-large, .tweet-box.ctt-box-design-5 p.ctt-font-large, .tweet-box.ctt-box-design-10 p.ctt-font-large, .tweet-box.ctt-box-design-11 p.ctt-font-large { font-size: 27.36px; line-height: 1.2;} .tweet-box.ctt-box-design-4 p.ctt-font-small, .tweet-box.ctt-box-design-5 p.ctt-font-small, .tweet-box.ctt-box-design-10 p.ctt-font-small, .tweet-box.ctt-box-design-11 p.ctt-font-small { font-size: 20.64px; line-height: 1.2;} .tweet-box.ctt-box-design-6 a, .tweet-box.ctt-box-design-7 a, .tweet-box.ctt-box-design-8 a, .tweet-box.ctt-box-design-9 a, .tweet-box.ctt-box-design-10 a, .tweet-box.ctt-box-design-11 a, .tweet-box.ctt-box-design-12 a { text-decoration: none;} #main .entry-content .tweet-box a { border-bottom: 0 !important;} #main .tweet-box { margin: 25px auto 40px; position: relative; display: inline-block !important; width: 100%; box-sizing: border-box;} #main .tweet-box::after { content: ""; display: inline-block; width: 100%; height: 1px; border-bottom: 1px dashed #dbdbdb;bottom: -33px; position: absolute; left: 0;} .btn_large .click_action { margin-left: 8px; font: 13px/26px "Helvetica Neue", Arial, sans-serif;} .click_image .click_image_link.btn_large { height: 30px; padding: 9px 15px 3px 15px;} .click_image .click_image_link.btn_large span.click_action { font-size: 17px;} .click_image .click_image_link.btn_large i { background-position: 0 -486px; width: 16px; height: 14px; top: 5px;} .click_click_to_tweet.position_bottom_right { bottom: 20px; right: 20px; left: auto; top: auto; transform: none;} .click_click_to_tweet.position_top_right { bottom: auto; right: 20px; left: auto; top: 20px; transform: none;} .click_image_template_2 .click_click_to_tweet.position_center, .click_image_template_5 .click_click_to_tweet.position_center, .click_image_template_6 .click_click_to_tweet.position_center { text-align: center;} .click_image_template_2 .click_click_to_tweet.position_left { text-align: left;} .click_image_template_2 .click_click_to_tweet.position_right, .click_image_template_3 .click_click_to_tweet.position_right, .click_image_template_4 .click_click_to_tweet.position_right, .click_image_template_5 .click_click_to_tweet.position_right, .click_image_template_6 .click_click_to_tweet.position_right { text-align: right;} .click_image_template_3 .click_click_to_tweet.position_right .click_image_link, .click_image_template_4 .click_click_to_tweet.position_right .click_image_link { float: right;} .click_image_template_3.click_image .click_image_link.btn_large + .ctt_action, .click_image_template_4.click_image .click_image_link.btn_large + .ctt_action { top: 4px;} .click_image_template_3 .click_click_to_tweet.position_right .ctt_action, .click_image_template_4 .click_click_to_tweet.position_right .ctt_action { margin-right: 38px; margin-left: 0;} .click_image_template_3 .click_click_to_tweet.position_right .ctt_action:before, .click_image_template_4 .click_click_to_tweet.position_right .ctt_action:before { left: auto; right: -32px; background-position: 0 -529px;} .click_image_template_4 .click_click_to_tweet.position_right .ctt_action:before { background-position: 0 -518px;} .ctt_img_container.ctt_hover_light:hover { opacity: 0.3; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .ctt_hover_dark:before { content: ''; display: block; position: absolute; top: 0; left: 0;right: 0; bottom: 0; width: 100%; height: 100%; background-color: black; opacity: 0;filter: alpha(opacity=0);} .ctt_img_container.ctt_hover_dark:hover:before { opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .ctt_hover_pattern:before { content: ''; display: block; position: absolute; top: 0; left: 0;right: 0; bottom: 0; width: 100%; height: 100%; background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/images/pattern.png) repeat center center; opacity: 0;filter: alpha(opacity=0);} .ctt_img_container.ctt_hover_pattern:hover:before { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .ctt_hover_zoom:hover img { transform: scale(1.3); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .click_image .click_image_link, .author-third-inner .thumb { box-sizing: unset !important;} #recomnded-theme { display: block; width: 86%; margin: 0px auto; min-width: 0px; width: 100%;} #recomnded-theme h3{ margin-bottom: 20px;} .click_image.click_image_template_6 .click_image_link.btn_large i { background-position: 0 -191px; width: 32px; height: 25px; top: 0px;} .author-third-inner blockquote.style1 p.ctt-font-small { font-size: 20px;} .author-third-inner blockquote.style1 p.ctt-font-large { font-size: 30px;} .author-third-inner .tw-ico { background: url(//startupbrics.com/wp-content/plugins/click-to-tweet/css/img/twitter-single.png) no-repeat center center / 100% auto; display: inline-block; position: relative; top: 4px; margin-left: 5px;} .author-third-inner .ctt-font-original .tw-ico { width: 20px; height: 20px;} .ctt-font-small .tw-ico, .author-third-inner .ctt-font-small .tw-ico { width: 16px; height: 15px;} .ctt-font-large .tw-ico, .author-third-inner .ctt-font-large .tw-ico { width: 22px; height: 20px;} .author-first-inner .tweet-text p.ctt-font-small { font-size: 20px;} .author-first-inner .tweet-text p.ctt-font-large { font-size: 30px;} .author-second-inner .tweet-text p.ctt-font-small { font-size: 20px;} .author-second-inner .tweet-text p.ctt-font-large { font-size: 30px;} .tweet-box.ctt-box-design-5 p { width: 100%; box-sizing:border-box;} .tweet-box a:focus { box-shadow: none; outline: 0;} .tweet-box.ctt-box-design-12 p.ctt-font-small { font-size: 24px;} .tweet-box.ctt-box-design-12 p.ctt-font-large { font-size: 32px;}.ebd_link { display: inline-block; padding: 10px 40px; margin: 10px; text-align: center; border: 1px solid #555; border-radius: 3px; } .ebd_link:hover { border: 1px solid #0A246A; }.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor:url(//startupbrics.com/wp-content/plugins/indeed-my-logos/files/image/grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }.owl-theme .owl-controls{ margin-top: 10px; text-align: center; } .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; } .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading{ min-height: 150px; background: url(//startupbrics.com/wp-content/plugins/indeed-my-logos/files/css/AjaxLoader.gif) no-repeat center center }.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .animated .imc-logo { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce:hover .imc-logo{ -webkit-animation-name: bounce !important; animation-name: bounce !important; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash:hover .imc-logo { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse:hover .imc-logo { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand:hover .imc-logo { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake:hover .imc-logo { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing:hover .imc-logo { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada:hover .imc-logo { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble:hover .imc-logo { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn:hover .imc-logo { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown:hover .imc-logo { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft:hover .imc-logo { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight:hover .imc-logo { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp:hover .imc-logo { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut:hover .imc-logo { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown:hover .imc-logo { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft:hover .imc-logo { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight:hover .imc-logo { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp:hover .imc-logo { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn:hover .imc-logo { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown:hover .imc-logo { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig:hover .imc-logo { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft:hover .imc-logo { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig:hover .imc-logo { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight:hover .imc-logo { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig:hover .imc-logo { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp:hover .imc-logo { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig:hover .imc-logo { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut:hover .imc-logo { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown:hover .imc-logo { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig:hover .imc-logo { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft:hover .imc-logo { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig:hover .imc-logo { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight:hover .imc-logo { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig:hover .imc-logo { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp:hover .imc-logo { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig:hover .imc-logo { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip:hover .imc-logo { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX:hover .imc-logo { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY:hover .imc-logo { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX:hover .imc-logo { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY:hover .imc-logo { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn:hover .imc-logo { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut:hover .imc-logo { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn:hover .imc-logo { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft:hover .imc-logo { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight:hover .imc-logo { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft:hover .imc-logo { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight:hover .imc-logo { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut:hover .imc-logo { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft:hover .imc-logo { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight:hover .imc-logo { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft:hover .imc-logo { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight:hover .imc-logo { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown:hover .imc-logo { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft:hover .imc-logo { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight:hover .imc-logo { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft:hover .imc-logo { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight:hover .imc-logo { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp:hover .imc-logo { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown:hover .imc-logo { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge:hover .imc-logo { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn:hover .imc-logo { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut:hover .imc-logo { -webkit-animation-name: rollOut; animation-name: rollOut; }.clientFilter-wrapper{ width:100%; margin-bottom:25px; } .clientFilterlink-small_text{ display: inline-block; margin-right: 25px; cursor: pointer; transform: scale(1); font-size: 13px; color:rgb(145, 145, 145); font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; } .clientFilterlink-small_text:hover{ color:#6f7e8a; text-decoration: underline; } .clientFilterlink-small_text:after { content: "/"; position: absolute; right: -14px; font-size: 14px; opacity: 0.25; color: #aaaaaa; top: 1px; } .clientFilterlink-big_text{ display: inline-block; cursor: pointer; color:#aaa; font-family: 'Pontano Sans', sans-serif; border: 1px solid transparent; display: inline-block; font-size: 12px; font-weight: normal; letter-spacing: 1px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; transition: color .18s ease-in-out; -moz-transition: color .18s ease-in-out; -webkit-transition: color .18s ease-in-out; -o-transition: color .18s ease-in-out; text-align:center; } .clientFilterlink-big_text:hover{ color:#6f7e8a; text-decoration: underline; } .clientFilterlink-small_button{ margin-bottom: 5px; display: inline-block; cursor: pointer; margin-left: 6px; background: #f1f1f1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-family: 'Open Sans', sans-serif; font-size: 12px; height: 29px; line-height: 29px; padding: 0 10px; text-decoration: none; -moz-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -ms-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -o-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -webkit-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; transition: color 0.08s ease-in-out, background-c; min-width:50px; text-align:center; } .clientFilterlink-small_button:hover{ background-color:#6f7e8a; color:#fff; } .clientFilter-wrapper-small_button .current{ background-color:#6f7e8a; color:#fff; } .clientFilterlink-big_button{ margin-bottom: 5px !important; display: inline-block; cursor: pointer; margin: 0px 7px; border:1px solid #ccc; color:#aaa; background-color:transparent; font-family: 'Open Sans', sans-serif; font-size: 12px; height: 29px; line-height: 29px; padding: 0 10px; text-decoration: none; -moz-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -ms-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -o-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; -webkit-transition: color 0.08s ease-in-out, background-color 0.08s ease-in-out, border-color 0.08s ease-in-out; transition: color 0.08s ease-in-out, background-c; min-width:50px; text-align:center; } .clientFilterlink-big_button:hover{ background-color:#6f7e8a; color:#fff; border-color:#6f7e8a; } .clientFilter-wrapper-big_button .current{ background-color:#6f7e8a; border-color:#6f7e8a; color:#fff; } .clientFilterlink-dropdown { min-width: 200px; height: 28px; overflow: hidden; background: url(//startupbrics.com/wp-content/plugins/indeed-my-logos/files/image/dropdown_arrow.png) no-repeat right #fefefe; border: 1px solid #ccc; display: inline-block; margin-bottom:10px; } .clientFilterlink-dropdown select { background: transparent; min-width: 200px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 28px; -webkit-appearance: none; color:#999; } .clientFilterlink-dropdown select option{ cursor:pointer; }#sb_instagram,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#sb_instagram{width:100%;margin:0 auto;padding:0;box-sizing:border-box}#sb_instagram:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;box-sizing:border-box}#sb_instagram #sbi_images{width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images .sbi_item{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:inherit!important;margin:0!important;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width:10%}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width:100%}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width:33.33%}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:20%}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width:16.66%}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width:14.28%}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width:12.5%}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width:11.11%}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width:10%}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:auto}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram .sbi_type_video .sbi_playbtn{display:block!important;position:absolute;z-index:0;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px;color:#fff;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_loader{position:relative;left:50%;width:16px;height:16px;margin:10px 0 10px -8px;background:url(//startupbrics.com/wp-content/plugins/instagram-feed/img/loader.png) no-repeat}#sb_instagram .sb_instagram_header{float:left;clear:both;margin:0 0 15px;padding:0;line-height:1.2;width:100%}#sb_instagram .sb_instagram_header a{float:left;display:block;min-width:100%\9;text-decoration:none}#sb_instagram .sbi_header_img{float:left;position:relative;width:50px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sbi_header_img img{float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#sb_instagram .sbi_header_img_hover{position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;border-radius:40px;transition:opacity .2s}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sbi_header_img_hover i{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;overflow:hidden;background:url(//startupbrics.com/wp-content/plugins/instagram-feed/img/small-logo.png) no-repeat}#sb_instagram .sbi_header_text{float:left;width:100%;padding-top:5px}#sb_instagram .sbi_header_text .sbi_bio,#sb_instagram .sbi_header_text h3{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#sb_instagram #sbi_load,#sb_instagram .sb_instagram_error{width:100%;text-align:center}#sb_instagram .sb_instagram_header h3{font-size:16px;line-height:1.3}#sb_instagram .sb_instagram_header p{font-size:13px;line-height:1.3}#sb_instagram .sb_instagram_header h3.sbi_no_bio{padding-top:9px!important}#sb_instagram .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram #sbi_load{float:left;clear:both}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0;background:#333;border:none;color:#fff;text-decoration:none;font-size:13px;line-height:1.5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram .sbi_follow_btn{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#517fa4;color:#fff}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover,#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{filter:alpha(opacity=85);opacity:.85}#sb_instagram #sbi_load .fa,#sb_instagram .sbi_follow_btn .fa{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:0;padding:10px 15px;font-size:13px;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_playbtn{font-size:23px;margin-top:-12px;margin-left:-9px}#sb_instagram.sbi_small .sbi_playbtn{font-size:18px;margin-top:-9px;margin-left:-7px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width:50%}#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:25%}#sb_instagram.sbi_width_resp{width:100%!important}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:100%}}