/* Minification failed. Returning unminified contents. (635,12): run-time error CSS1038: Expected hex color, found '#cccc' */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.0.3);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-asc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-desc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} #page, body { overflow-x: hidden; position: relative; } body, section { background-color: #fff; } body, h1, h2, h3, h4, h5, h6 { font-family: Roboto,sans-serif; font-weight: 300; } h3, h4 { line-height: 25px; } ::selection { background: #000; color: #fff; } ::-moz-selection { background: #000; color: #fff; } .breadcrumbs_block ::selection, .cleancode_block ::selection, footer ::selection { background: #fff; color: #000; } footer ::-moz-selection { background: #fff; color: #000; } .breadcrumbs_block ::-moz-selection { background: #fff; color: #000; } .cleancode_block ::-moz-selection { background: #fff; color: #000; } @font-face { font-family: Roboto; src: url(/fonts/Roboto-Regular.woff) format('woff'),url(/fonts/Roboto-Regular.ttf) format('truetype'); } body { margin: 0; padding: 0; font-size: 13px; line-height: 20px; color: #666; } #page { z-index: 5; } .preloader_hide { opacity: 0; } #preloader { position: fixed; left: 50%; top: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; display: block; } .container { padding-left: 0; padding-right: 0; } .parallax { background-position: 0 0; width: 100%; background-attachment: fixed !important; } a, input, select, textarea { vertical-align: top; outline: 0 !important; -webkit-appearance: none; -webkit-border-radius: 0; } select:-moz-focusring { color: transparent; outline: 0 !important; text-shadow: 0 0 0 #000 !important; border: 0 !important; } img { outline: 0; vertical-align: top; border: 0; max-width: 100.1%; height: auto; } a { color: #999; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } a:focus, a:hover { text-decoration: none; color: #333; } .margbot0 { margin-bottom: 0; } .margbot5 { margin-bottom: 5px !important; } .margbot10 { margin-bottom: 10px; } .margbot20 { margin-bottom: 20px; } .margbot25 { margin-bottom: 25px; } .margbot30 { margin-bottom: 30px !important; } .margbot40 { margin-bottom: 40px; } .margbot50 { margin-bottom: 50px; } .margbot60 { margin-bottom: 60px; } .margbot70 { margin-bottom: 70px; } .margbot80 { margin-bottom: 80px; } .pad0 { padding: 0 !important; } .padbot0 { padding-bottom: 0 !important; } .padbot10 { padding-bottom: 10px !important; } .padbot20 { padding-bottom: 20px !important; } .padbot30 { padding-bottom: 30px !important; } .padbot40 { padding-bottom: 40px !important; } .padbot50 { padding-bottom: 50px !important; } .padbot60 { padding-bottom: 60px !important; } .padbot70 { padding-bottom: 70px !important; } .padbot80 { padding-bottom: 80px !important; } .padtop0 { padding-top: 0 !important; } li, ol, ul { padding: 0; margin: 0; } .overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(48,166,124,.5); } .relative_block, blockquote, header { position: relative; } .relative_block { z-index: 5; } hr { border-color: #ededed; } li { list-style: none; } p { margin: 0 0 20px; } h1, h2, h3, h4, h5, h6 { margin-top: 0; text-transform: none; color: #333; } h1, h2 { margin: 0 0 26px; } h5, h6 { margin: 0 0 15px; } .btn, .logo a, .navmenu ul li a { text-transform: uppercase; } h1 { line-height: 46px; font-size: 46px; } h2 { line-height: 40px; font-size: 40px; } h2 b, h4 b { font-weight: 500; } .btn, .logo a span.b1, h3 b { font-weight: 900; } h3 { margin: 0 0 21px; font-size: 22px; } h4 { margin: 0 0 34px; font-size: 20px; } .btn, h5, h6 { line-height: 20px; } h5 { font-size: 15px; } h6 { font-size: 12px; } .center { text-align: center; } .right { text-align: right; } .color_text { color: #30a67c; } .color_dark { color: #505050; } .color_light { color: #979797; } .color_white { color: #fff; } .color_red { color: #c10707; } .color_yellow { color: #fec400; } .color_dark_brown { color: #483115; } blockquote, blockquote:before { color: #979797; font-style: italic; } .color_bg { background: #30a67c; } blockquote { margin: 0 0 13px; padding: 0 0 0 47px; border: 0; font-size: 16px; } blockquote:before { content: '“'; position: absolute; left: 15px; top: 13px; font-size: 70px; } .btn { margin: 0; padding: 5px 20px 22px; border-radius: 0; box-shadow: none; font-size: 13px; text-shadow: none; background-image: none !important; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .btn-active { background-color: #1c1c1c; color: #fff; border-color: #1c1c1c; } .btn-active:hover { color: #fff; } .btn-lg { padding: 19px 30px; font-size: 18px; } .btn-sm { padding: 6px 20px 5px; font-size: 13px; } .btn-xs { padding: 2px 15px 3px; font-size: 11px; } .btn_shortcodes .btn { margin: 0 7px 10px 0; } .btn_shortcodes .btn:last-child { margin-right: 0; } .ie .btn, .ie .btn-default { filter: none !important; } .breadcrumbs_block { padding: 20px 0; background-image: url(../images/clean_code_bg.jpg); background-repeat: no-repeat; background-size: cover; } .breadcrumbs_block h2 { margin-bottom: 15px; line-height: 80px; font-size: 80px; color: #fff; } .breadcrumbs_block h3 { margin-bottom: 15px; line-height: 50px; font-size: 50px; color: #fff; } .breadcrumbs_block p { margin: 0; line-height: 34px; font-size: 26px; color: #fff; } .bg-aqua { background-color: #00c0ef !important; } .well { border-radius: 0 !important; background-color: #fdfdfd !important; border-bottom: 2px solid #518c99 !important; border-color: #9fbdc5; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { cursor: not-allowed; background-color: #282828; color: #fff !important; } #project_next.last, #project_prev.first, .services_item { cursor: default; } .menu_block, header { height: 80px; background-color: #fff; } a.list-group-item { font-size: 15px !important; color: #1b1a1a !important; white-space: nowrap !important; overflow: hidden !important; } #comments .avatar, .blog_post_img, .post_item_img_small, .post_item_img_widget, .purpose_block .btn-active, footer, textarea { overflow: hidden; } .padtop40 { padding-top: 40px !important; } .logo { float: left; } .logo a { line-height: 80px; font-size: 26px; color: #333; } #search-form input, .navmenu ul li a { line-height: 20px; transition: all .3s ease-in-out; } .logo a span { display: inline-block; padding-right: 18px; } .logo a span.b2 { font-weight: 700; } .logo a span.b3 { font-weight: 400; } .logo a span.b4 { font-weight: 300; } .logo a span.b5 { font-weight: 100; } .menu_block { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; width: 100%; box-shadow: 0 2px 3px rgba(0,0,0,.1); } .navmenu ul li { position: relative; display: inline-block; } .navmenu ul li a { display: block; margin: 0 0 0 -3px; padding: 30px 20px; font-weight: 900; font-size: 13px; color: #666; -webkit-transition: all .3s ease-in-out; } .navmenu li.active a, .navmenu li:hover a { color: #333; } .sub-menu ul { display: none; position: absolute; z-index: 9990; width: 180px; left: 50%; top: 100%; padding: 0; margin: 0 0 0 -90px; } .sub-menu.last ul { right: 0; left: auto; } .sub-menu ul:before { content: ''; position: absolute; left: 50%; top: -6px; margin-left: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 7px solid transparent; border-bottom: 6px solid #1c1c1c; } .sub-menu ul li { margin: 0; padding: 0; width: 100%; border-top: 0; } .sub-menu ul li a { position: relative; margin: 0; padding: 15px 5px 14px 21px; font-weight: 400; text-align: left; font-size: 12px; color: #fff !important; background: #1c1c1c; border-bottom: 1px solid #282828; } #search-form input, .services_item p { font-weight: 300; text-transform: none; } .sub-menu ul li:last-child a { border-bottom: 0; } .sub-menu ul li a:hover, .sub-menu ul li.active a { color: #fff !important; background: #161616; } #search-form form { position: relative; height: 40px; margin: 20px 0 20px 19px; padding-left: 49px; border-left: 1px solid #ccc; font-family: FontAwesome; } #search-form input, .cleancode_block .nav-tabs li a span { font-family: Roboto,sans-serif; } #search-form form:before { content: "\f002"; position: absolute; left: 29px; top: -2px; height: 40px; line-height: 40px; font-size: 15px; color: #cccc; } #home, .services_item p { position: relative; } #search-form input { width: 42px; margin: 0; padding: 11px 0; font-size: 13px; color: #999; background: 0 0; border: 0; box-shadow: none; -webkit-transition: all .3s ease-in-out; } #team, .cleancode_block { background-attachment: fixed !important; } #search-form input:focus { width: 140px; padding: 11px 20px 11px 0; } .services_item { display: block; } .services_item p { margin-bottom: 15px; padding-bottom: 19px; font-size: 20px; color: #333; } .services_item p b { font-weight: 400; } .services_item p:before { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background-color: #ccc; } .services_item span { display: block; padding-bottom: 9px; font-weight: 300; font-size: 14px; color: #666; } .cleancode_block { padding: 60px 0 54px; background-image: url(../images/clean_code_bg.jpg); background-size: cover; background-position: 0 0; } .cleancode_block .tab-content { overflow: hidden; padding: 0; margin: 0 0 80px; } .cleancode_block p.title { margin: 0 0 17px; font-weight: 100; line-height: 80px; font-size: 80px; color: #fff; } .cleancode_block p.title b { font-weight: 500; } .cleancode_block span { font-weight: 300; line-height: 34px; font-size: 23px; color: #999; } .cleancode_block .tab-pane { display: block; height: 0; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .cleancode_block .tab-pane.active { height: auto; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); } .ie .cleancode_block .tab-pane { display: none; } .ie .cleancode_block .tab-pane.active { display: block; } .cleancode_block .nav-tabs { margin: 0 -15px; border: 0; } .cleancode_block .nav-tabs li { margin: 0; padding: 0 15px; } .cleancode_block .nav-tabs li a { width: 170px; height: 170px; margin: 0; padding: 54px 0 0; text-align: center; border: 0 !important; border-radius: 0; transition: background-color .3s ease-in-out; -webkit-transition: background-color .3s ease-in-out; } .cleancode_block .nav-tabs li a i { display: block; width: 60px; height: 60px; margin: 0 auto; background-repeat: no-repeat; background-position: 0 -60px; background-size: 100% auto; -webkit-background-size: 100% auto; transition: transform .2s ease-in-out; -webkit-transition: -webkit-transform .2s ease-in-out; } .cleancode_block .nav-tabs li a.i1 i { background-image: url(../images/i1.png); } .cleancode_block .nav-tabs li a.i2 i { background-image: url(../images/i2.png); } .cleancode_block .nav-tabs li a.i3 i { background-image: url(../images/i3.png); } .cleancode_block .nav-tabs li a.i4 i { background-image: url(../images/i4.png); } .cleancode_block .nav-tabs li a.i5 i { background-image: url(../images/i5.png); } .cleancode_block .nav-tabs li a.i6 i { background-image: url(../images/i6.png); } .nav-tabs li a:focus, .nav-tabs li a:hover { background-color: transparent; } .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover { background-color: #fff; } .crewman_item .crewman_descr, .post_item:hover .post_item_img:before, .work_item .work_description { background-color: rgba(0,0,0,.8); } .nav-tabs li a:hover i { background-position: 0 -120px; transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); } .nav-tabs li.active a i { background-position: 0 0; transform: translateY(-16px); -o-transform: translateY(-16px); -ms-transform: translateY(-16px); -webkit-transform: translateY(-16px); } .cleancode_block .nav-tabs li a span { display: block; font-weight: 400; line-height: 20px; font-size: 20px; color: #333; opacity: 0; transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .nav-tabs li.active a span { opacity: 1; transform: translateY(-6px); -o-transform: translateY(-6px); -ms-transform: translateY(-6px); -webkit-transform: translateY(-6px); } .purpose_block { padding: 72px 0 0; } .purpose_block p { margin-bottom: 26px; font-weight: 300; line-height: 26px; font-size: 17px; color: #666; } .purpose_block .btn { margin-top: 30px; margin-right: 16px; } .purpose_block .btn-active span:before { content: attr(data-hover); position: absolute; top: 100%; left: 0; width: 100%; text-transform: uppercase; text-align: center; font-weight: 900; line-height: 20px; font-size: 13px; color: #1C1C1C; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog_post_info li:before, .post_item_img:before, .single_blog_post_info li:before { content: ''; } .purpose_block .btn-active:hover span:before { color: #fff; } .purpose_block .btn-active span { position: relative; display: inline-block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .purpose_block .btn-active:focus span, .purpose_block .btn-active:hover span { color: #1c1c1c; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .purpose_block .ipad_img1 { margin-top: -116px; } #projects { padding-top: 47px; } .work_item { position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .owl-item:hover .work_item { transform: scale(.95); -o-transform: scale(.95); -ms-transform: scale(.95); -webkit-transform: scale(.95); } .work_item .work_description { position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .work_item:hover .work_description { opacity: 1; } .work_item .work_description .work_descr_cont { position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .work_item:hover .work_description .work_descr_cont { opacity: 1; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .work_item .work_description a { display: block; margin: 0 0 6px; font-weight: 300; line-height: 24px; font-size: 24px; color: #fff; } .work_item .work_description span { color: #666; } .work_item a.zoom { position: absolute; z-index: 30; left: 50%; bottom: 0; width: 60px; height: 36px; margin-left: -30px; opacity: 0; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; -webkit-background-size: 100% auto; transition: bottom .3s ease-in-out,opacity .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out,opacity .3s ease-in-out; } .work_item:hover a.zoom { bottom: 56px; opacity: 1; } .work_item a.zoom:hover { background-image: url(../images/zoom_h.png); } #project_close, #project_next, #project_prev { position: relative; z-index: 1; display: inline-block; width: 50px; height: 50px; margin: 0 -2px 0 -3px; border: 2px solid #ccc; font-family: FontAwesome; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } #project_close:hover, #project_next:hover, #project_prev:hover { z-index: 2; border-color: #333; } #project_close i, #project_next i, #project_prev i { line-height: 46px; font-size: 26px; color: #ccc; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } #project_close i { margin: 0 -2px; } #project_close:hover i, #project_next:hover i, #project_prev:hover i { color: #333; } #project_next.last:hover, #project_prev.first:hover { border-color: #ccc; } #project_next.last:hover i, #project_prev.first:hover i { color: #ccc; } ul.project_info li { margin-bottom: 3px; font-style: italic; color: #505050; } ul.project_info li span { color: #979797; } .project_shared { padding: 15px 0; } .project_shared a { display: inline-block; width: 36px; height: 36px; margin-right: 5px; border: 1px solid #ccc; text-align: center; line-height: 34px; font-size: 20px; color: #ccc; } .project_shared a:hover { border-color: #333; color: #333; } .our_clients { padding: 71px 0 78px; } .our_clients .client_img { opacity: .5; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .our_clients .client_img:hover { opacity: 1; } #team { padding: 75px 0 100px; background-image: url(../images/team_bg.jpg); background-size: cover; } .crewman_item { position: relative; margin: 0 15px; } .crewman_item .crewman_descr { position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .crewman_item:hover .crewman_descr { opacity: 1; } .crewman_item .crewman_descr .crewman_descr_cont { position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .crewman_item:hover .crewman_descr .crewman_descr_cont { opacity: 1; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .crewman_item .crewman_descr p { margin: 0 0 6px; font-weight: 300; line-height: 24px; font-size: 24px; color: #fff; } .crewman_item .crewman_descr span { color: #666; } .crewman_item .crewman_social { position: absolute; z-index: 30; left: 0; bottom: 0; width: 100%; opacity: 0; text-align: center; transition: bottom .5s ease-in-out,opacity .5s ease-in-out; -webkit-transition: bottom .5s ease-in-out,opacity .5s ease-in-out; } #map, .post_item_img:before { transition: all .3s ease-in-out; } .crewman_item .crewman_social a { display: inline-block; width: 60px; height: 60px; margin: 0 7px 0 10px; border: 2px solid #333; border-radius: 50%; line-height: 58px; font-size: 26px; color: #333; } .crewman_item:hover .crewman_social { bottom: 56px; opacity: 1; } .crewman_item .crewman_social a:hover { color: #fff; border-color: #fff; } #news { padding: 75px 0 50px; } .testimonials { margin-bottom: 77px; } .testim_content { font-weight: 300; line-height: 38px; font-size: 26px; color: #333; } .testim_author { padding-top: 46px; font-weight: 300; font-size: 16px; color: #666; } .testim_author b { font-weight: 500; color: #333; } .post_item_img { position: relative; } .post_item_img:before { position: absolute; z-index: 25; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease-in-out; } .post_item_content { padding: 23px 0 0; } .post_item_content a.title { font-weight: 300; line-height: 34px; font-size: 17px; color: #333; } .post_item_inf { padding-top: 2px; } .post_item_inf li { display: inline-block; padding-right: 12px; color: #ccc; } .post_item_inf a { padding-right: 12px; font-weight: 300; font-size: 14px; } .post_item_img a.link { position: absolute; z-index: 30; left: 50%; bottom: 30%; width: 60px; height: 36px; margin: 0 0 -18px -30px; opacity: 0; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; -webkit-background-size: 100% auto; transition: bottom .3s ease-in-out,opacity .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out,opacity .3s ease-in-out; } #map, footer { position: fixed; } .post_item:hover .post_item_img a.link { bottom: 50%; opacity: 1; } .blog_post:hover .blog_post_img img, .recent_posts_small:hover .post_item_img_small img, .recent_posts_widget:hover .post_item_img_widget img { opacity: .5; } .post_item_img a.link:hover { background-image: url(../images/zoom_h.png); } .recent_posts_small { margin-bottom: 15px; } .post_item_img_small { float: left; width: 70px; height: 50px; margin: 2px 15px 13px 0; } .post_item_img_small img { width: auto; max-width: none; height: 100%; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; } .post_item_content_small a.title { display: block; line-height: 17px; font-size: 14px; color: #ccc; } .post_item_content_small a.title:hover { color: #666; } .post_item_inf_small li { display: inline-block; padding-top: 4px; padding-right: 10px; line-height: 17px; font-size: 11px; color: #666; } .recent_posts_widget { margin-bottom: 25px; } .post_item_img_widget { width: 270px; height: 180px; margin-bottom: 16px; background-color: #000; } .post_item_img_widget img { width: auto; max-width: none; height: 100%; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; } .post_item_content_widget a.title { display: block; line-height: 21px; font-size: 18px; color: #333; } .post_item_content_widgeta.title:hover { color: #666; } .post_item_inf_widget li { display: inline-block; padding-top: 12px; padding-right: 10px; line-height: 17px; font-size: 11px; color: #999; } #contacts { position: relative; z-index: 0; padding: 0; background: 0 0; } footer { z-index: 1; bottom: 0; left: 50%; opacity: 0; width: 100%; padding: 60px 0 10px; color: #999; background-color: #1c1c1c; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } footer h4 { color: #fff; } .foot_about_block p { margin-bottom: 24px; padding-right: 71px; line-height: 24px; font-size: 12px; } #map { z-index: 3; bottom: -100%; left: 0; right: 0; height: 401px; -webkit-transition: all .3s ease-in-out; } #map iframe { width: 100%; height: 399px; } .map_hide, .social li a { width: 50px; height: 50px; text-align: center; } #map.showed { bottom: 0; } .map_hide { position: absolute; left: 50%; z-index: 20; display: block; margin-left: 525px; background-color: #333; font-family: FontAwesome; } .map_hide:hover { background-color: #fff; } .map_hide i { line-height: 46px; font-size: 26px; color: #fff; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; margin: 0 -2px; } .map_hide:hover i { color: #333; } .social li { display: inline-block; margin: 0 7px 10px 0; } .social li a { display: block; border: 1px solid #242424; line-height: 46px; font-size: 23px; color: #333; } .contact_btn, input[type=text], textarea { font-family: Roboto,sans-serif; line-height: 20px; background: 0 0; } .social li a:hover { color: #ccc; border-color: #ccc; } input[type=text], textarea { width: 100%; margin: 0 0 10px; padding: 10px 8px; text-transform: none; font-weight: 400; font-size: 12px; color: #333; font-style: normal; border-radius: 0; border: 1px solid #cccbcb; box-shadow: none; transition: border-color .3s ease-in-out; -webkit-transition: border-color .3s ease-in-out; } textarea { min-height: 95px; resize: none; } input[type=text].last, textarea { margin-right: 0; } input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, textarea:focus { outline: 0; box-shadow: none; color: #666; border-color: #ccc; } .contact_btn { display: inline-block; cursor: pointer; margin: 0 7px 10px 0; padding: 13px 30px; border: 2px solid #242424; border-radius: 0; box-shadow: 0; text-shadow: none; text-decoration: none; text-transform: uppercase; font-weight: 900; font-size: 13px; color: #333; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .contact_btn.active, .contact_btn:hover { background: 0 0; color: #fff; border-color: #ccc; } .notification_error { color: #30a67c; } .single_page #blog { padding-top: 50px; } .blog_block hr { border-top: 2px solid #e9e9e9; } .blog_post_img { float: left; position: relative; width: 470px; height: 369px; margin-right: 30px; background-color: #000; } .blog_post_img img { width: auto; max-width: none; height: 100%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog_post a.zoom { position: absolute; z-index: 30; left: 50%; bottom: 50px; width: 60px; height: 36px; margin: 0 0 -30px -30px; opacity: 0; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; -webkit-background-size: 100% auto; transition: bottom .3s ease-in-out,opacity .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out,opacity .3s ease-in-out; } .single_blog_post_tags li a, .widget_tags li a { transition: color .3s ease-in-out,border-color .3s ease-in-out; } .blog_post:hover a.zoom { bottom: 50%; opacity: 1; } .blog_post a.zoom:hover { background-image: url(../images/zoom_h.png); } .blog_post_descr hr { border-color: #e9e9e9; margin: 25px 0; } .blog_post_date { margin-top: -3px; text-transform: uppercase; line-height: 14px; font-size: 11px; } .blog_post_title { display: block; padding-bottom: 19px; line-height: 36px; font-size: 30px; color: #333; } .blog_post_title:hover { color: #666; } .blog_post_info li { position: relative; display: inline-block; padding-right: 22px; } .blog_post_info li:before { position: absolute; right: 9px; top: 4px; height: 12px; width: 1px; background-color: #d3d3d3; } .blog_post_info li:last-child:before { display: none; } .blog_post_info li a { font-size: 14px; } .blog_post_content { padding-bottom: 18px; line-height: 26px; font-size: 17px; } .blog_post .read_more_btn { font-weight: 500; font-size: 16px; color: #333; } .blog_post .read_more_btn:hover { color: #666; } .pagination { display: block; margin: 0 0 50px; padding: 0; border-radius: 0; } .pagination li { float: left; width: 68px; height: 70px; } .pagination li a { float: none; display: block; margin: 0; padding: 0; border: 0; font-weight: 900; text-align: center; line-height: 68px; font-size: 20px; color: #999; } .pagination li a:focus, .pagination li a:hover, .pagination li.active a { color: #333 !important; background: 0 0 !important; } .pagination li.active a { font-size: 26px; } .single_blog_post_date { margin: -2px 0 -4px; line-height: 13px; font-size: 11px; color: #999; } .single_blog_post_title { padding-bottom: 12px; line-height: 60px; font-size: 50px; color: #333; } .single_blog_post_info { padding-bottom: 20px; } .single_blog_post_info li { position: relative; display: inline-block; padding: 0 25px 4px 0; } .single_blog_post_info li:before { position: absolute; right: 9px; top: 4px; height: 12px; width: 1px; background-color: #d3d3d3; } .single_blog_post_info li:last-child:before { display: none; } .single_blog_post_info li a { font-size: 14px; } .single_blog_post_img img { margin-bottom: 23px; width: 100%; } .single_blog_post_content { line-height: 26px; font-size: 17px; } .single_blog_post_tags li { display: inline-block; margin: 0 3px 5px 0; } .single_blog_post_tags li a { display: block; padding: 9px 19px; font-size: 16px; border: 1px solid #e9e9e9; -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out; } .single_blog_post_tags li a:hover { padding: 8px 18px; border: 2px solid #333; } #comments .avatar { margin: 3px 30px 0 0; width: 70px; height: 70px; border: 1px solid #efefef; } #comments .avatar img { width: 100%; } .comment_right { display: table; } .comment_info { padding-bottom: 11px; } #comments .comment_author { font-weight: 500; font-size: 16px; color: #333; } #comments .comment_date { color: #999; font-size: 11px; } #comments .comment_inf_sep { padding: 0 12px; font-size: 16px; color: #ccc; } #comments .comment_right p { font-size: 12px; } #comment_form input[type=text], #comment_form textarea { padding: 10px 8px 11px; border-color: #e9e9e9; text-transform: uppercase; font-size: 11px; color: #666; } #comment_form textarea { min-height: 140px; } #comment_form .contact_btn { background-color: #1c1c1c; color: #fff; } #comment_form .contact_btn:hover { background-color: #ccc; } .comment_note { padding-top: 11px; font-size: 12px; } .single_page #portfolio { padding-top: 50px; } .portfolio_block hr { border-top: 2px solid #e9e9e9; } .single_portfolio_post_title { padding-bottom: 20px; line-height: 40px; font-size: 40px; color: #333; } .sidepanel { margin-bottom: 25px; } .sidebar hr { border-color: #e9e9e9; margin: 25px 0; } .widget_meta li { position: relative; padding: 13px 10px 12px 30px; border-top: 1px solid #e9e9e9; } .widget_meta li:last-child { border-bottom: 1px solid #e9e9e9; } .widget_meta li:before { content: '°'; position: absolute; left: 10px; top: 20px; font-size: 27px; color: #ccc; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .widget_meta li:hover:before { color: #333; } .widget_meta li a { display: inline-block; line-height: 24px; font-size: 20px; color: #666; } .widget_meta li a:hover { color: #333; } .widget_tags li { display: inline-block; margin: 0 3px 5px 0; } .widget_tags li a { display: block; padding: 9px 19px; font-size: 16px; border: 1px solid #e9e9e9; -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out; } .widget_tags li a:hover { padding: 8px 18px; border: 2px solid #333; } .widget_text p { line-height: 26px; font-size: 16px; } .work_info { padding-bottom: 25px; } .work_info li { padding-bottom: 6px; font-size: 14px; color: #999; } .work_info li a { color: #333; } .shared li { display: inline-block; margin: 0 7px 10px 0; } .shared li a { display: block; width: 50px; height: 50px; padding: 1px; border: 1px solid #e9e9e9; text-align: center; line-height: 46px; font-size: 23px; color: #ccc; transition: color .3s ease-in-out,border-color .3s ease-in-out; -webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out; } .shared li a:hover { padding: 0; color: #333; border: 2px solid #242424; } @media screen and (-webkit-min-device-pixel-ratio:0) { #team, .cleancode_block, .parallax, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 { background-attachment: scroll !important; background-position: 0 0; } .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 { background-size: cover !important; } .promisediv{ padding: 1em 3em; background-color: white; } } @media (min-width:992px) and (max-width:1199px) { #team, .cleancode_block, .parallax { background-attachment: scroll !important; background-size: 100% auto !important; -webkit-background-size: 100% auto !important; } .promisediv{ padding: 1em 3em; background-color: white; } h2 { font-size: 35px; line-height: 35px; } .navmenu ul li a { padding-left: 15px; padding-right: 15px; } .cleancode_block p.title { font-size: 70px; line-height: 70px; } .cleancode_block .nav-tabs li a { width: 136px; height: 136px; padding-top: 35px; } .cleancode_block .nav-tabs li a i { width: 45px; height: 45px; background-position: 0 -45px; } .cleancode_block .nav-tabs li a span { font-size: 16px; } .nav-tabs li a:hover i { background-position: 0 -90px; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .nav-tabs li.active a i { background-position: 0 0; transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); } .purpose_block p { font-size: 15px; line-height: 22px; } .work_item a.zoom { width: 40px; height: 24px; margin-left: -20px; } .work_item:hover a.zoom { bottom: 30px; } .img_wrapper { width: 137px !important; } .post_item_img a.link { width: 40px; height: 24px; margin: 0 0 -12px -20px; } .post_item_img a.link:hover { background-position: 0 -24px; } .post_item_content a.title { font-size: 19px; line-height: 24px; } .owl-theme .owl-controls { top: -69px; } .owl-theme .owl-controls .owl-buttons div { width: 50px; height: 50px; } .owl-theme .owl-controls .owl-buttons div:before { width: 48px; height: 48px; line-height: 46px; } .blog_post_descr hr { margin: 15px 0; } .blog_post_img { width: 400px; height: 314px; } .blog_post_title { font-size: 24px; line-height: 27px; } .blog_post_content { font-size: 14px; line-height: 22px; } .single_blog_post_title { font-size: 44px; line-height: 50px; } .widget_meta li a { font-size: 17px; line-height: 20px; } .post_item_img_widget { width: 220px; height: 146px; } .post_item_content_widget a.title { font-size: 16px; line-height: 20px; } .breadcrumbs_block { padding: 50px 0; } .map_hide { margin-left: 435px; } } @media (min-width:768px) and (max-width:991px) { .crewman_item:hover .crewman_social, .work_item:hover a.zoom { bottom: 30px; } .promisediv{ padding: 1em 1em; background-color: white; } .logo a { font-size: 22px; } #search-form input:focus { width: 42px; } .navmenu ul li a { padding-left: 10px; padding-right: 10px; font-size: 12px; } .post_item_inf a, .post_item_inf li { padding-right: 5px; } .cleancode_block p.title { font-size: 60px; line-height: 60px; } .cleancode_block span { font-size: 20px; line-height: 24px; } .cleancode_block .nav-tabs li a { width: 100px; height: 100px; padding-top: 24px; } .cleancode_block .nav-tabs li a i { width: 45px; height: 45px; background-position: 0 -45px; } .cleancode_block .nav-tabs li a span { font-size: 13px; } .nav-tabs li a:hover i { background-position: 0 -90px; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .nav-tabs li.active a i { background-position: 0 0; transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); } .purpose_block { padding-top: 35px; } .purpose_block .ipad_img1 { margin-top: -50px; } .purpose_block p { font-size: 12px; line-height: 20px; } .work_item a.zoom { width: 40px; height: 24px; margin-left: -20px; } .img_wrapper { width: 100px !important; } .post_item_img a.link { width: 40px; height: 24px; margin: 0 0 -12px -20px; } .post_item_img a.link:hover { background-position: 0 -24px; } .post_item_content a.title { font-size: 15px; line-height: 20px; } .post_item_content { padding-top: 15px; } .post_item_inf a { font-size: 12px; } .owl-theme .owl-controls { top: -69px; } .owl-theme .owl-controls .owl-buttons div { width: 50px; height: 50px; } .owl-theme .owl-controls .owl-buttons div:before { width: 48px; height: 48px; line-height: 46px; } .crewman_item .crewman_social a { width: 36px; height: 36px; margin: 0 2px 0 5px; font-size: 17px; line-height: 34px; } .testim_content { font-size: 17px; line-height: 24px; } .blog_post_descr hr { margin: 15px 0; } .blog_post_img { width: 400px; height: 314px; } .blog_post_title { font-size: 24px; line-height: 27px; } .blog_post_content { font-size: 14px; line-height: 22px; } .single_blog_post_title { font-size: 44px; line-height: 50px; } .widget_meta li a { font-size: 17px; line-height: 20px; } .post_item_img_widget { width: 220px; height: 146px; float: left; margin-right: 30px; } .post_item_content_widget a.title { font-size: 16px; line-height: 20px; } .breadcrumbs_block { padding: 50px 0; } .breadcrumbs_block h2 { font-size: 60px; line-height: 64px; } .breadcrumbs_block p { font-size: 21px; line-height: 24px; } footer { position: static; left: auto; bottom: auto; transform: none; -webkit-transform: none; } .map_hide { margin-left: 325px; } .respond_clear { clear: both; height: 0; font-size: 0; } } @media (max-width:767px) { .promisediv{ padding: 1em 1em; background-color: white; } a.menu_toggler, a.menu_toggler:hover { background-color: #333; } .crewman_item:hover .crewman_social, .work_item:hover a.zoom { bottom: 30px; } .container { padding-left: 15px; padding-right: 15px; } h2 { font-size: 30px; line-height: 32px; } .logo a { font-size: 22px; } #search-form input:focus { width: 42px; } a.menu_toggler { display: inline-block; float: right; margin: 20px 0 0 20px; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 23px; color: #fff; } .navmenu { position: absolute; left: 0; right: 0; top: 80px; background-color: #fff; } .navmenu ul { padding: 10px 0; } .navmenu ul li { display: block; text-align: left; } .navmenu ul li a { padding: 4px 20px; } .sub-menu ul { display: block; position: static; width: 100%; box-shadow: none; padding: 0; margin: 0; } .post_item_inf a, .post_item_inf li { padding-right: 5px; } .sub-menu ul:before { display: none !important; } .navmenu li.sub-menu.active_page, .navmenu li.sub-menu:hover { background: 0 0; } .sub-menu ul li a { background: 0 0; border: 0; padding-left: 30px; color: #585858 !important; } .sub-menu ul li a:hover, .sub-menu ul li.active a { background: 0 0 !important; } .sub-menu ul li a:before { content: '-'; position: absolute; z-index: 10; left: 17px; top: 4px; color: #666; } .cleancode_block p.title { font-size: 40px; line-height: 40px; } .cleancode_block span { font-size: 15px; line-height: 22px; } .cleancode_block .nav-tabs { margin: 0 auto; width: 450px; } .cleancode_block .nav-tabs li a { width: 120px; height: 120px; padding-top: 24px; } .cleancode_block .nav-tabs li a i { width: 45px; height: 45px; background-position: 0 -45px; } .cleancode_block .nav-tabs li a span { font-size: 13px; } .nav-tabs li a:hover i { background-position: 0 -90px; transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .nav-tabs li.active a i { background-position: 0 0; transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); } .purpose_block { padding-top: 35px; } .ipad_img_in { width: 350px; margin: 0 auto; } .purpose_block .ipad_img1 { margin-top: 40px; } .purpose_block p { font-size: 12px; line-height: 20px; } .work_item a.zoom { width: 40px; height: 24px; margin-left: -20px; } .our_clients .row { text-align: center; margin: 0 auto; width: 450px; } .client_img { width: 140px; display: inline-block; } .img_wrapper { width: 110px !important; } .post_item_img a.link { width: 40px; height: 24px; margin: 0 0 -12px -20px; } .post_item_img a.link:hover { background-position: 0 -24px; } .post_item_content a.title { font-size: 15px; line-height: 20px; } .post_item_content { padding-top: 15px; } .post_item_inf a { font-size: 12px; } .owl-theme .owl-controls { top: -69px; } .testimonials .owl-theme .owl-controls { top: -49px; } .owl-theme .owl-controls .owl-buttons div { width: 50px; height: 50px; } .owl-theme .owl-controls .owl-buttons div:before { width: 48px; height: 48px; line-height: 46px; } .crewman_item .crewman_social a { width: 36px; height: 36px; margin: 0 2px 0 5px; font-size: 17px; line-height: 34px; } .testim_content { font-size: 17px; line-height: 24px; } #news .recent_posts { width: 450px; margin: 0 auto; } .blog_post_descr hr { margin: 15px 0; clear: both; border: 0; } .blog_post_img { width: 200px; height: 157px; margin-right: 20px; } .blog_post_title { font-size: 19px; line-height: 22px; } .blog_post_content { font-size: 14px; line-height: 22px; padding-top: 20px; } .blog_post_info li a { font-size: 13px; } .blog_post_info li { padding-right: 15px; } .blog_post_info li:before { right: 6px; } .pagination li { width: 40px; height: 40px; } .pagination li a { font-size: 16px; line-height: 38px; } .pagination li a:focus, .pagination li a:hover, .pagination li.active a { font-size: 18px; } .single_blog_post_date { margin: 0; } .single_blog_post_title { font-size: 26px; line-height: 32px; } .comment_note { padding: 0 0 20px; } .widget_meta li a { font-size: 17px; line-height: 20px; } .post_item_img_widget { width: 220px; height: 146px; float: left; margin-right: 30px; } .post_item_content_widget a.title { font-size: 16px; line-height: 20px; } .breadcrumbs_block { padding: 40px 0; } .breadcrumbs_block h2 { font-size: 50px; line-height: 54px; } .breadcrumbs_block p { font-size: 16px; line-height: 20px; } footer { position: static; left: auto; bottom: auto; transform: none; -webkit-transform: none; } .map_hide { margin: 0; left: auto; right: 15px; } .respond_clear { clear: both; height: 0; font-size: 0; } } @media (max-width:479px) { .cleancode_block p.title, h2 { font-size: 26px; line-height: 26px; } #search-form { display: none; } .purpose_block .btn { padding: 10px; margin: 10px 5px 0 0; } .cleancode_block .nav-tabs { width: 290px; } .cleancode_block .nav-tabs li { padding: 0; } .cleancode_block .nav-tabs li a { width: 96px; height: 96px; } #news .recent_posts, .ipad_img_in, .our_clients .row { width: 290px; } .testimonials .owl-theme .owl-controls { top: 0; } .blog_post_img { float: none; margin: 0 0 20px; width: 290px; height: 227px; } .blog_post_descr hr { border-bottom: 2px solid #e9e9e9; } .blog_post_content { padding-top: 0; } .single_blog_post_title { font-size: 17px; line-height: 22px; } .single_blog_post_content { font-size: 13px; line-height: 20px; } .post_item_img_widget { float: none; margin-right: 0; } .col-ss-1, .col-ss-10, .col-ss-11, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9 { float: left; } .col-ss-12 { width: 100%; } .col-ss-11 { width: 91.66666666666666%; } .col-ss-10 { width: 83.33333333333334%; } .col-ss-9 { width: 75%; } .col-ss-8 { width: 66.66666666666666%; } .col-ss-7 { width: 58.333333333333336%; } .col-ss-6 { width: 50%; } .col-ss-5 { width: 41.66666666666667%; } .col-ss-4 { width: 33.33333333333333%; } .col-ss-3 { width: 25%; } .col-ss-2 { width: 16.666666666666664%; } .col-ss-1 { width: 8.333333333333332%; } } .joylyrics-container { background-color:rgb(255, 255, 255); margin-bottom: 30px; /*opacity:0.9;*/ } .joylyrics-div{ background-color: white; /* box-shadow: 4px 4px 4px #909090; */ padding: 10px 15px 10px 15px !important; color: #080808; border-radius: 2px; } /*.joylyrics-name{ font-family:'Oswald Light' !important; font-size:1.50em !important; letter-spacing:0px !important; margin-top:0px !important; margin-bottom:0px !important; line-height:1.3 !important; text-transform:inherit !important; }*/ .joylyrics-lyrics-name-div{ padding:1em; background-color:#fbfbfb; } .joylyrics-lyrics-name { text-transform:uppercase; text-align:center; font-weight:400; padding:0; margin:0px 0px 10px 0px; } .lyrics-details{ padding:0; margin:0; text-align:center; font-size:14px; } .lyrics-details a{ color:black; } .joylyrics-lyrics-div { padding:1em 5em; background-color:white; } .joylyrics-lyrics-p { font-size: 16px; line-height: 1.9em; color: #434a52; font-weight: 400; margin-top: 15px; } .joylyrics-english-lyrics-p { text-transform: capitalize; } .joylyrics-alphabetsdiv { width: 40px; float: left; margin-left:2px; } .joylyrics-bibleverse { /*background-color: #AF7C4B; padding: 0px 8px 0px 8px; box-shadow: 0px 0px 15px #621F02; border-radius: 5px;*/ } .lyrics-list-ul{ padding-left:40px; } .lyrics-list-li { background-color: transparent !important; border: none !important; display: list-item !important; padding: 5px 15px !important; } .lyrics-list-li a{ color:#151414 !important; } .lyrics-list-li a:hover{ text-decoration:none !important; } .viewscount{ float:right !important; } .thumb { margin-bottom: 30px; } .navbar-nav > li:hover > a{ color:black !important; background:#e7e7e7 !important; } input[id="search"] { width: 70% !important; height: 60px !important; background: rgba(12, 53, 76, 0.68); border-radius: 30px !important; border: 1.5px solid white !important; /*border: solid 5px rgba(255,255,255,.4);*/ padding-left: 20px !important; color: white !important; letter-spacing:1px !important; } /*.img-responsive{ width:100% !important; height:215px !important; }*/ .video-list-thumbs > li{ margin-bottom:12px; padding-right:0px !important; } .video-list-thumbs > li:last-child{} .video-list-thumbs > li > a{ display:block; position:relative; background-color: #111; color: #fff; padding: 3px; border-radius:3px; transition:all 500ms ease-in-out; border-radius:4px } .video-list-thumbs > li > a:hover{ box-shadow:0 2px 5px rgba(0,0,0,.3); text-decoration:none } .video-list-thumbs h2{ bottom: 0; font-size: 14px; height: 33px; margin: 8px 0 0; } .video-list-thumbs .glyphicon-play-circle{ font-size: 60px; opacity: 0.6; position: absolute; right: 39%; top: 31%; text-shadow: 0 1px 3px rgba(0,0,0,.5); transition:all 500ms ease-in-out; } .video-list-thumbs > li > a:hover .glyphicon-play-circle{ color:#fff; opacity:1; text-shadow:0 1px 3px rgba(0,0,0,.8); } .video-list-thumbs .duration{ background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: #fff; font-size: 11px; font-weight: bold; left: 12px; line-height: 13px; padding: 2px 3px 1px; position: absolute; top: 12px; transition:all 500ms ease; } .video-list-thumbs > li > a:hover .duration{ background-color:#000; } .ytp-title{ display:none !important; } @media (min-width:320px) and (max-width: 480px) { .video-list-thumbs .glyphicon-play-circle{ font-size: 35px; right: 36%; top: 27%; } .video-list-thumbs h2{ bottom: 0; font-size: 12px; height: 22px; margin: 8px 0 0; } } @media screen and (min-width: 768px) { .navbar-nav > li:hover ul { display: block; } } @media screen and (max-width:768px) { .joylyrics-alphabetsdiv { width: 24px !important; float: left; } .joylyrics-lyrics-div { padding: 1em 2em; } input[type="search"] { width: 90%; } .box { padding: 15px 8px !important; } a.navbar-brand{ font-family: inherit !important; } .joylyrics-p,.list-group-item-text { font-size: 1.0em !important; } /*.img-responsive{ height:120px !important; }*/ } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-control-thumbs img {cursor:pointer;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {overflow:hidden; position: relative; z-index:2;} .flexslider.top_slider {min-height:520px;height:520px !important; background-color:#f5f5f5;} .flexslider.top_slider:before { content:''; position:absolute; z-index:3; left:0; bottom:0; width:100%; height:80px; background-image:url(../images/slider/slide_shadow.png); background-repeat:repeat-x; background-size:auto 100%; -webkit-background-size:auto 100%; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flexslider.top_slider .flex-direction-nav { position:relative; margin:0 auto; } .flexslider.top_slider .flex-direction-nav li a { position:absolute; z-index:300; bottom:50px; display:block; width:70px; height:70px; font-family:FontAwesome; text-align:center; background-color:#fff; } .flexslider.top_slider .flex-direction-nav li a:hover {background-color:#333;} .flexslider.top_slider .flex-direction-nav li a.flex-prev {left:0;} .flexslider.top_slider .flex-direction-nav li a.flex-next {left:71px;} .flexslider.top_slider .flex-direction-nav li a:before { position:absolute; left:0; top:0; width:70px; height:70px; line-height:66px; font-size:32px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .flexslider.top_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";} .flexslider.top_slider .flex-direction-nav li a.flex-next:before {content: "\f105";} .flexslider.top_slider .flex-direction-nav li a:hover:before {color:#fff;} /* __________ Portfolio Post Direction Nav __________ */ .flexslider.portfolio_single_slider {position:relative;} .flexslider.portfolio_single_slider .flex-direction-nav li a { position:absolute; z-index:300; top:0; bottom:0; display:block; width:200px; height:100%; font-family:FontAwesome; text-align:center; opacity:0; } .flexslider.portfolio_single_slider .flex-direction-nav li a:hover {background:none;} .flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev {left:-50px;} .flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next {right:-50px;} .flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-prev {left:0; opacity:1;} .flexslider.portfolio_single_slider:hover .flex-direction-nav li a.flex-next {right:0; opacity:1;} .flexslider.portfolio_single_slider .flex-direction-nav li a:before { position:absolute; top:50%; width:70px; height:70px; margin-top:-35px; line-height:66px; font-size:32px; color:rgba(0,0,0,0.5); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .flexslider.portfolio_single_slider .flex-direction-nav li a.flex-prev:before {content: "\f104"; left:0;} .flexslider.portfolio_single_slider .flex-direction-nav li a.flex-next:before {content: "\f105"; right:0;} .flexslider.portfolio_single_slider .flex-direction-nav li a:hover:before {color:#fff;} /* __________ Control Navigation __________ */ .flex-control-nav { position:absolute; z-index:300; left:0; bottom:30px; width:100%; text-align:center; } .flex-control-nav li { display:inline-block; margin:0 8px; } .flex-control-nav li a { display:block; width:10px; height:10px; border-radius:50%; border:2px solid #333; background-color:#fff; font-size:0; cursor:pointer; transition: none; -webkit-transition: none; } .flex-control-nav li a.flex-active { position:relative; top:-3px; left:-3px; right:-3px; width:16px; height:16px; background-color:#333; cursor:default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Works Slider */ .flexslider.works_slider .flex-direction-nav li a { position:absolute; z-index:300; bottom:30px; display:block; width:50px; height:50px; font-family:FontAwesome; text-align:center; background-color:#fff; } .flexslider.works_slider .flex-direction-nav li a:hover {background-color:#333;} .flexslider.works_slider .flex-direction-nav li a.flex-prev {left:20px;} .flexslider.works_slider .flex-direction-nav li a.flex-next {left:70px;} .flexslider.works_slider .flex-direction-nav li a:before { position:absolute; left:0; top:0; width:50px; height:50px; line-height:46px; font-size:32px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .flexslider.works_slider .flex-direction-nav li a.flex-prev:before {content: "\f104";} .flexslider.works_slider .flex-direction-nav li a.flex-next:before {content: "\f105";} .flexslider.works_slider .flex-direction-nav li a:hover:before {color:#fff;} /* Control Nav */ .flex-control-thumbs { position: absolute; z-index:200; left:0; bottom:50px; width:100%; text-align:center; } .flex-control-thumbs li { overflow:hidden; position:relative; display:inline-block; width: 100px; height:70px; margin: 0 5px; } .flex-control-thumbs img { position:asbolute; width: auto; max-width:none; height:100%; display: block; cursor: pointer; } .flex-control-thumbs li img.flex-active:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #fff; } /* thumb navigation */ #carousel { position:absolute; left:0; bottom:45px; width:100%; } #carousel .slides {text-align:center;} #carousel .slides li { overflow:hidden; z-index:10 !important; float:none !important; display:inline-block !important; padding:5px 0 0; width:105px !important; height:75px !important; margin:0 2px 0 5px !important; opacity:1 !important; cursor:pointer; box-shadow:3px 3px 3px rgba(0,0,0,0.15); } #carousel .slides li.flex-active-slide:before { content:''; position:absolute; left:0; top:5px; right:0; bottom:0; border:5px solid transparent; } #carousel .slides li.flex-active-slide:before {border-color:#fff;} #carousel .slides li.flex-active-slide:after { content:''; position:absolute; left:50%; top:0; margin-left:-2px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #fff; } #carousel .slides li img { width:auto; max-width:none; height:100%; } /* Caption */ .top_slider .slide1 { height:520px !important; background:url(../images/slider/slide1_bg.jpg) no-repeat center center fixed !important; /*background-size:cover !important;*/ } .top_slider .slide1 .flex_caption1 { position:absolute; z-index:30; left:50%; top:45%; width:100%; margin-left:-585px; color:#333; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .top_slider .slide1 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;} .top_slider .slide1 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide1 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide1 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;} .top_slider .slide2 { height:520px !important; background:url(../images/slider/slide2_bg.jpg) no-repeat center center fixed !important; /*background-size:cover !important;*/ } .top_slider .slide2 .flex_caption1 { position:absolute; z-index:30; left:50%; top:45%; width:100%; margin-left:-585px; color:#fff; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .top_slider .slide2 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;} .top_slider .slide2 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide2 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide2 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;} .top_slider .slide3 { height:520px !important; background:url(../images/slider/slide3_bg.jpg) no-repeat center center fixed !important; /*background-size:cover !important;*/ } .top_slider .slide3 .flex_caption1 { position:absolute; z-index:30; left:50%; top:45%; width:100%; margin-left:-585px; color:#fff; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .top_slider .slide3 .flex_caption1 .title1 {margin-bottom:15px; display:inline-block; font-weight:500; line-height:80px; font-size:80px;} .top_slider .slide3 .flex_caption1 .title2 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide3 .flex_caption1 .title3 {margin-bottom:15px; display:inline-block; font-weight:100; line-height:80px; font-size:80px;} .top_slider .slide3 .flex_caption1 .title4 {margin-bottom:15px; width:680px; font-weight:300; line-height:34px; font-size:26px;} .top_slider .slide_btn { position:absolute; z-index:110; bottom:50px; left:50%; width:171px; display:inline-block; margin-left:414px; padding:26px 30px 24px; text-transform:uppercase; font-weight:900; color:#333; background-color:#fff; } .top_slider .slide_btn:hover {background-color:#1c1c1c; color:#fff;} .top_slider .slide_btn:before { position:absolute; content: "\f105"; right:30px; top:0; width:20px; height:20px; font-family:FontAwesome; text-align:right; line-height:66px; font-size:32px; color:#333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .top_slider .slide_btn:hover:before {color:#fff;} /* __________ Video Slide __________ */ .slide3 .buttonBar {display:none;} #controlBar_P2 {display:none !important;} .slide3.bg { height:100%; background-image:url(../images/slider/slide3_bg.jpg); background-size:cover; background-repeat:no-repeat; } #carousel .slides li .video { position:absolute; left:50%; top:50%; width:30px; height:30px; margin:-15px 0 0 -15px; background-image:url(../images/video.png); background-repeat:no-repeat; background-size:100% auto; -webkit-background-size:100% auto; } /* _________ //Video Slide _________ */ /* Flex Caption Effect */ .FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft {opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out;} .captionDelay1 {transition-delay: 0.1s; -webkit-transition-delay: 0.1s;} .captionDelay2 {transition-delay: 0.2s; -webkit-transition-delay: 0.2s;} .captionDelay3 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} .captionDelay4 {transition-delay: 0.4s; -webkit-transition-delay: 0.4s;} .captionDelay5 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;} .captionDelay6 {transition-delay: 0.6s; -webkit-transition-delay: 0.6s;} .captionDelay7 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;} .captionDelay8 {transition-delay: 0.8s; -webkit-transition-delay: 0.8s;} .captionDelay9 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;} .captionDelay10 {transition-delay: 1s; -webkit-transition-delay: 1s;} .captionDelay11{transition-delay: 1.1s; -webkit-transition-delay: 1.1s;} .captionDelay12 {transition-delay: 1.2s; -webkit-transition-delay: 1.2s;} .flexslider li.flex-active-slide .FadeIn {opacity: 1;} .flexslider li .FromTop {transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%);} .flexslider li.flex-active-slide .FromTop {opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0);} .flexslider li .FromBottom {transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%);} .flexslider li.flex-active-slide .FromBottom {opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);} .flexslider li .FromLeft {transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%);} .flexslider li.flex-active-slide .FromLeft {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);} .flexslider li .FromRight {transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%);} .flexslider li.flex-active-slide .FromRight {opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);} /* Responsive Styles */ @media (min-width: 992px) and (max-width: 1199px) { .top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-485px;} .top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:70px; line-height:70px;} .top_slider .slide_btn {margin-left:314px;} } @media (min-width: 768px) and (max-width: 991px) { .top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:-375px;} .top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:60px; line-height:60px;} .top_slider .slide_btn {margin-left:204px;} .top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:17px; line-height:24px; width:450px;} } @media (max-width: 767px) { .flexslider.top_slider:before {height:40px;} .top_slider .slide1 .flex_caption1, .top_slider .slide2 .flex_caption1, .top_slider .slide3 .flex_caption1 {margin-left:0; left:15px;} .top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:40px; line-height:40px;} .top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {font-size:13px; line-height:19px; width:420px;} #carousel .slides li {width:70px !important; height:55px !important; margin:0 0 0 2px !important;} .flexslider.top_slider .flex-direction-nav li a {width:50px; height:50px;} .flexslider.top_slider .flex-direction-nav li a.flex-next {left:51px;} .flexslider.top_slider .flex-direction-nav li a:before {width:50px; height:50px; line-height:46px;} .top_slider .slide_btn {padding:15px 20px 15px 5px; width:auto; left:auto; right:15px; margin:0;} .top_slider .slide_btn:before {right:5px; font-size:18px; top:-7px;} } @media (max-width: 479px) { .top_slider .slide1 .flex_caption1 .title1, .top_slider .slide1 .flex_caption1 .title2, .top_slider .slide1 .flex_caption1 .title3, .top_slider .slide2 .flex_caption1 .title1, .top_slider .slide2 .flex_caption1 .title2, .top_slider .slide2 .flex_caption1 .title3, .top_slider .slide3 .flex_caption1 .title1, .top_slider .slide3 .flex_caption1 .title2, .top_slider .slide3 .flex_caption1 .title3 {font-size:26px; line-height:26px;} .top_slider .slide1 .flex_caption1 .title4, .top_slider .slide2 .flex_caption1 .title4, .top_slider .slide3 .flex_caption1 .title4 {width:290px;} #carousel {display:none;} } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .pp_gallery ul a img{ width:50px !important; height:35px !important; max-width:50px !important; } /* CUSTOM */ .pp_left, .pp_middle, .pp_right, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content, div.light_rounded .pp_content {background:none !important;} .pp_details {position:static !important;} .pp_nav, .pp_social {display:none !Important;} div.pp_default .pp_close {z-index:9999; right:40px; top:20px; width:19px; height:18px; transition: none; -webkit-transition: none;} div.pp_default .pp_close:hover {background-position:0 -17px;} a.pp_previous, a.pp_next {background:none !Important; font-family:FontAwesome; text-indent:0; font-size:0;} a.pp_previous:before, a.pp_next:before { position:absolute; top:50%; width:70px; height:70px; margin-top:-35px; line-height:66px; font-size:32px; text-align:center; color:rgba(0,0,0,0.5); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } a.pp_previous:before {content: "\f104"; left:0;} a.pp_next:before {content: "\f105"; right:0;} a.pp_previous:hover:before, a.pp_next:hover:before {color:#fff;} .pp_gallery {margin-top:20px;} .pp_gallery div {padding-top:2px;} div.pp_default .pp_gallery ul li a {border:0 !important;} div.pp_default .pp_gallery ul li {margin:0 5px;} div.pp_default .pp_gallery ul li:hover, div.pp_default .pp_gallery ul li.selected {border:2px solid #fff; margin:-2px 3px 0;} .animated { opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } /*===================================================================================*/ /* pulse */ /*===================================================================================*/ @-webkit-keyframes pulse { 0% {-webkit-transform: scale(1);} 50% {-webkit-transform: scale(1.1);} 100% {-webkit-transform: scale(1);} } @-moz-keyframes pulse { 0% {-moz-transform: scale(1);} 50% {-moz-transform: scale(1.1);} 100% {-moz-transform: scale(1);} } @-o-keyframes pulse { 0% {-o-transform: scale(1);} 50% {-o-transform: scale(1.1);} 100% {-o-transform: scale(1);} } @keyframes pulse { 0% { transform: scale(1);} 50% { transform: scale(1.1);} 100% { transform: scale(1);} } .animated.pulse { opacity: 1; -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } /*===================================================================================*/ /* flipInX */ /*===================================================================================*/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .animated.flipInX { opacity: 1; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; } /*===================================================================================*/ /* fadeIn */ /*===================================================================================*/ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .animated.fadeIn { opacity: 1; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } /*===================================================================================*/ /* fadeInUp */ /*===================================================================================*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUp { opacity: 1; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /*===================================================================================*/ /* fadeInDown */ /*===================================================================================*/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDown { opacity: 1; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } /*===================================================================================*/ /* fadeInLeft */ /*===================================================================================*/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeft { opacity: 1; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } /*===================================================================================*/ /* fadeInRight */ /*===================================================================================*/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(100px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(100px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRight { opacity: 1; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } /*===================================================================================*/ /* fadeInUpBig */ /*===================================================================================*/ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInUpBig { opacity: 1; -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /*===================================================================================*/ /* fadeInDownBig */ /*===================================================================================*/ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .animated.fadeInDownBig { opacity: 1; -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /*===================================================================================*/ /* fadeInLeftBig */ /*===================================================================================*/ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInLeftBig { opacity: 1; -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /*===================================================================================*/ /* fadeInRightBig */ /*===================================================================================*/ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .animated.fadeInRightBig { opacity: 1; -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /*===================================================================================*/ /* bounceIn */ /*===================================================================================*/ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .animated.bounceIn { opacity: 1; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } /*===================================================================================*/ /* bounceInUp */ /*===================================================================================*/ @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .animated.bounceInUp { opacity: 1; -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } /*===================================================================================*/ /* bounceInDown */ /*===================================================================================*/ @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .animated.bounceInDown { opacity: 1; -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } /*===================================================================================*/ /* bounceInLeft */ /*===================================================================================*/ @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .animated.bounceInLeft { opacity: 1; -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } /*===================================================================================*/ /* bounceInRight */ /*===================================================================================*/ @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .animated.bounceInRight { opacity: 1; -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } /*===================================================================================*/ /* rotateInUpLeft */ /*===================================================================================*/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpLeft { opacity: 1; -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /*===================================================================================*/ /* rotateInDownLeft */ /*===================================================================================*/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownLeft { opacity: 1; -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /*===================================================================================*/ /* rotateInUpRight */ /*===================================================================================*/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInUpRight { opacity: 1; -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /*===================================================================================*/ /* rotateInDownRight */ /*===================================================================================*/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .animated.rotateInDownRight { opacity: 1; -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /*===================================================================================*/ /* lightSpeedRight */ /*===================================================================================*/ @-webkit-keyframes lightSpeedRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedRight { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedRight { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedRight { opacity: 1; -webkit-animation-name: lightSpeedRight; -moz-animation-name: lightSpeedRight; -o-animation-name: lightSpeedRight; animation-name: lightSpeedRight; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedRight { opacity: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /*===================================================================================*/ /* lightSpeedLeft */ /*===================================================================================*/ @-webkit-keyframes lightSpeedLeft { 0% { -webkit-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedLeft { 0% { -moz-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedLeft { 0% { -o-transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedLeft { 0% { transform: translateX(-100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .animated.lightSpeedLeft { opacity: 1; -webkit-animation-name: lightSpeedLeft; -moz-animation-name: lightSpeedLeft; -o-animation-name: lightSpeedLeft; animation-name: lightSpeedLeft; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedLeft { opacity: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /*===================================================================================*/ /* rollin */ /*===================================================================================*/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .animated.rollIn { opacity: 1; -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } .op0 { opacity: 0.01; } /* Remove lazy for mobile devices */ @media only screen and (max-width: 1024px) { .op0 { opacity: 1; } } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; padding:48px 0 0; -ms-touch-action: pan-y; } .owl-carousel .testim_slider {padding-top:30px;} .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); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .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); } /* Navigation */ .owl-theme .owl-controls{ position:absolute; left:50%; top:-80px; width:100%; text-align: right; transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); } .testimonials .owl-theme .owl-controls{top:-50px;} .owl-theme .owl-controls .owl-buttons div { position:relative; z-index:1; display: inline-block; width:70px; height:70px; margin:0 0 0 -2px; border:2px solid #ccc; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .owl-theme .owl-controls .owl-buttons div:hover {z-index:2; border-color:#333;} .owl-theme .owl-controls .owl-buttons div:before { position:absolute; left:0; top:0; width:68px; height:68px; font-family: FontAwesome; text-align:center; line-height:66px; font-size:32px; color:#ccc; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .owl-theme .owl-controls .owl-buttons .owl-prev:before {content: "\f104";} .owl-theme .owl-controls .owl-buttons .owl-next:before {content: "\f105";} .owl-theme .owl-controls .owl-buttons div:hover:before {color:#333;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-pagination {height:14px;} .owl-theme .owl-controls .owl-page{ display: inline-block; vertical-align:top; margin-left:16px; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 14px; height: 14px; margin: 0; border-radius: 50%; border:2px solid #333; } .owl-theme .owl-controls .owl-page.active span { position:relative; top:-3px; bottom:-3px; width:20px; height:20px; background-color:#333; } /* If PaginationNumbers is true */ .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; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }