@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } i.icon { display: inline-block; vertical-align: middle; background-size: 100% auto; background-position: center; background-repeat: no-repeat; font-style: normal; position: relative; } @font-face{ font-family:'FontAwesome'; src:url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } .fa{ display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} html, body { height: 100%; font-family: 'Open Sans', sans-serif; line-height: 1.5; font-weight: 400; vertical-align: baseline; background: #ffffff; color: #444444; } body { font-size: 15px; } .ovf_hidden{ overflow: hidden !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; line-height: 1.5; font-weight: 400; margin: 0 0 20px 0; color: #212121; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 20px; } p { margin: 0 0 20px 0; } /*======================================================================= [02] General =========================================================================*/ a { text-decoration: none; } a:active, a:hover, a:focus { text-decoration: none; } a:active, a:hover, a:focus { outline: 0 none; } img { max-width: 100%; height: auto; } ul { list-style: outside none none; margin: 0; padding: 0; } .clear:after { clear: both; content: ""; display: block; } #wrapper { width: 100%; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: auto; position: relative; right: 0px; } .bg-primary { background: #228AB7; color: #ffffff; } .bg-secondary { /* background: #f4f6f5; */ background-color: #F1F5F7 !important; } .bg-primaryText { background: #263238; color: #ffffff; } .bg-textPrimary { background: #ffffff; color: #228AB7; } /* BILHETES CELULAR */ @media only screen and (max-width: 767px) { .item_bilhete{ width:18.1%; padding:2.9% 0.0% 2.5% 6.5%; margin: 0.7% 1.4% 0.7% 0.0%; } .item_bilhete_m_100{ width:18.1%; padding:2.9% 0.0% 2.5% 5.0%; margin: 0.7% 1.4% 0.7% 0.0%; } .item_bilhete_m_milhar{ width:18.1%; padding:2.9% 0.0% 2.5% 5.0%; margin: 0.7% 1.4% 0.7% 0.0%; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button { padding: 14px 17px 13px 17px !important; } } /* BILHETES TABLETS */ @media (min-width: 768px) and (max-width: 1024px) { .item_bilhete{ width:8.6%; padding:2.5% 0.0% 2.1% 3.0%; margin: 0.7% 1.4% 0.7% 0.0%; } .item_bilhete_m_100{ width:8.6%; padding:2.5% 0.0% 2.1% 2.6%; margin: 0.7% 1.4% 0.7% 0.0%; } .item_bilhete_m_milhar{ width:5.97%; padding:1.5% 0.0% 1.3% 1.5%; margin: 0.36% 0.65% 0.36% 0.0%; } } /* NOTEBOOKS E PCS */ @media (min-width: 1025px) { .item_bilhete{ width:5.97%; padding:1.5% 0.0% 1.3% 2.2%; margin: 0.36% 0.65% 0.36% 0.0%; } .item_bilhete_m_100{ width:5.97%; padding:1.5% 0.0% 1.3% 1.9%; margin: 0.36% 0.65% 0.36% 0.0%; } .item_bilhete_m_milhar{ width:5.97%; padding:1.5% 0.0% 1.3% 1.5%; margin: 0.36% 0.65% 0.36% 0.0%; } } @media only screen and (max-width: 767px) { .display-none-in-mobile { display: none!important; } } .margin-bottom-none { margin-bottom: 0!important; } .para-inner-default { margin-bottom: 40px; color: #707070; font-size: 16px; } .section-space-default { padding: 112px 0 95px; } @media (min-width: 992px) and (max-width: 1199px) { .section-space-default { padding: 102px 0 85px; } } @media (min-width: 768px) and (max-width: 991px) { .section-space-default { padding: 92px 0 75px; } } @media (min-width: 480px) and (max-width: 767px) { .section-space-default { padding: 82px 0 65px; } } @media (min-width: 321px) and (max-width: 479px) { .section-space-default { padding: 72px 0 55px; } } @media only screen and (max-width: 320px) { .section-space-default { padding: 62px 0 45px; } .txt_total{ font-size: 17px !important; padding: 14px 15px 14px 15px !important; } .finalizar-btn { padding: 12px 18px 12px 18px !important; font-size: 17px !important; } } .section-space-bottom { padding: 0 0 125px; } @media (min-width: 992px) and (max-width: 1199px) { .section-space-bottom { padding: 0 0 115px; } } @media (min-width: 768px) and (max-width: 991px) { .section-space-bottom { padding: 0 0 105px; } } @media (min-width: 480px) and (max-width: 767px) { .section-space-bottom { padding: 0 0 95px; } } @media (min-width: 321px) and (max-width: 479px) { .section-space-bottom { padding: 0 0 85px; } } @media only screen and (max-width: 320px) { .section-space-bottom { padding: 0 0 75px; } } .bg-common-style { background-size: cover; background-position: center; background-repeat: no-repeat; } .section-divider { height: 1px; width: 100%; background: #bdbdbd; } .margin-left-none { margin: 0!important; } .inner-page-details h3 { font-size: 20px; color: #5D6F81 !important; } .inner-page-details p { color: #5D6F81 !important; } .title-inner-section { font-size: 18px; color: #263238; padding: 15px 30px; background: #ffffff; border: 1px solid #dfdfdf; font-weight: 500; margin-bottom: 28px; } .title-default { font-size: 36px; color: #263238; /* text-transform: capitalize; */ text-align: center; font-weight: 500; margin-bottom: 45px; } @media (min-width: 992px) and (max-width: 1199px) { .title-default { font-size: 34px; } } @media (min-width: 768px) and (max-width: 991px) { .title-default { font-size: 32px; } } @media (min-width: 480px) and (max-width: 767px) { .title-default { font-size: 30px; } .botao_mobile{ padding: 29px 29px 29px 29px; } } @media (min-width: 321px) and (max-width: 479px) { .title-default { font-size: 28px; } .botao_mobile{ padding: 28px 25px 20px 25px; } } @media only screen and (max-width: 320px) { .title-default { font-size: 26px; } .botao_mobile{ padding: 22px 25px 20px 25px; } } .title-textPrimary { font-size: 36px; color: #ffffff; text-align: center; font-weight: 500; margin-bottom: 45px; } @media (min-width: 992px) and (max-width: 1199px) { .title-textPrimary { font-size: 34px; } } @media (min-width: 768px) and (max-width: 991px) { .title-textPrimary { font-size: 32px; } } @media (min-width: 480px) and (max-width: 767px) { .title-textPrimary { font-size: 30px; } } @media (min-width: 321px) and (max-width: 479px) { .title-textPrimary { font-size: 28px; } } @media only screen and (max-width: 320px) { .title-textPrimary { font-size: 26px; } } .title-secondary { background: transparent; font-size: 24px; padding-bottom: 15px; margin-bottom: 40px; font-weight: 500; text-transform: capitalize; color: #263238; border-bottom: 1px solid #d7d7d7; } .title-inner-default { font-size: 23px; color: #263238; text-transform: capitalize; font-weight: 500; margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .title-inner-default { font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .title-inner-default { font-size: 28px; } } @media (min-width: 480px) and (max-width: 767px) { .title-inner-default { font-size: 26px; } } @media (min-width: 321px) and (max-width: 479px) { .title-inner-default { font-size: 24px; } } @media only screen and (max-width: 320px) { .title-inner-default { font-size: 22px; } } .title-section { font-size: 24px; padding: 15px 35px; background: #ffffff; color: #263238; font-weight: 700; text-align: left; border: 0px solid #d7d7d7; margin-bottom: 0; } @media (min-width: 992px) and (max-width: 1199px) { .title-section { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .title-section { font-size: 24px; } } @media (min-width: 480px) and (max-width: 767px) { .title-section { font-size: 22px; padding: 15px 30px; } } @media (min-width: 321px) and (max-width: 479px) { .title-section { font-size: 20px; padding: 15px 20px; } } @media only screen and (max-width: 320px) { .title-section { font-size: 20px; padding: 15px; } } .default-btn { color: #ffffff; padding: 12px 44px; background: transparent; text-transform: uppercase; font-size: 16px; font-weight: 500; display: inline-block; border: 1px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 480px) and (max-width: 767px) { .default-btn { padding: 12px 40px; } } @media (min-width: 321px) and (max-width: 479px) { .default-btn { padding: 12px 36px; } } @media only screen and (max-width: 320px) { .default-btn { padding: 12px 30px; } } .default-btn:hover { border: 1px solid #689f38; background: #689f38; color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .isotop-box-btn { text-align: center; margin-bottom: 45px; } .isotop-box-btn:after { display: none; } .isotop-box-btn a { background: #f4f6f5; padding: 10px 26px; font-size: 14px; font-weight: 500; color: #263238; margin: 0 3px 5px; text-transform: capitalize; display: inline-block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 768px) and (max-width: 1199px) { .isotop-box-btn a { padding: 10px 26px; } } .isotop-box-btn a:hover { -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); background: #e74c3c; color: #ffffff; } .isotop-box-btn .current { -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); background: #e74c3c; color: #ffffff; } .isotop-box-btn-white { text-align: center; margin-bottom: 45px; } .isotop-box-btn-white:after { display: none; } .isotop-box-btn-white a { background: #ffffff; padding: 10px 26px; font-size: 14px; font-weight: 500; color: #263238; margin: 0 3px 5px; text-transform: capitalize; display: inline-block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 768px) and (max-width: 1199px) { .isotop-box-btn-white a { padding: 10px 26px; } } .isotop-box-btn-white a:hover { -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); background: #e74c3c; color: #ffffff; } .isotop-box-btn-white .current { -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); background: #e74c3c; color: #ffffff; } .secondary-btn { border: none; color: #263238; padding: 13px 35px; background: #f4f6f5; text-transform: capitalize; font-size: 16px; font-weight: 700; display: inline-block; -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .secondary-btn:hover { color: #ffffff; background: #228AB7; } .btn-area { margin: 30px 0 20px; text-align: center; } .btn-area li { position: relative; display: inline-block; border: none; text-transform: capitalize; font-size: 16px; font-weight: 700; background: transparent; border: 2px solid #228AB7; margin: 0 5px 10px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-area li:before { background: #228AB7; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } .btn-area li a { display: block; color: #212121; padding: 10px 35px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-area li:hover { -webkit-box-shadow: 0px 1px 3px 0px rgba(184, 184, 184, 0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(184, 184, 184, 0.75); box-shadow: 0px 1px 3px 0px rgba(184, 184, 184, 0.75); } .btn-area li:hover a { color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .apply-now-btn { text-align: center; color: #228AB7; padding: 8px 20px 9px; background: transparent; text-transform: capitalize; border-radius: 4px; font-size: 12px; font-weight: 700; display: inline-block; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .apply-now-btn:hover, .apply-now-btn:focus { background: #228AB7; color: #ffffff; } .apply-now-btn-color { text-align: center; color: #e74c3c; padding: 8px 20px 9px; background: transparent; text-transform: capitalize; border-radius: 4px; font-size: 12px; font-weight: 700; display: inline-block; border: 2px solid #e74c3c; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 480px) and (max-width: 767px) { .apply-now-btn-color { font-size: 11px; padding: 7px 18px 8px; } } @media (min-width: 321px) and (max-width: 479px) { .apply-now-btn-color { font-size: 10px; padding: 6px 15px 7px; } } @media only screen and (max-width: 320px) { .apply-now-btn-color { font-size: 10px; padding: 5px 10px 6px; } } .apply-now-btn-color:hover, .apply-now-btn-color:focus { background: #e74c3c; color: #ffffff; } .apply-now-btn-primary { text-align: center; color: #ffffff; padding: 8px 20px 9px; background: #228AB7; text-transform: capitalize; border-radius: 4px; font-size: 12px; font-weight: 700; display: inline-block; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .apply-now-btn-primary:hover, .apply-now-btn-primary:focus { background: transparent; color: #228AB7; } .update-btn { margin-top: 30px; text-align: center; color: #ffffff; padding: 10px 30px 11px; background: #228AB7; text-transform: capitalize; font-size: 15px; font-weight: 500; display: inline-block; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .update-btn:hover { background: transparent; color: #228AB7; } .find-btn:link { display: ruby-text; text-align: center; color: #ffffff !important; padding: 6px 20px 7px; background: #E31E4C; text-transform: capitalize; font-size: 15px; font-weight: 500; border: 2px solid #E31E4C; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .find-btn:visited { background: #E31E4C; color: #fff !important; } .find-btn:hover { background: transparent; color: #E31E4C !important; } .find-btn:active { background: #E31E4C; color: #fff !important; } .find-btn-icon:link { text-align: center; display: block; color: #ffffff !important; padding: 20px 20px 10px 15px; background: #E31E4C; font-size: 15px; border: 2px solid #E31E4C; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .find-btn-icon i { color: #fff !important; position: absolute; top:10px; left: 8px; } .find-btn-icon:visited { background: #E31E4C; color: #fff !important; } .find-btn-icon:hover { background: transparent; color: #E31E4C !important; } .find-btn-icon:hover i { color: #E31E4C !important; } .find-btn-icon:active { background: #E31E4C; color: #fff !important; } .btn-fill-textPrimary { display: inline-block; text-align: center; color: #263238; padding: 14px 40px; background: #ffffff; text-transform: capitalize; font-size: 18px; border: 2px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-fill-textPrimary:hover { background: transparent; color: #ffffff; } .btn-find { margin: 10px 5px 0 5px; display: inline-block; text-align: center; color: #ffffff; padding: 8px 20px 9px; background: #228AB7; text-transform: capitalize; font-size: 15px; font-weight: 500; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-find i { margin-right: 10px; } .btn-find:hover { background: transparent; color: #228AB7; } .btn-checkout { margin: 10px 5px 0 5px; display: inline-block; text-align: center; color: #ffffff; padding: 8px 20px 9px; background: #e74c3c; text-transform: capitalize; font-size: 15px; font-weight: 500; border: 2px solid #e74c3c; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-checkout i { margin-right: 10px; } .btn-checkout:hover { background: transparent; color: #e74c3c; } .sidebar-full-width-btn { text-align: center; color: #ffffff; padding: 10px 0; background: #228AB7; text-transform: uppercase; font-size: 15px; font-weight: 700; display: inline-block; border: none; width: 100%; border: 2px solid #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-full-width-btn i { margin-right: 10px; } .sidebar-full-width-btn:hover { background: transparent; color: #228AB7; } .add-to-cart-btn { text-align: center; color: #ffffff; padding: 10px 0; background: #228AB7; text-transform: capitalize; font-size: 16px; font-weight: 700; display: inline-block; border: none; width: 100%; border: 2px solid #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .add-to-cart-btn i { margin-right: 10px; } .add-to-cart-btn:hover { background: transparent; color: #228AB7; } .add-to-favourites-btn { text-align: center; color: #ffffff; padding: 10px 0; background: #42a5f5; text-transform: capitalize; font-size: 16px; font-weight: 700; display: inline-block; border: none; width: 100%; border: 2px solid #42a5f5; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .add-to-favourites-btn i { margin-right: 10px; } .add-to-favourites-btn:hover { background: transparent; color: #42a5f5; } .buy-now-btn { text-align: center; color: #ffffff; padding: 10px 0; background: #546e7a; text-transform: capitalize; font-size: 16px; font-weight: 700; display: inline-block; border: none; width: 100%; border: 2px solid #546e7a; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .buy-now-btn i { margin-right: 10px; } .buy-now-btn:hover { background: transparent; color: #546e7a; } .read-more { color: #228AB7; } .title-bar-footer { margin-bottom: 50px; position: relative; font-weight: 300; } .title-bar-footer:before { content: ""; height: 3px; width: 45px; background: #0FD2F9; position: absolute; left: 0; bottom: -20px; z-index: 1; } .title-bar-medium-left { position: relative; } .title-bar-medium-left:before { content: ""; height: 4px; width: 44px; background: #228AB7; position: absolute; left: 0; bottom: -12px; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .inner-page-padding { background: #ffffff; padding: 30px 35px; border-radius: 3px !important; } @media (min-width: 480px) and (max-width: 767px) { .inner-page-padding { padding: 30px; } } @media (min-width: 321px) and (max-width: 479px) { .inner-page-padding { padding: 30px 20px; } } @media only screen and (max-width: 320px) { .inner-page-padding { padding: 30px 15px; } } .inner-page-content-box { background: #ffffff; padding: 30px 35px; border: 1px solid #d7d7d7; } .overlay-primary { position: relative; } .overlay-primary:before { content: ""; height: 100%; width: 100%; top: 0; left: 0; right: 0; margin: 0 auto; position: absolute; background-color: rgba(139, 195, 74, 0.7); } .overlay-default { position: relative; } .overlay-default:before { content: ""; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: absolute; z-index: 6; top: 0; left: 0; right: 0; } #scrollUp { background-color: rgba(227, 30, 76, 0.8); bottom: 5px; color: #ffffff; display: block; font-size: 18px; height: 45px; line-height: 45px; position: fixed; right: 20px; text-align: center; text-decoration: none; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 45px; z-index: 99999; border-radius: 50%; } #scrollUp i { color: #ffffff; } #scrollUp:hover, #scrollUp:focus { background-color: rgba(253, 192, 15, 0.8); } #scrollUp:hover i, #scrollUp:focus i { color: #fff; } #preloader { background: #ffffff url('../img/loader.svg') no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } .pagination-align-left { text-align: left; margin-top: 27px; } @media only screen and (max-width: 991px) { .pagination-align-left { margin-top: 0; } } .pagination-align-left li { display: inline-block; margin: 0 1px; -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); } .pagination-align-left li a { width: 42px; font-size: 16px; color: #263238; height: 40px; background: #ffffff; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-align-left li a:hover { background: #e74c3c; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-align-center { text-align: center; margin-top: 25px; } @media only screen and (max-width: 991px) { .pagination-align-center { margin-top: 0; } } .pagination-align-center li { display: inline-block; margin: 0 1px; /* -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); */ } .pagination-align-center li a { width: 42px; font-size: 16px; color: #849CAC; height: 40px; background: #ffffff; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-radius: 3px; } .pagination-align-center li a:hover { background: #25C3EC; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-align-center li.active a { background: #D0DBE2; cursor: default; color: #ffffff; } .pagination-profile-align-center { margin-bottom: 15px; text-align: center; } .pagination-profile-align-center li { display: inline-block; margin: 0 1px; -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); } .pagination-profile-align-center li a { width: 42px; font-size: 16px; color: #ffffff; height: 40px; background: #455a64; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-profile-align-center li a:hover { background: #e74c3c; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-area .pagination-wrapper { padding: 45px 0 38px; } .pagination-area .pagination-wrapper ul li { display: inline-block; color: #5D6F81; } .pagination-area .pagination-wrapper ul li a { color: #b0bec5; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-area .pagination-wrapper ul li a:hover { color: #25C3EC; } .pagination-area .pagination-wrapper ul li span { color: #b0bec5; } ul.social-default li { display: inline-block; } ul.social-default li a { color: #ffffff; display: block; padding: 5px 5px 0px 5px; background: red; } .single-banner { border-radius: 4px; overflow: hidden; margin-bottom: 20px; } .single-banner img { width: 100%; } ul.default-rating li { display: inline-block; color: #ffa726; margin-left: 1px; font-size: 12px; } ul.default-rating li:first-child { margin-left: 0; } ul.default-rating li:last-child { color: #b0bec5; } ul.default-rating li:last-child span { color: #263238; } .pagination-center { text-align: center; margin-top: 43px; } @media (min-width: 992px) and (max-width: 1199px) { .pagination-center { margin-top: 33px; } } @media (min-width: 768px) and (max-width: 991px) { .pagination-center { margin-top: 23px; } } @media (min-width: 480px) and (max-width: 767px) { .pagination-center { margin-top: 13px; } } @media (min-width: 321px) and (max-width: 479px) { .pagination-center { margin-top: 03px; } } @media only screen and (max-width: 320px) { .pagination-center { margin-top: 0px; } } .pagination-center li { display: inline-block; } .pagination-center li a { width: 42px; font-size: 16px; color: #ffffff; height: 40px; background: #228AB7; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-center li a:hover { background: #e74c3c; } .pagination-center .active a { background: #e74c3c; } .pagination-left { text-align: left; margin-top: 20px; } .pagination-left li { display: inline-block; } .pagination-left li a { width: 42px; font-size: 16px; color: #ffffff; height: 40px; background: #228AB7; display: block; line-height: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-left li a:hover { background: #e74c3c; } .pagination-left .active a { background: #e74c3c; } .select2-container .select2-selection--single { height: 40px; } .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #707070; font-weight: 400!important; } .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .select2-container--classic .select2-dropdown { border: 1px solid #228AB7 !important; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #228AB7; color: #ffffff; font-weight: 600; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #228AB7; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #dcdcdc; } .nav-control-middle .owl-controls i { color: #ffffff; display: block; line-height: 45px; font-size: 24px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-nav { margin-top: 0; } .nav-control-middle .owl-controls .owl-nav > div { background: #e74c3c; opacity: 1; font-size: 18px; margin: 0 4px; height: 55px; width: 55px; border-radius: 50%; position: absolute; transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-prev { left: -90px; } .nav-control-middle .owl-controls .owl-prev:hover { background: #ffffff; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-prev:hover i { color: #263238; } .nav-control-middle .owl-controls .owl-next { right: -90px; } .nav-control-middle .owl-controls .owl-next:hover { background: #ffffff; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle .owl-controls .owl-next:hover i { color: #263238; } .nav-control-middle-textPrimary .owl-controls i { color: #ffffff; display: block; line-height: 26px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle-textPrimary .owl-controls .owl-nav > div { border: 1px solid #ffffff; background: transparent; opacity: 1; font-size: 18px; margin: 0 4px; height: 35px; width: 50px; border-radius: 50px; position: absolute; transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle-textPrimary .owl-controls .owl-prev { left: -90px; } .nav-control-middle-textPrimary .owl-controls .owl-prev:hover { background: #ffffff; border: 1px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle-textPrimary .owl-controls .owl-prev:hover i { color: #228AB7; } .nav-control-middle-textPrimary .owl-controls .owl-next { right: -80px; } .nav-control-middle-textPrimary .owl-controls .owl-next:hover { background: #ffffff; border: 1px solid #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-middle-textPrimary .owl-controls .owl-next:hover i { color: #228AB7; } .nav-control-bottom .owl-controls { position: absolute; left: 0; right: 0; margin: 0 auto; } .nav-control-bottom .owl-controls i { color: #228AB7; display: block; line-height: 26px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-bottom .owl-controls:hover i { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-bottom .owl-controls .owl-nav > div { border: 1px solid #228AB7; background: transparent; opacity: 1; font-size: 18px; margin: 0 4px; height: 35px; width: 50px; border-radius: 50px; transform: translateY(-50%); top: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-bottom .owl-controls .owl-nav > div:hover { background: #228AB7; border: 1px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-bottom .owl-controls .owl-nav > div:hover i { color: #ffffff; } .nav-control-bottom .owl-controls .owl-prev { left: -90px; } .nav-control-bottom .owl-controls .owl-next { right: -90px; } .dot-control-textPrimary .owl-controls { position: relative; top: 35px; } .dot-control-textPrimary .owl-controls .owl-dots .owl-dot span { background: #e8e8e8; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control-textPrimary .owl-controls .owl-dots .active span { background: #228AB7; } body > .fox-tooltip { font-size: 100%; position: absolute; z-index: 9999; /* -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; */ color: #fff; border-radius: 3px; background: #0FD2F9; padding: 2px 10px; border-width: 2px; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } body > .fox-tooltip, body > .fox-tooltip .fox-tooltip-bottom:after { background: #0FD2F9; border-radius: 2px; } body > .fox-tooltip .fox-tooltip-bottom { width: 70px; height: 18px; overflow: hidden; position: absolute; left: 50%; margin-left: -32px; bottom: -16px; } body > .fox-tooltip .fox-tooltip-bottom:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*======================================================================= [03] Header Area =========================================================================*/ .logo-area { margin: 21px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header1-area { /* .login-registration-btn { display: none; } @media only screen and (max-width : 991px) { .login-registration-btn { margin-bottom: 15px; text-align: center; display: block!important; li { display: inline-block; } } } */ } .header1-area nav#desktop-nav > ul { text-align: right; } .header1-area nav#desktop-nav > ul > li > a { padding: 28px 20px 29px; color: #212121; } @media (min-width: 992px) and (max-width: 1199px) { .header1-area nav#desktop-nav > ul > li > a { padding: 28px 14px 29px; } } @media (min-width: 768px) and (max-width: 991px) { .header1-area nav#desktop-nav > ul > li > a { padding: 28px 9px 29px; } } @media only screen and (max-width: 991px) { .header1-area nav#desktop-nav > ul > li .mega-menu-area { left: -250px; } } .header2-area nav#desktop-nav > ul { text-align: left; } .header2-area nav#desktop-nav > ul > li > a { padding: 20px; color: #ffffff; } @media (min-width: 992px) and (max-width: 1199px) { .header2-area nav#desktop-nav > ul > li > a { /* padding: 20px 15px; */ } } @media (min-width: 768px) and (max-width: 991px) { .header2-area nav#desktop-nav > ul > li > a { /* padding: 20px 6px; */ } } nav#desktop-nav > ul { text-align: right; } nav#desktop-nav > ul > .active > a { color: #e74c3c !important; } nav#desktop-nav > ul li { display: inline-block; position: relative; } nav#desktop-nav > ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; } nav#desktop-nav > ul li a { display: block; text-transform: capitalize; text-decoration: none; font-weight: 500; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 992px) and (max-width: 1199px) { nav#desktop-nav > ul li a { padding: 30px 12px; } } @media (min-width: 768px) and (max-width: 991px) { nav#desktop-nav > ul li a { padding: 30px 6px; } } nav#desktop-nav > ul li a:hover { color: #e74c3c; } nav#desktop-nav > ul li > ul { border-top: 1px solid #e74c3c; margin-top: 0; text-align: left; opacity: 0; visibility: hidden; position: absolute; top: 101%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; width: 180px; z-index: 99999; background: #ffffff; padding: 0; left: 5px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) and (max-width: 1199px) { nav#desktop-nav > ul li > ul { left: -3px; } } @media only screen and (max-width: 991px) { nav#desktop-nav > ul li > ul { left: -9px; } } nav#desktop-nav > ul li > ul > li { padding: 0; display: block; border-bottom: 1px solid #dcedc8; } nav#desktop-nav > ul li > ul > li > a { padding: 10px 10px 10px 15px; display: block; color: #212121; } nav#desktop-nav > ul li > ul > li:last-child { border-bottom: none; } nav#desktop-nav > ul li > ul > li:hover, nav#desktop-nav > ul li > ul > li .active { background: #689f38; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } nav#desktop-nav > ul li > ul > li:hover a, nav#desktop-nav > ul li > ul > li .active a { color: #ffffff; } nav#desktop-nav > ul li > ul > li:hover a:before, nav#desktop-nav > ul li > ul > li .active a:before { opacity: 0; } nav#desktop-nav > ul li .mega-menu-area { border-top: 1px solid #e74c3c; padding: 10px 15px; width: 700px; left: 5px; } @media (min-width: 992px) and (max-width: 1199px) { nav#desktop-nav > ul li .mega-menu-area { left: -147px; } } @media only screen and (max-width: 991px) { nav#desktop-nav > ul li .mega-menu-area { left: -120px; } } nav#desktop-nav > ul li .mega-menu-area > li { width: 154px; border-bottom: none; display: inline-block; margin-right: 14px; } nav#desktop-nav > ul li .mega-menu-area > li:hover { background: transparent!important; } nav#desktop-nav > ul li .mega-menu-area > li:hover > a { color: #212121; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } nav#desktop-nav > ul li .mega-menu-area > li:hover > a:hover { color: #ffffff; background: #689f38; padding-left: 10px; } nav#desktop-nav > ul li .mega-menu-area > li a { padding: 8px 0; display: block; border-bottom: 1px solid #dcedc8; } nav#desktop-nav > ul li .mega-menu-area > li a:last-child { border-bottom: none; } nav#desktop-nav > ul li .mega-menu-area > li:last-child { margin-right: 0; } nav#desktop-nav li.has-child-menu { position: relative; } nav#desktop-nav li.has-child-menu > a { color: #212121; } nav#desktop-nav li.has-child-menu > a:after { font-family: 'FontAwesome'; content: "\f105"; float: right; } nav#desktop-nav li.has-child-menu > ul.thired-level { position: absolute; left: 180px; top: 0; opacity: 0; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease 0s; } nav#desktop-nav li.has-child-menu > ul.thired-level li a { color: #212121; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } nav#desktop-nav li.has-child-menu > ul.thired-level li:hover a { color: #ffffff; } nav#desktop-nav li.has-child-menu:hover ul.thired-level { opacity: 1; transform: scaleY(1); visibility: visible; } #header1 { background: #ffffff; position: fixed; width: 100%; top: 0; z-index: 100; } .header1-area .stick { background-color: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #228AB7; position: fixed; left: 0; right: 0; margin: 0 auto; top: 0; z-index: 99999999; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .header2-area .stick { background-color: rgba(38, 50, 56, 0.98); border-bottom: 1px solid #228AB7; position: fixed; left: 0; right: 0; margin: 0 auto; top: 0; z-index: 99999999; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } @media only screen and (max-width: 767px) { .header2-area .main-menu-area { display: none; } .right-nav-mobile .profile-notification { position: fixed; top: 12px; z-index: 100; right: 5px; } .header1-area .main-menu-area .logo-area { display: none; } .header1-area .main-menu-area #desktop-nav { display: none; } .header1-area .main-menu-area .profile-notification { position: absolute; top: 12px; z-index: 100; right: 5px; } } @media only screen and (max-width: 600px) { .hidden-on-mobile { display: none; } } @media only screen and (max-width: 767px) { .notify-contact { display: none; } .profile-notification { float: none!important; text-align: center; } .profile-notification li { margin-right: 0!important; } .profile-notification .notify-notification { display: none; } .profile-notification .notify-message { display: none; } .profile-notification .cart-area { display: none; } .profile-notification .user-account-info { top: 20px; } .profile-notification .user-account-info ul { top: 50px; } .profile-notification .user-account-info .user-account-info-controler .user-account-img { margin-top: 4px; } .profile-notification li { top: -15px !important; float: none!important; } } @media only screen and (max-width: 479px) { .profile-notification li { margin-right: 2px!important; } .profile-notification .user-account-info-controler .user-account-img { -webkit-box-flex: 3 !important; -moz-flex: 3 !important; -webkit-flex: 3 !important; flex: 3 !important; } } .mobile-menu-area { display: none; } .mean-container .mean-bar { float: none; z-index: 99; } @media only screen and (max-width: 767px) { .mean-container .mean-bar a { padding: 6px 16px; display: inline-block; } } .mean-container .mean-bar .meanmenu-reveal { left: 0!important; right: inherit; } @media only screen and (max-width: 767px) { .mean-container .mean-bar .meanmenu-reveal { margin-top: 10px; } } .mean-container .mean-bar a.logo-mobile-menu { text-align: center; } .mean-container .mean-bar a.logo-mobile-menu img { margin-right: 30px; } .mean-container .mean-bar:after { content: ""; clear: both; display: block; } .mean-container .mean-nav ul li a { color: #212121; font-weight: 700; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mean-container .mean-nav ul li a:hover { color: #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mean-container .mean-nav > ul:after { content: ''; display: block; clear: both; } .mean-container .mean-nav > ul { overflow-y: scroll; } .mean-container .mean-bar a.logo-mobile-menu { width: 100%; background-color: rgba(255, 255, 255, 0.95); box-sizing: border-box; border-bottom: 1px solid #228AB7; } .mean-container a.meanmenu-reveal { position: absolute; } .mean-bar + div#wrapper { padding-top: 50px; } .mean-container .mean-nav ul li li a { color: #212121; opacity: 1; border-top: 1px solid #dddddd; } .profile-notification { float: right; margin-top: 10px; } @media (min-width: 768px) and (max-width: 991px) { .profile-notification { margin-top: 6px; } } .profile-notification > li { float: left; position: relative; display: inline-block; margin-right: 15px; top: 10px; } .profile-notification > li:last-child { margin-right: 0; } .notify-contact { line-height: 2.7; color: #546e7a; font-size: 15px; } @media (min-width: 768px) and (max-width: 991px) { .notify-contact { display: none; } } .notify-contact span { color: #e74c3c; } .cart-area { top: 3px; position: relative; } .cart-area:hover ul { opacity: 1; visibility: visible; transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); } .cart-area > a { background: #f5f5f5; border-radius: 50%; text-align: center; display: block; height: 35px; width: 35px; color: #757575; font-size: 20px; } .cart-area > a > i { font-size: 14px; color: #a0a0a0; } .cart-area > a > span { background: #228AB7; border-radius: 45px; color: #ffffff; height: 20px; padding: 0 6px; position: absolute; top: -8px; width: 20px; font-size: 12px; right: -8px; line-height: 20px; } .cart-area > ul { border-top: 3px solid #228AB7; padding: 15px; text-align: left; background-color: rgba(255, 255, 255, 0.98); position: absolute; right: 0; top: 57px; opacity: 0; visibility: hidden; transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: 0 0 0; width: 430px; z-index: 99999; -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li { margin-bottom: 5px; } .cart-area > ul > li .media { position: relative; } .cart-area > ul > li .media .cart-product-img { padding-right: 15px; } .cart-area > ul > li .media .cart-product-img a { display: inline-block; } .cart-area > ul > li .media .cart-product-img a img { border: 1px solid #dddddd; width: 80px; min-height: 80px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-product-img a img:hover { opacity: 0.5; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-content ul li { margin-right: 30px; display: inline-block; } .cart-area > ul > li .media .cart-content ul li h1 { text-transform: capitalize; font-size: 14px; margin-bottom: 5px; } .cart-area > ul > li .media .cart-content ul li h1 a { color: #689f38; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-content ul li h1 a:hover { color: #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-content ul li h2 { font-size: 12px; } .cart-area > ul > li .media .cart-content ul li h2 span { color: #000000; } .cart-area > ul > li .media .cart-content ul li .trash { font-size: 16px; color: #000000; } .cart-area > ul > li .media .cart-content ul li .trash:hover { color: #fb0303; } .cart-area > ul > li .media .cart-content ul li:first-child { width: 140px; } .cart-area > ul > li .media .cart-content ul li:last-child { margin-right: 0; } .cart-area > ul > li .sub-total-area { text-align: right; } .cart-area > ul > li .cart-checkout-btn { text-align: left; } .cart-area > ul > li .cart-checkout-btn li { display: inline; } .login-form { cursor: default; position: absolute; z-index: 999999999; top: 59px; right: 0; width: 600px; text-align: left; background: #228AB7; border: 1px solid #bdbdbd; padding: 50px 100px; } @media only screen and (max-width: 767px) { .login-form { margin-bottom: 15px; width: 277px; padding: 30px; top: 45px; } } .login-form h2 { font-size: 48px; text-transform: uppercase; color: #ffffff; font-weight: 700; text-align: center; } @media only screen and (max-width: 767px) { .login-form h2 { font-size: 36px; } } .login-form input { background: #76ae36; height: 44px; padding: 0 15px; border-radius: 0; border: none; margin: 0 auto 20px; color: #ffffff; font-weight: 500; font-size: 15px; } @media only screen and (max-width: 767px) { .login-form input { margin: 0 auto 10px; } } .login-form input:focus { box-shadow: none; } .login-form .btn-login { margin-right: 12px; margin-bottom: 30px; background: #ffffff; color: #333333; display: inline-block; padding: 13px 50px; transition: all 0.3s ease-out 0s; -webkit-box-shadow: 0px 3px 2px 0px rgba(118, 174, 54, 0.75); -moz-box-shadow: 0px 3px 2px 0px rgba(118, 174, 54, 0.75); box-shadow: 0px 3px 2px 0px rgba(118, 174, 54, 0.75); border: none; } @media only screen and (max-width: 767px) { .login-form .btn-login { margin-bottom: 10px; padding: 12px 40px; } } @media only screen and (max-width: 479px) { .login-form .btn-login { padding: 10px 30px; } } .login-form .btn-login:hover { background: #e74c3c; color: #ffffff; } .login-form .remember-lost .checkbox { float: left; } .login-form .remember-lost .checkbox label { color: #ffffff; } .login-form .remember-lost .checkbox label input { height: 22px; } .login-form .remember-lost .checkbox label input:focus { outline: none; } .login-form .remember-lost .lost-password { letter-spacing: 1px; margin: 10px 0 0 40px; display: inline-block; color: #ffffff; font-weight: 600; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .login-form .remember-lost .lost-password:hover { color: #333333; } @media only screen and (max-width: 767px) { .login-form .remember-lost .lost-password { margin: 10px 0 0 0; } } .login-form input.form-control::-webkit-input-placeholder, .login-form textarea.form-control::-webkit-input-placeholder { color: #ffffff; } .login-form input.form-control::-moz-placeholder, .login-form textarea.form-control::-moz-placeholder { color: #ffffff; } .login-form input.form-control:-moz-placeholder, .login-form textarea.form-control:-moz-placeholder { color: #ffffff; } .login-form input.form-control:-ms-input-placeholder, .login-form textarea.form-control:-ms-input-placeholder { color: #ffffff; } .login-form .cross-btn { position: absolute; right: 10px; top: 10px; color: #ffffff; background: none; border: none; box-shadow: none; } .notify-message { top: 3px; position: relative; } .notify-message:hover ul { opacity: 1; visibility: visible; transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); } .notify-message a { background: #f5f5f5; border-radius: 50%; text-align: center; display: block; height: 35px; width: 35px; color: #757575; font-size: 20px; } .notify-message a > i { font-size: 14px; color: #a0a0a0; } .notify-message a > span { background: #ef6c00; border-radius: 45px; color: #ffffff; height: 20px; padding: 0 6px; position: absolute; top: -8px; width: 20px; font-size: 12px; right: -8px; line-height: 20px; } .notify-message ul { border-top: 3px solid #228AB7; text-align: left; background-color: rgba(255, 255, 255, 0.98); position: absolute; right: 0; top: 57px; opacity: 0; visibility: hidden; transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: 0 0 0; width: 270px; z-index: 99999; -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .notify-message ul li { border-bottom: 1px solid #dfdfdf; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .notify-message ul li:first-child .notify-message-sign { color: #ef6c00; } .notify-message ul li:last-child { border-bottom: none; } .notify-message ul li:hover { background: #ffffff; } .notify-message ul li .notify-message-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .notify-message ul li .notify-message-info { margin-left: 10px; text-align: left; -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } .notify-message ul li .notify-message-info .notify-message-sender { font-size: 12px; color: #263238; } .notify-message ul li .notify-message-info .notify-message-subject { font-size: 11px; color: #228AB7; } .notify-message ul li .notify-message-info .notify-message-date { font-size: 10px; color: #707070; } .notify-message ul li .notify-message-sign { padding-top: 15px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; color: #b0bec5; } .notify-notification { top: 3px; position: relative; } .notify-notification:hover ul { opacity: 1; visibility: visible; transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); } .notify-notification a { background: #f5f5f5; border-radius: 50%; text-align: center; display: block; height: 35px; width: 35px; color: #757575; font-size: 20px; } a.link { background: none !important; border-radius: none !important; text-align: none !important; display:inline !important; height: auto !important; width: auto !important; color: none !important; font-size: 12px !important; } .notify-notification a > i { font-size: 14px; color: #a0a0a0; } .notify-notification a > span { background: #E31E4C; border-radius: 45px; color: #ffffff; height: 20px; padding: 0 6px; position: absolute; top: -8px; width: 20px; font-size: 12px; right: -8px; line-height: 20px; } .notify-notification ul { border-top: 3px solid #E31E4C; text-align: left; background-color: rgba(255, 255, 255, 0.98); position: absolute; right: 0; top: 57px; opacity: 0; visibility: hidden; transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: 0 0 0; width: 270px; z-index: 99999; -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .notify-notification ul li { border-bottom: 1px solid #dfdfdf; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .notify-notification ul li:first-child .notify-notification-sign { color: #ef6c00; } .notify-notification ul li:last-child { border-bottom: none; } .notify-notification ul li:hover { background: #ffffff; } .notify-notification ul li .notify-notification-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .notify-notification ul li .notify-notification-info { margin-left: 10px; text-align: left; -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } .notify-notification ul li .notify-notification-info .notify-notification-subject { font-size: 12px; color: #228AB7; } .notify-notification ul li .notify-notification-info .notify-notification-date { font-size: 11px; color: #707070; } .notify-notification ul li .notify-notification-sign { padding-top: 15px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; color: #b0bec5; } .user-account-info { top: 3px; position: relative; } .user-account-info:hover ul { opacity: 1; visibility: visible; transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); } .user-account-info .user-account-info-controler { width: 160px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .user-account-info .user-account-info-controler .user-account-img { -webkit-box-flex: 4; -moz-flex: 4; -webkit-flex: 4; flex: 4; } .user-account-info .user-account-info-controler .user-account-title { text-align: left; -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } .user-account-info .user-account-info-controler .user-account-title .user-account-name { font-size: 14px; color: #222222; font-weight: 500; } .user-account-info .user-account-info-controler .user-account-title .user-account-balance { color: #228AB7; font-size: 13px; font-weight: 700; } .user-account-info .user-account-info-controler .user-account-dropdown { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .user-account-info ul { padding: 15px 0 15px; border-top: 3px solid #E31E4C; text-align: left; background-color: rgba(255, 255, 255, 0.98); position: absolute; right: 0; top: 57px; opacity: 0; visibility: hidden; transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: 0 0 0; width: 190px; z-index: 99999; -webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .user-account-info ul li { margin-bottom: 5px; position: relative; } .user-account-info ul li:last-child { margin-bottom: 0; } .user-account-info ul li:before { content: "\f105"; left: 20px; position: absolute; top: 6px; font-size: 14px; color: #228AB7; font-family: FontAwesome; } .user-account-info ul li a { font-size: 14px; display: block; padding: 7px 5px 5px 35px; color: #546e7a; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .user-account-info ul li a:hover { color: #228AB7; background: #ffffff; } /*======================================================================= [04] Main Banner Area =========================================================================*/ .main-banner1-area { margin-top: 0px; background: url(../img/main-banner1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff !important; } @media only screen and (max-width: 767px) { .main-banner1-area { margin-top: 0; } } .main-banner1-wrapper { text-align: center; padding: 125px 0 150px; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner1-wrapper { padding: 90px 0 135px; /*height: 400px;*/ height: 945px; } } @media (min-width: 1200px) and (max-width: 3000px) { .main-banner1-wrapper { padding: 130px 0 135px; height: 945px; } .main-banner1-wrapper { text-align: center; padding: 125px 0 226px; } .main-banner1-wrapper p { font-size: 20px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: -24px; max-width: 24%; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner1-wrapper { padding: 70px 0 120px; height: 945px; } } @media (min-width: 480px) and (max-width: 767px) { /* .main-banner1-wrapper { padding: 40px 0 105px; height: 945px; }*/ .main-banner1-wrapper { text-align: center; padding: 125px 0 226px; } .main-banner1-wrapper p { font-size: 20px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: -162px; max-width: 24%; } } @media (min-width: 480px) { .main-banner1-wrapper p a img{ width: 180px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner1-wrapper { padding: 50px 0 90px; } } @media (min-width: 200px) and (max-width: 479px) { .main-banner1-wrapper p a img{ width: 130px; padding: 50px 0 1px; margin-top: -36px; max-width: 24%; } } @media only screen and (max-width: 320px) { .main-banner1-wrapper { padding: 20px 0 75px; } .main-banner1-wrapper h1 { font-size: 13px; } .main-banner1-wrapper p a img{ width: 130px; padding: 50px 0 1px; margin-top: -36px; max-width: 24%; } } .main-banner1-wrapper h1 { text-transform: uppercase; color: #000; margin-bottom: 10px; } .main-banner1-wrapper h1 span { color: #279FD3; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner1-wrapper h1 { font-size: 42px; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner1-wrapper h1 { font-size: 40px; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner1-wrapper h1 { font-size: 30px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner1-wrapper h1 { font-size: 16px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: -90px; max-width: 24%; } } .main-banner1-wrapper p { color: #ffffff; font-size: 20px; margin-bottom: 50px; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner1-wrapper p { font-size: 20px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: -50px; max-width: 24%; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner1-wrapper p { font-size: 20px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: 102px; max-width: 24%; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner1-wrapper p { font-size: 16px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner1-wrapper p { font-size: 15px; } } @media only screen and (max-width: 320px) { .main-banner1-wrapper p { font-size: 14px; } .main-banner1-wrapper p img{ max-width: 100px; padding: 50px 0 90px; margin-top: -50px; max-width: 24%; } } .main-banner1-wrapper > span { font-size: 36px; color: #ffffff; } .main-banner1-wrapper > span span { color: #9aadb6; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner1-wrapper > span { font-size: 34px; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner1-wrapper > span { font-size: 32px; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner1-wrapper > span { font-size: 30px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner1-wrapper > span { font-size: 28px; } } @media only screen and (max-width: 320px) { .main-banner1-wrapper > span { font-size: 26px; } } .banner-search-area { background: #ffffff; border: 0px solid #bdbdbd; padding: 10px; width: 70%; margin: 0 auto 40px; border-radius: 5px; } @media (min-width: 480px) and (max-width: 767px) { .banner-search-area { width: 80%; } } @media (min-width: 321px) and (max-width: 479px) { .banner-search-area { width: 90%; } } @media only screen and (max-width: 320px) { .banner-search-area { width: 95%; } } .banner-search-area .form-control { border: none; box-shadow: 0 0 0; border-radius: 0; background: transparent; /* text-transform: lowercase; */ color: #111111; font-size: 18px; top: 14px; padding: 5px 20px; } @media only screen and (max-width: 767px) { .banner-search-area .form-control { top: 3px; font-size: 16px; } } .banner-search-area .input-group-addon { background: transparent!important; border: none; border-radius: 0; padding: 0; } .banner-search-area .input-group-addon button { padding: 20px 25px; border: 0; background: transparent; } @media only screen and (max-width: 767px) { .banner-search-area .input-group-addon button { padding: 10px 15px; } } .banner-search-area .input-group-addon button span { font-size: 20px; color: #263238; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .banner-search-area .input-group-addon:hover { background: #f8f8f8!important; } .banner-search-area .input-group-addon:hover button span { color: #228AB7; } .main-banner2-area { background: url(../img/main-banner2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .main-banner2-wrapper { text-align: center; padding: 145px 0 150px; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner2-wrapper { padding: 130px 0 135px; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner2-wrapper { padding: 115px 0 120px; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner2-wrapper { padding: 100px 0 105px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner2-wrapper { padding: 85px 0 90px; } } @media only screen and (max-width: 320px) { .main-banner2-wrapper { padding: 70px 0 75px; } } .main-banner2-wrapper h1 { text-transform: capitalize; color: #ffffff; margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner2-wrapper h1 { font-size: 42px; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner2-wrapper h1 { font-size: 40px; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner2-wrapper h1 { font-size: 36px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner2-wrapper h1 { font-size: 32px; } } @media only screen and (max-width: 320px) { .main-banner2-wrapper h1 { font-size: 30px; } } .main-banner2-wrapper p { color: #ffffff; font-size: 20px; margin-bottom: 50px; } @media (min-width: 992px) and (max-width: 1199px) { .main-banner2-wrapper p { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .main-banner2-wrapper p { font-size: 18px; } } @media (min-width: 480px) and (max-width: 767px) { .main-banner2-wrapper p { font-size: 16px; } } @media (min-width: 321px) and (max-width: 479px) { .main-banner2-wrapper p { font-size: 15px; } } @media only screen and (max-width: 320px) { .main-banner2-wrapper p { font-size: 14px; } } .banner-search-area { background: #ffffff; border: 0px solid #bdbdbd; padding: 10px; width: 70%; margin: 0 auto 40px; border-radius: 5px; } @media (min-width: 480px) and (max-width: 767px) { .banner-search-area { width: 80%; } } @media (min-width: 321px) and (max-width: 479px) { .banner-search-area { width: 90%; } } @media only screen and (max-width: 320px) { .banner-search-area { width: 95%; } } .banner-search-area .form-control { border: none; box-shadow: 0 0 0; border-radius: 0; background: transparent; /* text-transform: lowercase; */ color: #111111; padding: 5px 20px; font-size: 18px; top: 14px; } @media only screen and (max-width: 767px) { .banner-search-area .form-control { top: 3px; font-size: 16px; } } .banner-search-area .input-group-addon { background: transparent!important; border: none; border-radius: 0; padding: 0; } .banner-search-area .input-group-addon button { padding: 20px 25px; border: 0; background: transparent; } @media only screen and (max-width: 767px) { .banner-search-area .input-group-addon button { padding: 10px 15px; } } .banner-search-area .input-group-addon button span { font-size: 20px; color: #263238; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .banner-search-area .input-group-addon:hover { background: #f8f8f8!important; } .banner-search-area .input-group-addon:hover button span { color: #228AB7; } /*======================================================================= [05] Inner Page Banner Area =========================================================================*/ .inner-banner-area { background: url(../img/main-banner2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .inner-banner-wrapper { text-align: center; padding: 54px 0 30px; } @media (min-width: 992px) and (max-width: 1199px) { .inner-banner-wrapper { padding: 50px 0 26px; } } @media (min-width: 768px) and (max-width: 991px) { .inner-banner-wrapper { padding: 45px 0 21px; } } @media (min-width: 480px) and (max-width: 767px) { .inner-banner-wrapper { padding: 40px 0 16px; } } @media (min-width: 321px) and (max-width: 479px) { .inner-banner-wrapper { padding: 35px 0 11px; } } @media only screen and (max-width: 320px) { .inner-banner-wrapper { padding: 30px 0 6px; } } .inner-banner-wrapper h1 { text-transform: capitalize; color: #ffffff; margin-bottom: 10px; } .inner-banner-wrapper p { color: #ffffff; font-size: 20px; margin-bottom: 20px; } .banner-search-area { background: #ffffff; border: 0px solid #bdbdbd; padding: 0; width: 70%; margin: 0 auto 40px; border-radius: 5px; } @media (min-width: 480px) and (max-width: 767px) { .banner-search-area { width: 80%; } } @media (min-width: 321px) and (max-width: 479px) { .banner-search-area { width: 90%; } } @media only screen and (max-width: 320px) { .banner-search-area { width: 95%; } } .banner-search-area .form-control { border: none; box-shadow: 0 0 0; border-radius: 0; background: transparent; /* text-transform: lowercase; */ color: #111111; font-size: 18px; top: 14px; padding: 5px 20px; } @media only screen and (max-width: 767px) { .banner-search-area .form-control { top: 3px; font-size: 16px; } } .banner-search-area .input-group-addon { background: transparent!important; border: none; border-radius: 0; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .banner-search-area .input-group-addon button { padding: 20px 25px; border: 0; background: transparent; } @media only screen and (max-width: 767px) { .banner-search-area .input-group-addon button { padding: 10px 15px; } } .banner-search-area .input-group-addon button span { font-size: 20px; color: #263238; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .banner-search-area .input-group-addon:hover { background: #f8f8f8!important; } .banner-search-area .input-group-addon:hover button span { color: #228AB7; } .author-banner-wrapper { position: relative; } .author-banner-wrapper .author-banner-bg { margin: 0 auto; } .author-banner-wrapper .author-banner-bg ul li { border: 2px solid #ffffff; } .author-banner-wrapper .author-banner-content { width: 57%; margin: 0 auto; padding: 79px 60px; border-radius: 5px; position: absolute; z-index: 8; top: 50%; transform: translateY(-50%); left: 0; right: 0; background-color: rgba(39, 159, 211, 0.95); } @media (min-width: 992px) and (max-width: 1199px) { .author-banner-wrapper .author-banner-content { width: 72%; padding: 32px 60px; } } @media only screen and (max-width: 1024px) { .author-banner-wrapper .author-banner-content { width: 75%; padding: 69px 60px; } } @media only screen and (max-width: 991px) { .author-banner-wrapper .author-banner-content { width: 100%; padding: 41px 60px; } } @media only screen and (max-width: 767px) { .author-banner-wrapper .author-banner-content { height: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .author-banner-wrapper .author-banner-content ul { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } } .author-banner-wrapper .author-banner-content ul li { display: inline-block; } @media only screen and (max-width: 767px) { .author-banner-wrapper .author-banner-content ul li { display: inherit; } } .author-banner-wrapper .author-banner-content ul li p { font-size: 30px; color: #ffffff; } .author-banner-wrapper .author-banner-content ul li p span { font-weight: 700; } .author-banner-wrapper .author-banner-content ul li:nth-child(1n) { width: 50%; text-align: left; } @media only screen and (max-width: 991px) { .author-banner-wrapper .author-banner-content ul li:nth-child(1n) { width: 50%; text-align: center; } } @media only screen and (max-width: 767px) { .author-banner-wrapper .author-banner-content ul li:nth-child(1n) { width: 100%; text-align: center; } } .author-banner-wrapper .author-banner-content ul li:nth-child(2n) { vertical-align: text-bottom; width: 49%; text-align: center; } @media only screen and (max-width: 991px) { .author-banner-wrapper .author-banner-content ul li:nth-child(2n) { width: 49%; text-align: center; } } @media only screen and (max-width: 767px) { .author-banner-wrapper .author-banner-content ul li:nth-child(2n) { width: 100%; } } /*======================================================================= [06] Product Page Area =========================================================================*/ .page-controls { background: #ffffff; border: 1px solid #dfdfdf; margin-bottom: 30px; } .page-controls-sorting { text-align: left; float: left; display: inline-block; border-right: 1px solid #dfdfdf; } @media only screen and (max-width: 479px) { .page-controls-sorting { float: inherit; } } .page-controls-sorting:last-child { border-right: none; } .page-controls-sorting .dropdown { display: inline-block; padding: 20px 15px; } .page-controls-sorting .dropdown button:active { box-shadow: none; outline: none; } @media only screen and (max-width: 479px) { .page-controls-sorting .dropdown { padding: 20px 15px; } } .page-controls-sorting .dropdown button { text-transform: uppercase; padding: 0; background: transparent; } .page-controls-sorting .dropdown button i { margin: 0 0 0 10px; } .page-controls-sorting .dropdown .dropdown-menu { border-radius: 0; min-width: 195px; left: -1px; top: 97%; } @media only screen and (max-width: 479px) { .page-controls-sorting .dropdown .dropdown-menu { min-width: 180px; } } .page-controls-sorting .dropdown .dropdown-menu > li { border: none; padding: 0; display: inherit; } .page-controls-sorting .product-categories-list { padding: 15px 0; } .page-controls-sorting .product-categories-list li { position: relative; padding: 5px 40px; margin-bottom: 5px; } .page-controls-sorting .product-categories-list li:last-child { margin-bottom: 0; } .page-controls-sorting .product-categories-list li:before { content: "\f105"; left: 12px; position: absolute; top: 2px; font-size: 14px; color: #228AB7; font-family: FontAwesome; } .page-controls-sorting .product-categories-list li a { color: #444444; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .page-controls-sorting .product-categories-list li a:hover { color: #228AB7; } .page-controls-sorting .product-categories-list li span { position: absolute; right: 15px; top: 0; text-align: right; color: #90a4ae; } .layout-switcher { margin: 12px 0; float: right; } .layout-switcher ul > li { display: inline-block; } .layout-switcher ul > li:last-child { margin-right: 15px; } .layout-switcher ul > li:hover a i { color: #228AB7; } .layout-switcher ul > li > a { padding: 10px 5px 6px; display: block; } .layout-switcher ul > li > a > i { color: #989898; font-size: 16px; } .layout-switcher ul > .active i { color: #228AB7; } .page-controls-sorting .dropdown .dropdown-menu { display: inherit; visibility: hidden; opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.5s ease-out; } .page-controls-sorting .open > .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .padding-narrow .item-content { padding: 20px 15px!important; } .margin-left-right .single-item-grid { margin-left: 15px; margin-right: 15px; } .single-item-grid { margin-bottom: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-item-grid .item-img { position: relative; } .single-item-grid .item-img img { width: 100%; } .single-item-grid .item-img .trending-sign { cursor: pointer; top: 0; position: absolute; width: 0; height: 0; border-top: 60px solid #0FD2F9; border-right: 60px solid transparent; z-index: 3; } .single-item-grid .item-img .trending-sign i { color: #ffffff; font-size: 18px; bottom: 30px; left: 15px; position: absolute; } .single-item-grid .item-content { background: #ffffff; padding: 22px 30px; border: 1px solid #e7ecf2; } .single-item-grid .item-content .item-info { padding-bottom: 15px; border-bottom: 1px solid #e7ecf2; position: relative; } .single-item-grid .item-content .item-info h3 { color: #263238; font-size: 18px; font-weight: 500; margin-bottom: 2px; } @media (min-width: 992px) and (max-width: 1199px) { .single-item-grid .item-content .item-info h3 { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .single-item-grid .item-content .item-info h3 { font-size: 17px; } } @media (min-width: 480px) and (max-width: 767px) { .single-item-grid .item-content .item-info h3 { font-size: 17px; } } @media (min-width: 321px) and (max-width: 479px) { .single-item-grid .item-content .item-info h3 { font-size: 16px; } } @media only screen and (max-width: 320px) { .single-item-grid .item-content .item-info h3 { font-size: 15px; } } .single-item-grid .item-content .item-info h3 a { color: #143561; font-weight: bold; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-item-grid .item-content .item-info h3 a:hover { color: #1799CE; } .single-item-grid .item-content .item-info span { color: #25C3EC; font-size: 14px; } .single-item-grid .item-content .item-info .price { position: absolute; top: 20%; right: 0; transform: translateY(-50%); z-index: 1; color: #143561; font-weight: bold; font-size: 18px; } .single-item-grid .item-content .item-info .price::before { content: 'R$ '; color: #C3D1DA; font-size: 14px; font-weight:lighter; } .single-item-grid .item-content .item-profile { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .single-item-grid .item-content .item-profile .profile-title { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .single-item-grid .item-content .item-profile .profile-title .img-wrapper { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .single-item-grid .item-content .item-profile .profile-title .img-wrapper img { width: inherit; } .single-item-grid .item-content .item-profile .profile-title span { margin: 5px 0 0 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; width: 210px; } .single-item-grid .item-content .item-profile .profile-rating { margin-top: 5px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; text-align: right; } .single-item-grid .item-content .item-profile .profile-rating ul li { display: inline-block; color: #ffa726; margin-left: 1px; font-size: 12px; } .single-item-grid .item-content .item-profile .profile-rating ul li:first-child { margin-left: 0; } .single-item-grid .item-content .item-profile .profile-rating ul li:last-child { color: #b0bec5; } .single-item-grid .item-content .item-profile .profile-rating ul li:last-child span { color: #849CAC; cursor: default; } .single-item-grid:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); } .product-list-view .single-item-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 991px) { .product-list-view .single-item-list { display: inherit; } } .product-list-view .single-item-list .item-img { -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; position: relative; } .product-list-view .single-item-list .item-img img { width: 100%; } .product-list-view .single-item-list .item-img .trending-sign { top: 0; position: absolute; width: 0; height: 0; border-top: 60px solid #0FD2F9; border-right: 60px solid transparent; z-index: 3; } .product-list-view .single-item-list .item-img .trending-sign i { color: #ffffff; font-size: 18px; bottom: 30px; left: 15px; position: absolute; } .product-list-view .single-item-list .item-content { -webkit-box-flex: 7; -moz-flex: 7; -webkit-flex: 7; flex: 7; background: #ffffff; padding: 20px 30px 15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); } @media (min-width: 768px) and (max-width: 1199px) { .product-list-view .single-item-list .item-content { padding: 10px 30px 15px; } } .product-list-view .single-item-list .item-content .item-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border-bottom: 1px solid #e7ecf2; position: relative; } .product-list-view .single-item-list .item-content .item-info .item-title { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-info .item-title { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } } .product-list-view .single-item-list .item-content .item-info .item-title h3 { color: #263238; font-size: 16px; font-weight: 500; margin-bottom: 2px; } .product-list-view .single-item-list .item-content .item-info .item-title h3 a { color: #263238; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .product-list-view .single-item-list .item-content .item-info .item-title h3 a:hover { color: #228AB7; } .product-list-view .single-item-list .item-content .item-info .item-title span { color: #228AB7; font-size: 14px; margin-bottom: 5px; display: block; } .product-list-view .single-item-list .item-content .item-info .item-title p { color: #70838d; font-size: 14px; margin-bottom: 12px; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-info .item-title p { display: none; } } .product-list-view .single-item-list .item-content .item-info .item-description { -webkit-box-flex: 15; -moz-flex: 15; -webkit-flex: 15; flex: 15; } .product-list-view .single-item-list .item-content .item-info .item-description p { color: #70838d; font-size: 14px; margin-bottom: 12px; } .product-list-view .single-item-list .item-content .item-info .item-sale-info { text-align: right; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .product-list-view .single-item-list .item-content .item-info .item-sale-info .price { color: #263238; font-size: 30px; font-weight: 700; margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-info .item-sale-info .price { float: left; } } @media only screen and (max-width: 479px) { .product-list-view .single-item-list .item-content .item-info .item-sale-info .price { float: none; } } .product-list-view .single-item-list .item-content .item-info .item-sale-info .sale-qty { color: #aeb4bb; font-size: 13px; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-info .item-sale-info .sale-qty { margin-top: 20px; } } @media only screen and (max-width: 479px) { .product-list-view .single-item-list .item-content .item-info .item-sale-info .sale-qty { display: none; } } .product-list-view .single-item-list .item-content .item-profile { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media (min-width: 768px) and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-profile { padding-top: 10px; } } .product-list-view .single-item-list .item-content .item-profile .profile-title { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .product-list-view .single-item-list .item-content .item-profile .profile-title .img-wrapper { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .product-list-view .single-item-list .item-content .item-profile .profile-title span { margin: 5px 0 0 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; font-size: 14px; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info { margin-top: 5px; -webkit-box-flex: 4; -moz-flex: 4; -webkit-flex: 4; flex: 4; text-align: right; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-profile .profile-rating-info { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } } @media only screen and (max-width: 479px) { .product-list-view .single-item-list .item-content .item-profile .profile-rating-info { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li { font-size: 12px; display: inline-block; border-right: 1px solid #aeb4bb; margin-right: 10px; padding-right: 10px; line-height: 1; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li:last-child { border-right: none; margin-right: 0; padding-right: 0; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li > i { margin-right: 15px; font-size: 16px; color: #228AB7; } @media only screen and (max-width: 1199px) { .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating { display: none; } } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating li { line-height: 1.5; display: inline-block; margin-left: 1px; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating li i { font-size: 12px; color: #ffa726; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating li:first-child { margin-left: 0; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating li:last-child { color: #b0bec5; } .product-list-view .single-item-list .item-content .item-profile .profile-rating-info > ul > li .profile-rating li:last-child span { color: #263238; } .product-list-view .single-item-list:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); } .product-list-view-style2 .single-item-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 767px) { .product-list-view-style2 .single-item-list { display: inherit; } } .product-list-view-style2 .single-item-list .item-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { .product-list-view-style2 .single-item-list .item-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } } @media (min-width: 768px) and (max-width: 991px) { .product-list-view-style2 .single-item-list .item-img { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } } .product-list-view-style2 .single-item-list .item-img img { width: 100%; } .product-list-view-style2 .single-item-list .item-img .trending-sign { top: 0; position: absolute; width: 0; height: 0; border-top: 60px solid #0FD2F9; border-right: 60px solid transparent; z-index: 3; } .product-list-view-style2 .single-item-list .item-img .trending-sign i { color: #ffffff; font-size: 18px; bottom: 30px; left: 15px; position: absolute; } .product-list-view-style2 .single-item-list .item-content { -webkit-box-flex: 4; -moz-flex: 4; -webkit-flex: 4; flex: 4; background: #ffffff; padding: 20px 30px 15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content { padding: 20px 15px 15px; } } .product-list-view-style2 .single-item-list .item-content .item-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border-bottom: 1px solid #e7ecf2; position: relative; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title h3 { color: #263238; font-size: 16px; font-weight: 500; margin-bottom: 2px; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title h3 a { color: #263238; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title h3 a:hover { color: #228AB7; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title span { color: #228AB7; font-size: 14px; margin-bottom: 5px; display: block; } .product-list-view-style2 .single-item-list .item-content .item-info .item-title p { color: #70838d; font-size: 14px; margin-bottom: 12px; } .product-list-view-style2 .single-item-list .item-content .item-info .item-description { -webkit-box-flex: 15; -moz-flex: 15; -webkit-flex: 15; flex: 15; } @media only screen and (max-width: 991px) { .product-list-view-style2 .single-item-list .item-content .item-info .item-description { display: none; } } .product-list-view-style2 .single-item-list .item-content .item-info .item-description p { color: #70838d; font-size: 14px; margin-bottom: 12px; } .product-list-view-style2 .single-item-list .item-content .item-info .item-sale-info { text-align: right; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; } @media (min-width: 992px) and (max-width: 1199px) { .product-list-view-style2 .single-item-list .item-content .item-info .item-sale-info { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } } .product-list-view-style2 .single-item-list .item-content .item-info .item-sale-info .price { color: #263238; font-size: 30px; font-weight: 700; margin-bottom: 15px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .product-list-view-style2 .single-item-list .item-content .item-info .item-sale-info .sale-qty { margin-top: 15px; color: #aeb4bb; font-size: 13px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-info .item-sale-info .sale-qty { display: none; } } .product-list-view-style2 .single-item-list .item-content .item-profile-list { padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-title { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media (min-width: 768px) and (max-width: 991px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-title { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-title { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-title .img-wrapper { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-title span { margin: 5px 0 0 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; font-size: 14px; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info { margin-top: 5px; -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; text-align: right; } @media only screen and (max-width: 767px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info { -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info { -webkit-box-flex: 7; -moz-flex: 7; -webkit-flex: 7; flex: 7; } } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li { font-size: 12px; display: inline-block; border-right: 1px solid #aeb4bb; margin-right: 10px; padding-right: 10px; line-height: 1; } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li { margin-right: 5px; padding-right: 5px; } } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li:last-child { border-right: none; margin-right: 0; padding-right: 0; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li > i { margin-right: 15px; font-size: 16px; color: #228AB7; } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li > i { margin-right: 5px; } } @media only screen and (max-width: 479px) { .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating { display: none; } } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating li { line-height: 1.5; display: inline-block; margin-left: 1px; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating li i { font-size: 12px; color: #ffa726; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating li:first-child { margin-left: 0; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating li:last-child { color: #b0bec5; } .product-list-view-style2 .single-item-list .item-content .item-profile-list .profile-rating-info > ul > li .profile-rating li:last-child span { color: #263238; } .product-list-view-style2 .single-item-list:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 16px 20px 0px rgba(216, 216, 216, 0.75); } /*======================================================================= [07] Single Product Page Area =========================================================================*/ .product-details-page { padding: 0 0 95px; } @media (min-width: 992px) and (max-width: 1199px) { .product-details-page { padding: 0 0 85px; } } @media (min-width: 768px) and (max-width: 991px) { .product-details-page { padding: 0 0 75px; } } @media (min-width: 480px) and (max-width: 767px) { .product-details-page { padding: 0 0 65px; } } @media (min-width: 321px) and (max-width: 479px) { .product-details-page { padding: 0 0 55px; } } @media only screen and (max-width: 320px) { .product-details-page { padding: 0 0 45px; } } .inner-page-main-body .product-tag-line { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line { display: inherit; } } .inner-page-main-body .product-tag-line ul:last-child { text-align: right; } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line ul:last-child { text-align: left; } } .inner-page-main-body .product-tag-line ul.product-tag-item { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line ul.product-tag-item { display: inline-block; } } .inner-page-main-body .product-tag-line ul.product-tag-item li { display: inline-block; margin-right: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .inner-page-main-body .product-tag-line ul.product-tag-item li { margin-right: 0; } } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line ul.product-tag-item li { } } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line ul.product-tag-item li { margin-right: 5px; float: left; } } @media only screen and (max-width: 340px) { .inner-page-main-body .product-tag-line ul.product-tag-item li { width: 100%!important; text-align: center; } } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(1n) a { background: #e74c3c; border: 2px solid #e74c3c; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(1n) a:hover { background: transparent; color: #e74c3c; } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(2n) a { background: #455a64; border: 2px solid #455a64; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(2n) a:hover { background: transparent; color: #455a64; } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(3n) a { background: #228AB7; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line ul.product-tag-item li:nth-child(3n) a:hover { background: transparent; color: #228AB7; } .inner-page-main-body .product-tag-line ul.product-tag-item li:last-child { margin-right: 0; } .inner-page-main-body .product-tag-line ul.product-tag-item li a { display: block; padding: 10px 26px; color: #ffffff; background: red; font-weight: 500; font-size: 16px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 992px) and (max-width: 1199px) { .inner-page-main-body .product-tag-line ul.product-tag-item li a { padding: 10px 15px; } } .inner-page-main-body .product-tag-line .social-default { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line .social-default { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } } .inner-page-main-body .product-tag-line .social-default li { display: inline-block; } @media (min-width: 992px) and (max-width: 1199px) { .inner-page-main-body .product-tag-line .social-default li { margin-right: 0; } } @media only screen and (max-width: 991px) { .inner-page-main-body .product-tag-line .social-default li { margin-right: 5px; float: left; } } .inner-page-main-body .product-tag-line .social-default li:nth-child(1n) a { background: #6370b6; border: 2px solid #6370b6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line .social-default li:nth-child(1n) a:hover { background: transparent; color: #6370b6; } .inner-page-main-body .product-tag-line .social-default li:nth-child(2n) a { background: #64b5f6; border: 2px solid #64b5f6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line .social-default li:nth-child(2n) a:hover { background: transparent; color: #64b5f6; } .inner-page-main-body .product-tag-line .social-default li:nth-child(3n) a { background: #2AB200; border: 2px solid #2AB200; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line .social-default li:nth-child(3n) a:hover { background: transparent; color: #25A400; } .inner-page-main-body .product-tag-line .social-default li:nth-child(4n) a { background: #d32f2f; border: 2px solid #d32f2f; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .product-tag-line .social-default li:nth-child(4n) a:hover { background: transparent; color: #d32f2f; } .inner-page-main-body .product-tag-line .social-default li:last-child { margin-right: 0; } .inner-page-main-body .product-tag-line .social-default li a { display: block; height: 48px; line-height: 35px; width: 50px; text-align: center; color: #ffffff; background: red; font-weight: 500; font-size: 16px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 992px) and (max-width: 1199px) { .inner-page-main-body .product-tag-line .social-default li a { width: 46px; } } .inner-page-main-body .product-details-tab-area { background: #ffffff; margin: 0 0 55px; border: 1px solid #dfdfdf; overflow: hidden; } .inner-page-main-body .product-details-tab-area .product-details-title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; text-align: center; border-bottom: 1px solid #dfdfdf; } @media only screen and (max-width: 500px) { .inner-page-main-body .product-details-tab-area .product-details-title { display: inherit; } } .inner-page-main-body .product-details-tab-area .product-details-title li { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; position: relative; border-right: 1px solid #dfdfdf; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 500px) { .inner-page-main-body .product-details-tab-area .product-details-title li { border-right: none; border-bottom: 1px solid #dfdfdf; } } .inner-page-main-body .product-details-tab-area .product-details-title li:last-child { border-right: none; border-bottom: none; } .inner-page-main-body .product-details-tab-area .product-details-title li:before { content: ""; height: 3px; width: 100%; background: #228AB7; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 0; visibility: hidden; } .inner-page-main-body .product-details-tab-area .product-details-title li a { font-size: 16px; display: block; width: 100%; color: #70838d; padding: 17px 0; text-transform: capitalize; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 479px) { .inner-page-main-body .product-details-tab-area .product-details-title li a { display: block!important; } } .inner-page-main-body .product-details-tab-area .product-details-title li:hover a { color: #263238; } .inner-page-main-body .product-details-tab-area .product-details-title .active a { color: #263238; text-decoration: none; } .inner-page-main-body .product-details-tab-area .product-details-title .active:before { opacity: 1; visibility: visible; } .inner-page-main-body .product-details-tab-area .tab-content { padding: 30px 40px; } .inner-page-main-body .product-details-tab-area .tab-content .product-details-content li { position: relative; padding-left: 15px; font-size: 16px; color: #707070; margin-bottom: 10px; display: inline-block; width: 40%; } @media only screen and (max-width: 500px) { .inner-page-main-body .product-details-tab-area .tab-content .product-details-content li { display: inherit; width: 100%; } } .inner-page-main-body .product-details-tab-area .tab-content .product-details-content li:before { content: "\f105"; position: absolute; z-index: 1; font-family: FontAwesome; top: 0; left: 0; font-size: 16px; color: #228AB7; } .inner-page-main-body .more-product-item-wrapper .more-product-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 1px 2px 0px rgba(205, 214, 222, 0.75); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 768px) and (max-width: 991px) { .inner-page-main-body .more-product-item-wrapper .more-product-item { display: inherit; } } @media only screen and (max-width: 574px) { .inner-page-main-body .more-product-item-wrapper .more-product-item { display: inherit; } } .inner-page-main-body .more-product-item-wrapper .more-product-item:hover { -webkit-box-shadow: 0px 5px 10px 0px rgba(205, 214, 222, 0.75); -moz-box-shadow: 0px 5px 10px 0px rgba(205, 214, 222, 0.75); box-shadow: 0px 5px 10px 0px rgba(205, 214, 222, 0.75); } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-img { -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-img img { width: 100%; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details { -webkit-box-flex: 4; -moz-flex: 4; -webkit-flex: 4; flex: 4; background: #ffffff; padding: 10px 12px; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details h4 { font-size: 14px; font-weight: 500; margin-bottom: 2px; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details h4 a { color: #263238; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details h4 a:hover { color: #228AB7; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details .p-title { font-size: 12px; color: #228AB7; margin-bottom: 2px; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details .p-price { font-size: 18px; color: #263238; font-weight: 700; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details .a-item { font-size: 12px; color: #228AB7; margin-bottom: 0; margin-top: 10px; } .inner-page-main-body .more-product-item-wrapper .more-product-item .more-product-item-details .a-followers { font-size: 12px; color: #228AB7; margin-bottom: 0; } /*======================================================================= [08] Settings Page Area =========================================================================*/ .settings-wrapper .settings-title { border: 1px solid #d7d7d7; background: #ffffff; } .settings-wrapper .settings-title li { border-bottom: 1px solid #d7d7d7; } .settings-wrapper .settings-title li:last-child { border-bottom: none; } .settings-wrapper .settings-title li a { padding: 10px 10px 10px 30px; position: relative; display: block; color: #707070; font-size: 14px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .settings-wrapper .settings-title li a:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; color: #444444; left: 15px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .settings-wrapper .settings-title .active a { color: #37474f; } .settings-wrapper .settings-title .active a:before { color: #228AB7; } .settings-wrapper .settings-title .active a:after { background: #E31E4C; content: ""; height: 2px; width: 100%; position: absolute; z-index: 1; bottom: -1px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .settings-wrapper .personal-info .control-label { text-align: left; color: #444444; font-weight: 400; } .settings-wrapper .personal-info .form-control { height: 40px; background: #f9f9f9; border: 1px solid #dcdcdc; box-shadow: none; } .settings-wrapper .personal-info .form-control:focus { box-shadow: none; } .settings-wrapper .public-profile .public-profile-item { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .settings-wrapper .public-profile .public-profile-item .public-profile-title { margin-right: 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } .settings-wrapper .public-profile .public-profile-item .public-profile-title h4 { font-size: 15px; color: #444444; } .settings-wrapper .public-profile .public-profile-item .public-profile-content { -webkit-box-flex: 7; -moz-flex: 7; -webkit-flex: 7; flex: 7; } .settings-wrapper .public-profile .public-profile-item .public-profile-content img { margin-bottom: 15px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .file-title { color: #444444; font-size: 14px; margin-bottom: 10px; display: block; font-weight: 500; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .file-size { font-size: 12px; color: #707070; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio { padding-left: 20px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio input[type="radio"]:disabled { cursor: not-allowed; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio input[type="radio"]:disabled + label { opacity: 0.65; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .radio.radio-inline { margin-top: 0; margin-right: 10px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .profile-heading { background: #f9f9f9; border: 1px solid #dcdcdc; width: 100%; padding: 8px; margin-bottom: 15px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .html-format { margin-top: 30px; } .settings-wrapper .public-profile .public-profile-item .public-profile-content .html-format li { font-size: 12px; color: #707070; } .settings-wrapper .profile-badges p { color: #444444; font-size: 14px; margin-bottom: 35px; } .settings-wrapper .profile-badges .badges-item { margin-bottom: 10px; } .settings-wrapper .profile-badges .badges-item li { display: inline-block; margin-right: 5px; } .settings-wrapper .profile-badges .badges-item li:last-child { margin-right: 0; } .settings-wrapper .profile-email label { color: #444444; font-size: 14px; margin-bottom: 5px; } .settings-wrapper .profile-email p { padding-left: 20px; font-size: 14px; color: #707070; } .settings-wrapper .profile-social .social-item li { margin-bottom: 20px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 320px) { .settings-wrapper .profile-social .social-item li { display: inherit; } } .settings-wrapper .profile-social .social-item li .social-item-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } @media only screen and (max-width: 320px) { .settings-wrapper .profile-social .social-item li .social-item-img { margin-bottom: 5px; } } .settings-wrapper .profile-social .social-item li input { -webkit-box-flex: 10; -moz-flex: 10; -webkit-flex: 10; flex: 10; background: #f9f9f9; border: 1px solid #dcdcdc; width: 100%; padding: 8px; } @media (min-width: 768px) and (max-width: 991px) { .settings-wrapper .profile-social .social-item li input { -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; } } @media (min-width: 480px) and (max-width: 767px) { .settings-wrapper .profile-social .social-item li input { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } } @media (min-width: 321px) and (max-width: 479px) { .settings-wrapper .profile-social .social-item li input { -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } } .settings-wrapper .select2-container .select2-selection--single { height: 40px; } .settings-wrapper .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .settings-wrapper .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .settings-wrapper .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .settings-wrapper .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #707070; } .settings-wrapper .custom-select { margin-bottom: 0; } .file-upload-area { margin-bottom: 15px; padding: 8px; border: 1px solid #dcdcdc; background: #f9f9f9; color: #707070; } .file-upload-area a { margin-right: 15px; padding: 5px 10px; color: #444444; background: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .file-upload-area a:hover { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); } /*======================================================================= [09] Product Upload Page Area =========================================================================*/ .product-upload-wrapper .upload-info-item { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 767px) { .product-upload-wrapper .upload-info-item { display: inherit; } } .product-upload-wrapper .upload-info-item .upload-info-title { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; padding-right: 10px; } .product-upload-wrapper .upload-info-item .upload-info-title h4 { font-size: 15px; color: #444444; } .product-upload-wrapper .upload-info-item .upload-info-title h4 span { color: #228AB7; } .product-upload-wrapper .upload-info-item .upload-info-field { -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; } .product-upload-wrapper .upload-info-item .upload-info-field .profile-heading { background: #f9f9f9; border: 1px solid #dcdcdc; width: 100%; padding: 8px; margin-bottom: 15px; } .product-upload-wrapper .upload-info-item .upload-info-field .select2-container .select2-selection--single { height: 40px; } .product-upload-wrapper .upload-info-item .upload-info-field .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .product-upload-wrapper .upload-info-item .upload-info-field .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .product-upload-wrapper .upload-info-item .upload-info-field .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .product-upload-wrapper .upload-info-item .upload-info-field .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #707070; } .product-upload-wrapper .price-set { color: #263238; font-size: 24px; margin-top: 30px; font-weight: 500; } @media (min-width: 992px) and (max-width: 1199px) { .product-upload-wrapper .price-set { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .product-upload-wrapper .price-set { font-size: 24px; } } @media (min-width: 480px) and (max-width: 767px) { .product-upload-wrapper .price-set { font-size: 22px; } } @media (min-width: 321px) and (max-width: 479px) { .product-upload-wrapper .price-set { font-size: 20px; } } @media only screen and (max-width: 320px) { .product-upload-wrapper .price-set { font-size: 20px; } } /*======================================================================= [10] Sales Statement Page Area =========================================================================*/ .sales-statement-wrapper { position: relative; } .sales-statement-wrapper .sales-statement-filter { position: absolute; top: -50px; right: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item { position: relative; margin-left: 10px; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item i { position: absolute; right: 5px; top: 10px; z-index: 2; color: #E31E4C; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item input { width: 120px; background: #f9f9f9; box-shadow: none; border: 1px solid #dcdcdc; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item input:focus { box-shadow: none; border: 1px solid #dcdcdc; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item input.buscar { width: 317px; background: #f9f9f9; box-shadow: none; border: 1px solid #dcdcdc; font-size:12px; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item input.buscar:focus { box-shadow: none; border: 1px solid #E31E4C; } .sales-statement-wrapper .sales-statement-filter .sales-statement-filter-item span { color: #444444; font-size: 12px; margin-top: 8px; display: block; } .sales-statement-wrapper thead { background: #455a64; color: #ffffff; } .sales-statement-wrapper thead tr th { padding: 20px 8px; } .sales-statement-wrapper tbody tr th { vertical-align: middle; } .sales-statement-wrapper tbody tr td { vertical-align: middle; } .sales-statement-wrapper .table-striped > tbody > tr:nth-of-type(2n+1) { background: #fbfbfb; } .sales-statement-wrapper .total-sale { margin-top: 50px; margin-bottom: 30px; font-size: 30px; color: #263238; } .sales-statement-wrapper .total-sale span { color: #228AB7; font-weight: 500; } /*======================================================================= [11] Withdrawal Page Area =========================================================================*/ .withdrawal-wrapper .withdrawal-info-item { margin-bottom: 10px; } .withdrawal-wrapper .withdrawal-info-item .withdrawal-info-title h4 { margin-bottom: 10px; font-size: 16px; color: #263238; font-weight: 500; } .withdrawal-wrapper .withdrawal-info-item .withdrawal-info-title h4 span { color: #228AB7; } .withdrawal-wrapper .withdrawal-info-item .withdrawal-info-field .profile-heading { background: #f9f9f9; border: 1px solid #dcdcdc; width: 100%; padding: 8px; margin-bottom: 15px; } .withdrawal-wrapper .withdrawal-info-item .withdrawal-info-field .custom-select { margin-bottom: 30px; } .withdrawal-wrapper .update-btn { margin-top: 10px; } .withdrawal-wrapper tr td { padding: 10px 8px!important; border-top: none!important; color: #444444; font-size: 13px; font-weight: 500; vertical-align: middle; } .withdrawal-wrapper tr td span { color: #228AB7; } .withdrawal-wrapper .select2-container .select2-selection--single { height: 40px; } .withdrawal-wrapper .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .withdrawal-wrapper .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .withdrawal-wrapper .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .withdrawal-wrapper .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #707070; } /*======================================================================= [12] Profile Page Area =========================================================================*/ .author-summery { background: #ffffff; border: 1px solid #d7d7d7; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 1199px) { .author-summery { display: inherit; } } .author-summery .single-item { padding: 18px 30px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; border-right: 1px solid #d7d7d7; } @media only screen and (max-width: 1199px) { .author-summery .single-item { padding: 5px 20px; border-right: none; border-bottom: 1px solid #d7d7d7; } } @media only screen and (max-width: 991px) { .author-summery .single-item { padding: 10px 20px; } } .author-summery .single-item:last-child { border-right: none; border-bottom: none; } .author-summery .single-item .item-title { color: #263238; font-size: 14px; font-weight: 500; } .author-summery .single-item .item-details { color: #707070; font-size: 14px; } @media only screen and (max-width: 767px) { .profile-wrapper { margin-top: 30px; } } .profile-wrapper .profile-title { border: 1px solid #d7d7d7; background: #ffffff; } @media only screen and (max-width: 767px) { .profile-wrapper .profile-title { margin-bottom: 15px; } } .profile-wrapper .profile-title li { border-bottom: 1px solid #d7d7d7; } .profile-wrapper .profile-title li:last-child { border-bottom: none; } .profile-wrapper .profile-title li a { padding: 10px 10px 10px 20px; position: relative; display: block; color: #707070; font-size: 14px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .profile-wrapper .profile-title li a i { margin-right: 10px; color: #d0d0d0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .profile-wrapper .profile-title .active a { color: #263238; } .profile-wrapper .profile-title .active a:after { background: #228AB7; content: ""; height: 2px; width: 100%; position: absolute; z-index: 1; bottom: -1px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .profile-wrapper .profile-title .active a i { color: #228AB7; } .profile-wrapper .skill-area { position: relative; overflow: hidden; } .profile-wrapper .skill-area .progress { background-color: #f4f4f4; border-radius: 5px; box-shadow: none; height: 16px; overflow: visible; position: relative; margin-top: 55px; } .profile-wrapper .skill-area .progress .lead { color: #263238; font-style: italic; position: absolute; top: -32px; font-weight: 500; } .profile-wrapper .skill-area .progress:first-child { margin-top: 35px; } .profile-wrapper .skill-area .progress:last-child { margin-bottom: 10px; } .profile-wrapper .skill-area .progress .progress-bar { border-radius: 5px; } .profile-wrapper .skill-area .progress:nth-child(1) .progress-bar { background: #95cc47; } .profile-wrapper .skill-area .progress:nth-child(2) .progress-bar { background: #536dfe; } .profile-wrapper .skill-area .progress:nth-child(3) .progress-bar { background: #ff3d00; } .profile-wrapper .message-wrapper { background: #ffffff; border: 1px solid #d7d7d7; } .profile-wrapper .message-wrapper .single-item-message { border-bottom: 1px solid #d7d7d7; padding: 30px 32px 15px; } .profile-wrapper .message-wrapper .single-item-message:last-child { border-bottom: none; padding: 30px 32px; } .profile-wrapper .message-wrapper .single-item-message h3 { font-size: 20px; font-weight: 500; } .profile-wrapper .message-wrapper .single-item-message .single-item-inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; } @media only screen and (max-width: 991px) { .profile-wrapper .message-wrapper .single-item-message .single-item-inner { display: inherit; } } .profile-wrapper .message-wrapper .single-item-message .single-item-inner .profile-rating { position: absolute; top: 0; right: 0; } .profile-wrapper .message-wrapper .single-item-message .single-item-inner .profile-rating ul li { display: inline-block; } .profile-wrapper .message-wrapper .single-item-message .single-item-inner .profile-rating ul li i { color: #ffa726; } .profile-wrapper .message-wrapper .single-item-message img { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; padding: 0 30px 50px 0; } @media only screen and (max-width: 1199px) { .profile-wrapper .message-wrapper .single-item-message img { padding: 0 30px 65px 0; } } @media only screen and (max-width: 991px) { .profile-wrapper .message-wrapper .single-item-message img { padding: 0; margin-bottom: 10px; } } .profile-wrapper .message-wrapper .single-item-message .item-content { -webkit-box-flex: 13; -moz-flex: 13; -webkit-flex: 13; flex: 13; } .profile-wrapper .message-wrapper .single-item-message .item-content h4 { font-weight: 500; font-size: 18px; color: #263238; margin-bottom: 2px; } .profile-wrapper .message-wrapper .single-item-message .item-content h4 span { color: #228AB7; font-size: 14px; margin-left: 10px; } .profile-wrapper .message-wrapper .single-item-message .item-content > span { color: #90a4ae; font-size: 13px; display: block; margin-bottom: 10px; } .profile-wrapper .message-wrapper .single-item-message .item-content p { font-size: 14px; } .profile-wrapper .message-wrapper .single-item-inner-author { padding: 30px 32px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 991px) { .profile-wrapper .message-wrapper .single-item-inner-author { display: inherit; } } .profile-wrapper .message-wrapper .single-item-inner-author img { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; padding: 0 30px 40px 0; } @media only screen and (max-width: 1199px) { .profile-wrapper .message-wrapper .single-item-inner-author img { padding: 0 30px 80px 0; } } @media only screen and (max-width: 991px) { .profile-wrapper .message-wrapper .single-item-inner-author img { padding: 0; margin-bottom: 10px; } } .profile-wrapper .message-wrapper .single-item-inner-author .item-content { -webkit-box-flex: 11; -moz-flex: 11; -webkit-flex: 11; flex: 11; } .profile-wrapper .message-wrapper .single-item-inner-author .item-content h4 { font-weight: 500; font-size: 18px; color: #263238; margin-bottom: 2px; } .profile-wrapper .message-wrapper .single-item-inner-author .item-content h4 span { text-transform: uppercase; color: #ffffff; background: #546e7a; font-size: 10px; padding: 3px; margin-left: 10px; } .profile-wrapper .message-wrapper .single-item-inner-author .item-content > span { color: #90a4ae; font-size: 13px; display: block; margin-bottom: 10px; } .profile-wrapper .message-wrapper .single-item-inner-author .item-content p { font-size: 14px; } .profile-wrapper .message-wrapper .leave-comments-message { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 480px) { .profile-wrapper .message-wrapper .leave-comments-message { display: inherit; } } .profile-wrapper .message-wrapper .leave-comments-message img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; padding: 0 30px 78px 0; } @media only screen and (max-width: 480px) { .profile-wrapper .message-wrapper .leave-comments-message img { padding: 0; margin-bottom: 15px; } } .profile-wrapper .message-wrapper .leave-comments-message .leave-comments-box { -webkit-box-flex: 6; -moz-flex: 6; -webkit-flex: 6; flex: 6; } .profile-wrapper .message-wrapper .leave-comments-message .leave-comments-box textarea { height: 90px; background: #f6f6f6; } .profile-wrapper .reviews-wrapper { background: #ffffff; border: 1px solid #d7d7d7; } .profile-wrapper .reviews-wrapper .single-item-message { border-bottom: 1px solid #d7d7d7; padding: 30px 32px 15px; } .profile-wrapper .reviews-wrapper .single-item-message:last-child { border-bottom: none; padding: 30px 32px; } .profile-wrapper .reviews-wrapper .single-item-message h3 { font-size: 20px; font-weight: 500; } .profile-wrapper .reviews-wrapper .single-item-message .single-item-inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; } @media only screen and (max-width: 991px) { .profile-wrapper .reviews-wrapper .single-item-message .single-item-inner { display: inherit!important; } } .profile-wrapper .reviews-wrapper .single-item-message .single-item-inner .profile-rating { position: absolute; top: 0; right: 0; } .profile-wrapper .reviews-wrapper .single-item-message .single-item-inner .profile-rating ul li { display: inline-block; } .profile-wrapper .reviews-wrapper .single-item-message .single-item-inner .profile-rating ul li i { color: #ffa726; } .profile-wrapper .reviews-wrapper .single-item-message img { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; padding: 0 30px 30px 0; } @media (min-width: 991px) and (max-width: 1199px) { .profile-wrapper .reviews-wrapper .single-item-message img { padding: 0 30px 60px 0; } } .profile-wrapper .reviews-wrapper .single-item-message .item-content { -webkit-box-flex: 13; -moz-flex: 13; -webkit-flex: 13; flex: 13; } .profile-wrapper .reviews-wrapper .single-item-message .item-content h4 { font-weight: 500; font-size: 18px; color: #263238; margin-bottom: 2px; } .profile-wrapper .reviews-wrapper .single-item-message .item-content h4 span { color: #228AB7; font-size: 14px; margin-left: 10px; } .profile-wrapper .reviews-wrapper .single-item-message .item-content > span { color: #90a4ae; font-size: 13px; display: block; margin-bottom: 10px; } .profile-wrapper .reviews-wrapper .single-item-message .item-content p { font-size: 14px; } /*======================================================================= [13] Why Choose Area =========================================================================*/ .why-choose-box { padding: 0 15px; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .why-choose-box { padding: 0; } } .why-choose-box a { display: inline-block; } .why-choose-box a.azul i { margin-bottom: 0px; background: #fff; color: #0FD2F9; font-size: 56px; height: 114px; width: 114px; text-align: center; line-height: 104px; border-radius: 50%; border: 3px solid #0FD2F9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .why-choose-box a.azul i:hover { background: #0FD2F9; color: #fff; } .why-choose-box h3 { margin-top: 30px; font-size: 24px; font-weight: 300; color: #0FD2F9; } .why-choose-box p { font-weight: 300; color: #758A98 !important; } @media (min-width: 992px) and (max-width: 1199px) { .why-choose-box h3 { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .why-choose-box h3 { font-size: 21px; } } @media (min-width: 480px) and (max-width: 767px) { .why-choose-box h3 { font-size: 20px; } } @media (min-width: 321px) and (max-width: 479px) { .why-choose-box h3 { font-size: 18px; } } @media only screen and (max-width: 320px) { .why-choose-box h3 { font-size: 17px; } } .why-choose-box h3 a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .why-choose-box h3 a:hover { color: #228AB7; } .why-choose-box p { color: #b0bec5; } .why-choose-box:hover a i { background: transparent; } /*======================================================================= [14] Pricing Plan Area =========================================================================*/ .pricing-plan-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 767px) { .pricing-plan-wrapper { display: inherit; } } .pricing-plan-wrapper .pricing-plan-box { margin: 0 15px 30px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; background: #f4f6f5; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pricing-plan-wrapper .pricing-plan-box:nth-child(1n) .pricing { background: #228AB7; } .pricing-plan-wrapper .pricing-plan-box:nth-child(1n) .pricing-btn { background: #228AB7; border: 2px solid #228AB7; color: #ffffff; } .pricing-plan-wrapper .pricing-plan-box:nth-child(1n) .pricing-btn:hover { color: #228AB7; } .pricing-plan-wrapper .pricing-plan-box:nth-child(2n) .pricing { background: #8560a8; } .pricing-plan-wrapper .pricing-plan-box:nth-child(2n) .pricing-btn { background: #8560a8; border: 2px solid #8560a8; color: #ffffff; } .pricing-plan-wrapper .pricing-plan-box:nth-child(2n) .pricing-btn:hover { color: #8560a8; } .pricing-plan-wrapper .pricing-plan-box:nth-child(3n) .pricing { background: #f4511e; } .pricing-plan-wrapper .pricing-plan-box:nth-child(3n) .pricing-btn { background: #f4511e; border: 2px solid #f4511e; color: #ffffff; } .pricing-plan-wrapper .pricing-plan-box:nth-child(3n) .pricing-btn:hover { color: #f4511e; } .pricing-plan-wrapper .pricing-plan-box .pricing { padding: 25px 5px 5px; } .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 36px; color: #ffffff; font-weight: 500; margin-bottom: 0; } @media (min-width: 992px) and (max-width: 1199px) { .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 34px; } } @media (min-width: 768px) and (max-width: 991px) { .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 34px; } } @media (min-width: 480px) and (max-width: 767px) { .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 32px; } } @media (min-width: 321px) and (max-width: 479px) { .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 32px; } } @media only screen and (max-width: 320px) { .pricing-plan-wrapper .pricing-plan-box .pricing h3 { font-size: 30px; } } .pricing-plan-wrapper .pricing-plan-box .pricing p { font-size: 16px; color: #ffffff; text-transform: uppercase; } .pricing-plan-wrapper .pricing-plan-box .pricing-info { padding: 45px 15px 55px; } .pricing-plan-wrapper .pricing-plan-box .pricing-info li { margin-bottom: 25px; color: #60697d; } .pricing-plan-wrapper .pricing-plan-box .pricing-info li:last-child { margin-bottom: 0; } .pricing-plan-wrapper .pricing-plan-box .pricing-btn { text-align: center; padding: 14px 90px; background: red; text-transform: uppercase; font-size: 16px; font-weight: 700; display: inline-block; margin-bottom: 40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 767px) and (max-width: 991px) { .pricing-plan-wrapper .pricing-plan-box .pricing-btn { padding: 12px 50px; } } .pricing-plan-wrapper .pricing-plan-box .pricing-btn:hover { background: transparent; } .pricing-plan-wrapper .pricing-plan-box:hover { -webkit-box-shadow: 0px 11px 15px 0px rgba(216, 216, 216, 0.75); -moz-box-shadow: 0px 11px 15px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 11px 15px 0px rgba(216, 216, 216, 0.75); background: #ffffff; } /*======================================================================= [15] Tutorials Area =========================================================================*/ .tutorials-box { margin-bottom: 30px; } .tutorials-box img { width: 100%; } .tutorials-box .tutorials-title { text-align: center; background: #f8f8f8; padding: 30px 15px 15px; } .tutorials-box .tutorials-title h3 { font-size: 24px; font-weight: 600; } @media (min-width: 992px) and (max-width: 1199px) { .tutorials-box .tutorials-title h3 { font-size: 24px; } } @media (min-width: 768px) and (max-width: 991px) { .tutorials-box .tutorials-title h3 { font-size: 22px; } } @media (min-width: 480px) and (max-width: 767px) { .tutorials-box .tutorials-title h3 { font-size: 22px; } } @media (min-width: 321px) and (max-width: 479px) { .tutorials-box .tutorials-title h3 { font-size: 20px; } } @media only screen and (max-width: 320px) { .tutorials-box .tutorials-title h3 { font-size: 20px; } } .tutorials-box .tutorials-title h3 a { color: #263238; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .tutorials-box .tutorials-title h3 a:hover { color: #228AB7; } /*======================================================================= [16] Money Back Area =========================================================================*/ .money-back-area { padding: 60px 0; } @media (min-width: 992px) and (max-width: 1199px) { .money-back-area { padding: 55px 0; } } @media (min-width: 768px) and (max-width: 991px) { .money-back-area { padding: 50px 0; } } @media (min-width: 480px) and (max-width: 767px) { .money-back-area { padding: 45px 0; } } @media (min-width: 321px) and (max-width: 479px) { .money-back-area { padding: 40px 0; } } @media only screen and (max-width: 320px) { .money-back-area { padding: 35px 0; } } .money-back { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 320px) { .money-back { display: inherit; } } .money-back .money-back-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } @media only screen and (max-width: 320px) { .money-back .money-back-img img { margin: 0 auto; } } .money-back .money-back-content { -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; } .money-back .money-back-content h3 { text-align: left; margin-top: 15px; color: #25C3EC; font-size: 35px; font-weight: 500; } .money-back .money-back-content h3 p { color: #6E7F90; font-size: 17px; font-weight: 500; line-height: 26px; padding-top: 20px; } @media (min-width: 992px) and (max-width: 1199px) { .money-back .money-back-content h3 { font-size: 48px; margin-left: 25px; margin-top: 36px; } } @media (min-width: 768px) and (max-width: 991px) { .money-back .money-back-content h3 { font-size: 36px; margin-left: 25px; margin-top: 30px; } } @media (min-width: 480px) and (max-width: 767px) { .money-back .money-back-content h3 { font-size: 24px; margin-left: 15px; margin-top: 18px; } } @media (min-width: 321px) and (max-width: 479px) { .money-back .money-back-content h3 { font-size: 22px; margin-left: 30px; margin-top: 0; } .money-back .money-back-content h3 p { font-size: 14px; font-weight: 500; line-height: 22px; padding-top: 20px; } } @media only screen and (max-width: 320px) { .money-back .money-back-content h3 { text-align: center; font-size: 20px; margin-left: 0; margin-top: 10px; } } /*======================================================================= [17] Sidebar Area =========================================================================*/ @media only screen and (max-width: 767px) { .fox-sidebar { margin-top: 30px; } } .sidebar-item { background: #ffffff; border: 1px solid #dedede; } .sidebar-item:last-child { margin-bottom: 0; } .sidebar-item .sidebar-item-inner { padding: 20px 25px 30px; } @media (min-width: 768px) and (max-width: 1199px) { .sidebar-item .sidebar-item-inner { padding: 30px 15px; } } .sidebar-item .sidebar-item-inner .sidebar-item-title { position: relative; font-size: 20px; font-weight: 500; } .sidebar-item .sidebar-item-inner .sidebar-item-title:before { content: ""; height: 1px; width: 100%; background: #dde3e8; position: absolute; z-index: 1; bottom: -15px; } .sidebar-item .sidebar-item-inner .sidebar-item-title.sem_borda:before { height: 0px !important; } .sidebar-categories-list { padding-top: 20px !important; } .sidebar-categories-list li { position: relative; padding-left: 20px; margin-bottom: 20px; } .sidebar-categories-list li:last-child { margin-bottom: 0; } .sidebar-categories-list li:before { content: "\f105"; left: 0; position: absolute; top: 0; font-size: 14px; color: #228AB7; font-family: FontAwesome; } .sidebar-categories-list li a { color: #444444; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-categories-list li a:hover { color: #228AB7; } .sidebar-categories-list li span { position: absolute; right: 0; top: 0; text-align: right; color: #90a4ae; } .price-range-wrapper { padding-top: 10px; } .price-range-wrapper:after { clear: both; display: block; content: ""; } .price-range-wrapper .price-range-select { margin: 18px 0; text-align: center; } .price-range-wrapper .price-range-select:after { clear: both; display: block; content: ""; } .price-range-wrapper .price-range-select .price-range { font-size: 20px; color: #228AB7; display: inline-block; margin: 0 10px; } .price-range-wrapper .noUi-connect { background: #212121; } .price-range-wrapper .noUi-horizontal { height: 10px; } .price-range-wrapper .noUi-target { border-radius: 0; } .price-range-wrapper .noUi-horizontal .noUi-handle { top: -10px; background: #228AB7; border: none; box-shadow: none; } .price-range-wrapper .noUi-handle::after, .price-range-wrapper .noUi-handle::before { left: 16px; top: 7px; background: #ffffff; } .price-range-wrapper .noUi-handle::after { left: 19px; } .sidebar-single-item-grid { border-bottom: 1px solid #e7ecf2; padding-bottom: 25px; margin-bottom: 25px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-single-item-grid:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .sidebar-single-item-grid:last-child .item-profile { margin-bottom: 30px; } .sidebar-single-item-grid .item-img img { width: 100%; } .sidebar-single-item-grid .item-content { padding-top: 15px; background: #ffffff; } .sidebar-single-item-grid .item-content .item-info { margin-bottom: 15px; position: relative; } .sidebar-single-item-grid .item-content .item-info h3 { color: #263238; font-size: 16px; font-weight: 500; margin-bottom: 2px; } .sidebar-single-item-grid .item-content .item-info h3 a { color: #263238; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-single-item-grid .item-content .item-info h3 a:hover { color: #228AB7; } .sidebar-single-item-grid .item-content .item-info span { color: #228AB7; font-size: 14px; } .sidebar-single-item-grid .item-content .item-info .price { position: absolute; top: 35%; right: 0; transform: translateY(-50%); z-index: 1; color: #263238; font-size: 16px; font-weight: 700; } .sidebar-single-item-grid .item-content .item-profile { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sidebar-single-item-grid .item-content .item-profile .profile-title { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sidebar-single-item-grid .item-content .item-profile .profile-title img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .sidebar-single-item-grid .item-content .item-profile .profile-title span { margin: 5px 0 0 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; font-size: 14px; } .sidebar-single-item-grid .item-content .item-profile .profile-rating { margin-top: 5px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; text-align: right; } .sidebar-single-item-grid .item-content .item-profile .profile-rating ul li { display: inline-block; color: #ffa726; } .sidebar-single-item-grid .item-content .item-profile .profile-rating ul li i { font-size: 12px; } .sidebar-product-info li { margin-bottom: 12px; font-size: 14px; color: #263238; } .sidebar-product-info li span { color: #70838d; } .sidebar-product-info li:last-child { margin-bottom: 0; } .sidebar-sale-info li { display: inline-block; color: #228AB7; margin-right: 10px; font-size: 17px; font-weight: 700; } .sidebar-sale-info li i { color: #a6b5bb; font-size: 20px; } .sidebar-sale-info li:nth-child(3) { border-left: 1px dotted #ccc; margin-left: 15px; padding-left: 25px; } .sidebar-author-info { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sidebar-author-info .sidebar-author-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; margin-right: 10px; } .sidebar-author-info .sidebar-author-content { margin-left: 10px; -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; } @media (min-width: 480px) and (max-width: 767px) { .sidebar-author-info .sidebar-author-content { -webkit-box-flex: 5; -moz-flex: 5; -webkit-flex: 5; flex: 5; } } .sidebar-author-info .sidebar-author-content h3 { margin-bottom: 10px; font-size: 18px; color: #263238; } .sidebar-author-info .sidebar-author-content a.view-profile { border: 1px solid #d3d3d3; color: #707070; font-size: 13px; display: inline-block; padding: 5px 10px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-author-info .sidebar-author-content a.view-profile i { color: #228AB7; margin-right: 5px; } .sidebar-author-info .sidebar-author-content a.view-profile:hover { background: #228AB7; border: 1px solid #228AB7; color: #ffffff; } .sidebar-badges-item { margin-bottom: 10px; } .sidebar-badges-item li { display: inline-block; margin-right: 5px; } @media (min-width: 768px) and (max-width: 991px) { .sidebar-badges-item li { margin-right: 0; } } .sidebar-badges-item li:last-child { margin-right: 0; } .sidebar-product-price { margin-bottom: 30px; position: relative; } .sidebar-product-price li { color: #e74c3c; font-size: 22px; font-weight: 500; display: inline-block; } .sidebar-product-price li .select2-selection__rendered { color: #70838d!important; font-size: 13px!important; font-weight: 400!important; line-height: 28px!important; } .sidebar-product-price li .select2-selection--single { height: 28px; background-color: transparent!important; } .sidebar-product-price li .select2-selection__arrow { top: 3px!important; right: 2px!important; } .sidebar-product-price li:last-child { position: absolute; right: 0; top: 0; } @media (min-width: 991px) and (max-width: 1199px) { .sidebar-product-btn { margin-top: 54px; } } .sidebar-product-btn li { margin-bottom: 10px; } @media (min-width: 768px) and (max-width: 991px) { .sidebar-product-btn li { margin-bottom: 22px; } } .sidebar-product-btn li:last-child { margin-bottom: 0; } .social-default { margin-bottom: 25px; -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } .social-default li { margin-right: 5px; display: inline-block; } .social-default li:nth-child(1n) a { background: #6370b6; border: 2px solid #6370b6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px; } .social-default li:nth-child(1n) a:hover { background: transparent; color: #6370b6; } .social-default li:nth-child(2n) a { background: #64b5f6; border: 2px solid #64b5f6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px; } .social-default li:nth-child(2n) a:hover { background: transparent; color: #64b5f6; } .social-default li:nth-child(3n) a { background: #2AB200; border: 2px solid #2AB200; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px; } .social-default li:nth-child(3n) a:hover { background: transparent; color: #25A400; } .social-default li:nth-child(4n) a { background: #d32f2f; border: 2px solid #d32f2f; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-default li:nth-child(4n) a:hover { background: transparent; color: #d32f2f; } .social-default li:last-child { margin-right: 0; } .social-default li a { display: block; height: 40px; line-height: 25px; width: 40px; text-align: center; color: #ffffff; background: red; font-weight: 500; font-size: 16px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar-latest-post{ padding-top: 20px; } .sidebar-latest-post li { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sidebar-latest-post li:last-child { margin-bottom: 0; padding-bottom: 0; } .sidebar-latest-post li .latest-post-img { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; margin-right: 10px; } .sidebar-latest-post li .latest-post-img a img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-latest-post li .latest-post-img a:hover img { opacity: 0.7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar-latest-post li .latest-post-content { -webkit-box-flex: 3; -moz-flex: 3; -webkit-flex: 3; flex: 3; } .sidebar-latest-post li .latest-post-content h4 { font-size: 11px; margin-bottom: 6px; line-height: 0.8; font-weight: 500; background: #25C3EC; color: #ffffff; padding: 5px 6px 5px; display: inline-block; } .sidebar-latest-post li .latest-post-content p { line-height: 1.2; margin-bottom: 0; color: #5D6F81; font-size: 13px; } /*======================================================================= [18] Blog Page Area =========================================================================*/ .blog-page-wrapper .single-item { margin-bottom: 30px; border-radius: 3px; overflow: hidden; } .blog-page-wrapper .single-item .item-img-holder { overflow: hidden; position: relative; } .blog-page-wrapper .single-item .item-img-holder img { width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-page-wrapper .single-item .item-img-holder span { position: absolute; top: 10px; left: 0; display: block; padding: 10px; font-size: 15px; font-weight: 700; background: #25C3EC; z-index: 1; color: #ffffff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-page-wrapper .single-item .item-content-holder { background: #ffffff; padding: 15px 30px 20px; } .blog-page-wrapper .single-item .item-content-holder h3 { position: relative !important; display: block !important; width: 290px !important; margin-bottom: 10px; font-size: 20px; font-weight: 400; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap; color: #25C3EC; } .blog-page-wrapper .single-item .item-content-holder h3 a { color: #25C3EC; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-page-wrapper .single-item .item-content-holder h3 a:hover { color: #25C3EC; } .blog-page-wrapper .single-item .item-content-holder p { padding-bottom: 40px; margin-bottom: 15px; display: block; display: -webkit-box; max-width: 400px; height: 75px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden !important; text-overflow: ellipsis; line-height: 1.625; color: #5D6F81; } .blog-page-wrapper .single-item .item-content-holder .item-comments { border-top: 1px solid #e4e4e4 !important; padding-top: 20px; } .blog-page-wrapper .single-item .item-content-holder .item-comments li { display: inline-block; margin-right: 10px; color: #5D6F81; } .blog-page-wrapper .single-item .item-content-holder .item-comments li i { color: #25C3EC; margin-right: 8px; } .blog-page-wrapper .single-item .item-content-holder .item-comments li:last-child { text-align: right; margin-right: 0; margin-left: 10px; } .blog-page-wrapper .single-item .item-content-holder .item-comments li:last-child a { color: #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* .blog-page-wrapper .single-item .item-content-holder .item-comments li:last-child a:hover { color: #25C3EC; } */ .blog-page-wrapper .single-item:hover .item-img-holder img { transform: scale(1.2); } .blog-page-wrapper .single-item:hover .item-img-holder span { top: 30px; } /*======================================================================= [19] Single Blog Page Area =========================================================================*/ .single-blog-wrapper .single-blog-img-holder { position: relative; } .single-blog-wrapper .single-blog-img-holder img { margin-bottom: 0px !important; width: 100% !important; border-top-right-radius: 3px; border-top-left-radius: 3px; } .single-blog-wrapper .single-blog-img-holder .news-date1 { position: absolute; bottom: 0; left: 0; z-index: 1; } .single-blog-wrapper .single-blog-img-holder .news-date1 li { width: 100px; height: 40px; font-size: 18px; text-align: center; line-height: 2.3; } @media (min-width: 480px) and (max-width: 991px) { .single-blog-wrapper .single-blog-img-holder .news-date1 li { height: 40px; font-size: 20px; width: 90px; line-height: 2; } } @media (min-width: 480px) and (max-width: 767px) { .single-blog-wrapper .single-blog-img-holder .news-date1 li { font-size: 18px; line-height: 2.3; } } @media only screen and (max-width: 479px) { .single-blog-wrapper .single-blog-img-holder .news-date1 li { height: 35px; font-size: 16px; width: 80px; } } .single-blog-wrapper .single-blog-img-holder .news-date1 li:nth-child(odd) { background: #21B4D5; color: #ffffff; font-weight: 700; } .single-blog-wrapper .single-blog-img-holder .news-date1 li:nth-child(even) { background: #25C3EC; color: #fff; font-weight: 500; } .single-blog-wrapper .news-comments { margin-bottom: 15px; padding-bottom: 10px; color: #25C3EC; } .single-blog-wrapper .news-comments li { display: inline-block; margin-right: 20px; } @media (min-width: 992px) and (max-width: 1199px) { .single-blog-wrapper .news-comments li { margin-right: 8px; } } .single-blog-wrapper .news-comments li a { color: #25C3EC; } .single-blog-wrapper .news-comments li a:hover { color: #21B4D5; } .single-blog-wrapper .news-comments li a i { color: #228AB7; margin-right: 8px; } .single-blog-wrapper .news-comments li a span { color: #444444; } .single-blog-wrapper .single-blog-content-holder h2 { margin-bottom: 20px; font-size: 30px; font-weight: 400; color: #25C3EC; } .single-blog-wrapper .single-blog-content-holder ul { margin-bottom: 30px; } .single-blog-wrapper .single-blog-content-holder ul li { margin-right: 10px; padding-right: 10px; display: inline; text-transform: initial; border-right: 1px solid #bdbdbd; } .single-blog-wrapper .single-blog-content-holder ul li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .single-blog-wrapper .single-blog-content-holder ul li span { color: #228AB7; text-transform: capitalize; } .single-blog-wrapper .single-blog-content-holder p { font-size: 17px; margin-bottom: 45px; color: #5D6F81 !important; line-height: 30px; } .single-blog-wrapper .single-blog-content-holder p > span { margin-bottom: 50px; background: #f8f8f8; padding: 40px 60px 40px 60px; position: relative; display: block; color: #707070 !important; font-size: 14px; font-style: italic; letter-spacing: 1px; } @media only screen and (max-width: 480px) { .single-blog-wrapper .single-blog-content-holder p > span { padding: 30px; } } .single-blog-wrapper .single-blog-content-holder p > span:before { content: "\f10d"; font-family: FontAwesome; font-size: 20px; position: absolute; top: 30px; left: 30px; z-index: 1; color: #25C3EC; } @media only screen and (max-width: 480px) { .single-blog-wrapper .single-blog-content-holder p > span:before { left: 5px; top: 20px; } } .single-blog-wrapper .tag-share { padding: 40px 0 45px; border-top: 1px solid #ebebeb; border-bottom: 0px solid #ebebeb; margin-bottom: 0px; } @media only screen and (max-width: 991px) { .single-blog-wrapper .tag-share { padding: 25px 0 35px; } } .single-blog-wrapper .tag-share li { display: inline-block; } .single-blog-wrapper .tag-share li ul li { display: inline-block; font-size: 15px; } .single-blog-wrapper .tag-share li ul li a { color: #707070; } .single-blog-wrapper .tag-share li ul li:last-child { float: inherit; } .single-blog-wrapper .tag-share li:last-child { float: right; } @media only screen and (max-width: 991px) { .single-blog-wrapper .tag-share li:last-child { float: inherit; margin-top: 5px; } } .single-blog-wrapper .tag-share li .inner-tag { margin-top: 5px; color: #849CAC; } .single-blog-wrapper .tag-share li .inner-tag li:first-child { font-weight: 500; color: #5D6F81; } .single-blog-wrapper .tag-share li .inner-share li { margin-left: 5px; } @media only screen and (max-width: 991px) { .single-blog-wrapper .tag-share li .inner-share li { margin-right: 5px; margin-left: 0; } } .single-blog-wrapper .tag-share li .inner-share li a { height: 30px; width: 30px; display: block; text-align: center; line-height: 30px; color: #ffffff; } .single-blog-wrapper .tag-share li .inner-share li:nth-child(1n) a { background: #3b5998; } .single-blog-wrapper .tag-share li .inner-share li:nth-child(2n) a { background: #00aced; } .single-blog-wrapper .tag-share li .inner-share li:nth-child(3n) a { background: #2AB200; } .single-blog-wrapper .tag-share li .inner-share li:nth-child(4n) a { background: #e94a0b; } .single-blog-wrapper .about-author { margin-bottom: 30px; } .single-blog-wrapper .blog-comments { padding-bottom: 10px; margin-bottom: 50px; border-bottom: 1px solid #ebebeb; } .single-blog-wrapper .blog-comments h2 { color: #212121; font-size: 24px; font-weight: 700; margin-bottom: 30px; } .single-blog-wrapper .blog-comments ul li { margin-bottom: 40px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } @media only screen and (max-width: 480px) { .single-blog-wrapper .blog-comments ul li { display: block; } } .single-blog-wrapper .blog-comments ul li .comments-img { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; } @media (min-width: 768px) and (max-width: 991px) { .single-blog-wrapper .blog-comments ul li .comments-img { margin-right: 10px; } } .single-blog-wrapper .blog-comments ul li .comments-img a { display: block; border-radius: 50%; } .single-blog-wrapper .blog-comments ul li .comments-content { padding-top: 10px; -webkit-box-flex: 4; -moz-flex: 4; -webkit-flex: 4; flex: 4; } .single-blog-wrapper .blog-comments ul li .comments-content h3 { font-size: 16px; } .single-blog-wrapper .blog-comments ul li .comments-content h3 a { color: #212121; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-wrapper .blog-comments ul li .comments-content h3 a:hover { color: #228AB7; } .single-blog-wrapper .blog-comments ul li .comments-content p { font-size: 14px; } .single-blog-wrapper .blog-comments ul li .comments-content span { position: absolute; z-index: 1; right: 0; top: 0; } .single-blog-wrapper .blog-comments ul li .comments-content span a { color: #ffffff; border-radius: 30px; padding: 8px 20px; display: block; background: #707070; font-size: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-wrapper .blog-comments ul li .comments-content span:hover a { background: #228AB7; } .single-blog-wrapper .blog-comments ul li:nth-child(even) { padding-left: 40px; } @media only screen and (max-width: 570px) { .single-blog-wrapper .blog-comments ul li:nth-child(even) { padding-left: 0; } } .single-blog-wrapper .blog-comments ul li:nth-child(even) .comments-content span { right: 30px; } .single-blog-wrapper .leave-comments h2 { color: #212121; font-size: 24px; font-weight: 700; margin-bottom: 30px; } .single-blog-wrapper .leave-comments .form-group { margin-bottom: 30px; } .single-blog-wrapper .leave-comments .form-group .form-control { background: #f9f9f9; box-shadow: none; border: none; } .single-blog-wrapper .leave-comments .form-group input { padding: 3px 5px 5px 25px; height: 50px; color: #212121; font-weight: 500; } .single-blog-wrapper .leave-comments .form-group textarea { font-weight: 500; padding: 20px 30px; } .single-blog-wrapper .leave-comments .form-group input.form-control::-webkit-input-placeholder, .single-blog-wrapper .leave-comments .form-group textarea.form-control::-webkit-input-placeholder { color: #707070; } .single-blog-wrapper .leave-comments .form-group input.form-control::-moz-placeholder, .single-blog-wrapper .leave-comments .form-group textarea.form-control::-moz-placeholder { color: #707070; } .single-blog-wrapper .leave-comments .form-group input.form-control:-moz-placeholder, .single-blog-wrapper .leave-comments .form-group textarea.form-control:-moz-placeholder { color: #707070; } .single-blog-wrapper .leave-comments .form-group input.form-control:-ms-input-placeholder, .single-blog-wrapper .leave-comments .form-group textarea.form-control:-ms-input-placeholder { color: #707070; } /*======================================================================= [20] Registration Page Area =========================================================================*/ /* .registration-page-area { .registration-details-area { label { letter-spacing: 1px; color: #333333; font-weight: 400; margin-bottom: 10px; } input { height: 40px; border: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; margin-bottom: 10px; background: #f9f9f9; } span { color: #333333; text-transform: capitalize; letter-spacing: 1px; input { height: inherit; margin-right: 10px; } } .custom-select { select { width: 100%; height: 40px; } } } .pLace-order { text-align: left; } .select2-container .select2-selection--single { height: 40px; } .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } } */ .registration-page-area .registration-details-area label { letter-spacing: 1px; color: #333333; font-weight: 400; margin-bottom: 10px; } .registration-page-area .registration-details-area input { height: 40px; border: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; margin-bottom: 10px; background: #f9f9f9; } .registration-page-area .registration-details-area span { color: #333333; text-transform: capitalize; letter-spacing: 1px; } .registration-page-area .registration-details-area span input { height: inherit; margin-right: 10px; } .registration-page-area .registration-details-area .custom-select select { width: 100%; height: 40px; } .registration-page-area .pLace-order { text-align: left; } .registration-page-area .select2-container .select2-selection--single { height: 40px; } .registration-page-area .select2-container--classic .select2-selection--single { background-color: #f9f9f9; background-image: none; border-radius: 0; border: 1px solid #dcdcdc; } .registration-page-area .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .registration-page-area .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .registration-page-area .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #707070; } /*======================================================================= [21] Help Page Area =========================================================================*/ .help-page-wrapper .panel-default { margin-top: 0!important; border-radius: 0!important; border: none; box-shadow: none; margin-bottom: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .help-page-wrapper .panel-default:last-child { border-bottom: 0; } .help-page-wrapper .panel-default .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; background-color: #228AB7 !important; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .help-page-wrapper .panel-default .panel-heading .panel-title a { color: #ffffff; font-size: 18px; padding: 13px 15px 15px; display: block; } .help-page-wrapper .panel-default .panel-heading .accordion-toggle { position: relative; } .help-page-wrapper .panel-default .panel-heading .accordion-toggle:after { font-family: FontAwesome; content: "\f0de"; right: 15px; position: absolute; top: 15px; color: #ffffff; font-size: 18px; z-index: 1; } .help-page-wrapper .panel-default .panel-heading .accordion-toggle.collapsed:after { content: "\f0dd"; font-family: FontAwesome; } .help-page-wrapper .panel-default .panel-collapse { background: #f5f5f5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .help-page-wrapper .panel-default .panel-body { padding: 30px 50px; } .help-page-wrapper .panel-default .panel-body h3 { font-size: 20px; color: #444444; font-weight: 700; } .help-page-wrapper .panel-default .panel-body p { color: #707070; } .help-page-wrapper .panel-default .active { background: #f5f5f5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*======================================================================= [22] 404 Error Page Area =========================================================================*/ .page-error-area { text-align: center; } .page-error-area .page-error-top { background: #228AB7; padding: 100px 30px; } @media only screen and (max-width: 479px) { .page-error-area .page-error-top { padding: 60px 20px; } } .page-error-area .page-error-top img { margin: 0 auto 30px; } .page-error-area .page-error-top p { letter-spacing: 3px; font-weight: 400; color: #ffffff; font-size: 30px; line-height: 1.5; } @media only screen and (max-width: 479px) { .page-error-area .page-error-top p { font-size: 24px; } } @media only screen and (max-width: 320px) { .page-error-area .page-error-top p { font-size: 20px; } } .page-error-area .page-error-bottom { margin-top: 30px; } .page-error-area .page-error-bottom p { margin-bottom: 0; font-weight: 400; font-size: 18px; color: #ffffff; line-height: 1.6; } .page-error-area .page-error-bottom a { margin-top: 50px; } /*======================================================================= [23] Contact Page Area =========================================================================*/ .contact-us-info-area { padding: 115px 0 125px; } @media (min-width: 992px) and (max-width: 1199px) { .contact-us-info-area { padding: 105px 0 115px; } } @media (min-width: 768px) and (max-width: 991px) { .contact-us-info-area { padding: 95px 0 105px; } } @media (min-width: 480px) and (max-width: 767px) { .contact-us-info-area { padding: 85px 0 95px; } } @media (min-width: 321px) and (max-width: 479px) { .contact-us-info-area { padding: 75px 0 85px; } } @media only screen and (max-width: 320px) { .contact-us-info-area { padding: 65px 0 75px; } } @media only screen and (max-width: 767px) { .contact-us-left { margin-bottom: 50px; } } .contact-us-left h2 { font-size: 24px; color: #333333; font-weight: 500; margin-bottom: 30px; } .contact-us-left ul > li { padding: 0 0 0 35px; position: relative; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .contact-us-left ul > li { padding: 13px 0 4px 30px; } } @media only screen and (max-width: 991px) { .contact-us-left ul > li { padding: 15px 0 4px 30px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .contact-us-left ul > li { padding: 13px 0 4px 30px; margin-bottom: 0; } } .contact-us-left ul > li:last-child { margin-bottom: 0; } .contact-us-left ul > li h3 { font-weight: 500; font-size: 20px; color: #263238; margin-bottom: 30px; } @media only screen and (max-width: 479px) { .contact-us-left ul > li h3 { font-size: 18px; } } .contact-us-left ul > li p { color: #707070; } @media only screen and (max-width: 767px) { .contact-us-left ul > li p { margin-bottom: 5px; } } .contact-us-left ul > li > i { color: #228AB7; position: absolute; z-index: 1; left: 0; top: 5px; font-size: 20px; } @media only screen and (max-width: 991px) { .contact-us-left ul > li > i { top: 20px; } } .contact-us-right h2 { font-size: 24px; color: #333333; font-weight: 500; margin-bottom: 30px; } .contact-us-right .contact-form .form-group { margin-bottom: 20px; } .contact-us-right .contact-form .form-group .form-control { border-radius: 0; background: #f1f4f5; box-shadow: none; border: none; } .contact-us-right .contact-form .form-group input { height: 45px; } .contact-us-right .contact-form .form-response .alert-info { background: transparent!important; border: none!important; color: red; letter-spacing: 5px; } .contact-us-right .contact-form .form-response .alert-success { background-color: transparent; color: green; letter-spacing: 4px; border-color: transparent; font-weight: 500; } @media only screen and (max-width: 479px) { .contact-us-right .contact-form .form-response .alert-success { letter-spacing: 1px; } } .contact-us-right .contact-form .form-response .alert { margin-top: 15px; border-radius: 0!important; padding: 15px 0; } /*======================================================================= [24] Footer Area =========================================================================*/ .footer-area-top { padding: 92px 0 50px; background: #758A98; } @media (min-width: 992px) and (max-width: 1199px) { .footer-area-top { padding: 82px 0 40px; } } @media (min-width: 768px) and (max-width: 991px) { .footer-area-top { padding: 72px 0 40px; } } @media (min-width: 480px) and (max-width: 767px) { .footer-area-top { padding: 62px 0 35px; } } @media (min-width: 321px) and (max-width: 479px) { .footer-area-top { padding: 52px 0 20px; } } @media only screen and (max-width: 320px) { .footer-area-top { padding: 42px 0 10px; } } .footer-area-top .footer-box { margin-bottom: 30px; } .footer-area-top p { color: #fff; } .footer-area-top h3 { font-size: 20px; color: #ffffff; } .footer-area-top .footer-about { margin: 20px 0 35px; } .footer-area-top .footer-about p { font-size: 16px; } .footer-area-top .featured-links { margin-bottom: 50px; } .footer-area-top .featured-links > li { display: inline-block; } .footer-area-top .featured-links > li:first-child { margin-right: 30px; } @media (min-width: 992px) and (max-width: 1199px) { .footer-area-top .featured-links > li:first-child { margin-right: 10px; } } .footer-area-top .featured-links > li ul li { margin-bottom: 12px; position: relative; padding-left: 15px; font-size: 16px; font-weight: 300; } .footer-area-top .featured-links > li ul li:before { content: "\f105"; position: absolute; left: 0; font-family: FontAwesome; color: #0FD2F9; top: 0; } .footer-area-top .featured-links > li ul li a { color: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .footer-area-top .featured-links > li ul li a:hover { color: #0FD2F9; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .footer-area-top .corporate-address { margin-bottom: 20px; } .footer-area-top .corporate-address li { margin-bottom: 15px; color: #f5f5f5; position: relative; padding-left: 30px; font-size: 16px; } .footer-area-top .corporate-address li i { color: #0FD2F9; padding-right: 15px; position: absolute; left: 0; top: 4px; z-index: 1; font-size: 18px; } .footer-area-top .corporate-address li a { color: #fff; font-weight: 300; } .footer-area-top .corporate-address li:last-child { margin-bottom: 0; } .footer-area-top .newsletter-area h3 { font-weight: 300; } .footer-area-top .newsletter-area .stylish-input-group { border: none; padding: 0; } .footer-area-top .newsletter-area .stylish-input-group .form-control::placeholder { text-transform: none; } .footer-area-top .newsletter-area .stylish-input-group .form-control { border: none; box-shadow: 0 0 0; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; text-transform: lowercase; color: #717a7f; height: 42px; font-size: 13px; background-color: #fff; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon { background: transparent; border: none; border-radius: 0; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button { border: 0; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; padding: 14px 17px 14px 17px; background-color: #0FD2F9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button i { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover { background: #279FD3; } .footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover i { color: #fff; } .footer-area-top .footer-social { margin-bottom: 50px; } .footer-area-top .footer-social li { display: inline-block; margin-right: 5px; } @media (min-width: 992px) and (max-width: 1199px) { .footer-area-top .footer-social li { margin-right: 2px; } } .footer-area-top .footer-social li a { width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px !important; } .footer-area-top .footer-social li a i { color: #ffffff; font-size: 13px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-top .footer-social li a:hover { opacity: 0.8; } .footer-area-top .footer-social li:nth-child(1n) a { background: #3b5998; } .footer-area-top .footer-social li:nth-child(2n) a { background: #55acee; } .footer-area-top .footer-social li:nth-child(3n) a { background: #FB821E; } .footer-area-top .footer-social li:nth-child(4n) a { background: #ffffff; } .footer-area-top .footer-social li:nth-child(4n) a i { background: #bd081c; border-radius: 50%; } .footer-area-top .footer-social li:nth-child(5n) a { background: #1565c0; } .footer-area-top .footer-social li:last-child { margin-right: 0; } .footer-area-top .flickr-photos li { display: inline-block; width: 32%; margin-bottom: -2px; } .footer-area-top .flickr-photos li img:hover { opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-bottom { border-top: 0px solid #6B7D8B; background: #6B7D8B; padding: 20px 0px 0px 0px; /* text-transform: capitalize; */ font-size: 14px; font-weight: 300 !important; text-align: center; } @media only screen and (max-width: 767px) { .footer-area-bottom { text-align: center; padding: 20px 0px 20px 0px; } } .footer-area-bottom p { color: #fff; } @media only screen and (max-width: 767px) { .footer-area-bottom p { } } .footer-area-bottom p a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-area-bottom p a:hover { color: #e74c3c; } .footer-area-bottom .payment-method { text-align: right; } @media only screen and (max-width: 767px) { .footer-area-bottom .payment-method { text-align: center; } } .footer-area-bottom .payment-method li { display: inline-block; } /*====================================== 26. Cart Page Area styles ========================================*/ .cart-page-area { padding: 100px 0; } @media (min-width: 768px) and (max-width: 991px) { .cart-page-area { padding: 80px 0; } } @media (min-width: 480px) and (max-width: 767px) { .cart-page-area { padding: 70px 0; } } @media only screen and (max-width: 479px) { .cart-page-area { padding: 60px 0; } } .cart-page-area .cart-page-top { margin-bottom: 45px; border: 1px solid #bdbdbd; padding: 0 0 10px; } .cart-page-area .cart-page-top table { margin-bottom: 10px; border-bottom: 1px solid #bdbdbd; } .cart-page-area .cart-page-top table .cart-form-heading { text-transform: uppercase; font-weight: 600; padding: 15px 20px; } .cart-page-area .cart-page-top table tr td { vertical-align: middle!important; border-right: 1px solid #bdbdbd; } .cart-page-area .cart-page-top table tr td:last-child { border-right: 0; } .cart-page-area .cart-page-top table tr td h3 { letter-spacing: 2px; text-transform: capitalize; font-size: 18px; margin-bottom: 0; margin-left: 15px; } .cart-page-area .cart-page-top table tr td h3 a { color: #212121; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td h3 a:hover { color: #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img:hover { opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .cart-img-holder { width: 12%; } .cart-page-area .cart-page-top table tr .amount { text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; color: #212121; font-weight: 600; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder { margin: 0 auto; position: relative; width: 130px; top: -15px; z-index: 2; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder input { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; width: 48px; border-radius: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button { border-radius: 0; position: absolute; z-index: 3; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus { left: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus { right: 0; } .cart-page-area .cart-page-top table tr .dismiss { text-align: center; } .cart-page-area .cart-page-top table tr .dismiss a i { color: #228AB7; font-size: 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .dismiss a:hover i { color: #ff0000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top .update-button { text-align: right; padding-right: 10px; } .cart-page-area .cart-page-bottom-left { border: 1px solid #bdbdbd; padding: 30px; } @media only screen and (max-width: 1199px) { .cart-page-area .cart-page-bottom-left { margin-bottom: 30px; } } @media (min-width: 480px) and (max-width: 767px) { .cart-page-area .cart-page-bottom-left { text-align: center; padding: 30px 10px; } } @media only screen and (max-width: 479px) { .cart-page-area .cart-page-bottom-left { padding: 30px; text-align: center; } } .cart-page-area .cart-page-bottom-left h2 { color: #212121; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-left input { width: 64%; height: 50px; padding: 5px 10px; } @media (min-width: 992px) and (max-width: 1199px) { .cart-page-area .cart-page-bottom-left input { width: 80%; } } @media (min-width: 768px) and (max-width: 991px) { .cart-page-area .cart-page-bottom-left input { width: 73%; } } @media (min-width: 480px) and (max-width: 767px) { .cart-page-area .cart-page-bottom-left input { width: 50%; } } @media only screen and (max-width: 479px) { .cart-page-area .cart-page-bottom-left input { width: 100%; margin-bottom: 15px; } } .cart-page-area .cart-page-bottom-left button { margin-left: -5px; } .cart-page-area .cart-page-bottom-right { border: 1px solid #bdbdbd; padding: 30px; } .cart-page-area .cart-page-bottom-right h2 { color: #212121; text-transform: capitalize; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-right h3 { color: #212121; font-size: 16px; text-transform: capitalize; letter-spacing: 2px; border-bottom: 1px solid #bdbdbd; margin-bottom: 10px; padding-bottom: 10px; } .cart-page-area .cart-page-bottom-right h3 span { float: right; } .cart-page-area .cart-page-bottom-right .proceed-button { text-align: right; margin-top: 20px; } .btn-apply-coupon { background: #228AB7; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #ffffff; letter-spacing: 2px; display: inline-block; padding: 12px 20px; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 320px) { .btn-apply-coupon { font-size: 12px; } } .btn-apply-coupon:hover { color: #228AB7; background: transparent; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-checkout { background: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #689f38; letter-spacing: 2px; display: inline-block; padding: 5px 25px; border: 2px solid #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-checkout i { margin-right: 10px; } .btn-checkout:hover { color: #ffffff; background: #228AB7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-send-message { background: #228AB7; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #ffffff; letter-spacing: 2px; display: inline-block; padding: 12px 40px; border: 2px solid #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-send-message:hover { color: #228AB7; background: transparent; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*====================================== 27. Checkout Page Area styles ========================================*/ .checkout-page-area { padding: 100px 0; } @media (min-width: 768px) and (max-width: 991px) { .checkout-page-area { padding: 80px 0; } } @media (min-width: 480px) and (max-width: 767px) { .checkout-page-area { padding: 70px 0; } } @media only screen and (max-width: 479px) { .checkout-page-area { padding: 60px 0; } } .checkout-page-area .checkout-page-top { padding: 15px; border: 1px solid #bdbdbd; margin-bottom: 20px; } .checkout-page-area .checkout-page-top p { font-size: 13px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; text-transform: uppercase; } .checkout-page-area .checkout-page-top p a { color: #757575; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .checkout-page-area .checkout-page-top p a:hover { color: #228AB7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .checkout-page-area .checkout-page-top p i { margin-right: 5px; font-size: 16px; color: #212121; } .checkout-page-area .billing-details-area { margin-bottom: 30px; } .checkout-page-area .billing-details-area h2 { font-size: 30px; } .checkout-page-area .billing-details-area label { letter-spacing: 1px; color: #333333; font-weight: 400; margin-bottom: 10px; } .checkout-page-area .billing-details-area input { height: 40px; border: 1px solid #bdbdbd; border-radius: 0; box-shadow: none; margin-bottom: 10px; } .checkout-page-area .billing-details-area span { color: #333333; text-transform: capitalize; letter-spacing: 1px; } .checkout-page-area .billing-details-area span input { height: inherit; margin-right: 10px; } .checkout-page-area .billing-details-area .checkbox { padding-left: 22px; font-weight: 700; } .checkout-page-area .billing-details-area .custom-select select { width: 100%; height: 40px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #212121 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__rendered { border: 1px solid #bdbdbd; color: #555555; } .checkout-page-area .billing-details-area .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border: 1px solid #228AB7; } .checkout-page-area .billing-details-area .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #212121 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .checkout-page-area .billing-details-area .select2-container--classic .select2-dropdown { border: 1px solid #228AB7 !important; } .checkout-page-area .billing-details-area .select2-container--classic .select2-dropdown { border: 1px solid #228AB7; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single:focus { border: 1px solid #ffffff; } .checkout-page-area .billing-details-area .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border: 1px solid #228AB7; } @media only screen and (max-width: 991px) { .checkout-page-area .ship-to-another-area { margin-bottom: 30px; } } .checkout-page-area .ship-to-another-area h2 { font-size: 30px; } .checkout-page-area .ship-to-another-area h2 span { margin-left: 15px; } .checkout-page-area .ship-to-another-area label { letter-spacing: 2px; color: #333333; font-weight: 600; margin-bottom: 10px; } .checkout-page-area .ship-to-another-area textarea { box-shadow: none; border-radius: 0; font-size: 13px; font-weight: 500; letter-spacing: 2px; } .checkout-page-area .ship-to-another-area textarea:focus { border-color: #d7d7d7 !important; } .checkout-page-area .order-sheet { margin-bottom: 45px; padding: 30px 35px; border: 1px solid #bdbdbd; } .checkout-page-area .order-sheet h2 { text-transform: uppercase; font-size: 20px; color: #333333; margin-bottom: 15px; } .checkout-page-area .order-sheet ul li { border-bottom: 1px solid #bdbdbd; padding-bottom: 10px; margin-bottom: 10px; } .checkout-page-area .order-sheet ul li span { float: right; } .checkout-page-area .order-sheet h3 { text-transform: uppercase; font-size: 18px; color: #333333; letter-spacing: 2px; border-bottom: 1px solid #bdbdbd; padding-bottom: 12px; margin-bottom: 12px; } .checkout-page-area .order-sheet h3:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .checkout-page-area .order-sheet h3 span { float: right; } .checkout-page-area .pLace-order { text-align: right; margin-top: 20px; } .checkout-page-area .payment-option { border: 1px solid #bdbdbd; padding-top: 30px; } .checkout-page-area .payment-option .form-group { border-bottom: 1px solid #bdbdbd; padding-bottom: 15px; } .checkout-page-area .payment-option .form-group:last-child { border-bottom: 0; padding-bottom: 0; } .checkout-page-area .payment-option span { color: #333333; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-weight: 600; padding-left: 30px; } .checkout-page-area .payment-option span input { margin-right: 20px; } .checkout-page-area .payment-option p { padding: 0 64px; margin-bottom: 0; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #228AB7; z-index: 8; } .select2-container .select2-selection--single { height: 40px; } .select2-container--classic .select2-selection--single { background-color: transparent; background-image: none; border-radius: 0; border: 1px solid #ffffff; } .select2-container--classic .select2-selection--single .select2-selection__rendered { font-size: 14px!important; height: 40px; color: #ffffff; line-height: 36px; } .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #228AB7; color: #ffffff; } .custom-select { margin-bottom: 15px; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { background-image: none; } .select2-results__options { padding: 0 10px; } .m-t-10{ margin-top: 10px !important; } .m-t-11{ margin-top: 11px !important; } .m-t-12{ margin-top: 12px !important; } .m-t-20{ margin-top: 20px !important; } .m-t-40{ margin-top: 40px !important; } .m-t-50{ margin-top: 50px !important; } .m-l-10{ margin-left: 10px !important; } .m-l-20{ margin-left: 20px !important; } .m-b-10{ margin-bottom: 10px !important; } .m-b-20{ margin-bottom: 20px !important; } .m-r-10{ margin-right: 10px !important; } .m-r-20{ margin-right: 20px !important; } .pointer{ cursor: pointer !important; } .cor-verde{ color: #76AC39 !important; } .cor-verde-claro{ color: #228AB7 !important; } .bg-verde{ background-color: #76AC39 !important; } .bg-verde-claro{ background-color: #228AB7 !important; } .cor-branca{ color: #ffffff !important; } .redonda{ border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; } .m-r-5{ margin-right:5px !important; } .janela_validacao{ position:relative; display:none; background:#fff; padding:30px; width:400px; } .janela_validacao .fechar{ position:absolute; width:25px; height:25px; top:12px; right:20px; text-align:right; cursor:pointer; } .janela_validacao .fechar i{ font-size:30px; color:#77BF4B; } .janela_validacao .fechar i:hover{ color:#5C9B37; } i.celularvalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#77BF4B; cursor:default !important; } i.celularnaovalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#E8AE1D; cursor:default !important; } i.emailvalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#77BF4B; cursor:default !important; } i.emailnaovalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#E8AE1D; cursor:default !important; } i.pagvalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#77BF4B; cursor:default !important; } i.pagnaovalido{ position:absolute; right:12px; top:12px; font-size:18px; color:#E8AE1D; cursor:default !important; } .btn-azul{ background-color:#3750A2; color:#fff; } .btn-azul:link{ color:#fff; } .btn-azul:visited{ color:#fff; } .btn-azul:hover{ background-color:#2F4388; color:#fff; } .btn-azul:active{ color:#fff; } .btn i.mr{ color:#fff; margin-right:10px !important; } .image-upload{ position: relative; width:370px; height:207px; float:left; margin-bottom:15px; margin-right:15px; overflow:hidden; z-index:90; border-radius:2px; } .image-upload .x{ z-index:90; position:absolute; width:17px; height:17px; top:20px; right:20px; background:url(img/btn-excluir.png) no-repeat; display:none; cursor:pointer; } .image-upload .add{ z-index:90; position:absolute; width:17px; height:17px; top:20px; right:20px; background:url(img/btn-add.png) no-repeat; display:none; cursor:pointer; } .image-upload > input{ display: none; } .image-upload img{ width: 370px; height:auto; cursor: pointer; } /* ------------------------------------------------------------------------------ * * # Sweet alerts * * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" * * Version: 1.1 * Latest update: Oct 28, 2015 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1050; } .sweet-alert { background-color: #fff; width: 470px; padding: 20px; border-radius: 3px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -235px; margin-top: -200px; overflow: hidden; display: none; z-index: 1060; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .sweet-alert h2 { margin-top: 10px; font-size: 19px; text-align: center; display: block; position: relative; } .sweet-alert p { text-align: center; position: relative; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert button { background-color: #2196F3; color: #fff; border: 0; border-radius: 3px; padding: 8px 15px; margin: 10px 5px 0 5px; box-shadow: none!important; } .sweet-alert button:hover { background-color: #1E88E5; } .sweet-alert button:focus { outline: 0; } .sweet-alert button:active { background-color: #42A5F5; } .sweet-alert button.cancel { background-color: transparent; color: #333333; } .sweet-alert button[disabled] { cursor: default; opacity: 0.6; filter: alpha(opacity=60); } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { -webkit-box-shadow: none !important; box-shadow: none !important; } .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { padding-bottom: 40px; } .sweet-alert .sa-error-container { background-color: #f5f5f5; overflow: hidden; padding: 0 10px; max-height: 0; border-radius: 3px; -webkit-transition: padding 0.15s, max-height 0.15s; -o-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container p { display: inline-block; margin-bottom: 0; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding 0.2s, max-height 0.2s; -o-transition: padding 0.2s, max-height 0.2s; transition: padding 0.2s, max-height 0.2s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #FF7043; color: white; text-align: center; margin-right: 8px; } .sweet-alert .sa-input-error { position: absolute; top: 20px; right: 16px; width: 16px; height: 16px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-input-error:before, .sweet-alert .sa-input-error:after { content: ""; width: 16px; height: 2px; background-color: #EF5350; border-radius: 3px; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -8px; } .sweet-alert .sa-input-error:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .sweet-alert input { width: 100%; border-radius: 3px; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; font-size: 13px; padding: 8px 16px; display: none; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; opacity: 1; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert input:focus { outline: 0; } .sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-webkit-input-placeholder { -webkit-transition: opacity ease 0.3s 0.03s; -o-transition: opacity ease 0.3s 0.03s; transition: opacity ease 0.3s 0.03s; opacity: 0.5; filter: alpha(opacity=50); } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid #ddd; border-radius: 50%; margin: 10px auto 20px auto; padding: 0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F44336; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F44336; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { left: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { right: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-warning { border-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-info { border-color: #2196F3; } .sweet-alert .sa-icon.sa-info:before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-info:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-success { border-color: #4CAF50; } .sweet-alert .sa-icon.sa-success:before, .sweet-alert .sa-icon.sa-success:after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success:before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; -moz-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; -moz-transform-origin: 0 60px; -ms-transform-origin: 0 60px; transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(76, 175, 80, 0.2); border-radius: 50%; position: absolute; left: -4px; top: -4px; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #4CAF50; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: 0; background-position: center center; background-repeat: no-repeat; } @media (max-width: 480px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 20px; right: 20px; } } /* # Animations -------------------------------------------------- */ @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; -o-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; -o-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; -o-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; -o-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; -o-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; -o-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -o-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -o-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -o-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -o-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } .animateXMark { -webkit-animation: animateXMark 0.5s; -o-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; -o-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; -o-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success { border-color: transparent; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg); } .la-ball-fall { display: block; font-size: 0; color: #fff; width: 54px; height: 12px; } .la-ball-fall.la-dark { color: #333333; } .la-ball-fall > div { display: inline-block; float: none; background-color: #fff; border: 0 solid #fff; width: 6px; height: 6px; margin: 2px; border-radius: 100%; -webkit-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; opacity: 0; filter: alpha(opacity=0); } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } .sweet-overlay { background-color: rgba(38, 200, 236, 0.80) !important; } .sa-success .sa-line{ background-color: rgba(0, 150, 136, 1.0) !important; } .sweet-alert .sa-icon.sa-success .sa-placeholder { border: 4px solid rgba(0, 150, 136, 0.2); } .sa-button-container .cancel { background-color: rgba(238, 238, 238, 0.95) !important; /*color:#fff !important;*/ } .sa-button-container .cancel:hover { background-color: rgba(238, 238, 238, 1.0) !important; } .hide{ display: none !important; } a.btn_ver_perfil { -webkit-box-flex: 1; -moz-flex: 1; -webkit-flex: 1; flex: 1; background: #6370b6; border: 2px solid #6370b6; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #fff; padding: 10px 10px 10px 10px; text-transform: uppercase; font-size: 11px; } a.btn_ver_perfil:hover { background: transparent; color: #6370b6; } .m-r-5{ margin-right: 5px; } .sidebar-author-info img{ border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; -ms-border-radius: 100% !important; -o-border-radius: 100% !important; } .title-inner-default{ text-transform: none !important; } /* ------------------------------------------------------------------------------ * * # Bootstrap multiselect * * Styles for multiselect.js - custom multiple select plugin * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .multiselect { width: 100%; min-width: 210px; text-align: left; padding-right: 32px; text-overflow: ellipsis; overflow: hidden; } .multiselect.btn-default { border-width: 1px 0; padding: 8px 0; padding-right: 24px; border-radius: 0; text-transform: none; font-weight: 400; } .multiselect.btn-default, .multiselect.btn-default:hover, .multiselect.btn-default:focus, .multiselect.btn-default:active, .btn-group.open > .multiselect.btn-default.dropdown-toggle { border-color: transparent transparent #ddd; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .multiselect.btn-default:focus, .btn-group.open > .multiselect.btn-default.dropdown-toggle { border-bottom-color: #7CB63D; -webkit-box-shadow: 0 1px 0 #7CB63D; box-shadow: 0 1px 0 #7CB63D; } .multiselect.btn-default.disabled { border-bottom-style: dashed; } .multiselect.btn-default .caret { right: 0; } .multiselect .caret { position: absolute; top: 50%; right: 16px; margin-top: -8px; width: 16px; text-align: right; } .multiselect.btn-lg { padding-right: 36px; } .multiselect.btn-lg.btn-default { padding-right: 27px; } .multiselect.btn-sm { padding-right: 28px; } .multiselect.btn-sm.btn-default { padding-right: 21px; } .multiselect.btn-xs { padding-right: 24px; } .multiselect.btn-xs.btn-default { padding-right: 18px; } .page-header-inverse .form-group .multiselect.btn-default, .navbar-inverse .navbar-form .multiselect.btn-default { border-bottom-color: rgba(255, 255, 255, 0.3); color: #fff; } .page-header-inverse .form-group .btn-group.open > .multiselect.btn-default, .navbar-inverse .navbar-form .btn-group.open > .multiselect.btn-default, .page-header-inverse .form-group .multiselect.btn-default:focus, .navbar-inverse .navbar-form .multiselect.btn-default:focus { color: #fff; border-bottom-color: #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; background-color: #228AB7; } .multiselect-container { min-width: 180px; max-height: 250px; overflow-y: auto; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a { padding: 0; } .multiselect-container > li > a > label { display: block!important; margin: 0; height: 100%; cursor: pointer; padding: 9px 16px; padding-left: 44px; } .navbar-form .multiselect-container > li > a > label { display: block; } .multiselect-container > li > a .checker, .multiselect-container > li > a .choice { top: 50%; margin-top: -9px; left: 16px; } .multiselect-container > li > a.multiselect-all label { font-weight: 500; } .multiselect-container > li.disabled > a { background-color: transparent; } .multiselect-container > li.disabled > a > label { cursor: not-allowed; } .multiselect-container > li.multiselect-group > label, .multiselect-container > li.multiselect-group.active > label { margin: 0; padding: 9px 15px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; margin-top: 16px; background-color: transparent; cursor: default; } .multiselect-container > li.multiselect-group.disabled { color: #999999; } .multiselect-container > li.multiselect-group:first-child > label, .multiselect-container > li.multiselect-group:first-child.active > label { margin-top: 8px; } .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { cursor: pointer; } .multiselect-container > li.multiselect-group.disabled label, .multiselect-container > li.multiselect-group.disabled:hover label, .multiselect-container > li.multiselect-group.disabled:focus label { background-color: transparent; cursor: not-allowed; } .multi-select-full > .btn-group { width: 100%; } .multi-select-full > .btn-group .multiselect-container { width: inherit; } .multi-select-full + .input-group-btn { padding-left: 16px; } .multi-select-fixed > .btn-group > .btn { width: 250px; } .multi-select-auto > .btn-group > .btn { width: auto; } li.multiselect-filter { position: relative; padding: 8px 16px; padding-left: 44px; margin-bottom: 8px; } li.multiselect-filter i { font-size: 14px; position: absolute; left: 16px; top: 50%; margin-top: -7px; color:#228AB7; } .btn-group-multiselect { width: 100%; } .btn-group-multiselect .btn { float: none; } .btn-group-multiselect .multiselect { min-width: 0; } /* ------------------------------------------------------------------------------ * * # Uniform form inputs plugin * * Styles for uniform.min.js - form components styling * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .checker { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; } .checker, .checker span, .checker input { width: 18px; height: 18px; } .checker span { color: #455A64; border: 2px solid #607D8B; display: inline-block; text-align: center; position: relative; border-radius: 2px; } .checker span:after { /* content: "\ed6e"; */ content: "\f00c"; font-family: 'FontAwesome'; font-size: 16px; color: inherit; line-height: 1; position: absolute; top: -1px; left: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .checker span.checked { border-color: transparent; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .checker span.checked:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .checker input[type=checkbox], .choice input[type=radio] { border: none; background: none; display: -moz-inline-box; display: inline-block; margin: 0; vertical-align: top; cursor: pointer; position: absolute; top: -2px; left: -2px; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .checkbox .checker, .checkbox-inline .checker { position: absolute; top: 1px; left: 0; } .form-horizontal .checkbox .checker, .form-horizontal .checkbox-inline .checker { top: 10px; } .checkbox-right .checker { left: auto; right: 0; } .checker.disabled { opacity: 0.5; filter: alpha(opacity=50); } .checker.disabled, .checker.disabled input[type=checkbox] { cursor: not-allowed; } .checkbox > label:active .checker.disabled span:after, .checkbox-inline:active .checker.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .checkbox > label:active .checker.disabled span.checked:after, .checkbox-inline:active .checker.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .checker[class*=border-] span { color: inherit; } .checker[class*=border-] span:not(.checked) { border-color: inherit; } .dropdown-menu > .active:not(.disabled) .checker span, .dropdown-menu[class*=bg-] .checker span, .page-header-inverse .form-group > .checkbox .checker span, .page-header-inverse .form-group > .checkbox-inline .checker span, .navbar-inverse .navbar-form .form-group > .checkbox .checker span, .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, .sidebar:not(.sidebar-default) .checkbox .checker span, .sidebar:not(.sidebar-default) .checkbox-inline .checker span { border-color: #fff; color: #fff; } .dropdown-menu > .active:not(.disabled) .checker span.checked, .dropdown-menu[class*=bg-] .checker span.checked, .page-header-inverse .form-group > .checkbox .checker span.checked, .page-header-inverse .form-group > .checkbox-inline .checker span.checked, .navbar-inverse .navbar-form .form-group > .checkbox .checker span.checked, .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span.checked, .sidebar:not(.sidebar-default) .checkbox .checker span.checked, .sidebar:not(.sidebar-default) .checkbox-inline .checker span.checked { border-color: transparent; } .choice { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; border-radius: 100%; } .choice, .choice span, .choice input { width: 18px; height: 18px; } .choice span { border: 2px solid #607D8B; display: -moz-inline-box; display: inline-block; border-radius: 100%; text-align: center; position: relative; } .choice span:after { content: ""; position: absolute; top: 3px; left: 3px; border: 4px solid; border-color: inherit; width: 0; height: 0; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .choice span.checked:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .choice, .radio-inline .choice { position: absolute; top: 1px; left: 0; } .form-horizontal .radio .choice, .form-horizontal .radio-inline .choice { top: 10px; } .radio-right .choice { left: auto; right: 0; } .choice.active span:after, .radio > label:active .choice span:after, .radio-inline:active .choice span:after { opacity: 0.75; filter: alpha(opacity=75); } .choice.disabled { opacity: 0.5; filter: alpha(opacity=50); } .choice.disabled, .choice.disabled input[type=radio] { cursor: not-allowed; } .radio > label:active .choice.disabled span:after, .radio-inline:active .choice.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .radio > label:active .choice.disabled span.checked:after, .radio-inline:active .choice.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .choice[class*=border-] span { border-color: inherit; } .choice[class*=border-] span:after { border-color: inherit; } .dropdown-menu > .active .choice span, .dropdown-menu[class*=bg-] .choice span, .page-header-inverse .form-group > .radio .choice span, .page-header-inverse .form-group > .radio-inline .choice span, .navbar-inverse .navbar-form .form-group > .radio .choice span, .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, .sidebar:not(.sidebar-default) .radio .choice span, .sidebar:not(.sidebar-default) .radio-inline .choice span { border-color: #fff; } .uploader { position: relative; display: inline-block; max-width: 100%; } .uploader:after { content: ''; display: table; clear: both; } .uploader .filename { color: #999999; padding: 8px 16px; cursor: pointer; display: block; border: 1px solid transparent; float: right; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .uploader .action { cursor: pointer; margin: 0; float: left; } .uploader .action.btn { margin-top: 0; } .uploader:hover .action, .uploader:focus .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .uploader:active .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .uploader input[type=file] { width: 100%; margin-top: 0; position: absolute; top: 0; right: 0; bottom: 0; height: 38px; border: 0; cursor: pointer; z-index: 10; opacity: 0; filter: alpha(opacity=0); } .uploader.disabled input[type=file] { cursor: not-allowed; } .uploader.disabled .action { opacity: 0.6; filter: alpha(opacity=60); } .sidebar .form-group > .uploader { display: block; } .sidebar .form-group > .uploader .filename { float: none; padding-left: 0; padding-right: 0; } .sidebar .form-group > .uploader .action { display: block; } .page-header-inverse .form-group > .uploader .filename, .navbar-inverse .navbar-form .form-group > .uploader .filename { color: rgba(255, 255, 255, 0.9); } .uploader-lg input[type=file], .uploader-lg .action, .uploader-lg .filename { height: 40px; } .uploader-lg .filename { padding: 9px 18px; font-size: 14px; line-height: 1.4285715; } .uploader-sm input[type=file], .uploader-sm .action, .uploader-sm .filename { height: 36px; } .uploader-sm .filename { padding: 7px 14px; font-size: 12px; line-height: 1.6666667; } .uploader-xs input[type=file], .uploader-xs .action, .uploader-xs .filename { height: 34px; } .uploader-xs .filename { padding: 6px 12px; font-size: 12px; line-height: 1.6666667; } .select2-selection__choice:hover { background-color: #26A69A !important; color: #fff; } .borda-verde{ border-color: #228AB7 !important; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #7CB63D; } .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; } .seta{ position: absolute; top: 9px; right: 0px; } .nome_reserva_Reservado{ position: absolute; top: 10px; right: 40px; font-size: 12px; color: #FF8000; } .nome_reserva_Pago{ position: absolute; top: 10px; right: 40px; font-size: 12px; color: #7CB63D; } .img_reserva{ top:4px; right:5px; position:absolute; border-radius:100%; } a.add-to-cart-btn:link{ color:#fff; } a.add-to-cart-btn:visited{ color:#fff; } a.add-to-cart-btn:hover{ color:#228AB7; } a.add-to-cart-btn:active{ color:#fff; } .cor-vermelha{ color: #E31E4C !important; } .cor-laranja{ color: #FF9326 !important; } .cor-azul{ color:#25C3EC !important; } .cor-amarela{ color:#FDC00F !important; } .bg-vermelho{ background-color: #E31E4C !important; } .bg-azul{ background-color:#279FD3 !important; } .bg-amarelo{ background-color:#FDC00F !important; } .table-responsive td{ vertical-align: middle !important; } a.vermelho:link{ color:#E31E4C; } a.vermelho:visited{ color:#E31E4C; } a.vermelho:hover{ color:#C91840; } a.vermelho:active{ color:#E31E4C; } .bg-cinza-claro{ background-color: #EEEEEE !important; } .br_bb_0{ border-right: 0px; border-bottom: 0px; } .bl_bb_0{ border-left: 0px; border-bottom: 0px; } .avatar_grid{ width:65px; height:65px; } .m-b-30{ margin-bottom: 30px; } .item_bilhete{ position: relative; float:left; border-radius: 3px; background: #FFF; color:#849CAC; font-weight: 300; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .item_bilhete_m_100{ position: relative; float:left; border-radius: 3px; background: #FFF; color:#849CAC; font-weight: 300; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .item_bilhete_m_milhar{ position: relative; float:left; border-radius: 3px; background: #FFF; color:#849CAC; font-weight: 300; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fab_bilhetes{ text-align: center; z-index: 999; position: fixed; box-sizing: border-box; bottom: 0px; left: 0px; width: 100%; height: 80px; color: #fff; background-color: #25C3EC; } .fab_auxiliar{ text-align: center; position: relative; box-sizing: border-box; width: 100%; height: 80px; } .txt_total{ margin-top: 11px; font-size: 20px !important; padding: 14px 20px 14px 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-weight: 300; display: inline-block; background: #21B4D5; border-color: #21B4D5; margin-right: 0px !important; } .finalizar-btn { text-align: center; color: #25C3EC; padding: 12px 30px 12px 30px; background: #fff; text-transform: capitalize; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-size: 20px !important; font-weight: 300; display: inline-block; border: 2px solid #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-left: 0px !important; } .finalizar-btn:hover, .finalizar-btn:focus { background: #1EA7C8; border-color: #1EA7C8; color: #fff; } .sidebar-item{ border:0px !important; border-radius: 4px !important; } .p-b-0{ padding-bottom: 0px !important; } .p-b-20{ padding-bottom: 20px !important; } .sidebar-criador{ margin: 15px 0px 0px 20px; } .fs-18{ font-size: 18px !important; } .fs-17{ font-size: 17px !important; } .fs-16{ font-size: 16px !important; } .fs-15{ font-size: 15px !important; } .fs-14{ font-size: 14px !important; } .tooltip-pago{ background-color: #85B200 !important; color: #fff; padding: 5px 10px 5px 10px; text-align: center; border-radius: 3px; } .tooltip-reservado{ background-color: #FDA502 !important; color: #fff; padding: 5px 10px 5px 10px; text-align: center; border-radius: 3px; } .tooltip-processando{ background-color: #888888 !important; color: #fff; padding: 5px 10px 5px 10px; text-align: center; border-radius: 3px; } .ui-tooltip, .arrowpago:after { background: #85B200; border: 2px solid #85B200; } .ui-tooltip, .arrowreservado:after { background: #FDA502; border: 2px solid #FDA502; } .ui-tooltip, .arrowprocessando:after { background: #888888; border: 2px solid #888888; } .ui-tooltip { padding: 0px; color: #fff; background-color: #228AB7; box-shadow: 0px 0px 0px 0px black; border-radius: 3px; font-size: 12px; text-transform: uppercase; border: 0px !important; } .arrowprocessando { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrowprocessando:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 0px 0px 0px 0px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrowprocessando.top:after { bottom: -20px; top: auto; } .arrowpago { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrowpago:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 0px 0px 0px 0px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrowpago.top:after { bottom: -20px; top: auto; } .arrowreservado { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrowreservado:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 0px 0px 0px 0px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrowreservado.top:after { bottom: -20px; top: auto; } .selecionado{ background: #2599CB; color:#fff !important; } .reservado{ background: #B5CEDA !important; color:#fff !important; cursor: default !important; /* background: #FFFFFF; color:#666; opacity: 0.1 !important; -moz-opacity: 0.1 !important; cursor: default !important; */ } .pago{ background: #A2B6C1; color:#fff; cursor: default !important; /* background: #FFFFFF; color:#666; opacity: 0.1 !important; -moz-opacity: 0.1 !important; cursor: default !important; */ } .processando{ /* background: #999B9B; color:#fff; opacity: 1.0 !important; -moz-opacity: 1.0 !important; cursor: default !important; */ } .sidebar-premio-objetivo{ padding: 20px; } .legenda{ color: #849CAC; /* text-transform: uppercase; */ font-size: 14px; font-weight: 300 !important; } .criador{ padding-top: 15px; margin-top: 15px; border-top: 1px dotted #ccc; } .fs-13{ font-size: 13px !important; } .uppercase{ text-transform: uppercase; } .bg-transparente{ background-color: transparent !important; padding-bottom: 0px !important; } .valor_e_data{ padding: 20px !important; } ul.valor_sorteio{ padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; list-style: none; } ul.valor_sorteio li{ list-style: none; display: inline-block; margin-right: 25px; } ul.valor_sorteio li:last-child{ margin-right: 0px !important; } ul.valor_sorteio li i{ color: #228AB7; margin-right: 5px; font-size: 18px; } ul.valor_sorteio li span.txt{ color: #25C3EC; letter-spacing: -0.5px; /* font-weight: bold; */ } .sidebar-item{ margin-bottom: 0px; margin-top: 0px; } .organizacao{ background-color: #fff; padding: 15px 0px 20px 15px; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; margin-bottom: 20px !important; box-sizing: border-box; } .organizacao .txt{ padding-top: 5px !important; } .premio_objetivo{ border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .cor-branca{ color: #fff !important; } .modal { -webkit-overflow-scrolling: touch; } .modal-content { box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0), 0 0px 0px rgba(0, 0, 0, 0.0) !important; border: 0px !important; } .btn-default{ background-color: #fff !important; color: #333 !important; } .btn-default.inativo:hover{ background-color: #BFBFBF !important; color: #fff !important; } .btn-default.inativo{ background-color: #DDDDDD !important; color: #fff !important; } .btn_toogles{ color:#25C3EC !important; } .btn_toogles.ativo{ color:#C3D1DA !important; cursor: default !important; } .btn_toogles.ativo:hover{ color:#C3D1DA !important; cursor: default !important; } .mais_informacoes{ padding-right: 15px; padding-top: 4px; } .mais_informacoes .info{ padding: 30px; color: #849CAC; background: #fff; border-radius: 3px; box-sizing: border-box; } .bg-barra-reservados{ position: relative; width: 100%; height: 30px; background: #FDC010; } .bg-barra-reservados .barra{ position: relative; width: 0%; height: 30px; background: #E2AD0F; } .bg-barra-reservados .txt{ position: absolute; min-width:300px; height: 20px; top:5px; left:15px; font-size: 13px; color: #fff; } .bg-barra-pagos-item{ position: relative; width: 100%; height: 3px; background: #D6E3ED; /* overflow: hidden; */ } .bg-barra-pagos-item .barra{ position: relative; width: 0%; height: 3px; background: #0FD2F9; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .bg-barra-pagos-item .barra .pct{ position: absolute; right: -23px; top: -11px; background: #0FD2F9; border-radius: 3px; color: #fff; font-size: 12px !important; padding: 3px 4px 3px 4px; } .bg-barra-pagos{ position: relative; width: 100%; height: 30px; background: #25C3EC; } .bg-barra-pagos .barra{ position: relative; width: 0%; height: 30px; background: #228AB7; } .bg-barra-pagos .txt{ position: absolute; min-width:300px; height: 20px; top:5px; left:15px; font-size: 13px; color: #fff; } .contagem{ padding: 10px 20px 10px 15px !important; background-color: #E2E9EE; color: #849CAC; border-radius: 0px !important; /* text-transform: uppercase; */ font-size: 13px; } .contagem .encerra_em{ color: #849CAC; } .contagem .n{ font-size: 25px; color: #849CAC; font-weight: bold; } .avatar{ border-radius: 100%; overflow: hidden; width: 55px; height: 55px; margin-right: 15px; float: left; } .avatar img{ width: 55px; height: 55px; } .item-content{ border: 0px !important; } .profile-rating { font-weight: 300; } .profile-rating > ul > li > i { color: #25C3EC; font-size: 23px !important; vertical-align: middle !important; } .profile-title span { color: #849CAC; font-weight: 300; } .single-item-grid { border-radius: 3px !important; overflow: hidden; } .single-item-grid .item-content .item-info h3 { white-space: nowrap; width: 190px; overflow: hidden; text-overflow: ellipsis; color: #849CAC; } .single-item-grid .item-content .item-info { border-bottom: 1px dashed #e7ecf2; } .single-item-grid .item-content .item-info .price { font-weight: bold !important; } .single-item-grid:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); } .banner-search-area{ background-color: #fff; margin-top: 30px; margin-bottom: 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-radius: 3px !important; overflow: hidden; } .campo_pesquisar{ background-color: #fff !important; color: #849CAC !important; } .campo_pesquisar::placeholder{ color: #9CBAD0; font-weight: 300; } .campo_pesquisar:focus{ background-color: #fff !important; } .titulo_buscar{ color: #fff; font-size: 25px; font-weight: 300; } .banner-search-area:focus-within{ -webkit-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); } .banner-search-area.internas:focus-within{ -webkit-box-shadow: 0px 16px 20px 0px rgba(8, 166, 200, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(8, 166, 200, 0.75); box-shadow: 0px 16px 20px 0px rgba(8, 166, 200, 0.75); } .btn_pesquisar span{ color: #849CAC !important; } .btn_pesquisar:hover span{ color: #25C3EC !important; } .newest-products-area{ padding-top: 10px !important; } .div_buscar_home{ margin-bottom: 30px !important; } .title-default{ color: #849CAC; font-weight: 300; } .main-banner1-wrapper h1{ /*font-weight: 300; text-transform: none;*/ margin-top: -144px !important; } .main-banner1-wrapper p{ font-weight: 300; } .header2-area{ background-color: #fff !important; } #desktop-nav{ margin-top: 8px; } #desktop-nav > ul { text-align: right !important; } #desktop-nav ul li a{ color: #849CAC !important; font-weight: 300 !important; text-transform: none !important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #desktop-nav ul li a:hover{ color: #758A98 !important; } #desktop-nav ul li.active a{ color: #38D2F5 !important; } /* #desktop-nav ul li:last-child a{ background-color: #38D2F5 !important; color: #fff !important; border-radius: 3px; padding: 13px !important; } #desktop-nav ul li:last-child a:hover{ background-color: #2499CB !important; } */ .botao_mobile{ position: absolute; right: 0px; cursor: pointer !important; } .botao_mobile i{ font-size: 25px; color: #849CAC !important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #wrapper.move{ width: 100%; position: absolute; right: 250px; overflow:visible !important; position: fixed !important; } .menu_mobile_sombra{ width: 768px; position: absolute; right: 0px; height: 100%; z-index: 998; overflow: hidden; box-sizing: border-box; padding: 0px; display: none; background: url("../img/bg-sombra.png") repeat; } .menu_mobile{ width: 250px; position: absolute; right: -250px !important; height: 100%; z-index: 998; background-color: #758A98; overflow-y: scroll; overflow-x: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-sizing: border-box; padding: 0px; } .menu_mobile ul{ padding: 0px; margin: 40px 0px 0px 0px; } .menu_mobile ul li{ padding: 0px; margin: 0px; list-style: none; } .menu_mobile ul li a{ text-decoration: none; color: #fff; padding: 15px 20px 15px 20px; display: block; font-size: 20px; } .menu_mobile ul li a:hover{ color: #38D2F5; } .menu_mobile ul li.active a{ color: #38D2F5; } .f-light{ font-weight: 300 !important; } .select_modal{ position: relative !important; width: 100% !important; color: #849CAC !important; background: #FAFCFC !important; font-size: 15px; border: 1px solid #FAFCFC !important; box-shadow: 0 0 0 !important; border-radius: 3px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* padding: 11px 20px 12px 20px !important; */ box-sizing: border-box !important; } .select_modal:focus { box-shadow: none !important; border-radius: 3px !important; background-color: #fff !important; border: 1px solid #fff !important; outline: none !important; } .select_modal:focus option { box-shadow: none !important; outline: none !important; } .campos_modal{ color: #849CAC !important; background: #FAFCFC !important; /* padding: 25px 20px 25px 20px !important; */ font-size: 15px; border: 0px; box-shadow: 0 0 0 !important; border-radius: 3px !important; box-sizing: border-box !important; } .campos_modal:focus { box-shadow: none; background-color: #fff !important; outline: none !important; } .campos_modal::placeholder { color: #B2C5D1 !important; } .modal_finalizar{ background: #ECF0F3 !important; } .modal_finalizar .close i{ color: #849CAC !important; font-size: 33px !important; font-weight: 300 !important; } .modal-content{ border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; } .modal_finalizar .modal-header{ background: #ECF0F3 !important; border-bottom: 0px !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; padding-bottom: 10px !important; } .modal_finalizar .modal-header .modal-title{ display: inline-flex; color: #21B4D5 !important; font-weight: 300 !important; font-size: 22px; } .modal-footer{ background: #ECF0F3 !important; border-top: 0px !important; border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; } .btn_modal{ padding: 13px 18px 13px 18px; font-size: 18px; border: 0px; border-radius: 3px; background: #21B4D5; color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn_modal:hover, .btn_modal:focus { background: #1EA7C8; color: #fff; outline: none !important; } .btn_modal_voltar{ padding: 13px 18px 13px 18px; font-size: 18px; border: 0px; border-radius: 3px; background: #fff; color: #21B4D5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .erros_pagamento{ border: 0px; border-radius: 3px; } .btn_modal_voltar:hover, .btn_modal_voltar:focus { background: #F2F2F2; color: #21B4D5; outline: none !important; } .vertical{ margin-top: 6px; } .radio-inline{ color: #849CAC !important; } /* .modal-footer button{ margin-top: 5px; } .modal-footer input{ margin-top: 5px; } .form-control{ border: 0px !important; box-shadow: 0 0 0 !important; border-radius: 3px !important; color: #999 !important; background-color: #EAECEC !important; } .form-control:focus { box-shadow: none; background-color: #EFF1F1 !important; } .modal-body .v_total{ font-size: 13px; text-transform: uppercase; color: #849CAC !important; } */ .modal_header_sucesso{ padding: 0px !important; margin: 0px !important; overflow: hidden !important; } .titulo_sucesso_modal{ font-weight: 300; font-size: 25px; color: #5D6F81; } .cor_cinza{ color: #5D6F81 !important; } .cor_cinza_claro{ color: #849CAC; } .campos_pagina{ border: 1px solid #D0DBE2 !important; box-shadow: 0 0 0 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .inner-page-details{ border-radius: 3px !important; } .table-responsive a.titulo{ color: #25C3EC !important; } .table-responsive a.titulo:hover{ color: #5D6F81 !important; } .item_boleto{ position: relative; width: 100%; padding: 15px 15px 1px 15px; /* box-sizing: border-box; */ background: #FAFCFC; margin-top: 20px; color: #5D6F81 !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px; border: 1px #ECF0F3 solid; } .item_boleto:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); } .item_boleto a.titulo{ color: #25C3EC !important; } .item_boleto a.titulo:hover{ color: #5D6F81 !important; } .item_boleto h4{ font-size: 18px; color: #5D6F81 !important; } .item_boleto .codigo{ width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #5D6F81 !important; } .item_reembolso{ position: relative; width: 100%; padding: 15px 15px 1px 15px; /* box-sizing: border-box; */ background: #FAFCFC; margin-top: 20px; color: #5D6F81 !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 3px; border: 1px #ECF0F3 solid; } .item_reembolso:hover { -webkit-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); -moz-box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); box-shadow: 0px 16px 20px 0px rgba(169, 200, 215, 0.75); } .item_reembolso a.titulo{ color: #25C3EC !important; } .item_reembolso a.titulo:hover{ color: #5D6F81 !important; } .item_reembolso h4{ font-size: 18px; color: #5D6F81 !important; } .item_reembolso .codigo{ width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 13px; color: #5D6F81 !important; } a.btn-print:link{ background: #5D6F81; color: #fff; } a.btn-print:visited{ background: #5D6F81; color: #fff; } a.btn-print:hover{ background: #6E7F90; color: #fff; } a.btn-print:active{ background: #5D6F81; color: #fff; } .util{ color: #5D6F81; font-size: 22px; margin-bottom: 30px; } .util a{ margin-right: 10px; } .util a.thumbs_up{ color: #85B200; } .util a.thumbs_up:hover{ color: #A3D900; } .util a.thumbs_down{ color: #D93600; } .util a.thumbs_down:hover{ color: #FF4000; } .util a.desativado{ color: #D0DBE2 !important; cursor: default; } @media (min-width:768px) and (max-width: 991px) { .row.grid_dinamico > div:nth-child(2n+3) { clear: left; } .row.grid_dinamico_2 > div:nth-child(2n+3) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px) { .row.grid_dinamico > div:nth-child(3n+4) { clear: left; } .row.grid_dinamico_2 > div:nth-child(3n+4) { clear: left; } } @media (min-width: 1200px) { .row.grid_dinamico > div:nth-child(4n+4) { clear: left; } .row.grid_dinamico_2 > div:nth-child(2n+3) { clear: left; } } .sidebar-pesquisa{ padding: 0px !important; background: none !important; margin-bottom: 20px !important; } .sidebar-pesquisa .banner-search-area{ margin: 0px !important; padding: 0px !important;width: 100%; } .col-centered{ float: none; margin: 0 auto; } .fase-de-testes{ background-color: #1798CD; width: 100%; padding: 25px; color: #fff; font-size: 18px; text-align: center; } .btn_contato_rifa{ background: #35aa47 !important; color: #fff !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; } .btn_contato_rifa:hover, .btn_contato_rifa:focus { background: #1EA7C8 !important; color: #fff !important; outline: none !important; } .btn_sm{ background: #35aa47 !important; color: #fff !important; -webkit-transition: all 0.3s ease-out !important; -moz-transition: all 0.3s ease-out !important; -ms-transition: all 0.3s ease-out !important; -o-transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important; padding: 0px 5px !important; } .btn_sm:hover, .btn_sm:focus { background: #1EA7C8 !important; color: #fff !important; outline: none !important; } .tooltip-padrao{ background-color: #24C0EB !important; color: #fff; padding: 5px 10px 5px 10px; text-align: center; border-radius: 3px; text-transform: none !important; } .ui-tooltip, .arrow-padrao:after { background: #24C0EB; border: 2px solid #24C0EB; } .arrow-padrao { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -12px; } .arrow-padrao:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 0px 0px 0px 0px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrow-padrao.top:after { bottom: -20px; top: auto; } /** * * slippry v1.4.0 - Responsive content slider for jQuery * http://slippry.com * * Authors: Lukas Jakob Hafner - @saftsaak * Thomas Hurd - @SeenNotHurd * * Copyright 2016, booncon oy - http://booncon.com * * * Released under the MIT license - http://opensource.org/licenses/MIT */ /* kenBurns animations, very basic */ @-webkit-keyframes left-right { 0% { -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } 100% { -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } } @-o-keyframes left-right { 0% { -o-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } 100% { -o-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } } @keyframes left-right { 0% { -webkit-transform: translateY(-20%) translateX(-10%); -o-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } 100% { -webkit-transform: translateY(0%) translateX(10%); -o-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } } @-webkit-keyframes right-left { 0% { -webkit-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } 100% { -webkit-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } } @-o-keyframes right-left { 0% { -o-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } 100% { -o-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } } @keyframes right-left { 0% { -webkit-transform: translateY(0%) translateX(10%); -o-transform: translateY(0%) translateX(10%); transform: translateY(0%) translateX(10%); } 100% { -webkit-transform: translateY(-20%) translateX(-10%); -o-transform: translateY(-20%) translateX(-10%); transform: translateY(-20%) translateX(-10%); } } /* added to the original element calling slippry */ .sy-box.sy-loading { background: url("../img/sy-loader.gif") 50% 50% no-repeat; -webkit-background-size: 32px 32px; background-size: 32px; min-height: 40px; } .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; } /* element that wraps the slides */ .sy-slides-wrap { position: relative; height: 100%; width: 100%; } .sy-slides-wrap:hover .sy-controls { display: block; } /* element that crops the visible area to the slides */ .sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; } /* list containing the slides */ .sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; } .sy-list.horizontal { -webkit-transition: left ease; -o-transition: left ease; transition: left ease; } .sy-list.vertical { -webkit-transition: top ease; -o-transition: top ease; transition: top ease; } /* single slide */ .sy-slide { position: absolute; width: 100%; z-index: 2; } .sy-slide.kenburns { width: 140%; left: -20%; } .sy-slide.kenburns.useCSS { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -o-animation-name: left-right; animation-name: left-right; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -o-animation-name: right-left; animation-name: right-left; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } .sy-slide.sy-active { z-index: 3; } .sy-slide > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; } .sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; } .sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; } /* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */ .sy-controls { display: none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; } .sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; } .sy-controls li.sy-prev { left: 0; top: 0; } .sy-controls li.sy-prev a:after { background-position: -5% 0; } .sy-controls li.sy-next { right: 0; top: 0; } .sy-controls li.sy-next a:after { background-position: 105% 0; } .sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; } .sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; } .sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; } .sy-controls li a:after { content: ""; background-image: url("../img/arrows.svg"); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; background-color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; border-radius: 50%; } @media only screen and (max-device-width: 600px) { .sy-controls { display: block; } .sy-controls li { min-width: 2.1em; } .sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em; } } /* captions, styled fo the overlay variant */ .sy-caption-wrap { position: absolute; bottom: 2em; z-index: 12; left: 50%; } .sy-caption-wrap .sy-caption { position: relative; left: -50%; background-color: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.4em 1em; border-radius: 1.2em; } .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #e24b70; font-weight: 600; text-decoration: none; } .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { text-decoration: underline; } @media only screen and (max-device-width: 600px), screen and (max-width: 600px) { .sy-caption-wrap { left: 0; bottom: 0.4em; } .sy-caption-wrap .sy-caption { left: 0; padding: 0.2em 0.4em; font-size: 0.92em; border-radius: 0; } } /* pager bubbles */ .sy-pager { clear: both; display: block; width: 100%; margin: 1em 0 0; padding: 0; list-style: none; text-align: center; } .sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 1em 0 0; border-radius: 50%; } .sy-pager li.sy-active a { background-color: #e24b70; } .sy-pager li a { width: 100%; height: 100%; display: block; background-color: #ccc; text-indent: -9999px; -webkit-background-size: 2em 2em; background-size: 2em; border-radius: 50%; } .sy-pager li a:link, .sy-pager li a:visited { opacity: 1.0; } .sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6; } /* element to "keep/ fill" the space of the content, gets intrinsic height via js */ .sy-filler { width: 100%; } .sy-filler.ready { -webkit-transition: padding 600ms ease; -o-transition: padding 600ms ease; transition: padding 600ms ease; } /* Thumbnails */ .thumb-box { padding: 1.4em 0 1em; margin-left: -1%; width: 102%; .thumbs { @include clearfix; li { float: left; width: 25%; text-align: center; padding: 0 1%; img { width: 100%; opacity: .8; @include transition(opacity .32s); border-bottom: 4px solid transparent; &.active { border-color: $bc-rk-blue; opacity: 1; } } &:hover { img { opacity: 1; @include transition(opacity .2s); } } } } } .thumb-box{padding:1.4em 0 1em;margin-left:-1%;width:102%}.thumb-box .thumbs{overflow:hidden;*zoom:1}.thumb-box .thumbs li{float:left;width:25%;text-align:center;padding:0 1%}.thumb-box .thumbs li img{width:100%;opacity:.8;-moz-transition:opacity 0.32s;-o-transition:opacity 0.32s;-webkit-transition:opacity 0.32s;transition:opacity 0.32s;border-bottom:4px solid transparent}.thumb-box .thumbs li img.active{border-color:#31ace2;opacity:1}.thumb-box .thumbs li:hover img{opacity:1;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s} .img_bandeira { width: 47px; height: 21px; margin-bottom: 10px; display: inline-flex; cursor: pointer } .img_bandeira img { width: 47px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-opacity: .6; opacity: .6 } .img_bandeira img:hover { width: 47px; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-opacity: 1; opacity: 1 } .img_bandeira img.active { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-opacity: 1; opacity: 1 } ul#bancos{padding:0;margin:20px 0}ul#bancos li{list-style:none;display:inline-block;padding:0;margin:0 15px 0 0;border-radius:100px}ul#bancos li img{width:50px;height:50px;border:5px solid #fff;cursor:pointer;border-radius:100px}ul#bancos li img:hover{border:5px solid #ccc}ul#bancos li img.selecionado{border:5px solid #039BE5}ul#bancos li img.selecionado:hover{border:5px solid #039BE5}