@charset "UTF-8";
@font-face{font-family:FontAwesome;src:url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(//naturvans.com/wp-content/themes/ecopark/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo: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-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.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-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
     html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important; } }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 10px;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent; }
body {
font-family: "Hind", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.62857;
color: #666666;
background-color: #fafafa;
overflow-x: hidden; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #000000;
text-decoration: none;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
a:hover, a:focus {
color: #8cc43f;
text-decoration: none; }
a:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 6px; }
.img-thumbnail {
padding: 4px;
line-height: 1.62857;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 26px;
margin-bottom: 26px;
border: 0;
border-top: 1px solid #eeeeee; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role="button"] {
cursor: pointer; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Montserrat";
font-weight: 700;
line-height: 1.4;
color: #000000;
letter-spacing: -1px; }
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #666666; }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 26px;
margin-bottom: 26px; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 13px;
margin-bottom: 13px; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 {
font-size: 48px; }
h2, .h2 {
font-size: 30px; }
h3, .h3 {
font-size: 24px; }
h4, .h4 {
font-size: 20px; }
h5, .h5 {
font-size: 18px; }
h6, .h6 {
font-size: 14px; }
p {
margin: 0 0 13px; }
.lead {
margin-bottom: 26px;
font-size: 18px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 24px; } }
small,
.small {
font-size: 87%; }
mark,
.mark {
background-color: #f0c73b;
padding: .2em; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.text-nowrap {
white-space: nowrap; }
.text-lowercase {
text-transform: lowercase; }
.text-uppercase, .initialism {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #666666; }
.text-primary {
color: #8cc43f; }
a.text-primary:hover,
a.text-primary:focus {
color: #719f31; }
.text-success {
color: #3c763d; }
a.text-success:hover,
a.text-success:focus {
color: #2b542c; }
.text-info {
color: #31708f; }
a.text-info:hover,
a.text-info:focus {
color: #245269; }
.text-warning {
color: #8a6d3b; }
a.text-warning:hover,
a.text-warning:focus {
color: #66512c; }
.text-danger {
color: #a94442; }
a.text-danger:hover,
a.text-danger:focus {
color: #843534; }
.bg-primary {
color: #fff; }
.bg-primary {
background-color: #8cc43f !important; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #719f31; }
.bg-success {
background-color: #dff0d8 !important; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3; }
.bg-info {
background-color: #d9edf7 !important; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee; }
.bg-warning {
background-color: #f0c73b !important; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #e6b612; }
.bg-danger {
background-color: #e93434 !important; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #d31717; }
.page-header {
margin: 0px 0 26px;
border-bottom: 1px solid #eeeeee; }
ul,
ol {
margin-top: 0;
margin-bottom: 13px; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px; }
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 26px; }
dt,
dd {
line-height: 1.62857; }
dt {
font-weight: bold; }
dd {
margin-left: 0; }
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table; }
.dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; } }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #666666; }
.initialism {
font-size: 90%; }
blockquote {
padding: 13px 26px;
margin: 0 0 26px;
font-size: 24px;
border-left: 2px solid #8cc43f;
font-family: "Hind", sans-serif;
font-weight: 300;
color: #000000; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.62857;
color: #000000; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right {
border-right: 2px solid #8cc43f;
border-left: 0;
text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
address {
margin-bottom: 26px;
font-style: normal;
line-height: 30px; }
code,
kbd,
pre,
samp {
font-family: "Montserrat", monospace; }
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 3px; }
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none; }
pre {
display: block;
padding: 12.5px;
margin: 0 0 13px;
font-size: 15px;
line-height: 1.62857;
word-break: break-all;
word-wrap: break-word;
color: #444444;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 780px; } }
@media (min-width: 992px) {
.container {
width: 1000px; } }
@media (min-width: 1200px) {
.container {
width: 1200px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #666666;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 26px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.62857;
vertical-align: top;
border-top: 1px solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fafafa; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #f0c73b; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #eec023; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #e93434; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #e71d1d; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 19.5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 26px;
font-size: 24px;
line-height: inherit;
color: #444444;
border: 0;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: normal; }
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 7px;
font-size: 16px;
line-height: 1.62857;
color: #666666; }
.form-control {
display: block;
width: 100%;
height: 40px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.62857;
color: #666666;
background-color: #f9f9f9;
background-image: none;
border: 1px solid #e9e9e9;
border-radius: 0; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #8cc43f;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1; }
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed; }
textarea.form-control {
height: auto; }
input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 40px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm
input[type="month"] {
line-height: 33px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg
input[type="month"] {
line-height: 59px; } }
.form-group, .form-row {
margin-bottom: 30px; }
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.radio label,
.checkbox label {
min-height: 26px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 42px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 0; }
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 33px;
line-height: 33px; }
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-sm .form-control {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 33px;
line-height: 33px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 33px;
min-height: 40px;
padding: 6px 10px;
font-size: 14px;
line-height: 1.5; }
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 59px;
padding: 15px 20px;
font-size: 20px;
line-height: 1.33333;
border-radius: 0; }
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 59px;
line-height: 59px; }
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-lg .form-control {
height: 59px;
padding: 15px 20px;
font-size: 20px;
line-height: 1.33333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 59px;
line-height: 59px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 59px;
min-height: 46px;
padding: 16px 20px;
font-size: 20px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 50px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
pointer-events: none; }
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 59px;
height: 59px;
line-height: 59px; }
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 33px;
height: 33px;
line-height: 33px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.has-success .form-control-feedback {
color: #3c763d; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b; }
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #f0c73b; }
.has-warning .form-control-feedback {
color: #8a6d3b; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442; }
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #e93434; }
.has-error .form-control-feedback {
color: #a94442; }
.has-feedback label ~ .form-control-feedback {
top: 31px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #a6a6a6; }
@media (min-width: 768px) {
.form-inline .form-group, .form-inline .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 33px; }
.form-horizontal .form-group, .form-horizontal .form-row {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-row:before, .form-horizontal .form-group:after, .form-horizontal .form-row:after {
content: " ";
display: table; }
.form-horizontal .form-group:after, .form-horizontal .form-row:after {
clear: both; }
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 21.0px;
font-size: 20px; } }
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 14px; } }
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
font-family: "Montserrat";
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
text-transform: uppercase;
padding: 9px 45px;
font-size: 12px;
line-height: 1.62857;
border-radius: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
background-color: #8cc43f;
border-color: transparent; }
.btn:focus, .btn.focus {
color: #fff;
background-color: #719f31;
border-color: transparent; }
.btn:hover {
color: #fff;
background-color: #719f31;
border-color: transparent; }
.btn:active, .btn.active,
.open > .btn.dropdown-toggle {
color: #fff;
background-color: #719f31;
border-color: transparent; }
.btn:active:hover, .btn:active:focus, .btn:active.focus, .btn.active:hover, .btn.active:focus, .btn.active.focus,
.open > .btn.dropdown-toggle:hover,
.open > .btn.dropdown-toggle:focus,
.open > .btn.dropdown-toggle.focus {
color: #fff;
background-color: #5d8429;
border-color: transparent; }
.btn:active, .btn.active,
.open > .btn.dropdown-toggle {
background-image: none; }
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active {
background-color: #8cc43f;
border-color: transparent; }
.btn .badge {
color: #8cc43f;
background-color: #fff; }
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus {
color: #fff;
text-decoration: none; }
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px transparent;
box-shadow: inset 0 3px 5px transparent; }
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; }
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none; }
.btn-default {
color: #fff;
background-color: #aaa;
border-color: #aaa; }
.btn-default:focus, .btn-default.focus {
color: #fff;
background-color: #919191;
border-color: #6a6a6a; }
.btn-default:hover {
color: #fff;
background-color: #919191;
border-color: #8b8b8b; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #fff;
background-color: #919191;
border-color: #8b8b8b; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #fff;
background-color: #7f7f7f;
border-color: #6a6a6a; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
background-color: #aaa;
border-color: #aaa; }
.btn-default .badge {
color: #aaa;
background-color: #fff; }
.btn-primary {
color: #fff;
background-color: #8cc43f;
border-color: #7fb337; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #719f31;
border-color: #395119; }
.btn-primary:hover {
color: #fff;
background-color: #719f31;
border-color: #5d8429; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #719f31;
border-color: #5d8429; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #5d8429;
border-color: #395119; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #8cc43f;
border-color: #7fb337; }
.btn-primary .badge {
color: #8cc43f;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #70ba28;
border-color: #63a523; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #57901f;
border-color: #243c0d; }
.btn-success:hover {
color: #fff;
background-color: #57901f;
border-color: #457319; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #57901f;
border-color: #457319; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #457319;
border-color: #243c0d; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #70ba28;
border-color: #63a523; }
.btn-success .badge {
color: #70ba28;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #04adf0;
border-color: #049bd7; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #0389be;
border-color: #01415a; }
.btn-info:hover {
color: #fff;
background-color: #0389be;
border-color: #03709b; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #0389be;
border-color: #03709b; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #03709b;
border-color: #01415a; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #04adf0;
border-color: #049bd7; }
.btn-info .badge {
color: #04adf0;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0c73b;
border-color: #eec023; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #e6b612;
border-color: #886b0a; }
.btn-warning:hover {
color: #fff;
background-color: #e6b612;
border-color: #c59c0f; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #e6b612;
border-color: #c59c0f; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #c59c0f;
border-color: #886b0a; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f0c73b;
border-color: #eec023; }
.btn-warning .badge {
color: #f0c73b;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #e93434;
border-color: #e71d1d; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #d31717;
border-color: #770d0d; }
.btn-danger:hover {
color: #fff;
background-color: #d31717;
border-color: #b31313; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #d31717;
border-color: #b31313; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #b31313;
border-color: #770d0d; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #e93434;
border-color: #e71d1d; }
.btn-danger .badge {
color: #e93434;
background-color: #fff; }
.btn-link {
color: #000000;
font-weight: normal;
border-radius: 0; }
.btn-link, .btn-link:active, .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: #8cc43f;
text-decoration: none;
background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #666666;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 15px 50px;
font-size: 20px;
line-height: 1.33333;
border-radius: 30px; }
.btn-sm, .btn-group-sm > .btn {
padding: 10px 30px;
font-size: 12px;
line-height: 1.5;
border-radius: 20px; }
.btn-xs, .btn-group-xs > .btn {
padding: 6px 25px;
font-size: 10px;
line-height: 1.5;
border-radius: 15px; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.in {
opacity: 1; }
.collapse {
display: none; }
.collapse.in {
display: block; }
tr.collapse.in {
display: table-row; }
tbody.collapse.in {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 205px;
padding: 15px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 12px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 10px 20px;
clear: both;
font-weight: normal;
line-height: 1.62857;
color: #444444;
white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #373737;
background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #8cc43f; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #666666; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu {
display: block; }
.open > a {
outline: 0; }
.dropdown-menu-right {
left: auto;
right: 0; }
.dropdown-menu-left {
left: 0;
right: auto; }
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 14px;
line-height: 1.62857;
color: #666666;
white-space: nowrap; }
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto; }
.navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group > .btn-group {
float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
-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-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; }
.btn .caret {
margin-left: 0; }
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table; }
.btn-group-vertical > .btn-group:after {
clear: both; }
.btn-group-vertical > .btn-group > .btn {
float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified > .btn-group .btn {
width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; }
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 6px 12px;
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #666666;
text-align: center;
background-color: #f9f9f9;
border: 1px solid #e9e9e9;
border-radius: 3px; }
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 14px;
border-radius: 3px; }
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 15px 20px;
font-size: 20px;
border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.input-group-addon:first-child {
border-right: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.input-group-addon:last-child {
border-left: 0; }
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.input-group-btn > .btn {
position: relative; }
.input-group-btn > .btn + .btn {
margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:before, .nav:after {
content: " ";
display: table; }
.nav:after {
clear: both; }
.nav > li {
position: relative;
display: block; }
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #fff; }
.nav > li.disabled > a {
color: #666666; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #666666;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.nav .nav-divider {
height: 1px;
margin: 12px 0;
overflow: hidden;
background-color: #e5e5e5; }
.nav > li > a > img {
max-width: none; }
.nav-tabs {
border-bottom: 1px solid transparent; }
.nav-tabs > li {
float: left;
margin-bottom: -1px; }
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.62857;
border: 1px solid transparent;
font-weight: 600;
border-radius: 3px 3px 0 0; }
.nav-tabs > li > a:hover {
border-color: transparent transparent transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #8cc43f;
background-color: transparent;
border: 1px solid transparent;
border-bottom-color: transparent;
cursor: default; }
.nav-pills > li {
float: left; }
.nav-pills > li > a {
border-radius: 3px; }
.nav-pills > li + li {
margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #8cc43f; }
.nav-stacked > li {
float: none; }
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0; }
.nav-justified, .nav-tabs.nav-justified {
width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li {
float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0; } }
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 3px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 3px 3px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fafafa; } }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border: 1px solid transparent; }
.navbar:before, .navbar:after {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 3px; } }
.navbar-header:before, .navbar-header:after {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch; }
.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 {
width: auto;
border-top: 0;
box-shadow: none; }
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.navbar-collapse.in {
overflow-y: visible; }
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px; } }
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 12px 15px;
font-size: 20px;
line-height: 26px;
height: 50px; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-brand > img {
display: block; }
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 3px; }
.navbar-toggle:focus {
outline: 0; }
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } }
.navbar-nav {
margin: 6px -15px; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 26px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.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: 26px; }
.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-top: 12px;
padding-bottom: 12px; } }
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 5px;
margin-bottom: 5px; }
@media (min-width: 768px) {
.navbar-form .form-group, .navbar-form .form-row {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto; }
.navbar-form .input-group > .form-control {
width: 100%; }
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0; }
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; } }
@media (max-width: 767px) {
.navbar-form .form-group, .navbar-form .form-row {
margin-bottom: 5px; }
.navbar-form .form-group:last-child, .navbar-form .form-row:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 5px;
margin-bottom: 5px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 8.5px;
margin-bottom: 8.5px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px; }
.navbar-text {
margin-top: 12px;
margin-bottom: 12px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right ~ .navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav > li > a {
color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: #8c8c8c; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-text {
color: #8c8c8c; }
.navbar-inverse .navbar-nav > li > a {
color: #8c8c8c; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #8c8c8c; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: #8c8c8c; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: #8c8c8c; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444; }
.breadcrumb {
padding: 80px 30px;
margin-bottom: 26px;
list-style: none;
background-color: #f5f5f5; }
.breadcrumb > li {
display: inline-block; }
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #fff; }
.breadcrumb > .active {
color: #8cc43f; }
.pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 3px; }
.pagination > li {
display: inline; }
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 5px 15px;
line-height: 24px;
text-decoration: none;
color: #000000;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
margin-left: 3px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 400;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-color: transparent;
text-transform: uppercase; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-color: transparent;
text-transform: uppercase; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
z-index: 3;
color: #fff;
background-color: #8cc43f;
border-color: #8cc43f; }
.pagination > li > a.current,
.pagination > li > span.current {
color: #fff; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
background-color: #8cc43f;
border-color: #8cc43f;
cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #666666;
background-color: transparent;
border-color: transparent;
cursor: not-allowed; }
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 15px 20px;
font-size: 20px;
line-height: 1.33333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.pager {
padding-left: 0;
margin: 26px 0;
list-style: none;
text-align: center; }
.pager:before, .pager:after {
content: " ";
display: table; }
.pager:after {
clear: both; }
.pager li {
display: inline; }
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #f3f3f3;
border: 1px solid #f3f3f3;
border-radius: 3px; }
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #8cc43f;
color: #fff; }
.pager .next > a,
.pager .next > span {
float: right; }
.pager .previous > a,
.pager .previous > span {
float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #666666;
background-color: #f3f3f3;
cursor: not-allowed; }
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.label:empty {
display: none; }
.btn .label {
position: relative;
top: -1px; }
a.label:hover, a.label:focus {
color: #8cc43f;
text-decoration: none;
cursor: pointer; }
.label-default {
background-color: #666666; }
.label-default[href]:hover, .label-default[href]:focus {
background-color: #4d4d4d; }
.label-primary {
background-color: #8cc43f; }
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #719f31; }
.label-success {
background-color: #70ba28; }
.label-success[href]:hover, .label-success[href]:focus {
background-color: #57901f; }
.label-info {
background-color: #04adf0; }
.label-info[href]:hover, .label-info[href]:focus {
background-color: #0389be; }
.label-warning {
background-color: #f0c73b; }
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #e6b612; }
.label-danger {
background-color: #e93434; }
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #d31717; }
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #666666;
border-radius: 10px; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px; }
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #000000;
background-color: #fff; }
.list-group-item > .badge {
float: right; }
.list-group-item > .badge + .badge {
margin-right: 5px; }
.nav-pills > li > a > .badge {
margin-left: 3px; }
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.alert {
padding: 15px;
margin-bottom: 26px;
border: 1px solid transparent;
border-radius: 3px; }
.alert h4 {
margin-top: 0;
color: inherit; }
.alert .alert-link {
font-weight: bold; }
.alert > p,
.alert > ul {
margin-bottom: 0; }
.alert > p + p {
margin-top: 5px; }
.alert-dismissable,
.alert-dismissible {
padding-right: 35px; }
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; }
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; }
.alert-success hr {
border-top-color: #c9e2b3; }
.alert-success .alert-link {
color: #2b542c; }
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; }
.alert-info hr {
border-top-color: #a6e1ec; }
.alert-info .alert-link {
color: #245269; }
.alert-warning {
background-color: #f0c73b;
border-color: #ee9e23;
color: #8a6d3b; }
.alert-warning hr {
border-top-color: #e69312; }
.alert-warning .alert-link {
color: #66512c; }
.alert-danger {
background-color: #e93434;
border-color: #e71d3f;
color: #a94442; }
.alert-danger hr {
border-top-color: #d31736; }
.alert-danger .alert-link {
color: #843534; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
.progress {
overflow: hidden;
height: 26px;
margin-bottom: 26px;
background-color: #f5f5f5;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 14px;
line-height: 26px;
color: #fff;
text-align: center;
background-color: #8cc43f;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease; }
.progress-striped .progress-bar,
.progress-bar-striped {
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: -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: 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-size: 40px 40px; }
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite; }
.progress-bar-success {
background-color: #70ba28; }
.progress-striped .progress-bar-success {
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: -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: 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); }
.progress-bar-info {
background-color: #04adf0; }
.progress-striped .progress-bar-info {
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: -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: 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); }
.progress-bar-warning {
background-color: #f0c73b; }
.progress-striped .progress-bar-warning {
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: -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: 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); }
.progress-bar-danger {
background-color: #e93434; }
.progress-striped .progress-bar-danger {
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: -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: 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); }
.media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media,
.media-body {
zoom: 1;
overflow: hidden; }
.media-body {
width: 10000px; }
.media-object {
display: block; }
.media-object.img-thumbnail {
max-width: none; }
.media-right,
.media > .pull-right {
padding-left: 10px; }
.media-left,
.media > .pull-left {
padding-right: 10px; }
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top; }
.media-middle {
vertical-align: middle; }
.media-bottom {
vertical-align: bottom; }
.media-heading {
margin-top: 0;
margin-bottom: 5px; }
.media-list {
padding-left: 0;
list-style: none; }
.list-group {
margin-bottom: 20px;
padding-left: 0; }
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.list-group-item:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
a.list-group-item,
button.list-group-item {
color: #555; }
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333; }
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
button.list-group-item {
width: 100%;
text-align: left; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #666666;
cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #666666; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #8cc43f;
border-color: #8cc43f; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #e9f4db; }
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8; }
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d; }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; }
.list-group-item-info {
color: #31708f;
background-color: #d9edf7; }
a.list-group-item-info,
button.list-group-item-info {
color: #31708f; }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f; }
.list-group-item-warning {
color: #8a6d3b;
background-color: #f0c73b; }
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #eec023; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; }
.list-group-item-danger {
color: #a94442;
background-color: #e93434; }
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442; }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #e71d1d; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442; }
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
.panel {
margin-bottom: 26px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none; }
.panel-body {
padding: 20px; }
.panel-body:before, .panel-body:after {
content: " ";
display: table; }
.panel-body:after {
clear: both; }
.panel-heading {
padding: 15px 20px;
border-bottom: 1px solid transparent;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel-heading > .dropdown .dropdown-toggle {
color: inherit; }
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: inherit; }
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit; }
.panel-footer {
padding: 15px 20px;
background-color: #f5f5f5;
border-top: 1px solid transparent;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0; }
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0; }
.list-group + .panel-footer {
border-top-width: 0; }
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0; }
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 20px;
padding-right: 20px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 2px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 2px; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 2px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 2px; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0; }
.panel > .table-responsive {
border: 0;
margin-bottom: 0; }
.panel-group {
margin-bottom: 26px; }
.panel-group .panel {
margin-bottom: 0;
border-radius: 3px; }
.panel-group .panel + .panel {
margin-top: 5px; }
.panel-group .panel-heading {
border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid transparent; }
.panel-group .panel-footer {
border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid transparent; }
.panel-default {
border-color: #ededed; }
.panel-default > .panel-heading {
color: #444444;
background-color: #f5f5f5;
border-color: #ededed; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ededed; }
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #444444; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ededed; }
.panel-primary {
border-color: #8cc43f; }
.panel-primary > .panel-heading {
color: #fff;
background-color: #8cc43f;
border-color: #8cc43f; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #8cc43f; }
.panel-primary > .panel-heading .badge {
color: #8cc43f;
background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #8cc43f; }
.panel-success {
border-color: #d6e9c6; }
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6; }
.panel-info {
border-color: #bce8f1; }
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1; }
.panel-warning {
border-color: #ee9e23; }
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #f0c73b;
border-color: #ee9e23; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ee9e23; }
.panel-warning > .panel-heading .badge {
color: #f0c73b;
background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ee9e23; }
.panel-danger {
border-color: #e71d3f; }
.panel-danger > .panel-heading {
color: #a94442;
background-color: #e93434;
border-color: #e71d3f; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e71d3f; }
.panel-danger > .panel-heading .badge {
color: #e93434;
background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #e71d3f; }
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.embed-responsive-16by9 {
padding-bottom: 56.25%; }
.embed-responsive-4by3 {
padding-bottom: 75%; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15); }
.well-lg {
padding: 24px;
border-radius: 6px; }
.well-sm {
padding: 9px;
border-radius: 3px; }
.close {
float: right;
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10500;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 10px; }
.modal-content {
position: relative;
background-color: #fff;
border: 0 solid #999;
border: 0 solid #8cc43f;
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50); }
.modal-header {
padding: 15px 30px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.62857px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.62857; }
.modal-body {
position: relative;
padding: 30px; }
.modal-footer {
padding: 30px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
content: " ";
display: table; }
.modal-footer:after {
clear: both; }
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 10% auto; }
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
width: 900px; } }
.carousel {
position: relative; }
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%; }
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px; }
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0; }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0; }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0; } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block; }
.carousel-inner > .active {
left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner > .next {
left: 100%; }
.carousel-inner > .prev {
left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0; }
.carousel-inner > .active.left {
left: -100%; }
.carousel-inner > .active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 64px;
height: 64px;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 16px;
color: #000;
text-align: center;
background: white;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; }
.carousel-control.left { }
.carousel-control.right {
left: auto;
right: 0; }
.carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
background-color: #8cc43f; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif; }
.carousel-control .icon-prev:before {
content: '\2039'; }
.carousel-control .icon-next:before {
content: '\203a'; }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center; }
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #ededed;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent; }
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff; }
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn {
text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px; }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px; }
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; }
.carousel-indicators {
bottom: 20px; } }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important;
margin-left: 0 !important; }
.pull-left {
float: left !important;
margin-right: 0 !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-xs {
display: none !important; }
.visible-sm {
display: none !important; }
.visible-md {
display: none !important; }
.visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
th.visible-print,
td.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }                                                                           img {
max-width: 100%;
height: auto; }
.sticky:after {
font-family: 'FontAwesome';
content: "\f08d";
position: absolute;
top: 5px;
right: 5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .sticky:after {
left: 5px;
right: auto; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #f8f8f8;
border: 1px solid #eee;
max-width: 100%;
margin-bottom: 20px;
text-align: center;
padding-top: 4px; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption.alignnone {
display: inline-block; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.nopadding {
padding: 0 !important;
margin: 0 !important; }
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden; }
.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%; }
.audio-responsive iframe {
width: 100%;
height: 126px; }
@media (min-width: 1200px) {
.links {
padding: 0 20px !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.links {
padding-left: 40px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.links {
padding-left: 40px !important; } }
.links li {
padding: 0 5px;
position: relative; }
.links li:before {
content: "";
position: absolute;
width: 2px;
height: 10px;
background: #e8e8e8;
top: 0;
bottom: 0;
margin: auto;
right: 0; }
.rtl .links li:before {
left: 0;
right: auto; }
.links li a {
padding: 15px 5px;
text-transform: uppercase; }
.links li:first-child {
padding-left: 0; }
.rtl .links li:first-child {
padding-right: 0;
padding-left: inherit; }
.links li:last-child {
padding-right: 0; }
.links li:last-child:before {
display: none; }
.rtl .links li:last-child {
padding-left: 0;
padding-right: inherit; } body {
overflow-x: hidden;
-ms-word-wrap: break-word;
word-wrap: break-word; }
#main .container {
position: relative; }
#main .container .container {
width: 100%; }
#main h1 {
margin-top: 0; }
#site-header {
text-align: center; }
.home-background .site-main {
background: #eeeeee; background: -webkit-linear-gradient(#eeeeee, #FFF); background: -o-linear-gradient(#eeeeee, #FFF); background: -moz-linear-gradient(#eeeeee, #FFF); background: linear-gradient(#eeeeee, #FFF); } #page {
position: relative;
margin-left: auto;
margin-right: auto; }
#page.page-static-left {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
#page.page-static-left.active {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
margin-left: 250px; }
.rtl #page.page-static-left.active {
margin-right: 250px;
margin-left: inherit; }
#page.page-static-left.active .sidebar-static-left {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
left: 0; }
.rtl #page.page-static-left.active .sidebar-static-left {
right: 0;
left: auto; }
#page.active .button-action:before {
content: "\f060"; }
.sidebar-static-left {
background: #282828;
color: #CCC;
position: fixed;
left: -290px;
height: 100%;
position: fixed;
width: 300px;
z-index: 99999;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
.rtl .sidebar-static-left {
right: -290px;
left: auto; }
.sidebar-static-left .inner {
padding: 30px;
width: 100%;
position: absolute;
height: 100%; }
.sidebar-static-left .button-action {
background: red;
position: absolute;
right: -40px;
top: 0;
height: 40px;
color: #CCC; }
.sidebar-static-left .button-action:before {
content: "\f061";
font-size: 12px;
height: 38px;
width: 38px;
font-family: 'FontAwesome';
text-align: center;
display: block;
line-height: 34px; }
#main-content {
padding-bottom: 50px; } #opal-topbar {
text-transform: none;
font-size: 12px;
padding: 10px 0;
background-color: #fff;
font-family: "Montserrat";
border-bottom: 1px solid #e1e1e1; }
#opal-topbar .list-style {
list-style: none;
margin: 0;
padding: 0; }
#opal-topbar .list-style li {
position: relative;
float: left;
padding: 0 10px;
text-align: center;
text-transform: uppercase;
font-size: 10px; }
#opal-topbar .list-style li a {
color: #999999; }
#opal-topbar .list-style li a:hover {
color: #8cc43f; }
#opal-topbar .list-style li:before {
content: "";
position: absolute;
width: 3px;
height: 3px;
background-color: #8cc43f;
top: 7px;
left: -2px; }
.rtl #opal-topbar .list-style li:before {
right: -2px;
left: auto; }
#opal-topbar .list-style li:first-child:before {
content: none; }
.topbar-mobile {
width: 100%;
background: #8cc43f;
display: table; }
.topbar-mobile .btn-offcanvas {
background-color: transparent;
padding: 9px 0; }
.topbar-mobile .fa {
color: #FFF;
font-size: 20px; }
.topbar-mobile.fixed {
position: fixed;
z-index: 6;
top: 0;
width: 100%; }
.search-category .btn-search input {
background: transparent;
border: none; }
.active-mobile {
line-height: 48px;
width: 48px;
height: 48px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center; }
.active-mobile:hover {
background-color: #7fb337 !important;
cursor: pointer; }
.active-mobile:hover .active-content {
display: block;
opacity: 1;
visibility: visible;
left: 0;
right: auto; }
.rtl .active-mobile:hover .active-content {
right: 0;
left: auto; }
.rtl .active-mobile:hover .active-content {
left: auto;
right: auto; }
.active-mobile .active-content {
position: absolute;
top: 100%;
z-index: 99999;
color: #000;
padding: 30px;
background-color: #f8f6f0;
left: -10000px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
min-width: 270px;
visibility: hidden;
right: 0;
text-align: left;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s; }
.rtl .active-mobile .active-content {
right: -10000px;
left: auto; }
.rtl .active-mobile .active-content {
left: 0;
right: auto; }
.rtl .active-mobile .active-content {
text-align: right; }
.active-mobile .active-content p.total {
color: #555555; }
.active-mobile ul {
padding: 0; }
.active-mobile ul li {
display: block;
margin: 0;
padding: 5px 0;
line-height: normal; }
.active-mobile ul.menu-topbar {
margin-bottom: 0; }
.active-mobile .search-category-container {
display: none; }
.active-mobile .search-category-input {      font-size: 15px; font-size: 1.5rem; height: 42px; }
.active-mobile .input-group-btn {
line-height: 32px;
background: #8cc43f; }
.active-mobile .btn-search {
padding-left: 15px;
padding-right: 15px; }
.active-mobile .btn-search .fa {
color: #FFF;
border: none;
font-size: 16px;
background-color: transparent; }
.active-mobile .btn-search:hover .fa {
color: #8cc43f; }
.active-mobile .widget_shopping_cart_content .btn {
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 992px) {
#opal-logo {
text-align: center; } } #opal-masthead {
position: relative;
background: #2b2b2b; }
#opal-masthead .header-main {
padding: 30px 0;
color: #ffffff;
font-family: "Montserrat", monospace;
position: relative;
z-index: 1050;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
@media (max-width: 1200px) {
#opal-masthead .header-main {
padding: 15px 0; } }
#opal-masthead .header-main .header-inner {
padding-top: 5px; }
#opal-masthead.header-absolute {
position: absolute;
width: 100%;
z-index: 9999;
background: rgba(0, 0, 0, 0.6); }
@media (max-width: 480px) {
#opal-masthead.header-absolute {
position: static; } }
#opal-masthead.header-light .header-main {
background: #FFF;
color: #000; }
#opal-masthead.header-light .navbar-mega .navbar-nav > li > a {
padding: 16px 0; }
#opal-masthead.header-light .header-right {
margin-top: 6px; }
#opal-masthead.header-light .navbar-mega {
margin-right: 0; }
.rtl #opal-masthead.header-light .navbar-mega {
margin-left: 0;
margin-right: inherit; }
#opal-masthead.header-light.fixed #opal-topbar {
display: none; }
#opal-masthead.header-light.fixed .header-main {
padding: 10px 0; }
@media screen and (max-width: 1023px) {
#opal-masthead.header-light.fixed .header-main {
display: none; } }
#opal-masthead .reservation-link {
margin: -15px 0px 0px 20px;
padding: 20px 50px;
float: right; }
.rtl #opal-masthead .reservation-link {
margin: -15px 20px 0px 0px; }
.rtl #opal-masthead .reservation-link {
float: left; }
@media (max-width: 1200px) {
#opal-masthead .reservation-link {
padding: 20px 30px; } }
#opal-masthead #opal-topbar .reservation-link {
color: #FFF;
margin: -10px 0px -10px 10px;
padding: 10px 50px; }
.rtl #opal-masthead #opal-topbar .reservation-link {
margin: -10px 10px -10px 0px; }
#opal-masthead.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 5; }
#opal-masthead.fixed .header-main {
padding: 0; }
#opal-masthead.fixed .header-main > .row {
display: none; }
#opal-masthead.fixed .header-main #opal-mainmenu {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.header-right {
position: relative;
z-index: 1;
margin-top: 10px; }
.home #opal-masthead {
margin-bottom: 100px; }
.home #opal-masthead.header-light {
margin-bottom: 0; }
@media (max-width: 480px) {
.home #opal-masthead.header-absolute {
margin-bottom: 0; } } .box-user span {
cursor: pointer; }
.box-user span:hover {
color: #8cc43f;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.box-user .dropdown-menu {
left: -15px;
right: auto;
top: 180%;
margin: -1px 0 0;
border-radius: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
border: medium none;
display: block;
margin-top: 0;
min-width: 170px;
padding: 5px 15px;
position: absolute;
visibility: hidden;
z-index: 999;
font-size: 14px;
font-family: "Hind", sans-serif; }
.rtl .box-user .dropdown-menu {
right: -15px;
left: auto; }
.rtl .box-user .dropdown-menu {
left: auto;
right: auto; }
.box-user .dropdown-menu > li {
padding: 5px 0; }
.box-user .dropdown-menu > li span {
margin-right: 5px; }
.rtl .box-user .dropdown-menu > li span {
margin-left: 5px;
margin-right: inherit; }
.box-user .dropdown-menu .account-links .dropdown-toggle span {
margin-right: 20px; }
.rtl .box-user .dropdown-menu .account-links .dropdown-toggle span {
margin-left: 20px;
margin-right: inherit; }
.box-user .dropdown-menu .account-links div.dropdown-menu {
display: none; }
.box-user:hover .dropdown-menu {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 160%; }
.box-user,
.search-box-wrapper {
margin-right: 25px; }
.rtl .box-user, .rtl
.search-box-wrapper {
margin-left: 25px;
margin-right: inherit; }
@media (max-width: 1200px) {
.box-user,
.search-box-wrapper {
margin-right: 15px; }
.rtl .box-user, .rtl
.search-box-wrapper {
margin-left: 15px;
margin-right: inherit; } }
.box-user .dropdown,
.search-box-wrapper .dropdown {
padding: 0;
border: none;
float: none;
list-style: none; }
.search-box-wrapper .search-focus {
cursor: pointer; }
.search-box-wrapper i {
font-size: 14px; }
.search-box .input-group-addon {
background: #FFFFFF;
border: none;
border-radius: 0px 3px 3px 0px;
min-width: auto;
font-weight: normal;
position: relative;
font-size: 12px;
padding: 2px 10px 2px 10px !important; }
.search-box .input-group-addon input {
background: transparent;
border-color: #8cc43f;
color: #000; }
.search-box .input-group-addon:after {
content: " ";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #CCC; }
.search-box input, .search-box select {
border: none;
border-radius: 3px;
background: transparent;
box-shadow: none; }
.search-box select {
border-radius: 0 0 0 !important;
border: none !important;
background: transparent !important;
box-shadow: 0 0 0 !important;
font-weight: normal;
margin-right: 2px; }
.search-box.search-box-simple {
margin-top: 15px;
background: #f7f7f7;
border: 1px solid #e8e8e8; }
.search-box.search-box-simple .input-group-addon {
background: transparent;
text-align: right;
font-size: 14px;
min-width: 20px; }
.rtl .search-box.search-box-simple .input-group-addon {
text-align: left; }
.search-box.search-box-simple .input-group-addon:after {
content: none; }
.search-box.search-box-simple input {
color: #000000; }
.search-box.search-box-light .input-group {
border-radius: 6px;
background: #FFFFFF;
border: 2px solid #ebebeb; }
.search-box .btn-search {
padding: 10px; }
.toggle-overlay-container {
z-index: 10;
background: #FFFFFF; }
.toggle-overlay-container .search-box .input-group {
border: solid 2px #8cc43f; }
.toggle-overlay-container .search-box .input-group .form-control {
height: 40px; }
.toggle-overlay-container .dropdown-toggle-button {
width: 86px;
height: 100%;
text-align: center;
float: right;
background: #F2f2f2;
cursor: hand;
cursor: pointer; }
.toggle-overlay-container.active {
opacity: 1;
visibility: visible; }  #opal-mainmenu {
background: #FFF;
color: #000;
position: absolute;
width: 100%;
z-index: 1;
top: 100%; } .title-page {
float: left;
color: #FFF;
margin: 0; }
.rtl .title-page {
float: right; }
@media (max-width: 767px) {
.title-page {
font-size: 28px; } } #opal-breadscrumb {
margin-bottom: 80px;
padding: 100px 0 60px;
text-align: center;
background: url(//naturvans.com/wp-content/themes/ecopark/images/background-1.jpg) no-repeat center center;
background-size: cover; }
#opal-breadscrumb .breadcrumb {
float: right;
padding: 0;
background: transparent;
margin: 25px 0 0;
font-size: 10px;
font-family: "Montserrat";
text-transform: uppercase;
color: #8cc43f; }
.rtl #opal-breadscrumb .breadcrumb {
float: left; }
#opal-breadscrumb .breadcrumb a {
color: #fff; }
#opal-breadscrumb .breadcrumb a:hover {
color: #8cc43f; }
#opal-breadscrumb .breadcrumb a + a:before {
content: "\f105";
font-family: "FontAwesome";
display: inline-block;
padding: 0 5px;
color: #fff; }
#opal-breadscrumb .breadcrumb li {
text-transform: uppercase;
color: #fff; }
#opal-breadscrumb .breadcrumb li:before {
content: "\f105";
font-family: "FontAwesome";
display: inline-block;
padding: 0 5px; }
#opal-breadscrumb .breadcrumb li:first-child:before {
content: none; }
#opal-breadscrumb .breadcrumb li + a:before {
content: "\f105";
font-family: "FontAwesome";
display: inline-block;
padding: 0 5px;
color: #fff; }
#opal-breadscrumb .breadcrumb li:last-child {
color: #8cc43f; }
#opal-breadscrumb .opal-woocommerce-breadcrumb {
float: none;
text-align: right; }
#opal-breadscrumb .opal-woocommerce-breadcrumb li {
display: inline-block;
float: none;
color: #8cc43f; }
#opal-breadscrumb .opal-woocommerce-breadcrumb li a {
color: #FFF; }
#opal-breadscrumb .opal-woocommerce-breadcrumb li a:hover {
color: #8cc43f; }
#opal-breadscrumb .opal-woocommerce-breadcrumb li:first-child:before {
content: none; }
#opal-breadscrumb .opal-woocommerce-breadcrumb .title-page {
margin-top: -25px !important; }
@media (max-width: 767px) {
#opal-breadscrumb {
padding: 70px 0 30px; } } .opal-footer {
background: #2b2b2b;
color: #999999;
text-transform: none;
font-size: 16px;
border: none;
position: relative; }
.opal-footer a {
text-transform: uppercase;
color: #999999;
font-size: 12px;
font-family: "Montserrat"; }
.opal-footer a:hover {
color: #8cc43f; }
.opal-footer i {
color: #FFF;
font-size: 18px; }
.opal-footer .opal-footer-profile {
position: relative; }
.opal-footer .opal-footer-profile .kc_row:last-child .kc-row-container {
border-top: 1px solid #484848;
padding-top: 20px;
padding-bottom: 20px;
position: relative; }
.opal-footer .opal-footer-profile .kc_row:last-child .kc-row-container:before, .opal-footer .opal-footer-profile .kc_row:last-child .kc-row-container:after {
content: "";
width: 100%;
height: 1px;
background-color: #484848;
position: absolute;
right: 100%;
top: -1px; }
.opal-footer .opal-footer-profile .kc_row:last-child .kc-row-container:after {
right: auto;
left: 100%; }
.opal-footer .opal-footer-profile .widget_wpopal_socials_widget {
margin-top: 19px;
float: right; }
.rtl .opal-footer .opal-footer-profile .widget_wpopal_socials_widget {
float: left; }
@media (max-width: 767px) {
.opal-footer .opal-footer-profile .widget_wpopal_socials_widget {
float: none;
display: inline-block; } }
.opal-footer .footer-top {
padding: 60px 0; }
.fix-footer .opal-footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0; }
.fix-footer .site-main {
z-index: 1;
position: relative;
background-color: #FFF; } .opal-copyright {
font-size: 16px;
font-weight: 400;
padding-top: 30px;
padding-bottom: 75px;
background: #222222;
color: #999;
text-align: center; }
.opal-copyright a {
color: #8cc43f; }
.opal-copyright a:hover, .opal-copyright a:focus, .opal-copyright a:active {
color: #8cc43f; } .widget {
position: relative;
background: transparent;
margin-bottom: 30px;
padding: 0px;
border: none; }
.widget .widget-title, .widget .widgettitle {
position: relative;
font-size: 24px;
margin: 0 0 10px;
text-transform: none;
background: transparent;
color: #000000;
border: none;
line-height: normal;
padding: 10px 0;
font-weight: 700;
font-family: "Montserrat"; }
.widget .widget-title:after, .widget .widgettitle:after {
content: "";
bottom: 0;
left: 0;
width: 80px;
height: 1px;
position: absolute;
border-bottom: 1px dotted #b2b2b2; }
.rtl .widget .widget-title:after, .rtl .widget .widgettitle:after {
right: 0;
left: auto; }
.widget.nopadding {
padding: 0; }
.widget.nopadding .widget-content {
padding: 0; }
.widget.highlighted {
background: #8cc43f;
border: solid 2px #8cc43f; }
.opal-footer .widget .widget-title, .opal-footer .widget .widgettitle {
color: #FFF;
font-size: 20px;
display: block;
margin: 0 0 20px;
padding: 0 0 20px;
text-transform: none;
font-weight: 700; }
.opal-footer .widget .widget-title:after, .opal-footer .widget .widgettitle:after {
content: "";
width: 85px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px dotted #6b6b6b; }
.rtl .opal-footer .widget .widget-title:after, .rtl .opal-footer .widget .widgettitle:after {
right: 0;
left: auto; }
.widget-static .widget .widget-title, .widget-static .widget .widgettitle {
color: #FFF; }
.widget-static .widget ul li {
border: none; } .sidebar .widget {
border: none;
margin-bottom: 40px; }
.sidebar .widget .widget-title, .sidebar .widget .widgettitle {
padding: 0 0 15px;
margin: 0 0 20px; }
.sidebar .widget ul li {
padding: 10px 25px;
border-top: 1px solid #e8e8e8;
border-left: 4px solid transparent; }
.sidebar .widget ul li a {
text-transform: uppercase;
color: #000;
font-size: 12px;
font-weight: 400;
font-family: "Montserrat"; }
.sidebar .widget ul li a:hover {
color: #8cc43f; }
.sidebar .widget ul li[class*="current-"] {
border-left: 4px solid #8cc43f; }
.sidebar .widget select {
margin: 0 11.111111% 30px;
width: 77.777778%; }
.sidebar .widget.widget_categories, .sidebar .widget.opalactivity-categories, .sidebar .widget.widget_recent_entries, .sidebar .widget.widget_recent_comments, .sidebar .widget.widget_archive, .sidebar .widget.widget_meta, .sidebar .widget.widget_calendar, .sidebar .widget.widget_pages, .sidebar .widget.widget_rss, .sidebar .widget.widget_search, .sidebar .widget.widget_nav_menu {
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.sidebar .widget.widget_categories .widget-title, .sidebar .widget.widget_categories .widgettitle, .sidebar .widget.opalactivity-categories .widget-title, .sidebar .widget.opalactivity-categories .widgettitle, .sidebar .widget.widget_recent_entries .widget-title, .sidebar .widget.widget_recent_entries .widgettitle, .sidebar .widget.widget_recent_comments .widget-title, .sidebar .widget.widget_recent_comments .widgettitle, .sidebar .widget.widget_archive .widget-title, .sidebar .widget.widget_archive .widgettitle, .sidebar .widget.widget_meta .widget-title, .sidebar .widget.widget_meta .widgettitle, .sidebar .widget.widget_calendar .widget-title, .sidebar .widget.widget_calendar .widgettitle, .sidebar .widget.widget_pages .widget-title, .sidebar .widget.widget_pages .widgettitle, .sidebar .widget.widget_rss .widget-title, .sidebar .widget.widget_rss .widgettitle, .sidebar .widget.widget_search .widget-title, .sidebar .widget.widget_search .widgettitle, .sidebar .widget.widget_nav_menu .widget-title, .sidebar .widget.widget_nav_menu .widgettitle {
padding: 15px 25px;
margin: 0; }
.sidebar .widget.widget_categories .widget-title:after, .sidebar .widget.widget_categories .widgettitle:after, .sidebar .widget.opalactivity-categories .widget-title:after, .sidebar .widget.opalactivity-categories .widgettitle:after, .sidebar .widget.widget_recent_entries .widget-title:after, .sidebar .widget.widget_recent_entries .widgettitle:after, .sidebar .widget.widget_recent_comments .widget-title:after, .sidebar .widget.widget_recent_comments .widgettitle:after, .sidebar .widget.widget_archive .widget-title:after, .sidebar .widget.widget_archive .widgettitle:after, .sidebar .widget.widget_meta .widget-title:after, .sidebar .widget.widget_meta .widgettitle:after, .sidebar .widget.widget_calendar .widget-title:after, .sidebar .widget.widget_calendar .widgettitle:after, .sidebar .widget.widget_pages .widget-title:after, .sidebar .widget.widget_pages .widgettitle:after, .sidebar .widget.widget_rss .widget-title:after, .sidebar .widget.widget_rss .widgettitle:after, .sidebar .widget.widget_search .widget-title:after, .sidebar .widget.widget_search .widgettitle:after, .sidebar .widget.widget_nav_menu .widget-title:after, .sidebar .widget.widget_nav_menu .widgettitle:after {
content: none; }
.sidebar .widget.widget_categories:hover, .sidebar .widget.opalactivity-categories:hover, .sidebar .widget.widget_recent_entries:hover, .sidebar .widget.widget_recent_comments:hover, .sidebar .widget.widget_archive:hover, .sidebar .widget.widget_meta:hover, .sidebar .widget.widget_calendar:hover, .sidebar .widget.widget_pages:hover, .sidebar .widget.widget_rss:hover, .sidebar .widget.widget_search:hover, .sidebar .widget.widget_nav_menu:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.sidebar .widget.widget_categories li ul ul li a,
.sidebar .widget.widget_pages li ul ul li a {
text-transform: none; }
.sidebar .widget.widget_search .widget-title, .sidebar .widget.widget_search .widgettitle {
margin-bottom: 0;
padding-bottom: 0; }
.sidebar .widget.widget_search .searchform {
padding: 30px; }
.sidebar .widget.widget_search .searchform .form-control {
background-color: #FFF; }
.sidebar .widget.widget_search .searchform input[type="submit"] {
background-color: transparent; }
.sidebar .widget.widget_text select {
margin: 0;
width: 100%;
font-size: 12px; }
.sidebar .widget.widget_text ul li,
.sidebar .widget.widget_text ol li {
border: none;
padding: 0; }
.sidebar .widget.widget_nav_menu ul li ul li {
padding: 10px 0px 10px 10px; }
.rtl .sidebar .widget.widget_nav_menu ul li ul li {
padding: 10px 10px 10px 0px; }
.sidebar .widget.widget_nav_menu ul li ul li:last-child {
padding-bottom: 0; }   .widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_meta ul,
.widget_calendar ul,
.widget_pages ul,
.widget_rss ul,
.widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0; }
.widget_archive a,
.widget_recent_entries a,
.widget_recent_comments a,
.widget_layered_nav a,
.widget_product_categories a {
font-weight: 400; }
.widget_archive a:before,
.widget_recent_entries a:before,
.widget_recent_comments a:first-child:before,
.widget_layered_nav a:before,
.widget_categories a:before {
margin-right: 10px;
font-family: "FontAwesome";
color: #8cc43f;
display: inline-block;
font-size: 11px;
line-height: 22px; }
.widget_archive a:before {
content: "\f016"; }
.widget_recent_entries a:before {
content: "\f0f6"; }
.widget_recent_comments a:first-child:before {
content: "\f0e5"; }
.widget_layered_nav a:before {
content: "\f0da"; }
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 15px 0px; }
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0; }
.widget_categories li ul,
.widget_pages li ul {
margin-top: 10px; }
.widget_categories li ul ul li,
.widget_pages li ul ul li {
padding: 0; }
.widget_categories li li:last-child,
.widget_pages li li:last-child {
padding-bottom: 0; }
.widget_recent_comments .comment-author-link {
color: #8cc43f; }
.widget.widget_categories ul li ul.children li:last-child,
.widget.widget_layered_nav ul li ul.children li:last-child,
.widget.widget_layered_nav_filters ul li ul.children li:last-child,
.widget_nav_menu ul li ul.children li:last-child,
.widget.widget_pages ul li ul.children li:last-child {
padding-bottom: 0; }
.widget.widget_categories ul li ul.sub-menu,
.widget.widget_layered_nav ul li ul.sub-menu,
.widget.widget_layered_nav_filters ul li ul.sub-menu,
.widget_nav_menu ul li ul.sub-menu,
.widget.widget_pages ul li ul.sub-menu {
margin-top: 10px; }
.widget_archive select,
.widget_categories select,
.widget_links select,
.widget_meta select,
.widget_nav_menu select,
.widget_pages select,
.widget_recent_comments select,
.widget_recent_entries select,
.widget_rss select,
.widget_text select {
border: 1px solid #e8e8e8;
padding: 5px 10px;
width: 100%; } .widget_recent_entries .post-date {
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
margin-top: 5px;
color: #8cc43f; }
.widget_wpopal_recent_post .post-widget {
border: none; }
.widget_wpopal_recent_post .item-post.media {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
padding-bottom: 20px;
margin: 0; }
.widget_wpopal_recent_post .item-post.media:first-child {
border-top: none; }
.widget_wpopal_recent_post .item-post.media a.image {
width: 100px;
padding-left: 20px; }
.rtl .widget_wpopal_recent_post .item-post.media a.image {
padding-right: 20px;
padding-left: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-right: 15px; }
.rtl .widget_wpopal_recent_post .item-post.media .media-body .entry-title {
padding-left: 15px;
padding-right: inherit; }
.widget_wpopal_recent_post .item-post.media .media-body > p {
display: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big {
border-top: none; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-right: 0;
width: 100%;
margin-bottom: 10px; }
.rtl .widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big a.image {
padding-left: 0;
padding-right: inherit; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media.item-big .entry-title {
margin: 0 0 10px;
font-weight: 700;
font-size: 14px;
line-height: 20px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media {
padding-top: 15px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .media-body .entry-title {
margin: 0 0 5px; }
.widget_wpopal_recent_post .post-stick-layout .item-post.media .post-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #8cc43f; } .widget_search .btn-search input {
border: none; } .rsswidget img {
margin-top: -4px; }
.rssSummary {
margin: 9px 0; }
.rss-date {
display: block; }
.widget_rss li {
margin-bottom: 18px; }
.widget_rss li:last-child {
margin-bottom: 0; } .widget_text > div > :last-child {
margin-bottom: 0; }
.opal-footer .widget:last-child {
margin-bottom: 0 !important; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-header {
display: none; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-current-temp {
padding-top: 35px;
padding-left: 0;
float: none;
width: 100%;
font-size: 30px;
text-align: left;
font-family: "Montserrat"; }
.rtl .opal-footer .widget_awesomeweatherwidget .awesome-weather-current-temp {
padding-right: 0;
padding-left: inherit; }
.rtl .opal-footer .widget_awesomeweatherwidget .awesome-weather-current-temp {
text-align: right; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-current-temp strong {
font-weight: 400;
color: #8cc43f; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-current-temp sup {
top: 0;
font-size: 40px; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-todays-stats {
text-align: left;
float: none;
padding-left: 0;
width: 100%;
color: #999999;
padding-top: 0;
text-transform: capitalize;
font-size: 12px;
font-family: "Montserrat"; }
.rtl .opal-footer .widget_awesomeweatherwidget .awesome-weather-todays-stats {
text-align: right; }
.rtl .opal-footer .widget_awesomeweatherwidget .awesome-weather-todays-stats {
padding-right: 0;
padding-left: inherit; }
.opal-footer .widget_awesomeweatherwidget .awesome-weather-todays-stats > div {
margin-bottom: 3px; } .widget_calendar table {
line-height: 2;
margin: 0;
width: 100%; }
.widget_calendar caption {
color: #000;
font-weight: 700;
line-height: 1.7142857142;
text-align: left;
text-transform: uppercase; }
.widget_calendar thead th {
background: #f5f5f5; }
.widget_calendar tbody td, .widget_calendar thead th {
text-align: center; }
.widget_calendar tbody a {
background-color: #8cc43f;
color: #fff;
display: block; }
.widget_calendar tbody a:hover {
background-color: #41a62a;
color: #fff; }
.widget_calendar #prev {
padding-left: 5px; }
.widget_calendar #next {
padding-right: 5px;
text-align: right; }
.widget_calendar #today {
background-color: #8cc43f;
color: #fff; }
.widget_calendar #today:hover {
background-color: #7fb337; } .widget_mc4wp_form_widget .input-group {
display: block; }
.widget_mc4wp_form_widget .input-group .form-control {
height: 46px;
border: none !important;
border-radius: 23px;
margin-bottom: 20px;
background: #3d3d3d;
font-size: 14px;
color: #999999;
padding: 6px 25px;
z-index: 1; }
.widget_mc4wp_form_widget .input-group .btn {
height: 46px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
font-size: 18px;
border-radius: 23px;
padding: 6px 30px;
color: #FFF; }
.rtl .widget_mc4wp_form_widget .input-group .btn {
left: 0;
right: auto; }
.mc4wp-form-basic, .mc4wp-form-basic input, .mc4wp-form-basic label, .mc4wp-form-theme, .mc4wp-form-theme input, .mc4wp-form-theme label {
height: 46px !important; }
@media (max-width: 480px) {
.mc4wp-form-basic {
height: auto !important; } }
.form-style-1 {
position: relative; }
.form-style-1 > h4 {
color: #FFF;
margin: 0 0 0 0;
padding-right: 30px;
line-height: 46px; }
.rtl .form-style-1 > h4 {
margin: 0 0 0 0; }
.rtl .form-style-1 > h4 {
padding-left: 30px;
padding-right: inherit; }
.form-style-1 .input-group {
overflow: hidden;
max-width: 440px;
position: relative; }
@media (max-width: 480px) {
.form-style-1 > h4 {
float: none !important; } } li.product-category {
list-style: none; }
.social {
margin: 0 -1px;
overflow: hidden; }
.social li {
width: 40px;
height: 40px;
padding: 0;
margin: 0 1px;
float: left; }
.social li a {
display: block;
background-color: #3d3d3d;
font-size: 14px;
line-height: 40px;
color: #bfbfbf;
text-align: center; }
.social li a i {
font-size: 14px;
background: none !important;
color: #bfbfbf;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.social li a.facebook:hover {
background-color: #3b5998; }
.social li a.facebook:hover i {
color: #FFF; }
.social li a.twitter:hover {
background-color: #00bdec; }
.social li a.twitter:hover i {
color: #FFF; }
.social li a.youtube:hover {
background-color: #c4302b; }
.social li a.youtube:hover i {
color: #FFF; }
.social li a.pinterest:hover {
background-color: #b8242a; }
.social li a.pinterest:hover i {
color: #FFF; }
.social li a.google-plus:hover {
background-color: #c03c30; }
.social li a.google-plus:hover i {
color: #FFF; }
.social li span {
display: none; }
@media (max-width: 992px) {
.social li {
width: 28px;
height: 28px; }
.social li a {
line-height: 28px; } }
@media (max-width: 767px) {
.social li {
width: 40px;
height: 40px; }
.social li a {
line-height: 40px; } }
.blog-post .blog-item.first {
clear: both; }
.blog-post .blog-item article.post {
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.blog-post .blog-item article.post:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.blog-post .blog-layout {
margin-left: -15px;
margin-right: -15px; }
.blog-post .blog-layout .entry-content {
padding-top: 25px;
padding-bottom: 20px; }
.blog-post .blog-layout .entry-meta {
padding-bottom: 25px;
margin-bottom: 15px; }
.blog-post .blog-layout .entry-meta:after {
content: "";
width: 80px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -40px;
border-bottom: 1px dotted #b2b2b2; }
.rtl .blog-post .blog-layout .entry-meta:after {
right: 50%;
left: auto; }
.rtl .blog-post .blog-layout .entry-meta:after {
margin-right: -40px;
margin-left: inherit; }
.blog-post .blog-layout .entry-title {
font-size: 16px; }
.bloglist-layout .blog-item {
background-color: #FFF;
margin-bottom: 30px; }
.bloglist-layout .blog-item .entry-content {
padding: 25px 30px 0px 0px; }
.rtl .bloglist-layout .blog-item .entry-content {
padding: 25px 0px 0px 30px; }
@media (max-width: 767px) {
.bloglist-layout .blog-item .entry-content {
padding: 25px 30px 0px 30px; }
.rtl .bloglist-layout .blog-item .entry-content {
padding: 25px 30px 0px 30px; } }
.bloglist-layout .blog-item .entry-title {
font-size: 24px;
margin: 0 0 15px;
font-weight: 400; }
.bloglist-layout .blog-item .entry-meta {
padding-bottom: 25px;
margin-bottom: 25px; }
.bloglist-layout .blog-item .entry-meta:after {
content: "";
width: 80px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px dotted #b2b2b2; }
.rtl .bloglist-layout .blog-item .entry-meta:after {
right: 0;
left: auto; }
.bloglist-layout .blog-item article.small-box-shadow {
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.bloglist-layout .blog-item article.small-box-shadow:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.bloglist2-layout .blog-item {
background-color: #FFF; }
.bloglist2-layout .blog-item article.post {
margin-bottom: 0; }
.bloglist2-layout .blog-item .entry-content {
background-color: transparent;
position: absolute;
width: 50%;
height: 100%;
top: 0;
right: 0;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
align-content: center; }
.rtl .bloglist2-layout .blog-item .entry-content {
left: 0;
right: auto; }
.bloglist2-layout .blog-item .entry-content:before {
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 2;
border-opposite-position(left): 15px solid #fff;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
left: -10px;
border-right-width: 10px;
margin-top: -10px; }
@media (max-width: 767px) {
.bloglist2-layout .blog-item .entry-content {
position: static;
width: 100%;
margin-bottom: 0; } }
.bloglist2-layout .blog-item .entry-title {
font-size: 20px; }
.bloglist2-layout .blog-item .entry-meta {
padding-bottom: 25px;
margin-bottom: 25px; }
.bloglist2-layout .blog-item .entry-meta .entry-category a {
color: #000; }
.bloglist2-layout .blog-item .entry-meta .entry-category a:hover {
color: #8cc43f; }
.bloglist2-layout .blog-item .entry-meta:after {
content: "";
width: 80px;
height: 1px;
position: absolute;
left: 50%;
margin-left: -40px;
bottom: 0;
border-bottom: 1px dotted #b2b2b2; }
.rtl .bloglist2-layout .blog-item .entry-meta:after {
right: 50%;
left: auto; }
.rtl .bloglist2-layout .blog-item .entry-meta:after {
margin-right: -40px;
margin-left: inherit; }
.bloglist2-layout .blog-item .no-space-row {
margin-right: 0;
margin-left: 0;
position: relative; }
.bloglist2-layout .blog-item .no-space-row .right-col {
position: static; }
.bloglist2-layout .blog-item:nth-child(even) .left-col {
float: right; }
.rtl .bloglist2-layout .blog-item:nth-child(even) .left-col {
float: left; }
.bloglist2-layout .blog-item:nth-child(even) .right-col .entry-content {
right: auto;
left: 0; }
.rtl .bloglist2-layout .blog-item:nth-child(even) .right-col .entry-content {
left: auto;
right: auto; }
.rtl .bloglist2-layout .blog-item:nth-child(even) .right-col .entry-content {
right: 0;
left: auto; }
.bloglist2-layout .blog-item:nth-child(even) .right-col .entry-content:before {
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 2;
border-opposite-position(right): 15px solid #fff;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
left: auto;
right: -10px;
border-left-width: 10px;
border-right: none; }
.support-style-2 i {
margin-right: 8px;
font-size: 14px;
color: #999999; }
.rtl .support-style-2 i {
margin-left: 8px;
margin-right: inherit; }
.support-style-2 a,
.support-style-2 span {
margin-right: 30px; }
.rtl .support-style-2 a, .rtl
.support-style-2 span {
margin-left: 30px;
margin-right: inherit; }
.support-style-1 {
font-size: 10px; }
.support-style-1 .textwidget {
margin-left: 70px;
float: left; }
.rtl .support-style-1 .textwidget {
margin-right: 70px;
margin-left: inherit; }
.rtl .support-style-1 .textwidget {
float: right; }
.support-style-1 .textwidget span {
display: block;
text-transform: uppercase; }
.support-style-1 .textwidget a {
font-size: 14px;
color: #8cc43f; }
.support-style-1 .textwidget i {
font-size: 30px;
float: left;
margin-right: 20px;
margin-top: 3px; }
.rtl .support-style-1 .textwidget i {
float: right; }
.rtl .support-style-1 .textwidget i {
margin-left: 20px;
margin-right: inherit; }
.support-style-1 .textwidget:first-child {
margin-left: 0; }
.rtl .support-style-1 .textwidget:first-child {
margin-right: 0;
margin-left: inherit; }
.support-style-3 ul {
margin: 0 -5px;
overflow: hidden; }
.support-style-3 ul li {
float: left;
width: 50%;
font-size: 14px; }
.rtl .support-style-3 ul li {
float: right; }
.support-style-3 ul li span,
.support-style-3 ul li strong {
display: block; }
.support-style-3 ul li strong {
color: #FFF;
font-weight: 400;
font-family: "Montserrat";
font-size: 12px; }
.support-style-3 ul li a {
color: #8cc43f;
font-weight: 400;
text-transform: uppercase;
font-family: "Montserrat";
font-size: 12px; } .navbar-mega {
min-height: inherit;
border: 0px solid transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0; }
.navbar-mega .navbar-toggle {
border-color: #e8e8e8; }
.navbar-mega .navbar-toggle .icon-bar {
background-color: #8cc43f; }
.navbar-mega .navbar-nav {
float: none;
padding: 0; }
.navbar-mega .navbar-nav > .open > a {
border-color: transparent;
border-left-color: rgba(0, 0, 0, 0.1);
color: #8cc43f;
background: transparent; }
.navbar-mega .navbar-nav > .open > a:before {
opacity: 1;
filter: alpha(opacity=100); }
.navbar-mega .navbar-nav ul {
padding: 0;
margin: 0;
list-style: none; }
.navbar-mega .navbar-nav ul li.parent {
position: relative; }
.navbar-mega .navbar-nav ul li.dropdown-submenu {
position: relative; }
.navbar-mega .navbar-nav ul li.dropdown-submenu .dropdown-menu,
.navbar-mega .navbar-nav ul li.dropdown-submenu .sub-menu {
top: 0;
left: 100%;
right: auto;
position: absolute; }
.navbar-mega .navbar-nav li.active {
background: none; }
.navbar-mega .navbar-nav li.active > a {
background: none;
color: #8cc43f; }
.navbar-mega .navbar-nav li.active > a .caret {
color: #8cc43f; }
.navbar-mega .navbar-nav li a:hover, .navbar-mega .navbar-nav li a:active, .navbar-mega .navbar-nav li a:focus {
background: none;
color: #8cc43f; }
.navbar-mega .navbar-nav li.open > a {
background: none;
color: #8cc43f; }
.navbar-mega .navbar-nav > li {
margin-top: 0;
padding: 0 15px; }
.navbar-mega .navbar-nav > li > a {
font-family: "Montserrat", monospace;
position: relative;
color: #010101;
padding: 23px 0;
line-height: 12px;
margin: 0;
text-transform: uppercase;
font-weight: 400;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;      font-size: 12px; font-size: 1.2rem; -webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.navbar-mega .navbar-nav > li > a .caret {
color: #222222;
border-width: 3px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.navbar-mega .navbar-nav > li > a:hover, .navbar-mega .navbar-nav > li > a:focus {
color: #8cc43f;
background: transparent; }
.navbar-mega .navbar-nav > li > a:hover:after, .navbar-mega .navbar-nav > li > a:focus:after {
opacity: 1;
filter: alpha(opacity=100);
width: 100%; }
.navbar-mega .navbar-nav > li > a:hover .caret, .navbar-mega .navbar-nav > li > a:focus .caret {
color: #8cc43f; }
.navbar-mega .navbar-nav > li:first-child {
padding: 0 15px 0 30px; }
.rtl .navbar-mega .navbar-nav > li:first-child {
padding: 0 30px 0 15px; }
.navbar-mega .navbar-nav > li:last-child > a {
border-right: 0; }
.rtl .navbar-mega .navbar-nav > li:last-child > a {
border-left: 0;
border-right: inherit; }
.navbar-mega .navbar-nav > li .dropdown-menu,
.navbar-mega .navbar-nav > li .sub-menu {
padding: 10px 0;
background: #fff;
min-width: 250px;
width: 100%;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
display: block;
left: 0;
top: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
transform: translate(0px, 20px);
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
visibility: hidden;
z-index: 999;
border: 0;
border-top: 3px solid #8cc43f;
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.rtl .navbar-mega .navbar-nav > li .dropdown-menu, .rtl
.navbar-mega .navbar-nav > li .sub-menu {
right: 0;
left: auto; }
.navbar-mega .navbar-nav > li .dropdown-menu ul.dropdown-menu,
.navbar-mega .navbar-nav > li .dropdown-menu ul.sub-menu,
.navbar-mega .navbar-nav > li .sub-menu ul.dropdown-menu,
.navbar-mega .navbar-nav > li .sub-menu ul.sub-menu {
left: 100%;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
transform: translate(0px, 20px); }
.navbar-mega .navbar-nav > li .dropdown-menu .row,
.navbar-mega .navbar-nav > li .sub-menu .row {
padding-top: 0; }
.navbar-mega .navbar-nav > li .dropdown-menu li,
.navbar-mega .navbar-nav > li .sub-menu li {
display: block;
padding: 0;
position: relative;
border: none; }
.navbar-mega .navbar-nav > li .dropdown-menu li a,
.navbar-mega .navbar-nav > li .sub-menu li a {
min-height: inherit;
display: block;
font-weight: 400;
color: #999999;
text-transform: none;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;      font-size: 10px; font-size: 1rem; font-family: "Montserrat";
text-transform: uppercase;
position: relative; }
.navbar-mega .navbar-nav > li .dropdown-menu li a .caret,
.navbar-mega .navbar-nav > li .sub-menu li a .caret {
position: absolute;
top: 15px;
right: 15px; }
.rtl .navbar-mega .navbar-nav > li .dropdown-menu li a .caret, .rtl
.navbar-mega .navbar-nav > li .sub-menu li a .caret {
left: 15px;
right: auto; }
.navbar-mega .navbar-nav > li .dropdown-menu li a:hover,
.navbar-mega .navbar-nav > li .sub-menu li a:hover {
color: #8cc43f;
background: #f5f5f5; }
.navbar-mega .navbar-nav > li .dropdown-menu li:hover > ul.dropdown-menu,
.navbar-mega .navbar-nav > li .dropdown-menu li:hover > ul.sub-menu,
.navbar-mega .navbar-nav > li .sub-menu li:hover > ul.dropdown-menu,
.navbar-mega .navbar-nav > li .sub-menu li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px);
top: 0%; }
.navbar-mega .navbar-nav > li .dropdown-menu li.active a,
.navbar-mega .navbar-nav > li .sub-menu li.active a {
color: #8cc43f;
background: #f5f5f5; }
.navbar-mega .navbar-nav > li .dropdown-menu .widgettitle, .navbar-mega .navbar-nav > li .dropdown-menu .widget-title,
.navbar-mega .navbar-nav > li .sub-menu .widgettitle,
.navbar-mega .navbar-nav > li .sub-menu .widget-title {
padding: 10px 0 20px;      font-size: 14px; font-size: 1.4rem; border-color: #e8e8e8;
margin: 0 5px 10px;
letter-spacing: 0;
text-transform: uppercase; }
.navbar-mega .navbar-nav > li .dropdown-menu .widget-content,
.navbar-mega .navbar-nav > li .sub-menu .widget-content {
border: none; }
.navbar-mega .navbar-nav > li .dropdown-menu .widget, .navbar-mega .navbar-nav > li .dropdown-menu .products,
.navbar-mega .navbar-nav > li .sub-menu .widget,
.navbar-mega .navbar-nav > li .sub-menu .products {
box-shadow: none;
border: none;
margin-bottom: 0; }
.navbar-mega .navbar-nav > li .dropdown-menu .products .row > div,
.navbar-mega .navbar-nav > li .sub-menu .products .row > div {
padding: 0 20px; }
.navbar-mega .navbar-nav > li .dropdown-menu .widget-products .widget-title,
.navbar-mega .navbar-nav > li .sub-menu .widget-products .widget-title {
padding: 0 20px; }
.navbar-mega .navbar-nav > li .dropdown-menu .opal-category-filter,
.navbar-mega .navbar-nav > li .sub-menu .opal-category-filter {
margin: 0;
padding: 30px 0 30px 30px; }
.navbar-mega .navbar-nav > li .dropdown-menu .category-caption,
.navbar-mega .navbar-nav > li .sub-menu .category-caption {
clear: both;
padding-top: 30px; }
.navbar-mega .navbar-nav > li .dropdown-menu ul.menu,
.navbar-mega .navbar-nav > li .sub-menu ul.menu {
margin: 0 -15px; }
.navbar-mega .navbar-nav > li .dropdown-menu ul.menu li a,
.navbar-mega .navbar-nav > li .sub-menu ul.menu li a {
padding: 10px 20px; }
.navbar-mega .navbar-nav > li .mega-dropdown-menu {
padding: 40px; }
.navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
padding-left: 0;
padding-right: 0; }
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
padding-right: 0;
padding-left: inherit; }
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a {
padding-left: 0;
padding-right: inherit; }
.navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
padding-left: 10px;
padding-right: 10px; }
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
padding-right: 10px;
padding-left: inherit; }
.rtl .navbar-mega .navbar-nav > li .mega-dropdown-menu ul li a:hover {
padding-left: 10px;
padding-right: inherit; }
@media (max-width: 1200px) {
.navbar-mega .navbar-nav > li {
padding: 0 8px; }
.navbar-mega .navbar-nav > li:first-child {
padding: 0 8px 0 20px; }
.rtl .navbar-mega .navbar-nav > li:first-child {
padding: 0 20px 0 8px; } }
.navbar-mega .navbar-nav > .active {
background: transparent; }
.navbar-mega .navbar-nav > .active > a {
color: #8cc43f; }
.navbar-mega .navbar-nav > .active > a:before {
opacity: 1;
filter: alpha(opacity=100); }
.navbar-mega .navbar-nav > .aligned-fullwidth {
position: static !important; }
.navbar-mega .navbar-nav > .aligned-fullwidth > .dropdown-menu,
.navbar-mega .navbar-nav > .aligned-fullwidth > .sub-menu {
width: 100% !important; }
.navbar-mega .navbar-nav > .aligned-right {
position: static !important; }
.navbar-mega .navbar-nav > .aligned-right > .dropdown-menu,
.navbar-mega .navbar-nav > .aligned-right > .sub-menu {
right: 0;
left: auto; }
.rtl .navbar-mega .navbar-nav > .aligned-right > .dropdown-menu, .rtl
.navbar-mega .navbar-nav > .aligned-right > .sub-menu {
left: 0;
right: auto; }
.rtl .navbar-mega .navbar-nav > .aligned-right > .dropdown-menu, .rtl
.navbar-mega .navbar-nav > .aligned-right > .sub-menu {
right: auto;
left: auto; }
.navbar-mega .navbar-nav > .aligned-left {
position: static !important; }
.navbar-mega .navbar-nav > .aligned-left > .dropdown-menu,
.navbar-mega .navbar-nav > .aligned-left > .sub-menu {
left: 0;
right: auto; }
.rtl .navbar-mega .navbar-nav > .aligned-left > .dropdown-menu, .rtl
.navbar-mega .navbar-nav > .aligned-left > .sub-menu {
right: 0;
left: auto; }
.rtl .navbar-mega .navbar-nav > .aligned-left > .dropdown-menu, .rtl
.navbar-mega .navbar-nav > .aligned-left > .sub-menu {
left: auto;
right: auto; }
.navbar-mega .navbar-nav .wpb-container-mega {
margin: 0; }
.navbar-mega .navbar-nav .container-mega .row {
padding-bottom: 0;
margin: 0 !important;
width: 100%;
position: relative;
overflow: hidden; }
.navbar-mega .navbar-nav .container-mega .row > div {
position: relative;
padding: 0; }
.navbar-mega .navbar-nav .container-mega .row > div:after {
content: "";
width: 1px;
height: 1000px;
background: #e8e8e8;
position: absolute;
left: 0;
top: 0; }
.rtl .navbar-mega .navbar-nav .container-mega .row > div:after {
right: 0;
left: auto; }
.navbar-mega .navbar-nav .container-mega .row > div:first-child:after {
content: none; }
.navbar-mega .text-label {
position: absolute;
top: -20px;
right: 45%;
padding: 0px 3px;
font-size: 9px;
color: #FFFFFF; }
.navbar-mega .text-label.text-hot {
background: #e93434; }
.navbar-mega .text-label.text-hot:after {
border-top-color: #e93434; }
.navbar-mega .text-label.text-new {
background: #04adf0; }
.navbar-mega .text-label.text-new:after {
border-top-color: #04adf0; }
.navbar-mega .text-label.text-featured {
background: #8cc43f;
right: 15%; }
.navbar-mega .text-label.text-featured:after {
border-top-color: #8cc43f; }
.navbar-mega .text-label:after {
content: "";
position: absolute;
border: 3px solid transparent;
top: 100%;
left: 50%;
margin-left: -3px; }
.navbar-mega .sub-menu > li > a {
display: block;
padding: 10px 20px;
clear: both;
font-weight: normal;
line-height: 1.62857;
color: #444444;
white-space: nowrap; }
@media (min-width: 768px) {
.navbar-mega .navbar-nav > li:hover > .dropdown-menu,
.navbar-mega .navbar-nav > li:hover > .sub-menu {
opacity: 1;
filter: alpha(opacity=100);
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
visibility: visible; } } .navbar-mega-light .navbar-mega .navbar-nav > li > a, .navbar-mega-light .navbar-mega .navbar-nav > li > a .caret {
color: #FFFFFF; }
.navbar-mega-light .navbar-mega .navbar-nav > li.active > a::before, .navbar-mega-light .navbar-mega .navbar-nav > li:hover > a::before {
background: #FFFFFF; }
.navbar-mega-theme {
background: #8cc43f; }
.navbar-mega-theme .navbar-mega .navbar-nav > li > a, .navbar-mega-theme .navbar-mega .navbar-nav > li > a .caret {
color: #FFFFFF; } .navbar-mega-simple .opal-megamenu { } .widget_wpopal_menu_vertical .vertical-menu {
padding: 0;
background: #FFF;
box-shadow: 0 0 3px 1px rgba(20, 19, 23, 0.1); }
.widget_wpopal_menu_vertical .widget-title {
background: #41b5ac;
color: #FFF;
margin-bottom: 0; }
.widget_wpopal_menu_vertical .widget-title > span {
padding: 20px; }
.widget_wpopal_menu_vertical .navbar-nav {
position: relative;
margin: 0; }
.widget_wpopal_menu_vertical .navbar-nav > li {
width: 100%;
height: auto;
position: static;
border-bottom: 1px solid #eeeeee; }
.widget_wpopal_menu_vertical .navbar-nav > li > a {
display: block;
color: #000;
padding: 13px 20px;
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
font-family: "Montserrat", monospace;
font-weight: 600; }
@media (min-width: 992px) and (max-width: 1199px) {
.widget_wpopal_menu_vertical .navbar-nav > li > a {
padding: 7px 15px; } }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label {
background: #e35263 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 400;
line-height: 1;
margin-left: 8px;
padding: 3px;
position: relative; }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent #e35263 transparent transparent;
border-image: none;
border-style: solid;
border-width: 3px;
content: "";
margin-top: -3px;
position: absolute;
right: 100%;
top: 50%; }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label.text-new {
background: #03a9f4 none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label.text-new:after {
border-right: 3px solid #03a9f4; }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label.text-featured {
background: green none repeat scroll 0 0; }
.widget_wpopal_menu_vertical .navbar-nav > li > a .text-label.text-featured:after {
border-right: 3px solid green; }
.widget_wpopal_menu_vertical .navbar-nav > li:focus > a, .widget_wpopal_menu_vertical .navbar-nav > li:hover > a {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav > li:focus > a .caret:before, .widget_wpopal_menu_vertical .navbar-nav > li:hover > a .caret:before {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav > li:focus > a:before, .widget_wpopal_menu_vertical .navbar-nav > li:hover > a:before {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav > li.open .dropdown-menu,
.widget_wpopal_menu_vertical .navbar-nav > li.open .sub-menu {
display: block !important; }
.widget_wpopal_menu_vertical .navbar-nav li { }
.widget_wpopal_menu_vertical .navbar-nav li a {
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret {
position: absolute;
top: 50%;
margin-top: -10px;
border: 0 !important; }
.widget_wpopal_menu_vertical .navbar-nav li a .caret:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
font-weight: 500;
color: #ccc; }
.widget_wpopal_menu_vertical .navbar-nav li a:hover, .widget_wpopal_menu_vertical .navbar-nav li a:focus {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu {
border: 0;
top: 0;
min-width: 700px;
padding: 20px; visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
display: block; }
@media (min-width: 768px) and (max-width: 991px) {
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu {
min-width: 550px; } }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .container-mega,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .container-mega {
padding: 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget-title {
background: transparent;
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-title span,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget-title span {
padding: 0 0 20px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget-content,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget-content {
padding: 0;
border: none; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget_nav_menu ul {
background-color: transparent; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu ul li,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget_nav_menu ul li {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .widget_nav_menu .widgettitle,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .widget_nav_menu .widgettitle {
margin-bottom: 20px;
font-size: 18px; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu .products-grid div.product,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu .products-grid div.product {
border-bottom: 0; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu > li > a,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu > li > a {
padding: 7px 0;
display: block; }
.widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu > li > a:hover,
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu > li > a:hover {
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li .dropdown-menu > li > a:hover, .rtl
.widget_wpopal_menu_vertical .navbar-nav li .sub-menu > li > a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .navbar-nav li:focus > a, .widget_wpopal_menu_vertical .navbar-nav li:hover > a {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav li:focus > a .caret::before, .widget_wpopal_menu_vertical .navbar-nav li:hover > a .caret::before {
color: #8cc43f; }
.widget_wpopal_menu_vertical .navbar-nav li:focus > .dropdown-menu,
.widget_wpopal_menu_vertical .navbar-nav li:focus > .sub-menu, .widget_wpopal_menu_vertical .navbar-nav li:hover > .dropdown-menu,
.widget_wpopal_menu_vertical .navbar-nav li:hover > .sub-menu {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
visibility: visible; }
.widget_wpopal_menu_vertical .navbar-nav li i {
margin-right: 10px; }
.rtl .widget_wpopal_menu_vertical .navbar-nav li i {
margin-left: 10px;
margin-right: inherit; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li {
padding: 10px 0; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a {
display: block;
color: #8a8a8a; }
.widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
color: #8cc43f;
padding-left: 5px; }
.rtl .widget_wpopal_menu_vertical .widget_nav_menu ul li a:hover {
padding-right: 5px;
padding-left: inherit; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav > li { }
.widget_wpopal_menu_vertical .menu-left .navbar-nav > li > a:after {
right: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav > li > a:after {
left: -3px;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav > li:focus > a:after, .widget_wpopal_menu_vertical .menu-left .navbar-nav > li:hover > a:after {
border-color: #fff;
z-index: 1001; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li { }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu,
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .sub-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .sub-menu {
left: 130%;
right: auto; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-left .navbar-nav li .sub-menu {
right: auto;
left: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus > .dropdown-menu,
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus > .sub-menu, .widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover > .dropdown-menu,
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover > .sub-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus > .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:focus > .sub-menu, .rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover > .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-left .navbar-nav li:hover > .sub-menu {
left: 100%;
right: auto; }
.widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-left .navbar-nav li a .caret {
left: 20px;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li > a:before {
float: left; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav > li > a:before {
float: right; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li > a:after {
left: -3px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav > li > a:after {
right: -3px;
left: auto; }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li > .dropdown-menu,
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li > .sub-menu {
margin-right: 2px;
min-height: 480px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav > li > .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li > .sub-menu {
margin-left: 2px;
margin-right: inherit; } }
.widget_wpopal_menu_vertical .menu-right .navbar-nav > li:focus > a:after, .widget_wpopal_menu_vertical .menu-right .navbar-nav > li:hover > a:after {
border-color: #fff;
z-index: 1001; }
@media (min-width: 991px) {
.widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu,
.widget_wpopal_menu_vertical .menu-right .navbar-nav li .sub-menu {
right: 130%;
left: auto; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-right .navbar-nav li .sub-menu {
left: 130%;
right: auto; }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus > .dropdown-menu,
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus > .sub-menu, .widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover > .dropdown-menu,
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover > .sub-menu {
right: 100%; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus > .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:focus > .sub-menu, .rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover > .dropdown-menu, .rtl
.widget_wpopal_menu_vertical .menu-right .navbar-nav li:hover > .sub-menu {
left: 100%;
right: auto; } }
.widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
right: 20px; }
.rtl .widget_wpopal_menu_vertical .menu-right .navbar-nav li a .caret {
left: 20px;
right: auto; }  .contributor {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 48px 10px; }
.contributor:first-of-type {
padding-top: 24px; }
.contributor-info {
margin: 0 auto;
max-width: 474px; }
.contributor-avatar {
border: 1px solid rgba(0, 0, 0, 0.1);
float: left;
margin: 0 30px 20px 0;
padding: 2px; }
.contributor-name {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin: 0; }
.contributor-bio a {
text-decoration: underline; }
.contributor-bio a:hover {
text-decoration: none; }
.contributor-posts-link {
display: inline-block;
line-height: normal;
padding: 10px 30px; }
.contributor-posts-link:before {
content: "\f443"; } .notfound-page {
padding: 140px 0;
background-image: url(//naturvans.com/wp-content/themes/ecopark/images/bg-notfound.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #fafafa;
background-size: cover;
font-size: 20px;
color: #999999;
width: 100%; }
@media (min-width: 768px) and (max-width: 991px) {
.notfound-page {
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 480px) {
.notfound-page {
padding-left: 30px;
padding-right: 30px; } }
.notfound-page .page-header {
border-bottom: none;
margin: 0 0 10px; }
.notfound-page .page-title {
color: #8cc43f;
font-size: 200px;
line-height: 180px;
margin-bottom: 0;
margin-top: 100px !important; }
@media (max-width: 480px) {
.notfound-page .page-title {
font-size: 150px; } }
.notfound-page h3.error-404 {
font-weight: 400;
font-size: 60px;
margin: 0 0 10px; }
.notfound-page .page-content {
margin-bottom: 10px; } .tribe-event-meta {
display: block;
margin: 0 0 25px;
text-align: center; }
.tribe-event-meta .date {
color: #daf1bb;
font-weight: 700;
font-size: 80px;
font-family: "Montserrat";
display: block;
line-height: 70px; }
@media (max-width: 768px) {
.tribe-event-meta .date {
font-size: 50px; } }
.tribe-event-meta .month {
color: #FFF;
background-color: #8cc43f;
font-size: 10px;
font-family: "Montserrat";
display: inline-block;
padding: 0 10px; }
#tribe-events .tribe-events-button,
.tribe-events-button {
font-family: "Montserrat";
font-size: 12px;
font-weight: 400;
background-color: #8cc43f;
padding: 10px 15px; }
#tribe-events-bar {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
@media screen and (min-width: 758px) {
#tribe-events-bar {
padding: 5px 0;
background-color: #FFF; } }
@media screen and (max-width: 758px) {
#tribe-events-bar {
padding: 15px 10px; } }
@media (min-width: 758px) {
#tribe-events-bar .tribe-bar-filters {
position: absolute;
width: 100% !important;
right: auto !important;
z-index: 2; }
#tribe-events-bar .tribe-bar-filters .tribe-bar-filters-inner {
position: relative;
bottom: 0;
padding: 20px;
background-color: #fff;
-webkit-box-shadow: 0 7px 15px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 15px 1px rgba(0, 0, 0, 0.3);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
#tribe-events-bar .tribe-bar-filters .tribe-bar-button {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
margin-left: 15px;
cursor: pointer; }
.rtl #tribe-events-bar .tribe-bar-filters .tribe-bar-button {
margin-right: 15px;
margin-left: inherit; }
#tribe-events-bar .tribe-bar-filters .tribe-bar-button:hover {
color: #8cc43f; }
#tribe-events-bar .tribe-bar-filters.active .tribe-bar-button {
color: #8cc43f; }
#tribe-events-bar .tribe-bar-filters.active .tribe-bar-filters-inner {
opacity: 1;
filter: alpha(opacity=100);
bottom: -30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } }
#tribe-bar-form {
background: transparent; }
@media screen and (min-width: 758px) {
#tribe-bar-form #tribe-bar-views {
padding: 12px 0;
z-index: 3;
width: 15%;
left: 85%; } }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner {
padding: 0;
background: none; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner label {
display: none; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list {
overflow: hidden;
position: static;
border-radius: 0;
padding: 0;
text-align: right; }
.rtl #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list {
text-align: left; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option {
display: inline-block; }
@media screen and (min-width: 758px) {
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option {
margin-right: 20px; }
.rtl #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option {
margin-left: 20px;
margin-right: inherit; } }
@media screen and (max-width: 758px) {
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option {
margin-right: 8px;
margin-top: 15px; }
.rtl #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option {
margin-left: 8px;
margin-right: inherit; } }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option a {
background: none;
color: #a5a5a5;
padding: 0;
width: 16px;
height: 16px;
position: relative;
text-align: center;
line-height: 14px; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option a span[class^="tribe-icon-"] {
padding-left: 16px;
text-indent: -9999px;
display: none; }
.rtl #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option a span[class^="tribe-icon-"] {
padding-right: 16px;
padding-left: inherit; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option a:after {
font-family: 'FontAwesome';
font-size: 14px; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option a:hover {
color: #8cc43f; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option.tribe-bar-active a {
color: #8cc43f; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option.tribe-bar-views-option-month a:after {
content: "\f073"; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option.tribe-bar-views-option-list a {
line-height: 16px; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option.tribe-bar-views-option-list a:after {
content: "\f039"; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option.tribe-bar-views-option-day a:after {
content: "\f272"; }
#tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option:first-child {
margin-left: 0; }
.rtl #tribe-bar-form #tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list li.tribe-bar-views-option:first-child {
margin-right: 0;
margin-left: inherit; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-date-filter input[type="text"],
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-search-filter input[type="text"] {
padding: 0;
border: none;
line-height: 38px;
margin: 0;
border: 1px solid #e9e9e9;
background-color: #f9f9f9;
padding: 0 15px;
font-weight: 400;
font-size: 12px; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-date-filter input[type="text"]:focus,
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-search-filter input[type="text"]:focus {
outline: none; }
@media screen and (min-width: 758px) {
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-date-filter {
width: 33%; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-search-filter {
width: 50%; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-submit {
width: 17%;
margin-right: 0;
margin-left: 0;
margin-top: 15px; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-submit input[type="submit"] {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-filters-inner .tribe-bar-submit input[type="submit"]:hover {
background: #8cc43f; } }
@media screen and (max-width: 758px) {
#tribe-bar-form .tribe-bar-filters .tribe-bar-button {
display: none; }
#tribe-bar-form .tribe-bar-filters .tribe-bar-submit button {
padding: 9px 50px;
width: auto; } }
.tribe-bar-submit button {
background: #8cc43f;
font-weight: 500;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
text-transform: uppercase;
line-height: 1.62857;
color: #fff;
padding: 9px 0;
width: 100%;
font-size: 12px;
border: none;
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s; }
.tribe-bar-submit button:hover {
background: #719f31;
-webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.17);
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.17);
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s; }
.tribe-events-page-title {
display: none; }
.tribe-events-list-separator-month {
text-align: left;
margin: 0 0 20px;
padding: 0; }
.rtl .tribe-events-list-separator-month {
text-align: right; }
.tribe-events-list-separator-month span {
background-color: transparent;
padding: 0;
font-size: 30px;
font-family: "Montserrat";
color: #000; }
.tribe-events-list-separator-month:after {
content: none; }
#tribe-events-content-wrapper {
margin-top: -110px; }
@media (max-width: 767px) {
#tribe-events-content-wrapper {
margin-top: -20px; } } .tribe-list-widget {
padding: 0;
margin: 0; }
.tribe-list-widget li {
border-top: 1px solid #e8e8e8;
padding-top: 30px;
margin: 30px 0 0; }
.tribe-list-widget li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.tribe-list-widget li .tribe-event-meta {
margin-bottom: 0; }
.tribe-list-widget {
list-style: none; }
.tribe-list-widget .media-left {
padding-right: 20px; }
.rtl .tribe-list-widget .media-left {
padding-left: 20px;
padding-right: inherit; }
.tribe-list-widget .tribe-event-title {
margin-top: 0;
font-weight: 400;
margin-bottom: 10px; }
.tribe-list-widget .tribe-location {
color: #999999;
font-size: 14px; }
.tribe-list-widget .tribe-location i {
font-size: 16px;
margin-right: 5px; }
.rtl .tribe-list-widget .tribe-location i {
margin-left: 5px;
margin-right: inherit; }
.tribe-list-widget li {
margin-bottom: 0; }
.events-list .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.tribe-events-day .tribe-events-loop {
max-width: 100% !important; }
.tribe-events-loop .type-tribe_events {
padding: 0;
margin: 0 0 30px;
background-color: #FFF; }
.tribe-events-loop .type-tribe_events .media {
overflow: hidden; }
.tribe-events-loop .type-tribe_events .media-left {
vertical-align: middle;
padding: 0 30px;
min-width: 156px; }
.tribe-events-loop .type-tribe_events .media-body {
padding-right: 20px; }
.rtl .tribe-events-loop .type-tribe_events .media-body {
padding-left: 20px;
padding-right: inherit; }
@media (max-width: 992px) {
.tribe-events-loop .type-tribe_events .media-body {
padding-right: 0px; }
.rtl .tribe-events-loop .type-tribe_events .media-body {
padding-left: 0px;
padding-right: inherit; }
.tribe-events-loop .type-tribe_events .media-body .tribe-events-event-image {
margin: 0; }
.tribe-events-loop .type-tribe_events .media-body .tribe-events-list-event-description {
margin-bottom: 20px; } }
.tribe-events-loop .type-tribe_events .tribe-events-list-event-title {
font-weight: 400;
margin: 25px 0 15px;
display: block;
font-size: 20px;
letter-spacing: -1px; }
.tribe-events-loop .type-tribe_events .tribe-event-meta {
margin-bottom: 0; }
.tribe-events-loop .type-tribe_events .event-content .row {
position: relative;
margin-left: -20px; }
.rtl .tribe-events-loop .type-tribe_events .event-content .row {
margin-right: -20px;
margin-left: inherit; }
.tribe-events-loop .type-tribe_events .event-content .row:after {
content: "";
width: 1px;
height: 1000px;
position: absolute;
top: 0;
left: 56%;
background-color: #e8e8e8; }
.rtl .tribe-events-loop .type-tribe_events .event-content .row:after {
right: 56%;
left: auto; }
@media (max-width: 992px) {
.tribe-events-loop .type-tribe_events .event-content .row {
margin-left: -15px; }
.rtl .tribe-events-loop .type-tribe_events .event-content .row {
margin-right: -15px;
margin-left: inherit; }
.tribe-events-loop .type-tribe_events .event-content .row:after {
content: none; } }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper {
overflow: hidden;
margin-top: 20px;
font-size: 14px;
color: #999999;
font-weight: 300;
line-height: 36px; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper i,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper i {
float: left;
width: 36px;
height: 36px;
margin-right: 15px;
border-radius: 3px;
color: #FFF;
background-color: #2b2b2b;
text-align: center;
line-height: 36px; }
.rtl .tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper i, .rtl
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper i {
float: right; }
.rtl .tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper i, .rtl
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper i {
margin-left: 15px;
margin-right: inherit; }
@media (max-width: 768px) {
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper {
margin-top: 0;
padding: 0 12px; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper i,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper i {
display: none; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-time-wrapper .tribe-events-venue-details,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .event-address-wrapper .tribe-events-venue-details {
margin: 0;
padding: 10px 0 0; } }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-events-venue-details,
.tribe-events-loop .type-tribe_events .tribe-events-event-meta address.tribe-events-address {
font-style: normal;
font-weight: 300;
display: block; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta address.tribe-events-address {
margin: 0 0 20px; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta address.tribe-events-address br {
display: none; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .author {
padding: 0; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-events-gmap {
display: block;
position: relative;
color: #999999; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-events-gmap:hover {
color: #8cc43f; }
.tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-events-gmap:before {
font-family: 'FontAwesome';
content: "\f279";
color: #FFF;
background-color: #2b2b2b;
width: 36px;
height: 36px;
border-radius: 3px;
text-align: center;
line-height: 36px;
display: inline-block;
margin-right: 15px; }
.rtl .tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-events-gmap:before {
margin-left: 15px;
margin-right: inherit; }
.tribe-events-loop .type-tribe_events.tribe-events-first {
padding-top: 0; }
@media (max-width: 767px) {
.tribe-events-loop .type-tribe_events .media-left,
.tribe-events-loop .type-tribe_events .media-body {
display: block; }
.tribe-events-loop .type-tribe_events .media-left {
margin-bottom: 20px; }
.tribe-events-loop .type-tribe_events .media-body {
width: 100%;
padding: 0 30px 20px; }
.tribe-events-loop .type-tribe_events .media-body .tribe-events-event-image {
margin-bottom: 15px; } }
.tribe-events-loop .type-tribe_events > .small-box-shadow {
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.tribe-events-loop .type-tribe_events > .small-box-shadow:hover {
transform: translate(0px, -5px) rotate(0deg);
-moz-transform: translate(0px, -5px) rotate(0deg);
-webkit-transform: translate(0px, -5px) rotate(0deg);
-ms-transform: translate(0px, -5px) rotate(0deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.tribe-events-day .tribe-events-day-time-slot > h5 {
background-color: transparent;
color: #8cc43f;
margin-bottom: 20px; }
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
margin-left: 0; }
.rtl .tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
margin-right: 0;
margin-left: inherit; } .events-carousel {
background-color: #FFF; }
.events-carousel .item {
padding-bottom: 25px; }
.events-carousel .block-heading {
background-color: #e35d5d;
text-align: center;
color: #FFF;
padding: 20px 30px 10px;
position: relative; }
.events-carousel .block-heading .title {
color: #FFF;
margin: 0 0 10px; }
.events-carousel .block-heading .sub-title {
font-style: italic;
font-size: 14px;
font-family: "Playfair Display", serif;
font-weight: 400; }
.events-carousel .block-heading:after {
position: absolute;
width: 0;
height: 0;
content: '';
z-index: 2;
border-opposite-position(bottom): 202.5px solid #e35d5d;
border-left: 135px solid transparent;
border-right: 135px solid transparent;
border-top-width: 15px;
position: absolute;
bottom: -15px;
width: 100%;
left: 0;
height: 15px; }
@media (max-width: 1200px) {
.events-carousel .block-heading:after {
border-left-width: 115px;
border-right-width: 115px; } }
@media (max-width: 992px) {
.events-carousel .block-heading:after {
border-left-width: 105px;
border-right-width: 105px; } }
@media (max-width: 768px) {
.events-carousel .block-heading:after {
content: none; } }
.events-carousel .tribe-events-wrapper {
padding: 40px 30px 0;
position: relative; }
@media (max-width: 767px) {
.events-carousel .tribe-events-wrapper {
padding: 10px 30px 0; } }
.events-carousel .feature-image {
margin-bottom: 5px; }
.events-carousel .feature-image .tribe-events-event-image {
float: none;
margin: 0; }
.events-carousel .tribe-events-inner {
position: absolute;
width: 100%;
bottom: -20px;
text-align: center;
left: 0;
padding: 0 45px; }
@media (max-width: 480px) {
.events-carousel .tribe-events-inner {
position: static;
padding: 0; } }
.events-carousel .tribe-events-list-event-title {
font-size: 14px;
letter-spacing: -1px;
margin: 0;
background-color: #FFF;
font-weight: 400;
padding: 18px 25px; }
@media (max-width: 1200px) {
.events-carousel .tribe-events-list-event-title {
padding: 10px 15px; } }
.events-carousel .more-link {
background-color: #8cc43f;
color: #FFF;
display: block;
text-transform: uppercase;
font-size: 10px;
font-family: "Montserrat";
font-weight: 400;
padding: 10px 25px; }
@media (max-width: 480px) {
.events-carousel .more-link {
padding: 5px 10px; } }
.events-carousel .owl-pagination {
margin-bottom: 20px; }
.events-carousel .owl-carousel-play .owl-controls {
display: block !important; }
.events-list #tribe-events-footer,
.single-tribe_events #tribe-events-footer,
.tribe-events-day #tribe-events-footer,
.tribe-events-map #tribe-events-footer,
.tribe-events-photo #tribe-events-footer {
padding-top: 25px;
margin-bottom: 0; }
@media (max-width: 768px) {
.events-list #tribe-events-footer,
.single-tribe_events #tribe-events-footer,
.tribe-events-day #tribe-events-footer,
.tribe-events-map #tribe-events-footer,
.tribe-events-photo #tribe-events-footer {
margin-bottom: 20px; } } .single-tribe_events .tribe-events-event-meta {
background-color: transparent;
border: none;
margin: 0; }
.single-tribe_events .tribe-events-event-meta .column,
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
float: none;
width: 100%; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
background-color: #FFF;
margin-bottom: 30px;
padding: 20px 30px;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group .tribe-events-single-section-title {
margin: 0 0 20px;
position: relative;
padding-bottom: 10px;
font-size: 24px; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group .tribe-events-single-section-title:after {
content: "";
width: 80px;
height: 1px;
border-bottom: 1px dotted #b2b2b2;
position: absolute;
left: 0;
bottom: 0; }
.rtl .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group .tribe-events-single-section-title:after {
right: 0;
left: auto; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol {
padding: 0;
margin: 0 -30px; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li {
list-style: none;
border-top: 1px solid #e8e8e8;
padding: 7px 30px;
overflow: hidden; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li label, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li label {
margin-bottom: 0; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li > span, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li > span {
float: right; }
.rtl .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li > span, .rtl .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li > span {
float: left; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li .tribe-events-address, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li .tribe-events-address {
display: block;
padding: 0; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li .tribe-events-address br, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li .tribe-events-address br {
display: none; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li .tribe-events-gmap, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li .tribe-events-gmap {
display: block;
color: #8cc43f;
font-style: normal;
font-family: "Montserrat";
font-size: 12px;
text-transform: uppercase;
margin-top: 10px; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li.tribe-venue-location, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li.tribe-venue-location {
border-top: none;
padding-top: 0; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul li:first-child, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol li:first-child {
border-top: none; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ul h5, .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group ol h5 {
color: #8cc43f;
font-size: 14px;
font-weight: 400;
padding: 0 30px;
text-transform: uppercase; }
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.single-tribe_events .tribe-events-venue-map {
margin: 0;
display: block;
float: none;
width: 100% !important; }
.single-tribe_events .tribe-single-event-wrapper {
background-color: #FFF;
padding: 30px;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.single-tribe_events .tribe-single-event-wrapper:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.single-tribe_events .tribe-single-event-wrapper .tribe-events-event-image {
margin-right: 0; }
.single-tribe_events .tribe-events-single-event-title {
margin: 0 0 10px;
font-size: 30px; }
.single-tribe_events .tribe-event-schedule-details {
margin-bottom: 25px; }
.single-tribe_events #tribe-events-footer {
margin-top: 40px; }
.tribe-events-event-image + div.tribe-events-content {
float: none;
width: 100%; }
.single-tribe_events .tribe-events-cal-links {
margin-bottom: 0; }
.type-tribe_events {
border-bottom: none;
padding: 0; }
.tribe-events-list .tribe-events-venue-details {
margin: 0 !important; }
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
margin: 0;
width: 100%;
float: none; }
.tribe-events-calendar td a {
letter-spacing: 0; } div.opal_activity .activity-learnmore span {
padding-bottom: 4px;
font-family: "Montserrat";
color: #8cc43f; }
div.opal_activity .activity-description {
font-family: "Playfair Display", serif; }
.activity-description .kc_clfw {
display: none !important; }
div.opal_activity img {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
div.opal_activity:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); } .opalactivity-recent-activity .owl-carousel .owl-controls {
display: block !important; }
.activity-categories {
padding: 0;
margin: 0;
list-style: none; } .activity-infomations ul.list li {
font-family: "Montserrat";
font-size: 12px;
color: #999999; }
.activity-cointent-wrapper,
.entry-content > .opalactivity-box {
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.activity-cointent-wrapper:hover,
.entry-content > .opalactivity-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); } .category_search_form .bootstrap-select .btn {
font-weight: 300;
font-family: "Hind", sans-serif; }
#opallocation-map-preview .infoBox > img {
background-color: #e35d5d; }
.category-filter .dropdown .btn.btn-default {
font-family: "Hind", sans-serif;
font-size: 14px; } .location-box {
background-color: #FFF;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
padding: 30px;
margin-bottom: 40px;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.location-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }  .gallery.gallery-size-thumbnail {
overflow: hidden; }
.gallery .gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
padding: 0;
position: relative; }
.gallery-columns-1 .gallery-item {
max-width: 100%;
width: auto; }
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 14px);
max-width: calc(50% - 14px);
width: auto; }
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 11px);
max-width: calc(33.3% - 11px);
width: auto; }
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 9px);
max-width: calc(25% - 9px);
width: auto; }
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 8px);
max-width: calc(20% - 8px);
width: auto; }
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 7px);
max-width: calc(16.7% - 7px);
width: auto; }
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 7px);
max-width: calc(14.28% - 7px);
width: auto; }
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 6px);
max-width: calc(12.5% - 6px);
width: auto; }
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 6px);
max-width: calc(11.1% - 6px);
width: auto; }
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0; }
.gallery .gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%; }
.gallery .gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
.gallery-item:hover .gallery-caption {
opacity: 1; }
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none; } .mejs-mediaelement,
.mejs-container .mejs-controls {
background: #000; }
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff; }
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(255, 255, 255, 0.33); }
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0; }
.mejs-overlay-loading {
background: transparent; }
.mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: '\f452';
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.mejs-controls .mejs-button button:focus {
outline: none; }
.mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.mejs-playpause-button.mejs-play button:before {
content: '\f452'; }
.mejs-playpause-button.mejs-pause button:before {
content: '\f448'; }
.mejs-volume-button.mejs-mute button:before {
content: '\f109';
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.mejs-volume-button.mejs-unmute button:before {
content: '\f109';
left: 0;
position: absolute;
top: 0; }
.mejs-fullscreen-button button:before {
content: '\f474'; }
.mejs-fullscreen-button.mejs-unfullscreen button:before {
content: '\f406'; }
.mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.mejs-controls .mejs-button button:hover {
color: #41a62a; }
div.page-links,
footer.entry-meta {
margin: 20px 0;
overflow: hidden;
width: 100%; }
div.page-links {
margin-left: -15px;
margin-right: -15px; }
div.page-links > span,
div.page-links a {
background-color: #f3f3f3;
color: #000;
font-family: "Montserrat";
font-size: 12px;
font-weight: 400;
line-height: 24px;
padding: 5px 15px;
text-transform: uppercase;
display: inline-block; }
div.page-links a:hover,
div.page-links > span {
color: #FFF;
background-color: #8cc43f; }
div.page-links span.page-links-title {
text-decoration: none;
color: #000;
background-color: transparent; }
.post-preview {
margin: 0 -30px; }
.single-post .post-preview {
margin: 0 -40px; }
.paging-navigation {
margin-bottom: 30px;
text-align: center; }
.widget_categories ul, .widget_pages ul,
.widget_nav_menu ul {
list-style: none;
padding: 0;
margin: 0; }
.widget_categories ul li, .widget_pages ul li,
.widget_nav_menu ul li {
width: 100%; }
.post .post-thumbnail {
display: block;
position: relative;
z-index: 2; }
.blog-thumbnail .post-thumbnail {
display: block;
position: relative;
z-index: 2; }
.widget_archive ul {
list-style: none;
margin: 0;
padding: 0; }
.widget_archive ul li {
line-height: 30px; }
.widget_archive ul ul {
padding-left: 15px; }
.rtl .widget_archive ul ul {
padding-right: 15px;
padding-left: inherit; }
.widget_rss > ul,
.widget_recent_comments > ul,
.widget_meta > ul,
.widget_pages > ul {
list-style: none;
padding: 0; }
.widget_text img {
margin-bottom: 10px; }
.widget_text select {
max-width: 100%; }
.widget_calendar .calendar_wrap {
padding: 0 30px 10px; }
.widget_calendar table {
width: 100%; }
.sidebar select {
margin: 20px; }
.sidebar form select {
margin: 0; }
.pagination a {
padding: 5px 15px;
line-height: 24px; }
.pagination span.current {
background-color: #8cc43f; }
.result-count {
color: #000;
font-family: "Montserrat";
font-size: 12px; }
.search-no-results .site-main {
padding-bottom: 80px; }
.opal-search .btn-search {
border-color: #8cc43f;
background-color: #8cc43f; }
.opal-search .btn-search input[type='submit'] {
background: none;
border: none;
color: #FFF; }
.widget_archive a,
.widget_recent_entries a,
.widget_recent_comments a,
.widget_layered_nav a,
.widget_product_categories a {
word-wrap: break-word; } .cat-links { text-transform: capitalize; }
.cat-links a {
color: #2b2b2b; }
.cat-links a:hover {
color: #41a62a; }
.byline {
display: none; }
.entry-meta {
clear: both;
color: #ccc;
font-size: 10px;
font-weight: 400;
line-height: 1.3333333333;
text-transform: uppercase;
margin-bottom: 15px;
width: 100%;
overflow: hidden;
font-family: "Montserrat";
position: relative; }
.entry-meta span {
display: inline-block; }
.entry-meta .tag-links {
margin: 0; }
.entry-meta .fa {
font-size: 4px;
position: relative;
bottom: 3px;
margin-right: 5px;
color: #999; }
.entry-meta > div {
position: relative;
padding: 0 10px;
display: inline-block; }
.entry-meta > div:before {
content: "\f0c8";
font-family: "FontAwesome";
font-size: 3px;
position: absolute;
left: 0;
top: 5px; }
.rtl .entry-meta > div:before {
right: 0;
left: auto; }
.entry-meta > div:after {
content: "\f0c8";
font-family: "FontAwesome";
font-size: 3px;
position: absolute;
right: 0;
top: 5px; }
.rtl .entry-meta > div:after {
left: 0;
right: auto; }
.entry-date a,
.meta-sep a,
.author a,
.entry-category a,
.comments-link a,
.edit-link a {
text-transform: uppercase;
color: #999999; }
.entry-date a:hover,
.meta-sep a:hover,
.author a:hover,
.entry-category a:hover,
.comments-link a:hover,
.edit-link a:hover {
color: #8cc43f; }
.entry-date {
margin-right: 5px; }
.rtl .entry-date {
margin-left: 5px;
margin-right: inherit; }
.entry-date span {
margin: 0; }
.author {
padding: 0 5px; }
.entry-category {
padding: 0 5px; }
.entry-category ul {
margin: 0;
display: inline-block;
padding: 0; }
.entry-category ul li {
margin: 0;
padding: 0;
display: inline-block;
list-style: none; }
.archive-title {
font-size: 34px;
margin-bottom: 20px; } .entry-content,
.entry-summary,
.page-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
margin-bottom: 30px; }
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
text-decoration: none; }
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.entry-content a.button,
.entry-summary a.button,
.page-content a.button,
.comment-content a.button {
text-decoration: none; }
.entry-content table,
.comment-content table {
font-size: 14px;
line-height: 1.2857142857;
margin-bottom: 24px; }
.entry-content th,
.comment-content th {
font-weight: 700;
padding: 8px;
text-transform: uppercase; }
.entry-content td,
.comment-content td {
padding: 8px; }
.entry-content .edit-link {
clear: both;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.3333333333;
text-transform: uppercase; }
.entry-content .edit-link a {
color: #8cc43f;
text-decoration: none; }
.entry-content .edit-link a:hover {
color: #41a62a; }
.entry-content .more-link {
white-space: nowrap; }
.ratings a {
text-indent: -9999em !important; }
.entry-content-page {
position: relative; }
.entry-content-page .edit-link {
background: #000;
display: none;
position: absolute;
top: 0;
right: 0;
padding: 5px 6px;
z-index: 10000; }
.entry-content-page .edit-link:before {
content: none; }
.entry-content-page .edit-link a {
font-size: 11px;
color: #FFF !important; }
.opal-social-share {
margin: 20px 0; } .tag-links a {
background-color: transparent;
border: 1px solid #ccc;
display: inline-block;
font-size: 11px;
color: #999999;
margin-right: 5px;
padding: 5px 7px 3px;
margin-bottom: 3px;
position: relative; }
.rtl .tag-links a {
margin-left: 5px;
margin-right: inherit; }
.tag-links a:hover {
background-color: #7fb337;
color: #fff;
border-color: #8cc43f; } .nav-links {
margin-bottom: 25px;
margin-left: -15px;
margin-right: -15px;
position: relative;
overflow: hidden; }
.nav-links a {
display: block;
float: left;
width: 50%;
padding: 0 15px; }
.rtl .nav-links a {
float: right; }
.nav-links a > div {
font-size: 18px;
font-family: "Montserrat";
float: none !important;
font-weight: 400;
line-height: 24px; }
.nav-links a > div.pull-right {
text-align: right; }
.rtl .nav-links a > div.pull-right {
text-align: left; }
.nav-links .meta-nav {
display: block;
text-transform: uppercase;
color: #999999;
font-size: 10px;
position: relative;
margin-bottom: 5px; }
.nav-links:after {
content: "";
width: 1px;
height: 200px;
background-color: #e8e8e8;
position: absolute;
left: 50%;
top: 0; }
.rtl .nav-links:after {
right: 50%;
left: auto; } .hentry .mejs-container {
margin: 12px 0 18px; }
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #000; }
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff; }
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #24890d; }
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: rgba(255, 255, 255, 0.33); }
.hentry .mejs-container .mejs-controls .mejs-time {
padding-top: 9px; }
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0; }
.hentry .mejs-overlay-loading {
background: transparent; }
.hentry .mejs-overlay-button {
background-color: #fff;
background-image: none;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
color: #000;
height: 36px;
margin-left: -24px;
width: 48px; }
.hentry .mejs-overlay-button:before {
-webkit-font-smoothing: antialiased;
content: '\f452';
display: inline-block;
font: normal 32px/1.125 Genericons;
position: absolute;
top: 1px;
left: 10px; }
.hentry .mejs-controls .mejs-button button:focus {
outline: none; }
.hentry .mejs-controls .mejs-button button {
-webkit-font-smoothing: antialiased;
background: none;
color: #fff;
display: inline-block;
font: normal 16px/1 Genericons; }
.hentry .mejs-playpause-button.mejs-play button:before {
content: '\f452'; }
.hentry .mejs-playpause-button.mejs-pause button:before {
content: '\f448'; }
.hentry .mejs-volume-button.mejs-mute button:before {
content: '\f109';
font-size: 20px;
position: absolute;
top: -2px;
left: 0; }
.hentry .mejs-volume-button.mejs-unmute button:before {
content: '\f109';
left: 0;
position: absolute;
top: 0; }
.hentry .mejs-fullscreen-button button:before {
content: '\f474'; }
.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
content: '\f406'; }
.hentry .mejs-overlay:hover .mejs-overlay-button {
background-color: #24890d;
color: #fff; }
.hentry .mejs-controls .mejs-button button:hover {
color: #41a62a; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: both; }
.bypostauthor {
text-decoration: none; }
article {
position: relative; }
article.post {
margin-bottom: 30px; }
article.post .entry-meta {
padding-bottom: 25px;
margin-bottom: 25px; }
article.post .entry-meta:after {
content: "";
width: 80px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px dotted #b2b2b2; }
.rtl article.post .entry-meta:after {
right: 0;
left: auto; }
article.post .entry-title {
margin-bottom: 15px;
margin-top: 0;
font-size: 24px;
font-weight: 400; }
article.post h1.entry-title {
font-size: 30px;
font-weight: 700; }
article.post .list-item h3 {
font-size: 18px; }
article.post .post-format a i {
display: none; }
article.post .post-content span a {
display: inline-block;
color: #8cc43f;
margin-top: 10px; }
article.post .post-content span a:hover {
color: #7fb337; }
article.post .post-content a {
display: block;
margin-top: 10px;
color: #8cc43f; }
article.post > .small-box-shadow {
background-color: #FFF;
padding: 0 30px 10px; }
article.post > .small-box-shadow .entry-content {
padding-top: 25px; }
article.post.sticky > .small-box-shadow {
background-color: #efefef; }
article.post.format-link .entry-content > p {
border: 1px solid #e8e8e8;
padding: 10px 20px; }
article.post .post-password-form p {
overflow: hidden; }
article.post .post-password-form label {
float: left;
margin-right: 2px; }
.rtl article.post .post-password-form label {
float: right; }
.rtl article.post .post-password-form label {
margin-left: 2px;
margin-right: inherit; }
article.post .post-password-form input[type="password"] {
padding: 5px 10px;
border: 1px solid #e8e8e8; }
article.post .post-password-form input[type="submit"] {
color: #FFF;
background-color: #8cc43f;
border: none;
font-size: 14px;
padding: 5px 15px;
height: 38px;
line-height: 28px;
text-transform: uppercase;
float: left; }
.rtl article.post .post-password-form input[type="submit"] {
float: right; }
article.post .entry-footer {
clear: both; }
article table {
width: 100%;
max-width: 100%;
margin-bottom: 26px; }
article table > thead > tr > th,
article table > thead > tr > td,
article table > tbody > tr > th,
article table > tbody > tr > td,
article table > tfoot > tr > th,
article table > tfoot > tr > td {
padding: 8px;
line-height: 1.62857;
vertical-align: top;
border-top: 1px solid #ddd; }
article table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
article table > tbody + tbody {
border-top: 2px solid #ddd; }
article table table {
background-color: #fafafa; }
.single-post .site-content > article.post > .small-box-shadow {
padding: 0 40px 30px;
margin-bottom: 30px;
background-color: #FFF;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.single-post .site-content > article.post > .small-box-shadow:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.related-posts .carouse-item {
padding-bottom: 15px; }
.related-posts .carouse-item article.post {
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.related-posts .carouse-item article.post:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.related-posts .widget .widget-title {
margin-bottom: 30px; }
.related-posts article.post > .entry-content.small-box-shadow {
padding: 25px 30px 15px; }
.related-posts article.post .entry-title {
font-size: 16px; }
.related-posts article.post .entry-meta:after {
left: 50%;
margin-left: -40px; }
.rtl .related-posts article.post .entry-meta:after {
right: 50%;
left: auto; }
.rtl .related-posts article.post .entry-meta:after {
margin-right: -40px;
margin-left: inherit; } .comments {
background-color: #FFF;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
padding: 30px 40px;
margin-bottom: 30px;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.comments .comments-title {
margin: 0 0 35px;
position: relative;
color: #000;
padding-bottom: 15px; }
.comments .comments-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 1px;
border-bottom: 1px dotted #b2b2b2; }
.rtl .comments .comments-title:after {
right: 0;
left: auto; }
.comments .the-comment {
margin-bottom: 35px; }
.comments .the-comment .avatar {
float: left;
margin-right: 5px; }
.rtl .comments .the-comment .avatar {
float: right; }
.rtl .comments .the-comment .avatar {
margin-left: 5px;
margin-right: inherit; }
.comments .the-comment .avatar img {
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.comments .children .the-comment {
padding-left: 65px; }
.rtl .comments .children .the-comment {
padding-right: 65px;
padding-left: inherit; }
@media (max-width: 767px) {
.comments .children .the-comment {
padding-left: 0px; }
.rtl .comments .children .the-comment {
padding-right: 0px;
padding-left: inherit; } }
.comments .children .children .the-comment {
padding-left: 130px; }
.rtl .comments .children .children .the-comment {
padding-right: 130px;
padding-left: inherit; }
@media (max-width: 767px) {
.comments .children .children .the-comment {
padding-left: 0px; }
.rtl .comments .children .children .the-comment {
padding-right: 0px;
padding-left: inherit; } }
.comments .comment-author {
font-size: 14px; }
.comments .comment-author strong {
color: #000; }
.comments .comment-meta {
font-size: 14px;
color: #aaa; }
.comments a {
color: #8cc43f;
text-transform: uppercase;
font-size: 12px;
font-weight: 700; }
.comments ol.commentlists, .comments ul.children {
list-style: none;
margin: 0;
padding: 0; }
.comments ol.commentlists table, .comments ul.children table {
width: 100%;
max-width: 100%;
margin-bottom: 26px; }
.comments ol.commentlists table > thead > tr > th,
.comments ol.commentlists table > thead > tr > td,
.comments ol.commentlists table > tbody > tr > th,
.comments ol.commentlists table > tbody > tr > td,
.comments ol.commentlists table > tfoot > tr > th,
.comments ol.commentlists table > tfoot > tr > td, .comments ul.children table > thead > tr > th,
.comments ul.children table > thead > tr > td,
.comments ul.children table > tbody > tr > th,
.comments ul.children table > tbody > tr > td,
.comments ul.children table > tfoot > tr > th,
.comments ul.children table > tfoot > tr > td {
padding: 8px;
line-height: 1.62857;
vertical-align: top;
border-top: 1px solid #ddd; }
.comments ol.commentlists table > thead > tr > th, .comments ul.children table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.comments ol.commentlists table > tbody + tbody, .comments ul.children table > tbody + tbody {
border-top: 2px solid #ddd; }
.comments ol.commentlists table table, .comments ul.children table table {
background-color: #fafafa; }
.comments .comment-reply-title {
display: none; }
.comments .title {
margin: 0 0 25px;
position: relative;
padding-bottom: 15px; }
.comments .title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 1px;
border-bottom: 1px dotted #b2b2b2; }
.rtl .comments .title:after {
right: 0;
left: auto; }
.comments .commentlists {
margin-bottom: 10px; }
.comments:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opal-commentlists {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 30px;
padding-bottom: 10px;
overflow: hidden; }
.comment-navigation .previous {
float: left; }
.comment-navigation .next {
float: right; } .single-portfolio .entry-title {
margin: 10px 0 25px; }
.single-portfolio .entry-title .title-post {
text-transform: uppercase;
margin: 0 0 15px; }
.single-portfolio .created {
color: #999999;
font-size: 10px;
font-weight: 400;
text-transform: uppercase; }
.single-portfolio .single-body {
margin-top: 30px; }
.single-portfolio .gallery-thumb [class^="col-"] {
margin-bottom: 20px; }
.single-portfolio .format-video .content-video {
background: #FAFAFA; }
.single-portfolio .format-infomation .single-body {
margin-top: 0; }
.single-portfolio .format-infomation .single-body .portfolio-info {
margin-bottom: 30px; }
.single-portfolio .format-infomation .single-body .portfolio-info > div {
padding: 10px 0;
border-top: 1px solid #F1F1F1; }
.single-portfolio .format-infomation .single-body .portfolio-info > div:last-child {
border-bottom: 1px solid #F1F1F1; }
.single-portfolio .format-infomation .single-body .portfolio-info > div > span {
font-size: 16px;
font-weight: 300; }
.single-portfolio .format-infomation .single-body .portfolio-info > div > span:first-child {
width: 90px;
display: inline-block;
color: #777777; }
.single-portfolio .format-infomation .single-body .portfolio-info > div > span:last-child {
color: #000; }
.single-portfolio .format-infomation .single-body .portfolio-info a:hover {
color: #8cc43f; }
.portfolio-masonry-entry {
margin-bottom: 30px; }
.portfolio-masonry-entry.nopadding {
margin-bottom: 0; }
.ih-item {
position: relative; }
.ih-item .info {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0; }
.ih-item .info > * {
color: #FFF; }
.ih-item .info h3 {
text-align: center;
padding: 10px;
font-size: 17px; }
.ih-item .info p {
font-style: italic;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
font-size: 16px; }
.ih-item .info {
opacity: 0;
filter: alpha(opacity=0);
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
@media (max-width: 991px) {
.ih-item .info {
padding-top: 10% !important; } }
.ih-item .info h3 {
background: none; }
.ih-item .info h3:hover {
color: #8cc43f; }
.ih-item .info .description {
display: none; }
.ih-item .info .created, .ih-item .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #FFF;
font-weight: 400; }
.ih-item .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item .info .info-inner h3 {
margin: 0; }
.ih-item:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.ih-item.square {
position: relative; }
.ih-item.square .info {
backface-visibility: hidden;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
background: #333333;
color: #FFF; }
.ih-item.square .info > * {
color: #FFF; }
.ih-item.square .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 10px;
background: #000;
margin: 30px 0 0 0;
font-size: 17px; }
.ih-item.square .info p {
font-style: italic;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
font-size: 16px; }
.ih-item.square.effect2 {
overflow: hidden; }
.ih-item.square.effect2.colored .info {
background: #333333; }
.ih-item.square.effect2.colored .info h3 {
background: #111111; }
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.ih-item.square.effect2 .info {
background: #333333;
visibility: hidden;
-webkit-transition: all 0.35s 0.3s ease-in-out;
-o-transition: all 0.35s 0.3s ease-in-out;
transition: all 0.35s 0.3s ease-in-out; }
.ih-item.square.effect2 .info h3 {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.6s ease-in-out;
-o-transition: all 0.35s 0.6s ease-in-out;
transition: all 0.35s 0.6s ease-in-out; }
.ih-item.square.effect2 .info p {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.5s linear;
-o-transition: all 0.35s 0.5s linear;
transition: all 0.35s 0.5s linear; }
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0; }
.ih-item.square.effect2 a:hover .info {
visibility: visible; }
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect3.bottom_to_top {
overflow: hidden; }
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.ih-item.square.effect3.bottom_to_top .img {
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px); }
.ih-item.square.effect3.bottom_to_top a:hover .info {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect5 .img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect5 .info {
background: #000;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0, 0;
-moz-transition-delay: 0, 0;
-ms-transition-delay: 0, 0;
-o-transition-delay: 0, 0;
transition-delay: 0, 0; }
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.3s, 0.3s;
-moz-transition-delay: 0.3s, 0.3s;
-ms-transition-delay: 0.3s, 0.3s;
-o-transition-delay: 0.3s, 0.3s;
transition-delay: 0.3s, 0.3s; }
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); }
.ih-item.square.effect6 {
overflow: hidden; }
.ih-item.square.effect6 .img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect6 .info {
background: #000;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info h3 {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info p {
-webkit-transition: all 0.35s 0.1s linear;
-o-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear; }
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect6.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.ih-item.square.effect7 {
overflow: hidden; }
.ih-item.square.effect7 .img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect7 .info {
background: #000;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect7 .info h3 {
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all 0.35s 0.1s ease-in-out;
-o-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out; }
.ih-item.square.effect7 .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all 0.35s 0.3s linear;
-o-transition: all 0.35s 0.3s linear;
transition: all 0.35s 0.3s linear; }
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8 {
overflow: hidden; }
.ih-item.square.effect8 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect8 .info {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect8 .info h3 {
-webkit-transition: all 0.35s 0.1s ease-in-out;
-o-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out; }
.ih-item.square.effect8 .info p {
-webkit-transition: all 0.35s 0.15s linear;
-o-transition: all 0.35s 0.15s linear;
transition: all 0.35s 0.15s linear; }
.ih-item.square.effect8 a:hover .img {
opacity: 0; }
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8.scale_up .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5); }
.ih-item.square.effect8.scale_up a:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect10 {
overflow: hidden; }
.ih-item.square.effect10 .img {
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect10 .info {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.ih-item.square.effect10.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.ih-item.square.effect12 {
overflow: hidden; }
.ih-item.square.effect12 .img {
-webkit-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info {
background: #000;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info h3 {
-webkit-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info p {
-webkit-transition: all 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in; }
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.2s, 0.2s;
-moz-transition-delay: 0.2s, 0.2s;
-ms-transition-delay: 0.2s, 0.2s;
-o-transition-delay: 0.2s, 0.2s;
transition-delay: 0.2s, 0.2s; }
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: 0.3s, 0.3s;
-moz-transition-delay: 0.3s, 0.3s;
-ms-transition-delay: 0.3s, 0.3s;
-o-transition-delay: 0.3s, 0.3s;
transition-delay: 0.3s, 0.3s; }
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: 0.25s, 0.25s;
-moz-transition-delay: 0.25s, 0.25s;
-ms-transition-delay: 0.25s, 0.25s;
-o-transition-delay: 0.25s, 0.25s;
transition-delay: 0.25s, 0.25s; }
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg); }
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px); }
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg); }
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px); }
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); }
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
.ih-item.square.effect14 {
overflow: hidden; }
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out; }
.ih-item.square.effect14 .info {
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-o-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s; }
.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5); }
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0); }
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg); }
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-ms-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
perspective: 900px; }
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.ih-item.square.effect15 .info {
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-o-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s; }
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden; }
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1; }
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%; }
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg); }
.ih-item.square.effect15.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0); }
.ih-item.square.effect16 .info {
opacity: 0;
filter: alpha(opacity=0);
background: #8cc43f;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
@media (max-width: 991px) {
.ih-item.square.effect16 .info {
padding-top: 10px !important; } }
@media (max-width: 767px) {
.ih-item.square.effect16 .info {
display: none !important; } }
.ih-item.square.effect16 .info h3 {
background: none; }
.ih-item.square.effect16 .info h3 a {
color: #000 !important;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.ih-item.square.effect16 .info h3 a:hover {
color: #FFF !important; }
.ih-item.square.effect16 .info .description {
display: none; }
.ih-item.square.effect16 .info .created, .ih-item.square.effect16 .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #FFF;
font-weight: 400; }
.ih-item.square.effect16 .info .zoom i {
border: 1px solid #FFF !important; }
.ih-item.square.effect16 .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item.square.effect16 .info .info-inner h3 {
margin: 0; }
.ih-item.square.effect16:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.ih-item.square.effect16 .info {
opacity: 0;
filter: alpha(opacity=0);
background: #8cc43f;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
@media (max-width: 991px) {
.ih-item.square.effect16 .info {
padding-top: 10px !important; } }
@media (max-width: 767px) {
.ih-item.square.effect16 .info {
display: none !important; } }
.ih-item.square.effect16 .info h3 {
background: none; }
.ih-item.square.effect16 .info h3 a {
color: #000 !important;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.ih-item.square.effect16 .info h3 a:hover {
color: #FFF !important; }
.ih-item.square.effect16 .info .description {
display: none; }
.ih-item.square.effect16 .info .created, .ih-item.square.effect16 .info .zoom {
display: block !important;
visibility: visible !important;
padding: 0;
color: #FFF;
font-weight: 400; }
.ih-item.square.effect16 .info .zoom i {
border: 1px solid #FFF !important; }
.ih-item.square.effect16 .info .info-inner {
position: absolute;
top: 50%;
margin-top: -60px;
left: 0;
width: 100%;
height: auto;
z-index: 1; }
.ih-item.square.effect16 .info .info-inner h3 {
margin: 0; }
.ih-item.square.effect16:hover .info {
opacity: 1;
filter: alpha(opacity=100); }
.zoomLens {
width: 50px !important;
height: 50px !important; }
.zoomLens:before {
content: "\f067";
font-family: "FontAwesome";
height: 50px;
width: 50px;
text-align: center;
line-height: 48px;
font-size: 20px;
display: block;
font-weight: 400; }   .space-top-5 {
margin-top: 5px !important; }
.space-top-10 {
margin-top: 10px !important; }
.space-top-15 {
margin-top: 15px !important; }
.space-top-20 {
margin-top: 20px !important; }
.space-top-25 {
margin-top: 25px !important; }
.space-top-30 {
margin-top: 30px !important; }
.space-top-35 {
margin-top: 35px !important; }
.space-top-40 {
margin-top: 40px !important; }
.space-top-45 {
margin-top: 45px !important; }
.space-top-50 {
margin-top: 50px !important; } .space-5 {
margin-bottom: 5px !important; }
.space-10 {
margin-bottom: 10px !important; }
.space-15 {
margin-bottom: 15px !important; }
.space-20 {
margin-bottom: 20px !important; }
.space-25 {
margin-bottom: 25px !important; }
.space-30 {
margin-bottom: 30px !important; }
.space-35 {
margin-bottom: 35px !important; }
.space-40 {
margin-bottom: 40px !important; }
.space-45 {
margin-bottom: 45px !important; }
.space-50 {
margin-bottom: 50px !important; }
.no-margin-bottom {
margin-bottom: 0; } .space-padding-0 {
padding: 0 !important; }
.space-padding-10 {
padding: 10px !important; }
.space-padding-20 {
padding: 20px !important; }
.space-padding-30 {
padding: 30px !important; }
.space-padding-40 {
padding: 40px !important; }
.space-padding-50 {
padding: 50px !important; }
.hasborder {
border: 1px solid #e8e8e8 !important; }
.noborder {
border: 1px solid transparent !important; }
.border-top {
border-top: 1px solid #e8e8e8 !important;
margin-top: 2px; }
@media (min-width: 1200px) {
.border-right {
border-right: 1px solid #e8e8e8; }
.rtl .border-right {
border-left: 1px solid #e8e8e8;
border-right: inherit; } }
@media (min-width: 1200px) {
.border-left {
border-left: 1px solid #e8e8e8; }
.rtl .border-left {
border-right: 1px solid #e8e8e8;
border-left: inherit; } }
.line-height-30 {
line-height: 30px; }
.bg-none {
background: transparent !important; } .no-space-row .row, .no-space-row .kc_column {
margin: 0; }
.no-space-row [class^="kc_col-"],
.no-space-row [class*="kc_col-"] {
padding: 0; }
.no-space-row [class^="col-"],
.no-space-row [class*="col-"] {
padding: 0; }
.no-padding {
margin: 0 !important;
padding: 0 !important; }
.bg-white {
background: #FFF; }
.bg-primary {
background: #8cc43f; }
.box-shadow {
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.11);
background: #fff; }
.btn-outline-light {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF; }
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active {
color: #FFFFFF;
background-color: #8cc43f;
border-color: #8cc43f; }
.open .btn-outline-light.dropdown-toggle {
color: #FFFFFF;
background-color: #8cc43f;
border-color: #8cc43f; }
.btn-outline-light:active, .btn-outline-light.active {
background-image: none; }
.open .btn-outline-light.dropdown-toggle {
background-image: none; }
.btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active,
fieldset[disabled] .btn-outline-light,
fieldset[disabled] .btn-outline-light:hover,
fieldset[disabled] .btn-outline-light:focus,
fieldset[disabled] .btn-outline-light:active,
fieldset[disabled] .btn-outline-light.active {
background-color: transparent;
border-color: #FFFFFF; }
.btn-outline-light .badge {
color: transparent;
background-color: #FFFFFF; }
.btn-outline-dark {
color: #000;
background-color: transparent;
border-color: #000; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active {
color: #FFF;
background-color: #8cc43f;
border-color: #8cc43f; }
.open .btn-outline-dark.dropdown-toggle {
color: #FFF;
background-color: #8cc43f;
border-color: #8cc43f; }
.btn-outline-dark:active, .btn-outline-dark.active {
background-image: none; }
.open .btn-outline-dark.dropdown-toggle {
background-image: none; }
.btn-outline-dark.disabled, .btn-outline-dark.disabled:hover, .btn-outline-dark.disabled:focus, .btn-outline-dark.disabled:active, .btn-outline-dark.disabled.active, .btn-outline-dark[disabled], .btn-outline-dark[disabled]:hover, .btn-outline-dark[disabled]:focus, .btn-outline-dark[disabled]:active, .btn-outline-dark[disabled].active,
fieldset[disabled] .btn-outline-dark,
fieldset[disabled] .btn-outline-dark:hover,
fieldset[disabled] .btn-outline-dark:focus,
fieldset[disabled] .btn-outline-dark:active,
fieldset[disabled] .btn-outline-dark.active {
background-color: transparent;
border-color: #000; }
.btn-outline-dark .badge {
color: transparent;
background-color: #000; }
.btn-inverse-light {
color: #8cc43f;
background-color: #FFFFFF;
border-color: #FFF; }
.btn-inverse-light:hover, .btn-inverse-light:focus, .btn-inverse-light:active, .btn-inverse-light.active {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF; }
.open .btn-inverse-light.dropdown-toggle {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF; }
.btn-inverse-light:active, .btn-inverse-light.active {
background-image: none; }
.open .btn-inverse-light.dropdown-toggle {
background-image: none; }
.btn-inverse-light.disabled, .btn-inverse-light.disabled:hover, .btn-inverse-light.disabled:focus, .btn-inverse-light.disabled:active, .btn-inverse-light.disabled.active, .btn-inverse-light[disabled], .btn-inverse-light[disabled]:hover, .btn-inverse-light[disabled]:focus, .btn-inverse-light[disabled]:active, .btn-inverse-light[disabled].active,
fieldset[disabled] .btn-inverse-light,
fieldset[disabled] .btn-inverse-light:hover,
fieldset[disabled] .btn-inverse-light:focus,
fieldset[disabled] .btn-inverse-light:active,
fieldset[disabled] .btn-inverse-light.active {
background-color: #FFFFFF;
border-color: #FFF; }
.btn-inverse-light .badge {
color: #FFFFFF;
background-color: #8cc43f; }
.btn-outline {
background: transparent;
background: transparent;
background: transparent;
background: transparent;
background: transparent;
background: transparent; }
.btn-outline.btn-default {
color: #000; }
.btn-outline.btn-default:hover {
color: #FFFFFF; }
.btn-outline.btn-primary {
color: #8cc43f; }
.btn-outline.btn-primary:hover {
color: #FFFFFF; }
.btn-outline.btn-success {
color: #8cc43f; }
.btn-outline.btn-success:hover {
color: #FFFFFF; }
.btn-outline.btn-info {
color: #04adf0; }
.btn-outline.btn-info:hover {
color: #FFFFFF; }
.btn-outline.btn-danger {
color: #e93434; }
.btn-outline.btn-danger:hover {
color: #FFFFFF; }
.btn-outline.btn-warning {
color: #f0c73b; }
.btn-outline.btn-warning:hover {
color: #FFFFFF; }
.btn-inverse.btn-primary:hover {
color: #8cc43f;
background: transparent; }
.btn-inverse.btn-success:hover {
color: #8cc43f;
background: transparent; }
.btn-inverse.btn-info:hover {
color: #04adf0;
background: transparent; }
.btn-inverse.btn-danger:hover {
color: #e93434;
background: transparent; }
.btn-inverse.btn-warning:hover {
color: #f0c73b;
background: transparent; }
.btn-3d {
border: 0 none;
padding-bottom: 12px;
box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset; }
.big-box-shadow {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.small-box-shadow {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .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%;
overflow: hidden;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
height: 100% !important;
direction: ltr !important; }
.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;
padding: 0 15px; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls .owl-buttons div {
position: absolute; }
.owl-controls .owl-buttons .owl-prev {
left: 10px;
top: 50%; }
.rtl .owl-controls .owl-buttons .owl-prev {
right: 10px;
left: auto; }
.owl-controls .owl-buttons .owl-next {
right: 10px;
top: 50%; }
.rtl .owl-controls .owl-buttons .owl-next {
left: 10px;
right: auto; }  .owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden; } .owl-carousel {
margin: 0 0px; }
.owl-carousel .owl-buttons div {
opacity: 0;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
transition: all .3s ease; }
.owl-carousel:hover .owl-buttons div {
opacity: 0.7; }
.owl-carousel .owl-buttons div i {
font-size: 40px;
margin: -20px 0 0; }
.owl-carousel .owl-buttons .owl-prev {
left: -50px; }
.owl-carousel .owl-buttons .owl-next {
right: -50px; }
.owl-carousel:hover .owl-buttons .owl-prev {
left: 10px; }
.owl-carousel:hover .owl-buttons .owl-next {
right: 10px; }
.owl-pagination {
text-align: center;
top: 0px;
position: relative;
margin-bottom: 30px; }
.owl-controls .owl-page {
display: inline-block;
margin: 0px 4px; }
.owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
background: transparent;
border-radius: 50%;
border: 2px solid #e1e1e1; }
.owl-controls .owl-page.active span {
background: #8cc43f;
border: 2px solid #8cc43f; }
.owl-carousel-play {
position: relative;
margin-left: -15px;
margin-right: -15px; }
.owl-carousel-play .owl-controls {
display: none !important; }
.owl-carousel-play .carousel-control {
opacity: 0;
z-index: 1;
right: 0;
top: 50%;
position: absolute;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
border: none; }
.rtl .owl-carousel-play .carousel-control {
left: 0;
right: auto; }
.owl-carousel-play .carousel-control.left {
left: -10px; }
.owl-carousel-play .carousel-control.right {
right: -10px;
left: auto; }
.owl-carousel-play:hover .carousel-control {
opacity: 1; }
.owl-carousel-play:hover .carousel-control.left {
left: 15px; }
.owl-carousel-play:hover .carousel-control.right {
right: 15px; }
.carousel-md {
width: 44px;
height: 44px;
line-height: 44px; }
.carousel-sm {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 14px; }
.carousel-xs {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px; } .fweight-100 {
font-weight: 100 !important; }
.fweight-200 {
font-weight: 200 !important; }
.fweight-300 {
font-weight: 300 !important; }
.fweight-400 {
font-weight: 400 !important; }
.fweight-500 {
font-weight: 500 !important; }
.fweight-600 {
font-weight: 600 !important; }
.fweight-700 {
font-weight: 700 !important; }
.fweight-800 {
font-weight: 800 !important; }
.text-big-1 {
font-size: 16px; }
.text-big-2 {
font-size: 24px;
font-weight: 600; }
.text-big-3 {
font-size: 48px; }
.text-purple {
color: #6c58bd !important; }
.text-red {
color: #c32322 !important; }
.text-red-1 {
color: #ff0000 !important; }
.text-orange {
color: #f66000 !important; }
.text-yellow {
color: #e2d951 !important; }
.text-black {
color: #000 !important; }
.text-white, .text-light {
color: #FFFFFF !important; }
.text-darker {
color: #333 !important; }
.text-uppercase, .initialism {
text-transform: uppercase; } .radius-0 {
border-radius: 0 !important; }
.radius-x {
border-radius: 50% !important; }
.radius-1x {
border-radius: 10px !important; }
.radius-2x {
border-radius: 20px !important; }
.radius-3x {
border-radius: 30px !important; }
.radius-4x {
border-radius: 40px !important; }
.radius-5x {
border-radius: 5px !important; }
.radius-6x {
border-radius: 3px !important; } ul.menu {
padding: 0;
margin: 0; }
ul.menu li {
list-style: none; }
.theme-dropdown .dropdown-menu {
display: block;
margin-bottom: 20px;
position: static; } ul.list .fa {
padding-right: 15px; }
.rtl ul.list .fa {
padding-left: 15px;
padding-right: inherit; }
ul.list li {
padding: 10px 0;
display: block; }
ul.list.list-border li {
border-bottom: 1px solid #e5e5e5; }
ul.list.list-light li a, ul.list.list-light li i {
color: #fff; }
ul.list.list-style-circle li, ul.list.list-style-disc li {
position: relative;
padding-left: 20px; }
.rtl ul.list.list-style-circle li, .rtl ul.list.list-style-disc li {
padding-right: 20px;
padding-left: inherit; }
ul.list.list-style-circle li:before, ul.list.list-style-disc li:before {
font-family: 'FontAwesome';
font-size: 10px;
left: 0;
position: absolute;
top: 15px; }
.rtl ul.list.list-style-circle li:before, .rtl ul.list.list-style-disc li:before {
right: 0;
left: auto; }
ul.list.list-style-circle.list-light li:before, ul.list.list-style-disc.list-light li:before {
color: #fff; }
ul.list.list-style-circle li:before {
content: "\f10c"; }
ul.list.list-style-disc li:before {
content: "\f111"; }
ul.list.list-style-square li {
position: relative;
padding-left: 20px; }
.rtl ul.list.list-style-square li {
padding-right: 20px;
padding-left: inherit; }
ul.list.list-style-square li:before {
content: "";
top: 20px;
left: 0px;
position: absolute;
width: 6px;
height: 6px;
background-color: #666; }
.rtl ul.list.list-style-square li:before {
right: 0px;
left: auto; }
ul.list.list-style-square.list-light li:before {
color: #fff; }
ul.list.list-style-number {
counter-reset: li;
list-style: outside none decimal; }
ul.list.list-style-number li {
display: block;
padding-left: 25px; }
.rtl ul.list.list-style-number li {
padding-right: 25px;
padding-left: inherit; }
ul.list.list-style-number li:before {
content: counter(li, decimal);
counter-increment: li;
left: 15px;
position: absolute; }
.rtl ul.list.list-style-number li:before {
right: 15px;
left: auto; }
ul.list.list-style-number.list-light li:before {
color: #fff; } .testimonial-collection .owl-carousel-play .carousel-control {
line-height: 64px;
background-color: #8cc43f;
color: #FFF;
margin-top: -32px; }
.testimonial-collection .avatar {
margin: 0; }
.testimonial-collection .name {
margin: 5px 0; }
.testimonial-collection .position a:hover {
color: #8cc43f; }
.testimonial-collection .description {
font-family: "Playfair Display", serif;
font-style: italic;
margin-bottom: 20px;
line-height: 30px; }
.testimonial-collection h6 {
font-weight: 400;
font-size: 12px;
text-transform: uppercase; }
.testimonial-collection h6 a {
color: #8cc43f; }
.testimonials-left .row > div:first-child {
position: static; }
.testimonials-left .left-col {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
padding: 0 40px 0 60px; }
.rtl .testimonials-left .left-col {
right: 0;
left: auto; }
.rtl .testimonials-left .left-col {
padding: 0 60px 0 40px; }
.testimonials-left .left-col:before {
content: "\f10d";
font-family: FontAwesome;
position: absolute;
top: -5px;
left: 0px;
color: #8cc43f;
font-size: 30px; }
.rtl .testimonials-left .left-col:before {
right: 0px;
left: auto; }
@media (max-width: 767px) {
.testimonials-left .left-col {
position: static;
width: 100%;
height: auto;
margin-bottom: 20px; } }
@media (max-width: 480px) {
.testimonials-left .left-col {
padding: 0 30px 0 40px; }
.rtl .testimonials-left .left-col {
padding: 0 40px 0 30px; } }
.testimonials-left .name {
margin: 0 0 20px; }
.testimonials-left .description {
font-size: 18px;
line-height: 34px; }
.testimonials-left h6 {
margin-bottom: 0px; }
.testimonials-left .owl-carousel-play .carousel-control {
opacity: 1;
filter: alpha(opacity=100);
width: 32px;
background: #8cc43f;
color: #FFF;
top: 63%; }
.testimonials-left .owl-carousel-play .carousel-control.left {
left: 48.6%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.left {
right: 48.6%;
left: auto; }
.testimonials-left .owl-carousel-play .carousel-control.right {
right: 46%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.right {
left: 46%;
right: auto; }
.testimonials-left .owl-carousel-play .carousel-control:hover {
color: #000; }
@media (max-width: 768px) {
.testimonials-left .owl-carousel-play .carousel-control.left {
left: 48%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.left {
right: 48%;
left: auto; }
.testimonials-left .owl-carousel-play .carousel-control.right {
right: 44%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.right {
left: 44%;
right: auto; } }
@media (max-width: 767px) {
.testimonials-left .owl-carousel-play .carousel-control.left {
left: 0%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.left {
right: 0%;
left: auto; }
.testimonials-left .owl-carousel-play .carousel-control.right {
right: 0%; }
.rtl .testimonials-left .owl-carousel-play .carousel-control.right {
left: 0%;
right: auto; } }
.testimonials-left .avatar img {
width: 100%; }
.testimonials-v1 .avatar {
display: none; }
.testimonials-v1 .name {
margin: 0 0 20px; }
.testimonials-v1 .testimonials {
padding: 80px 30px 30px;
background: #f9f9f9;
position: relative; }
.testimonials-v1 .testimonials::before {
content: "\f10d";
font-family: FontAwesome;
position: absolute;
font-size: 27px;
line-height: 54px;
top: 0;
left: 30px;
margin: 0 auto;
font-style: normal;
color: #fff;
background: #8cc43f;
width: 54px;
height: 54px;
display: inline-block;
text-align: center; }
.rtl .testimonials-v1 .testimonials::before {
right: 30px;
left: auto; }
.testimonials-v1 .testimonials-body .col-lg-6,
.testimonials-v1 .testimonials-body .col-md-6 {
width: 100% !important; }
.testimonials-v1 h6 {
margin-bottom: 5px; }
.testimonials-v2 {
padding: 20px 15px; }
.testimonials-v2 .testimonials {
padding-bottom: 5px; }
.testimonials-v2 .testimonials-body {
background-color: #FFF;
padding: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.testimonials-v2 .testimonials-body .row .col-lg-6:first-child {
float: right; }
.testimonials-v2 .name {
margin: 25px 0 10px; }
@media (min-width: 1200px) {
.testimonials-v2 {
padding: 15px 100px; } }
.testimonials-v3 {
text-align: center;
padding: 20px 15px; }
.testimonials-v3 .testimonials-body .col-lg-6,
.testimonials-v3 .testimonials-body .col-md-6 {
width: 100%; }
.testimonials-v3 .name {
margin-bottom: 20px; }
.testimonials-v3 .position {
margin-bottom: 40px; }
@media (min-width: 1200px) {
.testimonials-v3 {
padding: 45px 200px; } } .bo-social-icons [class^="bo-social-"] {
color: #FFFFFF;
display: inline-block;
margin: 10px 5px;
overflow: hidden;
text-decoration: none;
text-align: center;
vertical-align: top;
line-height: 36px;
width: 36px;
height: 36px;
background: #e8e8e8;
color: #9c9c9c;
transition: all 0.2s ease-out 0s; }
.bo-social-icons [class^="bo-social-"]:hover {
background: #000000;
color: #FFFFFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
.bo-social-icons .bo-social-white {
background: #FFFFFF;
color: #9c9c9c;
border: 1px solid #9c9c9c; }
.bo-social-icons .bo-social-outline {
background: transparent;
color: #000;
border: 1px solid #000; }
.bo-social-icons .bo-social-outline-light {
background: transparent;
color: #FFF;
border: 1px solid #FFFFFF; }
.bo-social-icons .bo-social-outline-light:hover {
background: #FFF;
color: #000;
border-color: #000; }
.bo-social-icons:first-child [class*="bo-social-"] {
margin-top: 0; }
.bo-social-icons:last-child [class*="bo-social-"] {
margin-bottom: 0; }
.bo-social-icons.bo-sicolor [class*="bo-social-"] {
color: #FFFFFF;
margin-bottom: 10px; }
.bo-sicolor .bo-social-twitter {
background: #00bdec; }
.bo-sicolor .bo-social-twitter:hover {
background: #000000; }
.bo-sicolor .bo-social-dribbble {
background: #ef5b92; }
.bo-sicolor .bo-social-dribbble:hover {
background: #000000; }
.bo-sicolor .bo-social-facebook {
background: #3b5998; }
.bo-sicolor .bo-social-facebook:hover {
background: #000000; }
.bo-sicolor .bo-social-duckduckgo {
background: #de3100; }
.bo-sicolor .bo-social-duckduckgo:hover {
background: #000000; }
.bo-sicolor .bo-social-aim {
background: #158799; }
.bo-sicolor .bo-social-aim:hover {
background: #000000; }
.bo-sicolor .bo-social-delicious {
background: #183864; }
.bo-sicolor .bo-social-delicious:hover {
background: #000000; }
.bo-sicolor .bo-social-paypal {
background: #32689a; }
.bo-sicolor .bo-social-paypal:hover {
background: #000000; }
.bo-sicolor .bo-social-android {
background: #8ab733; }
.bo-sicolor .bo-social-android:hover {
background: #000000; }
.bo-sicolor .bo-social-gplus {
background: #d94a39; }
.bo-sicolor .bo-social-gplus:hover {
background: #000000; }
.bo-sicolor .bo-social-lanyrd {
background: #3879ba; }
.bo-sicolor .bo-social-lanyrd:hover {
background: #000000; }
.bo-sicolor .bo-social-stumbleupon {
background: #ea4b24; }
.bo-sicolor .bo-social-stumbleupon:hover {
background: #000000; }
.bo-sicolor .bo-social-fivehundredpx {
background: #00a6e1; }
.bo-sicolor .bo-social-fivehundredpx:hover {
background: #000000; }
.bo-sicolor .bo-social-pinterest {
background: #b8242a; }
.bo-sicolor .bo-social-pinterest:hover {
background: #000000; }
.bo-sicolor .bo-social-bitcoin {
background: #f7931a; }
.bo-sicolor .bo-social-bitcoin:hover {
background: #000000; }
.bo-sicolor .bo-social-w3c {
background: #005a9c; }
.bo-sicolor .bo-social-w3c:hover {
background: #000000; }
.bo-sicolor .bo-social-foursquare {
background: #3bb7e8; }
.bo-sicolor .bo-social-foursquare:hover {
background: #000000; }
.bo-sicolor .bo-social-html5 {
background: #e44e26; }
.bo-sicolor .bo-social-html5:hover {
background: #000000; }
.bo-sicolor .bo-social-ie {
background: #00ccff; }
.bo-sicolor .bo-social-ie:hover {
background: #000000; }
.bo-sicolor .bo-social-grooveshark {
background: #f66f00; }
.bo-sicolor .bo-social-grooveshark:hover {
background: #000000; }
.bo-sicolor .bo-social-ninetyninedesigns {
background: #ff5501; }
.bo-sicolor .bo-social-ninetyninedesigns:hover {
background: #000000; }
.bo-sicolor .bo-social-forrst {
background: #223f17; }
.bo-sicolor .bo-social-forrst:hover {
background: #000000; }
.bo-sicolor .bo-social-spotify {
background: #8fbd05; }
.bo-sicolor .bo-social-spotify:hover {
background: #000000; }
.bo-sicolor .bo-social-reddit {
background: #ff4500; }
.bo-sicolor .bo-social-reddit:hover {
background: #000000; }
.bo-sicolor .bo-social-gowalla {
background: #f6911d; }
.bo-sicolor .bo-social-gowalla:hover {
background: #000000; }
.bo-sicolor .bo-social-apple {
background: #5f5f5f; }
.bo-sicolor .bo-social-apple:hover {
background: #000000; }
.bo-sicolor .bo-social-blogger {
background: #fb9241; }
.bo-sicolor .bo-social-blogger:hover {
background: #000000; }
.bo-sicolor .bo-social-cc {
background: #5e7c00; }
.bo-sicolor .bo-social-cc:hover {
background: #000000; }
.bo-sicolor .bo-social-evernote {
background: #61b239; }
.bo-sicolor .bo-social-evernote:hover {
background: #000000; }
.bo-sicolor .bo-social-flickr {
background: #ff0084; }
.bo-sicolor .bo-social-flickr:hover {
background: #000000; }
.bo-sicolor .bo-social-google {
background: #d94a39; }
.bo-sicolor .bo-social-google:hover {
background: #000000; }
.bo-sicolor .bo-social-viadeo {
background: #f5a433; }
.bo-sicolor .bo-social-viadeo:hover {
background: #000000; }
.bo-sicolor .bo-social-instapaper {
background: #eaec08; }
.bo-sicolor .bo-social-instapaper:hover {
background: #000000; }
.bo-sicolor .bo-social-klout {
background: #e34600; }
.bo-sicolor .bo-social-klout:hover {
background: #000000; }
.bo-sicolor .bo-social-linkedin {
background: #1b92bd; }
.bo-sicolor .bo-social-linkedin:hover {
background: #000000; }
.bo-sicolor .bo-social-meetup {
background: #e51938; }
.bo-sicolor .bo-social-meetup:hover {
background: #000000; }
.bo-sicolor .bo-social-vk {
background: #587da4; }
.bo-sicolor .bo-social-vk:hover {
background: #000000; }
.bo-sicolor .bo-social-disqus {
background: #2e9fff; }
.bo-sicolor .bo-social-disqus:hover {
background: #000000; }
.bo-sicolor .bo-social-rss {
background: #ff7f00; }
.bo-sicolor .bo-social-rss:hover {
background: #000000; }
.bo-sicolor .bo-social-skype {
background: #18b7f1; }
.bo-sicolor .bo-social-skype:hover {
background: #000000; }
.bo-sicolor .bo-social-youtube {
background: #c4302b; }
.bo-sicolor .bo-social-youtube:hover {
background: #000000; }
.bo-sicolor .bo-social-vimeo {
background: #01557a; }
.bo-sicolor .bo-social-vimeo:hover {
background: #000000; }
.bo-sicolor .bo-social-windows {
background: #00ccff; }
.bo-sicolor .bo-social-windows:hover {
background: #000000; }
.bo-sicolor .bo-social-xing {
background: #036567; }
.bo-sicolor .bo-social-xing:hover {
background: #000000; }
.bo-sicolor .bo-social-yahoo {
background: #61399d; }
.bo-sicolor .bo-social-yahoo:hover {
background: #000000; }
.bo-sicolor .bo-social-chrome {
background: #58b947; }
.bo-sicolor .bo-social-chrome:hover {
background: #000000; }
.bo-sicolor .bo-social-macstore {
background: #6e6e6e; }
.bo-sicolor .bo-social-macstore:hover {
background: #000000; }
.bo-sicolor .bo-social-amazon {
background: #ff9900; }
.bo-sicolor .bo-social-amazon:hover {
background: #000000; }
.bo-sicolor .bo-social-steam {
background: #a5a4a1; }
.bo-sicolor .bo-social-steam:hover {
background: #000000; }
.bo-sicolor .bo-social-dropbox {
background: #7ab6ec; }
.bo-sicolor .bo-social-dropbox:hover {
background: #000000; }
.bo-sicolor .bo-social-cloudapp {
background: #489dde; }
.bo-sicolor .bo-social-cloudapp:hover {
background: #000000; }
.bo-sicolor .bo-social-ebay {
background: #86b817; }
.bo-sicolor .bo-social-ebay:hover {
background: #000000; }
.bo-sicolor .bo-social-github {
background: #667F8E; }
.bo-sicolor .bo-social-github:hover {
background: #000000; }
.bo-sicolor .bo-social-googleplay {
background: #5befd0; }
.bo-sicolor .bo-social-googleplay:hover {
background: #000000; }
.bo-sicolor .bo-social-itunes {
background: #177ac8; }
.bo-sicolor .bo-social-itunes:hover {
background: #000000; }
.bo-sicolor .bo-social-plurk {
background: #a73d07; }
.bo-sicolor .bo-social-plurk:hover {
background: #000000; }
.bo-sicolor .bo-social-songkick {
background: #f80046; }
.bo-sicolor .bo-social-songkick:hover {
background: #000000; }
.bo-sicolor .bo-social-lastfm {
background: #c60e16; }
.bo-sicolor .bo-social-lastfm:hover {
background: #000000; }
.bo-sicolor .bo-social-gmail {
background: #e04a3f; }
.bo-sicolor .bo-social-gmail:hover {
background: #000000; }
.bo-sicolor .bo-social-pinboard {
background: #224cf4; }
.bo-sicolor .bo-social-pinboard:hover {
background: #000000; }
.bo-sicolor .bo-social-openid {
background: #be661b; }
.bo-sicolor .bo-social-openid:hover {
background: #000000; }
.bo-sicolor .bo-social-quora {
background: #c41a00; }
.bo-sicolor .bo-social-quora:hover {
background: #000000; }
.bo-sicolor .bo-social-soundcloud {
background: #ff5c00; }
.bo-sicolor .bo-social-soundcloud:hover {
background: #000000; }
.bo-sicolor .bo-social-tumblr {
background: #395874; }
.bo-sicolor .bo-social-tumblr:hover {
background: #000000; }
.bo-sicolor .bo-social-eventasaurus {
background: #b9f15e; }
.bo-sicolor .bo-social-eventasaurus:hover {
background: #000000; }
.bo-sicolor .bo-social-wordpress {
background: #464646; }
.bo-sicolor .bo-social-wordpress:hover {
background: #000000; }
.bo-sicolor .bo-social-yelp {
background: #c41200; }
.bo-sicolor .bo-social-yelp:hover {
background: #000000; }
.bo-sicolor .bo-social-intensedebate {
background: #00aeef; }
.bo-sicolor .bo-social-intensedebate:hover {
background: #000000; }
.bo-sicolor .bo-social-eventbrite {
background: #ff6c00; }
.bo-sicolor .bo-social-eventbrite:hover {
background: #000000; }
.bo-sicolor .bo-social-scribd {
background: #002939; }
.bo-sicolor .bo-social-scribd:hover {
background: #000000; }
.bo-sicolor .bo-social-posterous {
background: #f8d667; }
.bo-sicolor .bo-social-posterous:hover {
background: #000000; }
.bo-sicolor .bo-social-stripe {
background: #617ee8; }
.bo-sicolor .bo-social-stripe:hover {
background: #000000; }
.bo-sicolor .bo-social-opentable {
background: #990000; }
.bo-sicolor .bo-social-opentable:hover {
background: #000000; }
.bo-sicolor .bo-social-instagram {
background: #4c799f; }
.bo-sicolor .bo-social-instagram:hover {
background: #000000; }
.bo-sicolor .bo-social-dwolla {
background: #ff7404; }
.bo-sicolor .bo-social-dwolla:hover {
background: #000000; }
.bo-sicolor .bo-social-appnet {
background: #1e0c29; }
.bo-sicolor .bo-social-appnet:hover {
background: #000000; }
.bo-sicolor .bo-social-statusnet {
background: #fb6104; }
.bo-sicolor .bo-social-statusnet:hover {
background: #000000; }
.bo-sicolor .bo-social-acrobat {
background: #ff0000; }
.bo-sicolor .bo-social-acrobat:hover {
background: #000000; }
.bo-sicolor .bo-social-drupal {
background: #007dc3; }
.bo-sicolor .bo-social-drupal:hover {
background: #000000; }
.bo-sicolor .bo-social-pocket {
background: #ee4056; }
.bo-sicolor .bo-social-pocket:hover {
background: #000000; }
.bo-sicolor .bo-social-bitbucket {
background: #205081; }
.bo-sicolor .bo-social-bitbucket:hover {
background: #000000; }
.bo-sicolor .bo-social-flattr {
background: #fbbc23; }
.bo-sicolor .bo-social-flattr:hover {
background: #000000; }
.bo-sicolor .bo-social-eventful {
background: #0066cc; }
.bo-sicolor .bo-social-eventful:hover {
background: #000000; }
.bo-sicolor .bo-social-smashmag {
background: #d6231c; }
.bo-sicolor .bo-social-smashmag:hover {
background: #000000; }
.bo-sicolor .bo-social-wordpress {
background: #1e8cbe; }
.bo-sicolor .bo-social-wordpress:hover {
background: #000000; }
.bo-sicolor .bo-social-calendar {
background: #ff0000; }
.bo-sicolor .bo-social-calendar:hover {
background: #000000; }
.bo-sicolor .bo-social-call {
background: #04be3d; }
.bo-sicolor .bo-social-call:hover {
background: #000000; }
.bo-sicolor .bo-social-guest {
background: #03a9d2; }
.bo-sicolor .bo-social-guest:hover {
background: #000000; }
.bo-sicolor .bo-social-weibo {
background: #fd0000; }
.bo-sicolor .bo-social-weibo:hover {
background: #000000; }
.bo-sicolor .bo-social-plancast {
background: #e4b82c; }
.bo-sicolor .bo-social-plancast:hover {
background: #000000; }
.bo-sicolor .bo-social-email {
background: blue; }
.bo-sicolor .bo-social-email:hover {
background: #000000; }
.bo-sicolor .bo-social-myspace {
background: #2068b0; }
.bo-sicolor .bo-social-myspace:hover {
background: #000000; }
.bo-sicolor .bo-social-podcast {
background: #f38b36; }
.bo-sicolor .bo-social-podcast:hover {
background: #000000; }
.bo-sicolor .bo-social-cart {
background: #00a204; }
.bo-sicolor .bo-social-cart:hover {
background: #000000; } .dropcap {
color: #000;
float: left;
font-weight: 800;
line-height: 48px;
width: 60px;
height: 60px;
margin-right: 10px;
padding: 3px 10px 2px;
text-transform: uppercase;
text-align: center;
font-size: 48px; }
.dropcap.dropcap-v2 {
color: #fff;
background: #8cc43f; }
.dropcap.dropcap-info {
background: #04adf0; }
.dropcap.dropcap-danger {
background: #e93434; }
.dropcap.dropcap-success {
background: #70ba28; }
.dropcap.dropcap-warning {
background: #f0c73b; }
.blockquote {
position: relative;
font-weight: 300;
font-style: italic; }
.blockquote.blockquote-left i {
left: 17px;
margin-right: 10px; }
.blockquote.blockquote-right {
border-left: none;
padding-left: 30px;
padding-right: 20px; }
.blockquote.blockquote-right i {
right: 17px;
margin-left: 10px; }
.blockquote.blockquote-right .blockquote-in {
margin-right: 45px; }
.blockquote.blockquote-brd {
padding: 15px;
border: 1px solid #8cc43f; }
.blockquote.blockquote-brd i {
color: #000000;
top: 30px;
left: 25px;
position: absolute; }
.blockquote.blockquote-brd .blockquote-in {
margin-left: 45px; }
.blockquote.blockquote-info {
border-left-color: #04adf0; }
.blockquote.blockquote-danger {
border-left-color: #e93434; }
.blockquote.blockquote-success {
border-left-color: #70ba28; }
.blockquote.blockquote-warning {
border-left-color: #f0c73b; }
.blockquote.border {
border: 1px solid #ddd; }
[class^="et-"], [class*=" et-"], [class^="et-"]:before, [class*=" et-"]:before,
[class^="sl-"], [class*=" sl-"], [class^="sl-"]:before, [class*=" sl-"]:before,
[class^="fa-"], [class*=" fa-"], [class^="fa-"]:before, [class*=" fa-"]:before,
[class^="me-"], [class*=" me-"] {
line-height: 1; } .pricing {
text-align: center; }
.pricing ul {
padding-left: 0;
padding-right: 0; }
.pricing ul li {
list-style: none; }
.pricing .pricing-body {
font-weight: 400; }
.pricing.pricing-v1 {
padding: 30px;
background: #f4f5fc;
overflow: hidden;
position: relative; }
.pricing.pricing-v1:before {
content: "\f053";
font-family: "FontAwesome";
position: absolute;
top: -3px;
font-size: 18px;
overflow: hidden;
border-radius: 5px;
color: #8cc43f;
line-height: 1;
left: -3px;
transform: rotate(45deg); }
.pricing.pricing-v1 .pricing-header {
float: left;
padding-right: 30px;
text-align: right;
width: 35%; }
.rtl .pricing.pricing-v1 .pricing-header {
float: right; }
.rtl .pricing.pricing-v1 .pricing-header {
padding-left: 30px;
padding-right: inherit; }
.rtl .pricing.pricing-v1 .pricing-header {
text-align: left; }
.pricing.pricing-v1 .plan-figure {
font-size: 24px;
font-weight: 700;
color: #8cc43f;
font-family: "Montserrat"; }
.pricing.pricing-v1 .plan-price p {
margin: 0;
color: #cccccc;
line-height: 0; }
.pricing.pricing-v1 .pricing-body {
width: 65%;
float: left;
border-left: 1px solid #e1e1e1; }
.rtl .pricing.pricing-v1 .pricing-body {
float: right; }
.rtl .pricing.pricing-v1 .pricing-body {
border-right: 1px solid #e1e1e1;
border-left: inherit; }
.pricing.pricing-v1 .plain-info {
text-align: left; }
.rtl .pricing.pricing-v1 .plain-info {
text-align: right; }
.pricing.pricing-v1 .plain-info li {
padding: 5px 30px;
line-height: 22px;
position: relative;
font-size: 12px; }
.pricing.pricing-v1 .plain-info li:before {
position: absolute;
font-family: "Fontawesome";
content: "\f00c";
left: 12px;
color: #8cc43f; }
.pricing.pricing-v2 {
text-align: center;
background: #FFFFFF;
border: 1px solid #DEDEDE;
margin-bottom: 30px; }
.pricing.pricing-v2:hover {
border-color: #8cc43f; }
.pricing.pricing-v2:hover .plan-price-inner .plan-figure, .pricing.pricing-v2:hover .plan-price-inner p {
-webkit-animation: moveUp 0.4s forwards;
animation: moveUp 0.4s forwards;
-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.pricing.pricing-v2:hover .plan-price-inner p {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s; }
.pricing.pricing-v2 .recommend {
display: none; }
.pricing.pricing-v2 .plan-title {
font-size: 24px;
font-weight: 300;
margin: 0;
padding: 30px 0; }
.pricing.pricing-v2 .plan-figure {
font-size: 36px;
line-height: 36px;
font-weight: 700;
padding: 0px 30px;
color: #8cc43f;
display: inline-block; }
.pricing.pricing-v2 .plan-price-inner {
display: inline-block;
overflow: hidden;
z-index: 10;
position: relative;
background: #fff; }
.pricing.pricing-v2 .plan-price-inner p {
font-family: "Montserrat";
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #999;
font-size: 10px;
display: block; }
.pricing.pricing-v2 .plan-price {
position: relative; }
.pricing.pricing-v2 .plan-price:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #e8e8e8;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
margin: auto; }
.pricing.pricing-v2 .pricing-body {
line-height: 40px;
margin: 25px; }
.pricing.pricing-v2 .plan-currency {
font-size: 30px;
font-weight: 300; }
.pricing.pricing-v2 .plain-info li {
font-size: 16px;
color: #000;
background: #F8F8F8;
padding: 14px 0; }
.pricing.pricing-v2 .plain-info li:nth-child(2n+1) {
background: #FFF; }
.pricing.pricing-v2 .pricing-footer {
padding: 40px; }
.pricing.pricing-v3 {
background: rgba(255, 255, 255, 0.9);
text-align: left; }
.pricing.pricing-v3 .pricing-header {
padding: 25px 25px 30px 25px;
overflow: hidden;
border-bottom: 1px solid #8cc43f; }
.pricing.pricing-v3 .plan-title {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
padding: 0;
float: left;
width: 70%; }
.pricing.pricing-v3 .plan-figure {
font-size: 30px;
color: #8cc43f !important;
display: block !important; }
.pricing.pricing-v3 .plan-price {
font-size: 14px;
font-family: Bitter;
font-weight: 700;
float: right;
color: #ccc;
text-align: right; }
.pricing.pricing-v3 .plan-price > * {
line-height: 1;
display: inline; }
.pricing.pricing-v3 .pricing-body {
clear: both; }
.pricing.pricing-v3 .pricing-body > p {
display: none; }
.pricing.pricing-v3 .plan-currency {
font-size: 30px;
font-weight: 300; }
.pricing.pricing-v3 ul {
padding: 20px;
border-bottom: 1px solid #8cc43f;
margin: 0; }
.pricing.pricing-v3 .plain-info li {
padding: 15px 20px;
position: relative; }
.pricing.pricing-v3 .plain-info li::before {
content: '\f00c';
position: absolute;
font-family: FontAwesome;
left: 0;
top: 15px;
color: #8cc43f; }
.pricing.pricing-v3 .pricing-footer {
padding: 30px 20px;
text-align: center; }
.pricing.pricing-v3 .pricing-footer .membership-add-to-purchase {
background: #8cc43f;
box-shadow: none;
width: auto;
display: inline-block; }
.pricing.pricing-v3 .pricing-footer .membership-add-to-purchase br {
display: none; }
.pricing.pricing-v3.pricing-highlight .plan-title {
background: #8cc43f;
color: #FFF; }
.pricing.pricing-v3.pricing-highlight .plan-price {
background: #8cc43f;
color: #FFF; }
.pricing.pricing-v3.pricing-highlight .btn-block {
background: #8cc43f;
border-color: #8cc43f; }
.pricing.pricing-v3.pricing-highlight .btn-block:hover, .pricing.pricing-v3.pricing-highlight .btn-block:focus, .pricing.pricing-v3.pricing-highlight .btn-block:active {
background: none;
color: #8cc43f; }
.pricing.pricing-v3:hover {
box-shadow: 0 7px 30px -5px #333;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease; }
.pricing.featured-plan {
position: relative; }
.pricing.featured-plan:after {
content: "";
position: absolute;
border-top: 35px solid #8cc43f;
border-bottom: 35px solid transparent;
border-right: 35px solid #8cc43f;
border-left: 35px solid transparent;
right: 0;
top: 0; }
.rtl .pricing.featured-plan:after {
left: 0;
right: auto; }
.pricing.featured-plan:before {
font-family: FontAwesome;
content: "\f005";
position: absolute;
right: 15px;
color: #fff;
top: 10px;
z-index: 10; }
.rtl .pricing.featured-plan:before {
left: 15px;
right: auto; } .pagination {
border-radius: 0;
font-family: "Montserrat"; }
.pagination > span,
.pagination > a {
display: inline-block;
padding: 12px 15px;
line-height: 1;
font-size: 12px;
font-weight: 400; }
.pagination > a {
color: #000;
background-color: #e8e8e8; }
.pagination > a:hover {
color: #FFF;
background-color: #8cc43f; }
.pagination > span {
color: #FFF;
background-color: #8cc43f; } .pbr-team {
position: relative; }
.pbr-team .team-header {
text-align: center; }
.pbr-team .team-header img {
display: inline-block; }
.pbr-team .team-body {
position: absolute;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; }
.pbr-team .team-body .team-name {
font-size: 18px;
color: #FFF;
letter-spacing: -1px;
margin: 0; }
.pbr-team .team-body .team-job {
font-size: 10px;
color: #cccccc;
text-transform: uppercase; }
.pbr-team .team-body .team-job a {
color: #FFF; }
.pbr-team .team-body .team-job a:hover {
color: #e35d5d; }
.pbr-team .team-body .team-body-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%; }
.pbr-team .team-body .bo-social-icons {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
z-index: 9; }
.pbr-team .team-body .bo-social-icons a {
width: auto;
height: auto;
margin: 0 12px;
border: none;
background: none;
font-size: 14px;
color: #FFF; }
.pbr-team:hover .team-body {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 991px) {
.pbr-team.default {
margin-bottom: 30px; }
.pbr-team.default .team-header img {
width: 100%; } }
@media (max-width: 767px) {
.pbr-team.default .team-header img {
width: auto; } }
.pbr-team.other-team {
background: #8cc43f;
min-height: 320px; }
.pbr-team.other-team .team-header {
text-align: center;
padding: 60px 10px 15px; }
.pbr-team.other-team .team-header img {
display: inline-block; }
.pbr-team.other-team .team-body {
background: none;
color: #FFF !important;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); }
.pbr-team.other-team .team-body .team-body-content {
position: static !important;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.pbr-team.other-team .team-body .team-name {
font-size: 24px;
font-weight: 500;
padding: 0 30px;
line-height: 36px; }
.pbr-team.other-team .team-body .team-job {
color: #FFF;
font-size: 12px;
letter-spacing: 2px;
display: block; }
.pbr-team.other-team.v2 {
padding: 60px 0 30px; }
.pbr-team.other-team.v2 .team-header {
padding-top: 0; }
.pbr-team.other-team.v2 .bo-social-icons {
bottom: 6px; }
.blogv1 a {
color: white; }
.blogv1 a:hover {
color: #8cc43f; }
.blogv1 .entry-date, .blogv1 .entry-meta .fa {
color: white; }
.scrollup {
background-color: #2b2b2b;
font-size: 20px !important;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
color: #626262;
position: absolute;
top: -20px;
left: 50%;
width: 80px;
height: 80px;
margin-left: -41px;
display: none;
line-height: 40px;
padding-left: 10px;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; }
.rtl .scrollup {
right: 50%;
left: auto; }
.rtl .scrollup {
margin-right: -41px;
margin-left: inherit; }
.rtl .scrollup {
padding-right: 10px;
padding-left: inherit; }
.scrollup:hover {
color: #FFF !important; }
.scrollup span {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); } .effect-v1 {
background-color: #000;
overflow: hidden;
position: relative; }
.effect-v1:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.effect-v1 img {
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v1 .action {
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v1:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v1:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v1:hover .action {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100); } .effect-v2 {
background-color: #000;
overflow: hidden;
position: relative; }
.effect-v2:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: translate3d(-20px, 0px, 0px);
transform: translate3d(-20px, 0px, 0px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.effect-v2 img {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v2 .action {
-webkit-transform: translate3d(-10px, 0px, 0px);
transform: translate3d(-10px, 0px, 0px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v2:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.effect-v2:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transform: scale(1.2, 1);
-ms-transform: scale(1.2, 1);
-o-transform: scale(1.2, 1);
transform: scale(1.2, 1); }
.effect-v2:hover .action {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
filter: alpha(opacity=100); } .effect-v3 {
background-color: #000;
overflow: hidden;
border-bottom: 1px solid #e1e1e1;
position: relative; }
.effect-v3:before, .effect-v3:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.effect-v3:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.effect-v3:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
.effect-v3 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s;
width: 100%; }
.effect-v3 .banner-title {
-webkit-transform: translate3d(0px, -20px, 0px);
transform: translate3d(0px, -20px, 0px);
-webkit-transition: transform 0.35s ease 0s;
-o-transition: transform 0.35s ease 0s;
transition: transform 0.35s ease 0s; }
.effect-v3 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(0px, 40px, 0px);
transform: translate3d(0px, 40px, 0px);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v3:hover:before, .effect-v3:hover:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v3:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
.effect-v3:hover .banner-title, .effect-v3:hover .action {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); } .effect-v4 {
background-color: #000;
overflow: hidden;
position: relative; }
.effect-v4:before {
border: 2px solid #ffffff;
bottom: 20px;
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.effect-v4 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s; }
.effect-v4 .banner-title {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.35s ease 0s;
-o-transition: transform 0.35s ease 0s;
transition: transform 0.35s ease 0s; }
.effect-v4 .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v4:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.effect-v4:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
.effect-v4:hover .banner-title {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95); }
.effect-v4:hover .action {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); } .effect-v5 {
background-color: #000;
overflow: hidden;
position: relative; }
.effect-v5 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
-o-transition: opacity 1s ease 0s, transform 1s ease 0s;
transition: opacity 1s ease 0s, transform 1s ease 0s; }
.effect-v5 .action {
transform: translate3d(-150%, 0px, 0px);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.effect-v5:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
transform: scale3d(1.1, 1.1, 1); }
.effect-v5:hover .action {
opacity: 1;
filter: alpha(opacity=100);
transform: scale3d(1.1, 1.1, 1);
transform: translate3d(0px, 0px, 0px); } .effect-v6 {
background-color: #000;
overflow: hidden;
position: relative; }
.effect-v6 img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s; }
.effect-v6 .action {
transform: translate3d(0px, -100px, 0px);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
opacity: 0; }
.effect-v6:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
.effect-v6:hover .action {
opacity: 1;
transform: translate3d(0px, 0px, 0px); } .effect-v7 {
overflow: hidden;
position: relative; }
.effect-v7:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
-o-transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
transition: all 0.4s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
z-index: 1;
border: 200px double transparent;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.effect-v7:hover:before {
opacity: 0;
filter: alpha(opacity=0);
border: 0 double rgba(255, 255, 255, 0.7);
visibility: hidden; } .effect-v8 {
overflow: hidden;
position: relative; }
.effect-v8:before {
border-bottom: 50px solid rgba(255, 255, 255, 0.4);
border-top: 50px solid rgba(255, 255, 255, 0.4);
content: "";
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transform-origin: 50% 50% 0;
width: 100%; }
.effect-v8:hover:before {
opacity: 1;
filter: alpha(opacity=100);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); } .effect-v9 {
overflow: hidden;
position: relative; }
.effect-v9:before {
border: 50px solid transparent;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
top: 0;
content: "";
opacity: 1;
filter: alpha(opacity=100);
width: 100px;
height: 100px;
-webkit-transform: scale(7);
-ms-transform: scale(7);
-o-transform: scale(7);
transform: scale(7);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
visibility: visible;
z-index: 1; }
.effect-v9:hover:before {
border: 0 solid rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden; } .effect-v10 {
overflow: hidden;
position: relative; }
.effect-v10:before {
background-color: rgba(255, 255, 255, 0.2);
display: block;
width: 100%;
height: 100%;
left: -100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "";
z-index: 1; }
.effect-v10:hover:before {
left: 0;
opacity: 1;
filter: alpha(opacity=100); } .effect-default {
overflow: hidden;
position: relative;
display: block !important; }
.effect-default:before {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 559px;
position: absolute;
right: 755px;
top: 0;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
-webkit-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
width: 600px; }
.effect-default:hover:before {
right: -900px; } .feature-box {
color: #999; }
.feature-box small {
font-size: 14px;
font-family: "Playfair Display", serif;
font-style: italic;
margin-bottom: 10px;
display: inline-block; }
.feature-box h4 {
margin: 10px 0;
text-transform: none;
color: #000; }
.feature-box .fbox-icon {
float: left;
margin: 10px 15px 0 0;
color: #8cc43f; }
.rtl .feature-box .fbox-icon {
float: right; }
.rtl .feature-box .fbox-icon {
margin: 10px 0 0 15px; }
.feature-box .fbox-icon i {
font-size: 24px; }
.feature-box.feature-box-nostyle .fbox-content {
overflow: hidden; }
.feature-box.feature-box-nostyle h4 {
color: #FFF;
margin-top: 0; }
.feature-box.feature-box-nostyle .description {
color: #FFF; }
.feature-box.feature-box-nostyle small {
color: #FFF;
line-height: 1; }
.feature-box.feature-box-nostyle .fbox-icon {
margin-top: 5px;
margin-right: 20px; }
.rtl .feature-box.feature-box-nostyle .fbox-icon {
margin-left: 20px;
margin-right: inherit; }
.feature-box.feature-box-nostyle .fbox-icon i {
font-size: 40px; }
.feature-box-v1 .fbox-body {
position: relative;
margin-bottom: 10px;
padding-bottom: 7px; }
.feature-box-v1 h4 {
margin: 0 0 20px; }
.feature-box-v1 .fbox-content {
font-size: 14px; }
.feature-box-v1 .fbox-icon {
margin: 0 20px 20px 0;
float: left;
position: relative;
line-height: 1;
margin-bottom: 20px; }
.rtl .feature-box-v1 .fbox-icon {
margin: 0 0 20px 20px; }
.rtl .feature-box-v1 .fbox-icon {
float: right; }
.feature-box-v2 .fbox-content {
overflow: hidden;
text-align: right; }
.rtl .feature-box-v2 .fbox-content {
text-align: left; }
.feature-box-v2 .fbox-icon {
margin-left: 20px;
float: right;
position: relative; }
.rtl .feature-box-v2 .fbox-icon {
margin-right: 20px;
margin-left: inherit; }
.rtl .feature-box-v2 .fbox-icon {
float: left; }
.feature-box-v2 .fbox-icon i {
font-size: 34px; }
.feature-box-v3 {
position: relative;
padding: 45px 30px 20px;
text-align: center !important;
background: #F5F5F5; }
.feature-box-v3 .fbox-icon {
position: absolute;
content: "";
left: 0;
right: 0;
top: -36px;
margin: 0 auto; }
.feature-box-v3 .fbox-icon i {
width: 70px;
height: 70px;
line-height: 70px;
color: #FFF;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: #8cc43f; }
.feature-box.feature-box-v4 {
padding: 20px 30px;
border: 1px solid #ddd;
border-bottom: 3px solid #8cc43f;
text-align: center !important; }
.feature-box.feature-box-v4 .fbox-icon {
text-align: center;
float: none !important;
margin: 0 0 20px; }
.feature-box.feature-box-v4 .fbox-icon i {
font-size: 40px; }
.feature-box.feature-box-v4 .description {
text-align: center; } .element-block-heading {
position: relative;
text-align: center; }
.element-block-heading .inner {
display: inline-block;
position: relative;
padding-bottom: 25px; }
.element-block-heading .inner:after {
content: "\f18c";
font-family: 'FontAwesome';
color: #8cc43f;
font-size: 24px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -12px;
z-index: 1; }
.rtl .element-block-heading .inner:after {
right: 50%;
left: auto; }
.rtl .element-block-heading .inner:after {
margin-right: -12px;
margin-left: inherit; }
.element-block-heading .heading {
margin: 0 0 10px; }
.element-block-heading .sub-heading {
margin-top: 0; }
.element-block-heading .description {
font-size: 14px;
color: #999999;
font-style: italic;
font-family: "Playfair Display", serif;
margin: 0; }
.element-block-heading .wrapper {
position: relative;
display: inline-block; }
.element-block-heading .wrapper:before, .element-block-heading .wrapper:after {
content: "";
width: 90px;
height: 1px;
border-top: 1px dotted rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0; }
.element-block-heading .wrapper:before {
right: 50%;
margin-right: 25px; }
.rtl .element-block-heading .wrapper:before {
left: 50%;
right: auto; }
.rtl .element-block-heading .wrapper:before {
margin-left: 25px;
margin-right: inherit; }
.element-block-heading .wrapper:after {
left: 50%;
margin-left: 25px; }
.rtl .element-block-heading .wrapper:after {
right: 50%;
left: auto; }
.rtl .element-block-heading .wrapper:after {
margin-right: 25px;
margin-left: inherit; }
.element-block-heading.style-v1 {
margin-bottom: 25px;
text-align: left; }
.rtl .element-block-heading.style-v1 {
text-align: right; }
.element-block-heading.style-v1 .heading {
margin: 0; }
.element-block-heading.style-v1 .inner {
padding-bottom: 15px; }
.element-block-heading.style-v1 .wrapper:after {
content: none; }
.element-block-heading.style-v1 .wrapper:before {
right: auto;
left: 0;
margin-right: 0; }
.rtl .element-block-heading.style-v1 .wrapper:before {
left: auto;
right: auto; }
.rtl .element-block-heading.style-v1 .wrapper:before {
right: 0;
left: auto; }
.rtl .element-block-heading.style-v1 .wrapper:before {
margin-left: 0;
margin-right: inherit; }
.element-block-heading.style-v1 .inner:after {
content: none; }
.element-block-heading.style-v1 .description {
margin: 5px 0 10px; }
.element-block-heading.style-v2 {
margin-bottom: 25px; }
.element-block-heading.style-v2 .heading {
margin: 0; }
.element-block-heading.style-v2 .inner {
padding-bottom: 15px; }
.element-block-heading.style-v2 .wrapper:after {
content: none; }
.element-block-heading.style-v2 .wrapper:before {
margin-right: -45px; }
.rtl .element-block-heading.style-v2 .wrapper:before {
margin-left: -45px;
margin-right: inherit; }
.element-block-heading.style-v2 .inner:after {
content: none; }
.element-block-heading.style-v3 .heading {
color: #FFF; }
.element-block-heading.style-v3 .description {
color: #ccc; }
.element-block-heading.style-v3 .wrapper:before, .element-block-heading.style-v3 .wrapper:after {
border-top: 1px dotted rgba(255, 255, 255, 0.5); } .element-custom-box {
margin-bottom: 60px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.element-custom-box .wrap-logo {
margin: 0 40px;
border-bottom: 1px solid #e8e8e8;
padding: 30px 0;
max-height: 136px;
height: 136px;
overflow: hidden;
display: flex;
align-content: center;
align-items: center;
justify-content: center; }
@media (max-width: 991px) {
.element-custom-box .wrap-logo {
max-height: 96px;
height: 96px;
padding: 10px 0; } }
.element-custom-box .content-box {
padding: 15px 20px 25px;
overflow: hidden;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.element-custom-box .heading {
margin: 0 0 5px; }
@media (max-width: 991px) {
.element-custom-box .heading {
font-size: 18px; } }
.element-custom-box .description {
font-style: italic;
font-family: "Playfair Display", serif;
color: #999999;
font-size: 14px;
margin-bottom: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
@media (max-width: 991px) {
.element-custom-box .description {
min-height: 46px; } }
@media (max-width: 767px) {
.element-custom-box .description {
min-height: auto; } }
.element-custom-box .more-link {
text-transform: uppercase;
font-weight: 400;
font-family: "Montserrat";
font-size: 12px;
position: relative;
padding: 0 0 3px;
display: inline-block; }
.element-custom-box footer {
position: absolute;
left: 0;
width: 100%;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
bottom: -100%;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
padding-bottom: 20px; }
.element-custom-box:hover {
margin-bottom: -46px; }
.element-custom-box:hover .small-box-shadow {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.element-custom-box:hover .content-box {
padding-bottom: 60px; }
.element-custom-box:hover footer {
bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
@media (max-width: 767px) {
.element-custom-box {
margin-bottom: 30px !important; }
.element-custom-box .content-box {
padding-bottom: 5px !important; }
.element-custom-box footer {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
bottom: 0;
position: static;
padding-top: 10px; } } .sidebar-offcanvas {
position: absolute;
top: 0;
bottom: 0;
width: 65%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
text-align: left;
background: #FFF; }
.rtl .sidebar-offcanvas {
text-align: right; }
.btn-offcanvas:hover {
color: #8cc43f; }
.offcanvas-head button {
padding: 14px 25px;
border-radius: 0; }
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
.offcanvas-showright {
background: rgba(140, 196, 63, 0.8);
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
width: 400px;
position: absolute;
right: -800px;
top: 0;
z-index: 1000;
display: block;
padding: 50px 0; }
.offcanvas-showright.active {
display: block;
right: 0; }
.offcanvas-showright .showright {
background-color: #FFF;
width: 40px;
height: 40px;
border: none;
margin-right: 50px; }
.rtl .offcanvas-showright .showright {
margin-left: 50px;
margin-right: inherit; }
.offcanvas-showright .showright .fa {
color: #8cc43f; }
@media screen and (max-width: 992px) {
.row-offcanvas-right {
right: 0; }
.rtl .row-offcanvas-right {
left: 0;
right: auto; }
.row-offcanvas-left {
left: 0; }
.rtl .row-offcanvas-left {
right: 0;
left: auto; }
.row-offcanvas-right .sidebar-offcanvas {
right: -65%; }
.rtl .row-offcanvas-right .sidebar-offcanvas {
left: -65%;
right: auto; }
.row-offcanvas-left .sidebar-offcanvas {
left: -65%; }
.rtl .row-offcanvas-left .sidebar-offcanvas {
right: -65%;
left: auto; }
.row-offcanvas-right.active {
right: 65%; }
.rtl .row-offcanvas-right.active {
left: 65%;
right: auto; }
.row-offcanvas-left.active {
left: 65%;
position: relative; }
.rtl .row-offcanvas-left.active {
right: 65%;
left: auto; }
.row-offcanvas-left.active:before {
content: "";
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
width: 100%;
position: absolute;
z-index: 999; }
.zoomContainer {
display: none; } }
.navbar-offcanvas {
border: none; }
.navbar-offcanvas ul#main-menu-offcanvas {
float: none;
display: block; }
.navbar-offcanvas ul#main-menu-offcanvas > li {
position: relative;
border-bottom: 1px solid #e8e8e8;
display: block;
float: none; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret {
position: absolute;
right: 10px;
top: 10px;
width: 25px;
height: 25px;
border: 1px solid #e8e8e8;
z-index: 9;
background: #f5f5f5; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret:hover {
cursor: pointer; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret:after {
font-family: FontAwesome;
content: "\f107";
top: 0px;
left: 7px;
position: absolute;
z-index: 9; }
.navbar-offcanvas ul#main-menu-offcanvas > li ul li a {
font-size: 13px;
font-weight: 300;
padding: 10px 15px; }
.navbar-offcanvas ul#main-menu-offcanvas li.active > a {
background: none;
color: #8cc43f; }
.rev_slider_wrapper iframe {
border: none; } .btn i {
font-size: 14px;
margin: 0 3px; } .kc_tabs .kc_tabs_nav li a {
background: transparent;
color: #cccccc; }
.kc_tabs .kc_tabs_nav li.ui-tabs-active {
background: #8cc43f; }
.kc_tabs .kc_tabs_nav li.ui-tabs-active a {
background: #8cc43f;
color: #FFF; }
.kc_tabs .kc_tabs_nav ~ .kc_tab .kc_tab_content {
padding: 25px 30px; }
.container-fluid {
padding: 0; }
.kc-pricing-tables .content-desc {
padding-left: 0; }
.rtl .kc-pricing-tables .content-desc {
padding-right: 0;
padding-left: inherit; }
.kc_text_block br {
display: none; }
.slider-search-form .horizontal-form .form-content .opalhotel-form-field {
width: 20%; }
.slider-search-form .opalhotel_form_section {
padding: 0;
margin-top: -70px; }
@media (max-width: 1200px) {
.slider-search-form .opalhotel_form_section {
margin-top: 80px; } }
.slider-search-form-2 .opalhotel_form_section {
padding: 0; }
.slider-search-form-2 .horizontal-form:hover {
transform: translate(0px, 0px) rotate(0deg);
box-shadow: none; }
@media (max-width: 1200px) {
.slider-search-form-2 .opalhotel_form_section {
margin-top: 80px; } }
.guide-form .form-group, .guide-form .form-row {
margin-bottom: 10px; }
.guide-form .form-control {
height: 32px;
padding: 5px 12px;
line-height: 20px;
font-size: 12px;
text-transform: uppercase; }
.kc_image_gallery.kc-grid .item-grid {
padding: 5px;
position: relative; }
.kc_image_gallery.kc-grid .item-grid a {
position: relative;
background-color: #000;
display: block;
overflow: hidden; }
.kc_image_gallery.kc-grid .item-grid a:before, .kc_image_gallery.kc-grid .item-grid a:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.kc_image_gallery.kc-grid .item-grid a:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1); }
.kc_image_gallery.kc-grid .item-grid a:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0); }
.kc_image_gallery.kc-grid .item-grid a img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s;
width: 100%; }
.kc_image_gallery.kc-grid .item-grid a .banner-title {
-webkit-transform: translate3d(0px, -20px, 0px);
transform: translate3d(0px, -20px, 0px);
-webkit-transition: transform 0.35s ease 0s;
-o-transition: transform 0.35s ease 0s;
transition: transform 0.35s ease 0s; }
.kc_image_gallery.kc-grid .item-grid a .action {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(0px, 40px, 0px);
transform: translate3d(0px, 40px, 0px);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; }
.kc_image_gallery.kc-grid .item-grid a:hover:before, .kc_image_gallery.kc-grid .item-grid a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.kc_image_gallery.kc-grid .item-grid a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
.kc_image_gallery.kc-grid .item-grid a:hover .banner-title, .kc_image_gallery.kc-grid .item-grid a:hover .action {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.kc_image_gallery.kc-grid .item-grid:before {
content: "+";
position: absolute;
font-size: 18px;
color: #fafafa;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
width: 40px;
height: 40px;
line-height: 36px;
border: 2px solid #fafafa;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
text-align: center;
margin: auto;
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0); }
.kc_image_gallery.kc-grid .item-grid:hover:before {
color: #fff;
border-color: #fff;
-webkit-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
@media (max-width: 767px) {
.kc_image_gallery.kc-grid .item-grid.grid-4 {
width: 50% !important; } }
@media (max-width: 480px) {
.kc_image_gallery.kc-grid .item-grid.grid-4 {
width: 100% !important; } } .opalreservation-bottom {
border-top: 4px solid #e35d5d;
position: fixed;
width: 100%;
bottom: -1px;
left: 0;
max-height: 4px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background-color: #FFF;
margin-top: -4px;
z-index: 2; }
.opalreservation-bottom .opalhotel-reservation-process-steps {
display: none; }
.opalreservation-bottom .opalreservation-title {
color: #FFF;
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
z-index: 1;
margin: 0; }
.opalreservation-bottom .opalreservation-title span {
padding: 7px 30px 12px 40px;
background-color: #e35d5d;
border-radius: 45px 45px 0 0;
display: inline-block;
cursor: pointer; }
.opalreservation-bottom .opalreservation-title i {
font-size: 14px;
margin-left: 10px; }
.rtl .opalreservation-bottom .opalreservation-title i {
margin-right: 10px;
margin-left: inherit; }
.opalreservation-bottom .opalreservation-title i:before {
content: "\f106"; }
.opalreservation-bottom .opalhotel-reservation-container {
margin-bottom: 0; }
.opalreservation-bottom .horizontal-form {
border-top: none; }
.opalreservation-bottom .horizontal-form header {
display: none; }
.opalreservation-bottom.active {
max-height: 1000px; }
.opalreservation-bottom.active .opalreservation-title i:before {
content: "\f107"; }
.home-2 .opalreservation-bottom {
display: none; }
.opalhotel-reservation .opalreservation-bottom {
display: none; }
.kingcomposer .entry-content-page > p {
margin: 0; }
.slide-sub-title strong {
font-weight: 700 !important; } @media (min-width: 1200px) {
.col-lg-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-lg-cus-5 {
float: right; } }
@media (min-width: 992px) and (max-width: 1200px) {
.col-md-cus-5 {
width: 20%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-md-cus-5 {
float: right; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-cus-5 {
width: 50%;
float: left;
padding-left: 15px;
padding-right: 15px; }
.rtl .col-sm-cus-5 {
float: right; } }
@media (max-width: 480px) {
.col-xs-cus-12 {
width: 100%;
padding-left: 15px;
padding-right: 15px; } } .sidebar-offcanvas {
position: absolute;
top: 0;
bottom: 0;
width: 65%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
text-align: left;
background: #FFF; }
.rtl .sidebar-offcanvas {
text-align: right; }
.btn-offcanvas:hover {
color: #8cc43f; }
.offcanvas-head button {
padding: 14px 25px;
border-radius: 0; }
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
.offcanvas-showright {
background: rgba(140, 196, 63, 0.8);
position: relative;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
width: 400px;
position: absolute;
right: -800px;
top: 0;
z-index: 1000;
display: block;
padding: 50px 0; }
.offcanvas-showright.active {
display: block;
right: 0; }
.offcanvas-showright .showright {
background-color: #FFF;
width: 40px;
height: 40px;
border: none;
margin-right: 50px; }
.rtl .offcanvas-showright .showright {
margin-left: 50px;
margin-right: inherit; }
.offcanvas-showright .showright .fa {
color: #8cc43f; }
@media screen and (max-width: 992px) {
.row-offcanvas-right {
right: 0; }
.rtl .row-offcanvas-right {
left: 0;
right: auto; }
.row-offcanvas-left {
left: 0; }
.rtl .row-offcanvas-left {
right: 0;
left: auto; }
.row-offcanvas-right .sidebar-offcanvas {
right: -65%; }
.rtl .row-offcanvas-right .sidebar-offcanvas {
left: -65%;
right: auto; }
.row-offcanvas-left .sidebar-offcanvas {
left: -65%; }
.rtl .row-offcanvas-left .sidebar-offcanvas {
right: -65%;
left: auto; }
.row-offcanvas-right.active {
right: 65%; }
.rtl .row-offcanvas-right.active {
left: 65%;
right: auto; }
.row-offcanvas-left.active {
left: 65%;
position: relative; }
.rtl .row-offcanvas-left.active {
right: 65%;
left: auto; }
.row-offcanvas-left.active:before {
content: "";
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
width: 100%;
position: absolute;
z-index: 999; }
.zoomContainer {
display: none; } }
.navbar-offcanvas {
border: none; }
.navbar-offcanvas ul#main-menu-offcanvas {
float: none;
display: block; }
.navbar-offcanvas ul#main-menu-offcanvas > li {
position: relative;
border-bottom: 1px solid #e8e8e8;
display: block;
float: none; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret {
position: absolute;
right: 10px;
top: 10px;
width: 25px;
height: 25px;
border: 1px solid #e8e8e8;
z-index: 9;
background: #f5f5f5; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret:hover {
cursor: pointer; }
.navbar-offcanvas ul#main-menu-offcanvas > li .caret:after {
font-family: FontAwesome;
content: "\f107";
top: 0px;
left: 7px;
position: absolute;
z-index: 9; }
.navbar-offcanvas ul#main-menu-offcanvas > li ul li a {
font-size: 13px;
font-weight: 300;
padding: 10px 15px; }
.navbar-offcanvas ul#main-menu-offcanvas li.active > a {
background: none;
color: #8cc43f; }
@media (max-width: 480px) {
.active-mobile.cart-popup .active-content {
right: 0;
left: -100px; }
.zoomContainer {
display: none; }
.activity-infomations {
min-width: 210px !important; }
#coupon_code {
width: 100% !important;
margin: 0 0 10px 0; }
.rtl #coupon_code {
margin: 0 0 10px 0; }
.opalhotel-room-packages .package-item img {
display: block;
float: none !important;
padding-right: 0 !important;
width: 100% !important;
margin: 0 0 10px !important; }
.opalhotel-room-packages .package-item::after {
content: none !important; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 10px !important;
width: 100% !important; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 !important;
width: 100% !important; } }
@media (max-width: 1200px) {
.pp_content_container .pp_right .pp_content {
width: 100% !important; }
.pp_content_container .pp_right a.pp_close {
right: 20px !important; }
div.opal_activity .activity-title {
font-size: 20px; } }
@media (min-width: 768px) and (max-width: 991px) {
#main .container, .opal-footer .container,
.opalreservation-bottom .container {
width: 100% !important; }
.sidebar-wrapper > div {
display: none !important; }
.sidebar-wrapper .sidebar {
position: static !important; } }
@media (max-width: 767px) {
.fix-footer .opal-footer {
position: static; }
.fix-footer .site-main {
margin-bottom: 0 !important; } }
@media (max-width: 480px) {
div.opal_activity .entry-content {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
div.opal_activity .activity-learnmore {
opacity: 1 !important;
visibility: visible !important;
position: static !important; }
.activity-infomations {
float: none !important;
margin-left: 0 !important;
margin-bottom: 20px; } }
@media (max-width: 767px) {
.place_title_group {
padding: 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-thumbnail {
width: 100% !important;
margin-bottom: 20px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content {
width: 100% !important;
padding: 0 !important; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding-right: 10px !important;
width: 70% !important; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding-left: 10px !important;
width: 30% !important; } }
@media (max-width: 480px) {
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 10px !important;
width: 100% !important; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 !important;
width: 100% !important; } }div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right,div.pp_default .pp_top,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_x.png) 0 0 repeat-x; } div.pp_default .pp_top .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_y.png) 100% 0 repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_next.png) 100% no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_prev.png) 0 no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/default_thumb.png) 50% #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li.selected a,div.pp_default .pp_gallery ul li a:hover { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous { position: static; left: auto; }
div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover,div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_nav .pp_play:hover { opacity:.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite_x.png) 0 100% repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/default/loader.gif) 50% no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/btnNext.png) 100% no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_next,div.light_rounded .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/loader.gif) 50% no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_top .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/contentPattern.png) 100% 0 repeat-y; } div.dark_rounded .pp_content { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/btnNext.png) 100% no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded #pp_full_res .pp_inline,div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_rounded/loader.gif) 50% no-repeat; }  div.dark_square .pp_content,div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/loader.gif) 50% no-repeat; } div.dark_square .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/btnNext.png) 100% no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/dark_square/btnPrevious.png) 0 no-repeat; cursor: pointer; }  div.light_square .pp_content,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/btnNext.png) 100% no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_square/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/loader.gif) 50% no-repeat; }  div.facebook .pp_top .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/contentPatternTop.png) 0 0 repeat-x; } div.facebook .pp_top .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/contentPatternLeft.png) 0 0 repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/contentPatternRight.png) 100% 0 repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/loader.gif) 50% no-repeat; } div.facebook .pp_arrow_previous { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/btnNext.png) 100% no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/contentPatternBottom.png) 0 0 repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
div.pp_overlay,div.pp_pic_holder {
display: none;
position: absolute;
}
div.pp_pic_holder {
width: 100px;
z-index: 4;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
left: 0;
width: 20px;
}
.pp_top .pp_left,.pp_top .pp_middle {
height: 20px;
position: absolute;
}
.pp_top .pp_middle {
left: 20px;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_nav,.pp_social .twitter { float: left;
}
.pp_nav {
clear: right;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_pause,.pp_nav .pp_play {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_next,a.pp_arrow_previous {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 4;
}
.pp_gallery div {
overflow: hidden;
}
.pp_gallery div,.pp_gallery ul {
float: left;
position: relative;
}
.pp_gallery ul {
height: 35px;
margin: 0 0 0 5px;
padding: 0;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px solid #000;
border: 1px solid rgba(0,0,0,.5);
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery li.selected a,.pp_gallery ul a:hover { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous {
margin-top: 7px !important;
}
a.pp_next {
float: right;
}
a.pp_next,a.pp_previous {
background: url(//naturvans.com/wp-content/themes/ecopark/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
float: left;
}
a.pp_contract,a.pp_expand {
cursor: pointer;
display: none;
height: 20px;
right: 30px;
top: 10px;
width: 20px;
z-index: 5;
}
a.pp_close,a.pp_contract,a.pp_expand {	
position: absolute;
text-indent: -10000px;
}
a.pp_close { right: 0; top: 0; 
display: block;
line-height:22px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 3;
}.pull-left {
float: left; }
.pull-right {
float: right; }
.grid-row {
position: relative;
width: auto;
margin-left: -1.5%;
margin-right: -1.5%; }
.grid-row .grid-column {
float: left;
margin: 0.5rem 1.5%;
min-height: 0.125rem; }
.grid-row::after {
content: "";
display: table;
clear: both; }
.grid-column-1,
.grid-column-2,
.grid-column-3,
.grid-column-4,
.grid-column-5,
.grid-column-6,
.grid-column-7,
.grid-column-8,
.grid-column-9,
.grid-column-10,
.grid-column-11,
.grid-column-12 {
width: 97%; }
.grid-column-1-sm {
width: 5.33333%; }
.grid-column-2-sm {
width: 13.66667%; }
.grid-column-3-sm {
width: 22%; }
.grid-column-4-sm {
width: 30.33333%; }
.grid-column-5-sm {
width: 38.66667%; }
.grid-column-6-sm {
width: 47%; }
.grid-column-7-sm {
width: 55.33333%; }
.grid-column-8-sm {
width: 63.66667%; }
.grid-column-9-sm {
width: 72%; }
.grid-column-10-sm {
width: 80.33333%; }
.grid-column-11-sm {
width: 88.66667%; }
.grid-column-12-sm {
width: 97%; }
@media only screen and (min-width: 45em) {
.grid-column-1 {
width: 5.33333%; }
.grid-column-2 {
width: 13.66667%; }
.grid-column-3 {
width: 22%; }
.grid-column-4 {
width: 30.33333%; }
.grid-column-5 {
width: 38.66667%; }
.grid-column-6 {
width: 47%; }
.grid-column-7 {
width: 55.33333%; }
.grid-column-8 {
width: 63.66667%; }
.grid-column-9 {
width: 72%; }
.grid-column-10 {
width: 80.33333%; }
.grid-column-11 {
width: 88.66667%; }
.grid-column-12 {
width: 97%; } }
.opalhotel-datpicker {
font-family: 'Crimson Text', serif;
line-height: 1;
color: #444;
font-weight: 400;
width: 300px;
padding: 10px;
background-color: #fff;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.opalhotel-datpicker .ui-datepicker-header {
margin-bottom: 7px;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
background-color: transparent;
position: relative; }
.opalhotel-datpicker .ui-datepicker-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev,
.opalhotel-datpicker .ui-datepicker-next {
position: absolute;
box-shadow: none;
top: 3px;
padding: 5px;
color: #444;
font-size: 0; }
.opalhotel-datpicker .ui-datepicker-prev:hover,
.opalhotel-datpicker .ui-datepicker-next:hover {
cursor: pointer;
color: #a46796; }
.opalhotel-datpicker .ui-datepicker-next {
right: 10px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before {
content: '\f101';
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before {
content: "\f100";
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev {
left: 10px; }
.opalhotel-datpicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.opalhotel-datpicker th {
color: #444;
background-color: transparent;
text-transform: uppercase;
padding: 8px;
text-align: center;
font-weight: 600;
border: 0; }
.opalhotel-datpicker td {
padding: 3px;
border: none; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled,
.opalhotel-datpicker .ui-datepicker-next.ui-state-disabled,
.opalhotel-datpicker td span,
.opalhotel-datpicker td span {
opacity: 0.3; }
.opalhotel-datpicker td a,
.opalhotel-datpicker td span {
display: block;
color: #444;
padding: 7px;
text-align: center;
border: solid 1px #e6e6e6;
background-color: transparent;
box-shadow: none; }
.opalhotel-datpicker td a:hover,
.opalhotel-datpicker td a:focus,
.opalhotel-datpicker td.ui-state-highlight a,
.opalhotel-datpicker td .ui-state-active {
border-color: #9E3515; }
.ui-datepicker-current-day a.ui-state-active { }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
width: 100%;
height: 100%;
position: relative; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal {
height: 6px;
border-radius: 3px; }
.noUi-horizontal .noUi-handle {
height: 18px;
width: 18px;
left: 0px;
top: -6px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-left: -18px; }
.rtl .noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-right: -18px;
margin-left: inherit; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }
.noUi-background {
background: #dadada;
border-radius: 3px; }
.noUi-connect {
background: #8cc43f;
border-radius: 3px; }
.noUi-dragable {
cursor: w-resize; }
.noUi-vertical .noUi-dragable {
cursor: n-resize; }
.noUi-handle {
border-radius: 50%;
background: #FFF;
cursor: default; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle {
cursor: not-allowed; }
.button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid #CCC;
white-space: nowrap;
padding: 10px 20px;
text-transform: uppercase;
background-color: #ddd;
border-radius: 40px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 700; }
.button:hover, .button:focus, .button.focus {
color: #FFF;
text-decoration: none; }
.button:active, .button.active {
outline: 0;
background-image: none; }
.button.button-primary-inverse {
background: #8cc43f;
color: #FFF;
border-color: #8cc43f; }
.button.button-primary {
letter-spacing: 1px;
color: #999;
background-color: #fff; }
.button.button-primary:hover {
color: #8cc43f;
border-color: #8cc43f; }
.button.button-default {
font-weight: 900;
font-size: 12px; }
.button.button-default:hover {
color: #999; }
.button.button-theme {
color: #FFF;
background-color: #8cc43f;
border: none;
font-size: 14px;
line-height: 30px; }
.button.button-theme:hover {
color: #8cc43f;
border-color: #8cc43f;
background: #FFF; } .opalhotel-form-field-group {
position: relative; }
.opalhotel-form-field {
padding: 10px 20px; }
.opalhotel-form-field label {
text-transform: uppercase;
font-weight: 600;
font-size: 13px; }
.opalhotel-form-field-group input,
.opalhotel-form-field-group select,
.opalhotel-form-field-group button {
background-color: #FFF;
text-transform: uppercase;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 20px 7px 12px;
font-size: 11px;
line-height: 1.2;
background-image: none;
width: 100%; }
.opalhotel-form-field-group input:focus,
.opalhotel-form-field-group select:focus {
border: 1px solid #9E3515;
outline: none; }
.opalhotel-form-field-group i {
position: absolute;
right: 10px;
top: 7px; }
.opalhotel-form-group .required {
font-size: 11px;
color: red; }
.opalhotel-form-group input,
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group textarea,
.opalhotel-form-group select {
font-size: 13px;
color: #444;
background-color: #fff;
width: 100%;
line-height: 1;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
min-height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.opalhotel-form-group input[type="text"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="email"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="text"]::-moz-input-placeholder,
.opalhotel-form-group input[type="email"]::-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-moz-input-placeholder,
.opalhotel-form-group input[type="email"]:-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-ms-input-placeholder,
.opalhotel-form-group input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: #444;
padding: 5px 10px;
width: 100%; }
.opalhotel-form-group input {
transition: all 0.3s; }
.opalhotel-form-group input[type="text"]:focus,
.opalhotel-form-group input[type="email"]:focus,
.opalhotel-form-group textarea:focus,
.opalhotel-form-group select:focus,
.opalhotel-form-group .error {
border: 1px solid #F5652E;
outline: none; }
.opalhotel-form-group .validated {
border: 1px solid #69bf29; }
.opalhotel-form-group.coupon_section {
text-align: right;
margin-bottom: 20px; } .room-price {
background: #8cc43f;
padding: 30px;
border: solid 3px #FFFFFF; }
.opalhotel-price {
font-size: 10px;
color: #999999;
text-align: center;
text-transform: uppercase;
font-family: "Montserrat"; }
.opalhotel-price .price-value {
color: #8cc43f;
font-size: 30px;
display: block;
font-family: "Playfair Display", serif; }
.room-meta-info,
.room-optional-packages {
margin-bottom: 30px; }
.opalhotel-room-meta {
margin: 0;
padding: 0;
overflow: hidden;
clear: both; }
.opalhotel-room-meta li {
margin: 0;
border-top: solid 1px #e9e9e9;
list-style: none;
text-align: left;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #000;
overflow: hidden; }
.opalhotel-room-meta li .meta-label {
display: block;
color: #999; }
.opalhotel-room-meta li .meta-text {
font-weight: 700; }
.opalhotel-room-meta li:last-child, .opalhotel-room-meta li.meta-wifi, .opalhotel-room-meta li.meta-pickup {
border-right: none; }
.opalhotel-room-meta li:before {
font-family: 'FontAwesome';
font-size: 18px;
font-style: normal;
margin-right: 15px;
float: left;
color: #8cc43f; }
.rtl .opalhotel-room-meta li:before {
margin-left: 15px;
margin-right: inherit; }
.rtl .opalhotel-room-meta li:before {
float: right; }
@media (max-width: 767px) {
.opalhotel-room-meta li:before {
margin-right: 5px; }
.rtl .opalhotel-room-meta li:before {
margin-left: 5px;
margin-right: inherit; } }
.opalhotel-room-meta li.meta-bed:before {
content: "\f236"; }
.opalhotel-room-meta li.meta-adults:before {
content: "\f0c0"; }
.opalhotel-room-meta li.meta-size:before {
content: "\f047"; }
.opalhotel-room-meta li.meta-wifi:before {
content: "\f1eb"; }
.opalhotel-room-meta li.meta-cable_tv:before {
content: "\f26c"; }
.opalhotel-room-meta li.meta-iron:before {
content: "\f06d"; }
.opalhotel-room-meta li.meta-bearkfast:before {
content: "\f0f5"; }
.opalhotel-room-meta li.meta-pickup:before {
content: "\f1b9"; }
.opalhotel-room-meta li.meta-freeslippers:before {
content: "\f1a5"; }
.opalhotel-room-meta li.meta-petsallowed:before {
content: "\f09b"; }
.opalhotel-room-meta li.meta-roomservice:before {
content: "\f1f8"; }
.opalhotel-room-meta li.meta-view:before {
content: "\f06e"; }
.comment-reply-title {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel_room.first {
clear: both; }
.opalhotel_room.first.grid-column {
clear: none; }
.opalhotel_room.first-child {
clear: both; }
.room-box {
background-color: #fff;
margin-bottom: 30px;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-box > h4 {
font-size: 24px;
margin: 0 0 25px; }
.room-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-optional-packages > h4 {
font-size: 24px;
margin: 0 0 25px; }
.opalhotel-room-packages {
overflow: hidden;
border: 1px solid #e8e8e8; }
.opalhotel-room-packages .package-item {
position: relative;
padding: 20px;
font-size: 14px;
border-top: 1px solid #e9e9e9;
overflow: hidden; }
.opalhotel-room-packages .package-item h4 {
margin: 0 0 5px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-room-packages .package-item h4:hover {
color: #8cc43f; }
.opalhotel-room-packages .package-item .opalhotel-package-price {
color: #000; }
.opalhotel-room-packages .package-item img {
margin: 0;
padding-right: 30px;
width: 30%;
float: left; }
.rtl .opalhotel-room-packages .package-item img {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-room-packages .package-item .package-description {
font-size: 16px;
line-height: 30px;
margin-top: 10px; }
.opalhotel-room-packages .package-item.has-content .package-content {
cursor: pointer; }
.opalhotel-room-packages .package-item.active.has-content {
background-color: #fff; }
.opalhotel-room-packages .package-item.active.has-content:after {
content: "\f068"; }
.opalhotel-room-packages .package-item:first-child {
border-top: none; }
.opalhotel-room-packages .package-item:after {
font-family: 'FontAwesome';
content: "\f067";
color: #ccc;
font-size: 18px;
position: absolute;
right: 20px;
top: 25px; }
.room-extra-amenities {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-extra-amenities .amenity-item {
margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item span {
display: none; }
.room-extra-amenities .amenity-item strong {
font-weight: 400;
position: relative; }
.room-extra-amenities .amenity-item strong:before {
content: "";
background-color: #FFF;
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: -8px; }
.room-extra-amenities:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-pricing-plans .pricing-day {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
line-height: 24px; }
.room-pricing-plans .pricing-day .day_name {
font-size: 12px;
font-weight: 300;
color: #666;
text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price {
color: #000;
font-size: 14px; }
.room-label-discount {
position: absolute;
top: 15px;
right: -40px;
background-color: #e74444;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 5px 40px;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .room-label-discount {
left: -40px;
right: auto; }
.opalhotel-view-price:after {
font-family: 'FontAwesome';
content: "\f13a";
font-size: 14px;
margin-left: 10px; }
.rtl .opalhotel-view-price:after {
margin-right: 10px;
margin-left: inherit; }
.opalhotel-modal-pricing {
text-align: left;
background-color: #f6f6f6;
padding: 0 20px;
position: relative;
display: block !important;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
height: 0;
visibility: hidden; }
.rtl .opalhotel-modal-pricing {
text-align: right; }
.opalhotel-modal-pricing ul {
padding: 0; }
.opalhotel-modal-pricing ul li {
list-style: none;
border-top: 1px solid #e4e4e4;
padding-top: 10px;
margin-top: 10px;
font-size: 14px; }
.opalhotel-modal-pricing ul li span {
font-weight: 700;
color: #8cc43f; }
.opalhotel-modal-pricing ul li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.opalhotel-modal-pricing > div {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-modal-pricing .opalhotel-modal-close {
cursor: pointer;
color: #e93434;
position: absolute;
right: -20px;
top: -20px; }
.rtl .opalhotel-modal-pricing .opalhotel-modal-close {
left: -20px;
right: auto; }
.opalhotel-modal-pricing.active {
margin-bottom: 15px;
height: auto;
visibility: visible;
padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div {
opacity: 1;
filter: alpha(opacity=100); } .room-grid {
margin-bottom: 30px;
position: relative;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-grid .room-content-wrap {
background-color: #FFF;
padding: 0 15px;
margin-top: 30px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-grid .room-title {
text-align: center;
margin: 0;
padding: 0 15px 5px;
font-size: 20px;
clear: both; }
.room-grid .room-top-wrap {
position: relative;
overflow: hidden;
float: left;
margin-top: -30px;
margin-bottom: 25px; }
.rtl .room-grid .room-top-wrap {
float: right; }
.room-grid .room-top-wrap .room-price-wrap {
position: absolute;
bottom: 0;
right: 30px; }
.room-grid .opalhotel-price {
margin-bottom: 30px; }
.room-grid footer {
padding: 0 15px 45px; }
.room-grid footer .view-detail {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.room-grid footer .view-detail:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
@media (max-width: 992px) {
.room-grid footer .view-detail {
padding-left: 20px;
padding-right: 20px; } }
.room-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15); }
.room-grid:hover .room-content-wrap {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.room-list {
margin-bottom: 30px;
clear: both;
position: relative;
background-color: #fff;
overflow: hidden;
display: block; }
.room-list .room-thumbnail {
width: 50%;
float: left; }
.room-list .room-content {
overflow: hidden;
position: relative;
width: 50%;
float: left; }
.room-list .room-content .left-col,
.room-list .room-content .right-col {
width: 50%;
padding: 40px; }
.room-list .room-content .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 25px; }
.room-list .room-content .opalhotel-price {
margin-bottom: 40px; }
.room-list .room-content .room-meta-info {
margin: 20px 0 0; }
.room-list .room-content .room-meta-info .opalhotel-room-meta li {
width: 100%; }
.room-list .room-content .room-description {
padding-left: 0; }
.rtl .room-list .room-content .room-description {
padding-right: 0;
padding-left: inherit; }
.room-list .room-content .room-description p {
line-height: 28px; }
.room-list:after {
content: "";
width: 1px;
height: 100%;
background-color: #e8e8e8;
position: absolute;
top: 0;
left: 75%; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-thumbnail {
float: right; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-list:after {
left: 25%; }
.opalhotel_form_section {
background-color: #FFF;
padding: 60px 0; }
.opalhotel_form_section .opalhotel-form-field {
padding: 5px 40px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable {
color: #000;
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 5px;
font-weight: 400; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input,
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select {
background-color: #e8e8e8;
padding: 0 18px 0 12px;
line-height: 50px;
height: 50px;
font-size: 12px;
color: #000;
border: none;
margin: 0;
width: 100%; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.opalhotel_form_section footer {
padding: 0 40px;
margin-top: 25px; } .room-choose-packages {
margin: 0;
border: none; }
.room-choose-packages .opalhotel-room-package-wrapper {
overflow: hidden;
padding: 0 30px;
opacity: 0;
visibility: hidden;
max-height: 0;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-in-out;
-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;
padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active {
max-height: 1500px;
opacity: 1;
visibility: visible; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 {
margin: 20px 30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item {
border-top: solid 1px #e4e4e4; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item {
background-color: #f6f6f6;
padding: 20px 30px;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-desc {
margin: 10px 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price {
margin: 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price .price-title {
float: left;
max-width: 70px;
margin-right: 15px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title {
margin: 0;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title label {
margin: 0; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price {
text-align: left;
font-size: 12px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input {
border: none;
width: 70px;
font-size: 12px;
line-height: 34px;
height: 36px;
padding: 1px 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="radio"], .room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="checkbox"] {
margin-top: 10px; }
.room-choose-packages .button-actions {
border-top: 1px solid #e1e1e1;
padding: 20px 30px;
background: #f6f6f6; }
.reservation-link {
background-color: #e35d5d;
color: #FFF;
display: inline-block;
padding: 15px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-family: "Montserrat"; }
.reservation-link:hover {
background-color: #8cc43f;
color: #FFF; } .opalhotel-reservation-process-steps {
margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul {
color: #b7b7b7;
margin: 0;
list-style: none;
background-color: transparent;
padding: 0;
border-bottom: 8px solid #f4f4f4; }
.opalhotel-reservation-process-steps ul li {
display: inline-block;
width: 24%;
font-size: 13px;
text-transform: uppercase;
text-align: center;
position: relative;
padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li span {
width: 60px;
height: 60px;
line-height: 56px;
display: inline-block;
margin-bottom: 25px;
background-color: #040836;
font-weight: 700;
font-size: 24px;
font-family: "Montserrat";
border-radius: 50%; }
.opalhotel-reservation-process-steps ul li h4 {
margin: 0;
font-size: 18px; }
@media (max-width: 991px) {
.opalhotel-reservation-process-steps ul li h4 {
font-size: 14px; } }
.opalhotel-reservation-process-steps ul li:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 0;
height: 8px;
background-color: #8cc43f;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-reservation-process-steps ul li.active {
color: #111; }
.opalhotel-reservation-process-steps ul li.active span {
background-color: #8cc43f;
color: #fff; }
.opalhotel-reservation-process-steps ul li.active:after {
width: 100%; }
@media (max-width: 480px) {
.opalhotel-reservation-process-steps ul li {
width: 49%; }
.opalhotel-reservation-process-steps ul li:after {
content: none; } }
.opalhotel-reservation-step-content .opalhotel_form_section {
padding: 0; }
.opalhotel-comment-form p.form-submit {
margin-top: 10px; }
.opalhotel-comment-form input[type='submit'] {
border: none;
background-color: #8cc43f;
font-family: "Montserrat";
padding: 10px 45px;
border-radius: 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase; }
ul.opalhotel-search-results {
padding: 0;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item {
background: #FFF;
list-style-type: none;
border: none;
padding: 0;
margin: 0 0 40px; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top {
clear: both;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: left;
margin-right: 30px;
position: relative; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
margin-left: 30px;
margin-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery {
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
margin: -25px 0 0 -16px;
z-index: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a {
color: #FFF; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a:hover {
color: #8cc43f; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover .room-gallery {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover:after {
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 767px) {
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: none;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail img {
width: 100%; } }
ul.opalhotel-search-results li.opalhotel-available-item .room-content {
overflow: hidden;
padding: 30px;
clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title {
margin: 0 0 25px;
font-size: 26px;
font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-except {
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info {
margin: 0 -15px 20px;
overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: left;
width: 25%;
border-top: none;
border-left: 1px solid #e8e8e8;
padding: 0 15px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: right; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li:first-child {
border-left: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
float: left;
width: 75%;
border-right: 1px solid #e8e8e8;
padding-right: 30px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-info {
padding-left: 30px;
padding-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 25%;
float: right;
text-align: center;
padding: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner {
margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages {
font-size: 12px;
font-weight: 900;
border: none !important;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
margin-bottom: 10px;
position: relative;
background-color: #e35d5d;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover, ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:active {
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-left: 5px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-right: 5px;
margin-left: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i:before {
content: "\f107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before {
content: "\f106"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #ccc; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins {
display: block;
color: #8cc43f;
font-size: 24px;
font-weight: 900;
font-style: normal;
text-decoration: none;
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button {
display: inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button-submit {
font-size: 12px;
font-weight: 900;
padding: 10px 45px;
letter-spacing: 1px;
border-radius: 40px; }
@media (max-width: 991px) {
ul.opalhotel-search-results li.opalhotel-available-item .room-info,
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 100%;
float: none;
padding: 0;
border: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
margin-bottom: 20px; } }
#opalhotel_coupon_code {
max-width: 243px; }
.opalhotel-pagination ul {
padding: 0;
margin: 0 -5px; }
.opalhotel-pagination ul li {
list-style: none;
display: inline-block;
margin: 0 5px; }
.opalhotel-pagination ul li a,
.opalhotel-pagination ul li span {
border: 1px solid #e8e8e8;
border-radius: 3px;
color: #a5a5a5;
display: block;
font-size: 12px;
line-height: 1;
padding: 10px;
text-transform: uppercase; }
.opalhotel-pagination ul li span.current {
color: #000; }
.opalhotel-pagination ul.opalhotel-pagination-available {
margin-bottom: 30px; }
.opalhotel-reservation-container {
margin-bottom: 180px; }
.opalhotel-reservation .fancybox-skin {
margin: 0 auto;
padding: 30px !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner {
width: 100% !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details header > h4 {
margin: 0; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
margin-top: 20px; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day h5 {
margin-top: 0; }
.display-mode {
margin-bottom: 30px;
border: 1px solid #e8e8e8;
padding: 5px 20px; }
.display-mode .btn {
padding: 0;
background-color: transparent;
border: none;
margin: 0px 20px 0px 0px;
color: #dbdbdb;
line-height: 35px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px; }
.rtl .display-mode .btn {
margin: 0px 0px 0px 20px; }
.display-mode .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000; }
.display-mode .btn:hover {
color: #8cc43f; }
.display-mode .btn i {
margin-right: 10px; }
.rtl .display-mode .btn i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-archive .grid-row .room-list {
margin-left: 1.5%;
margin-right: 1.5%; }
.opalhotel-archive .room-grid footer {
padding-bottom: 0; }
.opalhotel-archive .room-grid .room-top-wrap {
margin-top: 15px; }
.opalhotel-archive .room-grid .opalhotel-price {
margin-bottom: 20px; }
.room-list-item > div:last-child .room-list {
border-bottom: none;
padding-bottom: 0; }
.room-overlap {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.room-overlap .room-content-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 40px;
background-color: rgba(0, 0, 0, 0.2); }
.room-overlap .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 20px; }
.room-overlap .room-title a {
color: #fff; }
.room-overlap .room-title a:hover {
color: #8cc43f; }
.room-overlap .room-description {
color: #ccc;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-overlap .room-description p {
line-height: 28px; }
.room-overlap .opalhotel-price {
position: absolute;
z-index: 2;
left: 40px;
bottom: 30px;
text-align: left; }
.rtl .room-overlap .opalhotel-price {
right: 40px;
left: auto; }
.room-overlap .opalhotel-price .price-value {
color: #fff; }
.room-overlap .link-reservation {
position: absolute;
z-index: 2;
right: 40px;
bottom: 35px;
font-size: 12px;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.rtl .room-overlap .link-reservation {
left: 40px;
right: auto; }
.room-overlap .room-label-discount {
z-index: 2; }
.room-overlap:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 0;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 1; }
.room-overlap:hover .room-description,
.room-overlap:hover .link-reservation {
opacity: 1;
filter: alpha(opacity=100); }
.room-overlap:hover:before {
height: 100%; }
.opalhotel-carousel-rooms {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .owl-carousel-play .owl-controls {
display: block !important; } .opalhotel-single h1.room-title {
float: left;
font-size: 30px;
margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price {
float: right;
margin-bottom: 20px;
text-align: right; }
.opalhotel-single .preview {
display: block;
clear: both; }
.opalhotel-single .opalhotel-rom-gallery {
margin-bottom: 30px;
clear: both;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.opalhotel-single .opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-single .opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-thumb-item img {
width: 100%; }
.opalhotel-single .room-description {
margin-bottom: 30px;
background-color: #fff;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-description > h4 {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-description p {
line-height: 28px; }
.opalhotel-single .room-description:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-pricing-plans {
padding-bottom: 10px;
margin-top: 0; }
.opalhotel-single .room-pricing-plans .table-prices {
font-size: 14px;
font-style: italic;
color: #000; }
.opalhotel-single .room-pricing-plans .table-prices .pricing {
font-size: 12px;
font-style: normal;
color: #999999;
text-transform: uppercase;
font-weight: 300; }
.opalhotel-single .room-pricing-plans .table-prices th, .opalhotel-single .room-pricing-plans .table-prices td {
border-color: #e8e8e8; }
.opalhotel-single .room-pricing-plans > h5 {
margin-top: 0; }
.opalhotel-single #opalhotel-reviews {
margin-bottom: 50px; }
.opalhotel-single #opalhotel-reviews {
background-color: #fff;
padding: 25px 40px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single #opalhotel-reviews:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-single-title {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-meta-info {
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-meta-info > h4 {
display: none; }
.opalhotel-single .room-meta-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .opalhotel-room-meta {
overflow: hidden;
position: relative; }
.opalhotel-single .opalhotel-room-meta li {
margin: 0;
padding: 20px 30px;
float: left;
width: 25%;
border-top: none;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8; }
.rtl .opalhotel-single .opalhotel-room-meta li {
float: right; }
@media (max-width: 1200px) {
.opalhotel-single .opalhotel-room-meta li {
padding: 20px; } }
@media (max-width: 767px) {
.opalhotel-single .opalhotel-room-meta li {
width: 50%; } }
@media (max-width: 480px) {
.opalhotel-single .opalhotel-room-meta li {
width: 100%; } }
.opalhotel-single .opalhotel-room-meta:after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-single .opalhotel-room-meta:before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
right: 0;
top: 0; }
.opalhotel-single .owl-buttons > div {
color: #fff;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
margin: -35px 0 0; }
.opalhotel-single .owl-buttons > div i {
margin: 0;
font-size: 18px; }
.opalhotel-single .owl-buttons > div.owl-prev {
left: 0 !important; }
.opalhotel-single .owl-buttons > div.owl-next {
right: 0 !important; }
.opalhotel-single #comments {
padding-top: 40px; }
.opalhotel-single .room-related {
margin-bottom: 100px; }
.opalhotel-single .room-related > h3 {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 35px;
position: relative; }
.opalhotel-single .room-related > h3 span {
padding: 0 20px 0 30px;
display: inline-block;
background-color: #fafafa;
background-image: url(//naturvans.com/wp-content/themes/ecopark/images/title-bg.png);
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
z-index: 1; }
.rtl .opalhotel-single .room-related > h3 span {
padding: 0 30px 0 20px; }
.opalhotel-single .room-related > h3:after {
content: "";
height: 1px;
width: 100%;
background-color: #e8e8e8;
position: absolute;
left: 0;
top: 50%; }
.opalhotel-single .room-related .opalhotel-price {
border-bottom: none;
padding-bottom: 0;
margin: 0; }
.opalhotel-single .room-related .room-description {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 25px;
background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-single .room-discounts-info .alert-success {
padding: 20px 40px;
color: #666;
margin-bottom: 30px; }
.opalhotel-single .room-discounts-info .alert-success h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success ul {
list-style: none;
margin: 0;
padding: 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 15px;
margin: 15px 0 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item i {
margin-right: 5px;
color: #000; }
.opalhotel-single .room-discounts-info .alert-success .discount-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger {
color: #fff;
padding: 20px 40px;
background-color: #e35d5d; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li {
margin: 10px 0 0;
border-top: 1px solid #e9e9e9;
padding: 10px 0 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i {
margin-right: 5px;
color: #fff; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child {
border-top: none;
padding-top: 0; }
.comment-rating {
font-size: 13px;
color: #e5e5e5; }
.comment-rating span {
color: #febd49; }
.star-wrapper {
font-size: 13px; }
.star-wrapper .star {
color: #e5e5e5; }
.star-wrapper .star:hover, .star-wrapper .star.active {
color: #febd49; }  .opalhotel-grid-rooms {
margin-left: -15px;
margin-right: -15px; }
.opalhotel-grid-rooms article {
position: relative; }
.opalhotel-grid-rooms article .floating-wrapper {
background: #FFFFFF;
position: absolute;
height: 100%;
width: 50%;
padding: 30px;
top: 0;
right: 0;
opacity: 1;
transform: rotateY(0deg);
transition: transform 0.4s, opacity 0.1s; }
.opalhotel-grid-rooms article.hover .floating-wrapper {
opacity: 0;
backface-visibility: hidden;
transform-origin: 0 0;
transform: rotateY(-90deg);
transition: transform 0.4s, opacity 0.1s 0.3s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 25px 30px 20px;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
position: absolute;
top: 25px;
font-size: 18px;
right: 25px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
left: 25px;
right: auto; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
font-size: 24px;
margin: 0 0 20px;
padding-right: 30px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-content p {
line-height: 30px; }
.opalhotel-grid-rooms .room-grid:hover .opalhotel_loop_room_detail_wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.opalhotel-grid-rooms .room-grid.overlap-room {
overflow: hidden;
margin-left: -10px;
margin-right: -10px; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-content-wrap {
padding: 0;
position: relative;
margin-top: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-bottom-wrap {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-repeat: repeat-x;
background-position: center top;
background-image: url(//naturvans.com/wp-content/themes/ecopark/images/accommodation-bg.png);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-top-wrap {
float: none;
margin: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title {
font-size: 24px;
padding-bottom: 0px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title a {
color: #FFF; }
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 50px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
margin-bottom: 40px; }
@media (max-width: 1200px) {
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 0;
margin-bottom: 20px; } }
.opalhotel-grid-rooms .room-grid.overlap-room footer {
padding: 0;
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover {
-webkit-box-shadow: none;
box-shadow: none;
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg); }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .room-bottom-wrap {
padding-bottom: 60px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 30px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-top: 0px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-bottom: 10px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 15px; } }
.opalhotel-grid-rooms .owl-carousel-play .owl-controls {
display: block !important; }
body.opalhotel-single .sidebar .widget {
margin-bottom: 40px !important; } .opalhotel-reservation-step {
position: relative; }
.opalhotel-reservation-step .choose-room {
margin-top: -100px; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 0 15px 25px 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 0 0 25px 15px; }
.opalhotel-form-group label {
font-size: 16px;
color: #000;
margin-bottom: 0; }
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group select {
height: 42px;
padding: 5px 15px;
line-height: 30px;
background-color: #fff;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-form-group textarea {
padding: 10px 15px;
background-color: #fff;
border: 1px solid #e8e8e8;
resize: vertical;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel_checkout_review {
background-color: #8cc43f;
margin-bottom: 35px; }
.opalhotel_checkout_booking_detail {
background-color: #313131;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-section-title {
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 30px;
margin: 0;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review {
padding: 20px 30px 10px;
border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 0 10px;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta {
overflow: hidden;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: left; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: right; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: left; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel_reservation_packages {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label {
font-size: 16px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label.opalhotel-review-price {
font-style: normal;
color: #fff; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total {
font-family: "Montserrat";
color: #8cc43f;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 15px;
margin-top: 5px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total label {
font-size: 18px;
font-weight: 900;
font-style: normal; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .cart_remove_item {
color: #e93434; }
.opalhotel-payment-methods {
padding: 25px 0 0; }
.opalhotel-payment-methods .opalhotel-section-title {
font-size: 16px;
margin: 0 0 10px; }
.opalhotel-payment-methods .opalhotel_payment_gateways {
background-color: transparent;
margin: 0;
padding: 0; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label {
font-style: italic;
font-size: 14px; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-right: 5px;
float: left; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-left: 5px;
margin-right: inherit; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
float: right; }
.opalhotel-payment-methods .opalhotel_payment_gateways li .description {
padding: 5px 10px; }
.opalhotel_reservation_checkout .term-conditional {
margin-bottom: 20px; }
.opalhotel_reservation_checkout .term-conditional label {
font-size: 16px;
color: #000; }
.opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-right: 5px; }
.rtl .opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-left: 5px;
margin-right: inherit; }
.opalhotel-form-section-group.footer {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.opalhotel_order_recived .opalhotel_order_details {
background-color: #8cc43f;
color: #FFF;
margin-top: 22px;
border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 {
color: #FFF;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0 0 5px;
font-size: 18px;
text-transform: uppercase;
text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #eee0d2;
margin-bottom: 5px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-right: 25px; }
.rtl .opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-left: 25px;
margin-right: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal {
padding: 5px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label.opalhotel-review-price {
color: #fff;
font-style: normal;
font-weight: 700; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_reservation_packages {
padding: 10px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat"; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900; }
.opalhotel_order_recived .opalhotel_order_confirm_order {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 40px;
margin-bottom: 35px; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details {
margin: 0; }
.opalhotel_order_recived .opalhotel_order_customer_details > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: left;
border-right: 1px solid #e8e8e8;
font-size: 14px;
color: #000;
font-weight: 700;
margin-bottom: 15px; }
.rtl .opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: right; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label {
display: block;
margin-bottom: 0;
color: #999999;
font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer:last-child {
border-right: none; }
.opalhotel-no-room-selected {
margin-bottom: 100px;
padding: 10px 30px; }
#opalhotel_coupon_code {
background-color: #fff;
border: 1px solid #e8e8e8;
font-size: 14px;
color: #999999;
line-height: 20px; }
#opalhotel_apply_coupon {
font-size: 12px;
font-weight: 900;
background-color: transparent;
color: #999999;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: 10px 15px;
line-height: 20px; }
#opalhotel_apply_coupon:hover {
border-color: #8cc43f;
color: #8cc43f; } #opalhotel-comments {
margin-bottom: 30px; }
#opalhotel-comments .comment-list {
list-style: none;
padding: 0;
margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment {
border-bottom: 1px solid #e5e5e5;
padding: 30px 0 10px;
width: 100%; }
#opalhotel-comments .comment-list .comment .comment-author {
text-align: center;
width: 50px;
float: left;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-author .avatar {
border-radius: 50%;
margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author {
color: #000;
font-size: 14px;
text-transform: none;
margin: 0;
display: block;
line-height: 24px; }
#opalhotel-comments .comment-list .comment .comment-text {
overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-text .meta {
margin: -5px 0 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap {
display: inline-block;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content {
margin-top: 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content p {
line-height: 30px; }
#opalhotel-comments .comment-list .comment time {
display: block;
font-size: 12px; } .opalhotel-comment-form .comment-form-comment {
margin-bottom: 20px; }
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
display: inline-block;
width: 49.75%; }
@media (max-width: 992px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 49.7%; } }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 100%; } }
.opalhotel-comment-form .comment-form-author {
padding-right: 14px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 14px;
padding-right: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author {
padding-right: 0px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 0px;
padding-right: inherit; } }
.opalhotel-comment-form .comment-form-email {
padding-left: 14px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 14px;
padding-left: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-email {
padding-left: 0px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 0px;
padding-left: inherit; } }
.opalhotel-comment-form .form-control {
border: 1px solid #e8e8e8; }
.opalhotel-star {
width: 25%;
display: inline-block; }
@media (max-width: 480px) {
.opalhotel-star {
width: 100%;
display: block; } }
.comment-form-rating {
margin: 10px 0 5px 0; }
.comment-form-rating label {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }  #opalhotel_check_availability,
#opalhotel_check_availability > .ui-datepicker-inline {
width: 100% !important;
overflow: hidden; }
#opalhotel_check_availability .ui-datepicker-group {
width: 50%;
float: left; } .opalhotel-reservation-available-review {
overflow: hidden;
position: relative;
background-color: #F1F1F1;
clear: both; }
.opalhotel-reservation-available-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
font-size: 13px;
padding: 10px 20px;
font-weight: 600;
border-bottom: 1px solid #ddd; }
.opalhotel-reservation-available-room-title,
.opalhotel-order-item-room-title {
font-size: 12px;
font-weight: 600; }
.opalhotel-reservation-available-review .cart_remove_item {
float: right;
margin-left: 10px;
box-shadow: none; }
.opalhotel_reservation_available_room_info,
.opalhotel_order_item_room_info {
text-align: right; }
.opalhotel_reservation_packages,
.opalhotel-reservation-subtotal {
overflow: hidden;
padding: 5px 0px 5px 20px; }
.opalhotel_reservation_packages .opalhotel_review_package_title,
.opalhotel_reservation_packages .opalhotel_package_title,
.opalhotel_reservation_packages .opalhotel-review-price,
.opalhotel-reservation-subtotal label,
.opalhotel_order_item_subtotal label {
font-size: 12px;
margin: 0;
font-weight: 400; }
.opalhotel-reservation-available_package-item .opalhotel-review-price,
.opalhotel-reservation-subtotal .opalhotel-review-price,
.opalhotel-review-price {
float: right; }       .opalhotel_reservation_checkout {
overflow: hidden; }
.opalhotel_reservation_checkout .opalhotel-section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase; }
.opalhotel-form-section-group {
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.opalhotel_reservation_customer_group {
width: 50%;
float: left; }
.opalhotel-form-group * {
font-size: 13px;
font-weight: 400;
color: #444; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 10px 0 0 10px; }
#opalhotel_coupon_code {
max-width: 200px; }
.opalhotel-checkout-review .opalhotel-reservation-available-review,
.opalhotel_order_details {
background-color: transparent; }
.opalhotel-checkout-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
border-top: 1px dashed #d3ced2;
border-left: 1px dashed #d3ced2;
border-right: 1px dashed #d3ced2;
border-bottom: none; }
.opalhotel_payment_gateways {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #efefef; }
.opalhotel_payment_gateways li label {
font-size: 13px;
font-weight: 600;
text-transform: initial; }
.opalhotel_payment_gateways li label:hover {
cursor: pointer; }
.opalhotel_payment_gateways li .description {
padding: 10px;
font-size: 13px;
background-color: #fff;
border-radius: 3px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #e8e8e8; }
.opalhotel_payment_gateways li .description p {
margin-bottom: 0; }
.opalhotel_payment_gateways li .description.hidden {
display: none; }
.opalhotel-form-footer a {
text-decoration: none;
box-shadow: none !important; }
.opalhotel-form-footer.right {
text-align: right; }
.opalhotel-reservation-loading {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
opacity: 0.8; }
.opalhotel-reservation-loading .content {
top: 50%;
left: 50%;
margin: auto;
position: absolute; width: 30px;
height: 30px;
border-radius: 50%;
border: solid 5px #9A6767;
border-top-color: #FFF;
animation: reservation-loading  1s infinite linear; }
@-webkit-keyframes reservation-loading {
100% {
webkit-transform: rotate(360deg); } }
@-moz-keyframes reservation-loading {
100% {
transform: rotate(360deg); } }
@keyframes reservation-loading {
100% {
transform: rotate(360deg); } }  [class^="opalhotel-notice-"] {
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
border-top: none;
padding: 10px 15px !important; }
.opalhotel-notice-success {
color: #31708f;
background: #d9edf7; }
.opalhotel-error-messages {
padding: 1em 2em;
margin: 0 0 2em !important;
position: relative;
background-color: #F1F1F1;
color: #515151;
border-top: 3px solid #b81c23;
list-style: none !important;
width: auto;
word-wrap: break-word; }
.opalhotel-error-messages .opalhotel-notice-error {
font-size: 12px;
padding: 0 !important;
background-color: transparent;
color: #444; }
.opalhotel-notice-error {
color: #fff;
background: #9E3515; }
.opalhotel-no-room-selected {
color: #111;
background-color: #111; }  .opalhotel_form_cart * {
font-size: 13px;
text-transform: capitalize; }
.opalhotel_form_cart td,
.opalhotel_form_cart th {
text-align: center; }
.opalhotel_form_cart .room-discount *,
.opalhotel_form_cart .room-extra * {
font-size: 12px;
text-transform: capitalize; }
.opalhotel_form_cart .room-thumb a {
display: inline-block;
color: transparent; }
.opalhotel_form_cart .room-thumb a:hover img {
border: 1px solid #9E3515; }
.opalhotel_form_cart .room-thumb img {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
width: 50px;
height: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input:hover,
.opalhotel_form_cart .room-quantity input:focus {
border: 1px solid #9E3515; }  .opalhotel_order_confirm_order {
overflow: hidden;
border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order .column {
display: inline-block;
padding: 0 10px 0 0;
border-right: 1px solid #e8e8e8;
color: #000;
font-size: 14px;
font-weight: 700;
width: 18%;
margin-right: 10px; }
.opalhotel_order_confirm_order .column label {
color: #999;
margin-bottom: 0;
display: block;
font-weight: 400; }
.opalhotel_order_confirm_order .column:last-child {
margin-right: 0;
border-right: none;
padding-right: 0; }
.rtl .opalhotel_order_confirm_order .column:last-child {
margin-left: 0;
margin-right: inherit; }
.rtl .opalhotel_order_confirm_order .column:last-child {
padding-left: 0;
padding-right: inherit; }
.opalhotel_order_confirm_order .column:last-of-type {
border: none; }
.opalhotel_order_customer_details strong,
.opalhotel_order_customer_details small {
display: block; } .hotel-box {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-box .title {
margin: 0 0 20px; }
.opalhotel-view-details {
color: #8cc43f;
font-weight: 400;
font-family: "Montserrat";
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1; } .single-opalhotel_hotel .opalhotel_hotel h1 {
font-size: 30px;
margin: 0 0 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room:first-child {
padding-top: 0;
border-top: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-list {
margin-bottom: 25px; }
.single-opalhotel_hotel .opalhotel_hotel .room-list:after {
content: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-thumbnail {
width: 30%; }
.single-opalhotel_hotel .opalhotel_hotel .room-content {
position: static;
width: 70%;
padding: 0 0 0 20px; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 20px 0 0;
width: 75%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 0 20px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 0 0 20px;
width: 25%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .opalhotel-price {
margin-bottom: 0;
line-height: 36px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-description p {
margin-bottom: 5px; }
.single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: auto;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
left: auto;
right: auto; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: -40px;
left: auto; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb {
margin: 10px -5px 0;
display: none !important; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-prev {
left: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-next {
right: 0; }
.opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-rom-gallery .owl-buttons > div {
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
text-shadow: none;
margin-top: -25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.opalhotel-rom-gallery .owl-buttons > div i {
line-height: 50px;
font-size: 20px; }
.opalhotel-rom-gallery .owl-buttons > div:hover {
background-color: #000; }
ul.amenities {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
ul.amenities > li {
float: left;
width: 33.333333%;
font-weight: 700; }
ul.amenities > li ul {
margin-bottom: 15px; }
ul.amenities > li ul li {
font-weight: 400; }
ul.sections {
list-style: none;
padding: 0; }
ul.sections > li {
display: flex;
margin-top: 20px; }
ul.sections .image {
max-width: 300px;
margin-right: 30px; }
ul.sections .sub-title {
margin-top: 0; } .opalhotel_hotel.first-child {
clear: both; }
.hotel-grid {
background-color: #fff;
padding: 0 15px 30px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-grid .opalhotel-catalog-thumbnail {
margin-top: -30px; }
.hotel-grid .hotel-title {
margin: 20px 0 15px; }
.hotel-grid .opalhotel-hotel-details {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.hotel-grid .opalhotel-hotel-details:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
.hotel-grid .hotel-description {
padding: 0 20px 25px; } .widget_opalhotel-check-available {
background-color: #FFF;
background-repeat: no-repeat;
background-position: center bottom;
padding: 20px 30px 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-check-available .widget-title {
color: #000;
background-image: none;
padding: 0;
margin-bottom: 15px; }
.widget_opalhotel-check-available .opalhotel_form_section {
padding: 0;
background-color: transparent; }
.widget_opalhotel-check-available .opalhotel_form_section footer {
padding-left: 0;
padding-right: 0; }
.widget_opalhotel-check-available .opalhotel-form-field {
margin-bottom: 10px;
padding: 0; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-lable {
font-size: 12px;
font-weight: 700;
color: #000;
margin-bottom: 5px;
font-family: "Montserrat"; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
right: 15px;
top: 15px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
left: 15px;
right: auto; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input,
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 40px 7px 15px;
line-height: 36px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input, .rtl
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 15px 7px 40px; }
.widget_opalhotel-check-available footer {
padding-top: 10px; }
.widget_opalhotel-check-available footer .opalhotel-button-submit {
color: #FFF;
border-radius: 25px;
background-color: #8cc43f;
border: none;
font-weight: 400;
font-size: 14px;
font-family: "Montserrat";
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.widget_opalhotel-check-available footer .opalhotel-button-submit:hover {
color: #FFF;
background-color: #e35d5d; }
.widget_opalhotel-check-available:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); } .horizontal-form {
background: #fff;
clear: both;
border-top: 4px solid #e35d5d;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.horizontal-form header {
float: left;
margin: 20px 25px; }
.horizontal-form header.heading-form {
margin: 0;
padding: 50px 30px;
border-right: 1px solid #e8e8e8; }
.horizontal-form header.heading-form h3 {
font-size: 24px; }
.horizontal-form header.heading-form h3 span {
font-style: italic;
font-weight: 300; }
@media (max-width: 1200px) {
.horizontal-form header.heading-form {
display: none; } }
@media (max-width: 768px) {
.horizontal-form header {
display: none; } }
@media (max-width: 767px) {
.horizontal-form header {
display: block;
float: none; }
.horizontal-form header.heading-form {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
padding: 15px 20px;
text-align: center; }
.horizontal-form header.heading-form h3 span {
display: inline; } }
.horizontal-form h3 {
padding: 0;
margin: 0; }
.horizontal-form h3 span {
display: block; }
.horizontal-form .form-content {
padding: 0 15px;
overflow: hidden;
display: block;
position: relative; }
.horizontal-form .form-content .opalhotel-form-field {
margin: 0;
padding: 40px 5px 50px;
width: 20%;
float: left;
display: block; }
.horizontal-form .form-content .opalhotel-form-field.adults-input, .horizontal-form .form-content .opalhotel-form-field.children-input {
width: 10%; }
.horizontal-form .form-content .opalhotel-form-field label {
color: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 5px;
font-family: "Montserrat"; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px;
color: #000; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 70px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 14px;
font-weight: 400;
font-family: "Montserrat";
display: block;
border-radius: 25px;
width: 100%;
margin-top: -3px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit:hover {
background-color: #e35d5d;
color: #FFF; }
@media (max-width: 992px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px;
text-transform: none; } }
@media (max-width: 768px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px; } }
@media (max-width: 767px) {
.horizontal-form .form-content .opalhotel-form-field {
width: 100% !important;
padding: 10px 5px; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 10px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 12px;
text-transform: uppercase; } }
.horizontal-form:hover {
transform: translate(0px, -3px) rotate(0.01deg);
-moz-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-transform: translate(0px, -3px) rotate(0.01deg);
-ms-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
.horizontal-form {
padding-top: 10px; } }
.opalreservation-bottom .horizontal-form:hover {
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg);
-webkit-box-shadow: none;
box-shadow: none; } .widget_opalhotel-hotel-info {
background-color: #fff;
padding: 25px 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.widget_opalhotel-hotel-info .widget-title:after {
content: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info {
margin: 0 -30px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .map {
width: 100% !important;
margin-bottom: 20px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .address,
.widget_opalhotel-hotel-info .opalhotel-hotel-info .meta {
padding: 0 30px;
font-size: 14px;
line-height: 18px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul {
margin: 0;
padding: 0;
list-style: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
color: #000;
float: right; }
.rtl .widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
float: left; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info label {
color: #999999;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0; }
.widget_opalhotel-hotel-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.widget_opalhotel-hotels-grid .widget-title,
.widget_opalhotel-hotels-grid .widgettitle {
padding: 0; }
.widget_opalhotel-hotels-grid .widget-title:after,
.widget_opalhotel-hotels-grid .widgettitle:after {
content: none; }
.sidebar .widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.sidebar .widget_opalhotel-hotel-info ul li {
padding: 0;
border: none;
margin: 0 0 5px; }.pull-left {
float: left; }
.pull-right {
float: right; }
.grid-row {
position: relative;
width: auto;
margin-left: -1.5%;
margin-right: -1.5%; }
.grid-row .grid-column {
float: left;
margin: 0.5rem 1.5%;
min-height: 0.125rem; }
.grid-row::after {
content: "";
display: table;
clear: both; }
.grid-column-1,
.grid-column-2,
.grid-column-3,
.grid-column-4,
.grid-column-5,
.grid-column-6,
.grid-column-7,
.grid-column-8,
.grid-column-9,
.grid-column-10,
.grid-column-11,
.grid-column-12 {
width: 97%; }
.grid-column-1-sm {
width: 5.33333%; }
.grid-column-2-sm {
width: 13.66667%; }
.grid-column-3-sm {
width: 22%; }
.grid-column-4-sm {
width: 30.33333%; }
.grid-column-5-sm {
width: 38.66667%; }
.grid-column-6-sm {
width: 47%; }
.grid-column-7-sm {
width: 55.33333%; }
.grid-column-8-sm {
width: 63.66667%; }
.grid-column-9-sm {
width: 72%; }
.grid-column-10-sm {
width: 80.33333%; }
.grid-column-11-sm {
width: 88.66667%; }
.grid-column-12-sm {
width: 97%; }
@media only screen and (min-width: 45em) {
.grid-column-1 {
width: 5.33333%; }
.grid-column-2 {
width: 13.66667%; }
.grid-column-3 {
width: 22%; }
.grid-column-4 {
width: 30.33333%; }
.grid-column-5 {
width: 38.66667%; }
.grid-column-6 {
width: 47%; }
.grid-column-7 {
width: 55.33333%; }
.grid-column-8 {
width: 63.66667%; }
.grid-column-9 {
width: 72%; }
.grid-column-10 {
width: 80.33333%; }
.grid-column-11 {
width: 88.66667%; }
.grid-column-12 {
width: 97%; } }
.opalhotel-datpicker {
font-family: 'Crimson Text', serif;
line-height: 1;
color: #444;
font-weight: 400;
width: 300px;
padding: 10px;
background-color: #fff;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.opalhotel-datpicker .ui-datepicker-header {
margin-bottom: 7px;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
background-color: transparent;
position: relative; }
.opalhotel-datpicker .ui-datepicker-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev,
.opalhotel-datpicker .ui-datepicker-next {
position: absolute;
box-shadow: none;
top: 3px;
padding: 5px;
color: #444;
font-size: 0; }
.opalhotel-datpicker .ui-datepicker-prev:hover,
.opalhotel-datpicker .ui-datepicker-next:hover {
cursor: pointer;
color: #a46796; }
.opalhotel-datpicker .ui-datepicker-next {
right: 10px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before {
content: '\f101';
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before {
content: "\f100";
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev {
left: 10px; }
.opalhotel-datpicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.opalhotel-datpicker th {
color: #444;
background-color: transparent;
text-transform: uppercase;
padding: 8px;
text-align: center;
font-weight: 600;
border: 0; }
.opalhotel-datpicker td {
padding: 3px;
border: none; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled,
.opalhotel-datpicker .ui-datepicker-next.ui-state-disabled,
.opalhotel-datpicker td span,
.opalhotel-datpicker td span {
opacity: 0.3; }
.opalhotel-datpicker td a,
.opalhotel-datpicker td span {
display: block;
color: #444;
padding: 7px;
text-align: center;
border: solid 1px #e6e6e6;
background-color: transparent;
box-shadow: none; }
.opalhotel-datpicker td a:hover,
.opalhotel-datpicker td a:focus,
.opalhotel-datpicker td.ui-state-highlight a,
.opalhotel-datpicker td .ui-state-active {
border-color: #9E3515; }
.ui-datepicker-current-day a.ui-state-active { }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
width: 100%;
height: 100%;
position: relative; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal {
height: 6px;
border-radius: 3px; }
.noUi-horizontal .noUi-handle {
height: 18px;
width: 18px;
left: 0px;
top: -6px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-left: -18px; }
.rtl .noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-right: -18px;
margin-left: inherit; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }
.noUi-background {
background: #dadada;
border-radius: 3px; }
.noUi-connect {
background: #8cc43f;
border-radius: 3px; }
.noUi-dragable {
cursor: w-resize; }
.noUi-vertical .noUi-dragable {
cursor: n-resize; }
.noUi-handle {
border-radius: 50%;
background: #FFF;
cursor: default; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle {
cursor: not-allowed; }
.button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid #CCC;
white-space: nowrap;
padding: 10px 20px;
text-transform: uppercase;
background-color: #ddd;
border-radius: 40px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 700; }
.button:hover, .button:focus, .button.focus {
color: #FFF;
text-decoration: none; }
.button:active, .button.active {
outline: 0;
background-image: none; }
.button.button-primary-inverse {
background: #8cc43f;
color: #FFF;
border-color: #8cc43f; }
.button.button-primary {
letter-spacing: 1px;
color: #999;
background-color: #fff; }
.button.button-primary:hover {
color: #8cc43f;
border-color: #8cc43f; }
.button.button-default {
font-weight: 900;
font-size: 12px; }
.button.button-default:hover {
color: #999; }
.button.button-theme {
color: #FFF;
background-color: #8cc43f;
border: none;
font-size: 14px;
line-height: 30px; }
.button.button-theme:hover {
color: #8cc43f;
border-color: #8cc43f;
background: #FFF; } .opalhotel-form-field-group {
position: relative; }
.opalhotel-form-field {
padding: 10px 20px; }
.opalhotel-form-field label {
text-transform: uppercase;
font-weight: 600;
font-size: 13px; }
.opalhotel-form-field-group input,
.opalhotel-form-field-group select,
.opalhotel-form-field-group button {
background-color: #FFF;
text-transform: uppercase;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 20px 7px 12px;
font-size: 11px;
line-height: 1.2;
background-image: none;
width: 100%; }
.opalhotel-form-field-group input:focus,
.opalhotel-form-field-group select:focus {
border: 1px solid #9E3515;
outline: none; }
.opalhotel-form-field-group i {
position: absolute;
right: 10px;
top: 7px; }
.opalhotel-form-group .required {
font-size: 11px;
color: red; }
.opalhotel-form-group input,
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group textarea,
.opalhotel-form-group select {
font-size: 13px;
color: #444;
background-color: #fff;
width: 100%;
line-height: 1;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
min-height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.opalhotel-form-group input[type="text"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="email"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="text"]::-moz-input-placeholder,
.opalhotel-form-group input[type="email"]::-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-moz-input-placeholder,
.opalhotel-form-group input[type="email"]:-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-ms-input-placeholder,
.opalhotel-form-group input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: #444;
padding: 5px 10px;
width: 100%; }
.opalhotel-form-group input {
transition: all 0.3s; }
.opalhotel-form-group input[type="text"]:focus,
.opalhotel-form-group input[type="email"]:focus,
.opalhotel-form-group textarea:focus,
.opalhotel-form-group select:focus,
.opalhotel-form-group .error {
border: 1px solid #F5652E;
outline: none; }
.opalhotel-form-group .validated {
border: 1px solid #69bf29; }
.opalhotel-form-group.coupon_section {
text-align: right;
margin-bottom: 20px; } .room-price {
background: #8cc43f;
padding: 30px;
border: solid 3px #FFFFFF; }
.opalhotel-price {
font-size: 10px;
color: #999999;
text-align: center;
text-transform: uppercase;
font-family: "Montserrat"; }
.opalhotel-price .price-value {
color: #8cc43f;
font-size: 30px;
display: block;
font-family: "Playfair Display", serif; }
.room-meta-info,
.room-optional-packages {
margin-bottom: 30px; }
.opalhotel-room-meta {
margin: 0;
padding: 0;
overflow: hidden;
clear: both; }
.opalhotel-room-meta li {
margin: 0;
border-top: solid 1px #e9e9e9;
list-style: none;
text-align: left;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #000;
overflow: hidden; }
.opalhotel-room-meta li .meta-label {
display: block;
color: #999; }
.opalhotel-room-meta li .meta-text {
font-weight: 700; }
.opalhotel-room-meta li:last-child, .opalhotel-room-meta li.meta-wifi, .opalhotel-room-meta li.meta-pickup {
border-right: none; }
.opalhotel-room-meta li:before {
font-family: 'FontAwesome';
font-size: 18px;
font-style: normal;
margin-right: 15px;
float: left;
color: #8cc43f; }
.rtl .opalhotel-room-meta li:before {
margin-left: 15px;
margin-right: inherit; }
.rtl .opalhotel-room-meta li:before {
float: right; }
@media (max-width: 767px) {
.opalhotel-room-meta li:before {
margin-right: 5px; }
.rtl .opalhotel-room-meta li:before {
margin-left: 5px;
margin-right: inherit; } }
.opalhotel-room-meta li.meta-bed:before {
content: "\f236"; }
.opalhotel-room-meta li.meta-adults:before {
content: "\f0c0"; }
.opalhotel-room-meta li.meta-size:before {
content: "\f047"; }
.opalhotel-room-meta li.meta-wifi:before {
content: "\f1eb"; }
.opalhotel-room-meta li.meta-cable_tv:before {
content: "\f26c"; }
.opalhotel-room-meta li.meta-iron:before {
content: "\f06d"; }
.opalhotel-room-meta li.meta-bearkfast:before {
content: "\f0f5"; }
.opalhotel-room-meta li.meta-pickup:before {
content: "\f1b9"; }
.opalhotel-room-meta li.meta-freeslippers:before {
content: "\f1a5"; }
.opalhotel-room-meta li.meta-petsallowed:before {
content: "\f09b"; }
.opalhotel-room-meta li.meta-roomservice:before {
content: "\f1f8"; }
.opalhotel-room-meta li.meta-view:before {
content: "\f06e"; }
.comment-reply-title {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel_room.first {
clear: both; }
.opalhotel_room.first.grid-column {
clear: none; }
.opalhotel_room.first-child {
clear: both; }
.room-box {
background-color: #fff;
margin-bottom: 30px;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-box > h4 {
font-size: 24px;
margin: 0 0 25px; }
.room-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-optional-packages > h4 {
font-size: 24px;
margin: 0 0 25px; }
.opalhotel-room-packages {
overflow: hidden;
border: 1px solid #e8e8e8; }
.opalhotel-room-packages .package-item {
position: relative;
padding: 20px;
font-size: 14px;
border-top: 1px solid #e9e9e9;
overflow: hidden; }
.opalhotel-room-packages .package-item h4 {
margin: 0 0 5px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-room-packages .package-item h4:hover {
color: #8cc43f; }
.opalhotel-room-packages .package-item .opalhotel-package-price {
color: #000; }
.opalhotel-room-packages .package-item img {
margin: 0;
padding-right: 30px;
width: 30%;
float: left; }
.rtl .opalhotel-room-packages .package-item img {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-room-packages .package-item .package-description {
font-size: 16px;
line-height: 30px;
margin-top: 10px; }
.opalhotel-room-packages .package-item.has-content .package-content {
cursor: pointer; }
.opalhotel-room-packages .package-item.active.has-content {
background-color: #fff; }
.opalhotel-room-packages .package-item.active.has-content:after {
content: "\f068"; }
.opalhotel-room-packages .package-item:first-child {
border-top: none; }
.opalhotel-room-packages .package-item:after {
font-family: 'FontAwesome';
content: "\f067";
color: #ccc;
font-size: 18px;
position: absolute;
right: 20px;
top: 25px; }
.room-extra-amenities {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-extra-amenities .amenity-item {
margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item span {
display: none; }
.room-extra-amenities .amenity-item strong {
font-weight: 400;
position: relative; }
.room-extra-amenities .amenity-item strong:before {
content: "";
background-color: #FFF;
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: -8px; }
.room-extra-amenities:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-pricing-plans .pricing-day {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
line-height: 24px; }
.room-pricing-plans .pricing-day .day_name {
font-size: 12px;
font-weight: 300;
color: #666;
text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price {
color: #000;
font-size: 14px; }
.room-label-discount {
position: absolute;
top: 15px;
right: -40px;
background-color: #e74444;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 5px 40px;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .room-label-discount {
left: -40px;
right: auto; }
.opalhotel-view-price:after {
font-family: 'FontAwesome';
content: "\f13a";
font-size: 14px;
margin-left: 10px; }
.rtl .opalhotel-view-price:after {
margin-right: 10px;
margin-left: inherit; }
.opalhotel-modal-pricing {
text-align: left;
background-color: #f6f6f6;
padding: 0 20px;
position: relative;
display: block !important;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
height: 0;
visibility: hidden; }
.rtl .opalhotel-modal-pricing {
text-align: right; }
.opalhotel-modal-pricing ul {
padding: 0; }
.opalhotel-modal-pricing ul li {
list-style: none;
border-top: 1px solid #e4e4e4;
padding-top: 10px;
margin-top: 10px;
font-size: 14px; }
.opalhotel-modal-pricing ul li span {
font-weight: 700;
color: #8cc43f; }
.opalhotel-modal-pricing ul li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.opalhotel-modal-pricing > div {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-modal-pricing .opalhotel-modal-close {
cursor: pointer;
color: #e93434;
position: absolute;
right: -20px;
top: -20px; }
.rtl .opalhotel-modal-pricing .opalhotel-modal-close {
left: -20px;
right: auto; }
.opalhotel-modal-pricing.active {
margin-bottom: 15px;
height: auto;
visibility: visible;
padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div {
opacity: 1;
filter: alpha(opacity=100); } .room-grid {
margin-bottom: 30px;
position: relative;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-grid .room-content-wrap {
background-color: #FFF;
padding: 0 15px;
margin-top: 30px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-grid .room-title {
text-align: center;
margin: 0;
padding: 0 15px 5px;
font-size: 20px;
clear: both; }
.room-grid .room-top-wrap {
position: relative;
overflow: hidden;
float: left;
margin-top: -30px;
margin-bottom: 25px; }
.rtl .room-grid .room-top-wrap {
float: right; }
.room-grid .room-top-wrap .room-price-wrap {
position: absolute;
bottom: 0;
right: 30px; }
.room-grid .opalhotel-price {
margin-bottom: 30px; }
.room-grid footer {
padding: 0 15px 45px; }
.room-grid footer .view-detail {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.room-grid footer .view-detail:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
@media (max-width: 992px) {
.room-grid footer .view-detail {
padding-left: 20px;
padding-right: 20px; } }
.room-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15); }
.room-grid:hover .room-content-wrap {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.room-list {
margin-bottom: 30px;
clear: both;
position: relative;
background-color: #fff;
overflow: hidden;
display: block; }
.room-list .room-thumbnail {
width: 50%;
float: left; }
.room-list .room-content {
overflow: hidden;
position: relative;
width: 50%;
float: left; }
.room-list .room-content .left-col,
.room-list .room-content .right-col {
width: 50%;
padding: 40px; }
.room-list .room-content .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 25px; }
.room-list .room-content .opalhotel-price {
margin-bottom: 40px; }
.room-list .room-content .room-meta-info {
margin: 20px 0 0; }
.room-list .room-content .room-meta-info .opalhotel-room-meta li {
width: 100%; }
.room-list .room-content .room-description {
padding-left: 0; }
.rtl .room-list .room-content .room-description {
padding-right: 0;
padding-left: inherit; }
.room-list .room-content .room-description p {
line-height: 28px; }
.room-list:after {
content: "";
width: 1px;
height: 100%;
background-color: #e8e8e8;
position: absolute;
top: 0;
left: 75%; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-thumbnail {
float: right; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-list:after {
left: 25%; }
.opalhotel_form_section {
background-color: #FFF;
padding: 60px 0; }
.opalhotel_form_section .opalhotel-form-field {
padding: 5px 40px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable {
color: #000;
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 5px;
font-weight: 400; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input,
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select {
background-color: #e8e8e8;
padding: 0 18px 0 12px;
line-height: 50px;
height: 50px;
font-size: 12px;
color: #000;
border: none;
margin: 0;
width: 100%; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.opalhotel_form_section footer {
padding: 0 40px;
margin-top: 25px; } .room-choose-packages {
margin: 0;
border: none; }
.room-choose-packages .opalhotel-room-package-wrapper {
overflow: hidden;
padding: 0 30px;
opacity: 0;
visibility: hidden;
max-height: 0;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-in-out;
-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;
padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active {
max-height: 1500px;
opacity: 1;
visibility: visible; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 {
margin: 20px 30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item {
border-top: solid 1px #e4e4e4; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item {
background-color: #f6f6f6;
padding: 20px 30px;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-desc {
margin: 10px 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price {
margin: 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price .price-title {
float: left;
max-width: 70px;
margin-right: 15px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title {
margin: 0;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title label {
margin: 0; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price {
text-align: left;
font-size: 12px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input {
border: none;
width: 70px;
font-size: 12px;
line-height: 34px;
height: 36px;
padding: 1px 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="radio"], .room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="checkbox"] {
margin-top: 10px; }
.room-choose-packages .button-actions {
border-top: 1px solid #e1e1e1;
padding: 20px 30px;
background: #f6f6f6; }
.reservation-link {
background-color: #e35d5d;
color: #FFF;
display: inline-block;
padding: 15px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-family: "Montserrat"; }
.reservation-link:hover {
background-color: #8cc43f;
color: #FFF; } .opalhotel-reservation-process-steps {
margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul {
color: #b7b7b7;
margin: 0;
list-style: none;
background-color: transparent;
padding: 0;
border-bottom: 8px solid #f4f4f4; }
.opalhotel-reservation-process-steps ul li {
display: inline-block;
width: 24%;
font-size: 13px;
text-transform: uppercase;
text-align: center;
position: relative;
padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li span {
width: 60px;
height: 60px;
line-height: 56px;
display: inline-block;
margin-bottom: 25px;
background-color: #040836;
font-weight: 700;
font-size: 24px;
font-family: "Montserrat";
border-radius: 50%; }
.opalhotel-reservation-process-steps ul li h4 {
margin: 0;
font-size: 18px; }
@media (max-width: 991px) {
.opalhotel-reservation-process-steps ul li h4 {
font-size: 14px; } }
.opalhotel-reservation-process-steps ul li:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 0;
height: 8px;
background-color: #8cc43f;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-reservation-process-steps ul li.active {
color: #111; }
.opalhotel-reservation-process-steps ul li.active span {
background-color: #8cc43f;
color: #fff; }
.opalhotel-reservation-process-steps ul li.active:after {
width: 100%; }
@media (max-width: 480px) {
.opalhotel-reservation-process-steps ul li {
width: 49%; }
.opalhotel-reservation-process-steps ul li:after {
content: none; } }
.opalhotel-reservation-step-content .opalhotel_form_section {
padding: 0; }
.opalhotel-comment-form p.form-submit {
margin-top: 10px; }
.opalhotel-comment-form input[type='submit'] {
border: none;
background-color: #8cc43f;
font-family: "Montserrat";
padding: 10px 45px;
border-radius: 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase; }
ul.opalhotel-search-results {
padding: 0;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item {
background: #FFF;
list-style-type: none;
border: none;
padding: 0;
margin: 0 0 40px; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top {
clear: both;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: left;
margin-right: 30px;
position: relative; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
margin-left: 30px;
margin-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery {
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
margin: -25px 0 0 -16px;
z-index: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a {
color: #FFF; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a:hover {
color: #8cc43f; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover .room-gallery {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover:after {
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 767px) {
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: none;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail img {
width: 100%; } }
ul.opalhotel-search-results li.opalhotel-available-item .room-content {
overflow: hidden;
padding: 30px;
clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title {
margin: 0 0 25px;
font-size: 26px;
font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-except {
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info {
margin: 0 -15px 20px;
overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: left;
width: 25%;
border-top: none;
border-left: 1px solid #e8e8e8;
padding: 0 15px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: right; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li:first-child {
border-left: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
float: left;
width: 75%;
border-right: 1px solid #e8e8e8;
padding-right: 30px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-info {
padding-left: 30px;
padding-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 25%;
float: right;
text-align: center;
padding: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner {
margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages {
font-size: 12px;
font-weight: 900;
border: none !important;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
margin-bottom: 10px;
position: relative;
background-color: #e35d5d;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover, ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:active {
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-left: 5px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-right: 5px;
margin-left: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i:before {
content: "\f107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before {
content: "\f106"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #ccc; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins {
display: block;
color: #8cc43f;
font-size: 24px;
font-weight: 900;
font-style: normal;
text-decoration: none;
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button {
display: inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button-submit {
font-size: 12px;
font-weight: 900;
padding: 10px 45px;
letter-spacing: 1px;
border-radius: 40px; }
@media (max-width: 991px) {
ul.opalhotel-search-results li.opalhotel-available-item .room-info,
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 100%;
float: none;
padding: 0;
border: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
margin-bottom: 20px; } }
#opalhotel_coupon_code {
max-width: 243px; }
.opalhotel-pagination ul {
padding: 0;
margin: 0 -5px; }
.opalhotel-pagination ul li {
list-style: none;
display: inline-block;
margin: 0 5px; }
.opalhotel-pagination ul li a,
.opalhotel-pagination ul li span {
border: 1px solid #e8e8e8;
border-radius: 3px;
color: #a5a5a5;
display: block;
font-size: 12px;
line-height: 1;
padding: 10px;
text-transform: uppercase; }
.opalhotel-pagination ul li span.current {
color: #000; }
.opalhotel-pagination ul.opalhotel-pagination-available {
margin-bottom: 30px; }
.opalhotel-reservation-container {
margin-bottom: 180px; }
.opalhotel-reservation .fancybox-skin {
margin: 0 auto;
padding: 30px !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner {
width: 100% !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details header > h4 {
margin: 0; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
margin-top: 20px; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day h5 {
margin-top: 0; }
.display-mode {
margin-bottom: 30px;
border: 1px solid #e8e8e8;
padding: 5px 20px; }
.display-mode .btn {
padding: 0;
background-color: transparent;
border: none;
margin: 0px 20px 0px 0px;
color: #dbdbdb;
line-height: 35px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px; }
.rtl .display-mode .btn {
margin: 0px 0px 0px 20px; }
.display-mode .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000; }
.display-mode .btn:hover {
color: #8cc43f; }
.display-mode .btn i {
margin-right: 10px; }
.rtl .display-mode .btn i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-archive .grid-row .room-list {
margin-left: 1.5%;
margin-right: 1.5%; }
.opalhotel-archive .room-grid footer {
padding-bottom: 0; }
.opalhotel-archive .room-grid .room-top-wrap {
margin-top: 15px; }
.opalhotel-archive .room-grid .opalhotel-price {
margin-bottom: 20px; }
.room-list-item > div:last-child .room-list {
border-bottom: none;
padding-bottom: 0; }
.room-overlap {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.room-overlap .room-content-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 40px;
background-color: rgba(0, 0, 0, 0.2); }
.room-overlap .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 20px; }
.room-overlap .room-title a {
color: #fff; }
.room-overlap .room-title a:hover {
color: #8cc43f; }
.room-overlap .room-description {
color: #ccc;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-overlap .room-description p {
line-height: 28px; }
.room-overlap .opalhotel-price {
position: absolute;
z-index: 2;
left: 40px;
bottom: 30px;
text-align: left; }
.rtl .room-overlap .opalhotel-price {
right: 40px;
left: auto; }
.room-overlap .opalhotel-price .price-value {
color: #fff; }
.room-overlap .link-reservation {
position: absolute;
z-index: 2;
right: 40px;
bottom: 35px;
font-size: 12px;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.rtl .room-overlap .link-reservation {
left: 40px;
right: auto; }
.room-overlap .room-label-discount {
z-index: 2; }
.room-overlap:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 0;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 1; }
.room-overlap:hover .room-description,
.room-overlap:hover .link-reservation {
opacity: 1;
filter: alpha(opacity=100); }
.room-overlap:hover:before {
height: 100%; }
.opalhotel-carousel-rooms {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .owl-carousel-play .owl-controls {
display: block !important; } .opalhotel-single h1.room-title {
float: left;
font-size: 30px;
margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price {
float: right;
margin-bottom: 20px;
text-align: right; }
.opalhotel-single .preview {
display: block;
clear: both; }
.opalhotel-single .opalhotel-rom-gallery {
margin-bottom: 30px;
clear: both;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.opalhotel-single .opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-single .opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-thumb-item img {
width: 100%; }
.opalhotel-single .room-description {
margin-bottom: 30px;
background-color: #fff;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-description > h4 {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-description p {
line-height: 28px; }
.opalhotel-single .room-description:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-pricing-plans {
padding-bottom: 10px;
margin-top: 0; }
.opalhotel-single .room-pricing-plans .table-prices {
font-size: 14px;
font-style: italic;
color: #000; }
.opalhotel-single .room-pricing-plans .table-prices .pricing {
font-size: 12px;
font-style: normal;
color: #999999;
text-transform: uppercase;
font-weight: 300; }
.opalhotel-single .room-pricing-plans .table-prices th, .opalhotel-single .room-pricing-plans .table-prices td {
border-color: #e8e8e8; }
.opalhotel-single .room-pricing-plans > h5 {
margin-top: 0; }
.opalhotel-single #opalhotel-reviews {
margin-bottom: 50px; }
.opalhotel-single #opalhotel-reviews {
background-color: #fff;
padding: 25px 40px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single #opalhotel-reviews:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-single-title {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-meta-info {
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-meta-info > h4 {
display: none; }
.opalhotel-single .room-meta-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .opalhotel-room-meta {
overflow: hidden;
position: relative; }
.opalhotel-single .opalhotel-room-meta li {
margin: 0;
padding: 20px 30px;
float: left;
width: 25%;
border-top: none;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8; }
.rtl .opalhotel-single .opalhotel-room-meta li {
float: right; }
@media (max-width: 1200px) {
.opalhotel-single .opalhotel-room-meta li {
padding: 20px; } }
@media (max-width: 767px) {
.opalhotel-single .opalhotel-room-meta li {
width: 50%; } }
@media (max-width: 480px) {
.opalhotel-single .opalhotel-room-meta li {
width: 100%; } }
.opalhotel-single .opalhotel-room-meta:after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-single .opalhotel-room-meta:before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
right: 0;
top: 0; }
.opalhotel-single .owl-buttons > div {
color: #fff;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
margin: -35px 0 0; }
.opalhotel-single .owl-buttons > div i {
margin: 0;
font-size: 18px; }
.opalhotel-single .owl-buttons > div.owl-prev {
left: 0 !important; }
.opalhotel-single .owl-buttons > div.owl-next {
right: 0 !important; }
.opalhotel-single #comments {
padding-top: 40px; }
.opalhotel-single .room-related {
margin-bottom: 100px; }
.opalhotel-single .room-related > h3 {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 35px;
position: relative; }
.opalhotel-single .room-related > h3 span {
padding: 0 20px 0 30px;
display: inline-block;
background-color: #fafafa;
background-image: url(//naturvans.com/wp-content/themes/ecopark/images/title-bg.png);
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
z-index: 1; }
.rtl .opalhotel-single .room-related > h3 span {
padding: 0 30px 0 20px; }
.opalhotel-single .room-related > h3:after {
content: "";
height: 1px;
width: 100%;
background-color: #e8e8e8;
position: absolute;
left: 0;
top: 50%; }
.opalhotel-single .room-related .opalhotel-price {
border-bottom: none;
padding-bottom: 0;
margin: 0; }
.opalhotel-single .room-related .room-description {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 25px;
background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-single .room-discounts-info .alert-success {
padding: 20px 40px;
color: #666;
margin-bottom: 30px; }
.opalhotel-single .room-discounts-info .alert-success h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success ul {
list-style: none;
margin: 0;
padding: 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 15px;
margin: 15px 0 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item i {
margin-right: 5px;
color: #000; }
.opalhotel-single .room-discounts-info .alert-success .discount-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger {
color: #fff;
padding: 20px 40px;
background-color: #e35d5d; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li {
margin: 10px 0 0;
border-top: 1px solid #e9e9e9;
padding: 10px 0 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i {
margin-right: 5px;
color: #fff; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child {
border-top: none;
padding-top: 0; }
.comment-rating {
font-size: 13px;
color: #e5e5e5; }
.comment-rating span {
color: #febd49; }
.star-wrapper {
font-size: 13px; }
.star-wrapper .star {
color: #e5e5e5; }
.star-wrapper .star:hover, .star-wrapper .star.active {
color: #febd49; }  .opalhotel-grid-rooms {
margin-left: -15px;
margin-right: -15px; }
.opalhotel-grid-rooms article {
position: relative; }
.opalhotel-grid-rooms article .floating-wrapper {
background: #FFFFFF;
position: absolute;
height: 100%;
width: 50%;
padding: 30px;
top: 0;
right: 0;
opacity: 1;
transform: rotateY(0deg);
transition: transform 0.4s, opacity 0.1s; }
.opalhotel-grid-rooms article.hover .floating-wrapper {
opacity: 0;
backface-visibility: hidden;
transform-origin: 0 0;
transform: rotateY(-90deg);
transition: transform 0.4s, opacity 0.1s 0.3s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 25px 30px 20px;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
position: absolute;
top: 25px;
font-size: 18px;
right: 25px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
left: 25px;
right: auto; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
font-size: 24px;
margin: 0 0 20px;
padding-right: 30px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-content p {
line-height: 30px; }
.opalhotel-grid-rooms .room-grid:hover .opalhotel_loop_room_detail_wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.opalhotel-grid-rooms .room-grid.overlap-room {
overflow: hidden;
margin-left: -10px;
margin-right: -10px; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-content-wrap {
padding: 0;
position: relative;
margin-top: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-bottom-wrap {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-repeat: repeat-x;
background-position: center top;
background-image: url(//naturvans.com/wp-content/themes/ecopark/images/accommodation-bg.png);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-top-wrap {
float: none;
margin: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title {
font-size: 24px;
padding-bottom: 0px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title a {
color: #FFF; }
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 50px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
margin-bottom: 40px; }
@media (max-width: 1200px) {
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 0;
margin-bottom: 20px; } }
.opalhotel-grid-rooms .room-grid.overlap-room footer {
padding: 0;
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover {
-webkit-box-shadow: none;
box-shadow: none;
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg); }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .room-bottom-wrap {
padding-bottom: 60px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 30px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-top: 0px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-bottom: 10px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 15px; } }
.opalhotel-grid-rooms .owl-carousel-play .owl-controls {
display: block !important; }
body.opalhotel-single .sidebar .widget {
margin-bottom: 40px !important; } .opalhotel-reservation-step {
position: relative; }
.opalhotel-reservation-step .choose-room {
margin-top: -100px; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 0 15px 25px 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 0 0 25px 15px; }
.opalhotel-form-group label {
font-size: 16px;
color: #000;
margin-bottom: 0; }
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group select {
height: 42px;
padding: 5px 15px;
line-height: 30px;
background-color: #fff;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-form-group textarea {
padding: 10px 15px;
background-color: #fff;
border: 1px solid #e8e8e8;
resize: vertical;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel_checkout_review {
background-color: #8cc43f;
margin-bottom: 35px; }
.opalhotel_checkout_booking_detail {
background-color: #313131;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-section-title {
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 30px;
margin: 0;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review {
padding: 20px 30px 10px;
border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 0 10px;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta {
overflow: hidden;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: left; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: right; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: left; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel_reservation_packages {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label {
font-size: 16px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label.opalhotel-review-price {
font-style: normal;
color: #fff; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total {
font-family: "Montserrat";
color: #8cc43f;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 15px;
margin-top: 5px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total label {
font-size: 18px;
font-weight: 900;
font-style: normal; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .cart_remove_item {
color: #e93434; }
.opalhotel-payment-methods {
padding: 25px 0 0; }
.opalhotel-payment-methods .opalhotel-section-title {
font-size: 16px;
margin: 0 0 10px; }
.opalhotel-payment-methods .opalhotel_payment_gateways {
background-color: transparent;
margin: 0;
padding: 0; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label {
font-style: italic;
font-size: 14px; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-right: 5px;
float: left; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-left: 5px;
margin-right: inherit; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
float: right; }
.opalhotel-payment-methods .opalhotel_payment_gateways li .description {
padding: 5px 10px; }
.opalhotel_reservation_checkout .term-conditional {
margin-bottom: 20px; }
.opalhotel_reservation_checkout .term-conditional label {
font-size: 16px;
color: #000; }
.opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-right: 5px; }
.rtl .opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-left: 5px;
margin-right: inherit; }
.opalhotel-form-section-group.footer {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.opalhotel_order_recived .opalhotel_order_details {
background-color: #8cc43f;
color: #FFF;
margin-top: 22px;
border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 {
color: #FFF;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0 0 5px;
font-size: 18px;
text-transform: uppercase;
text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #eee0d2;
margin-bottom: 5px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-right: 25px; }
.rtl .opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-left: 25px;
margin-right: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal {
padding: 5px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label.opalhotel-review-price {
color: #fff;
font-style: normal;
font-weight: 700; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_reservation_packages {
padding: 10px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat"; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900; }
.opalhotel_order_recived .opalhotel_order_confirm_order {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 40px;
margin-bottom: 35px; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details {
margin: 0; }
.opalhotel_order_recived .opalhotel_order_customer_details > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: left;
border-right: 1px solid #e8e8e8;
font-size: 14px;
color: #000;
font-weight: 700;
margin-bottom: 15px; }
.rtl .opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: right; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label {
display: block;
margin-bottom: 0;
color: #999999;
font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer:last-child {
border-right: none; }
.opalhotel-no-room-selected {
margin-bottom: 100px;
padding: 10px 30px; }
#opalhotel_coupon_code {
background-color: #fff;
border: 1px solid #e8e8e8;
font-size: 14px;
color: #999999;
line-height: 20px; }
#opalhotel_apply_coupon {
font-size: 12px;
font-weight: 900;
background-color: transparent;
color: #999999;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: 10px 15px;
line-height: 20px; }
#opalhotel_apply_coupon:hover {
border-color: #8cc43f;
color: #8cc43f; } #opalhotel-comments {
margin-bottom: 30px; }
#opalhotel-comments .comment-list {
list-style: none;
padding: 0;
margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment {
border-bottom: 1px solid #e5e5e5;
padding: 30px 0 10px;
width: 100%; }
#opalhotel-comments .comment-list .comment .comment-author {
text-align: center;
width: 50px;
float: left;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-author .avatar {
border-radius: 50%;
margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author {
color: #000;
font-size: 14px;
text-transform: none;
margin: 0;
display: block;
line-height: 24px; }
#opalhotel-comments .comment-list .comment .comment-text {
overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-text .meta {
margin: -5px 0 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap {
display: inline-block;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content {
margin-top: 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content p {
line-height: 30px; }
#opalhotel-comments .comment-list .comment time {
display: block;
font-size: 12px; } .opalhotel-comment-form .comment-form-comment {
margin-bottom: 20px; }
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
display: inline-block;
width: 49.75%; }
@media (max-width: 992px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 49.7%; } }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 100%; } }
.opalhotel-comment-form .comment-form-author {
padding-right: 14px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 14px;
padding-right: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author {
padding-right: 0px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 0px;
padding-right: inherit; } }
.opalhotel-comment-form .comment-form-email {
padding-left: 14px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 14px;
padding-left: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-email {
padding-left: 0px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 0px;
padding-left: inherit; } }
.opalhotel-comment-form .form-control {
border: 1px solid #e8e8e8; }
.opalhotel-star {
width: 25%;
display: inline-block; }
@media (max-width: 480px) {
.opalhotel-star {
width: 100%;
display: block; } }
.comment-form-rating {
margin: 10px 0 5px 0; }
.comment-form-rating label {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }  #opalhotel_check_availability,
#opalhotel_check_availability > .ui-datepicker-inline {
width: 100% !important;
overflow: hidden; }
#opalhotel_check_availability .ui-datepicker-group {
width: 50%;
float: left; } .opalhotel-reservation-available-review {
overflow: hidden;
position: relative;
background-color: #F1F1F1;
clear: both; }
.opalhotel-reservation-available-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
font-size: 13px;
padding: 10px 20px;
font-weight: 600;
border-bottom: 1px solid #ddd; }
.opalhotel-reservation-available-room-title,
.opalhotel-order-item-room-title {
font-size: 12px;
font-weight: 600; }
.opalhotel-reservation-available-review .cart_remove_item {
float: right;
margin-left: 10px;
box-shadow: none; }
.opalhotel_reservation_available_room_info,
.opalhotel_order_item_room_info {
text-align: right; }
.opalhotel_reservation_packages,
.opalhotel-reservation-subtotal {
overflow: hidden;
padding: 5px 0px 5px 20px; }
.opalhotel_reservation_packages .opalhotel_review_package_title,
.opalhotel_reservation_packages .opalhotel_package_title,
.opalhotel_reservation_packages .opalhotel-review-price,
.opalhotel-reservation-subtotal label,
.opalhotel_order_item_subtotal label {
font-size: 12px;
margin: 0;
font-weight: 400; }
.opalhotel-reservation-available_package-item .opalhotel-review-price,
.opalhotel-reservation-subtotal .opalhotel-review-price,
.opalhotel-review-price {
float: right; }       .opalhotel_reservation_checkout {
overflow: hidden; }
.opalhotel_reservation_checkout .opalhotel-section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase; }
.opalhotel-form-section-group {
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.opalhotel_reservation_customer_group {
width: 50%;
float: left; }
.opalhotel-form-group * {
font-size: 13px;
font-weight: 400;
color: #444; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 10px 0 0 10px; }
#opalhotel_coupon_code {
max-width: 200px; }
.opalhotel-checkout-review .opalhotel-reservation-available-review,
.opalhotel_order_details {
background-color: transparent; }
.opalhotel-checkout-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
border-top: 1px dashed #d3ced2;
border-left: 1px dashed #d3ced2;
border-right: 1px dashed #d3ced2;
border-bottom: none; }
.opalhotel_payment_gateways {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #efefef; }
.opalhotel_payment_gateways li label {
font-size: 13px;
font-weight: 600;
text-transform: initial; }
.opalhotel_payment_gateways li label:hover {
cursor: pointer; }
.opalhotel_payment_gateways li .description {
padding: 10px;
font-size: 13px;
background-color: #fff;
border-radius: 3px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #e8e8e8; }
.opalhotel_payment_gateways li .description p {
margin-bottom: 0; }
.opalhotel_payment_gateways li .description.hidden {
display: none; }
.opalhotel-form-footer a {
text-decoration: none;
box-shadow: none !important; }
.opalhotel-form-footer.right {
text-align: right; }
.opalhotel-reservation-loading {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
opacity: 0.8; }
.opalhotel-reservation-loading .content {
top: 50%;
left: 50%;
margin: auto;
position: absolute; width: 30px;
height: 30px;
border-radius: 50%;
border: solid 5px #9A6767;
border-top-color: #FFF;
animation: reservation-loading  1s infinite linear; }
@-webkit-keyframes reservation-loading {
100% {
webkit-transform: rotate(360deg); } }
@-moz-keyframes reservation-loading {
100% {
transform: rotate(360deg); } }
@keyframes reservation-loading {
100% {
transform: rotate(360deg); } }  [class^="opalhotel-notice-"] {
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
border-top: none;
padding: 10px 15px !important; }
.opalhotel-notice-success {
color: #31708f;
background: #d9edf7; }
.opalhotel-error-messages {
padding: 1em 2em;
margin: 0 0 2em !important;
position: relative;
background-color: #F1F1F1;
color: #515151;
border-top: 3px solid #b81c23;
list-style: none !important;
width: auto;
word-wrap: break-word; }
.opalhotel-error-messages .opalhotel-notice-error {
font-size: 12px;
padding: 0 !important;
background-color: transparent;
color: #444; }
.opalhotel-notice-error {
color: #fff;
background: #9E3515; }
.opalhotel-no-room-selected {
color: #111;
background-color: #111; }  .opalhotel_form_cart * {
font-size: 13px;
text-transform: capitalize; }
.opalhotel_form_cart td,
.opalhotel_form_cart th {
text-align: center; }
.opalhotel_form_cart .room-discount *,
.opalhotel_form_cart .room-extra * {
font-size: 12px;
text-transform: capitalize; }
.opalhotel_form_cart .room-thumb a {
display: inline-block;
color: transparent; }
.opalhotel_form_cart .room-thumb a:hover img {
border: 1px solid #9E3515; }
.opalhotel_form_cart .room-thumb img {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
width: 50px;
height: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input:hover,
.opalhotel_form_cart .room-quantity input:focus {
border: 1px solid #9E3515; }  .opalhotel_order_confirm_order {
overflow: hidden;
border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order .column {
display: inline-block;
padding: 0 10px 0 0;
border-right: 1px solid #e8e8e8;
color: #000;
font-size: 14px;
font-weight: 700;
width: 18%;
margin-right: 10px; }
.opalhotel_order_confirm_order .column label {
color: #999;
margin-bottom: 0;
display: block;
font-weight: 400; }
.opalhotel_order_confirm_order .column:last-child {
margin-right: 0;
border-right: none;
padding-right: 0; }
.rtl .opalhotel_order_confirm_order .column:last-child {
margin-left: 0;
margin-right: inherit; }
.rtl .opalhotel_order_confirm_order .column:last-child {
padding-left: 0;
padding-right: inherit; }
.opalhotel_order_confirm_order .column:last-of-type {
border: none; }
.opalhotel_order_customer_details strong,
.opalhotel_order_customer_details small {
display: block; } .hotel-box {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-box .title {
margin: 0 0 20px; }
.opalhotel-view-details {
color: #8cc43f;
font-weight: 400;
font-family: "Montserrat";
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1; } .single-opalhotel_hotel .opalhotel_hotel h1 {
font-size: 30px;
margin: 0 0 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room:first-child {
padding-top: 0;
border-top: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-list {
margin-bottom: 25px; }
.single-opalhotel_hotel .opalhotel_hotel .room-list:after {
content: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-thumbnail {
width: 30%; }
.single-opalhotel_hotel .opalhotel_hotel .room-content {
position: static;
width: 70%;
padding: 0 0 0 20px; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 20px 0 0;
width: 75%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 0 20px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 0 0 20px;
width: 25%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .opalhotel-price {
margin-bottom: 0;
line-height: 36px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-description p {
margin-bottom: 5px; }
.single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: auto;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
left: auto;
right: auto; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: -40px;
left: auto; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb {
margin: 10px -5px 0;
display: none !important; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-prev {
left: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-next {
right: 0; }
.opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-rom-gallery .owl-buttons > div {
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
text-shadow: none;
margin-top: -25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.opalhotel-rom-gallery .owl-buttons > div i {
line-height: 50px;
font-size: 20px; }
.opalhotel-rom-gallery .owl-buttons > div:hover {
background-color: #000; }
ul.amenities {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
ul.amenities > li {
float: left;
width: 33.333333%;
font-weight: 700; }
ul.amenities > li ul {
margin-bottom: 15px; }
ul.amenities > li ul li {
font-weight: 400; }
ul.sections {
list-style: none;
padding: 0; }
ul.sections > li {
display: flex;
margin-top: 20px; }
ul.sections .image {
max-width: 300px;
margin-right: 30px; }
ul.sections .sub-title {
margin-top: 0; } .opalhotel_hotel.first-child {
clear: both; }
.hotel-grid {
background-color: #fff;
padding: 0 15px 30px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-grid .opalhotel-catalog-thumbnail {
margin-top: -30px; }
.hotel-grid .hotel-title {
margin: 20px 0 15px; }
.hotel-grid .opalhotel-hotel-details {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.hotel-grid .opalhotel-hotel-details:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
.hotel-grid .hotel-description {
padding: 0 20px 25px; } .widget_opalhotel-check-available {
background-color: #FFF;
background-repeat: no-repeat;
background-position: center bottom;
padding: 20px 30px 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-check-available .widget-title {
color: #000;
background-image: none;
padding: 0;
margin-bottom: 15px; }
.widget_opalhotel-check-available .opalhotel_form_section {
padding: 0;
background-color: transparent; }
.widget_opalhotel-check-available .opalhotel_form_section footer {
padding-left: 0;
padding-right: 0; }
.widget_opalhotel-check-available .opalhotel-form-field {
margin-bottom: 10px;
padding: 0; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-lable {
font-size: 12px;
font-weight: 700;
color: #000;
margin-bottom: 5px;
font-family: "Montserrat"; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
right: 15px;
top: 15px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
left: 15px;
right: auto; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input,
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 40px 7px 15px;
line-height: 36px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input, .rtl
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 15px 7px 40px; }
.widget_opalhotel-check-available footer {
padding-top: 10px; }
.widget_opalhotel-check-available footer .opalhotel-button-submit {
color: #FFF;
border-radius: 25px;
background-color: #8cc43f;
border: none;
font-weight: 400;
font-size: 14px;
font-family: "Montserrat";
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.widget_opalhotel-check-available footer .opalhotel-button-submit:hover {
color: #FFF;
background-color: #e35d5d; }
.widget_opalhotel-check-available:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); } .horizontal-form {
background: #fff;
clear: both;
border-top: 4px solid #e35d5d;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.horizontal-form header {
float: left;
margin: 20px 25px; }
.horizontal-form header.heading-form {
margin: 0;
padding: 50px 30px;
border-right: 1px solid #e8e8e8; }
.horizontal-form header.heading-form h3 {
font-size: 24px; }
.horizontal-form header.heading-form h3 span {
font-style: italic;
font-weight: 300; }
@media (max-width: 1200px) {
.horizontal-form header.heading-form {
display: none; } }
@media (max-width: 768px) {
.horizontal-form header {
display: none; } }
@media (max-width: 767px) {
.horizontal-form header {
display: block;
float: none; }
.horizontal-form header.heading-form {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
padding: 15px 20px;
text-align: center; }
.horizontal-form header.heading-form h3 span {
display: inline; } }
.horizontal-form h3 {
padding: 0;
margin: 0; }
.horizontal-form h3 span {
display: block; }
.horizontal-form .form-content {
padding: 0 15px;
overflow: hidden;
display: block;
position: relative; }
.horizontal-form .form-content .opalhotel-form-field {
margin: 0;
padding: 40px 5px 50px;
width: 20%;
float: left;
display: block; }
.horizontal-form .form-content .opalhotel-form-field.adults-input, .horizontal-form .form-content .opalhotel-form-field.children-input {
width: 10%; }
.horizontal-form .form-content .opalhotel-form-field label {
color: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 5px;
font-family: "Montserrat"; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px;
color: #000; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 70px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 14px;
font-weight: 400;
font-family: "Montserrat";
display: block;
border-radius: 25px;
width: 100%;
margin-top: -3px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit:hover {
background-color: #e35d5d;
color: #FFF; }
@media (max-width: 992px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px;
text-transform: none; } }
@media (max-width: 768px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px; } }
@media (max-width: 767px) {
.horizontal-form .form-content .opalhotel-form-field {
width: 100% !important;
padding: 10px 5px; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 10px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 12px;
text-transform: uppercase; } }
.horizontal-form:hover {
transform: translate(0px, -3px) rotate(0.01deg);
-moz-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-transform: translate(0px, -3px) rotate(0.01deg);
-ms-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
.horizontal-form {
padding-top: 10px; } }
.opalreservation-bottom .horizontal-form:hover {
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg);
-webkit-box-shadow: none;
box-shadow: none; } .widget_opalhotel-hotel-info {
background-color: #fff;
padding: 25px 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.widget_opalhotel-hotel-info .widget-title:after {
content: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info {
margin: 0 -30px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .map {
width: 100% !important;
margin-bottom: 20px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .address,
.widget_opalhotel-hotel-info .opalhotel-hotel-info .meta {
padding: 0 30px;
font-size: 14px;
line-height: 18px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul {
margin: 0;
padding: 0;
list-style: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
color: #000;
float: right; }
.rtl .widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
float: left; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info label {
color: #999999;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0; }
.widget_opalhotel-hotel-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.widget_opalhotel-hotels-grid .widget-title,
.widget_opalhotel-hotels-grid .widgettitle {
padding: 0; }
.widget_opalhotel-hotels-grid .widget-title:after,
.widget_opalhotel-hotels-grid .widgettitle:after {
content: none; }
.sidebar .widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.sidebar .widget_opalhotel-hotel-info ul li {
padding: 0;
border: none;
margin: 0 0 5px; }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/owl-carousel/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}.jBox-wrapper {
text-align: left;
box-sizing: border-box;
}
.jBox-title,
.jBox-content,
.jBox-container {
position: relative;
word-break: break-word;
box-sizing: border-box;
}
.jBox-container {
background: #fff;
}
.jBox-content {
padding: 8px 10px;
overflow-x: hidden;
overflow-y: auto;
transition: opacity .2s;
} .jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}
.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
padding: 8px 10px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Tooltip .jBox-content,
.jBox-hasTitle.jBox-Mouse .jBox-content {
padding-top: 5px;
}
.jBox-Mouse {
pointer-events: none;
} .jBox-pointer {
position: absolute;
overflow: hidden;
}
.jBox-pointer-top { top: 0; }
.jBox-pointer-bottom { bottom: 0; }
.jBox-pointer-left { left: 0; }
.jBox-pointer-right { right: 0; }
.jBox-pointer-top,
.jBox-pointer-bottom {
width: 30px;
height: 12px;
}
.jBox-pointer-left,
.jBox-pointer-right {
width: 12px;
height: 30px;
}
.jBox-pointer:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
background: #fff;
transform: rotate(45deg);
}
.jBox-pointer-top:after {
left: 5px;
top: 6px;
box-shadow: -1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-right:after {
top: 5px;
right: 6px;
box-shadow: 1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-bottom:after {
left: 5px;
bottom: 6px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-left:after {
top: 5px;
left: 6px;
box-shadow: -1px 1px 2px rgba(0, 0, 0, .15);
} .jBox-Modal .jBox-container {
border-radius: 4px;
}
.jBox-Modal .jBox-content {
padding: 15px 20px;
}
.jBox-Modal .jBox-title {
border-radius: 4px 4px 0 0;
padding: 15px 20px;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.jBox-Modal .jBox-footer {
border-radius: 0 0 4px 4px;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
padding-right: 55px;
}
.jBox-Modal .jBox-container,
.jBox-Modal.jBox-closeButton-box:before {
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
} .jBox-closeButton {
cursor: pointer;
position: absolute;
}
.jBox-closeButton svg {
position: absolute;
top: 50%;
right: 50%;
}
.jBox-closeButton path {
transition: fill .2s;
}
.jBox-closeButton path {
fill: #aaa;
}
.jBox-closeButton:hover path {
fill: #888;
}
.jBox-closeButton:active path {
fill: #666;
} .jBox-overlay .jBox-closeButton {
top: 0;
right: 0;
width: 40px;
height: 40px;
}
.jBox-overlay .jBox-closeButton svg {
width: 20px;
height: 20px;
margin-top: -10px;
margin-right: -10px;
}
.jBox-overlay .jBox-closeButton path,
.jBox-overlay .jBox-closeButton:active path {
fill: #ddd;
}
.jBox-overlay .jBox-closeButton:hover path {
fill: #fff;
} .jBox-closeButton-title .jBox-closeButton {
top: 0;
right: 0;
bottom: 0;
width: 40px;
}
.jBox-closeButton-title .jBox-closeButton svg {
width: 12px;
height: 12px;
margin-top: -6px;
margin-right: -6px;
} .jBox-closeButton-box .jBox-closeButton {
top: -8px;
right: -10px;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
width: 10px;
height: 10px;
margin-top: -5px;
margin-right: -5px;
}
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
background: #fafafa;
}
.jBox-closeButton-box:before {
content: '';
position: absolute;
top: -8px;
right: -10px;
width: 24px;
height: 24px;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.jBox-pointerPosition-top.jBox-closeButton-box:before {
top: 5px;
}
.jBox-pointerPosition-right.jBox-closeButton-box:before {
right: 2px;
} .jBox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .82);
} .jBox-footer {
background: #fafafa;
border-top: 1px solid #eee;
padding: 8px 10px;
border-radius: 0 0 3px 3px;
} body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] {
overflow: hidden;
} .jBox-draggable {
cursor: move;
} @keyframes jBoxLoading {
to { transform: rotate(360deg); }
}
.jBox-loading .jBox-content {
opacity: .2;
}
.jBox-loading-spinner .jBox-content {
min-height: 38px !important;
min-width: 38px !important;
opacity: 0;
}
.jBox-spinner {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
}
.jBox-spinner:before {
display: block;
box-sizing: border-box;
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .8);
animation: jBoxLoading .6s linear infinite;
} [class^="jBox-animated-"],
[class*=" jBox-animated-"] {
animation-fill-mode: both;
}
@keyframes jBox-tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.8) rotate(-4deg);}
30%, 50%, 70%, 90% {transform: scale(1.2) rotate(4deg);}
40%, 60%, 80% {transform: scale(1.2) rotate(-4deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tada {
animation: jBox-tada 1s;
}
@keyframes jBox-tadaSmall {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-2deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(2deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-2deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tadaSmall {
animation: jBox-tadaSmall 1s;
}
@keyframes jBox-flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}
.jBox-animated-flash {
animation: jBox-flash .5s;
}
@keyframes jBox-shake {
0%, 100% {transform: translateX(0);}
20%, 60% {transform: translateX(-6px);}
40%, 80% {transform: translateX(6px);}
}
.jBox-animated-shake {
animation: jBox-shake .4s;
}
@keyframes jBox-pulseUp {
0% {transform: scale(1);}
50% {transform: scale(1.15);}
100% {transform: scale(1);}
}
.jBox-animated-pulseUp {
animation: jBox-pulseUp .25s;
}
@keyframes jBox-pulseDown {
0% {transform: scale(1);}
50% {transform: scale(0.85);}
100% {transform: scale(1);}
}
.jBox-animated-pulseDown {
animation: jBox-pulseDown .25s;
}
@keyframes jBox-popIn {
0% {transform: scale(0);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.jBox-animated-popIn {
animation: jBox-popIn .25s;
}
@keyframes jBox-popOut {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(0);}
}
.jBox-animated-popOut {
animation: jBox-popOut .25s;
}
@keyframes jBox-fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.jBox-animated-fadeIn {
animation: jBox-fadeIn .2s;
}
@keyframes jBox-fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.jBox-animated-fadeOut {
animation: jBox-fadeOut .2s;
}
@keyframes jBox-slideUp {
0% {transform: translateY(0);}
100% {transform: translateY(-300px); opacity: 0;}
}
.jBox-animated-slideUp {
animation: jBox-slideUp .4s;
}
@keyframes jBox-slideRight {
0% {transform: translateX(0);}
100% {transform: translateX(300px); opacity: 0;}
}
.jBox-animated-slideRight {
animation: jBox-slideRight .4s;
}
@keyframes jBox-slideDown {
0% {transform: translateY(0);}
100% {transform: translateY(300px); opacity: 0;}
}
.jBox-animated-slideDown {
animation: jBox-slideDown .4s;
}
@keyframes jBox-slideLeft {
0% {transform: translateX(0);}
100% {transform: translateX(-300px); opacity: 0;}
}
.jBox-animated-slideLeft {
animation: jBox-slideLeft .4s;
}.jBox-Notice {
transition: margin .2s;
}
.jBox-Notice .jBox-container {
border-radius: 3px;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .25), inset -1px -1px 0 0 rgba(0, 0, 0, .1);
}
.jBox-Notice .jBox-content {
border-radius: 3px;
padding: 12px 20px;
}
.jBox-Notice .jBox-title {
padding: 12px 20px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 5px;
}
.jBox-Notice-black .jBox-container {
color: #fff;
background: #000;
}
.jBox-Notice-gray .jBox-container {
color: #333;
background: #f6f6f6;
}
.jBox-Notice-red .jBox-container {
color: #fff;
background: #d00;
}
.jBox-Notice-green .jBox-container {
color: #fff;
background: #5d0;
}
.jBox-Notice-blue .jBox-container {
color: #fff;
background: #07d;
}
.jBox-Notice-yellow .jBox-container {
color: #000;
background: #fd0;
}
@media (max-width: 768px) {
.jBox-Notice .jBox-content {
padding: 10px 15px;
}
.jBox-Notice .jBox-title {
padding: 10px 15px 0;
}
}
@media (max-width: 500px) {
.jBox-Notice .jBox-content {
padding: 8px 10px;
}
.jBox-Notice .jBox-title {
padding: 8px 10px 0;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 0;
}
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//naturvans.com/wp-content/plugins/opal-hotel-room-booking/assets/libraries/mCustomScrollbar/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }:root{--direction-multiplier:1}body.rtl,html[dir=rtl]{--direction-multiplier:-1}.elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{clear:both;content:"";display:block;height:0;width:0}.e-logo-wrapper{display:inline-block;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-circle-logo);font-size:2.5em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{background-color:transparent;margin:0}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video,.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%)}.elementor .elementor-background-video-hosted{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-custom-embed-play{inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(calc(-50% * var(--direction-multiplier)),-50%)}.elementor-custom-embed-play i{color:#fff;font-size:100px;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));height:100px;width:100px}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-duration:10s;transition-property:transform;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}.elementor-align-center{text-align:center}.elementor-align-right{text-align:right}.elementor-align-left{text-align:left}.elementor-align-center .elementor-button,.elementor-align-left .elementor-button,.elementor-align-right .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-center .elementor-button,.elementor-widescreen-align-left .elementor-button,.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-center .elementor-button,.elementor-laptop-align-left .elementor-button,.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-center .elementor-button,.elementor-tablet_extra-align-left .elementor-button,.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-center .elementor-button,.elementor-tablet-align-left .elementor-button,.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-center .elementor-button,.elementor-mobile_extra-align-left .elementor-button,.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-center .elementor-button,.elementor-mobile-align-left .elementor-button,.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-inline:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-block-end:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(10),.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(10),.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;margin-block-end:calc(-1 * var(--grid-row-gap));width:100%;word-spacing:var(--grid-column-gap)}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-block-end:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}:is([data-widget_type="e-component.default"],[data-widget_type="e-component.default"]>.elementor-section-wrap)>.e-con{--margin-right:0px;--margin-left:0px}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{align-items:center;flex-wrap:wrap}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{background-color:transparent;border:1px solid #69727d;color:#1f2124;flex-grow:1;max-width:100%;vertical-align:middle;width:100%}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;flex-basis:100%;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-inline-end:20px;text-transform:inherit}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;inset-block-start:50%;inset-inline-end:10px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.3);transform:translateY(-50%)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{color:red;content:"*";padding-inline-start:.2em}.elementor-field-textual{border-radius:3px;font-size:15px;line-height:1.4;min-height:40px;padding:5px 14px}.elementor-field-textual.elementor-size-xs{border-radius:2px;font-size:13px;min-height:33px;padding:4px 12px}.elementor-field-textual.elementor-size-md{border-radius:4px;font-size:16px;min-height:47px;padding:6px 16px}.elementor-field-textual.elementor-size-lg{border-radius:5px;font-size:18px;min-height:59px;padding:7px 20px}.elementor-field-textual.elementor-size-xl{border-radius:6px;font-size:20px;min-height:72px;padding:8px 24px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-button-align-start .e-form__buttons,[dir=rtl] .elementor-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-button-align-end .e-form__buttons,[dir=rtl] .elementor-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-tablet-button-align-start .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-tablet-button-align-end .e-form__buttons,[dir=rtl] .elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit,[dir=rtl] .elementor-mobile-button-align-start .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-end}[dir=rtl] .elementor-mobile-button-align-end .e-form__buttons,[dir=rtl] .elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{font-size:1em;line-height:1;margin:10px 0}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-style:normal;font-weight:400;margin-inline-end:5px;vertical-align:middle}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{border:none;padding-block-end:0;padding-block-start:0}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{border-radius:2px;font-size:13px;padding:10px 20px}.elementor-button.elementor-size-md{border-radius:4px;font-size:16px;padding:15px 30px}.elementor-button.elementor-size-lg{border-radius:5px;font-size:18px;padding:20px 40px}.elementor-button.elementor-size-xl{border-radius:6px;font-size:20px;padding:25px 50px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;fill:#fff;padding:.5em}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container,.e-transform:not(:has(.elementor-widget-container)){transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none!important}html *{transition-delay:0s!important;transition-duration:0s!important}}@media (max-width:767px){.elementor .elementor-hidden-mobile,.elementor .elementor-hidden-phone{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}