.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@font-face{font-family:'FontAwesome';src:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/fontawesome/fonts/fontawesome-webfont.eot?v=4.1.0);src:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/fontawesome/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/fontawesome/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/fontawesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.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(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);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;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook: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-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}@font-face{font-family:jkreativ;src:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/jkreativ-icon/fonts/jkreativ.eot?z1yfiv);src:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/jkreativ-icon/fonts/jkreativ.eot?#iefixz1yfiv) format('embedded-opentype'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/jkreativ-icon/fonts/jkreativ.woff?z1yfiv) format('woff'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/jkreativ-icon/fonts/jkreativ.ttf?z1yfiv) format('truetype'),url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/jkreativ-icon/fonts/jkreativ.svg?z1yfiv#jkreativ) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:jkreativ;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-500px:before{content:"\e601"}.icon-500px-2:before{content:"\e600"}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:30px;margin:.67em 0}h2{font-size:26px;margin:.83em 0}h3{font-size:22px;margin:1em 0}h4{font-size:18px;margin:1.33em 0}h5{font-size:16px;margin:1.67em 0}h6{font-size:14px;margin:2.33em 0}h1,h2,h3{line-height:1.4}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0 12px 0 0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
body {
font-weight: 400 !important;
}
.master-slider-parent {
border: 0 !important;
}
.ms-skin-default .ms-bullet {display:none;}
#menu-habib-menu-1 span.arrow {display:none !important;}
#menu-habib-menu-about span.arrow {display:none !important;}
.fullbgwrapper { margin-left:200px !important;}
.footerwidget { margin-bottom: 0px !important; }
.landing-footer {
border-top: 1px solid #ECECEC;
background-color: #fff;
padding: 30px 0 !important;
}
.post-nav .next-link {
float: none !important;
} .pageright{display:none !important;}
table.vc-table-plugin-theme-classic tbody tr:first-child{display:none !important;}
table.vc-table-plugin-theme-classic tbody tr:last-child{display:none !important;}
table.vc-table-plugin-theme-classic tbody tr td span.vc_table_content{font-size:13px !important;} .footerwidget-title{
background-color:#000 !important;
padding: 2px 15px !important;
}
.footerwidget.widget_recent_entries li{
margin-left:15px !important;
border-bottom: 1px solid #d3d3d3 !important;
margin: 6px 6px 6px 15px !important;
}
.footerwidget.widget_recent_entries li:last-child{
border-bottom: none !important;
}
.footerwidget-title h3{
color:#fff !important;
}
.border{
border: 1px solid rgb(211, 211, 211);
}
.footerwidget.widget_recent_entries{
margin-bottom: 35px !important;
}
._li{
margin-left: 15px !important;
}
#showbiz_video-caro_1 .showbiz-title, #showbiz_video-caro_1 .showbiz-title a, #showbiz_video-caro_1 .showbiz-title a:visited, #showbiz_video-caro_1 .showbiz-title a:hover{line-height: 16px !important;}
.bg_style{
background-color: rgb(17, 17, 17) !important;
padding: 1px !important;
}
.bg_style h3{
color:#FFFFFF !important;
padding-left:12px !important;
}
#wpcf7-f2705-p2701-o1{
padding-left:12px !important;
} .counterblock .counternumber{
font-family: "Montserrat" !important;
}
.odometer-inside{
font-family: "Montserrat" !important;
}
.white{color: #FFFFFF;} @media (min-width: 768px) and (max-width: 991px) {
.orange_border h3{
font-size: 12px !important;
}
.orange_border p{
font-size: 12px !important;
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.orange_border h3{
font-size: 13px !important;
}
.orange_border p{
font-size: 13px !important;
}
}
@media (min-width: 1281px) {
.orange_border  h3{
font-size: 16px !important;
}
.orange_border p{
font-size: 16px !important;
}
}body.ps-active,body.ps-building,div.ps-active,div.ps-building{background:#fff;overflow:hidden}body.ps-active *,div.ps-active *{-webkit-tap-highlight-color:rgba(255,255,255,0)}body.ps-active :focus,div.ps-active :focus{outline:0}div.ps-document-overlay{background:#fff;position:fixed!important}div.ps-uilayer{background:#fff;cursor:pointer}div.ps-zoom-pan-rotate{background:#fff}div.ps-zoom-pan-rotate *{display:block}div.ps-carousel-item-loading{background-image:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loading.gif);background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:40px auto}div.ps-carousel-item-error{background-color:#000;background-image:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/error.png);background-position:center center;background-repeat:no-repeat}div.ps-caption{background:#fff;border-bottom:1px solid #eee;color:#fff;font-size:13px;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;text-align:center}div.ps-caption *{display:inline}div.ps-caption-bottom{border-top:1px solid #ddd;border-bottom:none;min-height:44px}div.ps-caption-content{color:#333;display:block;font-family:georgia;font-style:italic;padding:13px}div.ps-toolbar{background:#fff;border-top:1px solid #ddd;color:#fff;font-size:13px;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;text-align:center;height:44px;display:table;table-layout:fixed}div.ps-toolbar *{display:block}div.ps-toolbar-top{border-bottom:1px solid #ddd;border-top:none}div.ps-toolbar-close,div.ps-toolbar-next,div.ps-toolbar-play,div.ps-toolbar-previous{color:#000;cursor:pointer;display:block;float:right;width:44px;border-left:1px solid #ddd}div.ps-toolbar div.ps-toolbar-content{font-family:FontAwesome}div.ps-toolbar-close div.ps-toolbar-content:before{content:"\f00d"}div.ps-toolbar-previous div.ps-toolbar-content:before{content:"\f104"}div.ps-toolbar-next div.ps-toolbar-content:before,div.ps-toolbar-next-disabled div.ps-toolbar-content:before,div.ps-toolbar-previous-disabled div.ps-toolbar-content:before{content:"\f105"}div.ps-toolbar-play div.ps-toolbar-content:before{content:"\f04b"}div.ps-toolbar div div.ps-toolbar-content{width:44px;height:44px;margin:0 auto}div.ps-toolbar div div.ps-toolbar-content:before{color:#666;font-family:FontAwesome;height:44px;line-height:44px;margin:0 auto;font-size:21px} div.ps-toolbar div.ps-toolbar-play div.ps-toolbar-content:before { font-size: 16px; } .fotorama__html,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0;margin:0}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__img,.fotorama__oooo{position:absolute!important;top:50%!important;left:50%!important}.fotorama__img{margin:-50% 0 0 -50%;width:100%;height:100%}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap--css3 .fotorama__caption,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__img,.fotorama__wrap--css3 .fotorama__nav__frame,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{-webkit-transition-property:-webkit-transform,width;transition-property:transform,width;-webkit-transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-timing-function:cubic-bezier(0.1,0,.25,1);-webkit-transition-duration:0ms;transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav:after,.fotorama__nav:before,.fotorama__no-select,.fotorama__stage:after,.fotorama__stage:before,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:0;padding:0}.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__wrap *{-moz-box-sizing:content-box;box-sizing:content-box}.fotorama__caption{-moz-box-sizing:border-box;box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:rgba(0,0,0,0)}.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/fotorama@2x.png) no-repeat;background-size:96px 160px}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}.fotorama{min-width:1px;overflow:hidden}.fotorama>*{visibility:hidden}.fotorama.fotorama--noscript>*,.fotorama>.fotorama__wrap{visibility:visible}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__stage__frame--video{background:#000}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:0}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__stage--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__stage--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid}.fotorama__nav__frame.fotorama__active{pointer-events:none;cursor:default}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:6px;height:6px;border:0}.fotorama__dot{border-color:#ddd;background-color:#ddd}.fotorama__active .fotorama__dot{background-color:#666}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:-webkit-linear-gradient(top left,rgba(255,255,255,1),rgba(255,255,255,.2));background-image:linear-gradient(to bottom right,rgba(255,255,255,1),rgba(255,255,255,.2))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;max-width:100%;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000;background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__oooo{width:6px;height:6px;margin-left:-8px;margin-top:-3px}.fotorama__oooo:after,.fotorama__oooo:before{content:'';position:absolute;left:0;top:0;width:6px;height:6px;border-radius:6px;background-color:#bfbfbf;background-color:rgba(127,127,127,.5)}.fotorama__oooo:before{left:-10px}.fotorama__oooo .fotorama__oooo{margin-left:17px}.fotorama__oooo--1:before,.fotorama__oooo--2:after,.fotorama__oooo--3 .fotorama__oooo:before,.fotorama__oooo--4 .fotorama__oooo:after{background-color:#7f7f7f}.fotorama__wrap--css3 .fotorama__caption,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__img,.fotorama__wrap--css3 .fotorama__nav__frame,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__frame,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{-webkit-backface-visibility:hidden}.fotorama__wrap--css3 .fotorama__caption,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__img,.fotorama__wrap--css3.fotorama__wrap--fade .fotorama__stage__frame{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.3s;transition-duration:.3s}.fotorama__select{cursor:auto}.fotorama__video{right:0;bottom:0;left:0;top:32px;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{display:block;position:absolute;z-index:11;cursor:pointer}.fotorama__video-close,.fotorama__video-play{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__arr{width:48px;height:100%;top:0;bottom:0}.fotorama__arr__arr{position:absolute;width:32px;height:32px;left:50%;top:50%;margin-left:-7px;margin-top:-16px;font-family:FontAwesome;font-size:70px;color:#fff}.fotorama__arr--prev{left:20px}.fotorama__arr--prev .fotorama__arr__arr:before{content:"\f104";position:absolute;top:-1px}.fotorama__arr--next{right:20px}.fotorama__arr--next .fotorama__arr__arr:before{content:"\f105";position:absolute;top:-1px}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;filter:alpha(opacity=0);opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:0;right:0;background-position:0 -32px;z-index:20}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;background-position:-64px -32px;-ms-filter:"alpha(Opacity=100)"!important;filter:alpha(opacity=100)!important;opacity:1!important}.fotorama__video-close{width:32px;height:32px;top:-32px;right:-32px;background-position:-64px 0;z-index:20}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;z-index:11}.fotorama__wrap--no-controls .fotorama__arr,.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{-ms-filter:"alpha(Opacity=0)"!important;filter:alpha(opacity=0)!important;opacity:0!important}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__fullscreen-icon,.fotorama__wrap--video .fotorama__fullscreen-icon{top:-32px;right:-32px}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--prev,.fotorama__wrap--video .fotorama__arr--prev{left:-48px}.fotorama__wrap--slide.fotorama__wrap--no-controls .fotorama__arr--next,.fotorama__wrap--video .fotorama__arr--next{right:-48px}.fotorama__wrap--video .fotorama__stage .fotorama__video-play{-ms-filter:"alpha(Opacity=0)"!important;filter:alpha(opacity=0)!important;opacity:0!important;z-index:-1}.fotorama__wrap--video .fotorama__video-close{top:0;right:0;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transition-property:top,right,left,opacity;transition-property:top,right,left,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),-webkit-radial-gradient(0 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),-webkit-radial-gradient(100% 50%,farthest-side,rgba(0,0,0,.4),transparent);background-image:linear-gradient(transparent,rgba(0,0,0,.2)25%,rgba(0,0,0,.3)75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} .jspContainer{overflow:hidden;position:relative}.jspScrollable{outline:0}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:5px;height:100%;background:#222}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspHorizontalBar *,.jspVerticalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#ddd;position:relative}.jspDrag{background:#333;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:502;overflow:hidden;position:fixed;background:#fff;opacity:.9;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:504}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:42px;line-height:44px;position:fixed;right:0;top:0;text-decoration:none;text-align:center;opacity:.5;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:36px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#000;text-align:right;padding-right:6px;padding-left:10px;width:auto}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{cursor:pointer}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{height:85px;margin:-55px 0 0;opacity:.4;padding:0;position:absolute;top:50%;width:60px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-left:20px}.mfp-arrow-left{left:0}.mfp-arrow-right{right:0}.mfp-arrow-left,.mfp-arrow-right{font-family:FontAwesome;color:rgba(68,68,68,.8);font-size:60px}.mfp-arrow-left:before{content:"\f104"}.mfp-arrow-right:before{content:"\f105"}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:1200px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe,.mfp-iframe-scaler video{position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-iframe-holder .mfp-close{top:0}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1}.mfp-figure{line-height:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;display:none}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.95}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-inline-holder .mfp-content{max-width:1200px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@media all and (max-width:800px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} .sl-slider-wrapper{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;display:none}.sl-slider{position:absolute;top:0;left:0}.sl-slide,.sl-slide-inner,.sl-slides-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.sl-slide{z-index:1}.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1}.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0%) scale(1);-moz-transform:translateY(0%) scale(1);-o-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0}.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0 200px 200px}.sl-slide-vertical .sl-content-slice{width:50%;height:100%;top:-200px;-webkit-transform:translateX(0%) scale(1);-moz-transform:translateX(0%) scale(1);-o-transform:translateX(0%) scale(1);-ms-transform:translateX(0%) scale(1);transform:translateX(0%) scale(1)}.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0 200px 200px}.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0}.sl-content-wrapper{position:absolute}.sl-content{width:100%;height:100%;background:#fff}.sl-slide-horizontal .sl-slide-inner{background:#ddd}.sl-slide-vertical .sl-slide-inner{background:#ccc}.splitslider .sl-slider-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.nav-arrows span{z-index:5;cursor:pointer;cursor:pointer;display:block;height:46px;width:46px;margin-top:-23px;position:absolute;top:50%;font-size:70px;line-height:46px;font-family:FontAwesome;color:rgba(255,255,255,.7);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;opacity:1}.splitslider:hover .nav-arrows span.nav-arrow-prev{left:10px}.splitslider:hover .nav-arrows span.nav-arrow-next{right:10px}.nav-arrows span.nav-arrow-prev{left:-50px;text-align:center}.nav-arrows span.nav-arrow-next{right:-50px}.nav-arrows span.nav-arrow-prev:before{content:"\f104";position:absolute;top:-1px}.nav-arrows span.nav-arrow-next:before{content:"\f105";position:absolute;top:-1px}.nav-dots{text-align:center;position:absolute;bottom:2%;height:30px;width:100%;left:0;z-index:9}.nav-dots span{display:inline-block;position:relative;width:16px;height:16px;border-radius:50%;margin:3px;background:#ddd;background:rgba(0,0,0,.65);cursor:pointer}.nav-dots span.nav-dot-current:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:rgba(255,255,255,.65)}.tile-wrapper{border:1px solid #FFF;height:350px;left:50%;margin-left:-175px;margin-top:-175px;position:absolute;top:50%;width:350px}.slider-content{background:none repeat scroll 0 0 rgba(255,255,255,.8);bottom:10px;left:10px;position:absolute;right:10px;text-align:center;top:10px;-webkit-transition:all .2s;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slider-content:hover{background:none repeat scroll 0 0 rgba(255,255,255,.9)}.tile-wrapper i{color:#000;display:block;font-size:34px;margin-bottom:20px;margin-top:71px}.tile-wrapper h2{color:#000;font-size:18px;font-style:normal;letter-spacing:5px;line-height:1.5;margin:0 auto;max-width:300px;text-transform:uppercase;font-weight:700}.sl-line{border-bottom:1px solid #999;display:block;margin:30px auto;width:100px;color:#000}.slider-content>p{color:#666;margin:0 auto;max-width:200px}.bg-img{-moz-box-sizing:content-box;background-position:center center;background-size:cover;position:absolute;height:100%;width:100%}.bg-overlay{background:rgba(0,0,0,.3);position:absolute;height:100%;width:100%}.sl-trans-elems i{-webkit-animation:fadeIn 1s ease-in-out both;-moz-animation:fadeIn 1s ease-in-out both;-o-animation:fadeIn 1s ease-in-out both;-ms-animation:fadeIn 1s ease-in-out both;animation:fadeIn 1s ease-in-out both}.sl-trans-elems .sl-line,.sl-trans-elems h2{-webkit-animation:fadeIn .5s ease-in-out .3s both;-moz-animation:fadeIn .5s ease-in-out .3s both;-o-animation:fadeIn .5s ease-in-out .3s both;-ms-animation:fadeIn .5s ease-in-out .3s both;animation:fadeIn .5s ease-in-out .3s both}.sl-trans-elems p{-webkit-animation:fadeIn .5s ease-in-out .6s both;-moz-animation:fadeIn .5s ease-in-out .6s both;-o-animation:fadeIn .5s ease-in-out .6s both;-ms-animation:fadeIn .5s ease-in-out .6s both;animation:fadeIn .5s ease-in-out .6s both}.slidewrapper{margin-top:-100px;position:absolute;text-align:center;top:50%;width:100%}.slidewrapcontainer{margin:0 auto;max-width:1140px}.leftpos .slidewrappos{text-align:left;width:550px}.rightpos .slidewrappos{text-align:left;width:550px;float:right}.slidewrapper .text1,.slidewrapper .text2,.slidewrapper .text3{position:relative}.sl-trans-elems .slidewrapper .text1{-webkit-animation:fadeIn 1s ease-in-out both;-moz-animation:fadeIn 1s ease-in-out both;-o-animation:fadeIn 1s ease-in-out both;-ms-animation:fadeIn 1s ease-in-out both;animation:fadeIn 1s ease-in-out both}.sl-trans-elems .slidewrapper .text2{-webkit-animation:fadeIn .5s ease-in-out .3s both;-moz-animation:fadeIn .5s ease-in-out .3s both;-o-animation:fadeIn .5s ease-in-out .3s both;-ms-animation:fadeIn .5s ease-in-out .3s both;animation:fadeIn .5s ease-in-out .3s both}.sl-trans-elems .slidewrapper .text3{-webkit-animation:fadeIn .5s ease-in-out .6s both;-moz-animation:fadeIn .5s ease-in-out .6s both;-o-animation:fadeIn .5s ease-in-out .6s both;-ms-animation:fadeIn .5s ease-in-out .6s both;animation:fadeIn .5s ease-in-out .6s both}@media screen and (max-width:660px){.tile-wrapper{margin-left:-150px;margin-top:-150px;width:300px;height:300px}.tile-wrapper i{margin-top:45px}.nav-arrows span{width:28px}.nav-arrows span.nav-arrow-next,.nav-arrows span.nav-arrow-prev{font-size:45px}.splitslider:hover .nav-arrows span.nav-arrow-prev{left:0}.splitslider:hover .nav-arrows span.nav-arrow-next{right:0}} .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;position:relative;*display:inline}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;visibility:hidden;*display:inline}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:"Helvetica Neue",sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center} html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/swipebox/loader.gif) no-repeat center center;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1200px;max-height:100%;width:100%;padding:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px)}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{background-image:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-prev{background-position:-32px 13px;right:100px}#swipebox-action #swipebox-next{background-position:-78px 13px;right:40px}#swipebox-action #swipebox-close{background-position:15px 12px;left:40px}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{opacity:.3}#swipebox-caption{top:-50px;text-align:center}#swipebox-caption.visible-bars{-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}#swipebox-slider.rightSpring{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}#swipebox-slider.leftSpring{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@media screen and (max-width:800px){#swipebox-action #swipebox-close{left:0}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:#0d0d0d}#swipebox-action,#swipebox-caption{text-shadow:1px 1px 1px #000;background-color:#0d0d0d;background-color:#0d0d0d;background-image:-webkit-gradient(linear,left top,left bottom,from(#0d0d0d),to(#000));background-image:-webkit-linear-gradient(top,#0d0d0d,#000);background-image:linear-gradient(to bottom,#0d0d0d,#000);opacity:.95}#swipebox-action{border-top:1px solid rgba(255,255,255,.2)}#swipebox-caption{border-bottom:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif} #nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:2000;top:0;left:0;width:100%;height:4px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{background:rgba(255,255,255,.5);display:block;padding:10px;position:fixed;right:10px;top:10px;border-radius:100%;z-index:1999}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative}.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-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:40px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/AjaxLoader.gif) no-repeat center center}html,
button,
input,
select,
textarea,
.noswitch {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin: 1em 0;
padding: 0;
}
hr.doubleline { border-top: 3px double #ddd; }
hr.shorthr{ width: 20%; margin: 0 0 1.5em; }
.doublemargin { margin: 2em 0; } img {
vertical-align: middle;
max-width: 100%;
} fieldset {
border: 0;
margin: 0;
padding: 0;
} textarea {
resize: vertical;
} .chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} input:not([type=submit]):not([type=file]), textarea {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input, textarea, select, .uneditable-input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #777;
display: inline-block;
font-size: 13px;
line-height: 18px;
margin-bottom: 9px;
padding: 5px;
width: 100%;
height: 26px;
}
select {
height: 37px;
padding-top: 7px;
}
input[type="checkbox"] {
margin-right: 12px;
position: relative;
top: 8px;
}
input[type="submit"], button {
border: 1px solid #AAAAAA;
color: #666666;
height: auto;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
padding: 12px 24px;
text-transform: uppercase;
width: auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}
textarea {
height: auto;
}
input:focus, input[type="submit"]:focus, button:focus, textarea:focus, select:focus {outline:0 none;}
body {
font-size: 15px;
font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
font-weight: 300;
line-height: 1.8em;
color:#555;
background-color: #EEEEEE;
}
body.page-landing {
background: #FFFFFF;
}
a {
text-decoration: none;
color: #cd9a66;
outline: none;
}
a:hover {
color: #333;
}
h1 , h2 , h3 , h4 , h5 , h6 {
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
word-spacing: 1px;
color: #555;
}
h4 , h5 , h6 {
letter-spacing: 1px;
}
.responsiveheader {
background-color: #FFFFFF;
position: fixed;
width: 100%;
z-index: 20;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
display: none;
}
.responsiveheader-wrapper {
position: relative;
width: 100%;
height: 58px;
display: none;
}
.responsiveheader .logo {
padding: 15px 0;
text-align: center;
}
.responsiveheader .navleft, .responsiveheader .navright {
display: block;
height: 100%;
padding: 0 20px;
position: absolute;
text-align: center;
left: 0;
cursor: pointer;
width: 26px;
}
.responsiveheader .navright {
left: inherit;
right: 0;
top: 0;
}
.responsiveheader .navleftinner, .responsiveheader .navrightinner {
position: absolute;
top: 50%;
}
.responsiveheader .navleftwrapper, .responsiveheader .navrightwrapper {
display: block;
margin-top: -50%;
position: relative;
}
.responsiveheader .iconlist:before {
content: "\f0c9";
font-family: "FontAwesome";
font-size: 20px;
line-height: 100%;
}
.responsiveheader .navright .iconlist:before {
content: "\f002";
}
.mobilesearch {
background: white;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden;
}
.mobilesearch form {
height: 100%;
margin: 0;
}
.mobilesearch input {
border: medium none;
height: 100%;
padding-left: 20px;
width: 100%;
font-size: 18px;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
}
.mobilesearch input::-moz-placeholder { font-style: italic; }
.mobilesearch input::-webkit-input-placeholder { font-style: italic; }
.mobilesearch .closemobilesearch {
cursor: pointer;
display: block;
font-size: 20px;
height: 100%;
line-height: 100%;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
z-index: 20;
}
.mobilesearch .closemobilesearch {
cursor: pointer;
display: block;
font-size: 24px;
height: 100%;
position: absolute;
top: 0;
z-index: 20;
}
.closemobilesearch span {
line-height: 100%;
margin-top: -9px;
position: absolute;
top: 50%;
right: 15px;
}
.mobile-float {
background: #333333;
height: 9999px;
position: absolute;
top: 0;
width: 270px;
z-index: -1;
}
#rightsidecontainer {
position : absolute;
width: 100%;
height: 100%;
}
.jviewport {
height: 100%;
position: absolute;
width: 100%;
}
.jviewport.overflowhide {
overflow: hidden;
}
html.blackout, body.blackout {
background: #000;
}
.landingpage #rightsidecontainer, .landingpage .jviewport {
position: inherit;
}
.contentholder {
margin-left: 200px;
overflow: hidden;
}
.mobile-menu { display: none; }
.contentoverflow {
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
cursor: pointer;
z-index: 10;
}
#leftsidebar {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 200px;
height: 100%;
z-index: 202;
outline: none;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
}
.headermenu {
border-bottom: 1px solid #222;
background: #222;
color: #CCCCCC;
left: 0;
min-height: 42px;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
.headermenu.fademe:hover {
opacity: 1;
}
.headermenu .toplink {
float: right;
font-weight: normal;
}
.headermenu .toplink ul {
margin: 0;
padding: 0;
}
.headermenu .toplink li {
float: left;
list-style: none;
padding: 0 15px;
position: relative;
}
.headermenu .toplink li > a {
color: #ababab;
font-size: 12px;
height: 42px;
line-height: 42px;
display: inline-block;
outline: none;
}
.headermenu .toplink li.active , .headermenu .toplink li.active > a {
background: #EEEEEE;
color: #666666;
}
.headermenu .toplink .separator:after {
content: "|";
font-size: 11.5px;
font-weight: bold;
}
.headermenu .toplink .separator {
padding: 0;
margin-right: -2px;
}
.toplink ul > li > a:before , .topnavigationwoo .topcart > a:before, .topnavigationwoo .toplogin > a:before{
margin-right: 10px;
padding-left: 0px;
font-style: normal;
font-size: 13px;
}
.topaccount > a > img {
border-radius: 10px 10px 10px 10px;
height: 17px;
margin-right: 8px;
position: relative;
top: -2px;
width: 17px;
}
.topnavigationwoo .topaccount > a > img {
top: 0;
}
.toplink .toplogin > a:before, .topnavigationwoo .toplogin > a:before { font-family: 'FontAwesome'; content: "\f023"; color: #757575; }
.toplink .topcart > a:before, .topnavigationwoo .topcart > a:before { font-family: 'FontAwesome'; content: "\f07a"; } .active .accountdrop {
display: block;
}
.accountdrop {
background:  #FFFFFF;
position: absolute;
width: 220px;
display: none;
margin-left: -108px;
z-index: 5;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.headermenu .toplink .accountdrop li {
border-bottom: 1px solid #eee;
float: none;
line-height: 1.5;
margin: 0;
padding: 0 20px;
text-align: right;
}
.headermenu .toplink .accountdrop li:hover {
background: #eee;
}
.headermenu .toplink .accountdrop li:hover a {
color: #222;
}
.headermenu .toplink .accountdrop li a {
color: #555555;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
display: block;
}
.active .topcartcontent {
display: block;
}
.headermenu .topcartcontent {
margin-left: 0;
right: 0;
}
.topcartcontent {
display: none;
background: #FFFFFF;
position: absolute;
width: 300px;
margin-left: -175px;
padding: 10px 25px;
z-index: 5;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.normalizeposition {
margin-left: auto;
right: 0;
}
.topcartheader {
font-size: 15px;
letter-spacing: 2px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.topcarthr {
border: none;
border-bottom: 1px solid #ccc;
margin: 0;
}
.topcartlist_product {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.topcartlist_product:last-child {
border-bottom: none;
}
.topcartlist_image {
float: left;
}
.topcart_desc {
float: left;
margin-left: 10px;
width: 150px;
}
.topcart_price {
float: left;
width: 70px;
text-align: right;
}
.topcart_desc strong, .topcart_desc a:hover strong {
display: block;
font-weight: bold;
font-style: normal;
color: #666;
line-height: 1.6;
}
.topcart_desc > span {
color: #888888;
font-size: 11px;
font-style: italic;
display: block;
line-height: 22px;
}
.topcart_subtotal {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: bold;
font-size: 15px;
line-height: 50px;
margin-bottom: 12px;
}
.topcart_subtotal > strong {
float: right;
}
.topcart_button {
margin-bottom: 10px;
}
.topcart_product_remove {
font-size: 11px;
margin-right: 5px;
text-align: right;
cursor: pointer;
}
.toplink li a.topcart_btn, .topnavigationwoo li a.topcart_btn {
background:  #FFFFFF;
border: 1px solid #aaa;
display: inline-block;
line-height: 30px;
text-align: center;
width: 139px;
color: #666;
}
.toplink li a.topcart_btn:hover , .topnavigationwoo li a.topcart_btn:hover {
color: #333;
}
.toplink li a.topcart_btn.viewcart, .topnavigationwoo li a.topcart_btn {
margin-right: 5px;
font-style: italic;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
}
.headermenu .searchheader {
color: #ABABAB;
cursor: pointer;
float: right;
font-size: 16px;
line-height: 40px;
padding: 0 24px 0 12px;
}
.headermenu .searchcontent {
background: white;
height: 42px;
position: absolute;
top: -44px;
width: 100%;
overflow: hidden;
border-bottom: 1px solid #ddd;
z-index: 2;
-webkit-transition: all 0.2s ;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.headermenu .searchcontent input {
background: transparent;
border: none;
height: 42px;
margin-left: 270px;
width: 80%;
outline: none;
font-size: 18px;
padding: 0 20px;
font-family: 'Playfair Display', Georgia, serif;
}
.headermenu .searchcontent input::-moz-placeholder { font-style: italic; }
.headermenu .searchcontent input::-webkit-input-placeholder { font-style: italic; }
.closesearch {
cursor: pointer;
line-height: 42px;
margin-right: 22px;
position: absolute;
right: 0;
top: 0;
color: #000;
}
.opensearch .headermenu .searchcontent {
top: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.withheadermenu .content {
}
.content {
position: relative;
}
.leftfooter {
background: white;
bottom: 0;
position: absolute;
width: 100%;
} .horizontalnav .headermenu, .horizontalnav #leftsidebar  {
display: none;
}
.horizontalnav .contentheaderspace,
.horizontalnav .topnavigation,
.navcontent li {
height: 60px;
line-height: 60px;
}
.horizontalnav .contentfooterspace {
height: 40px;
}
.horizontalnav .contentholder {
margin-left: 0;
}
.topnavigation {
display: none;
}
.navigationcontainer {
width: 1200px;
margin: 0 auto;
}
.navigationcontainer .topsearchwrapper  {
width: 1200px;
}
.horizontalnav .topnavigation {
top: 0;
left: 0;
width: 100%;
display: block;
position: fixed;
background: white;
z-index: 202;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.topnavigation .logo {
float: left;
padding: 0;
padding-left: 20px;
text-align: left;
}
.topnavigation .logo img {position: absolute;}
.topnavigation .sectioncontainer .logo {
padding-left: 0px;
} .horizontalnav .topnavigation {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.topnavigation .logo img,
.topnavigation .footsocial, .topnavigation .topnavigationwoo, .topnavsmaller .navcontent > ul > li, .topsearchwrapper input,
.topsearchwrapper .closesearch, .topnavigationsearch {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.topnavsmall.topnavigation .logo img {
position: relative;
margin: 0 !important;
width: auto !important;
height: 25px !important;
max-height: 25px;
}
.topnavsmall.topnavigation .footsocial, .topnavsmall.topnavigation .topnavigationwoo, .topnavsmall .topsearchwrapper input {
line-height: 50px;
height: 50px;
}
.topnavsmall .topsearchwrapper .closesearch, .horizontalnav .topnavsmall.topnavigation, .topnavsmall .navcontent > ul > li, .topnavsmall .topnavigationsearch,
.topnavsmall.topnavigation .logo {
line-height: 50px;
}
.topnavsmall .topsearchwrapper, .horizontalnav .topnavsmall.topnavigation, .topnavsmall .navcontent li, .topnavsmall .topnavigationsearch,
.topnavsmall .topwrapperbottom {
height: 50px;
}
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .logo_link,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.nav_search_box,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > span,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i {
line-height: 50px;
height: 50px;
} .topnavtwoline .topnavsmall.topnavigation .footsocial, .topnavtwoline .topnavsmall.topnavigation .topnavigationwoo {
line-height: 40px;
height: 40px;
}
.topnavtwoline .topnavsmall.topnavigation {
height: 91px;
} .topnavigationsearch {
float: right;
font-size: 15px;
line-height: 60px;
padding: 0 20px 0 10px;
cursor: pointer;
}
.topsearchwrapper {
background: #FFFFFF;
height: 60px;
position: absolute;
width: 100%;
display: none;
}
.topsearchwrapper input {
border:  none;
box-shadow: none !important;
font-size: 18px;
height: 60px;
line-height: 60px;
margin: 0;
padding: 0 0 0 20px;
display: block;
font-family: 'Playfair Display', Georgia, serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.topsearchwrapper input::-moz-placeholder { font-style: italic; }
.topsearchwrapper input::-webkit-input-placeholder { font-style: italic; }
.topsearchwrapper .closesearch {
font-size: 15px;
line-height: 60px;
} .navcontent {
float: right;
}
.sectioncontainer .navcontent {
margin-right: 0;
}
.navcontent > ul {
margin: 0;
padding: 0;
}
.navcontent li {
float: left;
list-style: none outside none;
position: relative;
}
.navcontent > ul > li, .navcontent > ul > li.hovered > a {
position: relative;
-webkit-transition: ease color 0.5s;
-moz-transition: ease color 0.5s;
transition: ease color 0.5s;
outline: none;
}
.navcontent > ul > li.hovered {
background-color: #222;
color: #fff;
}
.navcontent > ul > li.hovered > a { color: #fbfbfb }
.navcontent a, .topnavigationwoo .accountdrop li a {
color: #444;
display: block;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
}
.navcontent .childmenu {
background: #FFFFFF;
border-radius: 0 0 2px 2px;
margin: 0;
padding: 0;
position: absolute;
width: 200px;
margin-top: -1px;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.navcontent .childmenu > li, .topnavigationwoo .accountdrop li {
border-top: 1px solid #efefef;
float: none;
height: auto;
line-height: 25px;
padding: 10px 0;
}
.navcontent .childmenu > li a {
color: #555;
}
.navcontent .childmenu > li:hover {
background: #f9f9f9;
}
.navcontent .childmenu {
display: none;
} .navcontent > ul > li > ul.childmenu > li > ul.childmenu {
background: none repeat scroll 0 0 #FFFFFF;
left: 200px;
top: -2px;
}
.navcontent > ul > li > ul.childmenu > li > ul.childmenu.goright {
right: 200px;
left: auto;
}
.navcontent .childmenu .arrow:after {
font-family: "FontAwesome";
content: "\f107";
font-style: normal;
margin-left: 10px;
}
.navcontent .childmenu .arrow {
position: absolute;
right: 20px;
}
.navcontent .childmenu > li:last-child,
.accountdrop, .accountdrop ul > li:last-child,
.topcartcontent {
border-bottom: 0 !important;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
.footercontent {
background: #FFFFFF;
bottom: 0;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
height: 40px;
position: fixed;
width: 100%;
z-index: 100;
display: none;
}
.horizontalnav .footercontent {
display: block;
}
.horizontalnav .fs-container {
margin-top: 60px;
}
.horizontalnav .kennav {
top: 20px;
}
.horizontalnav .blog-masonry-wrapper {
}
.horizontalnav .fullbgwrapper {
margin-left: 0;
}
.horizontalnav .halfwidth .mainpage {
margin-bottom: 0px;
}
.horizontalnav .blog-normal-wrapper {
padding-top: 60px;
}
.topnavigation .footsocial, .topnavigation .topnavigationwoo, .horizontalnav .langwrapper {
clear: none;
float: right;
line-height: 60px;
padding-left: 10px;
padding-right: 10px;
border: none;
position: relative;
}
.horizontalnav .langwrapper ul {
padding: 0;
margin: 0;
}
.horizontalnav .langwrapper ul li {
list-style: none;
float: left;
}
.horizontalnav .langwrapper i {
background-repeat: no-repeat;
display: block;
height: 20px;
width: 18px;
}
.horizontalnav .langwrapper .text-social {
display: none;
}
.horizontalnav .langwrapper i {
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100%;
width: 35px;
}
.topnavigation .footsocial a {
border: 1px solid transparent;
font-size: 14px;
}
.horizontalnav .bigloader {
margin-left: -30px;
}
.horizontalnav .filterfloat {
display: block;
left: auto;
top: 60px;
margin-top: 20px;
}
.horizontalnav .pagewrapper {
padding-top: 20px;
}
.horizontalnav .topnavigationwoo > ul:before, .horizontalnav .footsocial > ul:before,  .horizontalnav .langwrapper > ul:before {
background: #E6E6E6;
content: "";
height: 22px;
position: absolute;
left: 0;
top: 50%;
width: 1px;
margin-top: -10px;
} .horizontalnav .portfolionavbar {
background: transparent;
border: none;
right: 20px;
top: 60px;
width: auto;
margin-top: 20px;
}
.horizontalnav .portfolionavtitle {text-indent: -9999em}
.horizontalnav .portfolionavlist > ul {
padding: 0;
}
.horizontalnav .portfolionavlist li {
background:  #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.horizontalnav .portfolionavlist li, .horizontalnav .portfolionavlist li > a {
height: 40px;
width: 40px;
}
.horizontalnav .portfolionavlist .navicon {
line-height: 40px;
font-size: 20px;
}
.horizontalnav .portfoliolove .navicon {
position: relative;
top: -2px;
}
.horizontalnav .portfoliolove .navicon:before {
font-size: 12px;
}
.horizontalnav .portfolionavlist .portfoliolove .navicon:before { top: 1px; }
.horizontalnav .portfolionavlist .portfolioprev .navicon:before {  }
.horizontalnav .portfolionavlist .portfolionext .navicon:before {  }
.horizontalnav .portfolionavlist .portfolioinfo .navicon:before { font-size: 17px; }
.horizontalnav .portfolionavlist .portfolioclose .navicon:before {  } .post-header {background: #f9f9f9;}
.post-header-inner {padding: 10px 0; position: relative;}
.post-header .post-title {width: 100%; text-align: center;}
.post-header .post-title h1 {font-size:24px; margin: 0.67em 10%;}
.post-header .post-nav {list-style: none; position: absolute; display: inline-block; width: 100%; top: 50%; margin: -16px 0 0; padding: 0;}
.post-header .post-nav a {display: inline-block; font-size: 32px; color: #555}
.post-nav-list {float: left;}
.post-nav-controls { float: right; width: 64px; }
.post-nav-controls a { width: 32px; text-align: center; }
.post-nav .prev-link { float: left; }
.post-nav .next-link { float: right; } .topnavigationwoo ul {
margin: 0;
padding: 0;
}
.topnavigationwoo li {
float: left;
list-style: none outside none;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.topnavigationwoo .topaccount span, .topnavigationwoo .topcart a {
color: #444444;
font-size: 11px;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.topnavigationwoo .topaccount > a {
display: block;
}
.topnavigation .topnavigationwoo {
line-height: 58px;
}
.topnavigation .topnavigationwoo .topcartcontent {
border-top: 1px solid #efefef;
margin-top: -2px;
}
.topnavigation .topnavigationwoo .topcart .topemptycart {
line-height: 50px;
}
.topnavigation .topnavigationwoo .topcartcontent {
line-height: normal;
}  .leftfooterwrapper {
padding-top: 25px;
}
.footlink, #leftsidebar .langwrapper {
text-align: center;
padding: 0 20px;
}
.footlink li, #leftsidebar .langwrapper li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.footlink li a, #leftsidebar .langwrapper li a {
font-family: 'Playfair Display',Georgia,serif;
font-size: 13px;
font-style: italic;
}
.footlink ul, #leftsidebar .langwrapper ul {
margin-bottom: 20px;
margin-top: 0;
padding: 0;
}
.footlink .separator, #leftsidebar .langwrapper .separator {
position: relative;
top: -2px;
margin-right: 8px;
}
.footlink .separator:after, #leftsidebar .langwrapper .separator:after {
content: "|";
font-size: 11px;
}
.footlink .separator:last-child, #leftsidebar .langwrapper .separator:last-child {
display: none;
} .footsocial {
text-align: center;
clear: both;
margin-bottom: 10px;
}
.footsocial ul {
margin: 0;
padding: 0;
}
.footsocial a {
border: 1px solid #000000;
color: #000000;
display: block;
font-size: 11px;
line-height: 22px;
margin: 0 5px;
min-width: 20px;
padding: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-property: color, border-color;
-moz-transition-property: color, border-color;
-ms-transition-property: color, border-color;
-o-transition-property: color, border-color;
transition-property: color, border-color;
}
.footsocial a:hover {
color: #666666;
border: 1px solid #666666;
cursor: pointer;
}
.footsocial li {
display: inline-block;
list-style: none;
}
.footcopy {
font-size: 11px;
font-style: italic;
margin: 20px;
text-align: center;
clear: both;
font-family: 'Playfair Display',Georgia,serif;
}
.logo {
padding: 45px 0 30px;
text-align: center;
}
.logo > a {
display: block;
}
.mainnavigation {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.mainnavigation .arrow:after {
font-family: "FontAwesome";
content: "\f107";
font-style: normal;
}
.mainnav {
margin: 0;
padding: 0;
}
.mainnav > li {
list-style: none;
text-align: center;
overflow: hidden;
}
.mainnav > li > a > h2 {
color: #333333;
display: inline-block;
font-style: normal;
letter-spacing: 1px;
line-height: 40px;
margin: 0;
position: relative;
text-transform: uppercase;
padding: 0 10px;
font-family: 'Open Sans', "helvetica neue", "arial", sans-serif;
}
.mainnav > li > a > h2:after {
background: #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
}
.mainnav > li:last-child > a > h2:after {
background: none;
}
.mainnav > li > a {
display: block;
outline: none;  
}
.mainnav  li.active > a > h2, .mainnav  li:hover > a > h2, .menudown > a > h2,
.mainnav li[class^="current"] > a > h2,
.mainnav li[class*="current_"] > a > h2,
.menu-top-navigation li[class^="current"] > a > h2,
.menu-top-navigation li[class*="current_"] > a > h2,
li.current-menu-parent > a > h2 {
color: #cd9a66;
}
li.current-menu-parent > a,
li.current-menu-ancestor > a,
li.current_page_item > a {
color: #cd9a66;
} .mainnav .childmenu {
margin: 20px 0 15px;
padding: 0;
display: none;
}
.mainnav .childmenu .childmenu {
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
margin: 30px 0 20px;
}
.mainnav .childmenu .childmenu h2 {
font-style: italic;
text-transform: none;
font-family: "Playfair Display", "Georgia", serif;
}
.mainnav .childmenu .childmenu li:last-child h2:after {
background: none;
}
.mainnav .childmenu a {
display: block;
}
.mainnav .childmenu li {
list-style: none;
}
.mainnav h2 {
font-size: 15px;
font-weight:500 !important;
}
.mainnav .childmenu h2 {
display: inline;
font-weight: normal;
line-height: 35px;
margin: 0;
padding: 0;
position: relative;
padding: 0 10px;
letter-spacing: 0;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
}
.mainnav .childmenu h2:after {
background:  #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 24px;
width: 100%;
}
.mainnav .childmenu li:first-child {
padding-top: 5px;
}
.mainnav .childmenu li:last-child {
padding-bottom: 5px;
}
.mainnav .childmenu .menudown > a > h2:after {
background: none;
} .additionalblock {
padding: 20px 40px;
text-align: center;
border-top: 1px solid #eee;
}
.additionalblock form {
margin: 0;
}
.additionalblock:last-child{
border-bottom: 1px solid #eee;
}
.additionalblock i {
text-align: center;
display: block;
font-size: 20px;
}
.additionalblock h3 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
margin-bottom: 11px;
margin-top: 7px;
}
.additionalblock .line {
height: 1px;
background: #eee;
width: 150px;
margin: 0 auto 15px;
display: block;
}
.additionalblock input[type="text"] {
text-align: center;
width: 180px;
border: 1px solid #ccc;
line-height: 23px;
height: 23px;
font-style: italic;
font-size: 12px;
}
.additionalblock p {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 12px;
line-height: 24px;
margin-top: 20px;
} .fs-container, .fs-overflow {
overflow: hidden;
}
.fs-overflow .contentholder {
height: 100%;
}
.fs-overflow .content, .fs-container {
height: 100%;
width: 100%;
}
.fs-container {
background: transparent;
margin-top: 43px;
}
.fs-container.portfolio-protected {margin-top: 0}
.fs-container, .headingparallax, .parallaxslider, .parallaxslider .sliderContainer {
z-index: 10;
}
.slideshowgallery {
width: 100%;
height: 100%;
}
.slideshowgallery > a {
display: none;
}
.slideshowgallery .fotorama__wrap > .fotorama__nav-wrap {
border-top: 1px solid #DDDDDD;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.33);
}
.slideshowgallery .fotorama__stage img {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.20) !important;
}
.fotorama__dot {width: 10px; height: 10px;}
.fotorama__nav__frame.fotorama__active .fotorama__dot {width: 12px; height: 12px;} .sidebarcollapse #leftsidebar {
left: -210px;
}
.sidebarcollapse .lefttop , .sidebarcollapse .leftfooter {
display: none;
width: 100% !important;
}
.sidebarcollapse .contentholder {
margin-left: 60px;
}
.sidebarcollapse .topleftmenu {
margin-left: 60px;
}
.sidebarcollapse .headermenu .searchcontent input {
margin-left: 60px;
}
.csbwrapper {
height: 100%;
position: absolute;
right: 0;
width: 60px;
display: none;
cursor: pointer;
}
.sidebarcollapse .csbwrapper {
display: block;
}
.csbfooter, .cbsheader {
position: absolute;
text-align: center;
width: 100%;
}
.csbfooter {
bottom: 0;
}
.cbsheader {
top: 0;
}
.cbsheader .csbhicon {
margin-top: 20px;
}
.cbsheader .csbhicon:before {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 25px;
}
.csbfooter ul {
list-style: none;
padding: 0;
}
.csbfooter ul {
margin: 0 0 22px 0;
}
.csbfooter li {
margin: 0 0 10px 0;
}
.csbfooter li a {
border: 1px solid #000000;
color: #000000;
display: inline-block;
font-size: 12px;
line-height: 25px;
padding: 0;
text-align: center;
width: 24px;
}
.sidebarcollapse .bigloader {
margin-left: -30px;
} .noheadermenu .headermenu, .noheadermenu .contentheaderspace {
display: none;
}
.noheadermenu .blog-normal-wrapper {
padding-top: 0;
}
.noheadermenu .fs-container {
margin-top: 0;
}
.noheadermenu  .blog-masonry-wrapper {
}
.noheadermenu .filterfloat  {
display: block;
}
.filterfloat {
display: none;
position: fixed;
z-index: 20;
top: 10px;
right: 20px;
}
.sidebarcollapse .filterfloat {
left: 70px;
right: auto;
}
.filterfloatbutton > span {
position: relative;
padding: 0 5px;
top: -4px;
}
.filterfloatbutton:hover {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
background-color: #ddd;
}
.filterfloatbutton {
background: white;
color: #666;
cursor: pointer;
font-family: 'Playfair Display', Georgia, serif;
font-size: 12px;
font-style: italic;
line-height: 44px;
height: 38px;
opacity: 0.7;
padding: 0 10px;
border-radius: 2px;
}
.filterfloatbutton:before {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 14px;
position: relative;
top: -3px;
}
.filterfloatlist {
display: none;
background: white;
}
.filterfloat.active .filterfloatlist {
display: block;
}
.filterfloatlist ul {
background-color: #FEFEFE;
list-style: square outside none;
margin: 0;
min-width: 150px;
padding: 10px 40px 12px;
}
.filterfloatlist li {
color: #999999;
cursor: pointer;
font-size: 12px;
line-height: 27px;
text-transform: capitalize;
}
.filterfloatlist li:hover,
.filterfloatlist li.active {
color: #333;
}
.filterfloatlist h3 {
background: #f9f9f9;
color: #666666;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform;
-moz-transition-property:    -moz-transform;
-ms-transition-property:     -ms-transform;
-o-transition-property:      -o-transform;
transition-property:         transform;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition,
.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .isotopewrapper img {
width: 100%;
}
.contentheaderspace {
height: 43px;
display: block;
}
.portfoliowrapper {
display: block;
left: 0%;
position: relative;
width: 100%;
}
.marginportfolio .portfoliocontentwrapper,
.pinterestportfolio .portfoliocontentwrapper,
.marginimg .imagelist-content-wrapper,
.marginproduct .product-content-wrapper {
padding: 10px 10px 10px 10px;
}
.marginimg .imagelist-content-wrapper.nomargin {
padding: 0;
margin: -5px;
padding-bottom: 15px;
}
.marginportfolio  .portfolioitem a,
.pinterestportfolio .portfolioitem a,
.marginimg .imggalitem a,
.marginproduct .productcontent
{
margin: 5px;
}
.portfolioitem[data-width="0.5"] .info,
.portfolioitem[data-height="0.5"] .info,
.portfolioitem[data-width="0.25"] .info,
.portfolioitem[data-height="0.25"] .info {
display: none;
}
.portfolioitem[data-width="0.5"] .mask{
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
}
.pinterestportfolio .portfolioitem a {
border-radius: 5px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-webkit-transition: ease-in-out all 0.2s;
-moz-transition: ease-in-out all 0.2s;
transition: ease-in-out all 0.2s;
}
.pinterestportfolio.portfoliowrapper .portfolioitem:hover a {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
}
.pinterestportfolio .portfolioitem .mask {
background: white;
left: 0;
opacity: 1;
position: relative;
top: 0;
width: 100%;
}
.pinterestportfolio .portfolioitem .mask .info p {
color: #BBBBBB;
margin: 0;
opacity: 1;
padding-bottom: 10px;
padding-top: 5px;
text-align: left;
margin-left: 20px;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info {
margin-top: -5px !important;
}
.pinterestportfolio .portfolioitem .mask .info h2 {
color: #333333;
font-size: 15px;
font-weight: bold;
opacity: 1;
padding-top: 10px;
text-align: center;
line-height: 1.5;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info span {
background-color: #CCCCCC;
color: #333333;
margin: 0 auto;
opacity: 1;
width: 20px;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info p {
color: #AAAAAA;
margin: 0;
opacity: 1;
padding-bottom: 10px;
padding-top: 5px;
text-align: center;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.portfoliowrapper .portfolioitem,
.imggalitem,
.productwrapper .productitem {
float: left;
margin: 0;
padding: 0;
opacity: 0;
overflow: hidden;
position: relative;
}
.portfoliofilter, .blogfilter, .topheadertitle {
float: left;
margin-left: 270px;
}
.topheadertitle {
font-family: georgia;
font-style: italic;
line-height: 42px;
padding-left: 20px;
}
.blogfilter h3 {
background: #f9f9f9;
color: #666666;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}
.portfoliofilter.active .portfoliofilterbutton, .blogfilter.active .blogfilterbutton{
background: #EEEEEE;
color: #666;
}
.portfoliofilterbutton, .blogfilterbutton {
color: #999999;
cursor: pointer;
font-family: 'Playfair Display', Georgia, serif;
font-size: 12px;
font-style: italic;
line-height: 42px;
padding: 0 24px 0 18px;
}
.portfoliofilterbutton:before, .blogfilterbutton:before  {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 14px;
float: left;
padding-right: 10px;
}
.portfoliofilterlist, .blogfilterlist {
display: none;
position: absolute;
background-color: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.portfoliofilter.active .portfoliofilterlist, .blogfilter.active .blogfilterlist {
display: block;
}
.portfoliofilterlist ul, .blogfilterlist ul {
background-color: #FEFEFE;
list-style: square;
margin: 0;
padding: 10px 40px 12px 40px;
min-width: 150px;
}
.portfoliofilterlist li, .blogfilterlist li {
color: #999999;
cursor: pointer;
font-size: 12px;
line-height: 27px;
text-transform: capitalize;
}
.portfoliofilterlist li:hover,
.portfoliofilterlist li.active,
.blogfilterlist li:hover,
.blogfilterlist li.active {
color: #333;
}
.portfolioinputfilter, .bloginputfilter {
display: none;
}
.portfoliopagingholder,  .blogpagingholder{
height: 40px;
}
.blogpagingholder .pagedot > a, .blogpagingholder .pagedot > span {
border: 1px dotted #BBBBBB;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0 10px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 2px;
}
.blogpagingholder .pagedot > a {
border:none;
-webkit-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: ease all 0.5s;
}
.blogpagingholder .pagedot > a:hover {
background: #f1f1f1;
}
.blogpagingholder .pagedot > span {
border: none;
}
.blogpagingholder .pagedot {
padding-left: 7px;
padding-right: 7px;
}
.portfoliopagingwrapper, .blogpagingwrapper {
background: #ffffff;
bottom: 0;
opacity: 1;
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 3;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
}
.portfoliopagingwrapper.hideme, .blogpagingwrapper.hideme {
opacity: 0;
}
.pagetext {
border-right: 1px solid #ddd;
float: right;
font-size: 11px;
line-height: 40px;
padding-right: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.pagedot {
border-left: 1px solid #FFFFFF;
float: right;
height: 40px;
padding-left: 20px;
padding-right: 15px;
}
.pagedot ul {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.pagedot li {
cursor: pointer;
float: left;
line-height: 40px;
list-style: none;
margin-right: 10px;
width: 20px;
text-align: center;
}
.pagedot li span {
background: #333333;
border-radius: 10px;
display: inline-block;
height: 10px;
line-height: 40px;
overflow: hidden;
text-indent: 9999px;
width: 10px;
}
.pagedot li.active span {
background: #999;
}
.pagedot li.active {
cursor: auto;
}
.bigloader {
background-image: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loading.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: rgba(255,255,255,1);
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-left: 105px;
margin-top: -40px;
opacity: 0.7;
position: fixed;
top: 50%;
width: 60px;
z-index: 100;
}
.blog-normal-article .bigloader {
margin-left: -30px;
}
.galleryloadmore {
border-top: 1px solid #ddd;
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
bottom: 0;
left: 0;
padding-bottom: 15px;
padding-top: 15px;
position: fixed;
text-align: center;
width: 100%;
z-index: 10;
display: none;
}
.galleryloaderinner {
padding-left: 135px;
border-radius: 30px;
background-position: 270px center;
height: 20px;
width: 260px;
margin: 0 auto;
text-align: center;
background-image: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/horizontal-loader.gif);
background-repeat: no-repeat;
}
.sidebarcollapse .galleryloaderinner {
background-position: 60px center;
width: 170px;
padding-left: 0px;
}
.horizontalnav .galleryloaderinner {
background-position: center center;
width: 130px;
padding-left: 0px;
}
.sliderloader {
display: none;
} .portfoliohideoverflow {
overflow: hidden;
}
.portfoliocontent {
width: 100%;
height: 200px;
position: absolute;
left: 100%;
top: 0;
overflow: hidden;
min-height: 410px;
}
.portfoliocontentwrapper {
height: 100%;
width: auto;
}
.portfolionavbar {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
height: auto;
position: absolute;
width: 100%;
background-color: white;
top: -50px;
z-index: 4;
}
.portfolionavtitle {
font-weight: normal;
color: #666666;
float: left;
line-height: 50px;
margin-left: 20px;
position: absolute;
width: 100%;
}
.portfoliobottombar .portfolionavtitle {
color: #666666;
line-height: 45px;
float: none;
text-align: center;
}
.portfolionavbar, .portfoliobottombar  {
display: none;
}
.portfolioholder {
width: 100%;
}
.portfoliobottombar {
background: white;
bottom: 0;
border-top: 1px solid #ddd;
position: absolute;
width: 100%;
z-index: 2;
height: 45px;
opacity: 0.5;
-webkit-transition: all 0.5s ;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.portfoliobottombar:hover {
opacity: 1;
}
.portfolioholderwrap {
position: relative;
margin-left: 0px;
margin-top: 50px;
width: 100%;
margin-left: -100%;
overflow: hidden;
}
.horizontalnav .portfolioholderwrap {
margin-top: 60px;
}
.portfolionavlist {
float: right;
position: relative;
z-index: 5;
}
.portfolionavlist > ul {
list-style: none outside none;
margin: 0;
}
.portfolionavlist li, .portfolionavlist li > a {
height: 50px;
width: 50px;
}
.portfolionavlist li {
border-left: 1px solid #DDD;
float: left;
}
.portfolionavlist li > a {
overflow: hidden;
display: block;
}
.portfolionavlist a {
outline: none;
}
.portfolionavlist .navicon {
line-height: 50px;
width: 100%;
color: #666;
font-family: "FontAwesome";
text-align: center;
font-style: normal;
font-size: 21px;
cursor: pointer;
background-color: white;
}
.portfolionavlist .navicon:hover {
background-color: #f1f1f1;
color: #333;
}
.portfolioinfo.opened .navicon {
background-color: #333;
color: #f1f1f1;
}
.portfoliolove .navicon:before { content: "\f064"; font-size: 14px; position: relative; top: -2px; }
.portfolioinfo .navicon:before { content: "\f129"; font-size: 18px; position: relative; top: 1px; }
.portfolionext .navicon:before { content: "\f105"; position: relative; top: 1px; }
.portfolioprev .navicon:before { content: "\f104"; position: relative; top: 1px; }
.portfolioclose .navicon:before { content: "\f0c9"; position: relative; top: -3px; font-size: 18px; }
.portfoliovideoclose .navicon:before { content: "\f00d"; font-size: 24px; }
.portfoliovideoclose { display: none; }
.portfoliovideoclose .navicon { padding-top: 1px; }
.portfolioclose .navicon { padding-top: 3px; }
.portfolioclose { border-right: 1px solid #DDDDDD; } .portfoliopopup {
background: #333333;
padding: 10px 12px 12px;
margin-top: 10px;
position: absolute;
text-align: right;
top: 0;
left: 0;
display: none;
opacity: 0;
z-index: 100;
}
.popuparrow {
border-color: transparent transparent #333333;
border-style: solid;
border-width: 8px;
position: absolute;
top: -16px;
right: 16px;
}
.ppopup-left .popuparrow {right: auto; left: 16px;}
.popuptext {
color: #FFFFFF;
line-height: 12px;
font-size: 12px;
} .portfolio-content-wrapper-inner {
padding: 40px;
color: #7F7F7F;
}
.portfolio-date {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 12px;
color: #7F7F7F;
display: block;
text-align: center;
}
.portfolio-content-wrapper h1, .portfolio-content-wrapper h2, .ptdescription h1, .ptdescription h2 {
letter-spacing: 1px;
line-height: 32px;
text-transform: uppercase;
color: #444444;
}
.portfolio-content-wrapper h1, .ptdescription h1 {
text-align: center;
letter-spacing: 0;
line-height: 1.4;
}
.portfolio-content-wrapper h2, .ptdescription h2 {
font-size: 18px;
}
.portfolio-meta {
margin: 20px 0;
text-align: center;
}
.portfolio-meta h2 {
font-size: 16px;
line-height: 2.4;
display: inline;
color: #444444;
letter-spacing: 1px;
line-height: 32px;
text-transform: uppercase;
}
.portfolio-meta-line {
background-color: #DDDDDD;
display: block;
height: 1px;
margin: 20px auto;
position: static;
width: 50px;
}
.portfolio-meta-desc {
color: #7F7F7F;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
line-height: 25px;
list-style: none;
}
.portfolio-meta.nopadding {
margin: 0 0 20px;
}
.portfolio-meta-desc p {
margin: 2px 0;
}
.portfolio-link {
text-align: center;
padding: 0 0 30px;
}
.portfolio-link > span, .portfolio-single-nav > span {
color: #7F7F7F;
display: block;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin-bottom: 5px;
padding: 5px 0 15px;
}
.portfolio-link .slider-button, .portfolio-single-nav .slider-button {
border: 1px solid #CCCCCC;
padding: 11px 20px;
display: inline-block;
}
.portfolio-link .slider-button:hover,
.portfolio-link .slider-button:active,
.portfolio-single-nav .slider-button:hover,
.portfolio-single-nav .slider-button:active
{
border-color:#333;
}
.portfolio-link .slider-button .button-text, .portfolio-single-nav .slider-button .button-text {
color: #333333;
font-size: 12px;
font-weight: bold;
letter-spacing: 1.5px;
}
.portfolio-single-nav {
border-top: 1px solid #DDDDDD;
display: block;
margin-bottom: 10px;
padding-top: 10px;
}
.portfolio-single-nav .slider-button {
padding: 5px 8px;
margin-bottom: 5px;
}
.singlenavicon {
display: inline-block;
float: left;
font-size: 14px;
margin-right: 10px;
line-height: 28px;
}
.singlenavicon.right {
float: right;
margin-left: 10px;
margin-right: 0;
} .portfolio-password-overlay {
background: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.portfolio-passsword {
background: #FFFFFF;
left: 50%;
margin-left: -151px;
margin-top: -74px;
position: absolute;
top: 50%;
width: 300px;
z-index: 120;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.portfolio-form-header > h2 {
background: #fff;
color: #333;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.portfolio-passsword .portfolio-form-header > h2 {background: none;}
.portfolio-form-body {
height: 120px;
}
.portfolio-form-body > input {
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
height: 26px;
margin-left: 18px;
margin-top: 16px;
padding-left: 10px;
width: 250px;
}
.portfolio-form-body > div {
margin-top: 6px;
text-align: center;
}
.portfolio-form-body > div > a {
padding: 3px 20px ;
}
.portfolio-form-body .slider-button {
border: 1px solid #CCCCCC;
}
.portfolio-form-body .slider-button .button-text {
color: #333333;
font-size: 12px;
} .portfolio-share-overlay {
background: rgba(0, 0, 0, 0.9);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 30;
display: none;
}
.share-container {
background-color: #FFFFFF;
box-shadow: 0 0 5px #999999;
left: 50%;
margin-left: -150px;
margin-top: -130px;
position: absolute;
top: 50%;
width: 300px;
}
.share-container h2 {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
color: #333333;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
}
.share-body {
padding: 0 18px 5px;
}
.share-body > div {
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
height: 35px;
line-height: 35px;
margin-bottom: 10px;
margin-top: 17px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.share-text {
left: 0;
opacity: 1;
position: absolute;
text-transform: none;
top: 0;
transition: opacity 0.3s ease 0s;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 2px;
font-weight: normal;
font-size: 11px;
}
.share-close {
cursor: pointer;
position: absolute;
right: 16px;
top: 11px;
}
.share-close:before {
content: "\f00d";
font-family: "FontAwesome";
color: #323031;
font-size: 16px;
}
.share-facebook {
background-color: #436098;
}
.share-twitter {
background-color: #5AC3F0;
}
.share-googleplus {
background-color: #A41B23;
}
.share-pinterest {
background-color: #323031;
} .portfoliooverflow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.9);
z-index: 500;
display: none;
}
.pt-portfolio-share-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 505;
display: none;
}
.pthoverflow {
overflow: hidden;
}
.theatherloader {
margin-left: 0;
margin-top: -30px;
}
.ptcontainer {
position: relative;
height: 100%;
width: 100%;
}
.ptwrapper {
position: relative;
left: -100%;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ptwrappercontainer {
overflow: hidden;
}
.ptcontent, .ptdescription, .ptcontent-wrapper {
height: 100%;
overflow: hidden;
}
.ptcontent {
width: 100%;
background: #F9F9F9;
position: relative;
}
.ptdescription {
background: white;
border-left: 1px solid #ddd;
left: 100%;
position: absolute;
top: 0;
width: 30%;
z-index: 20;
overflow: auto;
}
.ptdescription .portfolio-content-wrapper-inner {
padding-top: 70px;
}
.ptnavigation {
position: absolute;
right: 30px;
top: 0;
z-index: 100;
}
.ptnavigation a {
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
display: block;
height: 40px;
width: 40px;
overflow: hidden;
background: #f7f7f7;
}
.ptnavigation .portfoliolove .navicon:before {
font-size: 13px;
position: relative;
top: 3px;
}
.ptnavigation .portfoliolove .navicon {
line-height: 36px;
}
.ptnavigation .portfolioinfo .navicon:before {
font-size: 16px;
}
.ptnavigation .portfolioinfo .navicon {
line-height: 36px;
}
.ptnavigation li:last-child a {
border-right: 1px solid #DDDDDD;
}
.ptnavigation .navicon {
color: #666666;
cursor: pointer;
font-family: "FontAwesome";
font-size: 22px;
font-style: normal;
line-height: 40px;
text-align: center;
}
.ptnavigation ul {
margin: 0;
padding: 0;
}
.ptnavigation li {
float: left;
list-style: none;
}
.ptcontent-navigator, .portfolio-navigation {
text-align: center;
}
.pt-next, .pt-prev {
color: #888888;
cursor: pointer;
display: none;
font-family: "FontAwesome";
position: absolute;
top: 50%;
width: 70px;
height: 70px;
z-index: 2;
margin-top: -35px;
}
.pt-next .pt-bgarrow:before {
content: "\f105";
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -24px;
position: absolute;
}
.pt-prev .pt-bgarrow:before {
content: "\f104";
position: absolute;
right: 50%;
top: 50%;
margin-right: -4px;
margin-top: -24px;
position: absolute;
}
.ptcontent .pt-bgarrow, .portfolio-navigation .pt-bgarrow {
border-radius: 23px 23px 23px 23px;
cursor: pointer;
display: block;
height: 46px;
left: 50%;
margin: -23px 0 0 -23px;
opacity: 0.5;
position: absolute;
top: 50%;
width: 46px;
background-color: #fff;
font-size: 34px;
line-height: 46px;
-webkit-transition: all 0.4s ease 0.2s;
-moz-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
-ms-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.pt-next { right: 30px; }
.pt-prev { left: 30px; }
.portfolionavprevnext .pt-next-prev-bg {
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
margin: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolionavprevnext:hover .pt-bgarrow {
border-radius: 50px 50px 50px 50px;
height: 100px;
margin: -50px 0 0 -50px;
opacity: 0.3;
width: 100px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolionavprevnext:hover .pt-next-prev-bg {
width: 90px;
height: 90px;
background-size: 100% 100%;
margin: -45px 0 0 -45px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
} .closeportfoliovideo {
cursor: pointer;
display: none;
font-size: 13px;
line-height: 2.2;
text-align: center;
word-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid #f0f0f0;
display: none;
letter-spacing: 1px;
font-weight: bold;
background: #fbfbfb;
} .ptwrappercontainer, .ptpasswordform {
display: block;
height: 100%;
position: relative;
width: 100%;
}
.loadpassword .ptwrappercontainer  { display: none; }
.loadcontent .ptpasswordform { display: none; }
.loadpassword .ptwrapper { background-color: transparent; }
.loadpassword .ptwrapper {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .single-portfolio  .content {
height: auto !important;
min-height: 100%;
position: relative;
width: 100%;
}
.single-portfolio.portfolio-cover .content, .single-portfolio.portfolio-sidecontent .content {
width: auto;
}
.single-portfolio  .portfoliowrapper {
height: 100%;
overflow: hidden;
position: absolute;
}
.single-portfolio .portfoliocontent {
overflow: hidden;
position: relative;
left: 0;
}
.single-portfolio.portfolio-ajax .headermenu {
display: none;
} .portfoliowrapper .portfolioitem:hover a {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
z-index: 3;
}
.portfolioitem, .imggalitem {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.portfolioitem a img, .imggalitem a img {
max-height: 100% !important;
}
.portfolioitem a img.fixwidthportfolio,
.imggalitem a img.fixwidthportfolio {
height: 100% !important;
max-width: none !important;
width: auto;
}
.portfolioitem a, .imggalitem a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
.imggalitem.notloaded {
opacity: 0;
}
.imggalitem .galoverlay {
background: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/dark-zoom.png) no-repeat 50% 50% rgba(0, 0, 0, 0.6);
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.imggalitem:hover .galoverlay {
opacity: 1;
}
.imggalitem .videooverlay {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
opacity: 0.2;
background: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/play.png) no-repeat scroll 50% 50% rgba(0, 0, 0, 0.4);
background-size: 40px;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.imggalitem:hover .videooverlay, .portfolio-content-holder:hover .videooverlay {
opacity: 1;
background-size: 50px;
}
.imggalitem[data-width="0.5"] .videooverlay {
background-size: 20px;
}
.imggalitem[data-width="0.5"]:hover .videooverlay {
background-size: 30px;
}
.portfolio-content-holder .videooverlay {
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
background-image:  url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/play.png);
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
background-repeat: no-repeat;
}
.portfoliovideo-container {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: none;
background: black;
}
.portfolioitem img, .imggalitem img {
width: 100%;
height: auto;
position: relative;
display: block;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.portfolioitem:hover img, .imggalitem:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.portfolioitem .mask {
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
position: absolute;
opacity: 0;
background: rgba(255, 255, 255, 0.6);
text-align: center;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.portfolioitem:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.portfolioitem .info h2 {
background: transparent;
color: #333;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 20px;
margin: 5px 20px;
opacity: 0;
padding: 8px;
position: relative;
text-align: center;
text-transform: uppercase;
line-height: 1.3;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.portfolioitem:hover .info h2 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.portfolioitem .info span  {
background-color: rgba(0, 0, 0, 0.2);
display: block;
height: 1px;
margin: 0 auto;
width: 10%;
opacity: 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.15s;
-moz-transition: all 0.3s ease-in-out 0.15s;
-o-transition: all 0.3s ease-in-out 0.15s;
-ms-transition: all 0.3s ease-in-out 0.15s;
transition: all 0.3s ease-in-out 0.15s;
}
.portfolioitem:hover .info span {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.portfolioitem .info p  {
color: rgba(0, 0, 0, 0.9);
font-family: 'Playfair Display', Georgia, serif;
font-size: 15px;
font-style: italic;
opacity: 0;
padding: 0 20px;
position: relative;
text-align: center;
margin: 10px 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.portfolioitem:hover .info p {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfolioitem .textswitch .info h2 {
color: #fff;
}
.portfolioitem .textswitch .info span {
background-color: rgba(255,255,255,0.2);
}
.portfolioitem .textswitch .info p {
color: #ddd;
}
.productitem .pinfo {
bottom: 0;
left: 0;
margin: 0 40px 40px;
position: absolute;
right: 0;
}
.productitem .pmask {
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
position: absolute;
opacity: 0;
background: rgba(236, 236, 236, 0.6);
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: inherit;
background: rgba(0, 0, 0, 0.5);
border: none;
-webkit-transition: all 0.3s ease-in 0.7s;
-moz-transition: all 0.3s ease-in 0.7s;
-o-transition: all 0.3s ease-in 0.7s;
-ms-transition: all 0.3s ease-in 0.7s;
transition: all 0.3s ease-in 0.7s;
}
.pmask-border {
border: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
top: 20px;
}
.productitem:hover .pmask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.productitem .pinfo > small {
color: #FFFFFF;
font-family: 'Playfair Display', Georgia, serif;
font-size: 16px;
font-style: italic;
position: relative;
top: -30px;
opacity: 0;
-webkit-transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
-ms-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.productitem:hover .pinfo > small {
top: 0;
opacity: 1;
}
.productitem .pinfo h2 {
background: rgba(0, 0, 0, 0);
color: #EEEEEE;
font-family: "Lato", "Helvetica Neue", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.4;
margin-bottom: 11px;
margin-top: 3px;
opacity: 0;
position: relative;
text-transform: uppercase;
top: -20px;
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.productitem:hover .pinfo h2  {
opacity: 1;
top: 0;
}
.productitem .pinfo span.line {
border-bottom: 1px solid #eee;
display: block;
height: 1px;
opacity: 0;
width: 50px;
display: none;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
-o-transition: all 0.3s ease-in-out 0.3s;
-ms-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.productitem:hover .pinfo span.line {
opacity: 1;
}
.productitem .slider-button {
border: 1px double #ddd;
display: inline-block;
padding: 3px 25px;
margin-top: 5px;
opacity: 0;
top: 10px;
position: relative;
-webkit-transition: all 0.3s ease-in-out 0.4s;
-moz-transition: all 0.3s ease-in-out 0.4s;
-o-transition: all 0.3s ease-in-out 0.4s;
-ms-transition: all 0.3s ease-in-out 0.4s;
transition: all 0.3s ease-in-out 0.4s;
}
.productitem:hover .slider-button {
opacity: 1;
top: 0;
}
.switchproducttext .pmask-border { border: 1px solid rgba(0, 0, 0, 0.5); }
.switchproducttext .productitem .pinfo > small { color: #555555; }
.switchproducttext .productitem .pinfo h2 { color: #333; }
.switchproducttext .productitem .price { color: #444444; }
.switchproducttext .productitem .slider-button { border: 1px double #333333; }
.switchproducttext .productitem .slider-button .button-text { color: #333; }
.switchproducttext .slider-button:hover, .darktextproduct .slider-button:active { color: #333; }
.productitem .slider-button .button-text {
color: #eee;
font-weight: normal;
text-transform: none;
font-size: 13px;
}
.productitem .price {
color: #EEEEEE;
font-size: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 18px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.5s;
-moz-transition: all 0.3s ease-in-out 0.5s;
-o-transition: all 0.3s ease-in-out 0.5s;
-ms-transition: all 0.3s ease-in-out 0.5s;
transition: all 0.3s ease-in-out 0.5s;
}
.productitem:hover .price {
bottom: 1px;
opacity: 1;
}
.productitem .price > span {
font-size: 14px;
font-weight: normal;
}
.productitem .price > span.amount {
font-family: "Lato", "Helvetica Neue", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.productitem .price > span.amount ins {
text-decoration: none;
}
.cart .btn {padding:8px 20px;}
.bvbline {
background: #EEEEEE;
height: 1px;
left: -6px;
position: absolute;
top: 9px;
width: 32px;
} .imggalitem { opacity: 0; } .rightclickoverlay {
background: rgba(0, 0, 0, 0.95);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2000;
display: none;
}
.rightclickbox {
background: #FFF;
border: 1px solid #CCC;
box-shadow: 0 0 5px #CCC;
left: 50%;
margin-left: -175px;
position: absolute;
top: 50%;
width: 350px;
display: none;
}
.rightclickoverlay h3 {
border-bottom: 1px solid #CCC;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding: 0 20px 10px;
text-transform: uppercase;
}
.rightclickblock {
padding: 15px 20px;
text-align: center;
}
.rightclickbutton {
border-top: 1px solid #DDDDDD;
padding: 10px;
text-align: center;
}
.rightclickoverlay .btn {
border-color: #AAAAAA;
}
.password-page-form .portfolio-passsword {
margin-left: -175px;
margin-top: -150px;
width: 350px;
}
.password-page-form .portfolio-form-body {
height: auto;
}
.password-page-form form {
margin: 25px 40px 25px 25px;
} .sharrre-container-big .sharrre {
padding: 0 0 3px;
}
.sharrre-container-big .sharrre .boxed {
width: 60px;
display: block;
position: relative;
}
.sharrre-container-big .sharrre .count {
background:  #fff;
border: 1px solid #AAA;
border-radius: 2px;
color: #999;
display: block;
font-weight: normal;
line-height: 30px;
margin: 5px 5px 0;
position: relative;
text-align: center;
font-size: 14px;
}
.sharrre-container-big .sharrre .count:after {
content: "";
border-color: #888 transparent transparent;
border-style: solid;
border-width: 8px;
bottom: -16px;
display: block;
height: 0;
left: 49%;
margin-left: -7px;
position: absolute;
width: 0;
}
.sharrre-container-big .sharrre .share {
display: block;
font-size: 25px;
font-weight: 600;
line-height: 32px;
margin-top: 10px;
padding: 0;
text-align: center;
text-decoration: none;
}
.sharrre-container-big .sharrre .whitearr {
border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 8px;
left: 22px;
position: absolute;
top: 30px;
}
.sharrre-container .sharrre {
width: 25%;
float: left;
}
.sharrre-container .sharrre .boxed {
display: block;
position: relative;
}
.sharrre-container .sharrre .count {
background:  #FFFFFF;
border: 1px solid #AAAAAA;
border-radius: 2px;
color: #AAAAAA;
display: block;
font-size: 13px;
line-height: 24px;
position: relative;
text-align: center;
width: 55px;
}
.sharrre-container .sharrre .count:after {
content:'';
display: block;
position: absolute;
right: -13px;
width: 0;
height: 0;
border: solid 6px transparent;
border-left-color: #CCC;
bottom: 5px;
}
.sharrre-container .sharrre .whitearr {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
border-style: solid;
border-width: 6px;
left: 75px;
position: absolute;
top: 18px;
}
.sharrre-container .sharrre .share {
width: 30%;
margin-left: 10px;
display: block;
font-size: 18px;
line-height: 28px;
padding: 0;
text-align: center;
text-decoration: none;
}
.sharrre-container .sharrre .share,
.sharrre-container .sharrre .count,
.sharrre-container .sharrre .count:after {
float: left;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.sharrre-container .sharrre .box:hover .share {}
.sharrre-container .sharrre .box:hover .count {
color: #fff!important;
}
.sharrre-container .sharrre .boxed .share,
.sharrre-container .sharrre .boxed .count,
.sharrre-container-big .sharrre .boxed .share,
.sharrre-container-big .sharrre .boxed .count {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.sharrre-container .sharrre .boxed:hover .share,
.sharrre-container .sharrre .boxed:hover .count,
.sharrre-container-big .sharrre .boxed:hover .share,
.sharrre-container-big .sharrre .boxed:hover .count {
color: #444!important;
}
.sharrre-container .twitter-share .share,
.sharrre-container .twitter-share .box .count,
.sharrre-container-big .twitter-share .share,
.sharrre-container-big .twitter-share .box .count {
color: #00acee;
}
.sharrre-container .facebook-share .share,
.sharrre-container .facebook-share .box .count,
.sharrre-container-big .facebook-share .share,
.sharrre-container-big .facebook-share .box .count {
color: #3b5999;
}
.sharrre-container .googleplus-share .share,
.sharrre-container .googleplus-share .box .count,
.sharrre-container-big .googleplus-share .share,
.sharrre-container-big .googleplus-share .box .count {
color: #cd483c;
}
.sharrre-container .pinterest-share .share,
.sharrre-container .pinterest-share .box .count,
.sharrre-container-big .pinterest-share .share,
.sharrre-container-big .pinterest-share .box .count {
color: #ca2128;
}
.sharrre-container .sharrre a {
border-top: 1px solid #ddd;
padding: 10px 20px;
}
.sharrre-container .grouped:before,
.sharrre-container .grouped:after {
content: '';
display: table;
}
.sharrre-container .grouped:after {
clear: both;
}
.sharrre-container a {
background: #F8F8F8;
}
.sharrre-container.post-sharrre {
margin-top: 30px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .count:after {
border-color: #CCCCCC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
left: 22px;
bottom: -13px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .whitearr {
border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
left: 43px;
top: 34px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .share {
font-size: 22px;
margin-top: 10px;
margin-left: 20px;
} .normal-sharrre-container > div {  float: left; padding: 5px 12px; margin-right: 7px; margin-bottom: 7px;}
.share-block > div { color: #FFFFFF; float: left; }
.share-icon { font-size: 17px; }
.share-count { font-size: 12px; margin-left: 10px; }
.twitter-share-block, .sharrre-container-clean .twitter-share a:hover .share { background: #0BBCFF; }
.facebook-share-block, .sharrre-container-clean .facebook-share a:hover .share { background: #3b5999; }
.googleplus-share-block, .sharrre-container-clean .googleplus-share a:hover .share { background: #cd483c; }
.pinterest-share-block , .sharrre-container-clean .pinterest-share  a:hover .share{ background: #ca2128; } .blog-sidebar-content .sharrre-container-clean {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.blog-sidebar-content .sharrre-container-clean .sharrre {margin:0 15px 0 0}
.sharrre-container-clean .sharrre {display: inline-block; margin:0 0 0 15px; padding: 10px 0}
.sharrre-container-clean .sharrre a {
font-size: 13px;
color:#9f9f9f;
font-style:normal;
}
.sharrre-container-clean .sharrre .share {
font-size: 12px; color: #fff;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 32px;
background: #9f9f9f;
margin-right: 5px;
-webkit-transition: background-color, opacity .5s ease-out;
-moz-transition: background-color, opacity .5s ease-out;
-o-transition: background-color, opacity .5s ease-out;
transition: background-color, opacity .5s ease-out;
}
.sharrre-container-clean .sharrre:hover .share {
-webkit-animation: beat 1s infinite;
-webkit-animation-timing-function: ease-out;
}
.sharrre-container-clean .sharrre:hover .count {color: #555} .jkreativ .woocommerce-message:before,
.jkreativ .woocommerce-error:before,
.jkreativ .woocommerce-info:before {
display: none;
}
.jkreativ #ship-to-different-address-checkbox {
position: relative;
top: 0;
}
.jkreativ .woocommerce .woocommerce-error,
.jkreativ .woocommerce .woocommerce-info,
.jkreativ .woocommerce .woocommerce-message,
.jkreativ .woocommerce-page .woocommerce-error,
.jkreativ .woocommerce-page .woocommerce-info,
.jkreativ .woocommerce-page .woocommerce-message {
padding: 1em !important;
}
.jkreativ .woocommerce-message,
.jkreativ .woocommerce-error,
.jkreativ .woocommerce-info {
background-color: #f8f8f8;
border-radius: 0;
box-shadow: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1em 1em 1em 2em !important;
}
.jkreativ .jkreativ-woocommerce  .lostpassword .form-row-first,
.jkreativ .jkreativ-woocommerce  .lostpassword .form-row-last {
width: 100%;
}
.jkreativ .jkreativ-woocommerce #review_form_wrapper {
border-top: 1px solid #EEEEEE;
margin-left: -15px;
margin-right: -15px;
margin-top: 25px;
padding: 25px;
} .jkreativ .empty_bag {
text-align: center;
margin: 50px 0;
}
.jkreativ .cartpage .article-header h2, .jkreativ .cartpage .article-header h1 {
background: #f9f9f9;
border-bottom: 3px double #ebebeb;
letter-spacing: 5px;
margin: -40px -40px 0 -40px;
padding: 53px 0;
text-align: center;
word-spacing: 5px;
}
.jkreativ .product_title.article-header h1 {
font-style: normal;
letter-spacing: 1px;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
font-size: 26px;
}
.jkreativ table.shop_table {
border:0 ;
}
.jkreativ table.shop_table.customer_details th {
border-bottom: none;
}
.jkreativ .cart_wrapper {
margin-top:20px;
}
.jkreativ .cart_content form {
margin: 0;
}
.jkreativ table.shop_table {
border-collapse: separate;
text-align: left;
width: 100%;
}
.jkreativ table.shop_table th,
.jkreativ .totals_table {
border:0;
border-bottom: 3px double #CCC;
padding:15px 0;
vertical-align: middle;
color: #000;
font-size: 12px;
text-transform:uppercase;
font-weight: normal;
font-weight: 40;
font-size: 14px;
font-family: "Lato", "Helvetica Neue", sans-serif;
}
.jkreativ .totals_table,
.jkreativ .totals_table th,
.jkreativ .totals_table td,
.jkreativ .totals_table td.span {
border: medium none;
font-size: 14px !important;
font-weight: normal !important;
}
.jkreativ .totals_table th,
.jkreativ .totals_table td {
width: 200px;
}
.jkreativ table.shop_table th.product-name {
padding: 9px 12px 9px 0;
}
.jkreativ table.shop_table td {
border:0;
border-top:none !important;
border-bottom: 1px solid #f4f4f4;
padding:30px 0 !important;
vertical-align: middle;
padding:15px !important;
}
.jkreativ table.order_details tr:last-child td {
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.jkreativ table.shop_table a.remove {
display: block;
height: 35px;
width: 35px ;
background:none;
text-align:center;
line-height:35px;
border-radius: 0 0 0 0;
color: #666666;
font-size: 18px;
}
.order-actions > a {
padding-right: 10px;
}
.jkreativ table.shop_table a.remove:hover:after {color:#000 !important;}
.jkreativ table.shop_table img{
border:1px solid #fff;
width: 90px !important;
height: auto;
}
.jkreativ table.shop_table img:hover{
border:1px solid #000 !important;
}
.jkreativ table.shop_table .product-remove {
width:10px;
padding: 0 !important;
}
.jkreativ table.shop_table .product-thumbnail {
width:110px;
padding: 0 !important;
}
.jkreativ table.shop_table td.product-name {
padding:15px 10px 15px 0 !important;
}
.jkreativ table.shop_table .product-name .category {
color: #b39964;
font-size: 12px;
text-transform:uppercase;
font-weight:900;
text-decoration:none;
padding:0 0 5px 0;
display:block;
}
.jkreativ table.shop_table .product-name a {
font-weight:bold;
font-size:16px;
font-style: normal;
color: #333;
text-decoration:none;
}
.jkreativ table.shop_table .product-name a:hover {
text-decoration:underline;
}
.jkreativ table.shop_table .product-name .product-price ,
.jkreativ table.shop_table .product-subtotal{
font-size: 14px;
}
.jkreativ .variation dd p {
margin: 0;
}
.jkreativ .woocommerce #payment ul.payment_methods li input,
.jkreativ .woocommerce-page #payment ul.payment_methods li input {
top: 10px;
position: relative;
}
.jkreativ table.shop_table .cart_table_item:last-child td {
border-bottom: medium none;
}
.jkreativ .jkreativ-woocommerce .quantity {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 105px !important;
}
.jkreativ .jkreativ-woocommerce .quantity .plus,
.jkreativ .jkreativ-woocommerce .quantity .minus,
.jkreativ .jkreativ-woocommerce #content .quantity .plus,
.jkreativ .jkreativ-woocommerce #content .quantity .minus {
background: #FFFFFF !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
border-radius: 0 0 0 0 !important;
box-shadow: none !important;
color: rgba(0, 0, 0, 0.4) !important;
cursor: pointer;
display: block;
float: left !important;
font-size: 16px !important;
font-weight: normal !important;
height: 35px !important;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: none !important;
vertical-align: text-top;
width: 35px !important;
}
.jkreativ .jkreativ-woocommerce .quantity input.qty,
.jkreativ .jkreativ-woocommerce #content .quantity input.qty {
-moz-appearance: caret;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background: #FFFFFF !important;
border-color: rgba(0, 0, 0, 0.2) -moz-use-text-color !important;
border-image: none !important;
border-left: 0 none !important;
border-radius: 0 0 0 0 !important;
border-right: 0 none !important;
border-style: solid none !important;
border-width: 1px 0 !important;
box-shadow: none !important;
color: #000000;
display: block !important;
float: left;
font-size: 12px;
font-weight: bold !important;
height: 35px !important;
margin: 0 0 0 35px;
padding: 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
width: 35px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .minus,
.jkreativ .minus { left: 0 !important; }
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .plus,
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .minus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .minus,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity .minus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .minus {
background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #C8BFC6;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color: #5E5E5E;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
height: 15px;
line-height: 13px;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
vertical-align: text-top;
width: 20px;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity input.qty,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity input.qty,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity input.qty,
.jkreativ.woocommerce-page  .jkreativ-woocommerce #content .quantity input.qty {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #C8BFC6 -moz-use-text-color #C8BFC6 #C8BFC6;
border-image: none;
border-radius: 2px 0 0 2px;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
box-shadow: 0 0 2px 0 #F7F6F7 inset;
float: left;
font-weight: bold;
height: 28px;
padding: 0;
text-align: center;
width: 40px;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce #content .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .plus {
border-bottom: 0 none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
right: 0;
top: 0;
}
.jkreativ table.shop_table .product-quantity {
text-align:center;
padding-left:0 !important;
}
.jkreativ table.shop_table .product-subtotal {
width:80px;
text-align:right !important;
}
.jkreativ table.shop_table td.product-subtotal {
color: #000;
font-size: 18px;
text-transform:uppercase;
font-weight:bold;
font-weight:400;
text-decoration:none;
}
.jkreativ td.product-name dl.variation {
font-size: 12px !important;
color:#666 !important;
color:rgba(0,0,0,0.5) !important;
margin: 0 !important;
}
.jkreativ td.product-name dl.variation dd,
.jkreativ td.product-name dl.variation dd {
margin: 0 !important;
}
.jkreativ td.product-name dl.variation dt {
font-weight: normal;
float: left;
clear: left;
margin: 0 5px 0 0;
padding: 0;
}
.jkreativ .left_column_cart {
border-left: 1px solid #DDD;
margin: 0 0 0 10px;
padding: 0 0 30px 30px;
}
.jkreativ .left_column_cart_shipping {
margin:30px 0 0;
padding:15px 0 0 0;
}
.left_column_cart th {border-top: 0;}
.jkreativ #calc_shipping_country,
.jkreativ select#calc_shipping_state {
padding:7px 8px 7px 4px;
color:#777;
}
.jkreativ input#calc_shipping_state {
padding:4px 5px 3px 5px;
color:#777;
margin:0;
line-height: 30px;
}
.jkreativ #calc_shipping_postcode {
padding:4px 5px 3px 5px;
color:#777;
margin:0 0 10px 0;
}
.jkreativ .shipping_address {
margin-top: 50px;
}
#rememberme {
margin: 0 3px 0 15px;
position: relative;
top: 10px;
} .jkreativ .jkreativ-woocommerce .coupon {
padding:0;
margin:0 0 20px 0;
}
.jkreativ .jkreativ-woocommerce .coupon_inputs_wrapper {
position:relative;
height:34px;
margin-top: 15px;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text {
font-weight:normal;
font-weight:300;
text-transform:uppercase;
padding:8px;
font-size:12px;
color:#666;
color:rgba(0,0,0,0.7);
margin:0;
width:140px;
height:15px;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
float:left;
margin-right:5px;
-webkit-border-radius: 0;
-moz-border-radius:0 ;
border-radius: 0;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text {
margin-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce .update-button.btn {
margin-bottom: 10px;
width: 100%;
}
.jkreativ .jkreativ-woocommerce .checkout-button.btn {
width: 100%;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text:focus {border:1px solid #000;}
.jkreativ .jkreativ-woocommerce .coupon .button-coupon {
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
margin:0 !important;
width:70px !important;
float:left;
height:33px !important;
font-size:12px !important;
font-weight:300 !important;
-moz-box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
color:#fff !important;
background:#000 !important;
border:2px solid #000 !important;
}
.jkreativ .jkreativ-woocommerce .coupon .button-coupon:hover {
background:#fff !important;
border:2px solid #000 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.jkreativ .jkreativ-woocommerce .cart_totals {
clear:both;
margin-bottom:20px;
margin-top: 50px;
}
.jkreativ .jkreativ-woocommerce .cart_totals h3,
.jkreativ .jkreativ-woocommerce .coupon h3,
.jkreativ .jkreativ-woocommerce .shipping_calculator h3,
.jkreativ .jkreativ-woocommerce .cart_totals h2,
.jkreativ .jkreativ-woocommerce .coupon h2,
.jkreativ .jkreativ-woocommerce .shipping_calculator h2  {
border-bottom: 3px double #ccc;
color: #333333;
display: inline-block;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 16px 0 16px;
text-transform: uppercase;
margin-bottom: 10px;
line-height: 1.4;
}
.jkreativ .jkreativ-woocommerce .cart_totals table {
width:100%;
}
.jkreativ .jkreativ-woocommerce .cart_totals tr {
border-bottom:1px dotted #ccc;
border-bottom:1px dotted rgba(0,0,0,0.2);
}
.jkreativ .jkreativ-woocommerce .cart_totals tr:last-child {
border-bottom:0;
}
.jkreativ .jkreativ-woocommerce .cart_totals th
{
width:45%;
}
.jkreativ .jkreativ-woocommerce .cart_totals th,
.jkreativ .jkreativ-woocommerce .cart_totals td
{
padding:9px;
vertical-align:middle;
}
.jkreativ .jkreativ-woocommerce .cart_totals th {
color: #999;
color: rgba(0,0,0,0.5);
font-size: 12px;
text-transform:uppercase;
font-weight:300;
text-decoration:none;
text-align:left;
vertical-align: top;
}
.jkreativ  .shipping-calculator-button {
text-transform: lowercase;
letter-spacing: 0;
font-size: 11px;
display: block;
}
.jkreativ .shipping-calculator-form {
padding: 30px 0;
}
.jkreativ .jkreativ-woocommerce .cart_totals .total th {color: #000 !important;}
.jkreativ .jkreativ-woocommerce .cart_totals .amount {
font-size:14px;
font-weight:bold;
font-weight:400;}
.jkreativ .jkreativ-woocommerce .cart_totals td {
text-align:right;
color: #000;
font-size: 13px;
text-transform:uppercase;
font-weight:900;
text-decoration:none;
}
.jkreativ .jkreativ-woocommerce .cart_totals .shipping td {
text-align:right;
font-size:12px;
color:#000;
font-weight:normal;
font-weight:300;
text-transform:none;
font-style:normal;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce #shipping_method li {
font-size:11px;
}
.jkreativ .jkreativ-woocommerce ul#shipping_method li{
padding: .25em 0 .25em 0 !important;
}
.jkreativ .jkreativ-woocommerce .shop_table ul#shipping_method li{
text-indent: 0px !important;
}
.jkreativ .jkreativ-woocommerce .payment_box {
max-width:870px !important;
}
.jkreativ .jkreativ-woocommerce .left_column_cart_sep {
width:100%;
height:9px;
margin:10px 0 25px 0;
clear:both;
border-bottom:3px double #CCCCCC;
border-bottom:3px double rgba(0,0,0,0.2);
}
.jkreativ .jkreativ-woocommerce .shipping_calculator h3 a,
.jkreativ .jkreativ-woocommerce .shipping_calculator h2 a {
padding:7px 0 7px 0;
margin:0 0 20px 0;
font-size:16px;
color:#000;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
font-style: normal;
}
.shipping_calculator section {
padding: 20px 0;
}
.jkreativ .jkreativ-woocommerce .shipping_calculator h3:after {
content: "\f107";
font-size:14px;
display: inline-block;
font-family: 'FontAwesome';
margin-left:10px;
}
.jkreativ .jkreativ-woocommerce .shipping_calculator a h3 {
color:#000 !important;
text-decoration:none !important;
}
.jkreativ .jkreativ-woocommerce table.totals_table {
float: right;
margin-bottom: 30px;
margin-right: 20px;
margin-top: 20px;
width: 270px;
}
.jkreativ .jkreativ-woocommerce table.totals_table tr th {
font-size: 14px;
font-weight: 300;
padding: 6px 0;
text-align: left;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce table.totals_table tr td {
font-size: 14px;
font-weight: 400;
padding: 6px 0;
text-align: right;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce .accountcontent > header {
clear: both;
}
.jkreativ .jkreativ-woocommerce .product-total {
text-align: center;
}
.jkreativ .jkreativ-woocommerce .customer_details dt, .customer_details dd {
margin-left: 0;
}
.jkreativ .jkreativ-woocommerce .customer_details dt {
font-weight: bold;
} .jkreativ .jkreativ-woocommerce .accountnavigation {
border-right: 1px solid #DDDDDD;
}
.jkreativ .jkreativ-woocommerce .accountnavigation > ul {
margin: 0;
padding: 0 0 50px;
clear: both;
}
.jkreativ .jkreativ-woocommerce .accountnavigation li {
list-style: none;
}
.jkreativ .jkreativ-woocommerce .accountnavigation ul a {
border-bottom: 1px solid #DDDDDD;
color: #333333;
display: inline-block;
font-size: 13px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.5;
padding: 15px 0 10px 10px;
text-transform: uppercase;
display: block;
}
.jkreativ .jkreativ-woocommerce .accountnavigation ul li:last-child a {
border: none;
}
.jkreativ .jkreativ-woocommerce .account-user {
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
}
.jkreativ .jkreativ-woocommerce .account-user img {
float: left;
margin-right: 20px;
border-radius: 30px;
}
.jkreativ .jkreativ-woocommerce .account-user .user-name {
display: block;
text-transform: uppercase;
font-weight: bold;
}
.account-user .logout-link {font-size: 80%;}
.jkreativ .jkreativ-woocommerce .recentorder {
margin: 10px;
}
.jkreativ .jkreativ-woocommerce .addresses {
margin-top: 30px;
margin-bottom: 30px;
}
.jkreativ .jkreativ-woocommerce .address > address {
font-style: normal;
}
.jkreativ .jkreativ-woocommerce .addresses h4, .jkreativ  header h4{
border-bottom: 3px double #DDDDDD;
display: inline-block;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce .col2-set .col-1 {
float: left;
width: 48%;
}
.jkreativ .jkreativ-woocommerce .col2-set:after {
clear: both;
content: "";
display: block;
}
.jkreativ .jkreativ-woocommerce .edit-address {
margin-top: 30px;
display: block;
}
.jkreativ .jkreativ-woocommerce .btn.btn-small {
padding: 4px 16px;
}
.jkreativ .jkreativ-woocommerce .product-add-to-cart {
width: 145px;
}
.jkreativ .jkreativ-woocommerce .wishlist_table tr:last-child td {
border : none;
}
.jkreativ .jkreativ-woocommerce  form .form-row-first,
.jkreativ .jkreativ-woocommerce  form .form-row-first,
.jkreativ .jkreativ-woocommerce  .form-row-last,
.jkreativ .jkreativ-woocommerce  form .form-row-last {
float: left;
overflow: visible;
width: 47% !important;
}
.jkreativ .jkreativ-woocommerce  form .form-row-last,
.jkreativ .jkreativ-woocommerce  form .form-row-last {
float: right;
}
.jkreativ .jkreativ-woocommerce .edit-address-form .button {
clear: both;
display: block;
float: none;
}
.jkreativ .jkreativ-woocommerce #customer_details label {
font-weight: bold;
}
.jkreativ .jkreativ-woocommerce #customer_details p {
width: 98%;
}
.jkreativ #customer_details h3,
.jkreativ #orderdetail h3 {
border-bottom: 3px double #999999;
padding-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
}
.jkreativ  #customer_details .col-2 {
clear: both;
float: none;
}
.jkreativ .shop_table tfoot th,
.jkreativ .shop_table tfoot td {
text-align: right;
border: 0;
}
.jkreativ .shop_table .product-total {
text-align: right;
}
.jkreativ.woocommerce  #payment,
.jkreativ.woocommerce-page #payment {
background: #f0f0f0;
padding: 20px;
margin-top: 20px 30px;
border: 1px solid #ddd;
border-radius: 0;
}
.jkreativ  #payment ul,
.jkreativ  #payment li {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.jkreativ .payment_methods.methods label {
margin-left: 0px;
}
.jkreativ .payment_methods.methods input {
float: left;
}
.jkreativ #payment li {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #FFFFFF;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
.jkreativ #payment li:first-child {
border-top: none;
}
.jkreativ #payment li:last-child {
border-bottom: none;
}
.jkreativ .payment_box {
background: #FFFFFF;
border: 1px solid #DDDDDD;
font-size: 12px;
margin-top: 15px;
padding: 5px 20px;
}
.jkreativ .jkreativ-woocommerce .payment_box:after {
}  .jkreativ .jkreativ-woocommerce.productline .mainsidebar {
float: right;
width: 35%;
}
.jkreativ .jkreativ-woocommerce.productline .mainpage {
width: 65%;
}
.jkreativ .jkreativ-woocommerce.productline .article-header {
margin-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce.productline .panel-group {
margin: 20px 0;
}
.jkreativ .jkreativ-woocommerce.productline .price {
font-size: 25px;
margin: 25px 0;
color: #555555;
}
.jkreativ .jkreativ-woocommerce.productline .price del {
color: #aaa;
margin-right: 5px;
}
.jkreativ .jkreativ-woocommerce.productline .price ins {
text-decoration: none;
font-size: 25px;
color: #555555;
}
.jkreativ .jkreativ-woocommerce.productline table {
width: 100%;
}
.jkreativ .jkreativ-woocommerce.productline table th {
font-weight: bold;
}
.jkreativ .jkreativ-woocommerce.productline table th,
.jkreativ .jkreativ-woocommerce.productline table td {
text-align: left;
border-bottom: 1px dotted #bbb;
}
.jkreativ .jkreativ-woocommerce.productline .quantity {
margin: 0;
display: inline-block;
float: left;
margin-right: 10px !important;
margin-bottom: 20px !important;
}
.jkreativ .jkreativ-woocommerce.productline table tr:last-child th,
.jkreativ .jkreativ-woocommerce.productline table tr:last-child td {
border: none;
}
.jkreativ .jkreativ-woocommerce .article-header > span {
color: #777777;
font-family: 'Playfair Display', Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 2;
}
.jkreativ .jkreativ-woocommerce .star-rating {
display: inline-block;
font-family: "FontAwesome";
margin-top: 5px;
position: relative;
float: none;
}
.jkreativ .jkreativ-woocommerce .star-rating:after {
content: "\f005 \f005 \f005 \f005 \f005";
color: #ddd;
}
.jkreativ .jkreativ-woocommerce .star-rating span,
.jkreativ .jkreativ-woocommerce-page .star-rating span {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.jkreativ .jkreativ-woocommerce .woocommerce.star-rating span,
.jkreativ .jkreativ-woocommerce .star-rating span {
padding-top: 0;
}
.jkreativ .jkreativ-woocommerce .star-rating span:after {
content: "\f005 \f005 \f005 \f005 \f005";
color: #cd9a66;
}
.jkreativ-woocommerce .reviews_no {
display: inline-block;
color: #333;
font-weight: normal;
font-style: italic;
font-size: 12px;
margin-left: 5px;
} .woocommerce .star-rating,
.woocommerce-page .star-rating {
width: 75px !important;
}
.woocommerce .star-rating:before,
.jkreativ.woocommerce .star-rating:before,
.jkreativ.woocommerce-page .star-rating:before {
content: '' !important;
}
.woocommerce .star-rating span:before,
.jkreativ.woocommerce .star-rating span:before,
.jkreativ.woocommerce-page .star-rating span:before {
content: '' !important;
}
.pp_woocommerce .comment-form-author,
.pp_woocommerce .comment-form-email,
.pp_woocommerce .comment-form-url {
float: none;
width: auto;
}
.jkreativ.woocommerce .jkreativ-woocommerce .star-rating, .jkreativ.woocommerce-page .jkreativ-woocommerce .star-rating {
width: 5em;
}
.woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist {
padding: 0;
}
.jkreativ.woocommerce .jkreativ-woocommerce #reviews #comments ol.commentlist li .comment-text,
.jkreativ.woocommerce-page #reviews .jkreativ-woocommerce #comments ol.commentlist li .comment-text {
border-color: #ddd;
}
.jkreativ .jkreativ-woocommerce .btn.btn-small {
font-size: 12px;
}
.inline.show_review_form.btn {
border: 1px solid #AAAAAA;
color: #555555;
float: right;
}
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
color: #ffffff !important;
background: #428bca !important;
border-color: #357ebd !important;
font-size: 12px !important;
padding: 4px 16px !important;
box-shadow: none;
border-radius: none;
margin-left: 10px;
}
.jkreativ .price del {
font-size: 16px;
text-decoration: line-through;
font-weight: 300;
margin-right: 6px;
}
.jkreativ .productcategorywrapout {
background: #eee;
width: 100% !important;
}
.jkreativ.woocommerce table.shop_table, .jkreativ.woocommerce-page table.shop_table {
border: none;
}
.jkreativ .woocommerce form.login,
.jkreativ .woocommerce form.checkout_coupon,
.jkreativ .woocommerce form.register,
.jkreativ .woocommerce-page form.login,
.jkreativ .woocommerce-page form.checkout_coupon,
.jkreativ .woocommerce-page form.register {
border-radius: 0;
}
.jkreativ .woocommerce table.shop_table tfoot td,
.jkreativ .woocommerce table.shop_table tfoot th,
.jkreativ .woocommerce-page table.shop_table tfoot td,
.jkreativ .woocommerce-page table.shop_table tfoot th {
border-top: 0;
font-weight: normal;
text-align: right;
}
.jkreativ .woocommerce table.shop_table,
.jkreativ .woocommerce-page table.shop_table {
margin: 0 -1px 5px 0;
}
.jkreativ .woocommerce form .form-row,
.jkreativ .woocommerce-page form .form-row {
margin: 0 0 15px;
}
.jkreativ .woocommerce table.my_account_orders,
.jkreativ .woocommerce-page table.my_account_orders {
font-size: 1em;
}
.jkreativ .woocommerce table.shop_table th,
.jkreativ .woocommerce-page table.shop_table th {
font-weight: normal;
}
.jkreativ .woocommerce table.my_account_orders .order-actions,
.jkreativ .woocommerce-page table.my_account_orders .order-actions {
text-align: center;
}
.woocommerce .order_details li, .woocommerce-page .order_details li {
margin-top: 10px;
margin-bottom: 10px;
}
.price .from {
font-size: 15px;
margin-right: 5px;
text-transform: uppercase;
}
.single_variation {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}
.jkreativ .variations_button {
clear: both;
}
.jkreativ .jkreativ-woocommerce.productline .price {
float: left;
}
.jkreativ .jkreativ-woocommerce.productline .product_price_desktops .price  {
float: none;
}
.jkreativ .jkreativ-woocommerce.productline p.stock {
float: right;
margin: 25px 0;
}
.jkreativ mark {
background: #FFFFFF;
color: #000000;
}
#account_password-2_field .hidden {
display: block !important;
}
.jkreativ table.shop_table .product-name small a {
font-size: 12px;
}
.toplink li .topcart_product_remove > a, .topnavigationwoo li .topcart_product_remove > a {
color: #888888;
font-style: italic;
letter-spacing: 0;
line-height: 1.8;
text-transform: lowercase;
}
.toplink li .topcart_product_remove > a:hover, .topnavigationwoo li .topcart_product_remove > a:hover {
color : #666;
}
.topcartlist .variation dt, .topnavigationwoo .variation dt {
float: left;
}
.topcartlist .variation {
font-size: 11px;
font-style: italic;
margin: 0;
color: #888888;
line-height: 18px;
}
.topcartlist .variation dd {margin-left: 25px;}
.topemptycart {
text-align: center;
}
.topemptycart h5 { letter-spacing: 0; }
.headermenu .toplink li .topemptycart a, .headermenu .toplink li .topemptycart a:hover {
color: #888;
line-height: 2;
margin-bottom: 15px;
display: block;
} .landing-navigator {
background: #FFFFFF;
border-radius: 1px;
display: none;
padding: 5px 5px 0;
position: fixed;
right: 20px;
top: 200px;
z-index: 2;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.landing-navigator > ul {
padding: 0;
margin: 0;
}
.landing-navigator > ul > li {
background: #ACACAC;
cursor: pointer;
display: block;
height: 22px;
list-style: none;
margin-bottom: 5px;
width: 9px;
}
.navigator-block-fill {
background: #f0f0f0;
height: 0;
position: relative;
width: 100%;
} .landing-navigator.circle {
border-radius : 6px;
}
.landing-navigator.circle li {
border-radius: 100%;
clear: both;
display: block;
height: 14px;
margin-bottom: 7px;
margin-top: 4px;
width: 14px;
}
.landing-navigator.circle .navigator-block-fill {
border-radius: 100%;
height: 100% !important;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.landing-navigator.circle .navigator-block-fill.active {
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
} #jtooltip {
background: rgba(125, 125, 125, 0.5);
display: none;
font-size: 14px;
position: fixed;
min-width: 200px;
z-index: 2002;
}
#jtooltip .triangle {
border-color: rgba(0, 0, 0, 0) rgba(102, 102, 102, 0.92) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 7px;
float: left;
left: -13px;
position: absolute;
top: 8px;
}
#jtooltip .torapper {
background:  #222;
color: #FFF;
font-size: 13px;
padding: 4px 12px;
}
#jtooltip .rtriangle-border {
display: none;
}
#jtooltip .triangle-border {
display: none;
}
#jtooltip .rtriangle {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222;
border-style: solid;
border-width: 7px;
float: left;
position: absolute;
right: -13px;
text-shadow: 0 0 2px #000000;
top: 8px;
} .video-wrap {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
background-color: #3d3d3d;
background-image: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loader_light.gif);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: 48px;
background-size: 48px;
}
.video-wrap.parallaxvideo {
position: fixed;
transform: translate3d(0px, 0px, 0px) !important;
z-index: -1;
}
.video-wrap video {
height: auto;
width: auto;
opacity: 0;
}
.video-wrap video.heightauto {
height: auto;
width: 100%;
opacity: 1;
}
.video-wrap video.widthauto {
height: 100%;
width: auto;
opacity: 1;
}
.video-fallback {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: none;
} .loadpercentage {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
font-size: 20px;
line-height: 300px;
text-align: center;
}
.responsive360wrapper, .dragging {
cursor: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/drag.png),default !important;
} .landing-footer {
border-top: 1px solid #ECECEC;
background-color: #fff;
padding: 60px 0;
}
.landing-btm-footer {
background: #EEEEEE;
padding: 24px 0;
}
.landing-footer-copyright {
color: #666666;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footerwidget {margin-bottom: 40px;}
.footerwidget h3 {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
} .footerwidget ul, .footerwidget ol {
list-style: none;
margin: 0;
padding: 0;
}
.footerwidget.widget_archive li,
.footerwidget.widget_categories li,
.footerwidget.widget_links li,
.footerwidget.widget_meta li,
.footerwidget.widget_nav_menu li,
.footerwidget.widget_pages li {
margin-left: 1em;
}
.footerwidget.widget_archive li a,
.footerwidget.widget_categories li a,
.footerwidget.widget_links li a,
.footerwidget.widget_meta li a,
.footerwidget.widget_nav_menu li a,
.footerwidget.widget_pages li a {
line-height: 2em; position: relative;
}
.footerwidget.widget_archive li a:before,
.footerwidget.widget_categories li a:before,
.footerwidget.widget_links li a:before,
.footerwidget.widget_meta li a:before,
.footerwidget.widget_nav_menu li a:before,
.footerwidget.widget_pages li a:before {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
left: -1em;
color: #9b9b9b;
}
.footerwidget.widget_recent_comments li {
margin-left: 1em;
list-style: square;
}
.footerwidget .jeg-tweet-container, .footerwidget .jeg-twitter-container {text-align: left;}
.footerwidget .jeg-follow-button:before {margin: 10px 0 20px}
.footerwidget.widget_recent_entries .post-date {
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footerwidget.widget_recent_entries li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ddd;
} .page-template-templatetemplate-blog-clean-php, .blog-clean {
background : white !important;
}
.clean-blog-wrapper {
max-width: 1300px;
}
.horizontalnav .clean-blog-wrapper { margin:0 auto; }
.horizontalnav .clean-blog-article { margin-top: 60px; }
.clean-blog-article {
clear: both;
display: block;
margin: 40px 0;
overflow: hidden;
}
.clean-blog-content .post-excerpt {margin-bottom: 30px;}
.clean-blog-meta-wrapper, .clean-blog-content-wrapper {
border-top: 1px solid #DDDDDD;
margin: 0 25px;
padding-top: 10px;
}
.clean-blog-content-wrapper.article-quote-wrapper {
padding: 30px 40px;
border: none;
}
.clean-blog-meta {
float: left;
width: 25%;
}
.clean-blog-content {
float: right;
width: 75%;
}
.clean-blog-wrapper .article-header h2, .clean-blog-wrapper .article-header h1 {
color: #000000;
font-family: 'Playfair Display', Georgia, serif;
font-size: 52px;
line-height: 1.4;
text-transform: none;
}
.clean-blog-meta-wrapper {
padding-top: 30px;
margin: 0 25px 0 40px;
text-align: right;
}
.clean-meta-top {
font-size: 14px;
font-weight: bold;
}
.clean-meta-top.clean-comment-meta {font-weight: normal;}
.clean-blog-content .comment-container {padding: 20px 0 30px;}
.clean-blog-content .comment-respond,
.clean-blog-content #respond > h3 {
margin-top:0;
}
.clean-blog-content .article-masonry-meta-wrapper {
font-size: 12px;
line-height: 24px;
margin: 30px 0 0;
padding: 16px 0;
background: transparent;
border-top: 1px dotted #ededed;
}
.blogcleanpaging {
width: 75%;
float: right;
}
.blogcleanpaging .pagination-wrapper {
display: block;
margin: 30px 25px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.pagination-wrapper .nav-prev {float: left;}
.pagination-wrapper .nav-next {float: right;} .html5popup-wrapper {
max-width: 900px;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
z-index: 505;
}
.mfp-html5video-scaler {
width: 100%;
} .fixsize {
height: 650px !important;
}
.jnpslider .bgslider-holder {
height: 100%;
position: relative;
width: 100%;
}
.jnpslider .bgslider {
background-position: center 0;
background-size: cover;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
}
.jnpslider .text-holder {
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.jnpslider .text-wrapper {
display: none;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
.jnpslider .jcontainer.center, .jnpslider .jcontainer.center span {
text-align: center;
}
.parallaxslider .sliderContainer{
opacity: 1;
}
.parallaxslider {
overflow: hidden;
}
.jnpslider h2 {
color: #FFFFFF;
font-size: 36px;
letter-spacing: 2px;
line-height: 45px;
margin: 0 0 20px;
max-width: 700px;
position: relative;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.jnpslider .slider-alternate {
color: #FFFFFF;
font-size: 22px;
line-height: 34px;
margin-bottom: 30px;
margin-top: 15px;
padding: 0;
position: relative;
}
.jnpslider h2 strong { font-weight: 600; }
.jnpslider .amp { font-family: 'Playfair Display', Georgia, serif; font-weight: normal; }
.jnpslider .slider-button {
text-align: left;
z-index: 5;
position: relative;
}
.jnpslider .jcontainer.center h2 {
margin-left: auto;
margin-right: auto;
}
.jnpslider:hover .nav-arrows span.nav-arrow-prev {
left: 10px;
}
.jnpslider:hover .nav-arrows span.nav-arrow-next {
right: 10px;
}
.jnpslider .slider-video {
cursor: pointer;
position: relative;
}
.slider-video .imggalitem {
opacity: 1;
}
.additional-slider-video {
display: inline;
margin-left: 10px;
}
.additional-slider-video {
display: none;
} .roverlayclose {
display: block;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.roverlayclose {
color: #fff;
cursor: pointer;
font-family: "FontAwesome";
font-size: 30px;
font-style: normal;
line-height: 50px;
text-align: center;
}
.roverlayclose:before {
content: "\f00d";
}
.creditcontainer {
color: #FFFFFF;
position: absolute;
text-align: center;
width: 100%;
}
.creditcontainer .top {
font-family: 'Playfair Display', Georgia, serif;
font-size: 70px;
font-style: italic;
font-weight: 800;
}
.creditcontainer .name {
font-size: 16px;
font-weight: normal;
letter-spacing: 3px;
margin: 10px 0;
}
.creditcontainer .title {
font-size: 13px;
margin: 0;
padding-bottom: 20px;
padding-top: 50px;
letter-spacing: 4px;
}
.creditcontainer .break {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 20px;
display: block;
height: 5px;
width: 5px;
margin: 250px auto 150px;
}
.creditaudio {
display: none;
} .twolinetop {
background-color: #EDEDED;
border-bottom: 1px solid #DDDDDD;
}
.topwrapperabove {
height: 38px;
line-height: 38px;
}
.topnavmsg {
font-family: 'Playfair Display',Georgia,serif;
color: #666;
float: left;
font-style: italic;
line-height: 45px;
margin-left: 20px;
font-size: 13px;
}
.topnavigationwoo .topaccount span, .topnavigationwoo .topcart a, .topnavigation .footsocial a {
color: #757575;
}
.twolinetop .langwrapper, .twolinetop .langwrapper ul li {
line-height: 40px;
height: 40px;
} table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
table tr:nth-child(even) { background: #fbfbfb; }
table td { border-bottom: 1px solid #f7f7f7; text-align: center; padding: 5px; vertical-align: middle; }
table th { font-weight: 600; text-align: center; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 10px 5px; } img {height: auto !important; max-width: 100%;}
img.size-auto,
img.size-large,
img.size-medium,
.attachment img { max-width: 100%; height: auto; }
img.alignleft { margin: 0px 20px 18px 0; }
img.alignright { margin: 0px 0 18px 20px; }
img.aligncenter { margin: 0px auto 18px; clear: both; display: block; }
img .size-full { width: 100%!important; }
.gallery img, .mainpage img.wp-smiley { margin: 0; }
.wp-caption { background: #eee; max-width: 100%; margin-bottom: 14px; text-align: center; }
.wp-caption-text { font-style: italic; }
.wp-caption a { border-bottom: none; }
.wp-caption img { margin: 0; max-width: 100%; height: auto; }
.wp-caption.alignleft { margin-right: 20px; }
.wp-caption.alignright { margin-left: 20px; }
.wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.wp-caption-text { color: #333; font-size: 13px; padding: 8px 0; margin: 0; } .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
.gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin: 0!important; }
.gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 11px; padding: 5px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; }
.gallery .gallery-item:hover .gallery-caption  { bottom: 0; }
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none!important; }
.sticky .featured-post:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f005";
margin-right: 4px;
}
#comments .bypostauthor .coment-box { border-bottom:double medium #ddd;}
.jkreativ table.shop_table td.product-name {
text-align: left;
}
.imggalitem.ajaxload { opacity: 1; }
.calloutinner.text-normal {
text-align: center;
}
.calloutinner .btn {
padding: 12px 24px;
}
.calloutinner.text-normal h3 {
display: inline-block;
margin: 0 20px 0 0;
}
.calloutinner.text-normal .btn {
top: -3px;
position: relative;
} .sliderContainer {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
height: 100%;
}
.ioscontainer {
position: relative;
top: 50%;
margin-top: -75px;
}
.iosSlider {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
float: left;
width: 100%;
height: 100% !important;
overflow: hidden;
}
.sliderhold {
cursor: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/drag.png),default !important;
}
.iosSlider .item {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
text-align: center;
}
.iosSlider .slider .item .text1, .iosSlider .slider .item .text2, .iosSlider .slider .item .text3 {
position: relative;
opacity: 0;
filter: alpha(opacity:0);
}
.item .text1 {
font-size: 32px;
font-weight: normal;
color: #FFFFFF;
max-width: 840px;
margin: 0 auto 20px;
line-height: 45px;
letter-spacing: 1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
.slidewrapper .item em {
font-family: "Playfair Display", Georgia, serif;
font-style: normal;
font-weight: normal;
}
.item .text2 {
color: #FFFFFF;
font-size: 22px;
font-weight: 300;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
line-height: 30px;
right: 0;
max-width: 760px;
margin: 0 auto 30px;
text-shadow:0px 1px 1px rgba(0,0,0,0.2);
padding: 0;
}
.item .text3 {
cursor: pointer;
display: block;
margin-top: 10px;
}
.iosSlider .navigation > div {
background: white;
height: 80px;
margin-top: -80px;
position: absolute;
top: 50%;
width: 40px;
font-family: "FontAwesome";
color: #333;
font-size: 30px;
line-height: 80px;
text-align: center;
opacity: 0.2;
}
.iosSlider .navigation > div.prev-slide { left: 0; }
.iosSlider .navigation > div.next-slide { right: 0; }
.iosSlider .navigation > div.prev-slide:before { content: "\f104"; }
.iosSlider .navigation > div.next-slide:before { right: 20px; content: "\f105";  }
.navigationdot {
bottom: 40px;
position: absolute;
text-align: center;
width: 100%;
z-index: 1000;
cursor: pointer;
}
.slide-dot {
background-color: white;
display: inline-table;
height: 10px;
margin: 0 3px;
width: 10px;
border-radius: 5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.slide-dot.selected {
background-color : #cd9a66;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
} .iosSlider .slider .item .text1 {
opacity: 0;
left: -100px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.iosSlider .slider .item.activeslide .text1 {
opacity: 1;
left: 0px;
}
.iosSlider .slider .item .text2 {
opacity: 0;
right: -100px;
-webkit-transition: all 0.2s ease 0.2s;
-moz-transition: all 0.2s ease 0.2s;
-o-transition: all 0.2s ease 0.2s;
transition: all 0.2s ease 0.2s;
}
.iosSlider .slider .item.activeslide .text2 {
opacity: 1;
right: 0px;
}
.iosSlider .slider .item .text3 {
opacity: 0;
top: 30px;
-webkit-transition: all 0.4s ease 0.4s;
-moz-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.iosSlider .slider .item.activeslide .text3 {
opacity: 1;
top: 0;
} .slider-button .button-text {
color: white;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 0.65s;
-moz-transition: all 0.65s;
transition: all 0.65s;
}
.slider-button, .text-slider .btn {
padding: 8px 20px;
border: 2px solid rgba(255,255,255, 0.8);
position: relative;
display: inline-block;
outline: none;
z-index: 5;
}
.text-slider .btn {font-size: 15px; line-height: 1.8em;}
.slider-button:after, .text-slider .btn:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #fff;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.slider-button:hover, .slider-button:active,
.text-slider .btn:hover, .text-slider .btn:active {
border-color:#fff;
color: rgba(0,0,0,0.7);
}
.slider-button:hover .button-text,
.slider-button:active .button-text{
color: rgba(0,0,0,0.7);
}
.slider-button:hover:after, .slider-button:active:after,
.text-slider .btn:hover:after, .text-slider .btn:active:after {
width: 100%;
} .portfolio-slider-holder {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.portfolio-slider-holder img {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.portfolio-slider-holder .loaded {
opacity: 1 !important;
position: relative;
}
.portfolio-slider-holder .notloaded {
opacity: 0;
}
.portfolio-content-holder {
height: 100%;
position: relative;
overflow: hidden;
background-image: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loading.gif);
background-size: 40px 40px;
background-position: center center;
background-repeat: no-repeat;
}
.portfoliovideo-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.portfolio-slider-holder .slider {
width: 100%;
height: 100%;
}
.portfolio-slider-holder .slider .item {
float: left;
width: 100%;
height: 100%;
}
.portfolio-content-holder .video-container, .fsvideo .video-container {
position: static;
}
.portfolio-content-slider {
float: left;
height: 100%;
overflow: hidden;
width: 100%;
}
.portfolio-content-wrapper {
background-color: #FFFFFF;
height: 100%;
position: absolute;
left: 100%;
width: 30%;
z-index: 3;
overflow: auto;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
}
.portfolio-content-wrapper, .portfolio-content-wrapper-inner {
-webkit-overflow-scrolling: touch;
}
.video-container {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}
.html5-video-container {
height: 100%;
width: 100%;
display: block;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .fullwidthmapwrapper {
width: 100%;
height: 550px;
position: relative;
} #kenburns-slideshow {
position: relative;
width:100%;
height: 100%;
background-color:#666;
z-index: 1;
overflow: hidden;
}
.kb-slide{
position: absolute;
z-index: 1;
opacity: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.kb-slide img {
height: inherit;
max-width: inherit;
position: absolute;
}
.kb-overlay {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 6;
}
.kenburntext {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.kenburntextcontent {
bottom: 40px;
left: 40px;
position: absolute;
padding-right: 20px;
top: auto;
z-index: 8;
}
.kenburntextcontent.item .text1, .kenburntextcontent.item .text2 {
margin: 0;
}
.kenburntextcontent.item .text1 {
font-size: 36px;
}
.kenburntextcontent.item .text2 {
font-size: 21px;
margin: 1em 0 1.6em;
}
.kenburntextcontent > div {
opacity: 0;
}
.kenburntextwrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 8;
}
.kennav {
position: absolute;
right: 20px;
top: 20px;
display: none;
z-index: 5;
}
.noheadermenu .kennav {
top: 20px;
}
.kennav > ul {
list-style: none;
margin: 0;
padding: 0;
}
.kennav li {
background: #FFFFFF;
border-radius: 26px;
color: #333333;
cursor: pointer;
float: left;
font-size: 9px;
font-style: italic;
height: 23px;
line-height: 22px;
margin: 0 3px;
text-align: center;
width: 22px;
}
.kennav li.active {
background: black;
color: white;
} .blog-masonry-wrapper {
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
}
.blog-masonry-wrapper .isotopewrapper {
padding-bottom: 10px;
overflow: inherit !important;
}
.article-image {
padding-bottom: 15px;
position: relative;
}
.article-masonry-container {
opacity: 0;
}
.article-masonry-box, .article-normal-box {
position: relative;
width: auto;
display: block;
margin: 10px;
}
.article-masonry-box-ads {
text-align: center;
}
.article-masonry-box-ads img {
width: 100%;
}
.article-masonry-ads-text {
background: #f0f0f0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
margin: -20px -20px 15px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
.article-masonry-box-ads a {
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.article-category > a {
font-size: 10px;
font-style: normal;
text-transform: uppercase;
}
.article-masonry-wrapper {
padding: 20px 20px 0;
margin-top: 0;
}
.article-normal-wrapper {
padding: 0 15px;
margin-top: 20px;
}
.article-masonry-box h2, .article-normal-box h2 {
font-size: 19px;
line-height: 26px;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
}
.article-masonry-wrapper h2 a, .article-normal-wrapper h2 a {
font-size: 20px;
font-style: normal;
color: #444444;
text-transform: uppercase;
}
.article-masonry-box {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.article-masonry-box .article-meta {
font-size: 12px;
margin-bottom: 12px;
text-align: center;
}
.article-masonry-box a {
text-decoration: none;
}
.article-image img {
display: block;
height: auto;
width: 100%;
}
.article-masonry-summary {
background: #fbfbfb;
border-top: 1px dotted #ededed;
color: #333333;
margin: 20px -20px 0;
padding: 0 30px 25px;
text-align: center;
}
.article-masonry-summary p {
margin-bottom: 0;
margin-top: 20px;
color: #666;
}
.article-masonry-meta-wrapper {
background: transparent;
border-top: 1px dotted #ededed;
font-size: 12px;
line-height: 24px;
margin-left: -20px;
margin-right: -20px;
padding: 12px 20px;
}
.article-comment {
font-size: 12px;
margin-top: 10px;
text-align: right;
}
.article-masonry-container .fotorama__nav-wrap {
margin-bottom: 15px;
}
.article-masonry-container [data-type="youtube"],
.article-masonry-container [data-type="vimeo"],
.article-masonry-container [data-type="soundcloud"],
.article-masonry-container [data-type="html5video"] {
margin-bottom: 15px;
}
.article-masonry-container [data-type="html5video"] .mejs-overlay-button {
background-size: 50px;
background-repeat: no-repeat;
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
margin-top: -10px !important;
}
.article-masonry-container .mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -50px;
} .article-quote-container .article-masonry-wrapper { margin-bottom: 0 }
.article-quote-container .article-normal-wrapper { margin-bottom: 20px }
.article-quote-wrapper {
background: #333333;
padding: 20px;
margin-bottom: 20px;
font-size: 20px;
color: white;
}
.article-normal-container .article-quote-wrapper {
font-size: 30px;
}
.article-quote-wrapper quote {
color: #FFFFFF;
display: block;
font-size: 22px;
font-style: italic;
font-weight: normal;
line-height: 30px;
padding-bottom: 20px;
}
.article-normal-container quote {
text-align: center;
}
.article-quote-wrapper .article-meta {
color: #FFFFFF;
margin-bottom: 0;
text-align: right;
font-size: 14px;
}
.article-quote-valign {
vertical-align: middle !important;
}
.article-quote-wrapper a:hover {color: inherit; text-decoration: underline;}
.article-sidebar .article-quote-wrapper {
text-align: left;
}
.article-sidebar .article-quote-wrapper quote {
font-size: 20px;
} .article-head-container {
width: 100% !important;
}
.article-head-container .article-masonry-wrapper {
margin: 0;
padding: 20px;
}
.article-head-wrapper {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
font-size: 18px;
line-height: 1.5;
padding: 40px 0;
text-align: center;
}
.article-head-wrapper b {
} .blog-normal-wrapper {
overflow: hidden;
width: 100%;
padding-top: 42px;
max-width: 1550px;
position: relative;
z-index: 1;
}
.horizontalnav .blog-normal-wrapper {
border-left: 1px solid #ddd;
margin: 0 auto;
}
.blog-normal-article .article-header h2, .blog-normal-article .article-header h1 {
font-weight: 600;
}
.blog-big-wrapper {
width: auto;
margin-right: 40px;
background: #fdfdfd;
border-right: 1px solid #ddd;
}
.blog-main-content {
width: 75%;
background-color: white;
float: left;
position: relative;
}
.blog-right-content {
position: relative;
width: 25%;
float: left;
}
.article-inner-wrapper {
position: relative;
}
.blog-normal-article .article {
padding: 20px 30px 20px 30px;
}
.blog-normal-article, .comment-container {
width: 100%;
position: relative;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
-ms-transition: background 1s ease-out;
transition: background 1s ease-out;
}
.blog-normal-article {
border-bottom: 1px solid #eee;
}
.single-post .blog-normal-article:hover {
background: none;
}
.single-post .featured {
margin-bottom: 25px;
}
.blog-normal-wrapper .article > .featured {
margin-bottom: 25px;
}
.article-header {
margin-top: 10px;
display: block;
margin-bottom: 20px;
clear: both;
text-align: left;
}
.single-post .blog-normal-article:hover .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.blog-normal-article .featured img {
width: 100% !important;
}
.insetshadow {
display:block;
position:relative;
overflow: hidden;
}
.insetshadow img {
display:block;
}
.insetshadow:before {
display:block;
content:'';
position:absolute;
width:100%;
height:100%;
z-index: 2;
-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
}
.blog-normal-article:hover .insetshadow img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-webkit-transition: all 20s ease-out;
-moz-transition: all 20s ease-out;
-o-transition: all 20s ease-out;
-ms-transition: all 20s ease-out;
transition: all 20s ease-out;
}
.blog-normal-article .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.article-header h2, .article-header h1 {
font-style: normal;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-post .blog-normal-article .article-header h2  {
letter-spacing: 1px;
}
.blog-normal-article .meta-top {
font-size: 11px;
display: block;
margin-bottom: 15px;
color: #999;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
}
.blog-normal-article .article-masonry-meta-wrapper {
border-top: 1px solid #E0E0E0;
background-color: rgba(0, 0, 0, 0);
margin-left: 0;
margin-right: 0;
margin-top: 20px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.blog-normal-article .featured h2 {
margin-top: 0px;
}
.blog-normal-article .article-share {
max-width: 60px;
width: 60px;
margin: 0px 10px 0 10px;
position: absolute;
text-align: center;
top: 0;
overflow: hidden;
}
.blog-normal-article .share-wrapper {
position: relative;
display: block;
}
.blog-normal-article .article-wrapper {
margin-left: 80px;
padding: 0 20px 0 40px;
min-height: 315px;
border-left: 1px solid #e0e0e0;
}
.blog-normal-article .readmore,
.article-masonry-summary .readmore {
display: block;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
margin-top: 10px;
}
.blog-normal-article .readmore {
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
margin-top: 15px;
}
.hideshare .blog-normal-article .article-wrapper {
min-height: 0;
border-left: none;
margin-left: 0;
padding-left: 10px;
}
.blog-normal-article .article-content {
margin-top: 20px;
}
.blog-normal-article .article-quote-wrapper quote,
.clean-blog-article .article-quote-wrapper quote {
font-family: 'Playfair Display', Georgia, serif;
font-size: 23px;
font-style: italic;
font-weight: normal;
}
.article-quote-wrapper quote sup {font-style: italic;}
.article-quote-wrapper quote span {
margin: 0 5px;
font-family: 'Playfair Display', Georgia, serif;
}
.article-slider-wrapper .article-image-slider {
display: none;
}
.article-slider-wrapper.loading {
background: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loading.gif) no-repeat scroll 10px 10px white;
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-bottom: 50px;
margin-left: -30px;
margin-top: 50px;
opacity: 0.7;
position: relative;
top: 50%;
width: 60px;
} .blog-right-content-wrapper {
position: relative;
display: block;
width: auto;
height: 100%;
border-left: 1px solid #ddd;
}
.blog-main-content .blog-right-content-float {
background-color: #fff;
}
.blog-right-content .blog-right-content-float {
background-color: #f9f9f9;
}
.blog-right-content-float {
background: #FFF;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
height: 9999em;
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-side-space {
display: block;
height: 100%;
padding-right: 40px;
position: absolute;
right: 0;
top: 0;
}
.blog-sidebar {
padding-top: 15px;
}
.blog-sidebar-title h3:after {
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 0 0 10px 14px;
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
right: -1px;
top: 100%;
}
.blog-sidebar-title {
margin: -25px -25px 25px;
}
.blog-sidebar-title h3 {
background-color: #F2F2F2;
color: #666;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
height: 42px;
line-height: 42px;
margin: 0 -15px 0 0;
padding-left: 20px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid #ccc;
border-left: none;
}
.blog-sidebar-content {
padding: 25px;
}
.portfoliosidebarmeta.withcontent {
border-top: 1px solid #DDDDDD;
margin: 20px 0;
}
.portfoliosidebarmeta.withcontent > ul {
margin: 25px 0;
}
.portfoliosidebarmeta > ul {
list-style: none outside none;
margin: 5px 0 25px;
padding: 0;
}
.portfoliosidebarmeta li {
list-style: none outside none;
}
.portfoliosidebarmeta strong {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 20px;
text-transform: uppercase;
color: #333;
font-style: normal;
}
.portfoliosidebarmeta span {
margin-left: 5px;
}
.portfoliosidebarmeta li {
margin-bottom: 10px;
} .blog-sidebar-square-ads {
text-align: center;
}
.blog-sidebar-square-ads img {
width: 100%;
} .imagelist {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.imagelist li {
float: left;
margin: 7px;
border-radius: 5px;
overflow: hidden;
display: block;
max-width: 66px;
} .article-sidebar-container {
margin-bottom: 20px;
display: block;
}
.article-sidebar {
background: white;
border: 1px solid #ddd;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
padding: 15px;
text-align: center;
margin-bottom: 25px;
}
.article-sidebar .article-category {
font-size: 12px;
color: #aaa;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
}
.article-sidebar h2 {
line-height: 1;
margin-bottom: 15px;
margin-top: 2px;
}
.article-sidebar h2 a {
font-style: normal;
color: #333;
line-height: 25px;
font-size: 18px;
text-transform: uppercase;
}
.article-sidebar .article-meta {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #8c8c8c;
}
.blog-sidebar-content > ul {
margin: 0;
padding-left: 20px;
} #fb-root {
display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
} #wp-calendar {
margin: 0;
text-align: center;
width: 100%;
}
#wp-calendar caption {
line-height: 35px;
background: #fbfbfb;
border: 1px solid #dcdcdc;
border-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
table th {
color: #5F5F5F;
font-size: 13px;
font-weight: normal;
padding: 5px 4px;
}
table#wp-calendar th {
background: #f4f4f4;
font-size: 10px;
font-weight: bold;
padding: 0;
border: 1px solid #dcdcdc;
text-shadow: 1px 1px 0 #F4F4F4;
}
table#wp-calendar td {
background: #fff;
border: 1px solid #dcdcdc;
box-shadow: none;
padding: 4px;
text-shadow: 1px 1px 0 #FFFFFF;
}
table#wp-calendar td:hover {
background: inherit;
}
table#wp-calendar td a {
display: block;
}
table#wp-calendar td a:hover {
color: #222;
text-shadow: 0;
cursor: pointer;
} .blog-sidebar #searchform {
margin: 0 40px 0 0;
position: relative;
}
.blog-sidebar #searchform label {
display: none;
}
#searchform input[type="text"] {
font-size: 90%;
margin-bottom: 5px;
padding-left: 32px;
width: 100%;
}
#searchform:before {
position: relative;
margin-right: -28px;
color: #ccc;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
}
.notfound form#searchform {margin: 0}
.notfound #searchform input[type="text"] {
margin-bottom: 30px;
margin-top: 20px;
width: 220px;
}
.blog-sidebar #searchform input[type="submit"] {
display: none;
}
.blog-sidebar #searchform #s {
} .widget_search input {margin: 0} .widget_recent_entries .post-date {
display: block;
font-size: 12px;
color: #9f9f9f;
} .jeg-twitter-container {
font-size: 14px;
text-align: center;
font-style: italic;
}
.jeg-tweets {display: block; overflow: hidden}
.jeg-tweets ul {list-style:none; margin:0 !important; padding: 0 !important;}
.jeg-tweet-time {font-size: 10px; font-style: normal; color: #999; display: block; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px;}
.jeg-follow-button {display: block; margin-top:15px;}
.jeg-follow-button:before {
display: block;
content: " ";
width: 40%;
height: 1px;
margin: 10px auto 20px;
border-top: 1px solid #ddd;
} .blognormalpaging {
position: relative;
z-index: 3;
}
.pagewrapper .blognormalpaging.blogpagingholder {
margin-top: 15px;
margin-bottom: 15px;
} .nopassword {
border-bottom: 1px solid #EEEEEE;
padding: 20px 20px 30px;
}
.comment-container, #disqus_thread {
padding: 30px 40px 50px;
width: auto;
}
.blog-clean .comment-container {padding: 20px 0}
.blog-clean .coment-box-inner {padding:0 0 15px}
.blog-clean .comment-form-comment, .blog-clean .comment-respond {margin:0;}
.blog-clean #reply-title {margin-top: 0;}
.blog-clean .comment-box-reply {margin: 15px 0 30px 0;}
.comment-moderation-text {color: #9b9b9b}
.comment-container hr {
border-top: 1px solid #E2E2E2;
}
#comments > h2 {
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 30px;
text-align: left;
text-transform: uppercase;
}
.comment-container ul, .comment-container li {
list-style: none;
margin: 0;
padding: 0;
}
.comment-container ul.children {
margin-left: 40px;
}
.coment-box-inner {
padding: 10px 0 10px;
}
.comment-autor {
float: left;
margin-right: 20px;
}
.coment-box {
margin-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.addby {
font-size: 14px;
text-transform: uppercase;
}
.replycomment, .closecommentform {
display: list-item;
color: #CD9A66;
cursor: pointer;
float: right;
font-size: 12px;
list-style: square;
padding-right: 5px;
padding-top: 2px;
}
.closecommentform {
display: none;
}
span.liststyle {
display: list-item;
}
.addby .authorcomment {
color: #333333;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
padding-right: 10px;
}
.authorcomment a {
font-style: normal;
font-weight: bold;
}
.addtime {
color: #7F7F7F;
font-size: 12px;
font-style: italic;
}
.comment-text {
margin-left: 100px;
margin-top: 10px;
}
.comment-form-author, .comment-form-email , .comment-form-url{
float: left;
width: 33%;
}
.comment-input-wrapper, .comment-author-wrapper  {
display: block;
margin-right: 30px;
}
.comment-input-wrapper input {
width: 100%;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-comment {
clear: both;
margin-right: 10px;
}
.comment-form-url .comment-input-wrapper {
margin-right: 0;
}
.comment-textarea-wrapper {
margin-right: 10px;
}
#respond > h3 {
clear: both;
font-size: 18px;
margin-left: 0;
padding-left: 0;
text-transform: uppercase;
}
#respond label {
color: #666;
}
.comment-notes {
color: #666666;
}
.comment-respond {
margin-top: 10px;
}
.form-allowed-tags {
color: #999999;
font-size: 85%;
line-height: 1.65em;
margin-bottom: 3em;
} .notfound h1 {
border-bottom: 1px dashed #CCCCCC;
font-size: 120px;
margin: 0 auto 0.5em;
padding: 30px 0;
text-align: center;
}
.notfoundsec {
text-align: center;
padding-bottom: 30px;
}
.notfoundtext {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-style: italic;
line-height: 1.8em;
color: #999;
}  .row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.564102564102564%;
}
.row-fluid .span12, .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11, .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
.row-fluid .span10, .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%;
}
.row-fluid .span9 , .span9{
width: 74.35897435897436%;
*width: 74.30578286961266%;
}
.row-fluid .span8, .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%;
}
.row-fluid .span7 , .span7{
width: 57.26495726495726%;
*width: 57.21176577559556%;
}
.row-fluid .span6, .span6 {
width: 48.717948717948715%;
*width: 48.664757228587014%;
}
.row-fluid .span5, .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%;
}
.row-fluid .span4, .span4 {
width: 31.623931623931625%;
*width: 31.570740134569924%;
}
.row-fluid .span3, .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%;
}
.row-fluid .span2, .span2 {
width: 14.52991452991453%;
*width: 14.476723040552828%;
}
.row-fluid .span1, .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%;
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%;
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%;
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%;
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%;
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%;
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%;
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%;
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%;
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%;
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%;
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%;
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%;
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%;
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%;
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%;
}
.alignleft {
float: left !important;
margin-left: 0 !important;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.alignright {
float: right !important;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter {
display: block;
float: none !important;
margin-left: auto;
margin-right: auto;
} .dropcaps {
float: left;
font-family: 'Playfair Display', Georgia, serif;
font-size: 54px;
line-height: 0.85;
margin-right: 0.3em;
padding-bottom: 0.3em;
position: relative;
text-transform: uppercase;
top: 6px;
} .pull-right {
float: right !important;
padding-right: 15px;
padding-left: 20px;
}
.pull-left {
float: left !important;
padding-right: 20px;
padding-left: 15px;
}
blockquote {
padding: 0px 20px 10px !important;
margin: 0 0 20px !important;
border-left: 5px solid rgba(0,0,0,0.05);
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
margin-top: 6px;
margin-bottom: 10px;
line-height: 1.6em;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote:after {
content: '';
display: block;
clear: both;
}
blockquote.pull-right {
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p, blockquote.pull-right small {
text-align: right;
} .slider-inside-post {
margin-top: 20px;
margin-bottom: 20px;
} .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.alert-danger {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-dismissable .close {
position: relative;
color: inherit;
}
.alert strong {margin-right: 0.75em;}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
} .highlight {
border-radius: 2px;
padding: 2px 6px;
background-color: #000000;
color: #FFFFFF;
font-style: normal;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}
.highlight:hover {
color: #fff;
} .tooltip {
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
position: absolute;
visibility: visible;
z-index: 1030;
}
.tooltip.in {
opacity: 0.9;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
background-color: #000000;
color: #FFFFFF;
max-width: 200px;
padding: 8px 15px;
text-align: center;
text-decoration: none;
border-radius: 2px;
}
.tooltip-arrow {
border-color: rgba(0, 0, 0, 0);
border-style: solid;
height: 0;
position: absolute;
width: 0;
}
.tooltip.top .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 5px;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
right: 5px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #000000;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%;
}
.tooltip.left .tooltip-arrow {
border-left-color: #000000;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 5px;
top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
right: 5px;
top: 0;
} .panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table {
margin-bottom: 0;
}
.panel > .panel-body + .table {
border-top: 1px solid #dddddd;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
border-radius: 2px;
}
.accordion-toggle {
font-style: normal;
color: #333;
text-transform: uppercase;
display: block;
letter-spacing: 1px;
font-size: 14px;
outline: none;
-moz-outline: none;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-warning {
border-color: #fbeed5;
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #fbeed5;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #fbeed5;
}
.panel-danger {
border-color: #eed3d7;
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #eed3d7;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #eed3d7;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
} .nav {
list-style: none outside none;
margin-bottom: 0;
padding-left: 0;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
display: block;
position: relative;
}
.nav > li > a {
display: block;
padding: 10px 15px;
position: relative;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #EEEEEE;
text-decoration: none;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
background-color: rgba(0, 0, 0, 0);
color: #999999;
cursor: not-allowed;
text-decoration: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #EEEEEE;
border-color: #428BCA;
}
.nav .nav-divider {
background-color: #E5E5E5;
height: 1px;
margin: 9px 0;
overflow: hidden;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #DDDDDD;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
line-height: 1.42857;
margin-right: 2px;
}
.nav-tabs > li > a:hover {
border-color: #EEEEEE #EEEEEE #DDDDDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #DDDDDD #DDDDDD transparent;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555555;
cursor: default;
}
.nav-tabs.nav-justified {
border-bottom: 0 none;
width: 100%;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #DDDDDD;
margin-right: 0;
}
.nav-tabs.nav-justified > .active > a {
border-bottom-color: #FFFFFF;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 5px 5px 5px 5px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #428BCA;
color: #FFFFFF;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-left: 0;
margin-top: 2px;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs-justified {
border-bottom: 0 none;
}
.nav-tabs-justified > li > a {
border-bottom: 1px solid #DDDDDD;
margin-right: 0;
}
.nav-tabs-justified > .active > a {
border-bottom-color: #FFFFFF;
}
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
.nav .caret {
border-bottom-color: #428BCA;
border-top-color: #428BCA;
}
.nav a:hover .caret {
border-bottom-color: #2A6496;
border-top-color: #2A6496;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px;
}
.navbar {
border: 1px solid transparent;
margin-bottom: 20px;
min-height: 50px;
position: relative;
z-index: 1000;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 2px;
}
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
max-height: 340px;
overflow-x: visible;
padding-left: 15px;
padding-right: 15px;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
border-top: 0 none;
box-shadow: none;
width: auto;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
overflow: visible !important;
padding-bottom: 0;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
}
.container > .navbar-header, .container > .navbar-collapse {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header, .container > .navbar-collapse {
margin-left: 0;
margin-right: 0;
}
}
.navbar-static-top {
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0 0 0 0;
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
border-width: 0 0 1px;
left: 0;
position: fixed;
right: 0;
}
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0 0 0 0;
}
}
.navbar-fixed-top {
top: 0;
z-index: 1030;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
}
.navbar-brand {
float: left;
font-size: 18px;
line-height: 20px;
padding: 15px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
background-color: rgba(0, 0, 0, 0);
border: 1px solid transparent;
border-radius: 2px;
float: right;
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 9px 10px;
position: relative;
}
.navbar-toggle .icon-bar {
border-radius: 1px 1px 1px 1px;
display: block;
height: 2px;
width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
background-color: rgba(0, 0, 0, 0);
border: 0 none;
box-shadow: none;
float: none;
margin-top: 0;
position: static;
width: auto;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-bottom: 15px;
padding-top: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
margin: 8px -15px;
padding: 10px 15px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
}
.navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
} .btn, button,
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
display: inline-block;
padding: 12px 24px;
font-size: 13px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #333;
color: #333;
letter-spacing: 1px;
font-style: normal;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.btn-default, button {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.open .dropdown-toggle.btn-default,
button:hover, button:focus, button:active {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn.btn-default:active,
.btn.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.btn.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #428bca;
border-color: #357ebd;
}
.btn.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
.woocommerce .buttons .btn {
display: inline-block;
padding: 0 18px;
line-height: 30px;
font-size: 11px;
letter-spacing: 0;
}
.woocommerce .buttons .btn.cart {float: left; padding: 0; width: 47%}
.woocommerce .buttons .btn.checkout {float: right; padding: 0; width: 47%}
.woocommerce .btn i {margin-right: 5px;}
.jkreativ .woocommerce ul.cart_list li a, .jkreativ .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
font-weight: normal;
font-style: normal;
}
.jkreativ .woocommerce ul.product_list_widget li a img {width: 48px; box-shadow: none; border:1px solid #ddd; margin-left: 10px;}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
background: none;
box-shadow: none;
font-weight: normal;
padding: 10px 30px;
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
background: #f9f9f9;
text-decoration: none;
color: #333333;
} .jrmap {
width: 100%;
background: #ddd;
margin: 0 0;
}
.contenthidden {
display: none;
}
#mapcontent h3 {
margin-top: 5px;
} .testimonialblock {
background: #F9F9F9;
border: 1px solid #ddd;
border-radius: 2px 2px 2px 2px;
color: #666666;
font-size: 16px;
line-height: 26px;
margin-bottom: 50px;
padding: 30px 50px;
position: relative;
}
.testimonialblock > img {
bottom: 0px;
position: absolute;
left: 15px;
width: 140px;
max-width: 140px;
}
.testimonialblock:after {
opacity: 0.1;
position: absolute;
top: 17px;
right: 20px;
content: "\f10e";
font-family: "FontAwesome";
font-size: 60px;
line-height: 100%;
}
.testimonialblock.testiright:after {
right: inherit;
left: 20px;
content: "\f10e";
}
.testimonialblock p {
margin-top: 5px;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 16px;
line-height: 1.6em;
margin-left: 140px;
}
.testimonialblock.testiright p {
margin-left: 0;
margin-right: 60px;
}
.testimonialblock .author {
margin-left: 140px;
}
.testimonialblock.testiright > p {
text-align: left;
}
.testimonialblock.testiright .author {
margin-right: 150px;
margin-left: 0;
margin-top: 30px;
text-align: right;
}
.testimonialblock.testiright > img {
left: inherit;
right: 15px;
} .clientlist, .clientimage {
position: relative;
height: 130px;
}
.clientlist > ul {
margin: 0;
padding: 0;
}
.clientlist li {
list-style: none;
float: left;
}
.clientlist-inner {
position: relative;
} .fullbgcontainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fullbgwrapper {
position: relative;
height: 100%;
margin-left: 270px;
}
.menuopen .fullbgcontainer {
margin-left: 271px;
}
.noheadermenu .pagewrapper {
padding-top: 20px;
}
.pagewrapper {
padding-top: 20px;
margin-right: 20px;
margin-left: 20px;
}
.mainpage {
position: relative;
float: left;
}
.mainpage.blog-normal-article .pageinnerwrapper {
padding: 30px 40px;
}
.mainpage.blog-normal-article:hover {
background: inherit;
}
.mainpage.blog-normal-article .featured {
margin:-30px -37px 30px -40px;
border-radius: 2px 2px 0 0;
overflow: hidden;
}
.mainpage.blog-normal-article .fotorama__nav-wrap,
.pageholder > .featured .fotorama__nav-wrap {
position: absolute;
bottom: 30px;
}
.blog-popular-post .fotorama__dot {
width: 8px;
height: 8px;
}
.mainpage.blog-normal-article .article-content.quote {margin:0;}
.mainpage.blog-normal-article .article-quote-wrapper {margin: -10px -20px;}
.blog-big-wrapper .comment-text {margin-left: 110px;}
.blog-big-wrapper .comment-autor {margin-right: 30px;}
.nomargin .imageholder {
padding: 0px;
border: 0;
}
.imageholder {
margin-bottom: 15px;
padding: 10px;
background: white;
border: 1px solid #ddd;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
}
.fullimgwrapper {
position: relative;
}
.imageholder img {
min-width: 100%;
}
.nomargin .imageholderdesc {
bottom: -1px;
}
.imageholderdesc {
position: absolute;
bottom: 8px;
left: 0;
background: rgba(255,255,255,0.8);
text-align: center;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 15px;
line-height: 2.7;
width: 100%;
}
.pageleft {
float: left;
}
.pageright {
float: right;
}
.pagecenter {
margin-left: 50%;
margin-right: auto;
display: inline-block;
}
.pagecenter .pageholder {
margin-left: -50%;
display: inline-block;
margin-bottom: -5px;
}
.pageinnerwrapper,
.mainsidebar .blog-sidebar,
.pagewrapper .blognormalpaging.blogpagingholder,
.pageholder > .featured,
.article-masonry-box, .article-normal-box,
.accordion-wrapper {
background: #fff; }
.pageinnerwrapper {
padding: 30px;
margin-bottom: 15px;
}
.pagewrapper.outside .pageinnerwrapper {
margin-bottom: 20px;
}
.postnotfound .pagetext {
border: none;
margin: 30px 0;
text-align: center;
float: none;
}
.postnormaltitle {
display: none;
}
.noheadermenu .postnormaltitle, .horizontalnav .postnormaltitle {
display: block;
}
.postnormaltitle .pagetext {
border: none;
margin: 0;
text-align: center;
float: none;
font-size: 16px;
}
.pageinnerwrapper.postnormaltitle {
padding: 4px;
}
.postnotfound .pagetotal {
font-size: 20px;
}
.mainpage {
border-bottom: 0;
}
.mainpage .article-header {
margin-bottom: 20px;
}
.mainpage.blog-normal-article .article-content {
margin-top: 0;
margin-bottom: 30px;
}
.pageinnerwrapper > .featured {
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
}
.pageinnerwrapper > .featured.nomargin {
margin: -31px -31px 30px;
}
.pageholder > .featured {
background: white;
position: relative;
margin-bottom: 10px;
border-radius: 2px;
}
.pageholder > .featured.nomargin {
padding: 0;
border: none;
}
.coverwidth .pageholder > .featured {
margin-bottom: 15px;
}
.mainpage .comment-container, .mainsidebar .comment-container {
padding: 20px 0 0 0;
margin-top: 10px;
}
.mainpage .comment-input-wrapper input, .mainsidebar .comment-input-wrapper input {
width: 100%;
}
.mainpage .comment-form-author, .mainpage .comment-form-email, .mainpage .comment-form-url,
.mainsidebar .comment-form-author, .mainsidebar .comment-form-email, .mainsidebar .comment-form-url {
width: 100%;
}
.mainpage  .comment-form-author, .mainpage  .comment-form-email , .mainpage  .comment-form-url {
margin: 5px 0;
}
.mainpage .comment-input-wrapper, .mainpage .comment-author-wrapper, .mainpage .comment-form-wrapper {
margin-right: 10px;
}
.mainpage .comment-container ul.children {
margin-left: 20px;
}
.article-sharing {
position: relative;
overflow: hidden;
margin-top: 10px;
}
.article-sharing-wrapper {
background:  #AAAAAA;
color: #FFFFFF;
display: inline-block;
font-size: 11px;
letter-spacing: 2px;
padding: 2px 20px;
}
.article-sharing .sharing-wrapper {
float: left;
display: block;
width: 95px;
height: 30px;
position: relative;
} .mainsidebar {
float: left;
margin-left: 10px;
position: relative;
}
.mainsidebar-wrapper {
position: relative;
padding-bottom: 20px;
}
.mainsidebar .blog-sidebar {
margin-bottom: 10px;
padding-top: 0;
}
.mainsidebar .blog-sidebar:last-child {
margin-bottom: 15px;
}
.mainsidebar .blog-sidebar-title h3 {
border: none;
border-bottom: 1px solid #DDDDDD;
background-color: transparent;
margin: 0;
font-weight: normal;
font-size: 15px;
height: 46px;
line-height: 46px;
}
.mainsidebar .blog-sidebar-title h3:after {
border: none;
}
.pagewrapper.nosidebar .mainsidebar {
display: none;
}
.galleryswitchfloat .mainsidebar{
float: right;
}
.iosSlider em, .sl-slider em, .kenburntextcontent em {
font-family: "Playfair Display", Georgia, serif;
} .halfwidth .mainpage , .halfwidth.nosidebar .pageholder{ width: 550px; }
.halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.halfwidth .pageholder { width: 860px; }
.fullwidth .mainpage { width: 820px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 330px; }
.fullwidth .pageholder { width: 1160px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 1080px; }
.horizontalnav .fullwidth .mainpage { width: 820px; }
.horizontalnav .fullwidth .mainsidebar, .horizontalnav .fullwidth .mainsidebar .mainsidebar-wrapper { width: 330px; }
.horizontalnav .fullwidth .pageholder { width: 1160px; }
.horizontalnav .fullwidth.nosidebar .mainpage,
.horizontalnav .fullwidth.nosidebar .pageholder { width: 1080px; }
.coverwidth { display: block; width: inherit; }
.coverwidth .mainpage { width: 70%; }
.coverwidth .mainsidebar { margin-left: 0; width: 30%;}
.coverwidth .blog-sidebar { margin-left: 15px; margin-bottom: 15px; width: auto;} .skillgraph {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.skillgraph p {
color: #666666;
font-size: 13px;
font-weight: normal;
margin-bottom: 2px;
}
.skillgraph .graphwrap {
background-color: #EBEBEB;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
margin-bottom: 13px;
}
.skillgraph .grapholder {
background-color: #CFB978;
display: block;
height: 15px;
width: 0;
position: relative;
}
.skillgraph .grapholder strong {
background-color: #333333;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
display: block;
font-size: 11px;
line-height: 12px;
opacity: 0;
padding: 4px 7px;
position: absolute;
right: 0;
top: -25px;
}
.skillgraph .grapholder strong:after {
border-color: #333333 transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -5px;
content: "";
display: block;
left: 15px;
position: absolute;
width: 0;
}
.skillgraph .graphwrap .grapholder, .skillgraph .graphwrap strong {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
} .wpcf7 {
margin: 20px 0;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
margin-top: 5px;
} .page-template-templatetemplate-contact-full-map-php .pagewrapper {margin-bottom: 30px}
.contactheading {
background: #DDDDDD;
border: 1px solid #CCCCCC;
border-bottom: none;
cursor: pointer;
font-family: "Playfair Display", Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 42px;
padding: 0 50px;
height: 42px;
overflow: hidden;
position: relative;
}
.ctoogle.contactheading {border-bottom: 1px solid #CCCCCC;}
.contactheading:hover {
background: #d0d0d0;
}
.contactheading .cicon, .ocindicator {
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
left: 20px;
position: absolute;
}
.ltoogle .cicon:before {
content: "\f041";
}
.ctoogle .cicon:before {
content: "\f0e0";
}
.ocindicator {
right: 20px;
left: inherit;
font-size: 17px;
color: #888;
}
.active .ocindicator:before {
content: "\f147";
}
.ocindicator:before {
content: "\f196";
}
.pageinnerwrapper.lcontent {
border-bottom: 0;
display: none;
}
.pageinnerwrapper.lcontent, .pageinnerwrapper.ccontent {
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
border: 1px solid #CCCCCC;
}
.locationlist {
border: 1px dotted #ccc;
margin-bottom: 20px;
padding-bottom: 10px;
text-align: center;
}
.locationlist:hover {
border: 1px solid #ccc;
}
.locationlist:hover .mapitem h4 {
border-bottom: 1px solid #DDDDDD;
}
.locationlist:hover {
background: #f0f0f0;
}
.mapitem {
padding: 0 20px;
}
.mapitem h4 {
border-bottom: 1px dashed #DDDDDD;
display: inline-block;
font-weight: bold;
margin: 20px 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.mapitem ul {
padding: 0;
margin: 0;
color: #666;
list-style: none;
}
.mapitem .mapbutton {
border: 1px solid #666666;
display: inline-block;
font-weight: bold;
letter-spacing: 1px;
margin: 20px 0 15px;
padding: 5px 20px;
cursor: pointer;
}
.maplist {
display: none;
}
.mapcontainer {
height: 100%;
width: auto;
position: relative;
}
.infowindow {
padding: 7px;
}
.infowindow {
background: transparent;
position: relative;
}
.infowindow h4 {
border-bottom: 1px dashed #DDDDDD;
display: inline-block;
font-weight: bold;
margin: 20px 0 10px;
padding-bottom: 10px;
text-transform: uppercase;
font-style: normal;
}
.infowindow-wrapper {
border-radius: 0 0 0 0;
}
.infowindow .detail {
font-size: 13px;
font-weight: 300;
color: #666;
line-height: 21px;
}
.infowindow-wrapper {
background: white;
border-bottom: 1px solid #C9C9C9;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
width: 320px;
text-align: center;
}
.infowindow-wrapper > ul {
margin: 0;
padding: 0 20px 12px;
}
.infowindow-wrapper li {
clear: both;
list-style: none outside none;
}
.infowindow .closeme {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
.infowindow .closeme:before {
content: "\f00d";
font-family: "FontAwesome";
font-size: 15px;
color: #ccc;
}
.mapoverlay {
background: rgba(255,255,255,0.5);
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
display: none;
}
.mapoverlay:after {
background: url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/img/loading.gif) no-repeat 10px 10px white;
background-size: 40px;
border-radius: 30px 30px 30px 30px;
content: "";
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
width: 60px;
}
.sidebarcollapse .fullbgwrapper { margin-left: 60px; } .teamwrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.teamrow {
display: table-row;
}
.teamlist {
background: #F8F8F8;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
display: table-cell;
padding: 20px;
width: 50%;
}
.teamlist:last-child { border-left: none; }
.teamlist:first-child { border-left: 1px solid #DDDDDD; }
.teamwrapper .teamrow:not(:first-child) .teamlist {
border-top: none;
}
.teamimage {
float: left;
border-radius: 5px;
overflow: hidden;
width: 110px;
max-width: 110px;
}
.teammeta, .teamword, .teamsocial {
margin-left: 130px;
color: #555;
}
.teamsocial {
border-top: 1px dashed #DDDDDD;
margin-top: 15px;
padding-top: 15px;
text-align: right;
}
.teamsocial > a {
border-right: 1px solid #DDDDDD;
font-size: 12px;
padding: 0 10px;
}
.teamsocial > a:last-child {
border-right: none;
}
.teammeta > strong {
display: block;
font-size: 16px;
line-height: 1.2;
margin-bottom: 3px;
text-transform: uppercase;
color: #555;
}
.teammeta > span {
color: #999999;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
.teammeta {
margin-bottom: 10px;
} .pricing-table {
margin-top: 60px;
margin-bottom: 30px;
text-align: center;
}
.pricing-table .pricing-col {
float: left;
margin-left: -1px;
}
.pricing-table.three-col .pricing-col { width: 33.3%; }
.pricing-table.four-col .pricing-col { width: 25%; }
.pricing-table.five-col .pricing-col { width: 20%; }
.pricing-col-wrapper {
border: 1px solid #DDDDDD;
}
.pricing-col-wrapper h3, .light .pricing-col-wrapper h3 {
background: none repeat scroll 0 0 #F0F0F0;
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 20px;
font-size: 26px;
color: #555;
}
.pricing-table h4, .light .pricing-table h4 {
font-size: 40px;
line-height: 1;
margin: 0;
padding-bottom: 10px;
padding-top: 25px;
color: #555;
}
.pricing-table .sign {
font-size: 15px;
position: relative;
top: -13px;
}
.pricing-table .price > em {
color: #999999;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
.pricing-table .price {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
}
.pricing-table  ul > li:nth-child(2n+1) {
background: #FAFAFA;
}
.pricing-table ul > li {
border-bottom: 1px solid #DDDDDD;
line-height: 37px;
list-style: none;
color: #555;
}
.pricing-table ul {
margin: 0;
padding: 0;
}
.pricing-content {
background: white;
}
.pricing-table .price-btn {
padding: 20px;
background-color: white;
}
.pricing-table .btn, .light .pricing-table .btn{
border-color: #AAAAAA;
color: #333;
}
.pricing-col.pricehighlight {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
margin-top: -20px;
position: relative;
z-index: 2;
}
.pricing-col.pricehighlight .price-heading > h3 {
background: none repeat scroll 0 0 #FFFFFF;
padding: 25px;
}
.price-heading span {
color: #999999;
display: block;
font-family: 'Playfair Display', Georgia, serif;
font-size: 15px;
font-style: italic;
}
.pricing-table .pricing-col.pricehighlight .price-btn {
padding: 30px;
}  .box.ratio16_9:before {
padding-top: 56.25%;
}
.box.ratio2_1:before {
padding-top: 50%;
}
.box.ratio3_1:before {
padding-top: 33.3%;
}
.box.ratio1_1:before {
padding-top: 100%;
}
.box.ratio4_3:before {
padding-top: 75%;
}
.box:before {
content: "";
display: block;
padding-top: 100%;
}
.box {
position: relative;
width: 100%;
}
.portfolioratio-content {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
} .accountpage .article-header h2 {
text-align: center;
}
.lostpassword {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 20px 30px;
text-align: center;
margin: 0;
}
.lostpassword strong {
display: block;
font-size: 14px;
line-height: 1.5;
margin: 9px 0;
}
.lostpassword input[type="text"] {
display: block;
width: 100%;
}
.lostpassword input[type="submit"] {
margin-top: 10px;
}
.lostpasswordpage p {
text-align: center;
}
.lost_password {
margin-left: 16px;
} .halfpagepanel-header {
background: #fbfbfb;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
color: #888;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 42px;
padding: 0 50px 0 20px;
height: 42px;
overflow: hidden;
position: relative;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.active .halfpagepanel-header {
background: #f3f3f3;
color: #555;
}
.halfpagepanel-header:hover {
background: #ebebeb;
color: #555;
}
.halfpage-icon {
margin-right: 10px;
}
.halfpagepanel-body .pageinnerwrapper {
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.halfpagepanel:last-child .pageinnerwrapper {
margin-bottom: 15px;
}
span.required {
color: red;
} .registerpage label {
display: block;
margin: 8px 0;
}
.registerpage .article-header > h3 {
margin-top: 0;
}
.pageinnerwrapper.woocommerce-error {
padding: 0;
background: #FBEFEF;
border: 1px solid #FF0000;
}
.registerpage form {
background: #FAFAFA;
border: 1px solid #DDDDDD;
margin: 0;
padding: 20px 50px 20px 30px;
} .movingbg, .movingbgmobile {
background: repeat;
}
.parallaxfallback {
background-size: cover;
} .landingslider {
height: 600px;
position: relative;
background: #ddd;
overflow: hidden;
z-index: 5;
}
.landingslider .bigloader {
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
}
section {
display: block;
padding: 60px 0;
position: relative;
overflow: hidden;
clear: both;
}
.sectioncontainer, .jcontainer {
display: block;
margin: 0 auto;
position: relative;
width: 1180px;
}
.section-header {
clear: both;
overflow: hidden;
text-align: center;
padding: 0 20px 40px;
}
.section-header.position-center { text-align: center; }
.section-header.position-left { text-align: left; }
.section-header.position-right { text-align: right; }
.section-header.position-left em, .section-header.position-right em {
max-width: none;
}
.section-header.position-left, .section-header.position-right {
padding: 0 0px 40px;
}
.section-header.position-right .sectionline {
margin: 0 0 15px auto;
}
.section-header.position-left .sectionline {
margin: 0 0 15px 0;
}
.section-header > h1, .section-header > h2, .section-header > h3,
.section-header > h4, .section-header > h5, .section-header > h6 {
color: #000000;
margin:0 0 20px;
text-transform: uppercase;
font-weight: 600;
}
.section-header > h1 { font-size: 36px; }
.section-header > h2 { font-size: 32px; }
.section-header > h3 { font-size: 28px; }
.section-header > h4 { font-size: 24px; }
.section-header > h5 { font-size: 20px; }
.section-header > h6 { font-size: 16px; }
.sectionline {
border-bottom: 1px solid #ddd;
display: block;
margin: 0 auto 15px;
width: 100px;
}
.section-header > em {
color: #777;
display: block;
font-size: 16px;
font-family: 'Playfair Display', Georgia, serif;
line-height: 1.8;
margin: 0 auto;
max-width: 800px;
}
.service-item {
background: #F0F0F0;
margin: 10px;
padding: 20px;
text-align: center;
border-radius: 3px;
}
.service-item > h3 {
color: #555555;
font-size: 18px;
font-weight: 600;
}
.serviceiconwrapper h3 {
margin: 0 0 1em;
font-weight: bold;
}
.serviceicon {
background: #AAAAAA;
border-radius: 100%;
font-size: 60px;
height: 240px;
margin: 15px auto 40px;
overflow: hidden;
width: 240px;
}
.serviceicon i {
color: #FFFFFF;
line-height: 200px;
}
.service-item > p {
color: #888888;
padding: 0 20px;
} .fullsize .serviceiconwrapper .span3 {
width: 32px;
height: 32px;
margin-right: 30px;
}
.fullsize .serviceiconwrapper .span9 {
float: none;
overflow: hidden;
width: auto;
}
.grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.grabing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
} .landingmasonryitem {
float: left;
opacity: 1;
overflow: hidden;
}
.landingmasonryitem img {
width: 100%;
}
.landingmasonryitem > a {
display: block;
padding: 5px;
position: relative;
}
.landingmasonrywrapper {
margin: 10px 0 30px;
overflow: visible !important;
}
.landingmasonryclear {
clear: both;
text-align: center;
}
.landingmasonryitem .mask {
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.7);
bottom: 15px;
left: 15px;
right: 15px;
top: 15px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.landingmasonryitem:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.landingmasonryitem .info {
margin-top: -40px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.landingmasonryitem .info h2 {
color: #333333;
font-size: 20px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
opacity: 0;
margin-bottom: 15px;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.landingmasonryitem:hover .info h2 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.landingmasonryitem .info span {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
display: block;
margin: 0 auto;
width: 10%;
opacity: 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.15s;
-moz-transition: all 0.3s ease-in-out 0.15s;
-o-transition: all 0.3s ease-in-out 0.15s;
-ms-transition: all 0.3s ease-in-out 0.15s;
transition: all 0.3s ease-in-out 0.15s;
}
.landingmasonryitem:hover .info span {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.landingmasonryitem .info p   {
color: #333;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
opacity: 0;
margin-top: 10px;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.landingmasonryitem:hover .info p {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.landingmasonryblock .btn {margin-bottom: 10px;}
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.nomarginleft {margin-left: 0 !important}
.nomarginright {margin-right: 0 !important}
.nomargintop {margin-top: 0 !important}
.nomarginbottom {margin-bottom: 0 !important}
.imageanimwrap  { position: relative; }
.imageanimwrap img  { position: absolute; top: 0; left: 0; }
.notopmargin { padding-top: 0px; }
.normaltopmargin { padding-top: 60px; }
.doubletopmargin { padding-top: 120px; }
.tripletopmargin { padding-top: 180px; }
.forthtopmargin { padding-top: 240px; }
.fifthtopmargin { padding-top: 360px; }
.nobottommargin { padding-bottom: 0px; }
.normalbottommargin { padding-bottom: 60px; }
.doublebottommargin { padding-bottom: 120px; }
.triplebottommargin { padding-bottom: 180px; }
.forthbottommargin { padding-bottom: 240px; }
.fifthbottommargin { padding-bottom: 360px; }
section quote {
display: block;
font-family: 'Playfair Display', serif;
font-size: 32px;
line-height: 1.5;
margin: 0 auto;
max-width: 900px;
padding: 1em 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
section quote sup {
margin: 0 0.5em;
font-size: 70%;
}
section quote cite {
display: block;
font-size: 15px;
margin-top: 20px;
}
.frametimeline iframe {
margin-top: 20px;
} .serviceitem {margin-bottom: 30px;}
.oneforthsize .serviceitem {
float:left;
width: 25%;
}
.onethirdsize .serviceitem {
float: left;
width: 33%;
}
.halfsize .serviceitem {
float: left;
width: 50%;
}
.sectioncontainer .serviceitem h3 {
font-family: "Playfair Display", Georgia, serif;
font-weight: normal;
}
.service-block-wrapper {
text-align: center;
padding: 0 10px;
}
.serviceblock .heading i {
color: #FFFFFF;
font-size: 24px;
width: 24px;
height: 24px;
}
.serviceblock .heading {
background: #333;
border-radius: 100%;
display: inline-block;
padding: 15px;
position: relative;
z-index: 2;
}
.serviceblock .content {
background: #f9f9f9;
padding: 40px 20px 20px;
margin-top: -30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.light .serviceblock .content {background: #fff;}
.light .serviceblock p, .serviceblock p, .light .serviceblock h3, .serviceblock h3 {
color: #555;
}
.parallaxbackground {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
.parallaxbackground.nofix {
background-attachment: inherit;
background-position: center center;
}
section .parallaxbackground {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bgparallax.nocover {
background-size: inherit;
}
.parallaxoverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.newparallax {
position: absolute;
top: 0;
left: 0;
max-width: none;
} .testiwrapper {
width: 100%;
}
.testiwrapperinner {
margin: 0 auto;
position: relative;
text-align: center;
width: 1000px;
}
.testislide {
position: relative;
z-index: 1;
}
.testislide blockquote {
border: none;
font-size: 22px;
line-height: 1.5;
margin: 0;
display: inline-block;
position: relative;
}
.testislide blockquote span {margin:0px 15px}
.testiwrapperinner {
margin: 0 auto;
text-align: center;
width: 1000px;
}
.testislide .author {
font-size: 20px;
line-height: 1.5;
margin-top: 16px;
font-weight: 600;
}
.testislide .author > span {
display: block;
font-size: 12px;
font-weight: 300;
position: relative;
text-transform: none;
margin-top: 5px;
}
.testislide .authorimage {
border-radius: 9999px;
height: 80px;
margin: 20px auto;
overflow: hidden;
width: 80px;
}
.middlecell  .tcellmiddle {
display: table-cell;
vertical-align: middle;
float: none;
}
.middlecell {
margin: 20px 0;
}
.text-right { text-align: right; }
.text-right-desktop { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.service-extend i {
display: block;
font-size: 32px;
text-align: center;
}
.sectioncontainer.sectionheading {
padding: 130px 30px 170px;
text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.sectionheading h2 {
font-size: 40px;
font-weight: bold;
margin: 0 0 0.5em 0;
}
.sectionheading span {
font-size: 17px;
}
.service-extend {
clear: both;
overflow: hidden;
} .jkreativ .owl-theme .owl-controls  {margin-top: 20px;}
.jkreativ .testislide.owl-theme .owl-controls  {margin-top: 40px;}
.jkreativ .owl-theme .owl-controls .owl-page span {
height: 14px;
width: 14px;
background: rgba(0, 0, 0, 0.25);
}
.jkreativ .light .owl-theme .owl-controls .owl-page span {background: rgba(255,255,255,0.7);} .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light .btn, .light em {
color: #fff;
}
.light .btn {
border-color: #fff;
}
.light .btn-default {
color: #555;
}
.light .service-item {
background: #eee;
}
.light .service-slide h3, .light .service-slide p {
color : #555;
}
.light .service-slide .sectionline {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.light .sectionline {
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
section .light quote {
color: #fff;
}
.light .testislide blockquote span {
color: #FFFFFF;
}
.light .testislide .author {
color: #FFFFFF;
}
.light .testimonialblock {
background-color: #eee;
}
.light .testimonialblock.testiright > p {
color: #666666;
}
.light .panel {
background-color: #888888;
}
.light .panel, .light .panel-default {
border-color: #AAA;
}
.light .panel-default > .panel-heading {
background-color: #666;
border-color: #666;
color: #333333;
}
.light .accordion-toggle {
color: #FFF;
}
.light .panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #AAAAAA;
}
.light .product-item {color: #555}
.light .product-item h3 {color: #171717}
.teamword p {
color: #555;
} .bgholder {
height: 100%;
position: absolute;
width: 100%;
}
.bgholder .bgitem {
background-position: center 0;
background-size: cover;
height: 100%;
opacity: 1;
position: absolute;
width: 100%;
}
.fslandingslider {
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
}
.text-slider {
position: absolute;
top: 50%;
margin-top: -60px;
width: 100%;
}
.text-slider-wrap {
height: 60px;
margin-bottom: 30px;
overflow: hidden;
padding: 0 20px;
}
.text-slider-wrap > ul {
position: relative;
}
.text-slider ul, .text-slider li {
margin: 0;
padding: 0;
list-style: none;
}
.text-slider li {
height: 60px;
line-height: 60px;
}
.text-slider .slider-header {
font-size: 36px;
margin: 0;
letter-spacing: 3px;
}  #loading {
background:  #FFFFFF;
height: 100%;
position: fixed;
text-align: center;
width: 100%;
z-index: 999999;
}
#loading[data-type="linear"] {
background: transparent;
}
#loading[data-type="linearinline"] {
display: none;
}
#loading #loader {
height: 276px;
left: 50%;
margin-left: -200px;
margin-top: -138px;
position: absolute;
top: 50%;
width: 400px;
}
#loader #imgLoading {
left: 65px;
position: absolute;
top: 3px;
}
#loading canvas {
display: inline-block;
}
#loadingbg {
left: 0;
position: fixed;
top: 0;
z-index: 2001;
}
#loading .line {
background: #000000;
height: 2px;
position: absolute;
top: 50%;
width: 0%;
margin-top: -1px;
}
#loading .percentage {
height: 50%;
left: 0;
position: absolute;
width: 100%;
}
#loading .percentage span {
bottom: 0;
color: #000000;
font-size: 55px;
left: 0;
margin-bottom: 45px;
position: absolute;
text-align: center;
width: 100%;
}
#loading .loadingwrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
}
#loading .loadsplit {
width: 100%;
height: 50%;
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
}
#loading .loadsplit:first-child {
top: 0%;
}
#loading .loadsplit:nth-child(2) {
top: 50%;
}
.iosoverlay, .heading-background, .kenburn-overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .admin-bar.horizontalnav .bottomnav .landing-bottom-nav.sticky .topnavigation,
.admin-bar.horizontalnav .topnavigation,
.admin-bar #leftsidebar, .admin-bar .headermenu {
top: 32px;
} .navigation-flag {
position: absolute;
top: 0;
}
.landing-bottom-nav {
position: relative;
}
.horizontalnav .bottomnav .topnavigation {
top: 0;
position: absolute;
}
.horizontalnav .bottomnav .landing-bottom-space {
display: block;
}
.horizontalnav .bottomnav .landing-bottom-nav.sticky .topnavigation {
position: fixed;
top: 0;
}
.horizontalnav .bottomnav .contentheaderspace {
height: 0;
}
.landing-bottom-space {
height: 60px;
display: none;
position: relative;
}
.horizontalnav .bottomnav .landing-bottom-nav.sticky .landing-bottom-space {
display: block !important;
} .counterblock {
text-align: center;
}
.counterblock.serviceitem {margin-bottom: 0;}
.counter-wrapper {
overflow: hidden;
clear: both;
}
.counterblock .counter-block-wrapper {
background: #FFFFFF;
margin: 10px;
position: relative;
}
.counterblock .counternumber {
font-size: 50px;
font-weight: bold;
line-height: 1.5;
padding: 30px 10px 10px;
}
.counterblock .title {
font-family: "Playfair Display",Georgia,serif;
color: #555;
font-size: 18px;
padding: 0 10px 25px;
}
.light .counterblock .counternumber, .light .counterblock .title {color: #555;} #nprogress .bar {
background: #ebc84f;
}
#nprogress .peg {
box-shadow: 0 0 10px #ebc84f, 0 0 5px #ebc84f;
}
#nprogress .spinner-icon {
border-top-color: #ebc84f;
border-left-color: #ebc84f;
} #leftsidebar .jspContainer, #leftsidebar .lefttop {
overflow: visible !important;
}
.slider-header em, em, em > *, i, i > * {
font-family: 'Playfair Display',Georgia,serif;
} #jquery_jplayer, #jp_container {
display: none;
}
.music_toggle i, .video_toggle i {
height: 25px;
width: 25px;
}
.music_toggle, .video_toggle {
position: fixed;
bottom: 50px;
right: 10px;
background: #555;
z-index: 10000;
font-size: 25px;
padding: 13px;
border-radius: 5px;
cursor: pointer;
color: #fff;
opacity: 0.5;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.music_toggle:hover, .video_toggle:hover {
opacity: 0.8;
}
.video_toggle {
opacity: 0.3;
background: none;
bottom: 25px;
left: 50%;
position: absolute;
right: auto;
z-index: 4;
margin-left: -19px;
}
.portfoliocovermeta ul li {
list-style: inherit;
}
.section-top-ribon {
position: absolute;
top: 0;
width: 100%;
}
.section-bottom-ribon {
position: absolute;
bottom: 0;
width: 100%;
}
.portfoliocovermeta ul li {
margin-bottom: 0;
}
.gmnoprint img {
max-width: none;
}
.empty_bag_message {
padding-bottom: 20px;
padding-top: 20px;
}
.blog-sidebar-content .cart {
margin-top: 30px;
} .product-cover img {
width: 100%;
}
.product-item {
background: #F0F0F0;
margin: 10px;
padding: 20px 20px 40px;
text-align: center;
}
.product-item h3 {
margin-bottom: 5px;
margin-top: 0;
}
.product-cover {
margin-bottom: 30px;
}
.product-line {
background: #CCCCCC;
display: block;
height: 1px;
margin: 12px auto 8px;
width: 50px;
}
.product-category > a {
font-family: 'Playfair Display',Georgia,serif;
font-style: italic;
}
.backgroundaudio {
display: none;
}
.showimagetitle .gallery-title {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
color: #EEEEEE;
opacity: 0;
position: absolute;
text-align: center;
width: 100%;
padding: 4px 0 7px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.showimagetitle .gallery-title > span {
padding: 0 10px;
}
.showimagetitle:hover .gallery-title {
opacity: 1;
}
.imggalitem.showimagetitle:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .jeg_do_animate, .newparallax {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.jeg_do_animate {
position: relative;
}
.jeg_animate_fast,
.jeg_animate_fast a,
.jeg_animate_fast .janimate_start,
.jeg_animate_fast.janimate_start {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.jeg_animate_slow,
.jeg_animate_slow a,
.jeg_animate_slow .janimate_start,
.jeg_animate_slow.janimate_start {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.jeg_animate_slower,
.jeg_animate_slower a,
.jeg_animate_slower .janimate_start,
.jeg_animate_slower.janimate_start {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
[data-animation="janimate-fadein"] .jeg_do_animate,
[data-animation="janimate-fadein"].jeg_do_animate {
opacity: 0;
}
[data-animation="janimate-fadein"] .jeg_do_animate.janimate_start,
[data-animation="janimate-fadein"].jeg_do_animate.janimate_start {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate,
[data-position="janimpos-left"].jeg_do_animate,
[data-position="janimpos-left"] .jeg_do_animate a,
[data-position="janimpos-left"].jeg_do_animate a {
transform:  translate3d(-50px, 0px, 0px);
-ms-transform : translate3d(-50px, 0px, 0px);
-webkit-transform: translate3d(-50px, 0px, 0px);
}
[data-position="janimpos-right"] .jeg_do_animate,
[data-position="janimpos-right"].jeg_do_animate,
[data-position="janimpos-right"] .jeg_do_animate a,
[data-position="janimpos-right"].jeg_do_animate a {
transform:  translate3d(50px, 0px, 0px);
-ms-transform : translate3d(50px, 0px, 0px);
-webkit-transform: translate3d(50px, 0px, 0px);
}
[data-position="janimpos-top"] .jeg_do_animate,
[data-position="janimpos-top"].jeg_do_animate,
[data-position="janimpos-top"] .jeg_do_animate a,
[data-position="janimpos-top"].jeg_do_animate a {
transform:  translate3d(0, -50px, 0px);
-ms-transform : translate3d(0, -50px, 0px);
-webkit-transform: translate3d(0, -50px, 0px);
}
[data-position="janimpos-bottom"] .jeg_do_animate,
[data-position="janimpos-bottom"].jeg_do_animate,
[data-position="janimpos-bottom"] .jeg_do_animate a,
[data-position="janimpos-bottom"].jeg_do_animate a {
transform:  translate3d(0, 50px, 0px);
-ms-transform : translate3d(0, 50px, 0px);
-webkit-transform: translate3d(0, 50px, 0px);
}
[data-transform="janimate-scale"] .jeg_do_animate,
[data-transform="janimate-scale"].jeg_do_animate,
[data-transform="janimate-scale"] .jeg_do_animate a,
[data-transform="janimate-scale"].jeg_do_animate a {
transform: scale(0.5);
-ms-transform : scale(0.5,0.5);
-webkit-transform: scale(0.5);
}
[data-animation="janimate-fadein"] .jeg_do_animate.janimate_start,
[data-animation="janimate-fadein"].jeg_do_animate.janimate_start {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate.janimate_start,
[data-position="janimpos-left"].jeg_do_animate.janimate_start,
[data-position="janimpos-left"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-left"].jeg_do_animate.janimate_start a,
[data-position="janimpos-right"] .jeg_do_animate.janimate_start,
[data-position="janimpos-right"].jeg_do_animate.janimate_start,
[data-position="janimpos-right"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-right"].jeg_do_animate.janimate_start a,
[data-position="janimpos-top"] .jeg_do_animate.janimate_start,
[data-position="janimpos-top"].jeg_do_animate.janimate_start,
[data-position="janimpos-top"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-top"].jeg_do_animate.janimate_start a,
[data-position="janimpos-bottom"] .jeg_do_animate.janimate_start,
[data-position="janimpos-bottom"].jeg_do_animate.janimate_start,
[data-position="janimpos-bottom"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-bottom"].jeg_do_animate.janimate_start a {
transform:  translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
[data-transform="janimate-scale"] .jeg_do_animate.janimate_start,
[data-transform="janimate-scale"].jeg_do_animate.janimate_start,
[data-transform="janimate-scale"] .jeg_do_animate.janimate_start a,
[data-transform="janimate-scale"].jeg_do_animate.janimate_start a {
transform: scale(1);
-ms-transform : scale(1,1);
-webkit-transform: scale(1);
}
@-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;}
}
@-ms-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes roll{
0% {-webkit-transform: translateX(500px) rotate(360deg);}
100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
0% {-webkit-transform: translateY(40px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
0% {-moz-transform: translateY(40px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
0% {-o-transform: translateY(40px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
0% {-ms-transform: translateY(40px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
0% {transform: translateY(40px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes scaleDown{
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
0% {-moz-transform: scale(1);}
100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
0% {-o-transform: scale(1);}
100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
0% {-ms-transform: scale(1);}
100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
0% {transform: scale(1);}
100% {transform: scale(0.5);}
}
@-webkit-keyframes scaleUp{
0% {-webkit-transform: translateY(-50px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes scaleUp{
0% {-moz-transform: translateY(-50px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes scaleUp{
0% {-o-transform: translateY(-50px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes scaleUp{
0% {-ms-transform: translateY(-50px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes scaleUp{
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes beat {
0% {-webkit-transform: scale(1);}
10% {-webkit-transform: scale(1.25);}
20% {-webkit-transform: scale(1.1);}
30% {-webkit-transform: scale(1.25);}
100% {-webkit-transform: scale(1);}
}  .ui-datepicker {
width: 17em;
padding: 0;
display: none;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.ui-datepicker .ui-datepicker-header, .ui-timepicker-div .ui-widget-header {
position: relative;
padding: .2em 0;
background: #555;
border-bottom: 1px solid #ebebeb;
color: #fff;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
text-indent: -9999em;
}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before {
font-family: 'FontAwesome';
display: inline-block;
font-weight: normal;
font-style: normal;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
color: #fff;
}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
color: #9f9f9f;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\f100";
}
.ui-datepicker .ui-datepicker-next:before {
content: "\f101";
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0;
}
.ui-datepicker thead {
background: #f9f9f9;
}
.ui-datepicker th {
padding: 5px 0;
text-align: center;
font-weight: 700;
font-size: 10px;
text-transform: uppercase;
border: 0;
}
.ui-datepicker td {
border: 1px solid #ebebeb;
padding: 1px;
}
.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled:hover {
border: 0;
background: transparent;
}
.ui-datepicker td span,.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
color: #555;
}
.ui-datepicker td.ui-datepicker-today, .ui-datepicker td:hover {
background: #efefef;
font-weight: bold;
}
.ui-datepicker td:hover a, .ui-datepicker td a.ui-state-active {
color: #cd9a66;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 10px;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em 10px;
cursor: pointer;
padding: 0 20px;
line-height: 30px;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-timepicker-div .ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #444;
}
.ui-timepicker-div .ui-state-default,.ui-timepicker-div .ui-widget-content .ui-state-default,.ui-timepicker-div .ui-widget-header .ui-state-default {
border: 1px solid #ddd;
background: #f6f6f6;
font-weight: bold;
}
.ui-timepicker-div dl:before, .ui-timepicker-div dl:after { content: ""; display: table; }
.ui-timepicker-div dl:after { clear: both; }
.ui-timepicker-div dl { zoom: 1; margin: 1em }
.ui-timepicker-div dl dt {
float: left;
clear: left;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 37%;
}
.ui-timepicker-div dd.ui_tpicker_hour, .ui-timepicker-div dd.ui_tpicker_minute {margin-bottom: 15px; top: 7px;}
.ui-timepicker-div dd.ui_tpicker_hour div, .ui-timepicker-div dd.ui_tpicker_minute div {top: 7px;}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
} .topnavigationsearch {
position: relative;
}
.topnavigationsearch:hover .abs-search {
display: block;
}
.abs-search {
display: none;
}
.abs-search {
background: #FFFFFF;
border-radius: 0 0 2px 2px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
padding: 20px 30px 20px 20px;
position: absolute;
right: 0;
width: 300px;
}
.abs-search:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 10px;
content: " ";
position: absolute;
right: 20px;
top: -20px;
}
.abs-search > form {
line-height: 0;
margin: 0;
padding: 0;
}
.abs-search input {
margin: 0;
padding: 5px;
} .lt-ie10 .portfolioitem:hover img,
.lt-ie10 .imggalitem:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.lt-ie10 [data-animation="janimate-fadein"] .jeg_do_animate,
.lt-ie10 [data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate a {
left: 0;
}
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate a {
right: 0;
}
.lt-ie10 [data-animation="janimate-fadein"] .jeg_do_animate,
.lt-ie10 [data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
.lt-ie10 [data-transform="janimate-scale"] .jeg_do_animate,
.lt-ie10 [data-transform="janimate-scale"].jeg_do_animate,
.lt-ie10 [data-transform="janimate-scale"] .jeg_do_animate a,
.lt-ie10 [data-transform="janimate-scale"].jeg_do_animate a {
transform: scale(1);
-ms-transform : scale(1);
-webkit-transform: scale(1);
}
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-top"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-top"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-top"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-top"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-bottom"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-bottom"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-bottom"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-bottom"].jeg_do_animate a {
transform:  translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
} .section-blog-list {
padding: 30px 0;
}
.section-blog-list .notes-list-entry {
display: block;
text-align: center;
position: relative;
}
.notes-list-entry .color-overlay {
background: white;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: background 0.2s ease-out 0s;
width: 100%;
}
.section-blog-list .notes-list-entry {
border-top: 1px solid #ddd;
padding: 23px 20px 40px;
z-index: 2;
background-size: cover;
}
.notes-list-entry:hover {
color #fff;
}
.section-blog-list .note-title {
font-size: 38px;
margin: 2px 8px;
}
.section-blog-list .note-meta {
margin-bottom: 0;
font-size: 14px;
color: #9b9b9b;
}
.section-blog-list .note-author {color: #9b9b9b}
.section-blog-list .note-author, .section-blog-list .note-readmore {
font-family: "Playfair Display", "georgia";
font-style: italic;
}
.notes-list-entry:hover span, .notes-list-entry:hover h2, .notes-list-entry:hover cite {
color: #fff;
}
.notes-list-entry:hover .color-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
transition: background 0.2s ease-in 0s;
}
.notes-list-entry.readmore {
padding: 40px 20px;
}
.notes-list-entry.readmore:hover .color-overlay {
background: #000;
} .wpb_alert p:first-child, #content .wpb_alert p:first-child, .wpb_text_column p:first-child, .wpb_text_column *:first-child, #content .wpb_text_column p:first-child, #content .wpb_text_column *:first-child, .wpb_toggle_content p:first-child,
.wpb_alert .messagebox_text *:first-child {margin-top: 0;} .jkreativ .wpb_toggle, .jkreativ #content h4.wpb_toggle {background: none; padding: 0 0 0 46px; margin-bottom: 20px; position: relative;}
.jkreativ .wpb_toggle:before, .jkreativ #content h4.wpb_toggle:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
left: 0;
content: "\f067";
padding: 10px;
font-size: 12px;
border: 1px solid #ddd;
}
.jkreativ .wpb_toggle_title_active:before, .jkreativ #content .wpb_toggle_title_active:before {
content: "\f068";
background: #f5f5f5;
}
.jkreativ .wpb_toggle_content {
padding-left: 48px;
margin-top: 0;
} .jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav {border-bottom: 1px solid #ddd;}
.jkreativ .wpb_tabs .wpb_tabs_nav li { background: none; margin-bottom: -1px; display: block; position: relative; margin-right: 2px;}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
border-radius: 2px 2px 0 0;
border: 1px solid transparent;
padding: 10px 15px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {background: none;}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover a {
border-bottom-color: #ddd;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
color: #555;
border-color: #ddd #ddd #fff;
background: #fff;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
background: none;
padding: 1.5em 0;
} .wpb_tour *,
.wpb_tour *:before,
.wpb_tour *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jkreativ .wpb_tour .wpb_tabs_nav {width: 24.666667%; position: relative; z-index: 2}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li {
background: #fff;
border: 1px solid #ddd;
margin:0 0 -1px;
}
.jkreativ .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
border-left: 1px solid #ddd;
position: relative;
left: -1px;
}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li a {color: #999}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover a,
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {color: #333;}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {background: #f7f7f7;}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
margin-right: -1px;
border-right: 0;
background: #fff;
}
.jkreativ .wpb_tour_next_prev_nav {display: none;} .jkreativ .wpb_accordion_section {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
border: 1px solid #ddd;
border-radius: 2px;
margin-top: 7px;
}
.jkreativ .wpb_accordion_section:first-child {margin-top: 0;}
.jkreativ .wpb_content_element .wpb_accordion_header a {
padding: 10px 15px;
color: #333;
}
.jkreativ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {margin: 0; outline: none}
.jkreativ .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {display: none;}
.jkreativ .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
border-top: 1px solid #ddd;
padding: 1.5em;
} .teaser_grid_container ul {padding: 0}
.teaser_grid_container .post-title {font-size: 16px;}
.teaser_grid_container .isotope-item .isotope-inner {border-bottom: 1px solid #ddd; padding-bottom: 35px}
.jkreativ .wpb_teaser_grid .categories_filter li a, .jkreativ .wpb_categories_filter li a {
border: 1px solid #ddd;
padding: 5px 10px;
color: #999;
font-size: 12px;
}
.wpb_teaser_grid .categories_filter li.active a, .wpb_categories_filter li.active a,
.wpb_teaser_grid .categories_filter li a:hover, .wpb_categories_filter li a:hover {
border: 1px solid #ccc !important;
background: #f7f7f7;
color: #555;
} .jkreativ .flexslider {
background: transparent;
border: 0;
box-shadow: none;
}
.jkreativ .wpb_gallery .wpb_flexslider .flex-control-nav {bottom: -40px;} .article-meta-tag {
border-bottom: 1px dashed #ddd;
border-top: 1px dashed #ddd;
clear: both;
font-size: 13px;
margin-bottom: 25px;
margin-top: 30px;
padding-bottom: 15px;
padding-top: 15px;
}
.alreadyloaded {
opacity: 1;
}
.large_map{
position: fixed;
bottom: 1%;
right: 1%;
}body.boxcontent .jviewport,
body.boxcontent .topnavigation,
body.boxcontent .portfoliopagingwrapper,
body.boxcontent .galleryloadmore {
width: 1280px;
left: 50%;
margin-left: -640px;
}
body.boxcontent .jviewport {
position: absolute;
}
body.boxcontent #rightsidecontainer {
background-color: #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
position: relative;
}
body.boxcontent .filterfloat {
position: absolute;
}
body.boxcontent .pagecenter {
margin-left: inherit;
}
body.boxcontent.horizontalnav .fullwidth.nosidebar .mainpage,
body.boxcontent.horizontalnav .fullwidth.nosidebar .pageholder,
body.boxcontent.horizontalnav .fullwidth .pageholder {
width: 100%;
}
body.boxcontent .pagecenter .pageholder {
margin-left: inherit;
margin-bottom: -7px;
}
body.boxcontent .pageinnerwrapper {
margin-bottom: 0;
}
body.boxcontent .pagewrapper .blognormalpaging.blogpagingholder {
margin-bottom: 0;
margin-top: 0;
border-radius: 0;
-webkit-box-shadow: -2px 0 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: -2px 0 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: -2px 0 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
body.boxcontent .pageinnerwrapper, body.boxcontent .mainsidebar .blog-sidebar {
box-shadow: none;
background: transparent;
}
body.boxcontent .mainsidebar .blog-sidebar-title h3{
border-top: 1px solid #DDDDDD;
}
body.boxcontent .mainsidebar .blog-sidebar:first-child .blog-sidebar-title h3{
border-top: 0;
}
body.boxcontent .blog-big-wrapper .blog-sidebar{
padding-top: 0;
}
body.boxcontent.horizontalnav .pagewrapper {
padding-top: 0;
width: 100%;
}
body.boxcontent.horizontalnav .fullwidth .mainpage,
body.boxcontent .halfwidth .mainpage{
width: 70%;
overflow: hidden;
background: #fff;
}
body.boxcontent.horizontalnav .fullwidth .mainsidebar,
body.boxcontent .halfwidth .mainsidebar{
width: 30%;
}
body.boxcontent .mainpage.blog-normal-article .article-quote-wrapper {
margin: 0;
}
body.boxcontent .mainpage.blog-normal-article .featured {
margin: 0 auto 25px;
}
body.boxcontent .halfwidth .mainsidebar .mainsidebar-wrapper {
width: 320px;
}
body.boxcontent.horizontalnav .fullwidth .mainsidebar .mainsidebar-wrapper,
body.boxcontent .halfwidth .pageholder  {
width: 100%;
}
body.boxcontent .pageright .pageholder {float: right;}
body.boxcontent .halfwidth .pageinnerwrapper {
background: #fff;
}
body.boxcontent.page-template-templatetemplate-contact-full-map-php .halfwidth .pageholder {
width: 45% !important;
}
body.boxcontent.page-template-templatetemplate-contact-full-map-php .pagewrapper {
padding-top: 20px;
}
body.boxcontent .pageholder > .featured {
margin-bottom: 0;
}
body.boxcontent .blog-big-wrapper {
margin-right: 0;
}
body.boxcontent .mainsidebar {
margin-left: 0;
}
body.boxcontent .mainsidebar .mainsidebar-wrapper {
border-left: 1px solid rgba(0,0,0,0.05);
-webkit-box-shadow: inset 2px 4px 8px rgba(0,0,0,0.05);
-moz-box-shadow: inset 2px 4px 8px rgba(0,0,0,0.05);
box-shadow: inset 2px 4px 8px rgba(0,0,0,0.05);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.boxcontent.horizontalnav .pagewrapper.coverwidth {
margin-left: 0;
margin-right: 0;
}
body.boxcontent .coverwidth .blog-sidebar,
body.boxcontent .mainsidebar .blog-sidebar,
body.boxcontent .pagewrapper.outside .pageinnerwrapper{
margin-left: 0;
margin-bottom: 0;
}
body.boxcontent .halfwidth.nosidebar .pageholder {
width: 100%;
}
body.boxcontent .halfwidth.nosidebar .mainpage {
width: 100%;
}
body.boxcontent.horizontalnav .pagewrapper {
margin-left: 0;
margin-right: 0;
}
@media only screen and (max-width:1280px) {
body.boxcontent .jviewport,
body.boxcontent .topnavigation,
body.boxcontent .portfoliopagingwrapper,
body.boxcontent .galleryloadmore {
left: 50%;
margin-left: -540px;
width: 1024px;
}
body.boxcontent.horizontalnav .fullwidth .mainpage,
body.boxcontent .halfwidth .mainpage{
width: 70%;
}
body.boxcontent.horizontalnav .fullwidth .mainsidebar,
body.boxcontent .halfwidth .mainsidebar{
width: 30%;
}
body.boxcontent .halfwidth .mainsidebar .mainsidebar-wrapper {
width: 307px;
}
}
@media only screen and (max-width:1024px) {
body.boxcontent .jviewport,
body.boxcontent .topnavigation,
body.boxcontent .portfoliopagingwrapper,
body.boxcontent .galleryloadmore {
left: inherit;
margin-left: 0;
width: 100%;
}
body.boxcontent.horizontalnav .pagewrapper,
body.boxcontent.horizontalnav .noheadermenu .pagewrapper,
body.boxcontent.horizontalnav .horizontalnav .pagewrapper {
float: none !important;
margin: 20px auto;
padding: 0;
width: 95%;
}
body.boxcontent.horizontalnav .fullwidth .mainpage,
body.boxcontent .halfwidth .mainpage {
margin-bottom: 15px;
border-radius: 2px;
-webkit-box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
}
body.boxcontent .fullwidth .mainsidebar,
body.boxcontent .fullwidth .mainsidebar .mainsidebar-wrapper,
body.boxcontent .halfwidth .mainsidebar,
body.boxcontent .halfwidth .mainsidebar .mainsidebar-wrapper,
body.boxcontent .mainsidebar .mainsidebar-wrapper {
width: 100% !important;
box-shadow: none;
border-left: 0;
}
body.boxcontent .mainsidebar .blog-sidebar-title h3 {border-top: 0;}
body.boxcontent .mainsidebar .blog-sidebar {
margin-bottom: 15px;
background: #fff;
-webkit-box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 2px 0 8px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.05);
}
body.boxcontent #rightsidecontainer {
background: none;
box-shadow: none;
}
body.boxcontent .pageinnerwrapper {
margin-bottom: 15px;
}
}body.landingpage.toptransparent .contentheaderspace  {
display: none;
}
body.landingpage.toptransparent .topnavigation,
body.fullscreenslider.toptransparent .topnavigation {
background: none;
box-shadow: none;
color: #fff;
}
body.toptransparent .topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button,
body.toptransparent .topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
body.toptransparent .topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link * {
color: #fff;
}
body.toptransparent .navcontent > ul > li > a {
color: #fff;
}
body.toptransparent .topnavigationwoo .topaccount span,
body.toptransparent .topnavigationwoo .topcart > a,
body.toptransparent .topnavigationwoo .toplogin > a:before,
body.toptransparent .topnavigation .footsocial a,
body.toptransparent .topnavigationsearch {
color :#fff;
}
body.landingpage.toptransparent .topnavigation.transparentbg,
body.fullscreenslider .topnavigation.transparentbg,
body.normaltransparent .topnavigation {
background: rgba(0,0,0,0.7);
}
body.landingpage.toptransparent .sectioncontainer.sectionheading {
text-align: center;
padding: 200px 30px 160px;
}
body.landingpage.toptransparent .sectioncontainer.sectionheading .span6 {
width: 100%;
}
body.fullscreenslider.horizontalnav  .fs-container {
margin-top: 0;
}
body.fullscreenslider.horizontalnav .kennav {
bottom: 20px;
top: auto;
}#mega_main_menu.side_navigation > .menu_holder,#mega_main_menu.top_navigation > .menu_holder {
filter:none;
}
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li:hover > .item_link,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link:hover,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li:hover > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link:hover,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link {
filter:none;
}
#mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.side_navigation ul li.post_type_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.side_navigation ul li.post_type_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.side_navigation ul li.post_type_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.side_navigation ul li.grid_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.side_navigation ul li.grid_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.side_navigation ul li.grid_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.side_navigation ul li.post_type_dropdown .mega_dropdown > li > .processed_image:hover,
#mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.top_navigation ul li.post_type_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.top_navigation ul li.post_type_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.top_navigation ul li.post_type_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.top_navigation ul li.grid_dropdown .mega_dropdown > li:hover > .item_link,
#mega_main_menu.top_navigation ul li.grid_dropdown .mega_dropdown > li > .item_link:hover,
#mega_main_menu.top_navigation ul li.grid_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#mega_main_menu.top_navigation ul li.post_type_dropdown .mega_dropdown > li > .processed_image:hover {
filter:none;
}
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul li > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul li > .item_link {
filter:none;
}
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul li.current-menu-item > .item_link,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul li:hover > .item_link,
#mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul li > .item_link:hover,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul li.current-menu-item > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul li:hover > .item_link,
#mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul li > .item_link:hover {
filter:none;
}
#mega_main_menu.side_navigation > .menu_holder,
#mega_main_menu.top_navigation > .menu_holder {
filter:none;
} #leftsidebar #mega_main_menu.direction-vertical {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder {
background: none;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder {
background: none;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li > .item_link:after,
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.nav_search_box:after {
background: none;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link {
background: none;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link * {
color: #333333;
}
#leftsidebar #mega_main_menu.side_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i,
#leftsidebar #mega_main_menu.side_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i,
#leftsidebar #mega_main_menu.side_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i {
display: inline-block;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon i,
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li[class*="dropdown"] .mega_dropdown > li > .item_link.disable_icon > i,
#leftsidebar #mega_main_menu a.disable_icon > i,
#leftsidebar #mega_main_menu.side_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > i,
#leftsidebar #mega_main_menu.side_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > i,
#leftsidebar #mega_main_menu.side_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text.disable_icon > i {
display: none;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link > span {
display: inline;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span > span {
font-family: "Abel", "Helvetica Neue", Arial, sans-serif;
color: #333333;
display: inline-block;
font-style: normal;
letter-spacing: 1px;
line-height: 40px;
margin: 0;
position: relative;
text-transform: uppercase;
padding: 0 10px;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > .nav_logo > .logo_link,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.nav_search_box,
#leftsidebar #mega_main_menu.side_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i,
#leftsidebar #mega_main_menu.side_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i,
#leftsidebar #mega_main_menu.side_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > span,
#leftsidebar #mega_main_menu.side_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i {
line-height: inherit;
height: auto;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span > span:after {
background: #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li:last-child > .item_link > span > span:after {
background: none;
}
#leftsidebar #mega_main_menu.icons-left > .menu_holder > .menu_inner > ul > li > .item_link.with_icon i {
float: none;
padding-right: 0px;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.menu-item-has-children  > .item_link > span > span:before {
content: "\f107";
font-family: "FontAwesome";
font-style: normal;
position: absolute;
right: -10px;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown {
border: 1px solid #dddddd;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns1 > .mega_dropdown {
width: 250px;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns2 > .mega_dropdown {
width: 500px;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns3 > .mega_dropdown {
width: 650px;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns4 > .mega_dropdown {
width: 800px;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li {
padding: 10px 25px 0px;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
margin-left: 0px;
margin-top: -10px;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown .mega_dropdown > li > .item_link {
padding: 5px 0;
}
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li > .item_link,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link,
#leftsidebar #mega_main_menu.side_navigation ul li .mega_dropdown > li > .item_link,
#leftsidebar #mega_main_menu.side_navigation ul li .mega_dropdown > li > .item_link .link_text,
#leftsidebar #mega_main_menu.side_navigation ul li .mega_dropdown,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li .post_details > .post_description,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li .mega_dropdown > li > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li .mega_dropdown > li > .item_link .link_text,
.topnavigation #mega_main_menu.top_navigation ul li .mega_dropdown,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li .post_details > .post_description {
color : #888;
font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
line-height: 1.8em;
font-size: 13px;
}
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li > .item_link *,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link *,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link *  {
color: #777;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li .mega_dropdown li i,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li .mega_dropdown li i {
line-height: 1.8em;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li > a > span > span,
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li > span > span > span,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li > a > span > span,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li > span > span > span {
color: #333;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown:hover > .mega_dropdown,
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown,
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
padding: 10px 10px 20px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown:hover > .mega_dropdown,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown,
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
padding: 20px 10px 10px;
}
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link,
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li > .item_link:hover,
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li > .item_link:hover,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link
{
background: none;
}
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link *,
#leftsidebar #mega_main_menu.side_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link *,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover *,
#leftsidebar #mega_main_menu.side_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li:hover > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link *,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover *,
.topnavigation #mega_main_menu.top_navigation ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link *  {
color : #333;
}
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li > .mega_dropdown:before {
border-color: rgba(0,0,0,0) #DDD rgba(0,0,0,0) rgba(0,0,0,0);
border-style: solid;
border-width: 12px;
content: " ";
left: -24px;
position: absolute;
top: 15px;
}
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li:hover > .item_link > span > span,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.current-menu-parent > .item_link > span > span,
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li.current_page_item > .item_link > span > span {
color: #cd9a66;
}
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.drop_to_center > .mega_dropdown,
#leftsidebar #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.drop_to_left > .mega_dropdown {
position: absolute;
top: 0;
left: 100%;
right: auto;
} .topnavigation #mega_main_menu.top_navigation {
float: right;
min-height: inherit;
}
.topnavigation #mega_main_menu.top_navigation > .menu_holder {
background: none;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul {
z-index: auto;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.submenu_full_width > .mega_dropdown {
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.topnavigation #mega_main_menu.direction-horizontal > .menu_holder > .menu_inner > ul > li > .item_link:after,
.topnavigation #mega_main_menu.direction-horizontal > .menu_holder > .menu_inner > ul > li:last-child > .item_link:before {
background: none;
}
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link {
background: none;
}
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link * {
color: #444;
font-family: 'Abel', 'Helvetica Neue', Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li {
line-height: 60px;
position: relative;
-webkit-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: ease all 0.5s;
outline: none;
}
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .logo_link,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.nav_search_box,
.topnavigation #mega_main_menu.top_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation #mega_main_menu.top_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > span,
.topnavigation #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i {
line-height: 60px;
height: 60px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdow {
transform:  translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns1 > .mega_dropdown {
width: 250px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns2 > .mega_dropdown {
width: 450px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns3 > .mega_dropdown {
width: 650px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.columns4 > .mega_dropdown {
width: 850px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown {
margin-top: 0px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li > .mega_dropdown:before {
border-color: rgba(0,0,0,0) rgba(0,0,0,0) #b3b3b3 rgba(0,0,0,0);
border-style: solid;
border-width: 10px;
content: " ";
position: absolute;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.drop_to_right > .mega_dropdown:before {
left: 20px;
top: -20px;
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li.drop_to_left > .mega_dropdown:before {
right: 20px;
top: -24px;
}
.multicolumn_dropdown ul.mega_dropdown {
background-color: rgba(255,255,255,0);
}
#mega_main_menu #mega_main_menu_ul > li > ul {
background-color: #fff;
}
#mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown li > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown .mega_dropdown > li.post_item:hover .post_details, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown .mega_dropdown > li:hover .post_details {
-webkit-box-shadow: 0px 4px 13px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 13px -3px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 4px 13px -3px rgba(0,0,0,0.4);
-o-box-shadow: 0px 4px 13px -3px rgba(0,0,0,0.4);
box-shadow: 0px 4px 13px -3px rgba(0,0,0,0.4);
}
.topnavigation #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text {
top: 0;
}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0;}.me-plugin{position:absolute;}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden;}.mejs-fullscreen{overflow:hidden!important;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-clear{clear:both;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}:root .mejs-poster img{display:none;}.mejs-poster img{border:0;padding:0;border:0;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/bigplay.svg) no-repeat;}.no-svg .mejs-overlay-button{background-image:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/bigplay.png);}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{border-radius:100%;position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/loading.gif) 50% 50% no-repeat;}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:24px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/controls.svg) no-repeat;}.no-svg .mejs-controls .mejs-button button{background-image:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/controls.png);}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow;}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-moz-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-ms-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-o-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative;}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(20,20,20,0.8);}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001;}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333;}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333;}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff;}.mejs-controls .mejs-sourcechooser-button{position:relative;}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden;}.mejs-postroll-layer-content{width:100%;height:100%;}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(//www.hcs.com.pk/wp-content/themes/jkreativ-themes/public/mediaelementjs/background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer;}
.mejs-overlay-loading { background: rgba(255, 255, 255, 0.8); }
.mejs-overlay-loading span { background-size: 60px 60px; }
.mejs-container .mejs-controls { background-color: rgba(0,0,0,0.7); }
.mejs-controls .mejs-time-rail .mejs-time-total { background-color: rgba(60,60,60,0.6) }
.mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(44, 124, 145, 0.8) }
.mejs-controls .mejs-time-rail span { border-radius: 0 }@media only screen and (max-width:1500px) {
.blog-main-content { width: 70%; }
.blog-right-content { width: 30%; }
.fullwidth .mainpage { width: 720px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.fullwidth .pageholder {  width: 1030px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 860px; }
.landingslider { height: 550px; }
.slidewrapcontainer { max-width: 900px; }
.sectioncontainer, .jcontainer { width: 960px; }
.horizontalnav .sectioncontainer { width: 1180px; }
.fixsize { height: 550px !important; }
}
@media only screen and (max-width:1367px) {
.fullwidth .mainpage { width: 620px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.fullwidth .pageholder {  width: 930px; }
.teamlist { text-align: center; }
.teamsocial { text-align: center !important; }
.teamimage { float: none; margin:0 auto 20px; }
.teammeta, .teamword, .teamsocial { margin-left: 0; }
.horizontalnav .sectioncontainer { width: 1080px; }
.fixsize { height: 450px !important; }
}
@media only screen and (max-width:1280px) {
.portfolio-content-slider, .ptcontent {
width: 100% !important;
}
.portfolio-content-wrapper {
width: 50%;
}
.kenburntextcontent.item .text1, .item .text1 {
font-size: 30px;
max-width: 700px;
line-height: 1.4;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 20px;
line-height: 1.6em;
padding-top: 0;
padding-bottom: 0;
}
.item .text3 {
margin-top: 15px;
}
.navigationdot {
bottom: 30px;
}
.blog-main-content,
.blog-right-content {
width: 100%;
position: relative;
clear: both;
right: inherit;
}
.blog-main-content, .blog-right-content {
margin-bottom : 0;
padding-bottom: 0;
}
.blog-side-space, .blog-right-content-wrapper {
padding-right: 0;
margin-right: 0;
}
.blog-popular-post {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.pagewrapper .blog-popular-post {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.halfwidth .mainpage , .halfwidth.nosidebar .pageholder{ width: 450px; }
.halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 270px; }
.halfwidth .pageholder { width: 730px; }
.fullwidth .mainpage { width: 520px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 270px; }
.fullwidth .pageholder {  width: 800px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 760px; }
table.shop_table .product-thumbnail { display: none; }
.landingslider { height: 500px; }
.slidewrapcontainer { max-width: 800px; }
.rightpos .slidewrappos, .leftpos .slidewrappos { width: 450px; }
.sectioncontainer, .jcontainer { width: 800px; }
.horizontalnav .sectioncontainer, .navigationcontainer, .navigationcontainer .topsearchwrapper  { width: 960px; }
.serviceicon {
margin: 10px auto 35px;
height: 180px;
width: 180px;
}
.testiwrapperinner { max-width: 80%; }
.horizontalnav .fullwidth .mainpage { width: 620px; }
.horizontalnav .fullwidth .mainsidebar, .horizontalnav .fullwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.horizontalnav .fullwidth .pageholder { width: 930px; }
.horizontalnav .fullwidth.nosidebar .mainpage,
.horizontalnav .fullwidth.nosidebar .pageholder { width: 960px; }
.fixsize { height: 450px !important; }
.jnpslider h2 span {
font-size: 26px;
line-height: 1.5;
}
}
@media only screen and (max-width:1152px) {
.coverwidth .mainpage { width: 100% !important; }
.coverwidth .mainsidebar, .coverwidth .mainsidebar .mainsidebar-wrapper, .productline .mainsidebar { margin-left: 0; width: 100% !important;}
.coverwidth .blog-sidebar { margin-left: 0; margin-bottom: 15px; width: auto;}
.mainsidebar-wrapper { padding-bottom: 0; }
.productitem .pinfo h2 { font-size: 18px; }
.productitem .pinfo { margin: 0 20px 20px; }
.blog-normal-article .bigloader { margin-left: 105px; }
}
@media only screen and (max-width:1024px) {
.splitslider .nav-arrows span.nav-arrow-next {
right: 0;
}
.splitslider .nav-arrows span.nav-arrow-prev {
left: 0;
}
.jnpslider .row-fluid .span6 {
width: 100%;
}
.jnpslider h2 {
max-width: inherit;
}
.portfolioitem:hover img, .imggalitem:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.headermenu, .portfoliopagingwrapper  {
position: absolute;
}
#leftsidebar, .lefttop {
width: 250px;
}
#rightsidecontainer {
margin-left: 0;
}
.contentholder {
margin-left: 250px;
}
.portfoliofilter, .headermenu .searchcontent input, .blogfilter  {
margin-left: 0;
}
.logo {
padding: 50px 30px;
}
.sidebarcollapse #leftsidebar {
left: -190px;
}
.filterfloat , .sidebarcollapse .filterfloat, .horizontalnav .filterfloat, .sidebarcollapse .filterfloat {
position: absolute;
top: 10px !important;
right: 10px;
} .blog-normal-article .article-share {
display: none;
}
.blog-normal-article .article-wrapper {
border-left: none;
margin-left: 0;
}
.blog-big-wrapper {
margin-right: 0;
}
.blog-sidebar-title h3 {
margin: 0;
border-right: 0;
}
.blog-sidebar-title h3:after {
border: none;
}
.comment-input-wrapper input {
width: 100%;
}
.comment-form-author, .comment-form-email, .comment-form-url {
width: 100%;
}
.comment-input-wrapper, .comment-author-wrapper {
margin-right: 0;
}
.blog-normal-article .article-wrapper {
padding-left: 0;
}
.testimonialblock p {
margin-left: 0;
}
.testimonialblock .author {
margin-left: 0px;
}
.testimonialblock > img {
display: none;
}
.testimonialblock.testiright p {
margin-right: 0;
}
.testimonialblock.testiright .author {
margin-right: 0;
}
.fullbgwrapper, .sidebarcollapse .fullbgwrapper  { margin-left: 0; }
.fullwidth .mainpage, .fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper,
.halfwidth .mainpage, .halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 100% !important; }
.fullwidth .pageholder,
.fullwidth.nosidebar .pageholder,
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder {  width: 550px; }
.halfwidth .pageholder { width: 450px; }
.mainsidebar {margin-left: 0;}
.mainsidebar .blog-sidebar {margin-bottom: 15px;}
.jkreativ .left_column_cart {
border-left: none;
margin: 0;
padding: 0;
}
.left_column_cart h3 {
display: block;
text-align: center;
}
.coupon_inputs_wrapper {
margin-right: 20px;
text-align: center;
}
.coupon .input-text {
margin-bottom: 10px;
width: 100%;
}
table.shop_table td {
vertical-align: top;
}
.coupon {
margin: 20px  0 20px;
}
.jkreativ .jkreativ-woocommerce .accountnavigation {
border-right: none;
}
.accountnavigation > ul {
padding-bottom: 20px;
}
.horizontalnav .topnavigation, .dotnavigation {
display: none !important;
}
.landingslider { height: 450px; }
.slidewrapcontainer { max-width: 600px; }
.sectioncontainer, .jcontainer { width: 720px; }
.horizontalnav .sectioncontainer { width: 720px; }
.service-item {
margin: 5px;
padding: 15px;
}
.horizontalnav .portfolioholderwrap {
margin-top: 50px !important;
}
.horizontalnav .portfolionavbar {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
right: 0;
top: 0 !important;
width: 100%;
margin-top: 0px;
}
.horizontalnav .portfolionavlist li, .horizontalnav .portfolionavlist li > a {
background: transparent;
border-bottom: none;
border-top: none;
height: 50px;
width: 50px;
}
.horizontalnav .portfolionavlist .navicon {
font-size: 25px;
line-height: 50px;
}
.horizontalnav .portfoliolove .navicon:before {
font-size: 15px;
}
.pricing-table.three-col .pricing-col,
.pricing-table.four-col .pricing-col,
.pricing-table.five-col .pricing-col { width: 50%; margin-top: 20px; }
.pricing-table { margin-top: 0; }
.price-heading span { display: none; }
.pricing-col.pricehighlight .price-heading > h3,
.pricing-table .pricing-col.pricehighlight .price-btn { padding: 20px; }
.pricing-col.pricehighlight { margin-top: 0; box-shadow: none; }
[data-animation="janimate-fadein"] .jeg_do_animate,
[data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate a,
[data-position="janimpos-left"].jeg_do_animate a {
left: 0;
}
[data-position="janimpos-right"] .jeg_do_animate a,
[data-position="janimpos-right"].jeg_do_animate a {
right: 0;
}
.postnormaltitle {
display: block;
}
.fixsize {
height: 400px !important;
}
.slider-video .imggalitem {
display: none;
}
.jnpslider .jcontainer, .jnpslider .jcontainer span {
text-align: center;
}
.additional-slider-video {
display: inline-block;
}
.nav-arrows span {
font-size: 60px;
}
.hideipad {
display: none !important;
}
.video_toggle {
display: none;
}
.text-slider .btn {
font-size: 13px;
}
.text-slider .slider-header {
font-size: 24px;
line-height: 2em;
margin: 0;
}
.horizontalnav .bottomnav .landing-bottom-nav.sticky .landing-bottom-space,
.horizontalnav .bottomnav .landing-bottom-space {
display: none !important;
}
.landingpage #rightsidecontainer, .landingpage .jviewport {
position: absolute;
}
.sidebarcollapse .contentholder, .contentholder {
margin-left: 0;
}
.contentheaderspace {
display: none;
}
.responsiveheader, .responsiveheader-wrapper {
display: block;
}
#leftsidebar {
display: none;
}
.withheadermenu .portfoliowrapper, .portfoliowrapper {
margin-top: 0;
}
.withheadermenu .portfoliocontent {
top: 0;
}
#rightsidecontainer, .headermenu .searchcontent input, .portfoliofilter {
margin-left: 0;
}
.headermenu {
display: none;
}
.portfoliopagingwrapper,  .blogpagingwrapper {
position: absolute;
}
.headermenu .searchheader, .portfoliofilterbutton span {
display: none;
}
.portfoliofilterbutton {
display: block;
height: 42px;
width: 20px;
overflow: hidden;
}
.portfolioitem .mask, .portfolioitem[data-width="0.5"] .mask {
background:  white;
color: #000000;
height: 100%;
left: 0;
opacity: 1;
position: relative;
top: 0;
width: 100%;
margin-top: -5px;
}
.portfolioitem .mask .info {
background: white;
margin-top: 0 !important;
}
.portfolioitem .info h2, .portfolioitem .info span {
color: #000000;
opacity: 1;
}
.portfolioitem .info span {
background-color : rgba(0, 0, 0, 0.3);
}
.portfoliowrapper .portfolioitem:hover {
box-shadow: none;
}
.portfolioitem .info h2 {
font-size: 15px;
padding-top: 20px;
}
.portfolioitem .info p {
color: #888;
margin-bottom: 0;
opacity: 1;
padding-bottom: 18px;
margin-top: 5px;
line-height: 1.4em;
}
.portfolioitem .info h2, .portfolioitem .info span, .portfolioitem .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolionavbar {
border-top: 1px solid #ddd;
}
.marginportfolio .portfolioitem a {
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.portfoliowrapper.marginportfolio .portfolioitem:hover a, .portfoliowrapper.pinterestportfolio .portfolioitem:hover a {
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 10px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
}
.bigloader, .blog-normal-article .bigloader {
margin-left: -30px;
} .container {
position: relative;
width: 100%;
}
.mobile-menu {
float: left;
height: 100%;
width: 270px;
display: block;
z-index: 10;
}
.mobile-menu[data-position="left"] {
display: none;
}
.mobile-menu[data-position="right"] {
display: none;
} .menuopen .jviewport{
height: auto !important;
min-height: 100%;
overflow: hidden;
}
.mobile-menu-trigger.active {
background: #444;
}
.mobile-menu-trigger.active .iconlist {
color: white;
}
.menuopen[role="main-mobile-menu"] .container {
left: 270px;
position: absolute;
border-left: 1px solid #000000;
box-shadow: -5px 0 0 0 rgba(0, 0, 0, 0.1);
height: 100%;
overflow: hidden;
}
.menuopen[role="main-mobile-menu"] #main-mobile-menu {
left: 0;
display: block;
}
.menuopen[role="secondary-mobile-menu"] .container {
right: 270px;
position: absolute;
}
.menuopen[role="secondary-mobile-menu"] #secondary-mobile-menu {
right: 0;
} .search-mobile {
padding: 10px;
}
.search-mobile form {
padding-right: 10px;
}
.search-mobile input {
background:  #666666;
border: 2px solid #555555;
border-radius: 0 0 0 0;
color: #EEEEEE;
font-family: helvetica,arial;
font-size: 16px;
height: 30px;
padding-left: 5px;
width: 100%;
}
.mobile-menu-content {
padding: 0 0 0 12px;
}
.mobile-menu h2 {
color: #aaa;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
margin: 15px 0;
text-transform: uppercase;
}
.mobile-menu ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
.mobile-menu li a {
background:  #555555;
border-top: 1px solid #777777;
border-bottom: 1px solid #444444;
color: #DDDDDD;
display: block;
font-size: 14px;
font-style: normal;
line-height: 48px;
padding-left: 20px;
}
.mobile-menu li a:hover,
.mobile-menu li[class^="current"] > a,
.mobile-menu li[class*="current_"] > a {
border-left-style: solid;
border-left-width: 12px;
margin-left: -12px;
background-color: #666;
border-top-color: #888;
}
.mobile-menu i {
font-size: 20px;
margin-right: 10px;
position: relative;
top: 3px;
}
.mobile-menu .copyright {
color: #CCCCCC;
font-family: georgia;
font-style: italic;
margin: 30px 10px;
text-align: center;
}  .blogwrapper {
padding-top: 0;
}
.blog-masonry-wrapper, .horizontalnav .blog-masonry-wrapper {
padding-left: 12px;
padding-top: 10px;
}
.kenburntextcontent.item .text1, .item .text1 {
font-size: 24px;
line-height: 30px;
max-width: 500px;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 17px;
line-height: 1.6;
padding-top: 0;
padding-bottom: 0;
line-height: 30px;
}
.horizontalnav .kennav, .kennav {
top: 20px;
}
.fs-overflow {
overflow: inherit;
}
.fs-overflow .container, .fs-overflow .containerwrapper, .fs-overflow .contentholder {
height: 100%;
}
.fs-container, .horizontalnav .fs-container {
padding-top: 0px;
margin-top: 0px !important;
}
.filterfloat , .sidebarcollapse .filterfloat {
display: none;
} .blog-normal-wrapper, .horizontalnav .blog-normal-wrapper {
padding-top: 0 !important;
}
.blog-normal-article .article-header {
text-align: center;
}
.blog-popular-post {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.blog-normal-article .article-wrapper {
padding-left: 0;
padding-right: 0;
}
.blog-normal-article .article {
padding: 20px;
}
.comment-container {
padding: 20px;
}
.blog-normal-article .article-wrapper {
min-height: inherit;
}
.comment-container ul.children {
margin-left: 20px;
}
.comment-text, .blog-big-wrapper .comment-text {
margin-left: 0;
}
.testimonialblock p, .testimonialblock .author {
text-align: center !important;
}
.fullbgcontainer {
top: 0;
left: 0;
}
.mainpage {
margin-top: 30px;
}
.kenburntextcontent {
bottom: 20px;
left: 20px;
}
.pagewrapper, .noheadermenu .pagewrapper, .horizontalnav .pagewrapper { margin: 20px 15px; padding: 0; float: none !important;  }
.pageholder, .mainpage { width: 100% !important; }
.pagecenter .pageholder { margin-left: 0; }
.pagecenter {
display: inherit;
}
.mainpage { margin-top: 0; }
.portfoliobottombar { display: none !important; }
.pt-next { right: 0 }
.pt-prev { left: 0 }
.portfolionavprevnext:hover .pt-bgarrow {
border-radius: 23px;
height: 46px;
width: 46px;
margin: -23px 0 0 -23px;
opacity: 1;
}
.portfolionavprevnext:hover .pt-next-prev-bg {
display: none;
height: 0;
width: 0;
margin: 0;
}
.mainpage.blog-normal-article .featured {
margin: -30px -40px 30px;
}
.mainpage.blog-normal-article .article-quote-wrapper {
margin: -30px -40px;
border-radius: 2px;
}
.portfolioitem[data-width="0.5"] .info{
display: inherit;
}
.pageinnerwrapper > .featured.nomargin {
margin: -21px -21px 20px;
}
.pageinnerwrapper > .featured {
margin: 0 0 20px;
}
.fotorama__arr__arr { font-size: 45px; }
.fotorama__arr--prev { left: 0; }
.fotorama__arr--next { right: 0; } .product-content-wrapper {
padding: 0 !important;
}
.productcontent {
margin: 0px !important;
}
.productitem .pmask, .pmask-border, .productitem .pinfo {
position: relative;
left: 0;
right: 0;
bottom: 0;
top: 0 !important;
margin: 0;
opacity: 1 !important;
background: white;
}
.productitem .pinfo {
padding: 10px;
}
.productitem .pinfo h2 {
font-size: 15px;
font-weight: bold;
}
.productitem .pinfo > small {
display: none;
font-weight: bold;
}
.productitem .price {
margin-top: 5px;
margin-bottom: 5px;
position: relative;
}
.productitem .pinfo h2, .productitem .pinfo span.line, .productitem .price {
opacity: 1 !important;
top: 0 !important;
text-align: center;
color: #333;
}
.productitem .price > span.amount {
font-size: 16px;
font-weight: normal;
margin-left: 5px;
}
.productitem .slider-button {
display:none;
}
.productitem .pinfo span.line {
border-bottom: 1px solid #AAAAAA;
display: block;
margin: 0 auto;
}
.iosSlider .slider .item .text1,
.iosSlider .slider .item .text2,
.iosSlider .slider .item .text3 {
opacity: 0;
left: 0;
right: 0;
top: 0;
}
.landingslider { height: 450px; }
.slidewrapper { margin-top: -70px !important; }
.rightpos .slidewrappos, .leftpos .slidewrappos {
text-align: center;
float: none;
width: 100%;
}
.sectioncontainer, .jcontainer { padding: 0px 20px; width: auto; }
.horizontalnav .sectioncontainer { padding-top: 20px; padding-bottom: 20px; width: auto; }
.horizontalnav .post-header .sectioncontainer {padding-top: 0; padding-bottom: 0}
.section-header > h1, .section-header > h2, .section-header > h3, .section-header > h4, .section-header > h5, .section-header > h6 {
font-size: 28px;
}
section, .normaltopmargin, .doubletopmargin, .tripletopmargin, .forthtopmargin, .fifthtopmargin,
.nobottommargin, .normalbottommargin, .doublebottommargin, .triplebottommargin, .forthbottommargin, .fifthbottommargin
{ padding: 40px 0; }
.notopmargin { padding-top: 0; }
.nobottommargin { padding-bottom: 0; }
section.notopmargin .sectioncontainer:first-child {
padding: 0 20px;
}
section.nobottommargin .sectioncontainer:last-child {
padding: 0 20px;
}
.serviceicon {
height: 150px;
width: 150px;
margin: 10px auto 35px;
}
.flex-viewport {
margin-bottom: 0;
}
.flex-control-nav {
margin-top: 20px;
text-align: center;
position: static;
}
.bgparallax {
background-position: center center !important;
}
.horizontalnav .footercontent, .contentfooterspace {
display: none;
}
.landing-navigator {
display: none !important;
}
.landing-footer-copyright, .landing-footer-link { margin-top: 10px; margin-bottom: 10px; }
.horizontalnav .nopaddingbottom .sectioncontainer { padding-bottom: 0px; }
.landing-btm-footer .sectioncontainer {
padding-bottom: 0;
padding-top: 0;
}
.landing-btm-footer {
padding: 18px;
}
.galleryloaderinner {
background-position: center center;
width: 130px;
padding-left: 0px;
}
.mainpage.blog-normal-article .fotorama__nav-wrap {
bottom: 20px;
}
[data-animation="janimate-fadein"] .jeg_do_animate,
[data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate,
[data-position="janimpos-left"].jeg_do_animate,
[data-position="janimpos-left"] .jeg_do_animate a,
[data-position="janimpos-left"].jeg_do_animate a,
[data-position="janimpos-right"] .jeg_do_animate,
[data-position="janimpos-right"].jeg_do_animate,
[data-position="janimpos-right"] .jeg_do_animate a,
[data-position="janimpos-right"].jeg_do_animate a,
[data-position="janimpos-top"] .jeg_do_animate,
[data-position="janimpos-top"].jeg_do_animate,
[data-position="janimpos-top"] .jeg_do_animate a,
[data-position="janimpos-top"].jeg_do_animate a,
[data-position="janimpos-bottom"] .jeg_do_animate,
[data-position="janimpos-bottom"].jeg_do_animate,
[data-position="janimpos-bottom"] .jeg_do_animate a,
[data-position="janimpos-bottom"].jeg_do_animate a {
transform:  translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
[data-transform="janimate-scale"] .jeg_do_animate,
[data-transform="janimate-scale"].jeg_do_animate,
[data-transform="janimate-scale"] .jeg_do_animate a,
[data-transform="janimate-scale"].jeg_do_animate a {
transform: scale(1)
-ms-transform : scale(1);
-webkit-transform: scale(1);
}
.serviceitem .span3 {
margin-bottom: 20px;
}
.splitslider .sl-slider-wrapper, .bgholder,
.parallaxtext, .bgslider-holder, .text-holder{
transform: translate3d(0,0,0) !important;
-moz-transform: translate3d(0,0,0) !important;
-o-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
-webkit-transform: translate3d(0,0,0) !important;
}
.text-holder, .nav-dots {
opacity: 1 !important;
}
}
@media only screen and (max-width:801px) {
.fullwidth .pageholder,
.fullwidth.nosidebar .pageholder,
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder {  width: 450px; }
}
@media only screen and (max-width:768px) {
.galleryswitchfloat .mainsidebar {
float: none;
}
.calloutinner.text-normal h3, .calloutinner.text-normal .btn, .calloutinner.text-normal {
float: none;
text-align: center;
}
.service-extend {
text-align: center;
}
.text-slider li {
font-size: 20px;
line-height: 30px;
letter-spacing: 2px;
}
.slider-button, .text-slider .btn {
padding: 6px 25px;
}
section quote {
font-size: 20px;
width: 80%;
padding: 50px 0;
}
.jkreativ .jkreativ-woocommerce .accountnavigation {
display: none;
}
.landing-footer-copyright, .landing-footer-link {
float: none;
text-align: center;
}
.landing-footer-link li {
float: none;
margin: 0;
padding-bottom: 5px;
}
.horizontalnav .landing-footer .sectioncontainer {
padding-bottom: 10px;
padding-top: 10px;
} .sectioncontainer.sectionheading {
padding: 70px 30px 100px !important;
}
.sectionheading h2 {
font-size: 30px;
}
.sectionheading span {
font-size: 15px;
} .post-header .post-nav {position: relative; display: block; width: 100px; margin: 10px auto 0;}
.post-nav-list {float: none; position: absolute; left: 34px;}
.post-nav-controls {width: auto; float: none;}
.post-header .post-title h1 {font-size: 20px}
.jnpslider h2 {
line-height: 40px;
}
.jnpslider h2 span {
font-size: 22px;
line-height: 1.3;
}
.jnpslider .slider-alternate {
font-size: 15px;
line-height: 1.6em;
}
.nav-arrows span.nav-arrow-prev:before {left: 0}
.nav-arrows span.nav-arrow-next:before {right: 0}
.service-extend i { font-size: 24px; }
.serviceitem .span3, .serviceitem .span9 {
width: 100%;
}
.serviceitem .row-fluid {
display: block;
padding-left: 5px;
padding-right: 5px;
width: auto;
}
.serviceblock {
margin-bottom: 30px;
}
.clean-blog-content, .clean-blog-meta, .blogcleanpaging { float: none; width: 100%; }
.clean-blog-content .article-masonry-meta-wrapper {display: none}
.clean-blog-meta-wrapper { text-align: left; border-top: 0; margin: 0 25px 10px; padding-top: 20px }
.clean-blog-meta-wrapper .article-sharing { margin-top: 0;}
.sharrre-container-clean .sharrre { margin: 0 15px 0 0; }
.clean-blog-wrapper .article-header h2 { font-size: 40px; }
}
@media only screen and (max-width:767px) { .row-fluid [class*="span"], [class*="span"],
.fullsize .serviceiconwrapper .span3, .fullsize .serviceiconwrapper .span9 {
float: none;
display: block;
width: 100%;
margin-left: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.oneforthsize .serviceitem {
width: 50%;
}
.halfsize .serviceitem, .onethirdsize .serviceitem  {
width: 100%;
}
.text-right-desktop { text-align: left; }
.teamlist {
display: block;
width: auto;
}
.teamlist:last-child {
border-left: 1px solid #ddd;
}
.teamwrapper .teamrow:first-child .teamlist:last-child {
border-top: none;
}
.text-slider .btn {
font-size: 11px;
}
.text-slider .slider-header {
font-size: 24px;
line-height: 2em;
margin: 0;
}
}
@media only screen and (max-width:480px) {
.section-header > h1, .section-header > h2, .section-header > h3, .section-header > h4, .section-header > h5, .section-header > h6 {
font-size: 24px;
}
.sectioncontainer .section-header > em {
font-size: 18px !important;
}
.sectionline { width: 20% }
.hideiphone {
display: none !important;
}
.text-slider .slider-header {
font-size: 17px;
line-height: 2em;
margin: 0;
}
.landingslider {
height: 350px;
}
.jkreativ .jkreativ-woocommerce.productline p.stock {
display: none;
}
.ptnavigation a {
width: 37px;
}
.portfolionavlist li, .portfolionavlist li > a {
width: 44px;
}
.productitem .mask h2 {
font-size: 18px;
}
.productitem .slider-button .button-text {
font-size: 12px;
}
.productitem .slider-button, .buyorviewbutton {
border: 1px solid #EEE;
}
.article-masonry-box {
margin: 10px 0;
}
.portfolionavtitle {
display: none;
}
.responsiveheader .navleft, .responsiveheader .navright {
border-right: none;
border-left: none;
padding: 0 10px;
width: 24px;
}
.responsiveheader .iconlist:before {
font-size: 24px;
}
.portfolio-passsword {
width: 250px;
margin-left: -125px;
}
.portfolio-form-body > input {
width: 200px;
}
.fs-container, .sliderContainer {
min-height: 320px !important;
}
.kenburntextcontent.item .text1, .item .text1 {
font-size: 21px;
line-height: 30px;
max-width: 300px;
}
.kenburntextcontent.item .text2, .item .text2 {
font-size: 17px;
line-height: 1.6;
display: none;
}
.jnpslider .slider-button {margin-bottom: 15px;}
.slider-button {
padding: 2px 12px;
}
.slider-button .button-text {
font-size: 10px;
}
.navigationdot {
bottom: 20px;
}
.comment-autor {
display: none;
}
.pageinnerwrapper {
padding: 20px;
}
.mainpage.blog-normal-article .pageinnerwrapper {
padding: 30px;
}
.mainpage.blog-normal-article .featured {
margin: -30px -30px 30px;
}
.mainpage.blog-normal-article .article-quote-wrapper {
margin: -30px -30px;
}
.dropcaps {
font-size: 50px;
}
.comment-respond {
margin-top: 0;
}
.comment-respond, .mainpage .comment-input-wrapper input {
text-align: center;
}
.mainpage .comment-container ul.children {
margin-left: 0;
}
.product-quantity {
display: none;
}
.jkreativ .cartpage .article-header h2 {
font-size: 20px;
margin: -40px -30px 20px;
padding: 40px 10px;
}
table.shop_table td.product-subtotal {
font-size: 14px;
}
table.shop_table .product-subtotal {
width: 50px;
}
table.shop_table .product-name a {
font-size: 14px;
}
.col2-set .col-1 {
float: none;
width: inherit;
margin-bottom: 20px;
}
.order-actions, .order-total {
display: none;
}
.product-img {
display: none;
}
table.totals_table {
margin-right: 0;
width: inherit;
}
.jkreativ .jkreativ-woocommerce .woocommerce-message {
text-align: center;
padding: 1em 1.5em !important;
}
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
display: block;
margin:0 0 10px;
float: none;
}
.blog-sidebar-content .cart, .cart_wrapper form {
margin-right:0;
}
.blog-sidebar .cart .btn {
letter-spacing: 0;
font-size: 12px;
padding: 0 11px;
line-height: 31px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wishlist_table .product-price, .wishlist_table  .product-remove, .wishlist_table .product-stock-status {
display: none;
}
.portfolio-content-wrapper-inner {
padding: 20px;
}
.testislide blockquote span {
font-size: 18px;
}
.testislide blockquote span:before {
font-size: 22px;
}
.testiwrapper {
padding: 50px 0;
}
.landingmasonryitem {
width: 100% !important;
}
.sectioncontainer.sectionheading {
padding: 100px 10px;
}
.sectionheading > h2 {
font-size: 30px;
}
.pricing-table.three-col .pricing-col, .pricing-table.four-col .pricing-col, .pricing-table.five-col .pricing-col {
width: 100%;
}
.single_variation {
float: none;
}
.oneforthsize .serviceitem {
width: 100%;
}
.normal-sharrre-container > div {
margin-right: 4%;
width: 48%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.normal-sharrre-container > div:nth-child(even) {
margin-right: 0;
}
}
@media only screen and (max-width:320px) {
.jkreativ table.shop_table .product-name a, .jkreativ table.shop_table .product-name .product-price,
.jkreativ table.shop_table td.product-subtotal {
font-size: 13px !important;
padding-right: 0 !important;
}
.jkreativ .jkreativ-woocommerce #customer_details p {
width: 98% !important;
float:none;
clear: both;
}
.jkreativ .woocommerce form .form-row label.checkbox {
display: block;
margin: 0 0 0 1.5em;
line-height: 1.5em;
}
.jkreativ .woocommerce form .form-row .input-checkbox {
float: left;
margin: 0;
}
.jkreativ .woocommerce #payment ul.payment_methods li input, .jkreativ.woocommerce-page #payment ul.payment_methods li input {
top: 0;
}
.jkreativ .woocommerce #payment ul.payment_methods, .jkreativ.woocommerce-page #payment ul.payment_methods {padding: 0}
.jkreativ .woocommerce #payment div.payment_box, .jkreativ.woocommerce-page #payment div.payment_box {
width: 100%;
padding: 0 1.2em 1em;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.jkreativ .woocommerce #payment div.form-row, .jkreativ.woocommerce-page #payment div.form-row {padding: 1em 0 0; margin: 0;}
.jkreativ .woocommerce #payment #place_order, .jkreativ .woocommerce-page #payment #place_order {letter-spacing: normal; padding: 15px}
.woocommerce-page .mainpage.blog-normal-article .article-content {
margin-bottom: 0;
}
}body {
line-height: 1.65em;
color: #757575;
}
a {
color:#DE3917;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
a:hover {color: #AA1D00}
h1, h2, h3, h4, h5, h6 {color:#171717;}
h2 {margin-top: 0.7em;}
ul {list-style-type: square;} input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]), textarea {box-shadow: none;}
input, textarea, select, .uneditable-input,
.jkreativ .jkreativ-woocommerce .coupon .input-text,
.jkreativ #calc_shipping_postcode {
border: 2px solid #949494;
background: #fbfbfb;
padding: 12px;
height: auto;
color: #757575;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input:focus, textarea:focus, select:focus, .uneditable-input:focus,
.jkreativ .jkreativ-woocommerce .coupon .input-text:focus,
.jkreativ #calc_shipping_postcode:focus {
border-color: #171717;
}
input::-moz-placeholder { color: #949494; font-weight: 300; text-transform: none; }
input::-webkit-input-placeholder { color: #949494; font-weight: 300; text-transform: none; }
select {height: 39px} .btn, input[type="submit"], button,
.jkreativ .jkreativ-woocommerce .update-button.btn,
.mapitem .mapbutton {
padding: 12px 24px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
text-shadow: none;
border: 2px solid #171717;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
}
.jkreativ .jkreativ-woocommerce .btn.btn-small, .mapitem .mapbutton {
font-size: 11px;
letter-spacing: 1px;
padding: 5px 16px;
}
.btn.btn-default, input[type="submit"], .jkreativ-woocommerce .shipping_calculator .btn {
color: #171717;
background: transparent;
border-color: #171717;
}
.light .btn, .landing-footer .btn, .footerwidget input[type="submit"] {background: transparent; border-color:#fff; color: #fff}
.light .btn:hover, .light .btn.btn-default:hover, .light .btn.btn-default:focus, .light .btn.btn-default:active,
.landing-footer .btn:hover, .landing-footer .btn.btn-default:hover, .landing-footer .btn.btn-default:focus, .landing-footer .btn.btn-default:active,
.footerwidget input[type="submit"]:hover, .footerwidget input[type="submit"]:active {
background: #fff;
border-color:#fff;
color: #171717;
}
.btn:hover, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .open .dropdown-toggle.btn-default,
.jkreativ .jkreativ-woocommerce .update-button.btn:hover,
.pricing-table .btn:hover, .light .pricing-table .btn:hover,
input[type="submit"]:hover, button:hover,
.jkreativ-woocommerce .shipping_calculator .btn:hover {
background: #171717;
border-color: #171717;
color: #fff;
}
.btn.btn-primary { background-color: #333333;  border-color: #000000; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active { background-color: #555; border-color: #333333; color: #fff}
.btn.btn-success, .mapitem .mapbutton {background: #5cb85c; border-color: #5cb85c; color: #fff}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .open .dropdown-toggle.btn-success,
.mapitem .mapbutton:hover {background: #47a447; border-color: #47a447; color: #fff}
.btn.btn-info {background: #5bc0de; border-color: #5bc0de; color: #fff}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .open .dropdown-toggle.btn-info {background: #39b3d7; border-color: #39b3d7; color: #fff}
.btn.btn-warning {background: #f0ad4e; border-color: #f0ad4e; color: #fff}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open .dropdown-toggle.btn-warning,
.pricing-table .pricing-col.pricehighlight .btn:hover, .light .pricing-table .pricing-col.pricehighlight .btn:hover {background: #ed9c28; border-color: #ed9c28; color: #fff}
.btn.btn-danger {background: #d9534f; border-color: #d9534f; color: #fff}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .open .dropdown-toggle.btn-danger {background: #d2322d; border-color: #d2322d; color: #fff} .jnpslider h2 { font-size: 44px; line-height: 52px; font-weight: 200; text-shadow: none; }
.jnpslider h2 strong { font-weight: 500; }
.slider-button, .text-slider .btn {
font-weight: normal;
padding: 10px 25px;
font-size: 14px;
}
.text-slider .btn {box-shadow: none; background: transparent; border-radius: 3px; border: 2px solid #171717; color: #171717}
.text-slider .btn:after {background: #171717;}
.text-slider .btn:hover {border-color:#171717; color: #fff;}
.light .text-slider .btn {border-color:#fff; color: #fff}
.light .text-slider .btn:hover {color: #171717}
.light .text-slider .btn:after {background: #fff;}
.serviceblock .content {background: transparent; padding: 40px 10px 0}
.light .serviceblock .content {background: rgba(255, 255, 255, 0.8); padding: 40px 20px 20px}
.serviceblock { margin: 25px 0; } .horizontalnav .topnavigation {
background: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.twolinetop {
background: #131313;
border-bottom: 1px solid #1B1B1B;
color: #949494;
font-size: 12px;
}
.contentheaderspace {height: 41px;}
.horizontalnav .topnavigationwoo > ul:before, .horizontalnav .footsocial > ul:before {background: #1B1B1B;}
.topnavmsg {color: #949494; font-size: 14px;}
.topnavigation .navcontent a, .topnavigationwoo .accountdrop li a {color: #949494; position: relative;}
.navcontent ul li > a:after {
position: absolute;
width: 0;
top: 70%;
left: 50%;
margin-left: 0;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navcontent > ul > li.hovered > a:after, .navcontent > ul > li.current-menu-item > a:after {
opacity: 1;
width: 35%;
left: 50%;
margin-left: -17.5%;
}
.navcontent > ul > li.hovered {background: transparent;}
.navcontent > ul > li.hovered > a, .topnavigation a:hover {color: #fff}
.navcontent .childmenu, .topnavigationwoo .accountdrop {margin-top: 0; background: #171717;}
.navcontent .childmenu > li, .topnavigationwoo .accountdrop li {border-top: 1px solid #262626; padding: 7px 0}
.navcontent .childmenu > li:first-child, .topnavigationwoo .accountdrop li:first-child {border-top: 0}
.navcontent .childmenu > li a, .topnavigationwoo .accountdrop li a {color: #949494; display: block; line-height: 24px;}
.navcontent .childmenu > li:hover, .topnavigationwoo .accountdrop li:hover {background: #262626; color: #fff;}
.navcontent .childmenu > li:hover > a, .topnavigationwoo .accountdrop li:hover > a {color: #fff}
.topnavigationsearch {color: #949494;}
.topsearchwrapper {background: #000;}
.topsearchwrapper input {
background: #000;
border: 1px solid #171717;
font-weight: 300;
color: #d4d0d0;
height: 80px;
line-height: 80px;
border: 0;
padding: 0 20px;
}
.topsearchwrapper input::-moz-placeholder { color: #949494; }
.topsearchwrapper input::-webkit-input-placeholder { color: #949494; }
.topnavigationwoo .topaccount span, .topnavigationwoo .topcart a, .topnavigation .footsocial a {color: #949494}
.closesearch {color: #949494} .mainnav > li > a > h2 {
font-weight: 300;
letter-spacing: normal;
}
#leftsidebar,
.leftfooter,
.jspTrack {
border: 0;
background: #000000;
}
.jspDrag {background: rgba(255,255,255,0.1)}
.jspDrag:hover,.jspDrag:active {background: rgba(255,255,255,0.4);}
#leftsidebar a, .mainnavigation li .arrow { color: #fff; }
#leftsidebar a:hover, .mainnavigation li:hover .arrow { color: #949494; }
.mainnavigation {border-top: 1px solid #1a1a1a; padding: 20px 0}
.mainnav > li:nth-child(5){border-bottom: 1px solid #F7941E;padding: 0 0 20px 0px;}
.mainnav > li > a > h2, .mainnav .childmenu h2,
.additionalblock,
.footcopy,
#leftsidebar .footlink li a {
color: #949494;
}
.footlink li a {font-style: normal; text-transform: uppercase; font-size: 10px;}
.cbsheader .csbhicon {color:#fff }
.mainnav li.active > a > h2, .mainnav li:hover > a > h2, .mainnav li.menudown > a > h2,
.menudown > a > h2,
.mainnav li[class^='current'] > a > h2,
.mainnav li[class*='current_'] > a > h2,
.menu-top-navigation li[class^='current'] > a > h2,
.menu-top-navigation li[class*='current_'] > a > h2,
#leftsidebar .footlink li a:hover {
color: #fff;
}
.mainnav > li > a > h2:after, .mainnav .childmenu h2:after { display: none; }
.mainnav .childmenu { margin: 0; background: rgba(255,255,255,0.07); }
.mainnav .childmenu .childmenu {margin: 0; border: 0}
.additionalblock h3 { color: #fff; }
.additionalblock input[type="text"], .additionalblock textarea {
border: 0;
box-shadow: none;
background: rgba(255,255,255,0.1);
color: #949494;
font-weight: 300;
margin: 10px 0 0;
padding: 12px;
width: 100%;
max-width: 100%;
line-height: normal;
height: auto;
font-style: normal;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.additionalblock .line {
height: 2px;
width: 50px;
background: #2C2C2C;
}
#leftsidebar .jeg-follow-button:before { border-top-color: #2C2C2C;}
#leftsidebar .jeg-tweet-time { color: #949494; }
#leftsidebar .jeg-twitter-container {font-size: 12px; line-height: 1.65em}
.additionalblock { border-top-color: #1a1a1a; }
.additionalblock:last-child { border-bottom-color: #1a1a1a; }
.footcopy { font-style:normal; color: #949494;display: none;}
.footlink .separator { color: #949494; }
#leftsidebar .footsocial a i, .csbwrapper li a i { color: #949494; }
#leftsidebar .footsocial a:hover i, .csbwrapper li a:hover i { color: #ffffff; }
#leftsidebar .footsocial a, .csbwrapper li a { border-color: #949494; }
#leftsidebar .footsocial a:hover, .csbwrapper li a:hover { border-color: #ffffff; } .mobile-float { background-color : #000000 }
.mobile-menu h2 { color : #ebebeb }
.mobile-menu li a {
background-color :#242424;
color :#949494;
border-top-color :#2e2e2e;
border-bottom-color :#161616;
}
.mobile-menu li a:hover, .mobile-menu li[class^='current'] > a, .mobile-menu li[class*='current_'] > a {
background-color : #3b3b3b;
color : #fbfbfb;
border-top-color : #3b3b3b;
border-bottom-color : #161616;
border-left-color : #1e1e1e;
} .headermenu {
background: #171717;
color: #949494;
}
.headermenu .toplink li > a {color:#949494;}
.headermenu .toplink li:hover,
.portfoliofilterbutton:hover, .blogfilterbutton:hover {
background:#000;
color: #949494;
}
.portfoliofilter.active .portfoliofilterbutton, .blogfilter.active .blogfilterbutton,
.headermenu .toplink li.active, .headermenu .toplink li.active > a {
background: #000;
color: #fff;
}
.headermenu .toplink li.active {
color: #fff;
}
.portfoliofilterbutton, .blogfilterbutton, .headermenu .searchheader {color: #949494;}
.portfoliofilterlist ul, .blogfilterlist ul {background: #000;}
.portfoliofilterlist li, .blogfilterlist li {color:#949494; font-weight: normal;}
.portfoliofilterlist li:hover, .portfoliofilterlist li.active, .blogfilterlist li:hover, .blogfilterlist li.active { color: #fff; }
.accountdrop {background: #000; border: 1px solid #171717;}
.headermenu .toplink .accountdrop li:hover {background: #262626;}
.headermenu .toplink .accountdrop li:hover a {color: #fff}
.headermenu .toplink .accountdrop li {border-bottom: 1px solid #262626}
.headermenu .toplink .accountdrop li a {color: #949494}
.headermenu .searchcontent {border-bottom:0; background: #171717; }
.headermenu .searchcontent input, .headermenu .searchcontent input:focus {border:0; height: 42px; font-weight: 300; color:#d4d0d0}
.headermenu .searchcontent input::-moz-placeholder { color: #949494; }
.headermenu .searchcontent input::-webkit-input-placeholder { color: #949494; }
.topcartcontent {
background: #000;
border: 1px solid #171717;
border-bottom: 1px solid #171717;
border-top: 0;
color: #949494;
}
.topnavigation .topnavigationwoo .topcartcontent {
background: #171717;
border: 0;
}
.toplink li a.topcart_btn i, .topcart_button i{
font-style: normal;
text-transform: uppercase;
}
.toplink li a.topcart_btn, .topnavigationwoo li a.topcart_btn {
background: #464747;
border: 0;
color: #d4d0d0;
width: 48%;
float: right;
line-height: 35px;
font-size: 11px;
}
.toplink li a.topcart_btn.viewcart, .topnavigationwoo a.topcart_btn.viewcart {float: left;}
.toplink li a.topcart_btn.viewcart, .topnavigationwoo li a.topcart_btn {margin-right: 0;}
.toplink li a.topcart_btn:hover, .topnavigationwoo li a.topcart_btn:hover {background: #2e2e2e; color: #fff}
.headermenu .toplink li .topemptycart a, .headermenu .toplink li .topemptycart a:hover {
color:#949494;
}
.topcartheader {
font-weight: normal;
border-bottom: 2px solid #464747;
color: #d4d0d0;
}
.topemptycart h5 {color: #d4d0d0; margin: 0.8em 0; font-weight: normal;}
.topcartlist_product {
border-bottom: 1px dotted #464747;
}
.topcart_subtotal {
border-bottom: 0;
border-top: 1px dotted #464747;
font-weight: normal;
}
.topcart_desc strong, .topcart_desc a:hover strong {color: #d4d0d0} .responsiveheader {background: #000; color: #949494}
.mobilesearch {background: #000;}
.mobilesearch input {background: #000; color: #fff}
.mobilesearch .closemobilesearch {color: #949494} .jkreativ .jkreativ-woocommerce .coupon .input-text {
margin-right: -2px;
width: 66%;
}
.coupon_inputs_wrapper input[type="submit"] {
width: 30%;
padding: 11px 0;
font-size: 11px;
letter-spacing: 1px;
border-radius: 0 5px 5px 0;
}
.jkreativ .jkreativ-woocommerce .update-button.btn, .jkreativ .jkreativ-woocommerce .checkout-button.btn, .jkreativ-woocommerce .shipping_calculator .btn {
font-size: 11px;
letter-spacing: normal;
padding: 11px;
}
.woocommerce form .form-row, .woocommerce-page form .form-row {padding: 0}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {margin-bottom: 10px; font-weight: normal;}
label { color: #2c3e50; font-weight: normal; }
#respond > h3 {text-transform: none; letter-spacing: normal; font-weight: normal;}
.jkreativ .cartpage .article-header h2 {background: #171717; border-bottom: 0; color: #fff; border-radius: 3px 3px 0 0}
.jkreativ .jkreativ-woocommerce .accountnavigation ul a {
text-transform: capitalize;
color: #171717;
font-size: 12px;
letter-spacing: normal;
}
.jkreativ .jkreativ-woocommerce .cart_totals h3,
.jkreativ .jkreativ-woocommerce .coupon h3,
.jkreativ .jkreativ-woocommerce .shipping_calculator h3,
.jkreativ .jkreativ-woocommerce .cart_totals h2,
.jkreativ .jkreativ-woocommerce .coupon h2,
.jkreativ .jkreativ-woocommerce .shipping_calculator h2 {
color: #171717;
border-bottom: 2px solid #171717;
padding: 10px 0;
letter-spacing: 2px;
font-size: 15px;
font-weight: bold;
}
.jkreativ .jkreativ-woocommerce .shipping_calculator h2 a {padding: 10px 0; font-weight: bold; font-size: 15px; color:#171717 }
.lostpassword {background: #F3F3F3; border: 0}
.jkreativ #customer_details h3, .jkreativ #orderdetail h3 {
border-bottom: 3px solid #d9dcdf;
padding-bottom: 15px;
}
.jkreativ table.shop_table th, .jkreativ .totals_table {border-bottom: 2px solid #171717; color: #171717}
.jkreativ .shop_table tfoot th, .jkreativ .shop_table tfoot td {border: 0}
.jkreativ table.shop_table td { border: 0}
.jkreativ table.shop_table td.product-name {padding: 10px 15px !important; width: 40%}
.jkreativ table.shop_table .product-name a {font-weight: bold; font-size: 14px;}
.jkreativ .jkreativ-woocommerce .account-user .user-name {color: #171717;}
.jkreativ .jkreativ-woocommerce .addresses h4, .jkreativ header h4 {border-bottom: 2px solid #171717}
.jkreativ .woocommerce form .form-row, .jkreativ .woocommerce-page form .form-row {padding: 0;} .jnpslider h2 { font-size: 44px; line-height: 52px; font-weight: 200; text-shadow: none; }
.jnpslider h2 strong { font-weight: 500; }
.item .text1 {letter-spacing: 2px;}
.slider-button {font-weight: normal;}
.section-header > h1, .section-header > h2, .section-header > h3, .section-header > h4, .section-header > h5, .section-header > h6 {
font-weight: normal;
}
.sectioncontainer .section-header > em {font-size: 18px; color: #464747}
.sectionline {margin-bottom: 30px; border-bottom: 4px solid #171717;}
.service-extend i {color: #171717}
.row-fluid h3 {font-weight: normal;}
hr {
height: auto;
border-top: 1px solid #171717;
margin: 20px 0;
}
hr.doubleline {
border-top: 2px solid #171717;
margin: 30px 0;
}
hr.shorthr {border-top-width: 2px}
.highlight {padding: 0 6px} .service-slide .sectionline {width: 20%; margin-bottom: 20px;} .fotorama__nav--dots .fotorama__nav__frame {width: 20px}
.fotorama__dot, .fotorama__nav__frame.fotorama__active .fotorama__dot {
background: rgba(0,0,0,0.5);
border: 0;
height: 14px;
width: 14px;
border-radius: 100%;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
background: rgba(0,0,0,0.9);
} .pricing-col-wrapper {border: 1px solid #171717;}
.pricing-table.four-col .pricing-col {
}
.pricing-col-wrapper h3, .light .pricing-col-wrapper h3 {
background: #1a1a1a;
color: #fff;
padding: 10px;
text-transform: uppercase;
border: 0;
letter-spacing: 1px;
}
.pricing-table .price { background: #2f2f2f; border:0; }
.pricing-col.pricehighlight .price {background: #171717;}
.pricing-table h4, .light .pricing-table h4 { color: #fff;}
.pricing-col.pricehighlight .price-heading > h3 {
background: #000;
color: #fff;
padding: 20px;
border-bottom: 2px solid #1f1f1f;
}
.price-heading span {font-weight: 300; color: #fff; font-size: 12px;}
.pricing-table .price > em {color: #ccc; text-transform: capitalize;}
.pricing-table .pricing-list > li,
.pricing-table .price-btn {
color: #464747;
}
.pricing-table .btn, .light .pricing-table .btn {
color: #fff;
background: #464747;
border: 0;
}
.pricing-table .pricing-col.pricehighlight .btn, .light .pricing-table .pricing-col.pricehighlight .btn { background: #171717; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light .btn, .light .service-extend i {color: #fff}
.light p, .light em, .light .sectioncontainer .section-header > em { color: rgba(255,255,255,0.8); }
.light hr, .light hr.doubleline {
border-top-color: rgba(255,255,255,0.6);
}
.light .service-slide h3 {color: #171717}
.light .service-slide p {color: #757575}
.light .sectionline { border-bottom: 4px solid rgba(255,255,255,0.6); }
.light .service-slide .sectionline { border-bottom: 2px solid #171717; }
.light .service-item { background: #fff; }
.skillgraph .graphwrap {box-shadow: none; border-radius: 3px; background: #757575;}
.skillgraph .grapholder {background-color: #171717; height: 25px; border-radius: 3px}
.skillgraph p {color: #171717}
.skillgraph .grapholder strong {background-color: #171717;}
.skillgraph .grapholder strong:after {border-color: #171717 transparent;}
.landingmasonryitem .mask, .portfolioitem .mask {background: rgba(0,0,0,0.75); border: 0}
.landingmasonryitem .info h2, .portfolioitem .info h2, .productitem .pinfo h2 {color: #fff; font-weight: normal; letter-spacing: 2px}
.landingmasonryitem .info span {border:1px solid #fff;}
.landingmasonryitem .info p, .portfolioitem .info p {color: #ccc}
.landingmasonryitem:hover .info p, .portfolioitem:hover .info p {opacity: 1;}
.portfolioitem .textswitch .info h2 { color: #000; }
.portfolioitem .textswitch .info span { background-color: rgba(0,0,0,0.2); }
.portfolioitem .textswitch .info p { color: #666; }
.landing-footer a {color: #ebebeb}
.landing-footer a:hover {color: #999}
.landing-footer {background: #131313; border: 0; color: #949494}
.landing-footer h3, .landing-footer h4, .landing-footer h5 {color:#ebebeb; margin: 14px 0 1.67em;}
.landing-footer .layout-4column {font-size: 13px;}
.landing-btm-footer {background: #000; border-top: 1px solid #1B1B1B}
.landing-footer-copyright {color: #949494;} .landing-footer input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
.landing-footer textarea {
border: 0;
background:rgba(255, 255, 255, 0.1);
} .footerwidget.widget_archive li a:before,
.footerwidget.widget_categories li a:before,
.footerwidget.widget_links li a:before,
.footerwidget.widget_meta li a:before,
.footerwidget.widget_nav_menu li a:before,
.footerwidget.widget_pages li a:before {
color: rgba(255,255,255,0.3);
}
.footerwidget .jeg-follow-button:before {border-top-color: rgba(255,255,255,0.1)}
.footerwidget.widget_recent_entries li {border-color: rgba(255,255,255,0.1)} .portfolioitem .info span {background: #aaa}
.portfolionavbar {background: #171717;border: 0; box-shadow: none;}
.portfolionavtitle {color: #d4d0d0}
.portfolionavlist .navicon {background: #171717; color: #ffffff;}
.portfolionavlist .navicon:hover, .portfolioinfo.opened .navicon {background: #222; color: #d4d0d0}
.portfolionavlist li {border-left: 1px solid #222;}
.portfoliobottombar {border: 0; background: rgba(0,0,0,0.7);}
.portfoliobottombar .portfolionavtitle {color: #d4d0d0;}
.portfoliopagingwrapper, .blogpagingwrapper {box-shadow: none; background: #171717; color: #949494}
.pagedot {border-left: 0}
.pagedot li span {background: #949494;}
.pagedot li.active span {background: #f9f9f9;}
.blogpagingholder .pagedot > a:hover {
background: #2b2b2b;
color: #fbfbfb;
}
.portfolio-content-wrapper h1, .portfolio-content-wrapper h2, .ptdescription h1, .ptdescription h2 {color: #171717}
.pagetext {border-right: 1px solid #2b2b2b;}
.portfoliooverflow {background: rgba(0, 0, 0, 0.85)}
.ptwrapper {
border: 0;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 10px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.05);
}
.horizontalnav .portfolionavlist {border: 2px solid rgba(255,255,255,0.1);}
.horizontalnav .portfolionavlist li {
background: transparent;
border-left: 1px solid rgba(255,255,255,0.1);
border-top: 0;
border-bottom: 0;
}
.horizontalnav .portfolionavlist li:first-child {border-left: 0}
.horizontalnav .portfolioclose {border-right: 0}
.horizontalnav .portfolionavlist .navicon {background: rgba(0,0,0,0.7);}
.horizontalnav .portfolionavlist .navicon:hover {background: rgba(0,0,0,0.9);}
.portfoliopopup {background: rgba(0,0,0,0.8); padding: 10px 15px}
.popuparrow {border-bottom-color: rgba(0,0,0,0.8);}
div.ps-document-overlay {background: #ccc;}
div.ps-toolbar, div.ps-caption-bottom {background: #000;}
div.ps-toolbar-top {border-bottom: 1px solid rgba(255,255,255,0.1)}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play {border-left: 1px solid rgba(255,255,255,0.1); color: #949494}
div.ps-toolbar div div.ps-toolbar-content:before {color: #d4d0d0}
div.ps-caption-bottom {border-top: 1px solid rgba(255,255,255,0.1)}
div.ps-caption-content {color: #d4d0d0}
.sectionheading > h2 {font-weight: normal; text-transform: uppercase;} .blog-normal-article .article-header h2 { font-weight: normal; text-transform: uppercase;}
.blog-normal-article .readmore, .article-masonry-summary .readmore {font-size: 14px;}
.blog-normal-article .article-masonry-meta-wrapper {color: #171717}
.article-quote-wrapper {background: #171717;}
.article-quote-wrapper quote, .article-quote-wrapper .article-meta {color: #d4d0d0}
.article-quote-wrapper a, .article-quote-wrapper a:hover {color: #fff;}
.article-masonry-summary {color: #757575; border-top: 1px solid #f9f9f9; background: #f9f9f9;}
.article-masonry-meta-wrapper {border-top: 1px solid #f9f9f9; color: #171717}
.mainsidebar .blog-sidebar-title h3 {background: #171717; border-bottom: 0; color:#d4d0d0 }
.article-masonry-ads-text {background: #ccc; color: #464747; border-radius: 2px 2px 0 0}
.blog-right-content-wrapper {border-left: 0}
.blog-sidebar-title h3 {background-color: #171717; color: #d4d0d0; border: 0; font-weight: normal;}
.blog-sidebar-title h3:after {border-left-color: #000; right: 0}
.blog-big-wrapper .article-sidebar {background: #fff;} #comments > h2 {font-weight: normal; letter-spacing: normal;}
.replycomment, .closecommentform {color: #171717} .testimonialblock {
background: #fff;
color: #171717;
border: 1px solid #ddd;
border-radius: 3px
} .section-blog-list .note-meta { font-size: 12px; text-transform: uppercase; letter-spacing: 2px;}
.section-blog-list .note-readmore {text-transform: uppercase; letter-spacing: 3px; font-style:normal;}
.notes-list-entry:hover .color-overlay {background-color: rgba(0,0,0,0.7);} .panel-group .panel {
border-radius: 3px;
border: 0;
box-shadow: none;
}
.panel-default > .panel-heading, .light .panel-default > .panel-heading,
.halfpagepanel-header {
background: #171717;
border: 0;
border-radius: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border: 1px solid #171717;
padding: 15px 25px 20px;
}
.panel-group .panel-heading:hover {background: #373737;}
.accordion-toggle,
.accordion-toggle:hover,
.halfpagepanel-header {
color: #fff;
font-style: normal;
} .counterblock .counternumber {color: #555;}
.counterblock .title {color: #555; font-weight: normal; font-size: 14px; text-transform: uppercase;}
.light .counterblock .counter-block-wrapper {
background: rgba(255,255,255,0.15);
}
.light .counterblock .counternumber, .light .counterblock .title {color: #fff;} .halfpagepanel-header:hover, .active .halfpagepanel-header {background: #1B1B1B; color: #fff}
.jkreativ .woocommerce form.login,
.jkreativ .woocommerce form.checkout_coupon,
.jkreativ .woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.register {
border: 2px solid #ecf0f1;
background: #fff;
} .nav-tabs {border-bottom: 1px solid #171717}
.nav-tabs > li.active > a {border-radius: 3px 3px 0 0}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-color: #171717 #171717 transparent;
}
.nav-tabs > li > a:hover {color: #171717; background: #fff; border-color: #171717} .tooltip-inner { background: rgba(0,0,0,0.8); color: #fff }
.tooltip.top .tooltip-arrow {border-top-color: rgba(0,0,0,0.8)} .halfpage.blog-normal-article, .mainpage.blog-normal-article {border-bottom: 0;}
.pageinnerwrapper.lcontent, .pageinnerwrapper.ccontent {border: 1px solid #171717; border-radius: 0 0 3px 3px}
.contactheading, .ctoogle.contactheading {background: #171717; border: 0; color: #fff; margin: 5px 0;}
.contactheading:hover {background: #373737;}
.contactheading.active {margin: 5px 0 0}
.locationlist {border: 1px solid #eee;}
.locationlist:hover {background: #fbfbfb;}
.mapitem h4, .locationlist:hover .mapitem h4 {border-bottom: 0; font-weight: normal;}
.mapdetail:before {
content: '';
display: block;
margin: 0 auto 20px;
width: 30%;
height: 2px;
background: #171717;
}
@media only screen and (max-width:1024px) {
.portfolioitem .info {padding: 10px 0}
.portfolioitem .info h2, .portfolioitem .info span {color: #000}
.portfolioitem .info p {color: #757C83; font-size: 85%;}
.portfolioitem .info span {
background-color: rgba(44, 62, 80, 0.15);
height: 2px;
width: 5%;
margin: 10px auto;
}
}
.mfp-close-btn-in .mfp-close:hover {
color: #FFFFFF;
font-weight: normal;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
padding-left: 10px;
padding-right: 0;
}
#leftsidebar #mega_main_menu.direction-vertical { border-top: 1px solid #333333; }
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span > span:after { background: #333; }
#leftsidebar #mega_main_menu.side_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span > span { color : #fff; }
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
.topnavigation #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link * { color: rgba(200, 200, 200, 1); }
.navcontent > ul > li > ul.childmenu > li > ul.childmenu { background: #171717; }
#leftsidebar #mega_main_menu.direction-vertical > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown { border: none; }  .jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav,
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover a {
border-color:#171717;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover {background: transparent;}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
border-color: #171717 #171717 #fff;
background: #fff;
} .jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li,
.jkreativ .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
border-color: #171717;
} .jkreativ .wpb_accordion_section {
box-shadow: none;
border: 1px solid #171717;
}
.jkreativ .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover {
background: #373737;
}
.jkreativ .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
background: #171717;
}
.jkreativ .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a {
color: #fff;
}