/* Table of Contents update on Tue Nov 03 2015 15:34:52 GMT+0200 (FLE Standard Time) I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Fonts ------------------------------------ 03. Base ------------------------------------- 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Aligncenter ------------------------------ Text Left -------------------------------- Disabled --------------------------------- Colors ----------------------------------- Fullscreener ----------------------------- 05. Animations ------------------------------- II. Regions -------------------------------------- 01. Wrapper ---------------------------------- 02. Container -------------------------------- 03. Shell ------------------------------------ 04. Header ----------------------------------- Mobile ----------------------------------- 05. Main ------------------------------------- 06. Footer ----------------------------------- Mobile ----------------------------------- 07. Content ---------------------------------- 08. Sidebar ---------------------------------- III. Themes --------------------------------------- 01. Dark Theme ------------------------------- Mobile ----------------------------------- IV. Modules -------------------------------------- 01. Approval --------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Article ---------------------------------- Mobile ----------------------------------- 03. Box -------------------------------------- Box Referral ----------------------------- Box Profile ------------------------------ Box Selection ---------------------------- Box Download ----------------------------- Box Details ------------------------------ Box Order Summary ------------------------ Mobile ----------------------------------- 04. Button ----------------------------------- Button Large ----------------------------- Mobile ----------------------------------- 05. Button Grey ------------------------------ 06. Button Dark grey ------------------------- 07. Button Facebook -------------------------- 08. Button Alt ------------------------------- 09. Button Ico ------------------------------- 10. Button Nav ------------------------------- Mobile ----------------------------------- 11. Calendar Items --------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 12. Category Items --------------------------- Mobile ----------------------------------- 13. Comments --------------------------------- Mobile ----------------------------------- 14. Form Elements ---------------------------- Mobile ----------------------------------- 15. Form ------------------------------------- Mobile ----------------------------------- 16. Form Sign In ----------------------------- Mobile ----------------------------------- 17. Form Sign Up ----------------------------- Mobile ----------------------------------- 18. Form Sign Up Options --------------------- Mobile ----------------------------------- 19. Form Submit Order ------------------------ Mobile ----------------------------------- 20. Form Account ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Form Account Alt ------------------------- Mobile ----------------------------------- 22. Form Reply ------------------------------- 23. Form Folder ------------------------------ 24. Form Comment ----------------------------- Mobile ----------------------------------- 25. Form Payment ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 26. Gallery ---------------------------------- Gallery Items ---------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 27. Holiday Items ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 28. Ico -------------------------------------- 29. List ------------------------------------- 30. List Features ---------------------------- Mobile ----------------------------------- 31. List Features Alt ------------------------ Mobile ----------------------------------- 32. List Video Grid -------------------------- Mobile ----------------------------------- 33. List Keywords ---------------------------- 34. List Links ------------------------------- 35. List Thumbnails -------------------------- 36. List Radios ------------------------------ 37. List Checkboxes -------------------------- 38. List Accordion --------------------------- 39. Logo ------------------------------------- 40. Nav -------------------------------------- Mobile ----------------------------------- 41. Paging ----------------------------------- Mobile ----------------------------------- 42. Plans ------------------------------------ Mobile ----------------------------------- 43. Popup ------------------------------------ 44. Progressbar ------------------------------ 45. Referral Link ---------------------------- Mobile ----------------------------------- 46. Search ----------------------------------- 47. Section Homepage ------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 48. Section Pricing -------------------------- Mobile ----------------------------------- 49. Section Features ------------------------- Mobile ----------------------------------- 50. Section Features Alt --------------------- Mobile ----------------------------------- 51. Section Account -------------------------- Mobile ----------------------------------- 52. Section Gallery -------------------------- Small Desktop ---------------------------- Tablet Portrait -------------------------- 53. Section Dropdown ------------------------- 54. Section Cover ---------------------------- Mobile ----------------------------------- 55. Section Landing -------------------------- 56. Section Premium -------------------------- Mobile ----------------------------------- 57. Section Download ------------------------- Mobile ----------------------------------- 58. Section Checkout ------------------------- Mobile ----------------------------------- 59. Slider Homepage -------------------------- 60. Socials ---------------------------------- 61. Table ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 62. Table Messages --------------------------- 63. Table Selection -------------------------- Mobile ----------------------------------- 64. Table Cart ------------------------------- Mobile ----------------------------------- 65. Widget ----------------------------------- */ .ico-americanexpress { background-image: url(images/sprite.png); background-position: -264px -111px; width: 34px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-badge-star { background-image: url(images/sprite.png); background-position: -300px -75px; width: 30px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-facebook { background-image: url(images/fb-login.png); width: 221px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(images/sprite.png); background-position: -376px -137px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-camera-big { background-image: url(images/sprite.png); background-position: -342px -192px; width: 24px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-camera { background-image: url(images/sprite.png); background-position: -17px -238px; width: 16px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check { background-image: url(images/sprite.png); background-position: -407px -75px; width: 24px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-comment { background-image: url(images/sprite.png); background-position: -404px -137px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross-light { background-image: url(images/sprite.png); background-position: -165px -257px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross { background-image: url(images/sprite.png); background-position: -135px -257px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-dark { background-image: url(images/sprite.png); background-position: -264px -220px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete-light { background-image: url(images/sprite.png); background-position: -69px -257px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } font-size: 0; } .ico-delete-red { background-image: url(images/sprite.png); background-position: -18px -257px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete { background-image: url(images/sprite.png); background-position: -86px -257px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-discovery { background-image: url(images/sprite.png); background-position: -340px -111px; width: 34px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-dolar { background-image: url(images/sprite.png); background-position: -432px -111px; width: 7px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-download-alt { background-image: url(images/sprite.png); background-position: -334px -75px; width: 30px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-download { background-image: url(images/sprite.png); background-position: -242px -104px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-dark { background-image: url(images/sprite.png); background-position: -419px -192px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-dark:hover, a:hover .ico-edit-dark, button:hover .ico-edit-dark, a.hover .ico-edit-dark, button.hover .ico-edit-dark, .ico-edit-dark.hover, tr:hover td > .ico-edit-dark, .hover td > .ico-edit-dark { background-image: url(images/sprite.png); background-position: -196px -128px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit { background-image: url(images/sprite.png); background-position: -216px -128px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email-blue { background-image: url(images/sprite.png); background-position: -75px -238px; width: 16px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-email { background-image: url(images/sprite.png); background-position: -95px -238px; width: 16px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(images/sprite.png); background-position: -348px -137px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-alt { background-image: url(images/sprite.png); background-position: -56px -238px; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-light { background-image: url(images/sprite.png); background-position: -344px -220px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder { background-image: url(images/sprite.png); background-position: -293px -165px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-free { background-image: url(images/sprite.png); background-position: -384px -220px; width: 21px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-fullhd { background-image: url(images/sprite.png); background-position: -350px -30px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-hd { background-image: url(images/sprite.png); background-position: -264px -75px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-christmas { background-image: url(images/sprite.png); background-position: -377px -165px; width: 29px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-easter { background-image: url(images/sprite.png); background-position: -370px -192px; width: 25px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-fathers { background-image: url(images/sprite.png); background-position: -242px -160px; width: 12px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-friday { background-image: url(images/sprite.png); background-position: -184px -104px; width: 14px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-independence { background-image: url(images/sprite.png); background-position: -378px -111px; width: 22px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-memorial { background-image: url(images/sprite.png); background-position: -225px -160px; width: 13px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-mothers { background-image: url(images/sprite.png); background-position: -160px -128px; width: 13px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-newyear { background-image: url(images/sprite.png); background-position: -320px -137px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-palm { background-image: url(images/sprite.png); background-position: -160px -104px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-thanksgiving { background-image: url(images/sprite.png); background-position: -321px -165px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-valentine { background-image: url(images/sprite.png); background-position: -349px -165px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-holiday-veterans { background-image: url(images/sprite.png); background-position: -177px -128px; width: 15px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-infinite { background-image: url(images/sprite.png); background-position: -410px -165px; width: 26px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-light { background-image: url(images/sprite.png); background-position: -284px -220px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-mastercard { background-image: url(images/sprite.png); background-position: -302px -111px; width: 34px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-picture { background-image: url(images/sprite.png); background-position: -324px -220px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-btn-small { background-image: url(images/sprite.png); background-position: -160px 0; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-btn { background-image: url(images/sprite.png); background-position: 0 0; width: 156px; height: 156px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-premium { background-image: url(images/sprite.png); background-position: -404px -111px; width: 24px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pricing { background-image: url(images/sprite.png); background-position: -264px -137px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-rocket { background-image: url(images/sprite.png); background-position: -264px -192px; width: 22px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sd { background-image: url(images/sprite.png); background-position: -386px -30px; width: 32px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook-light { background-image: url(images/sprite.png); background-position: -26px -274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook { background-image: url(images/sprite.png); background-position: -39px -274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter-light { background-image: url(images/sprite.png); background-position: -223px -206px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter { background-image: url(images/sprite.png); background-position: -225px -187px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-big { background-image: url(images/sprite.png); background-position: -264px -165px; width: 25px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-empty { background-image: url(images/sprite.png); background-position: -290px -192px; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-light { background-image: url(images/sprite.png); background-position: -202px -104px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-small { background-image: url(images/sprite.png); background-position: 0 -257px; width: 14px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(images/sprite.png); background-position: -316px -192px; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-thumb { background-image: url(images/sprite.png); background-position: -422px -30px; width: 18px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-trash { background-image: url(images/sprite.png); background-position: -245px -187px; width: 13px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-visa { background-image: url(images/sprite.png); background-position: -368px -75px; width: 35px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-icon-light { background-image: url(images/sprite.png); background-position: -307px -30px; width: 39px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-icon { background-image: url(images/sprite.png); background-position: -264px -30px; width: 39px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-white { background-image: url(images/sprite.png); background-position: 0 -206px; width: 199px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-badge-star { background-image: url(images/sprite.@2x.png); background-position: -223px -158px; background-size: 293px 274px; width: 30px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-btn-facebook { background-image: url(images/sprite.@2x.png); background-position: 0 -158px; background-size: 293px 274px; width: 221px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar { background-image: url(images/sprite.@2x.png); background-position: -227px -202px; background-size: 293px 274px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check { background-image: url(images/sprite.@2x.png); background-position: -205px -232px; background-size: 293px 274px; width: 24px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross-light { background-image: url(images/sprite.@2x.png); background-position: -197px -145px; background-size: 293px 274px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross-light:hover, a:hover .ico-cross-light, button:hover .ico-cross-light, a.hover .ico-cross-light, button.hover .ico-cross-light, .ico-cross-light.hover, tr:hover td > .ico-cross-light, .hover td > .ico-cross-light { background-image: url(images/sprite.@2x.png); background-position: -184px -145px; background-size: 293px 274px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross { background-image: url(images/sprite.@2x.png); background-position: -171px -145px; background-size: 293px 274px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-cross:hover, a:hover .ico-cross, button:hover .ico-cross, a.hover .ico-cross, button.hover .ico-cross, .ico-cross.hover, tr:hover td > .ico-cross, .hover td > .ico-cross { background-image: url(images/sprite.@2x.png); background-position: -158px -145px; background-size: 293px 274px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-dark { background-image: url(images/sprite.@2x.png); background-position: -260px -142px; background-size: 293px 274px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete-light { background-image: url(images/sprite.@2x.png); background-position: -260px -233px; background-size: 293px 274px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete-light:hover, a:hover .ico-delete-light, button:hover .ico-delete-light, a.hover .ico-delete-light, button.hover .ico-delete-light, .ico-delete-light.hover, tr:hover td > .ico-delete-light, .hover td > .ico-delete-light { background-image: url(images/sprite.@2x.png); background-position: -260px -188px; background-size: 293px 274px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete-red { background-image: url(images/sprite.@2x.png); background-position: -260px -203px; background-size: 293px 274px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete { background-image: url(images/sprite.@2x.png); background-position: -260px -218px; background-size: 293px 274px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-delete:hover, a:hover .ico-delete, button:hover .ico-delete, a.hover .ico-delete, button.hover .ico-delete, .ico-delete.hover, tr:hover td > .ico-delete, .hover td > .ico-delete { background-image: url(images/sprite.@2x.png); background-position: -260px -173px; background-size: 293px 274px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-infinite { background-image: url(images/sprite.@2x.png); background-position: 0 -260px; background-size: 293px 274px; width: 26px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-light { background-image: url(images/sprite.@2x.png); background-position: -260px -126px; background-size: 293px 274px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-btn-small { background-image: url(images/sprite.@2x.png); background-position: -158px 0; background-size: 293px 274px; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-play-btn { background-image: url(images/sprite.@2x.png); background-position: 0 0; background-size: 293px 274px; width: 156px; height: 156px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pricing { background-image: url(images/sprite.@2x.png); background-position: -201px -202px; background-size: 293px 274px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook-light { background-image: url(images/sprite.@2x.png); background-position: -240px -121px; background-size: 293px 274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook-light:hover, a:hover .ico-socials-facebook-light, button:hover .ico-socials-facebook-light, a.hover .ico-socials-facebook-light, button.hover .ico-socials-facebook-light, .ico-socials-facebook-light.hover, tr:hover td > .ico-socials-facebook-light, .hover td > .ico-socials-facebook-light { background-image: url(images/sprite.@2x.png); background-position: -284px 0; background-size: 293px 274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook { background-image: url(images/sprite.@2x.png); background-position: -240px -102px; background-size: 293px 274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-facebook:hover, a:hover .ico-socials-facebook, button:hover .ico-socials-facebook, a.hover .ico-socials-facebook, button.hover .ico-socials-facebook, .ico-socials-facebook.hover, tr:hover td > .ico-socials-facebook, .hover td > .ico-socials-facebook { background-image: url(images/sprite.@2x.png); background-position: -284px -19px; background-size: 293px 274px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter-light { background-image: url(images/sprite.@2x.png); background-position: -260px -109px; background-size: 293px 274px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter-light:hover, a:hover .ico-socials-twitter-light, button:hover .ico-socials-twitter-light, a.hover .ico-socials-twitter-light, button.hover .ico-socials-twitter-light, .ico-socials-twitter-light.hover, tr:hover td > .ico-socials-twitter-light, .hover td > .ico-socials-twitter-light { background-image: url(images/sprite.@2x.png); background-position: -260px -92px; background-size: 293px 274px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter { background-image: url(images/sprite.@2x.png); background-position: -260px -75px; background-size: 293px 274px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-socials-twitter:hover, a:hover .ico-socials-twitter, button:hover .ico-socials-twitter, a.hover .ico-socials-twitter, button.hover .ico-socials-twitter, .ico-socials-twitter.hover, tr:hover td > .ico-socials-twitter, .hover td > .ico-socials-twitter { background-image: url(images/sprite.@2x.png); background-position: -260px -58px; background-size: 293px 274px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-big { background-image: url(images/sprite.@2x.png); background-position: -178px -232px; background-size: 293px 274px; width: 25px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-empty { background-image: url(images/sprite.@2x.png); background-position: -260px 0; background-size: 293px 274px; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-light { background-image: url(images/sprite.@2x.png); background-position: -260px -22px; background-size: 293px 274px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-light:hover, a:hover .ico-star-light, button:hover .ico-star-light, a.hover .ico-star-light, button.hover .ico-star-light, .ico-star-light.hover, tr:hover td > .ico-star-light, .hover td > .ico-star-light { background-image: url(images/sprite.@2x.png); background-position: -260px -40px; background-size: 293px 274px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star-small { background-image: url(images/sprite.@2x.png); background-position: -260px -158px; background-size: 293px 274px; width: 14px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-star { background-image: url(images/sprite.@2x.png); background-position: -231px -232px; background-size: 293px 274px; width: 22px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-icon-light { background-image: url(images/sprite.@2x.png); background-position: -199px -102px; background-size: 293px 274px; width: 39px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-icon { background-image: url(images/sprite.@2x.png); background-position: -158px -102px; background-size: 293px 274px; width: 39px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image-white { background-image: url(images/sprite.@2x.png); background-position: 0 -202px; background-size: 293px 274px; width: 199px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-image { background-image: url(images/sprite.@2x.png); background-position: 0 -232px; background-size: 293px 274px; width: 176px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html, body { height: 100%; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue_300_normal_1439369734.eot'); src: url('fonts/BebasNeue_300_normal_1439369734.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue_300_normal_1439369734.svg#BebasNeue') format('svg'), url('fonts/BebasNeue_300_normal_1439369734.woff') format('woff'), url('fonts/BebasNeue_300_normal_1439369734.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue_400_normal_1439369734.eot'); src: url('fonts/BebasNeue_400_normal_1439369734.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue_400_normal_1439369734.svg#BebasNeue') format('svg'), url('fonts/BebasNeue_400_normal_1439369734.woff') format('woff'), url('fonts/BebasNeue_400_normal_1439369734.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue_200_normal_1439369734.eot'); src: url('fonts/BebasNeue_200_normal_1439369734.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue_200_normal_1439369734.svg#BebasNeue') format('svg'), url('fonts/BebasNeue_200_normal_1439369734.woff') format('woff'), url('fonts/BebasNeue_200_normal_1439369734.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue_700_normal_1439369734.eot'); src: url('fonts/BebasNeue_700_normal_1439369734.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue_700_normal_1439369734.svg#BebasNeue') format('svg'), url('fonts/BebasNeue_700_normal_1439369734.woff') format('woff'), url('fonts/BebasNeue_700_normal_1439369734.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url('fonts/BebasNeue_100_normal_1439369734.eot'); src: url('fonts/BebasNeue_100_normal_1439369734.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue_100_normal_1439369734.svg#BebasNeue') format('svg'), url('fonts/BebasNeue_100_normal_1439369734.woff') format('woff'), url('fonts/BebasNeue_100_normal_1439369734.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_300_normal_1427279176.eot'); src: url('fonts/Helvetica_300_normal_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_300_normal_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_300_normal_1427279176.woff') format('woff'), url('fonts/Helvetica_300_normal_1427279176.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_400_italic_1427279176.eot'); src: url('fonts/Helvetica_400_italic_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_400_italic_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_400_italic_1427279176.woff') format('woff'), url('fonts/Helvetica_400_italic_1427279176.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_300_italic_1427279176.eot'); src: url('fonts/Helvetica_300_italic_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_300_italic_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_300_italic_1427279176.woff') format('woff'), url('fonts/Helvetica_300_italic_1427279176.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_700_normal_1427279176.eot'); src: url('fonts/Helvetica_700_normal_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_700_normal_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_700_normal_1427279176.woff') format('woff'), url('fonts/Helvetica_700_normal_1427279176.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_400_normal_1427279176.eot'); src: url('fonts/Helvetica_400_normal_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_400_normal_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_400_normal_1427279176.woff') format('woff'), url('fonts/Helvetica_400_normal_1427279176.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url('fonts/Helvetica_700_italic_1427279176.eot'); src: url('fonts/Helvetica_700_italic_1427279176.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica_700_italic_1427279176.svg#Helvetica') format('svg'), url('fonts/Helvetica_700_italic_1427279176.woff') format('woff'), url('fonts/Helvetica_700_italic_1427279176.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_700_normal_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_700_normal_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_700_normal_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_700_normal_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_700_normal_1439373095.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_700_italic_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_700_italic_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_700_italic_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_700_italic_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_700_italic_1439373095.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_300_normal_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_300_normal_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_300_normal_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_300_normal_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_300_normal_1439373095.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_300_italic_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_300_italic_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_300_italic_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_300_italic_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_300_italic_1439373095.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_400_italic_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_400_italic_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_400_italic_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_400_italic_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_400_italic_1439373095.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'HelveticaNeueCondensed'; src: url('fonts/HelveticaNeueCondensed_400_normal_1439373095.eot'); src: url('fonts/HelveticaNeueCondensed_400_normal_1439373095.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueCondensed_400_normal_1439373095.svg#HelveticaNeueCondensed') format('svg'), url('fonts/HelveticaNeueCondensed_400_normal_1439373095.woff') format('woff'), url('fonts/HelveticaNeueCondensed_400_normal_1439373095.ttf') format('truetype'); font-weight: 400; font-style: italic; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.6; color: #000; } a { color: inherit; text-decoration: none; color: #9ec408; } a:hover { text-decoration: underline; } a[href^="tel"] { text-decoration: none; } h1 { font-size: 64px; } h2 { font-size: 57px; } h3 { font-size: 42px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.6em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Aligncenter */ .aligncenter { text-align: center; } /* Text Left */ .text-left { text-align: left; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Colors */ .color-blue { color: #006bd8; } /* Fullscreener */ .fullscreener { background-size: cover; background-position: center center; } /* ------------------------------------------------------------ *\ Animations \* ------------------------------------------------------------ */ @-webkit-keyframes playBtn { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5)} 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes playBtn { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5)} 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { margin-top: 70px; } .wrapper-alt { background: #f8f8f8 repeat 0 0; } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 980px; margin: auto; padding: 0 10px; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { text-align: center; background: #fff; } .header .header-logo { display: inline-block; vertical-align: top; height: 106px; padding-top: 42px; } .header .header-logo-main, .header .header-logo-alt { display: block; -webkit-animation-duration: .5s; animation-duration: .5s; } .header .header-logo-alt { margin-top: -34px; visibility: hidden; } .header .header-logo-alt.animated { visibility: visible; } .header .header-logo-main { -webkit-animation-duration: .2s; animation-duration: .2s; } .header .header-logo-alt.fadeOutUp { -webkit-animation-duration: .2s; animation-duration: .2s; } .header .header-username { position: absolute; right: 36px; top: 12px; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #2a2a2a; } .header .header-username a { color: #2a2a2a; transition: color .2s ease-out; } .header .header-username a:hover { color: #9ec408; text-decoration: none; } /* Mobile */ @media (max-width: 767px) { .header { position: relative; z-index: 200; height: auto; } .header .header-logo { height: 60px; padding-top: 15px; } .header .header-username { right: 10px; top: 5px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding-top: 40px; background: #fff; } .footer .footer-body { padding-bottom: 70px; } .footer .footer-body-actions { margin-bottom: 10px; text-align: center; } .footer .footer-section { float: left; padding: 11px 20px 11px 0; font-family: 'Open Sans', sans-serif; font-size: 12px; } .footer .footer-section-size1 { width: 18.5%; } .footer .footer-section-size2 { width: 17%; } .footer .footer-section-size3 { width: 8%; } .footer .footer-section-title { margin-bottom: 39px; font-size: 12px; font-weight: normal; text-transform: uppercase; } .footer .footer-section-body > ul { list-style: none outside none; } .footer .footer-section-body > ul > li { margin-bottom: 10px; } .footer .footer-section-body a { color: #2a2a2a; transition: color .2s ease-out; } .footer .footer-section-body a:hover { color: #9ec408; text-decoration: none; } .footer .footer-bar { padding: 24px 33px; } .footer .footer-bar-inner { float: left; } .footer .footer-copyright { float: right; font-size: 9px; color: rgba(120, 120, 120, 0.6); } .footer .footer-copyright a { font-size: 9px; color: rgba(120, 120, 120, 0.6); } /* Mobile */ @media (max-width: 767px) { .footer { padding-top: 20px; } .footer .footer-body { padding-bottom: 30px; } .footer .footer-body-actions { margin-bottom: 0px; } .footer .footer-section { float: none; width: auto; text-align: center; padding-right: 0; } .footer .footer-section-title { margin-bottom: 12px; } .footer .footer-bar-inner, .footer .footer-copyright { float: none; text-align: center; } .footer .footer-bar-inner { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ III. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Dark Theme \* ------------------------------------------------------------ */ .wrapper-dark { background: #333436 url(images/bg-dark.png) repeat 0 0; } .wrapper-dark .ico-arrow-left, .wrapper-dark .ico-arrow-right { border-color: transparent #fff; } .wrapper-dark .btn-alt { background: #2a2a2a; color: #797979; } .wrapper-dark .btn-alt.current, .wrapper-dark .btn-alt:hover { color: #fff; } .wrapper-dark .btn-alt.current { background: #1f1f1f; } .wrapper-dark .btn-nav span:before, .wrapper-dark .btn-nav span:after { background: #797979; } .wrapper-dark .btn-nav span { border-color: #797979; } .wrapper-dark .header { background: #2a2a2a; } .wrapper-dark .header-username a { color: #fff; } .wrapper-dark .nav li + li { border-color: #323232; } .wrapper-dark .nav a { color: #fff; } .wrapper-dark .nav a:after { border-color: #2a2a2a transparent; } .wrapper-dark .footer { background: #2a2a2a; } .wrapper-dark .footer-section h5 { color: #fff; } .wrapper-dark .footer-section a { color: #797979; } .wrapper-dark .footer-copyright { color: #797979; } .wrapper-dark .paging .paging-current input { background: #1f1f1f; color: #fff; } .wrapper-dark .paging .paging-current input:focus { background: #2a2a2a; } .wrapper-dark .paging .paging-actions a { background: #2a2a2a; color: #797979; } .wrapper-dark .gallery-item .gallery-item-inner { background: #2a2a2a;} .wrapper-dark .gallery-filter { color: #fff; } .wrapper-dark .category-item { background: #2a2a2a; } .wrapper-dark .category-item a { color: #fff; } .wrapper-dark .calendar-item { border-color: #2a2a2a; } .wrapper-dark .calendar-item h4 { background: #2a2a2a; color: #fff; } .wrapper-dark .calendar-item a { color: #fff; } /* Mobile */ @media (max-width: 767px) { .wrapper-dark .nav { background: #2a2a2a; } .wrapper-dark .nav, .wrapper-dark .nav li { border-color: #323232; } } /* ------------------------------------------------------------ *\ IV. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Approval \* ------------------------------------------------------------ */ .approvals { list-style: none outside none; padding: 18px 33px 34px; font-family: 'Open Sans', sans-serif; } .approval + .approval { margin-top: 33px; } .approval .approval-body { margin-bottom: 17px; } .approval .approval-image { float: left; margin-right: 23px; } .approval .approval-image img { width: 100%; height: auto; } .approval .approval-content { overflow: hidden; } .approval .approval-head { margin-bottom: 5px; line-height: 1; font-weight: bold; overflow: hidden; } .approval .approval-head-inner { float: left; } .approval .approval-head-inner a { display: inline-block; vertical-align: top; margin-right: 18px; color: #2a2a2a; } .approval .approval-head-inner a:hover { color: #9ec408; text-decoration: none; } .approval .approval-head-actions { float: right; } .approval .approval-head-actions a { display: inline-block; vertical-align: middle; } .approval .approval-head-actions a + a { margin-left: 14px; } .approval .approval-title { margin-bottom: 1px; font-size: 14px; } .approval .approval-meta { margin-bottom: 1px; font-family: Georgia, Times, serif; font-size: 12px; font-style: italic; list-style: none outside none; } .approval .approval-meta li { display: inline-block; vertical-align: top; margin-right: 15px; color: #2a2a2a; } .approval .approval-meta a { color: #2a2a2a; text-decoration: underline; } .approval .approval-meta a:hover { text-decoration: none; } .approval .approval-entry { margin-bottom: 12px; list-style: none outside none; font-size: 12px; line-height: 1.83; } .approval .approval-foot { font-size: 12px; line-height: 1.83; } .approval .approval-foot i { margin-right: 3px; } .approval .approval-foot p { margin-bottom: 1px; } .approval .approval-bar .field { font-size: 12px; } /* Tablet Portrait */ @media (max-width: 1023px) { .approval .approval-image { width: 160px; margin-right: 15px; } .approval .approval-head-inner { float: none; } .approval .approval-head-actions { float: none; margin-top: 5px; } } /* Mobile */ @media (max-width: 767px) { .approvals { padding: 10px; } .approval + .approval { margin-top: 15px; } .approval .approval-image { float: none; width: auto; margin: 0 0 10px; } .approval .approval-head-inner a { margin: 0 10px 5px 0; } } /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { padding-bottom: 30px; font-family: 'Open Sans', sans-serif; } .article .article-image { height: 476px; } .article .article-head { padding: 62px 0; } .article .article-title { text-align: center; font-family: 'HelveticaNeueCondensed', sans-serif; font-weight: 300; font-size: 36px; } .article .article-entry { font-size: 14px; line-height: 1.6; } .article .article-entry h5 { margin-bottom: 22px; font-size: 14px; } .article .article-entry p { margin-bottom: 45px; } .article .article-entry hr { height: 1px; margin: 65px 0 75px; border: 0; border-top: 1px dashed #2a2a2a; background: 0; } /* Mobile */ @media (max-width: 767px) { .article .article-image { height: 300px; } .article .article-head { padding: 30px 0; } .article .article-title { font-size: 26px; } .article .article-entry h5 { margin-bottom: 15px; } .article .article-entry p { margin-bottom: 25px; } .article .article-entry hr { margin: 15px 0 25px; } } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { margin-bottom: 19px; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); font-family: 'Open Sans', sans-serif; } .box .box-title { padding: 18px 15px; font-size: 12px; font-weight: normal; text-align: center; text-transform: uppercase; } .box .box-entry { padding: 19px 34px; } .box .box-entry i { margin-right: 12px; } /* Box Referral */ .box-referral { padding: 36px 33px 41px; } .box-referral .box-title { padding: 0; margin-bottom: 24px; font-size: 14px; font-weight: bold; text-transform: none; text-align: center; } .box-referral .box-actions { margin-top: 24px; text-align: center; } .box-referral .box-actions .btn { width: 103px; margin: 0 2px; } /* Box Profile */ .box-profile { padding: 18px 34px; } .box-profile .box-main { float: left; } .box-profile .box-image { float: left; margin-right: 18px; } .box-profile .box-content { overflow: hidden; padding: 4px 0; display: inline-block; } .box-profile .box-aside { float: right; padding: 3px 0; } .box-profile .box-aside a { display: inline-block; vertical-align: middle; margin-left: 9px; } /* Box Selection */ .box-selection { padding: 34px 34px 24px; } .box-selection .box-main { float: left; width: 51.4%; } .box-selection .box-aside { float: right; width: 43.2%; } .box-selection .box-foot { padding-top: 7px; } .box-selection .box-foot .fb-like { vertical-align: top; margin-left: 10px; } .box-selection .box-foot .fb-like span { vertical-align: top !important; } .box-selection .box-foot-inner { float: left; padding-top: 13px; } .box-selection .box-foot-aside { float: right; font-size: 27px; text-align: right; } /* Box Download */ .box-download { padding: 22px 34px 19px; text-align: center; } .box-download .btn { max-width: 360px; } /* Box Details */ .box-details { padding: 35px 34px 22px; } .box-details h5 { margin: 0 0 7px; font-size: 14px; } .box-details p { margin-bottom: 24px; } .box-details ul { list-style: none outside none; padding: 10px 0; line-height: 1.3; } .box-details li { padding: 9px 0; } .box-details strong { display: inline-block; vertical-align: top; width: 130px; margin-right: 5px; font-weight: normal; } .box-details span { display: inline-block; vertical-align: top; width: calc(100% - 140px); } .box-details span i { margin-top: -7px; } .box-details .box-main { float: left; width: 45%; } .box-details .box-aside { float: right; width: 47%; } /* Box Order Summary */ .box-order-summary { padding: 25px 33px; } .box-order-summary .box-head { padding: 24px 0 37px; text-align: center; line-height: 1.7; } .box-order-summary .box-head h5 { margin-bottom: 0; } .box-order-summary .table-cart { padding: 43px 0 0; border-top: 1px solid #ddd; } /* Mobile */ @media (max-width: 767px) { .box { margin-bottom: 10px; } .box .box-entry { padding: 10px 15px; } .box .box-entry i { display: block; margin: 0 auto 10px; } .box-referral { padding: 10px 15px; } .box-referral .box-title { margin-bottom: 10px; } .box-referral .box-actions { margin-top: 10px; } .box-referral .box-actions .btn { margin: 2px; } .box-profile { padding: 10px 15px; } .box-profile .box-aside a:first-child { margin-left: 0; } .box-selection { padding: 10px 15px; } .box-selection .box-main, .box-selection .box-aside { float: none; width: auto; } .box-selection .box-aside { margin-top: 5px; } .box-selection .box-foot-aside { font-size: 20px; } .box-download { padding: 10px 15px; } .box-details { padding: 10px 15px; } .box-details .box-main, .box-details .box-aside { float: none; width: auto; } .box-details .box-aside { margin-top: 5px; } .box-details .box-aside strong { width: 100px; } .box-details .box-aside span { width: calc(100% - 110px); } .box-order-summary { padding: 15px 10px; } .box-order-summary .box-head { padding: 0 0 25px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; width: 100%; height: 39px; line-height: 39px; background: #2c2c2c; border-radius: 3px; border: 0; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: background .2s ease-out; } .btn:hover { background: #373737; text-decoration: none; } /* Button Large */ .btn-large { height: 70px; line-height: 70px; font-size: 20px; font-weight: normal; } .btn-small { height: 28px; line-height: 26px; font-size: 12px; } /* Mobile */ @media (max-width: 767px) { .btn-large { height: 44px; line-height: 44px; font-size: 16px; } } /* ------------------------------------------------------------ *\ Button Grey \* ------------------------------------------------------------ */ .btn-grey { background: #f0f0f0; color: #787878; } .btn-grey:hover { background: #dedede; } /* ------------------------------------------------------------ *\ Button Dark grey \* ------------------------------------------------------------ */ .btn-darkgrey { background: #373737; border: 1px solid #fff; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: none; } .btn-darkgrey:hover { background: #555; } /* ------------------------------------------------------------ *\ Button Facebook \* ------------------------------------------------------------ */ .btn-facebook { background: #355599; } .btn-facebook:hover { background: #29447d; } /* ------------------------------------------------------------ *\ Button Alt \* ------------------------------------------------------------ */ .btn-alt { display: inline-block; vertical-align: middle; padding: 0; height: 32px; line-height: 32px; margin: 0 3px; border-radius: 4px; background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); font-size: 12px; color: #2a2a2a; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.17); transition: all .2s ease-out; } .btn-alt:hover {color: #9ec408; text-decoration: none; } .btn-alt.current { background: #fff; box-shadow: inset 0 1px 0 0 rgba(0,0,0,.17); text-decoration: none; font-weight: bold; } .btn-alt span { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Button Ico \* ------------------------------------------------------------ */ .btn-ico { transition: all .2s ease-out; } .btn-ico:hover { opacity: .8; } /* ------------------------------------------------------------ *\ Button Nav \* ------------------------------------------------------------ */ .btn-nav { display: none; position: absolute; left: 10px; top: 22px; height: 15px; padding-top: 6px; text-align: left; } .btn-nav span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #2a2a2a; } .btn-nav span:before, .btn-nav span:after { position: absolute; width: 100%; height: 3px; background: #2a2a2a; content: ''; } .btn-nav span:before { top: -9px; } .btn-nav span:after { top: 3px; } .btn-nav span:before, .btn-nav span:after, .btn-nav span { transition: all .3s linear; } .btn-nav.active span { border-color: transparent; } .btn-nav.active span:before { -webkit-transform: rotate(45deg) translate(2.5px, 6px); -ms-transform: rotate(45deg) translate(2.5px, 6px); transform: rotate(45deg) translate(2.5px, 6px); } .btn-nav.active span:after { -webkit-transform: rotate(-45deg) translate(2.5px, -6px); -ms-transform: rotate(-45deg) translate(2.5px, -6px); transform: rotate(-45deg) translate(2.5px, -6px); } /* Mobile */ @media (max-width: 767px) { .btn-nav { display: block; } } /* ------------------------------------------------------------ *\ Calendar Items \* ------------------------------------------------------------ */ .calendar-items { margin: 0; list-style: none outside none; overflow: hidden; padding-bottom: 1px; } .calendar-item { float: left; width: 25%; height: 219px; margin: 0 -1px -1px 0; border: 1px solid #fff; } .calendar-item h4 { padding: 5px 20px; margin: 0; background: #fff; font-size: 16px; font-weight: normal; text-transform: uppercase; } .calendar-item-current h4, .calendar-item:hover h4 { background: #9ec408; color: #fff; } .calendar-item ul { list-style: none outside none; padding: 15px 20px; margin: 0; font-family: 'HelveticaNeueCondensed', sans-serif; font-size: 18px; } .calendar-item li { padding: 4px 0 5px; } .calendar-item a { color: #2a2a2a; } .calendar-item a:hover { color: #9ec408; text-decoration: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .calendar-item { width: 33.333%; } } /* Mobile */ @media (max-width: 767px) { .calendar-item { width: 50%; } .calendar-item h4 { padding: 5px 10px; } .calendar-item ul { padding: 8px 10px; font-size: 16px; } } /* ------------------------------------------------------------ *\ Category Items \* ------------------------------------------------------------ */ .category-items { list-style: none outside none; overflow: hidden; padding-bottom: 1px; } .category-item { float: left; width: calc(50% - 4px); padding: 6px; margin: 0 8px 4px 0; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); overflow: hidden; } .category-item:nth-child(2n) { margin-right: 0; } .category-item .category-item-image { float: left; margin-right: 27px; } .category-item .category-item-content { overflow: hidden; } .category-item .category-item-content h3 { padding: 15px 0; font-size: 26px; font-weight: normal; } .category-item a { color: #2a2a2a; } .category-item a:hover { text-decoration: none; color: #9ec408; } /* Mobile */ @media (max-width: 767px) { .category-item { float: none; width: 100%; margin-right: 0; } .category-item .category-item-image { width: 80px; margin-right: 15px; } .category-item .category-item-content h3 { padding: 10px 0; font-size: 17px; } } /* ------------------------------------------------------------ *\ Comments \* ------------------------------------------------------------ */ .comments { list-style: none outside none; } .comment { padding: 27px 26px; margin-bottom: 10px; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); font-family: 'Open Sans', sans-serif; } .comment-head { float: left; margin-right: 17px; } .comment-body { padding: 4px 0; overflow: hidden; } .comment-body h5 { margin-bottom: 5px; font-size: 12px; } .comment-body a { display: inline-block; vertical-align: top; margin-left: 14px; text-transform: lowercase; color: #2a2a2a; font-weight: normal; } .comment-body p { line-height: 1.8; } .comment .comments { margin: 28px -26px -27px; padding-left: 66px; box-shadow: 0 -1px 0 0 rgba(0,0,0,.1); font-family: 'Open Sans', sans-serif; } .comment .comment { box-shadow: none; margin-bottom: 0; padding-bottom: 20px; } /* Mobile */ @media (max-width: 767px) { .comment { padding: 15px 10px; } .comment-head { float: none; margin-bottom: 5px; } .comment .comments { margin: 15px -10px -15px; padding-left: 30px; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field { width: 100%; height: 39px; padding: 0 13px; border-radius: 0; border: 1px solid #dddddd; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 16px; color: #2a2a2a; transition: border-color .2s ease-out; } .textarea { width: 100%; padding: 10px 13px; border-radius: 0; border: 1px solid #dddddd; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 16px; color: #2a2a2a; transition: border-color .2s ease-out; } .field:focus, .textarea:focus { border-color: #949494; } .checkbox { position: relative; padding-left: 24px; } .checkbox input { display: none; } .checkbox label { font-size: 16px; line-height: 1.3; } .checkbox label:before { content: ''; position: absolute; left: 0; top: 4px; width: 12px; height: 14px; background: url(images/checkbox.png) no-repeat 0 0; } .checkbox input:checked + label:before { width: 13px; height: 14px; background: url(images/checkbox-checked.png) no-repeat 0 0; } .checkbox label small { font-size: 14px; } .checkbox-video { margin: 15px 0; } .checkbox-video label:before { top: 50%; margin-top: -8px; } .checkbox-video label i { display: inline-block; vertical-align: middle; } .checkbox-video label span { display: inline-block; vertical-align: middle; width: calc(100% - 48px); font-size: 12px; } .checkbox-reveal { position: relative; padding: 10px 40px; margin-bottom: 15px; background: #f7f7f7; } .checkbox-reveal > input { position: absolute; left: 20px; top: 17px; } .checkbox-reveal > label { font-size: 18px; font-weight: bold; } .checkbox-reveal .checkbox-reveal-inner { display: none; } .checkbox-reveal > input:checked ~ .checkbox-reveal-inner { display: block; } .checkbox-reveal .checkbox-reveal-inner select { width: 100%; } .checkbox-reveal .checkbox-reveal-inner .form-label { line-height: 39px; float: left; margin-right: 8px; } .checkbox-reveal .checkbox-reveal-inner .form-controls { overflow: hidden; } .radio input { display: none; } .radio label { position: relative; padding-left: 20px; padding-top: 3px; } .radio label:before { content: ''; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 1px solid #9e9e9e; transition: all .1s ease-out; } .radio input:checked + label:before { border: 5px solid #9ec408; } .file-upload { position: relative; overflow: hidden; } .file-upload label { position: relative; z-index: 5; } .file-upload input { opacity: 0; font-size: 100px; position: absolute; bottom: -10px; right: -10px; cursor: pointer; } .photo-preview { margin-bottom: 35px; } .photo-preview .checkbox { margin: -9px 0 12px; } .photo-preview .photo-preview-image { float: left; margin-right: 24px; } .photo-preview .photo-preview-content { overflow: hidden; } .photo-preview .photo-preview-title { margin: 0 0 12px; font-size: 14px; line-height: 1; } .photo-preview .photo-preview-actions { margin-top: 16px; font-size: 14px; line-height: 1; } .photo-preview .photo-preview-actions a { display: inline-block; vertical-align: top; margin-right: 18px; color: #9ec408; } .photo-preview .photo-preview-actions a:hover { color: #2a2a2a; text-decoration: none; text-decoration: none; } .photo-crop { margin-bottom: 15px; } .photo-crop .photo-crop-image { margin-bottom: 12px; } .photo-crop .photo-crop-actions a { display: inline-block; vertical-align: top; margin-right: 14px; } .photo-crop .photo-crop-actions a:hover { color: #2a2a2a; text-decoration: none; text-decoration: none;} .field-price .field { display: inline-block; vertical-align: middle; width: 53px; padding: 0 10px; margin: 0 15px 0 5px; text-align: center; } .field-price span { display: inline-block; vertical-align: middle; font-size: 14px; } /* Mobile */ @media (max-width: 767px) { .checkbox-reveal > label { font-size: 14px; } .photo-preview .photo-preview-image { float: none; margin-right: 0; } .photo-preview .photo-preview-image img { width: 100%; } } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form { padding: 24px 0; } .form .form-head { margin-bottom: 20px; text-align: center; } .form .form-title { margin: 0 0 0 7px; text-transform: lowercase; letter-spacing: -0.06em; line-height: 1.2; } /* Mobile */ @media (max-width: 767px) { .form { padding: 12px 0; } .form .form-title { font-size: 26px; } } /* ------------------------------------------------------------ *\ Form Sign In \* ------------------------------------------------------------ */ .form-sign-in { width: 620px; max-width: 100%; overflow: hidden; } .form-sign-in .form-head a { text-decoration: none; } .form-sign-in .form-head a:hover { text-decoration: underline; } .form-sign-in .form-content, .form-sign-in .form-aside { float: left; width: 291px; padding: 11px 35px 22px; } .form-sign-in .form-aside a:hover { opacity: .9; } .form-sign-in .form-row { margin-bottom: 11px; } .form-sign-in .form-controls { text-align: right; font-size: 11px; } .form-sign-in .form-controls a { display: inline-block; vertical-align: top; margin-top: 5px; text-decoration: none; } .form-sign-in .form-controls a:hover { text-decoration: underline; } .form-sign-in .form-actions { padding-top: 17px; } .form-sign-in .form-aside a { transition: opacity .2s ease-out; } /* Mobile */ @media (max-width: 767px) { .form-sign-in .form-content, .form-sign-in .form-aside { float: none; width: auto; padding: 15px; } .form-sign-in .form-content { border: 0; border-bottom: 1px solid #f0f0f0; } .form-sign-in .form-aside { text-align: center; } } /* ------------------------------------------------------------ *\ Form Sign Up \* ------------------------------------------------------------ */ .form-sign-up { width: 570px; max-width: 100%; } .form-sign-up .form-body { max-width: 470px; padding: 0 15px; margin: 0 auto; } .form-sign-up .form-row { margin-bottom: 11px; } .form-sign-up .form-col { float: left; width: 50%; } .form-sign-up .form-col + .form-col { padding-left: 12px; } .form-sign-up .form-foot { padding: 10px 0 30px; } .form-sign-up .form-foot a { text-decoration: none; } .form-sign-up .form-foot a:hover { text-decoration: underline; } .form-sign-up .form-actions { max-width: 314px; margin: 0 auto; padding: 0 15px; } /* Mobile */ @media (max-width: 767px) { .form-sign-up .form-col { float: none; width: auto; } .form-sign-up .form-col + .form-col { padding-left: 0; margin-top: 11px; } } /* ------------------------------------------------------------ *\ Form Sign Up Options \* ------------------------------------------------------------ */ .form-sign-up-options { width: 620px; max-width: 100%; } .form-sign-up-options .form-body { max-width: 550px; margin: 0 auto; padding: 25px 15px; } .form-sign-up-options .form-col { float: left; width: 50%; padding: 0 8px; } /* Mobile */ @media (max-width: 767px) { .form-sign-up-options .form-col { float: none; width: auto; padding: 0; } .form-sign-up-options .form-col + .form-col { margin-top: 11px; } } /* ------------------------------------------------------------ *\ Form Submit Order \* ------------------------------------------------------------ */ .form-submit-order { width: 960px; max-width: 100%; overflow: hidden; } .form-submit-order .form-head a { text-decoration: none; } .form-submit-order .form-head a:hover { text-decoration: underline; } .form-submit-order .form-content, .form-submit-order .form-aside { float: left; width: 50%; padding: 0 35px; } .form-submit-order .form-content { border-right: 1px solid #f0f0f0; } .form-submit-order .form-aside a:hover { opacity: .9; } .form-submit-order .form-row { margin: 0 -6px 11px; } .form-submit-order .form-col { float: left; width: 50%; padding: 0 6px; } .form-submit-order .form-col-medium { width: 72%; } .form-submit-order .form-col-small { width: 28%; } .form-submit-order .form-col-large { width: 100%; } .form-submit-order .form-controls { text-align: right; font-size: 11px; } .form-submit-order .form-controls a { display: inline-block; vertical-align: top; margin-top: 5px; text-decoration: none; } .form-submit-order .form-controls a:hover { text-decoration: underline; } .form-submit-order .form-actions { padding-top: 17px; } .form-submit-order .form-foot { margin-top: 35px; text-align: center; } .form-submit-order .form-foot .list-checks { display: inline-block; vertical-align: top; } .form-submit-order .form-foot .list-checks li { display: inline-block; vertical-align: top; padding: 0 8px; } .form-submit-order .form-aside a { transition: opacity .2s ease-out; } .form-submit-order .form-actions { padding: 30px 0 10px; max-width: 470px; margin: 0 auto; } .form-submit-order .form-payments { padding-top: 8px; text-align: right; } /* Mobile */ @media (max-width: 767px) { .form-submit-order .form-content, .form-submit-order .form-aside { float: none; width: auto; padding: 15px; } .form-submit-order .form-content { border: 0; border-bottom: 1px solid #f0f0f0; } .form-submit-order .form-aside { text-align: center; } .form-submit-order .form-foot { margin-top: 0; } .form-submit-order .form-foot .list-checks, .form-submit-order .form-foot .list-checks li { display: block; text-align: left; } .form-submit-order .form-col { float: none; width: auto; padding: 0; } .form-submit-order .form-col + .form-col { margin-top: 11px; } .form-submit-order .form-payments { padding: 5px 0; text-align: left; } } /* ------------------------------------------------------------ *\ Form Account \* ------------------------------------------------------------ */ .form-account { padding: 0 33px 63px; } .form-account .field, .form-account .textarea { font-size: 14px; } .form-account .file-upload { max-width: 354px; margin: 23px auto; } .form-account .file-upload:last-child { margin-bottom: 12px; } .form-account .checkbox { padding-left: 20px; line-height: 1.9; } .form-account .checkbox label { font-size: 14px; } .form-account .checkbox label:before { top: 7px; } .form-account .checkbox-video label { padding-left: 8px; } .form-account .checkbox-video label i { margin-right: 7px; } .form-account .checkbox-video label:before { top: 50%; } .form-account .list-checkboxes li { display: block; margin-right: 0; } .form-account .progressbar { max-width: 354px; margin: 0 auto; } .form-account .progressbar span { width: 354px; max-width: calc(100vw - 40px)} .form-account .form-row { margin: 0 auto; margin: 0 -6px; } .form-account .form-row + .form-row { margin-top: 50px; } .form-account .form-col { float: left; width: 100%; padding: 0 6px; } .form-account .form-col:last-child { float: right; } .form-account .form-row .form-row .form-col:last-child { float: left; } .form-account .form-col-size1 { width: 27%; } .form-account .form-col-size2 { width: 33%; } .form-account .form-col-size3 { width: 60%; } .form-account .form-col-size4 { width: 63.5%; } .form-account .form-col-size5 { width: 19%; } .form-account .form-col-size6 { width: 54%; } .form-account .form-col-size7 { width: 46%; } .form-account .form-group { padding: 33px 0; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #ddd; } .form-account .form-group-head { padding: 8px 0; } .form-account .form-group-head h5 { margin: 0 0 1.2em; font-size: 14px; line-height: 1.6; } .form-account .form-group-head h5:last-child { margin: 0; } .form-account .form-group-head h5 span { font-weight: normal; } .form-account .form-group-head p { font-size: 14px; line-height: 1.6; } .form-account .form-controls:first-child .field, .form-account .form-controls:first-child .textarea { margin-top: 14px; } .form-account .form-controls + .form-controls { margin-top: 11px; } .form-account .form-controls strong { display: block; margin: 22px 0 12px; font-size: 14px; } .form-account .form-foot { padding: 50px 0 45px; text-align: center; } .form-account .form-foot .checkbox { display: inline-block; vertical-align: top; } .form-account .form-foot-inner { max-width: 478px; height: 190px; margin: 0 auto 9px; padding: 16px 10px 16px 19px; border: 1px solid #ddd; text-align: left; } .form-account .form-foot-inner h6 { margin: 0; font-size: 12px; line-height: 1.35; text-transform: uppercase; font-weight: bold; } .form-account .form-foot-inner p { margin: 0 0 1em; font-size: 12px; line-height: 1.35; } .form-account .form-foot-inner p:last-child { margin: 0; } .form-account .form-foot .form-row { text-align: left; margin: -20px 0 40px; } .form-account .form-actions { text-align: center; } .form-account .form-actions .btn { max-width: 354px; } .form-account .form-field-group .fs-dropdown { margin-bottom: 11px; } .form-account .form-field-group:last-child .fs-dropdown{ margin-bottom: 0; } .form-account .form-add-more { display: inline-block; vertical-align: top; margin-top: 11px; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-account { padding: 0 15px 20px; } .form-account .form-col { float: none; width: auto; } .form-account .form-col:last-child, .form-account .form-row .form-row .form-col:last-child { float: none; } } /* Mobile */ @media (max-width: 767px) { .form-account .progressbar, .form-account .progressbar span { max-width: 280px; } } /* ------------------------------------------------------------ *\ Form Account Alt \* ------------------------------------------------------------ */ .form-account-alt { padding: 11px 33px 45px; } .form-account-alt .field { font-size: 14px; } .form-account-alt .form-group { padding: 53px 0; } .form-account-alt .form-group + .form-group { border-top: 1px solid #ddd; } .form-account-alt .form-group-inner { max-width: 440px; margin: 0 auto; } .form-account-alt .form-group-inner + .form-group-inner { margin-top: 57px; } .form-account-alt .form-group h5 { margin: 0 0 13px; font-size: 14px; } .form-account-alt .form-row + .form-row { margin-top: 11px; } .form-account-alt .form-label { float: left; margin: 0 20px 20px 0; line-height: 39px; font-size: 14px; } .form-account-alt .form-label + .form-controls { overflow: hidden; } .form-account-alt .checkbox label { font-size: 14px; } .form-account-alt .form-actions { padding: 16px 0; text-align: center; } .form-account-alt .form-actions-alt { padding-top: 15px; } .form-account-alt .btn { width: 128px; margin: 0 4px; } /* Mobile */ @media (max-width: 767px) { .form-account-alt { padding: 0 10px 15px; } .form-account-alt .form-group { padding: 15px 0; } .form-account-alt .form-group-inner + .form-group-inner { margin-top: 30px; } .form-account-alt .form-actions-alt { padding-top: 20px; } } /* ------------------------------------------------------------ *\ Form Reply \* ------------------------------------------------------------ */ .form-reply { display: none; max-width: 440px; padding: 36px 0 0; } .form-reply .form-row { margin-bottom: 11px; } .form-reply .field, .form-reply .textarea { font-size: 14px; } .form-reply .textarea { height: 160px; } /* ------------------------------------------------------------ *\ Form Folder \* ------------------------------------------------------------ */ .form-folder { padding: 29px 33px; margin-bottom: -25px; } .form-folder .form-actions { float: right; margin-left: 10px; } .form-folder .form-row { overflow: hidden; } .form-folder .btn { width: 130px; } .form-folder .field { font-size: 14px; } /* ------------------------------------------------------------ *\ Form Comment \* ------------------------------------------------------------ */ .form-comment { padding: 27px 26px 21px; } .form-comment .form-head { float: left; margin-right: 15px; } .form-comment .form-actions { float: right; margin-left: -1px; } .form-comment .form-body { overflow: hidden; } .form-comment .textarea { height: 73px; } .form-comment .form-btn { height: 73px; width: 79px; line-height: 71px; background: transparent; border: 1px solid #ddd; text-align: center; } .form-comment .form-btn:hover { background: #116ed5; border-color: #116ed5; } /* Mobile */ @media (max-width: 767px) { .form-comment { padding: 15px 10px; } } /* ------------------------------------------------------------ *\ Form Payment \* ------------------------------------------------------------ */ .form-payment { padding: 20px 33px; } .form-payment .form-head { padding: 57px 0 35px; text-align: center; } .form-payment .form-head-section { display: inline-block; vertical-align: top; width: 240px; margin: 0 60px; } .form-payment .form-head-section h5 { margin-bottom: 7px; } .form-payment .form-head-section p { margin-bottom: 34px; } .form-payment .form-head-bar { margin-top: 48px; } .form-payment .form-head-bar span, .form-payment .form-head-bar .list-checkboxes { display: inline-block; vertical-align: middle; } .form-payment .form-head-bar .list-checkboxes label { font-size: 14px; } .form-payment .form-head-bar .list-checkboxes label:before { top: 3px; } .form-payment .form-head-bar .list-checkboxes .checkbox { padding-left: 20px; } .form-payment .form-head-bar span { margin-right: 45px; } .form-payment .form-body { padding: 39px 0 31px; border-width: 1px 0; border-style: solid; border-color: #ddd; } .form-payment .form-content, .form-payment .form-aside { float: left; width: 50%; } .form-payment .form-content { padding: 0 38px 0 10px; border-right: 1px solid #f0f0f0; } .form-payment .form-aside { padding: 0 10px 0 38px; } .form-payment .form-aside a:hover { opacity: .9; } .form-payment .form-row { margin: 0 -6px 11px; } .form-payment .form-col { float: left; width: 50%; padding: 0 6px; } .form-payment .form-col-medium { width: 72%; } .form-payment .form-col-small { width: 28%; } .form-payment .form-col-large { width: 100%; } .form-payment .form-controls { text-align: right; font-size: 11px; } .form-payment .form-controls a { display: inline-block; vertical-align: top; margin-top: 5px; text-decoration: none; } .form-payment .form-controls a:hover { text-decoration: underline; } .form-payment .form-actions { padding-top: 17px; } .form-payment .form-foot { padding-bottom: 22px; text-align: center; } .form-payment .form-foot .checkbox { display: inline-block; vertical-align: top; } .form-payment .form-foot .checkbox label { font-size: 14px; } .form-payment .form-foot-inner { max-width: 478px; height: 190px; margin: 0 auto 9px; padding: 16px 10px 16px 19px; border: 1px solid #ddd; text-align: left; } .form-payment .form-foot-inner h6 { margin: 0; font-size: 12px; line-height: 1.35; text-transform: uppercase; font-weight: bold; } .form-payment .form-foot-inner p { margin: 0 0 1em; font-size: 12px; line-height: 1.35; } .form-payment .form-foot-inner p:last-child { margin: 0; } .form-payment .table-cart { padding: 0; margin-bottom: 40px; text-align: left; } /* Tablet Portrait */ @media (max-width: 1023px) { .form-payment .form-head-section { margin: 0 30px; } } /* Mobile */ @media (max-width: 767px) { .form-payment { padding: 15px 10px; } .form-payment .form-head { padding: 15px 0; } .form-payment .form-head-section { margin: 0; } .form-payment .form-head-bar span { margin-right: 0; } .form-payment .form-content, .form-payment .form-aside { float: none; width: auto; padding: 15px; } .form-payment .form-content { border: 0; border-bottom: 1px solid #f0f0f0; } .form-payment .form-aside { text-align: center; } .form-payment .form-foot { margin-top: 0; } .form-payment .form-foot .list-checks, .form-payment .form-foot .list-checks li { display: block; text-align: left; } .form-payment .form-col { float: none; width: auto; padding: 0; } .form-payment .form-col + .form-col { margin-top: 11px; } } /* ------------------------------------------------------------ *\ Gallery \* ------------------------------------------------------------ */ .gallery { position: relative; margin-bottom: 19px; overflow: hidden; } .gallery .gallery-main { float: left; width: calc(100% - 60px); margin-right: 18px; } .gallery .gallery-aside { overflow: hidden; } .gallery .gallery-next { display: block; position: relative; width: 42px; height: 190px; background: #fff; font-size: 0; line-height: 0; text-indent: -4004px; } .gallery .gallery-next:before { content: ''; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -2px; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent #3a3a3a; transition: all .2s ease-out; } .gallery .gallery-next:hover:before { border-color: transparent #9ec408; } /* Gallery Items */ .gallery-items { list-style: none outside none; overflow: hidden; margin: 0 -9px; padding-bottom: 1px; } .gallery-item { float: left; width: 33.333%; padding: 0 9px; } .gallery-item-inner { padding: 6px; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); } .gallery-item-image { position: relative; } .gallery-item-image img { width: 100%; height: auto; } .gallery-item-image-bar { position: absolute; left: 0; bottom: 0; width: 100%; } .gallery-item-image-bar img { width: 100%; } .gallery-item-image-title { position: absolute; left: 0; top: 50%; margin-top: -19px; width: 100%; font-size: 13px; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; color: #8b8e94; text-align: center; } .gallery-item-content { overflow: hidden; padding: 16px 13px 12px; line-height: 20px; } .gallery-item-content span { float: left; padding-left: 5px; font-family: Georgia, Times, serif; font-size: 10px; font-style: italic; color: #646464; } .gallery-item-content span a { color: #646464; text-decoration: underline; } .gallery-item-content span a:hover { text-decoration: none; } .gallery-item-content div { float: right; } .gallery-item-add { position: relative; display: block; padding-bottom: calc(62% + 48px); text-align: center; color: #e8e8e8; font-weight: 300; font-size: 0; line-height: 0; text-indent: -4004px; transition: color .2s ease-out; } .gallery-item-add:before { content: '+'; position: absolute; left: 50%; top: 50%; font-size: 40px; line-height: 1; text-indent: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-item-add:hover { text-decoration: none; } .gallery-item-all { display: block; font-size: 27px; line-height: 178px; font-family: 'HelveticaNeueCondensed', sans-serif; font-size: 27px; color: #2a2a2a; text-align: center; transition: color .2s ease-otu; } .gallery-item-all:hover { color: #9ec408; text-decoration: none; } .gallery-items-masonry { margin: 0 auto; } .gallery-items-masonry .gallery-item { width: 236px; margin-bottom: 18px; } .gallery-items-masonry .gallery-item + .gallery-item { margin-top: 0; } .gallery-items-large .gallery-item { width: 20%; } .gallery-items-medium { margin: 0 auto 15px; } .gallery-items-medium-alt { margin-bottom: 0; } .gallery-items-medium .gallery-item { width: 25%; margin-bottom: 20px; } .gallery-filter { height: 393px; padding: 25px; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); } .gallery-filter h5 { margin-bottom: 2px; font-size: 12px; overflow: hidden; } .gallery-filter h5 span { float: right; font-weight: normal; } .gallery-filter .list-checkboxes { margin-top: 25px; line-height: 1.4; margin-bottom: 25px; } .gallery-filter .list-checkboxes li { display: block; margin-right: 0; } .gallery-filter .checkbox { padding-left: 20px; } .gallery-filter .checkbox label { font-size: 12px; } .gallery-filter .checkbox label:before { top: 3px; } .gallery-filter .search { margin-bottom: 21px; } .gallery-profile { height: 175px; padding: 19px; } .gallery-profile-image { margin-bottom: 13px; } .gallery-profile-body { font-size: 12px; } .gallery-profile-body ul { list-style: none outside none; } .gallery-profile-body li { padding: 8px 0; border-top: 1px solid #eeeeee; } .gallery-profile-body i { margin-right: 7px; } /* Small Desktop */ @media (max-width: 1201px) { .gallery-items-large .gallery-item { width: 25%; } } /* Tablet Portrait */ @media (max-width: 1023px) { .gallery .gallery-main { width: calc(100% - 52px); margin-right: 10px; } .gallery .gallery-next { position: absolute; right: 0; top: 0; bottom: 0; height: auto; } .gallery .gallery-items { margin: 0 -5px; } .gallery-item { padding: 0 5px; } .gallery-item-content { padding: 15px 8px 10px; } .gallery-item-add { padding-bottom: calc(62% + 45px); } .gallery-items-large .gallery-item { width: 33.333%; } .gallery-items-medium { max-width: 720px; } .gallery-items-medium .gallery-item { width: 33.333%; } } /* Mobile */ @media (max-width: 767px) { .gallery { margin-bottom: 25px; } .gallery .gallery-main { float: none; width: auto; margin-right: 0; } .gallery .gallery-aside { margin-top: 10px; } .gallery .gallery-next { position: relative; top: auto; bottom: auto; right: auto; height: 40px; width: auto; } .gallery-item { float: none; width: 100%; } .gallery-item + .gallery-item { margin-top: 10px; } .gallery-items-medium .gallery-item, .gallery-items-large .gallery-item { width: 100%; margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Holiday Items \* ------------------------------------------------------------ */ .holiday-items { list-style: none outside none; padding-bottom: 1px; margin: 0 -1px; overflow: hidden; } .holiday-item { float: left; width: calc(33.333% - 2px); height: 139px; padding-top: 36px; margin: 0 1px 1px; background: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.1); text-align: center; } .holiday-item a { color: #2a2a2a; } .holiday-item a:hover { color: #9ec408; text-decoration: none; } .holiday-item div { height: 28px; margin-bottom: 6px; } .holiday-item span { display: block; font-size: 26px; } /* Tablet Portrait */ @media (max-width: 1023px) { .holiday-item span { font-size: 20px; } } /* Mobile */ @media (max-width: 767px) { .holiday-item { width: 100%; } } /* ------------------------------------------------------------ *\ Ico \* ------------------------------------------------------------ */ .ico-arrow-right { display: inline-block; vertical-align: middle; margin-top: -5px; border-width: 4px 0 4px 5px; border-style: solid; border-color: transparent #2a2a2a; } .ico-arrow-left { display: inline-block; vertical-align: middle; margin-top: -5px; border-width: 4px 5px 4px 0; border-style: solid; border-color: transparent #2a2a2a; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Features \* ------------------------------------------------------------ */ .list-features { margin: 0; background: #fff; } .list-features li { min-height: 139px; padding: 32px 0 30px; text-align: center; } .list-features li + li { border-top: 1px solid #dbdbdb; } .list-features i { margin-bottom: 12px; } .list-features span { display: block; font-size: 26px; font-family: 'Open Sans', sans-serif; } /* Mobile */ @media (max-width: 767px) { .list-features li { min-height: 0; padding: 15px 0; } .list-features span { font-size: 16px; } } /* ------------------------------------------------------------ *\ List Features Alt \* ------------------------------------------------------------ */ .list-features-alt { overflow: hidden; } .list-features-alt li { float: left; width: 31%; text-align: center; color: #373737; font-size: 14px; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; } .list-features-alt li + li { margin-left: 3.5%; } .list-features-alt div { height: 58px; } .list-features-alt h5 { margin-bottom: 7px; font-size: 20px; } .list-features-alt p { line-height: 1.5; } /* Mobile */ @media (max-width: 767px) { .list-features-alt li, .list-features-alt li + li { float: none; width: auto; margin: 20px 0 0; } .list-features-alt div { height: auto; margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ List Video Grid \* ------------------------------------------------------------ */ .list-video-grid { overflow: hidden; } .list-video-grid li { position: relative; float: left; width: 50%; height: 321px; } .list-video-grid li a:hover i { -webkit-animation: playBtn 1s ease; animation: playBtn 1s ease; } /* Mobile */ @media (max-width: 767px) { .list-video-grid li, .list-video-grid li + li { float: none; width: auto; padding-bottom: 67%; } } /* ------------------------------------------------------------ *\ List Keywords \* ------------------------------------------------------------ */ .list-keywords { margin-bottom: 22px; margin-right: -10px; max-height: 67px; overflow-y: auto; font-size: 12px; line-height: 1.6; } .list-keywords.mCS_no_scrollbar { margin-right: 0; } .list-keywords li { overflow: hidden; } .list-keywords span { float: left; } .list-keywords a { float: right; } /* ------------------------------------------------------------ *\ List Links \* ------------------------------------------------------------ */ .list-links { padding: 9px 0; margin-bottom: 40px !important; } .list-links li { padding: 7px 0; } .list-links a { color: #2a2a2a; } .list-links a:hover { color: #9ec408; text-decoration: none; } /* ------------------------------------------------------------ *\ List Thumbnails \* ------------------------------------------------------------ */ .list-thumbnails { margin: 0 0 14px; overflow: hidden; } .list-thumbnails li { float: left; margin-right: 7px; margin-bottom: 7px; } .list-thumbnails a { display: block; opacity: .5; transition: opacity .2s ease-out; } .list-thumbnails .current a, .list-thumbnails a:hover { opacity: 1; } /* ------------------------------------------------------------ *\ List Radios \* ------------------------------------------------------------ */ .list-radios li { display: inline-block; vertical-align: top; margin-right: 8px; } /* ------------------------------------------------------------ *\ List Checkboxes \* ------------------------------------------------------------ */ .list-checkboxes li { display: inline-block; vertical-align: top; margin-right: 12px; } /* ------------------------------------------------------------ *\ List Accordion \* ------------------------------------------------------------ */ .list-accordion li div { display: none; padding-top: 15px; padding-left: 30px; } .list-accordion li .btn-alt { margin-top: 20px; width: 78px; text-align: center; } .list-accordion li .btn-alt i { margin: -2px 0 0 4px; } .list-accordion .active > a { font-weight: bold; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo {} /* Mobile */ @media (max-width: 767px) { .nav { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; border-bottom: 1px solid #f0f0f0; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .nav-visible { visibility: visible; opacity: 1; } .nav ul { display: block; } .nav li { float: none; border-top: 1px solid #f0f0f0; } .nav li + li { border-left: 0; } .nav a { height: 36px; line-height: 36px; } .nav a:after { content: none; } } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging { margin: 26px 0; text-align: center; line-height: 30px; font-family: 'Open Sans', sans-serif; } .paging .paging-current { display: inline-block; vertical-align: top; color: #787878; font-size: 12px; } .paging .paging-current input { display: inline-block; vertical-align: top; width: 38px; height: 32px; margin: 0 5px 0 10px; border: 0; background: #e5e4e4; border-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0,0,0,.17); color: #2a2a2a; font-weight: bold; text-align: center; transition: background .2s ease-out; } .paging .paging-current input:focus { background: #fff; } .paging .paging-actions { display: inline-block; vertical-align: top; margin-left: 20px; } .paging .paging-actions a { display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; width: 38px; margin: 0 3px; border-radius: 4px; background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.17); } .paging .paging-actions a:hover i { border-color: transparent #9ec408; } .paging .paging-display { display: inline-block; vertical-align: top; margin-right: 37px; } .paging .paging-display span { display: inline-block; vertical-align: top; margin-right: 10px; color: #787878; font-size: 12px; } .paging .paging-display .btn-alt { width: 40px; } .paging .paging-display .btn-alt i { margin-top: -3px; } /* Mobile */ @media (max-width: 767px) { .paging .paging-display { display: block; margin: 0 0 10px; } } /* ------------------------------------------------------------ *\ Plans \* ------------------------------------------------------------ */ .plans { overflow: hidden; } .plan { float: left; } .plan .plan-head { position: relative; z-index: 10; } .plan .plan-title { padding: 5px 0 4px; background: #656565; font-size: 29px; color: #fff; font-family: 'BebasNeue', sans-serif; text-align: center; } .plan .plan-body { position: relative; z-index: 5; padding: 28px 0; background: #ffffff; text-align: center; } .plan .plan-price { font-size: 59px; font-family: 'BebasNeue', sans-serif; font-weight: bold; line-height: 1; padding-bottom: 10px; color: #32393b; } .plan .plan-price small { font-size: 50%; } .plan .plan-price span { font-size: 26px; display: block; } .plan .plan-rating { margin-bottom: 30px; } .plan .plan-features { list-style: none outside none; font-size: 14px; line-height: 1.8; padding: 0 15px; } .plan .plan-actions { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 43px; text-align: center; } .plan .plan-features span { font-weight: bold; } .plan .plan-features li span.terms { font-size: 12px; font-weight: normal; } .plan .plan-actions { padding-left: 10px; padding-right: 10px; } .plan .plan-actions .btn { max-width: 150px; width: 100%; } .plan .plan-description { margin-bottom: 5px; font-size: 11px; color: #32393b; } .plan-teritary { width: 17%; margin-top: 26px; } .plan-teritary .plan-title { background: #656565; } .plan-teritary .plan-body { height: 454px; } .plan-secondary { width: 22%; padding-left: 17px; margin-top: 14px; } .plan-secondary .plan-title { background: #323232; } .plan-secondary .plan-body { height: 478px; padding: 40px 0; } .plan-secondary .plan-features { line-height: 1.29; } .plan-secondary .plan-head:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #292929; -webkit-transform: skewY(-34deg); -ms-transform: skewY(-34deg); transform: skewY(-34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-secondary .plan-body:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(34deg); -ms-transform: skewY(34deg); transform: skewY(34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-secondary-alpha { padding-left: 0; padding-right: 17px; } .plan-secondary-alpha .plan-head:before, .plan-secondary-alpha .plan-body:before { display: none; } .plan-secondary-alpha .plan-head:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #323232; -webkit-transform: skewY(39deg); -ms-transform: skewY(39deg); transform: skewY(39deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-secondary-alpha .plan-body:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(-39deg); -ms-transform: skewY(-39deg); transform: skewY(-39deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-primary { width: 39%; padding: 0 17px; } .plan-primary .plan-title { background: #323232; } .plan-primary .plan-price { font-size: 91px; } .plan-primary .plan-description { margin-bottom: 8px; } .plan-primary .plan-rating i { margin: 0 1px; } .plan-primary .plan-body { height: 506px; padding: 39px 0; } .plan-primary .plan-features { font-size: 16px; line-height: 1.19; } .plan-primary .plan-features strong { display: block; padding-bottom: 10px; } .plan-primary .plan-actions { padding-bottom: 50px; } .plan-primary .plan-actions .btn { max-width: 300px; width: 100%; } .plan-primary .plan-head:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #292929; -webkit-transform: skewY(-39deg); -ms-transform: skewY(-39deg); transform: skewY(-39deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-primary .plan-head:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #292929; -webkit-transform: skewY(39deg); -ms-transform: skewY(39deg); transform: skewY(39deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-primary .plan-body:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(39deg); -ms-transform: skewY(39deg); transform: skewY(39deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-primary .plan-body:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(-39deg); -ms-transform: skewY(-39deg); transform: skewY(-39deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } /* ------------------------------------------------------------ *\ Plan \* ------------------------------------------------------------ */ .plan-primary .plan-body { height: 752px; padding: 39px 14px 15px; } .plan-primary .plan-actions { position: static; padding-bottom: 30px; } .plan .plan-price span { font:14px 'Open Sans', sans-serif; } .plan .plan-features { font:16px 'Open Sans', sans-serif; margin-bottom: 47px; line-height: 1.6; } .plan-secondary .plan-body { height: 723px; } .plan-secondary .plan-actions { padding-bottom: 67px; } /* Mobile */ @media (max-width: 767px) { .plan { float: none; width: auto; margin: 0; padding: 0 17px; } .plan + .plan { margin-top: 15px; } .plan .plan-title { font-size: 24px; } .plan .plan-body { height: auto; padding: 20px; } .plan .plan-features { font-size: 12px; padding: 0 10px; text-align: center; } .plan .plan-actions { position: static; padding-bottom: 0; } .plan .plan-actions .btn { width: 100%; } .plan .plan-rating { margin-bottom: 15px; } .plan-teritary .plan-head:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #595959; -webkit-transform: skewY(-34deg); -ms-transform: skewY(-34deg); transform: skewY(-34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-teritary .plan-head:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #595959; -webkit-transform: skewY(34deg); -ms-transform: skewY(34deg); transform: skewY(34deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-teritary .plan-body:before { content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(34deg); -ms-transform: skewY(34deg); transform: skewY(34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-teritary .plan-body:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(-34deg); -ms-transform: skewY(-34deg); transform: skewY(-34deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-secondary .plan-head:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #292929; -webkit-transform: skewY(34deg); -ms-transform: skewY(34deg); transform: skewY(34deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-secondary .plan-body:after { content: ''; position: absolute; left: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(-34deg); -ms-transform: skewY(-34deg); transform: skewY(-34deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .plan-secondary-alpha { padding-left: 17px; } .plan-secondary-alpha .plan-head:before { display: block; content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #292929; -webkit-transform: skewY(-34deg); -ms-transform: skewY(-34deg); transform: skewY(-34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .plan-secondary-alpha .plan-body:before { display: block; content: ''; position: absolute; right: 100%; top: 0; height: 100%; width: 17px; background: #f0f0f0; -webkit-transform: skewY(34deg); -ms-transform: skewY(34deg); transform: skewY(34deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup { border: 6px solid #f4f4f4; background: #fff; background-clip: content-box; } .popup-alt { border-color: transparent; } /* ------------------------------------------------------------ *\ Progressbar \* ------------------------------------------------------------ */ .progressbar { position: relative; height: 39px; box-shadow: inset 0 0 0 1px #ddd; font-size: 14px; font-family: 'Open Sans', sans-serif; } .progressbar span { position: absolute; left: 0; top: 0; width: 100%; line-height: 39px; text-align: center; } .progressbar span:after { content: '%'; } .progressbar .progressbar-inner { position: relative; height: 39px; width: 0; background: #116ed5; overflow: hidden; transition: width .5s ease-out; } .progressbar .progressbar-inner span { color: #fff; } /* ------------------------------------------------------------ *\ Referral Link \* ------------------------------------------------------------ */ .referral-link { overflow: hidden; } .referral-link-field { overflow: hidden; } .referral-link-field .textarea { height: 69px; padding: 11px 19px 7px; font-size: 14px; line-height: 1.6; } .referral-link-count { float: right; width: 83px; height: 69px; padding-top: 14px; margin-left: 8px; background: #f4f4f4; border: 1px solid #ddd; text-align: center; line-height: 1.4; } .referral-link-count strong { display: block; } /* Mobile */ @media (max-width: 767px) { .referral-link-field .textarea { padding: 7px 10px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; max-width: 330px; margin: 0 auto; } .search .search-field { width: 100%; padding: 0 14px; height: 31px; border-radius: 5px; border: 0; border-top: 1px solid #cdcece; background: #f7f7f7; color: #a5a5a5; font-size: 12px; font-weight: bold; font-family: 'Open Sans', sans-serif; } .search .search-btn { vertical-align: top; position: absolute; right: 11px; top: 9px; border: 0; background-color: transparent; } .search .search-btn i { vertical-align: top; } /* ------------------------------------------------------------ *\ Section Homepage \* ------------------------------------------------------------ */ .section-homepage { position: relative; height: 100vh; color: #fff; } .section-homepage .section-inner { position: relative; z-index: 100; height: 100%; } .section-homepage .section-head { padding: 33px 36px; overflow: hidden; } .section-homepage .section-head-actions { float: right; font-family: 'Helvetica', sans-serif; font-weight: 300; font-size: 16px; } .section-homepage .section-head-actions ul > li > a { font-weight: 600; } .section-homepage .section-head-actions ul { float: left; list-style: none outside none; line-height: 1; } .section-homepage .section-head-actions li { float: left; } .section-homepage .section-head-actions li + li { margin-left: 26px; } .section-homepage .section-head-actions a { color: #fff; text-decoration: none; transition: color .2s ease-out; } .section-homepage .section-head-actions a:hover { color: rgba(255, 255, 255, 0.7); } .section-homepage .section-logo { float: left; } .section-homepage .section-actions a { position: absolute; left: 50%; top: 50%; width: 156px; height: 156px; margin-top: -25px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .2s ease-out; } .section-homepage .section-actions a:hover i { -webkit-animation: playBtn 1s ease; animation: playBtn 1s ease; } .section-homepage .section-body { position: absolute; left: 0; bottom: 140px; width: 100%; padding: 40px 0 47px; text-align: center; font-family: 'HelveticaNeueCondensed', sans-serif; } .section-homepage .section-body ul { display: inline-block; vertical-align: top; list-style: none outside none; font-size: 19px; font-weight: 400; } .section-homepage .section-body li { display: inline-block; vertical-align: top; padding: 0 21px; } .section-homepage .section-body a { text-decoration: none; color: rgba(255,255,255,.2); transition: color .2s ease-out; } .section-homepage .section-body .active a, .section-homepage .section-body a:hover { color: rgba(255,255,255,1); } .section-homepage .section-body-quote { position: relative; margin-bottom: 7px; transition: height .3s ease-out; } .section-homepage .section-title { position: absolute; left: 0; top: 0; width: 100%; padding: 6px 0; line-height: 1.2; font-size: 26px; font-weight: 400; letter-spacing: -0.015em; text-align: center; visibility: hidden; opacity: 0; transition: all .3s ease-out; } .section-homepage .section-title.active { visibility: visible; opacity: 1; } .section-homepage .section-foot { position: absolute; left: 0; bottom: 0; width: 100%; padding: 36px; } .section-homepage .section-foot-actions { float: left; } .section-homepage .section-foot-copyright { float: right; font-size: 9px; color: rgba(255,255,255,.6); } .section-homepage .section-foot-copyright a { font-size: 9px; color: rgba(255,255,255,.6); } /* Tablet Portrait */ @media (max-width: 1023px) { .section-homepage .section-title { margin: 5px 0 13px; line-height: 1.2; } } /* Mobile */ @media (max-width: 767px) { .section-homepage { min-height: 100vh; height: auto; } .section-homepage .section-head { padding: 18px; } .section-homepage .section-head-actions { float: none; text-align: center; } .section-homepage .section-head-actions ul, .section-homepage .section-head-actions li { float: none; display: inline-block; } .section-homepage .section-logo { float: none; display: block; margin-bottom: 10px; text-align: center; } .section-homepage .section-actions { margin-bottom: 15px; text-align: center; } .section-homepage .section-actions a { display: block; position: relative; left: 0; top: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); margin: 0 auto; } .section-homepage .section-body, .section-homepage .section-foot { position: static; padding: 18px; } .section-homepage .section-body { } .section-homepage .section-body ul { font-size: 16px; } .section-homepage .section-body li { display: block; } .section-homepage .section-title { font-size: 20px; } .section-homepage .section-foot-actions, .section-homepage .section-foot-copyright { float: none; text-align: center; } .section-homepage .section-foot-actions { margin-bottom: 10px; } } /* ------------------------------------------------------------ *\ Section Pricing \* ------------------------------------------------------------ */ .section-pricing { overflow: hidden; } .section-pricing .section-head { position: relative; padding: 64px 0 29px; background: #fff; color: #2a2a2a; text-align: center; font-family: 'BebasNeue', sans-serif; } .section-pricing .section-head:after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -320px; border-width: 60px 320px 0; border-style: solid; border-color: #fff transparent; } .section-pricing .section-head p { margin-top: -8px; font-size: 28px; font-weight: bold; } .section-pricing .section-title { margin: 0; color: #2a2a2a; font-size: 59px; line-height: 1; } .section-pricing .section-body { padding: 83px 0 25px; } .section-pricing .section-foot { text-align: center; color: #666; font-size: 11px; line-height: 1.36; padding-bottom: 30px; } /* Mobile */ @media (max-width: 767px) { .section-pricing .section-head { padding: 30px 0 15px; } .section-pricing .section-head p { font-size: 20px; } .section-pricing .section-title { font-size: 30px; } } /* ------------------------------------------------------------ *\ Section Features \* ------------------------------------------------------------ */ .section-features { padding-bottom: 100px; background: #f0f0f0; } .section-features .section-head { padding: 70px 0 40px; text-align: center; } .section-features .section-title { font-size: 48px; font-family: 'BebasNeue', sans-serif; color: #3a3a3a; } /* Mobile */ @media (max-width: 767px) { .section-features .section-head { padding: 30px 0 20px; } .section-features .section-title { font-size: 30px; } } /* ------------------------------------------------------------ *\ Section Features Alt \* ------------------------------------------------------------ */ .section-features-alt { background: #fff; } .section-features-alt .section-head { padding: 57px 0 40px; text-align: center; } .section-features-alt .section-title { font-size: 48px; font-family: 'BebasNeue', sans-serif; color: #3a3a3a; } .section-features-alt .section-body { padding: 52px 0 70px; } /* Mobile */ @media (max-width: 767px) { .section-features-alt .section-head { padding: 30px 0 20px; } .section-features-alt .section-title { font-size: 30px; } .section-features-alt .section-body { padding: 0 0 20px; } } /* ------------------------------------------------------------ *\ Section Account \* ------------------------------------------------------------ */ .section-account { padding: 45px 0 57px; font-family: 'Open Sans', sans-serif; } .section-account .section-main { float: left; width: calc(100% - 198px); margin-right: 33px; background: #fff; } .section-account .section-main-alt { background: transparent; } .section-account .section-main-inner { background: #fff; } .section-account .section-aside { float: right; width: 165px; } .section-account .section-aside-image { position: relative; margin-bottom: 39px; } .section-account .section-aside-image > img { width: 100%; height: auto; } .section-account .section-aside-image .file-upload { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-account .section-aside-image .btn { width: auto; padding: 0 8px; white-space: nowrap; } .section-account .section-aside-image .btn span { display: inline-block; vertical-align: middle; } .section-account .section-aside-image .btn i { margin: -2px 5px 0 0; } .section-account .section-aside-group { font-family: 'Open Sans', sans-serif; } .section-account .section-aside-group + .section-aside-group { margin-top: 19px; } .section-account .section-aside-group h5 { padding-bottom: 7px; margin-bottom: 16px; font-size: 14px; border-bottom: 1px solid #ddd; } .section-account .section-aside-group ul { list-style: none outside none; } .section-account .section-aside-group a { text-decoration: none; color: #2a2a2a; transition: color .2s ease-out; } .section-account .section-aside-group a:hover { color: #9ec408; } .section-account .section-aside-group .current a, .section-account .section-aside-group .current a:hover { color: #a2a2a2; } .section-account .section-nav { padding: 41px 33px; font-family: 'Open Sans', sans-serif; } .section-account .section-nav-alt { padding: 35px 33px 22px; } .section-account .section-nav ul { list-style: none outside none; overflow: hidden; } .section-account .section-nav li { float: left; line-height: 1; margin-right: 22px; padding-right: 22px; border-right: 1px solid #d7d7d7; } .section-account .section-nav li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .section-account .section-nav a { color: #2a2a2a; } .section-account .section-nav a:hover { color: #9ec408; text-decoration: none; } .section-account .section-nav .current a { color: #a2a2a2; } /* Mobile */ @media (max-width: 767px) { .section-account { padding: 15px 0; } .section-account .section-main { float: none; width: auto; margin: 0 0 15px; } .section-account .section-aside { float: none; width: auto; } .section-account .section-nav { padding: 15px 10px; } } /* ------------------------------------------------------------ *\ Section Gallery \* ------------------------------------------------------------ */ /*.section-gallery { padding: 45px 0 35px; font-family: 'Open Sans', sans-serif; } .section-gallery .shell { max-width: none; padding: 0 20px; } .section-gallery .section-head { margin-bottom: 29px; text-align: center; } .section-gallery .section-head .btn-alt { width: 80px; } .section-gallery-alt { padding: 0 0 35px; } .section-gallery-alt .section-head { margin-bottom: 20px; }*/ /* Small Desktop */ /*@media (max-width: 1201px) { .section-gallery .shell { max-width: 962px; padding: 0; } }*/ /* Tablet Portrait */ /*@media (max-width: 1023px) { .section-gallery { padding: 15px 0; } .section-gallery .shell { max-width: 722px; } .section-gallery .section-head { margin-bottom: 10px; } .section-gallery .section-head .btn-alt { margin: 3px; } }*/ /* ------------------------------------------------------------ *\ Section Dropdown \* ------------------------------------------------------------ */ .section-dropdown { display: none; padding: 27px 0; } .section-dropdown .section-actions { margin-bottom: 22px; text-align: center; } .section-dropdown .section-actions .btn-alt { width: 78px; } .section-dropdown .section-actions .btn-alt i { margin: -2px 0 0 4px; } /* ------------------------------------------------------------ *\ Section Cover \* ------------------------------------------------------------ */ .section-cover { position: relative; height: 308px; background-color: #f0f0f0; } .section-cover .section-actions { padding: 31px 37px; } .section-cover .section-actions .btn { height: 45px; line-height: 45px; width: auto; padding: 0 22px; font-size: 12px; } .section-cover .section-actions .btn small { font-size: 100%; font-weight: normal; } .section-cover .section-actions .btn i { margin: -4px 8px 0 0; } /* Mobile */ @media (max-width: 767px) { .section-cover .section-actions { padding: 15px 10px; text-align: center; } } /* ------------------------------------------------------------ *\ Section Landing \* ------------------------------------------------------------ */ .section-landing .section-promo { margin: 50px 0; text-align: center; } .section-landing .section-promo .section-title { margin-top: 30px; font-size: 35px; font-weight: 300; font-family: 'HelveticaNeueCondensed', 'Helvetica Neue', 'Open Sans', sans-serif; color: #606970; } .section-landing .section-promo .section-referred-by { margin-top: 10px; } .section-landing .section-promo .section-referred-by p { color: #606970; } .section-landing .section-promo .section-referred-by span { margin: auto; background-image: url('images/logos/home-logos.png'); background-repeat: no-repeat; display: block; width: 612px; height: 32px; background-size: contain; } /* ------------------------------------------------------------ *\ Section Premium \* ------------------------------------------------------------ */ .section-premium { padding: 50px 0; } .section-premium .section-title { margin-bottom: 27px; font-size: 19px; font-weight: normal; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; font-weight: 300; } .section-premium .section-title i { margin-right: 2px; } .section-premium .section-body { margin-bottom: 50px; } .section-premium .section-actions { text-align: center; } .section-premium .section-actions .btn { width: 280px; } /* Mobile */ @media (max-width: 767px) { .section-premium { padding: 25px 0; } .section-premium .section-body { margin-bottom: 25px; } } /* ------------------------------------------------------------ *\ Section Download \* ------------------------------------------------------------ */ .section-download { padding: 47px 0; } /* Mobile */ @media (max-width: 767px) { .section-download { padding: 25px 0; } } /* ------------------------------------------------------------ *\ Section Checkout \* ------------------------------------------------------------ */ .section-checkout { padding: 47px 0; } /* Mobile */ @media (max-width: 767px) { .section-checkout { padding: 25px 0; } } /* ------------------------------------------------------------ *\ Slider Homepage \* ------------------------------------------------------------ */ .slider-homepage { position: absolute; left: 0; top: 0; width: 100%; height: 100%; height: 100%; } .slider-homepage .slides, .slider-homepage .slide, .slider-homepage .owl-stage-outer, .slider-homepage .owl-stage, .slider-homepage .owl-item { height: 100%; } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials ul { list-style: none outside none; } .socials li { display: inline-block; vertical-align: middle; } .socials li + li { margin-left: 10px; } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table { padding: 20px 32px 37px; } .table .table-head { padding-top: 17px; margin-bottom: 24px; } .table .table-head .list-checkboxes { float: left; margin: 0; list-style: none outside none; } .table .table-head .list-checkboxes li { display: inline-block; vertical-align: top; margin-right: 20px; } .table .table-head .checkbox { padding-left: 21px; } .table .table-head .checkbox label { font-size: 14px; } .table .table-nav { float: left; } .table .table-nav ul { list-style: none outside none; overflow: hidden; padding: 6px 0; } .table .table-nav li { float: left; line-height: 1; margin-right: 22px; padding-right: 22px; border-right: 1px solid #d7d7d7; } .table .table-nav li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .table .table-nav a { color: #2a2a2a; } .table .table-nav a:hover { color: #9ec408; text-decoration: none; } .table .table-nav .current a { color: #a2a2a2; } .table .table-sort { float: right; margin-top: -4px; width: 180px; } .table .table-total { padding: 20px 20px; margin-bottom: 17px; font-size: 14px; background: #f7f7f7; text-align: center; } .table .table-total-left { float: left; text-align: left; } .table .table-total-right { float: right; text-align: right; } .table .table-body { overflow-x: auto; } .table table { min-width: 500px; } .table th { vertical-align: middle; height: 49px; padding-right: 10px; font-size: 14px; font-weight: bold; text-align: left; } .table th:last-child, .table td:last-child { text-align: right; padding-right: 0; } .table td { vertical-align: middle; height: 50px; padding: 8px 10px 9px 0; font-size: 14px; color: #2a2a2a; } .table tr + tr td { border-top: 1px solid #ddd; } .table tr:not(.table-row-alt).hover td, .table tr:not(.table-row-alt):hover td { color: #9ec408; } .table td a { color: #2a2a2a; } .table td a:hover { color: #9ec408; text-decoration: none; } .table .table-hidden { visibility: hidden; opacity: 0; transition: all .2s ease-out; } .table tr:hover .table-hidden { visibility: visible; opacity: 1; } .table-alt th:last-child, .table-alt td:last-child { text-align: left; } /* Tablet Portrait */ @media (max-width: 1023px) { .table .table-sort { clear: both; float: none; margin-top: 5px; } .table td, .table th { vertical-align: top; } } /* Mobile */ @media (max-width: 767px) { .table { padding: 15px 10px; } .table .table-head { margin-bottom: 15px; } .table .table-head .list-checkboxes { float: none; } .table .table-sort { width: auto; } .table .table-total-left, .table .table-total-right { float: none; text-align: center; } } /* ------------------------------------------------------------ *\ Table Messages \* ------------------------------------------------------------ */ .table-messages tr + tr td { border: 0; } .table-messages tr:nth-child(2n+3) td { border-top: 1px solid #ddd; } .table-messages .table-message-head { cursor: pointer; } .table-messages .table-message-body { display: none; } .table-messages .table-message-head.hover + .table-message-body { display: table-row; } .table-messages .table-message-body td { text-align: left; padding: 0 0 36px 32px; } .table-messages .table-message-body:not(.table-row-alt):hover td { color: #2a2a2a; } .table-messages .table-message-body h5 { margin: 0; font-size: 14px; } .table-messages .table-message-body p { margin-bottom: 16px; font-size: 14px; } .table-messages .table-message-body .btn { width: 100px; color: #fff; } .table-messages .table-message-body .btn:hover { color: #fff; } /* ------------------------------------------------------------ *\ Table Selection \* ------------------------------------------------------------ */ .table-selection { padding: 0; } .table-selection table { min-width: 0; border-bottom: 1px solid #ddd; } .table-selection tr:not(.table-row-alt).hover td, .table-selection tr:not(.table-row-alt):hover td { color: #2a2a2a; background: #ffffdc; } .table-selection tr td { border-top: 1px solid #ddd; } .table-selection td:last-child { padding-right: 8px; } .table-selection td .radio { padding-left: 11px; } .table-selection td i { margin-left: 3px; } .table-selection .table-foot { padding: 21px 0; font-size: 12px; } .table-selection .table-foot .list-radios, .table-selection .table-foot span { display: inline-block; vertical-align: middle; } .table-selection .table-foot span { margin-right: 30px; } /* Mobile */ @media (max-width: 767px) { .table-selection td, .table-selection th { vertical-align: middle; font-size: 12px; } } /* ------------------------------------------------------------ *\ Table Cart \* ------------------------------------------------------------ */ .table-cart { padding: 31px 33px; } .table-cart tbody td { padding: 42px 0; border-bottom: 1px solid #ddd; } .table-cart tbody tr:first-child td { padding-top: 0; } .table-cart td:last-child { text-align: right; } .table-cart tfoot td { font-size: 19px; line-height: 1.9; } .table-cart tfoot tr:first-child td { padding: 24px 0 0; } .table-cart tfoot td:first-child { font-weight: bold; } .table-cart-item { overflow: hidden; } .table-cart-image { float: left; margin-right: 30px; } .table-cart-content { overflow: hidden; } .table-cart-content h5 { margin: 0 0 10px; font-size: 14px; line-height: 1; } .table-cart-content ul { list-style: none outside none; } .table-cart-content ul em { display: inline-block; vertical-align: top; margin-right: 20px; font-family: Georgia, serif; } .table-cart-price { display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: bold; font-size: 19px; } .table-cart-price + a { display: inline-block; vertical-align: middle; } /* Mobile */ @media (max-width: 767px) { .table-cart { padding: 15px 10px; } .table-cart-image { float: none; margin: 0 0 10px; } .table-cart-image img { width: 100%; height: auto; } .table-cart-price { font-size: 14px; } .table-cart tbody td { padding: 15px 0; } .table-cart tfoot td { font-size: 14px; } .table-cart tfoot tr:first-child td { padding: 15px 0 0; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Loading \* ------------------------------------------------------------ */ .loading-backdrop { position: fixed; z-index: 99999999999; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; } .loading { position: fixed; top: 50%; left: 50%; z-index: 99999999999999; display: inline-block; width: 114px; height: 114px; margin: -57px 0 0 -57px; font-family: 'Bebas Neue', sans-serif; font-size: 30px; color: #ffffff; font-weight: bold; text-align: center; } .loading i { position: absolute; top: 0; left: 0; } .loading .loading-progress { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .loading .loading-lines-in, .loading .loading-lines-out { -webkit-animation: rotateClockwise 1.5s infinite linear; animation: rotateClockwise 1.5s infinite linear; } .loading .loading-lines-in { -webkit-animation-direction: reverse; animation-direction: reverse; } .loading .loading-lines-out { display: none; } /* ------------------------------------------------------------ *\ Loading Secondary \* ------------------------------------------------------------ */ .loading-secondary { width: 100%; height: 100%; position:fixed; background: rgba(255, 255, 255, 0.75);; left: 0; top: 0; z-index: 999999; } .loading-secondary .loader-image { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; } .loading-secondary .loader-image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-secondary .loader-image span { background-color: #2a2a2a; position: absolute; } .loading-secondary .loader-image-purple span { background-color: #6203f0; } .loading-secondary .loader-image .left-border { height: 100%; width: 3px; left: 0; bottom: 0; } .loading-secondary .loader-image .top-border { height: 3px; left: 0; top: 0; right: 0; } .loading-secondary .loader-image .right-border { width: 3px; top: 0; bottom: 0; right: 0; } .loading-secondary .loader-image .bottom-border { width: 100%; height: 3px; bottom: 0; right: 0; } @-webkit-keyframes dash { 0% { fill-opacity:0; stroke-dashoffset: 368; } 100% { fill-opacity:1; stroke-dashoffset: 0; } } @keyframes dash { 0% { fill-opacity:0; stroke-dashoffset: 368; } 100% { fill-opacity:1; stroke-dashoffset: 0; } } .loading-secondary svg rect { stroke-dasharray: 162 206; -webkit-animation: dash 2s linear infinite; animation: dash 2s linear infinite; } .loading-secondary svg rect { fill: none; stroke: #2a2a2a; stroke-width: 4; shape-rendering: crispEdges; } /* ------------------------------------------------------------ *\ Dropdown \* ------------------------------------------------------------ */ .dropdown { position: relative; display: inline-block; z-index: 10; width: 230px; } .dropdown:hover { z-index: 999; } .dropdown-toggle { line-height: 38px; display: block; font-size: 14px; font-family: $font-open-sans; color: #2a2a2a; text-align: right; cursor: pointer; padding-right: 18px; } .dropdown-menu { position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #d5d5d5 ; border-radius:5px; padding: 5px 23px; text-align: left; background-color: #fff; } .dropdown-menu { opacity: 0; visibility: hidden; transition: 0.3s; } .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; } .dropdown-menu ul { list-style: none outside none; padding: 10px 0; border-top: 1px solid #eaeaea; margin: 0; } .dropdown-menu ul:first-child { border-top: 0; } .dropdown-menu li { text-align: left; } .dropdown-menu a { font-size: 13px; display: block; margin: 0 -23px; padding: 6px 23px; line-height: 17px; color: #8b8b8b; } .dropdown-menu a:focus, .dropdown-menu a:hover { background: #9ec408; color: #fff !important; text-decoration: none; } .dropdown-menu a .ico-star-blue { background: url(images/ico-star-blue.png) no-repeat 0 0; display: inline-block; vertical-align: top; width: 12px; height: 11px; margin: 3px 4px 0 0; } .dropdown-menu a:hover .ico-star-blue { background-image: url(images/ico-star-white.png); } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { background: #f0f0f0; padding:24px 9px 9px; color: #1b1d1e; font:400 14px/1.43 'Open Sans', sans-serif; } .callout .callout-title { font-weight: 700; font-size: 14px; color: #32393b; text-transform: uppercase; margin-bottom: 15px; } .callout .link-faqs { color: #9ec408; text-decoration: none; } .callout .callout-body { margin-bottom: 18px; padding: 0 10px; } .callout .callout-body p { margin-bottom: 21px; } .callout .callout-body p:last-child { margin-bottom: 19px; } .callout .callout-actions { position: relative; } .callout .callout-actions .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .callout .callout-actions .btn-play { display: inline-block; font-size: 11px; text-transform: uppercase; color: #fff; border: 2px solid rgba(255, 255, 255, 0.17); text-decoration: none; padding: 18px 31px 18px 60px; border-radius: 27px; transition: border .3s;} .callout .callout-actions .btn-play:before { content: ''; display: inline-block; border: 8px solid transparent; border-left: 12px solid #fff; position: absolute; top: 50%; left: 32px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .callout .callout-actions .btn-play:hover { border-color: #fff; } /* ------------------------------------------------------------ *\ Section-ribbon \* ------------------------------------------------------------ */ .section-ribbon .logo-live { background-image: url(images/sprite-liveswap.png); background-position: 0 -30px; width: 145px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .section-ribbon .logo { background-image: url(images/sprite-liveswap.png); background-position: 0 0; width: 176px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .section-ribbon { background: #fff; padding: 26px 27px 29px 27px; position: relative; text-align: center; } .section-ribbon-tittle:after, .section-ribbon-tittle:before { display: inline-block; content: ''; height: 60px; width: 36px; position: absolute; top: 0; bottom: 0; background-size: contain; } .section-ribbon-tittle:after { left: -36px; background: url(images/ribbon-left.png) no-repeat 0 0; } .section-ribbon-tittle:before { right: -36px; background: url(images/ribbon-right.png) no-repeat 0 0; } .section-ribbon p { margin: 0; } .section-ribbon p + p { margin-top: 25px; } .section-ribbon h3 { margin: 0; } .section-ribbon p + h3 { margin-top: 27px; } .section-ribbon .section-inner { border: 2px solid #efefef; position: relative; padding: 0 74px 55px 76px; } .section-ribbon + .section-ribbon { margin-top: 34px; } .section-ribbon .section-ribbon-tittle { color: #fff; font-weight: 700; line-height: 60px; height: 60px; background: #6203f0; max-width: 658px; margin: 0 auto 30px; position: relative; margin-bottom: 30px; } .section-ribbon .logo-live { margin-bottom: 45px; } .section-ribbon:after, .section-ribbon .section-inner:before, .section-ribbon .section-inner:after, .section-ribbon:before { display: inline-block; content: ''; background: #fff url(images/ornament.png) no-repeat 0 0; background-size: contain; width: 49px; height: 49px; position: absolute; z-index: 10; } .section-ribbon:before { top: 26px; left: 27px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .section-ribbon:after { top: 26px; right: 27px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .section-ribbon .section-inner:before { bottom: -2px; left: -2px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .section-ribbon .section-inner:after { bottom: -2px; right: -2px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .section-ribbon .section-head { padding-bottom: 20px; padding-top: 46px; } .section-ribbon .section-head h1 { margin-bottom: 35px; } .section-ribbon .section-head-secondary { padding-top: 55px; padding-bottom: 16px; } .section-ribbon .section-video { height: 126px; max-width: 590px; margin: 48px auto 63px; background: url(images/temp/callout-image.jpg) no-repeat center center; background-size: cover; position: relative; } .section-ribbon .section-video .btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .section-ribbon .section-entry { text-align: left; } .section-ribbon .section-member-number { max-width: 510px; text-align: center; padding: 34px 0 35px; margin: 0 auto; position: relative; margin-bottom: 20px; } .section-ribbon .section-member-number:before, .section-ribbon .section-member-number:after { display: inline-block; content: ''; background: url(images/dots.png) repeat-x 0 0; height: 3px; width: 100%; position: absolute; left: 0; right: 0; } .section-ribbon .section-member-number:before { top: 0; } .section-ribbon .section-member-number:after { bottom: 0; } .section-ribbon .section-member-number h4 { margin: 0; } .section-ribbon .section-hint p { font-size: 11px; line-height: 1.83; color: #a3a3a3; } .section-ribbon h1 { font-size: 52px; font-family: 'Georgia', serif; font-style: italic; color: #424242; line-height: 1; } .section-ribbon h2 { font-size: 26px; } .section-ribbon h3 { font-size: 16px; line-height: 1.63; } .section-ribbon h4 { font-size: 25px; line-height: 1; text-transform: uppercase; } .section-ribbon h4 span { color: #6203f0; } .section-ribbon h5 { font-size: ; } .section-ribbon h6 { font-size: ; } body .section-ribbon { min-width: 320px; background: #fff; font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif; font-size: 16px; line-height: 1.63; color: #424242; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .section-ribbon .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .section-ribbon .btn-video { background: none; width: 185px; height: 57px; display: inline-block; font-size: 11px; text-transform: uppercase; color: #fff; border: 2px solid rgba(255, 255, 255, 0.17); text-decoration: none; padding: 7px 31px 18px 60px !important; border-radius: 27px; transition: border .3s; position: relative; white-space: nowrap; } .section-ribbon .btn-video:before { content: ''; display: inline-block; border: 8px solid transparent; border-left: 12px solid #fff; position: absolute; top: 50%; left: 32px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .section-ribbon .btn-video:hover { border-color: #fff; } .section-ribbon .btn-purple { text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 40px; height: 40px; color: #fff; letter-spacing: -.05em; background: #6203f0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; width: 383px; border-radius: 3px; text-align: center; transition: all .3s; } .section-ribbon .btn-purple:hover { background: rgb(78, 2, 192); } /* Button Block */ .section-ribbon .btn-block { display: block; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .btn-purple { display: block; width: 100%; max-width: 383px; margin: 0 auto; min-width: 0px; } } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ [class^="ico-"] { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; } .ico-del { width: 19px; height: 18px; background-image: url(images/icons/ico-del.png); background-size: 100% 100%; background-position: 0 0;} .ico-remove-red { width: 8px; height: 8px; background-image: url(images/icons/ico-remove-red.png); background-size: 100% 100%; background-position: 0 0;} .ico-check-small { width: 10px; height: 8px; background-image: url(images/icons/ico-check-small.png); background-size: 100% 100%; background-position: 0 0;} .ico-folder-small { width: 15px; height: 12px; background-image: url(images/icons/ico-folder-small.png); background-size: 100% 100%; background-position: 0 0;} .ico-plus-blue { width: 8px; height: 8px; background-image: url(images/icons/ico-plus-blue.png); background-size: 100% 100%; background-position: 0 0;} .ico-select-arrow { width: 10px; height: 6px; background-image: url(images/icons/ico-select-arrow.png); background-size: 100% 100%; background-position: 0 0;} .ico-check-circle-green { width: 16px; height: 16px; background-image: url(images/icons/ico-check-circle-green.png); background-size: 100% 100%; background-position: 0 0;} .ico-upload { width: 52px; height: 48px; background-image: url(images/icons/ico-upload.png); background-size: 100% 100%; background-position: 0 0;} .ico-download-blue { width: 52px; height: 48px; background-image: url(images/icons/ico-download-blue.png); background-size: 100% 100%; background-position: 0 0;} .ico-close { width: 7px; height: 7px; background-image: url(images/icons/ico-close.png); background-size: 100% 100%; background-position: 0 0;} .ico-loading { width: 25px; height: 26px; background-image: url(images/icons/ico-loading.png); background-size: 100% 100%; background-position: 0 0;} .ico-attention { width: 17px; height: 14px; background-image: url(images/icons/ico-attention.png); background-size: 100% 100%; background-position: 0 0;} .ico-crop { width: 9px; height: 9px; background-image: url(images/icons/ico-crop.png); background-size: 100% 100%; background-position: 0 0; } .ico-upload-error { width: 33px; height: 33px; background-image: url(images/icons/ico-upload-error.png); background-size: 100% 100%; background-position: 0 0; } .ico-dots { width: 5px; height: 17px; background-image: url(images/icons/ico-dots.png); background-size: 100% 100%; background-position: 0 0; } .ico-loading-spin { width: 25px; height: 26px; background-image: url(images/icons/ico-loading-spin.gif); background-size: 100% 100%; background-position: 0 0;} /* ------------------------------------------------------------ *\ Preview \* ------------------------------------------------------------ */ .preview { border: 1px solid #ddd; font-family: 'Open Sans', sans-serif; } .preview .preview-content { background: #fff; position: relative; } .preview .preview-content-outer { width: 490px; overflow: hidden; } .preview .preview-content-inner { height: 535px; overflow: hidden; padding: 12px 13px 0; width: 507px; overflow-y: scroll; } .preview .preview-actions { background: #f7f7f7 transparent; border-top: 1px solid #ddd; padding: 12px 17px 13px; position: relative; } .preview .preview-upload { margin-left: -1px; margin-right: -1px; margin-top: -1px; text-align: center; font:12px/1.25 'Open Sans', sans-serif; color: rgba(42, 42, 42, 0.5); } .preview .preview-actions-container { position: relative; } .preview .preview-upload-progress-bar { height: 100%; background: #dfeeff; border: 1px solid #c9def6; position: absolute; width: 0; } .preview .preview-upload-progress { font: 30px/1 'Open Sans', sans-serif; margin-left: 12px; } .preview .preview-upload-text { font-size: 12px; color: rgba(42, 42, 42, 0.5); float: right; line-height: 35px; } /* Preview-status */ .preview-status strong { display: inline-block; vertical-align: middle; line-height: 20px; margin-right: 12px; font-size: 12px; font-family: 'Open Sans', sans-serif;} .preview-status-secondary i { margin-top: -6px; } .preview-status-attention { margin: 21px 0 10px; padding-left: 1px; } .preview-status-ready { margin: 4px 0 27px; } /* Preview-slides */ .preview-slides { position: relative; } .preview-slides .preview-notice { background: #277bd8; font:12px/1.25 'Open Sans', sans-serif; color: #fff; text-align: center; padding: 8px 0; position: absolute; top: -1px; left: -1px; right: -1px; z-index: 2; } .preview-slides .preview-content-inner { padding-top: 44px; } @media (max-width: 1023px) { .preview-status-secondary { margin: 10px 0; } } @media (max-width: 479px) { .preview .preview-content-inner { height: auto; min-height: 150px; overflow: visible; } .preview .preview-actions { text-align: center; } .preview .preview-upload-text { float: none; display: block; } .preview-slides .preview-notice { position: static; padding: 8px 5px; } .preview-slides .preview-content-inner { padding-top: 15px; } } /* ------------------------------------------------------------ *\ Preview-item \* ------------------------------------------------------------ */ .preview-items { list-style: none; width: 464px; } .preview-items:not(:last-child) { margin-bottom: 0; } .preview-items + .preview-items { margin-top: -1px; } .preview-items:last-child { margin-bottom: 1.6em; } .preview-items li { overflow: hidden; } .preview-item { border: 1px solid #ddd; background: #f7f7f7; padding: 3px; position: relative; transition: background .3s ease-in-out;} .preview-item:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #ddd; z-index: 10; opacity: 0; visibility: hidden; } .preview-item + .preview-item { margin-top: -1px; } .preview-item:after { } .preview-item .preview-status { margin-bottom: 8px; min-height:20px;} .preview-item .preview-status i { margin-top: -3px; } .preview-item .checkbox { display: inline-block; vertical-align: middle; color: rgba(42, 42, 42, 0.45); } .preview-item .checkbox input:checked + label { color: #2a2a2a; } .preview-item .preview-item-image { float: left; width:152px; position: relative; min-height: 94px;} .preview-item .preview-item-image img { width: 100%; } .preview-item .preview-item-image .preview-item-image-actions { position: absolute; top: 7px; right: 8px; text-align: right; } .preview-item .preview-item-image .preview-item-image-actions a { margin-left: 5px; } .preview-item .preview-item-content { float: left; width:calc( 100% - 152px); font:12px/1.25 'Open Sans', sans-serif; color: #2a2a2a; padding: 10px 0 0 20px; } .preview-item .preview-item-content .btn-close { position: absolute; top: 9px; right: 10px; opacity: 1; visibility: hidden; transition: opacity .3s ease-in-out, background .3s;} .preview-item .preview-item-content .link-move { position: absolute; top: 50%; right: 18px; -ms-transform: translateY(-50%); transform: translateY(-50%);} .preview-item .preview-item-details { color: rgba(42, 42, 42, 0.6); } .preview-item .preview-item-details p { margin-bottom: 0; } .preview-item .list-file-details li + li:before { height: 12px; background: #929292; } .preview-item:hover { background: #eaeaea; border-color: #ddd; z-index: 2; } .preview-item:hover .btn-close { opacity: 1; visibility: visible; } .preview-item:hover:before { opacity: 1; visibility: visible; } /* Preview Item Image Notice*/ .preview-item-image-notice { border: 1px dashed #c7c7c7; height: 94px; text-align: center; font-size: 12px; background: #f6f6f6; color: rgba(62, 62, 62, 0.6); font:12px/1.25 'Open Sans', sans-serif; padding: 18px 0; } .preview-item-image-notice-secondary { background: #dfeeff; border: 1px solid #c9def6; } .preview-item-image-notice p { margin-bottom: 6px; } .preview-item-image-notice p.preview-item-image-notice-generating-previews { margin-top: 18px; } .preview-item-image-notice i { position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } /* Preview-item-warning */ .preview-item-warning, .preview-item-warning:hover { background: #dfeeff; border-color: #c9def6; z-index: 1; } .preview-item-warning .preview-item-details { color: rgba(62, 62, 62, 0.6); } .preview-item-warning .preview-item-content .btn-close { opacity: 1; visibility: visible; } .preview-item-warning:before { background: #c9def6; } .preview-item-warning:hover:before { background-color: #ddd; } /* Preview-item-error */ .preview-item-error { background: #e15d5d; color: #fff; } .preview-item-error h6 { font-size: 12px; color: #fff; margin-bottom: 5px; } .preview-item-error .preview-item-details { color: rgba(255, 255, 255, 0.6); } .preview-item-error .preview-item-image-notice { border-width: 2px; border-color: rgba(255, 255, 255, 0.3); background: transparent; } .preview-item-error .preview-item-content { padding-top: 21px; } .preview-item-error .preview-item-content .btn-close { opacity: 1; visibility: visible; } .preview-item-error:hover { background: #e15d5d; } /* Preview-item-loading*/ .preview-item-loading { min-height: 102px ;} .preview-item-loading .ico-loading, .preview-item-loading .ico-loading-spin { position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); height: 26px; } @media (max-width: 479px) { .preview-item { padding: 10px; } .preview-item .preview-item-image { float: none; width: 100%; } .preview-item .preview-item-content { float: none; width: 100%; padding-left: 0; position: relative; } .preview-item .preview-item-details p { margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ Checkbox-secondary \* ------------------------------------------------------------ */ .checkbox-secondary { padding-left: 19px; } .checkbox-secondary .form-label { font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox-secondary label:before { width: 13px; height: 13px; background-image: none; background: #ffffff; border: 1px solid #9ba0a6; box-shadow:inset -1px 1px 3px rgba(0,0,0, .3); border-radius: 2px; top: 1px; } .checkbox-secondary input:checked + label:before { background: #277bd8 url(images/icons/ico-checked.png) no-repeat center center; width: 13px; height: 13px; border-color: transparent; } /* ------------------------------------------------------------ *\ Form-approval \* ------------------------------------------------------------ */ .form-approval { font: 'Open Sans', sans-serif; color: #2a2a2a; } .form-approval p { font-size: 12px; padding: 7px 1px; } .form-approval a { color: #9ec408; text-decoration: none; } .form-approval .form-row { margin-bottom: 9px; } .form-approval .form-row:after {} .form-approval .form-label { font-size: 14px; } .form-approval .textarea { height: 101px; font-family: 'Open Sans', sans-serif; font-size: 14px; } .form-approval .list-tags { margin-top: -2px; } .form-approval .checkbox { padding-left: 20px; } .form-approval .checkbox .form-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; } .form-approval .checkbox .form-label:before { top: 1px; } .form-approval .checkbox-secondary .form-label { font-size: 12px; } .form-approval ::-webkit-input-placeholder { color: rgba(42, 42, 42, 0.5); } .form-approval ::-moz-placeholder { color: rgba(42, 42, 42, 0.5); } .form-approval :-ms-input-placeholder { color: rgba(42, 42, 42, 0.5); } .form-approval ::placeholder { color: rgba(42, 42, 42, 0.5); } .form-approval .form-row-bordered { margin: 0 3px 9px; border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 18px 0 21px; } .form-approval .list-checkboxes li { margin: 0 22px 0 0; } .form-approval .form-row-price { display: -ms-flexbox; display: flex; width: 100%; padding: 12px 0; -ms-flex-align:center; align-items:center;} .form-approval .form-col-1of2 { -ms-flex: 0 0 42.56%; flex: 0 0 42.56%; vertical-align: middle; padding-left: 4px; } .form-approval .form-col + .form-col { -ms-flex: 0 0 57.44%; flex: 0 0 57.44%; } .form-approval .field-dollars { display: inline-block; width: 41px; text-align: center; margin: 0 8px 0 2px; padding: 0 5px; } .form-approval .field { font-family: 'Open Sans', sans-serif; font-size: 14px; } .form-approval .form-notice { font-size: 14px; text-align: center; padding-top: 16px; } .form-hint { font-weight: 700; font-size: 14px; color: #116ed5; text-decoration: none; } @media (max-width: 1023px) { .form-approval .form-row-price { display: block; } .form-approval .form-col + .form-col { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Form-approval-submission \* ------------------------------------------------------------ */ .form-approval-submission .form-row-inner { margin-bottom: 9px; } .form-approval-submission .form-row-inner:after {} .form-approval-submission .form-row-bordered { padding: 21px 0 11px; margin: 23px 0 9px; } .form-approval-submission .form-row-inner { padding:0 15px 0 3px; } .form-approval-submission .form-row-inner .btn { float: right; color: #2a2a2a; } .form-approval-submission .form-row-inner-secondary { padding: 9px 15px 19px 3px; } .form-approval-submission .form-row-checkboxes { padding: 13px 0; margin: 0; } .form-approval-submission .form-row-checkboxes + .form-row-price { margin-top: 23px; padding: 17px 0 7px; border-top: 1px solid #ddd; } .form-approval-submission .form-row-price { margin: 23px 0 0; padding: 21px 0 0; border-top: 1px solid #ddd; } .form-approval-submission .file-name { line-height: 32px; font-size: 12px; } .form-approval-submission .file-name a { font-weight: 700; } .form-approval-submission .form-row { position: relative; } .form-approval-submission .form-row:last-child { padding-bottom: 0; } .form-approval-submission .holiday-dropdown { position: absolute; top: 100%; right: 0; width: 775px; z-index: 5; } @media (max-width: 1023px) { .form-approval-submission .holiday-dropdown { position: static; width: 100%; max-width:100%;} } @media (max-width: 479px) { .form-approval-submission .form-row-inner .file-name { display: block; } .form-approval-submission .form-row-inner .btn { float: none; } } .form-approval-submission .vector-category-dropdown { position: absolute; top: 100%; right: 0; z-index: 5; } /* ------------------------------------------------------------ *\ Form-upload \* ------------------------------------------------------------ */ .form-upload { display: table; width: 100%; height: 565px; border: 1px solid #ddd; border-bottom: none;} .form-upload div { display: table-cell; vertical-align: middle; } .form-upload input { position: absolute; z-index: -1; opacity: 0; overflow: hidden; width: 0; height: 0; } .form-upload label { display: block; margin-top: 29px; } .form-upload .form-notice { line-height: 1.45; display: block; margin-top: 29px; } .form-upload-secondary { background: #dfeeff; border: 1px solid #c9def6; border-bottom: none; } .form-upload-secondary label { color: #116ed5; } /* Form-upload-slides */ .form-upload-slides .form-notice { margin: 19px 0 21px; } @media (max-width: 767px) { .form-upload { height: 300px; } .form-upload-slides { height: 350px; } } /* ------------------------------------------------------------ *\ Form-upload \* ------------------------------------------------------------ */ .form-upload { display: table; width: 100%; height: 565px; border: 1px solid #ddd; border-bottom: none;} .form-upload div { display: table-cell; vertical-align: middle; } .form-upload input { position: absolute; z-index: -1; opacity: 0; overflow: hidden; width: 0; height: 0; } .form-upload label { display: block; margin-top: 29px; } .form-upload .form-notice { line-height: 1.45; display: block; margin-top: 29px; } .form-upload-secondary { background: #dfeeff; border: 1px solid #c9def6; border-bottom: none; } .form-upload-secondary label { color: #116ed5; } /* Form-upload-slides */ .form-upload-slides .form-notice { margin: 19px 0 21px; } @media (max-width: 767px) { .form-upload { height: 300px; } .form-upload-slides { height: 350px; } } /* ------------------------------------------------------------ *\ List-slides \* ------------------------------------------------------------ */ .list-slides { font-size: 0; line-height: 0; } .list-slides li { display: inline-block; margin: 0 5px; } @media (max-width: 767px) { .list-slides li { width: 31%; } } @media (max-width: 479px) { .list-slides { display: none; } } /* ------------------------------------------------------------ *\ Section Submission \* ------------------------------------------------------------ */ .section-submission { padding: 80px 0; color: #2a2a2a; } .section-submission .col-size2 { padding-left: 30px; } .section-submission .section-head { text-align: center; margin-bottom: 45px; } .section-submission .section-head h5 { font-family: 'Open Sans', sans-serif; font-weight: 400; } .section-submission .section-head a { text-decoration: none; color: #9ec408; } .section-submission .section-title { letter-spacing: -0.06em; margin-bottom: 5px; } .section-submission .section-body { max-width: 960px; margin: 0 auto 65px; } .section-submission .section-actions { text-align: center; } .section-submission .section-actions .btn { margin: 0 2px; } .section-submission .terms .terms-license-container { margin-top: 0; margin-bottom: 0; } @media (max-width: 1023px) { .section-submission .col { float: none; width: 100%; } .section-submission .col-size2 { padding-left: 0; } .section-submission .col-1of3 { width: 33%; float: left; } .section-submission .holiday-dropdown .col { float: left; } .section-submission .holiday-dropdown .col-size3 { width: 28%; } .section-submission .holiday-dropdown .col-size4 { width: 29.5%; } .section-submission .holiday-dropdown .col-size5 { width: 13%; padding-left: 10px; } } @media (max-width: 767px) { .section-submission .section-title { font-size: 34px; } .section-submission .section-body { margin-bottom: 30px; } .section-submission .holiday-dropdown .col { float: none; width: 100%; padding: 0; } .section-submission .col-1of3 { float: none; width: 100%; } } @media (max-width: 479px) { .section-submission .section-actions .btn { display: block; margin-bottom: 3px; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Submission \* ------------------------------------------------------------ */ .submission-selection { border: 1px solid #ddd; background: #fff; min-height: 317px; padding: 15px 0; } .submission-selection-alt-no-border-right { border-right: none; } .submission-selection-alt { border-left: none; } @media (max-width: 767px) { .submission-selection { min-height: 0; padding: 5px 0; } } /* ------------------------------------------------------------ *\ Terms \* ------------------------------------------------------------ */ .terms { max-width : 800px; margin: 0 auto; padding-bottom: 21px; } .terms .terms-content { overflow-y: auto; margin-bottom: 50px; } .terms .terms-actions { text-align: center; } .terms .checkbox { max-width: 230px; margin: 0 auto; padding-left: 0; } .terms .checkbox .form-label { font-size: 14px; } @media (max-width: 767px) { .terms .terms-content { min-height: 0;} } /* Grid */ .cols:after { } .col { float: left; width: 100%; } .col-right { float: right; } .col-1of2 { width: 50%; } .col-1of3 { width: 33.33%; } .col-size1 { width: 51.25%; } .col-size2 { width: 48.75%; } /* ------------------------------------------------------------ *\ Holiday-dropdown \* ------------------------------------------------------------ */ .holiday-dropdown { max-width: 775px; border: 1px solid #ddd; background: #fff; padding: 20px 0; } .holiday-dropdown .list-checkboxes li { display: block; } .holiday-dropdown .list-checkboxes li + li { margin-top: 10px; } .holiday-dropdown:after { } .holiday-dropdown .col-size3 { width: 35%; } .holiday-dropdown .col-size4 { width: 35%; } .holiday-dropdown .col-size5 { width: 30%; } @media (max-width: 767px) { .holiday-dropdown { height: 200px; overflow-y: auto; padding: 5px 10px; } .holiday-dropdown .list-checkboxes li + li { margin-top: 5px; } .holiday-dropdown .col-size5 { padding-left: 0px; } } /* ------------------------------------------------------------ *\ Vector-Category-dropdown \* ------------------------------------------------------------ */ .vector-category-dropdown { max-width: 775px; border: 1px solid #ddd; background: #fff; padding: 25px 35px 30px; } .vector-category-dropdown .list-checkboxes li { display: block; } .vector-category-dropdown .list-checkboxes li + li { margin-top: 10px; } .vector-category-dropdown:after { } .vector-category-dropdown .col { width: 100%; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* List-actions */ .list-actions { font: 14px/1 'Open Sans', sans-serif; margin-bottom: 0; } .list-actions li { display: inline-block; padding-right: 9px; } .list-actions li + li { padding-left: 10px; position: relative; } .list-actions li + li:before { content: ''; width: 1px; height: 14px; background: #7f7f7f; position: absolute; top: 50%; left: -1px; -ms-transform:translateY(-50%); transform:translateY(-50%);} .list-actions a { color: #116ed5; text-decoration: none; } .list-actions a:hover { color: #2a2a2a; } @media (max-width: 479px) { .list-actions li { display: block; margin-bottom: 10px; } .list-actions li + li { padding-left: 0; } .list-actions li + li:before { content: none;} } /* ------------------------------------------------------------ *\ List-tags \* ------------------------------------------------------------ */ /* .list-tags { padding: 5px 6px; border: 1px solid #ddd; background: #fff; } */ .list-tags li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .list-tags button { font: 14px/1 'Open Sans', sans-serif; background: #2a2a2a; border-radius: 4px; color: #fff; border: 0; padding: 8px 10px 7px; min-width: 57px;} .list-tags button:hover { background: #3b3b3b; } .list-tags button:after { content: '-'; display: inline-block; margin-left: 6px; } /* List-tags-suggested*/ /* .list-tags-suggested { border: 0; background: 0; padding: 16px 0 0; } */ .list-tags-suggested { margin-bottom: -7px !important; } .list-tags-suggested button { background: #b8b8b8; position: relative; padding: 8px 7px 7px 8px; } .list-tags-suggested button:after { content: '+'; display: inline-block; margin-left: 6px; color: #e9e9e9; } @media (max-width: 479px) { .list-tags-suggested li { margin-bottom: 5px; } } /* ------------------------------------------------------------ *\ List-file-details \* ------------------------------------------------------------ */ .list-file-details { margin-bottom: 0; } .list-file-details li { display: inline-block; padding-right: 9px; } .list-file-details li + li { padding-left: 10px; position: relative; } .list-file-details li + li:before { content: ''; width: 1px; height: 14px; background: #7f7f7f; position: absolute; top: 50%; left: -1px; -ms-transform:translateY(-50%); transform:translateY(-50%);} @media (max-width: 1023px) { .list-file-details li { padding-right: 4px; } .list-file-details li + li { padding-left: 5px;} } @media (max-width: 479px) { .list-file-details li { display: block; padding: 0; margin-bottom: 5px; } .list-file-details li + li { padding-left: 0; } .list-file-details li + li:before { content: none;} } /* ------------------------------------------------------------ *\ List Categories \* ------------------------------------------------------------ */ .list-categories li { margin-bottom: 7px; } .list-categories a { color: #8b8b8b; text-decoration: none; display: block; transition: all .3s ease-in-out; padding: 5px 29px; } .list-categories a:hover { background: #f4f4f4; color: #000; } .list-categories .active a { background: #9ec408; color: #fff; } /* List-categories-alt */ .list-categories-alt a { padding-left: 33px; } @media (max-width: 767px) { .list-categories a { padding: 5px 10px; } .list-categories li { margin-bottom: 3px; } } /* ------------------------------------------------------------ *\ List-slides \* ------------------------------------------------------------ */ .list-slides { font-size: 0; line-height: 0; } .list-slides li { display: inline-block; margin: 0 5px; } @media (max-width: 767px) { .list-slides li { width: 31%; } } @media (max-width: 479px) { .list-slides { display: none; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* Button Primary*/ .btn-primary { width: auto; min-width:124px; font-weight: 400; text-transform: none; letter-spacing: -0.025em; color: #fff; height: 40px; line-height: 40px; } /* Button Secondary */ .btn-secondary { border: 1px solid #e4e4e4; border-radius: 5px; vertical-align: middle; height: 32px; line-height: 32px; font-weight: 400; font-size: 12px; font-family: 'Open Sans', sans-serif; color: #2a2a2a; width: 132px; box-shadow: -1px 1px 0 rgba(0, 1, 1, 0.17); text-transform: none; background-color: #ffffff; background:linear-gradient(#ffffff, #f8f8f7); } .btn-secondary:hover{ background-color: #f8f8f7; background:linear-gradient(#f8f8f7, #ffffff); } /* Btn-secondary-small */ .btn-secondary-small { width: 112px; } /* Button black */ .btn-black { background: #2a2a2a; } .btn-black:hover { background: #000; } /* Button red */ .btn-red { background: #e15d5d; } .btn-red:hover { background: #e73e3e; } /* Button Crop*/ .btn-crop { font-size: 16px; color: #fff; min-width: 195px; font-weight: 400; } /* Btn-close*/ .btn-close { width: 19px; height: 19px; background: rgba(22, 22, 22, 0.3); border-radius: 50%; line-height: 16px; text-align: center; transition: background .3s;} .btn-close:hover { background: #161616; } /* Btn-crop-small */ .btn-crop-small { display: inline-block; width: 19px; height: 19px; background: rgba(22, 22, 22, 0.3); border-radius: 50%; line-height: 16px; text-align: center; transition: background .3s; } .btn-crop-small:hover { background: #161616; } /* ------------------------------------------------------------ *\ Popup-admin \* ------------------------------------------------------------ */ .popup-admin { max-width: 994px; margin: 0 auto; border: 11px solid #ddd; padding:14px 27px 4px; background: #fff; position: relative; } .popup-admin .popup-head { position: relative; padding: 13px 0 8px; margin-bottom: 19px; } .popup-admin .popup-head .btn { max-width: 124px; text-transform: none; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; height: 40px; } .popup-admin .popup-head > .btn { position: absolute; top: 0; right: 0; } .popup-admin .popup-head .form-retry-message { position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; } .popup-admin .popup-body:after { } .popup-admin .popup-image { margin-bottom: 16px; } .popup-admin .popup-image img { width: 100%; } .popup-admin .col:first-child { padding-right: 22px; } @media (max-width: 767px) { .popup-admin { padding-bottom: 14px; } .popup-admin .col-1of2 { width: 100%; } .popup-admin .col:first-child { padding-right: 0; } .popup-admin .popup-head .list-actions { margin-bottom: 20px; } .popup-admin .popup-head > .btn { position: static; } } @media (max-width: 479px) { .popup-admin { padding: 14px 16px 4px; } } /* ------------------------------------------------------------ *\ RKL \* ------------------------------------------------------------ */ .header .header-username li { float: left; list-style: none outside none; } .header .header-username li + li { margin-left: 26px; } .section-homepage .section-inner { z-index: auto; } #gallery-menu #gallery-mneu-nav { background-color: #fff; } #gallery-menu #gallery-menu-filters .section-dropdown { display: block; } .gallery-item-image-title a { color: #8b8e94; } .gallery-item-image-title a:hover { text-decoration: none; } .gallery-filter-no-calendar { height: 393px; } .document > .document-section { overflow: hidden; text-align: justify; } .document > .document-section > h5, .document > .document-section > p, .document > .document-section > ul, .document > .document-section > ol { margin: initial } .document > .document-section > h5 { margin: 30px 0; } .document > .document-section > p + p, .document > .document-section > ul + p, .document > .document-section > ol + p { margin-top: 20px; } .document > .document-section > ul, .document > .document-section > ul > li > ul, .document > .document-section > ol { padding-left: 30px; } .list-accordion li div { display: block; padding: 0; } .list-accordion li > div { margin: 15px 0 0 30px; } #contribute-fullscreener { background-image: url('images/temp/article-image.jpg'); } .fullscreener { background-size: cover; } .table-messages .table-message-body { display: table-row; } .table-messages .table-message-body td { height: auto; padding: 0; } .table-messages .table-message-body .table-message-body-content { padding: 0 0 36px 32px; } .table-messages .table-message-body .table-message-body-content .form-reply { display: inherit; } .RemoModal { display: none; } .RemoOverlay{ position: fixed; opacity: 0.7; top: 0px; width: 100%; height: 100%; background: black; z-index: 10; } .modal { position: fixed; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; border: 6px solid #f4f4f4; padding: 25px; background: #fff; color: #000; } .modal .form { padding: 0 !important; } .modal .form-row { margin-bottom: 11px; } .modal a { color: #9ec408 !important; } .modal h2 { text-align: center; text-transform: lowercase; letter-spacing: -0.06em; line-height: 1.2; font-size: 50px; margin-bottom: 25px; } .modal h3 { text-align: center; text-transform: lowercase; letter-spacing: -0.06em; line-height: 1.2; font-size: 30px; } .modal-signup { width: 600px; height: 225px; } .modal-signup a.btn { color: #fff !important; } .modal-signupwithfacebookemail { width: 400px; } .modal-signupwithfacebookemail .form-content { margin: auto; float: none; } .modal-signupwithemailaddress { width: 600px; height: 580px; text-align: left; } .modal-signupwithemailaddress .form-foot, .modal-signupwithemailaddress-artist .form-foot { padding-bottom: 15px; } .modal-signupwithemailaddress-artist { width: 600px; height: 800px; text-align: left; } .modal-signupwithemailaddress-artist .overflow-visible { overflow: visible !important; } .modal-signupwithemailaddress .checkbox-reveal .if-artist, .modal-signupwithemailaddress-artist .checkbox-reveal .if-artist { top: 12px !important; } .modal-signin { width: 351px; } .modal-signin .form-head > p { margin-top: 7px; } .modal-signin .form-body { overflow: hidden } .modal-getpassword { width: 450px; height: 231px; } .modal-getpassword input.btn { width: 150px; display: inherit; } .modal-video { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; border: none; width: 640px; height: 360px; } .modal-success { width: 550px; height: 100px; } .modal-error { width: 450px; height: 130px; } .modal-paypalverification { width: 650px; height: 450px; } .modal-paypalverification ol { margin: 0; padding-left: 50px; } .modal-sendmessage { width: 502px; height: 408px; } .modal-sendmessage .form-reply { display: inherit; } .modal-sendmessage input.btn { width: 100px; } .modal-getplan { width: 960px; height: 550px; padding-top: 10px; } .modal-getplan .form-foot { margin-bottom: 15px } .modal-getplan .form-actions { padding-top: 15px } .modal-getplan .form { overflow: visible !important; } .modal-getplan .Select-arrow { margin-top: 9px; } .modal-getplan .checkbox label { font-size: 14px; } .modal-getplan .form-head > p { margin-top: 20px; } .modal-getplan h2.form-title { margin-top: 23px; } .modal-getplan div.form-body { margin-top: 30px; } .modal-getplan div.form-foot { margin-top: 20px; margin-bottom: 25px; } .modal-editbilling { width: 960px; height: auto; } .modal-editbilling .form { overflow: visible !important; } .modal-editbillingsuccess { width: 600px; height: 250px; text-align: center; } .modal-editbillingsuccess .btn { width: 200px; color: #fff !important; } .modal-audiodownload { width: 600px; height: 225px; text-align: center; } .modal-videorequest { width: 600px; height: 250px; text-align: center; } .modal-videorequest .btn { width: 100px; color: #fff !important; } .modal-videorequest .form-row .form-col { width: 200px; float: left; } .modal-videorequest .form-row .form-col:first-child { width: 230px; padding-top: 5px; margin-left: 75px;} .modal-videorequest .form-row .form-col:nth-child(2) { width: 150px;} .modal-videoconvert { width: 600px; height: 250px; text-align: center; } .modal-videodownload { width: 600px; height: 250px; text-align: center; } .modal-favoriteadd { width: 621px; height: 497px; background: #fff; border: 6px solid #f4f4f4; padding: 21px; margin: auto; } .modal-favoriteadd .form-body { padding: 0 45px; } .modal-favoriteadd .popup-body-inner { overflow: hidden; border: 1px solid #ddd; height: 220px; width: 100%; } .modal-favoriteadd .form-create-folder { margin-bottom: 22px; overflow: hidden; } .modal-favoriteadd .form-create-folder .form-controls { float: left; width: 58.9%; } .modal-favoriteadd .form-create-folder .field { padding-left: 17px; } .modal-favoriteadd .form-create-folder .form-btn { float: right; width: 38.4%; background: #9ec408; transition:background .3s ease-in-out ;} .modal-favoriteadd .form-create-folder .form-btn:hover { background: #0459b0; } .modal-favoriteadd .folders { list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; overflow-y: scroll; width: 492px; height: 100%; } .modal-favoriteadd .folder {border-bottom: 1px solid #ddd; margin-bottom: 1px; position: relative; } .modal-favoriteadd .folder .folder-title { display: inline-block; vertical-align: middle; margin-left: 11px; } .modal-favoriteadd .folder .link-folder-action { position: absolute; top: 50%; left: 445px; -ms-transform:translateY(-50%); transform:translateY(-50%);} .modal-favoriteadd .folder-inner > a { color: #2a2a2a !important; text-decoration: none; display: block; padding-left: 22px; height: 38px; line-height: 38px; background: #f6f6f6; transition: background .3s ease-in-out;} .modal-favoriteadd .folder-inner > a:hover { background: #ededed; } .modal-favoriteadd .folder-inner a:hover i { opacity: 1; visibility: visible; } .modal-formembersonly { width: 600px; height: 250px; text-align: center; } .modal-formembersonly .btn { width: 150px; color: #fff !important; margin: 0 5px; } .modal-subscribesuccess { width: 550px; height: 160px; } .modal-subscribesuccess .btn { width: 200px; color: #fff !important; display: block; margin: auto; } .modal-downloadlimit { width: 600px; height: 300px; text-align: center; } .modal-downloadlimit .btn { width: 100px; color: #fff !important; } .modal-foundingmemberfaq { width: 886px; height: 525px; } .modal-foundingmemberfaq .popup-title { text-align: center; margin-bottom: 31px; letter-spacing: -0.06em; } .modal-foundingmemberfaq .list-faqs li h5 { margin: 0; } .modal-foundingmemberfaq .list-faqs li { margin-bottom: 20px; } .modal-liveswap-promotion { width: 600px; text-align: center } .modal-liveswap-promotion h2 { text-transform: none; } .modal-liveswap-promotion a.btn { color: #fff !important; width: 150px; } .modal-errormessage { background-color: #F7D6D6; color: #CE5856; padding: 10px; font-weight: bold; font-size: 12px; border-radius: 5px; margin-bottom: 15px; } .modal-editbilling modal-errormessage, .modal-getplan .modal-errormessage { margin: 0 auto; width: 825px; } .modal-signin .modal-errormessage { margin: 10px auto 0; clear: both } .modal-artworkfilepreviewcropper { padding: 0; border: 0; font-size: 0; background: transparent; } .modal-artworkfilepreviewcropper .form-actions { overflow: hidden; } .modal-artworkfilepreviewcropper .btn { width: 124px; margin: 30px auto 0; display: block; } .modal-gallerymanage { width: 994px; } .modal-gallerymanage .btn { color: #fff !important; } .modal-gallerymanage .list-tag-overflow { overflow-y: scroll; max-height: 125px; padding-top: 5px; } .modal-gallerymanage .popup-image { max-height: 400px; overflow-y: scroll; } .modal-gallerymanage .popup-image img { height: 100%; } .modal-gallerymanage .holiday-dropdown { width: 445px; height: 200px; overflow-y: scroll; } .modal-gallerymanage .holiday-dropdown .col { width: 50%; } .modal-heyuser .btn { width: 200px; color: #fff !important; } .modal .popup-head .btn { color: #fff; background: #2c2c2c; } .modal .popup-head .btn:hover { background: #373737; } div.owl-carousel { background-color: #000; } div.owl-carousel > .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: owl-carousel-animation 20s linear infinite 0s } div.owl-carousel > .slide:nth-child(1) { background-image: url('images/temp/homepage-image.jpg'); } div.owl-carousel > .slide:nth-child(2) { background-image: url('images/temp/homepage-image2.jpg'); animation-delay: 5s } div.owl-carousel > .slide:nth-child(3) { background-image: url('images/temp/homepage-image3.jpg'); animation-delay: 10s } div.owl-carousel > .slide:nth-child(4) { background-image: url('images/temp/homepage-image4.jpg'); animation-delay: 15s } div.section-body-quote { height: 50px; } @keyframes owl-carousel-animation { 0% { opacity: 0; } 12% { opacity: 1; } 25% { opacity: 1; } 37% { opacity: 0; } 100% { opacity: 0; } } .media-upsell { font-size: 12px; } .media-files .table td, .media-details { font-size: 12px; } .gallery-item-image-bar { height: 32px; } audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display, audio::-webkit-media-controls-mute-button { display: none; } #audio-preview-buttons { width: 18px; height: 128px; margin: 0; padding: 0; float: left; padding-top: 52px; } #audio-preview { margin-left: 30px; height: 128px; } #audio-preview-play-button { display: block; width: 18px; height: 24px; position: relative; background: url(images/play.png); } #audio-preview-pause-button { display: block; width: 18px; height: 24px; position: relative; background: url(images/pause.png); } #audio-preview-play-button.hidden, #audio-preview-pause-button.hidden { display: none; } .list-radios li.hidden { display: none;} .plan-primary { width: 70%; } .plan-secondary { width: 30%; } .plan-head { z-index: 1 !important; } .plan-body { z-index: 0 !important; } .license-agreenment { overflow: scroll; overflow-x: auto; max-width: 800px !important; } tr.table-row-alt { height: 60px; } .dropzone-profile-upload { width: 164px; height: 103px; } .dropzone-profile-upload:hover { cursor: pointer; } .section-cover .section-actions .file-upload { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #abc { margin-bottom: 30px; margin-top: -15px; } #abc img { display: block; margin: auto; } div.terms-license-container { width: 800px; height: 400px; padding: 20px; margin: 50px auto; border: 1px solid #ddd; background-color: #fff; } div.terms-license { overflow-y: scroll; width: 100%; height: 100%; padding-right: 20px; } .btn-small-receipt { height: 28px; width: 100px; line-height: 29px; font-size: 12px; } .plan-primary .plan-actions { position: relative; } .logo-image { background-image: url(images/logo-creationswap-image-medium.png); width: 150px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; background-position: initial; background-size: 150px 22px; } .logo-image-liveswap { background-image: url(images/logo-liveswap-image-medium.png); width: 94px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; opacity: 0.25; background-size: 94px 23px; } .logo-image-liveswap:hover { opacity: 1; } .header-logo-liveswap { margin-left: 48px; } .fb-comments-container { margin-bottom: 25px; } .color-green { color: green; } .color-red { color: red; } .gallery-manage .section-head { margin-bottom: 50px; } .gallery-manage .section-head h1 { font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #2a2a2a; } .gallery-manage .gallery-item-edit-view { font-style: normal; font-family: 'Open Sans'; font-weight: bold; margin-right: 10px; } .gallery-manage .gallery-item-edit-view a { text-decoration: none; color: #0067da; } .gallery-manage .gallery-item-edit-view a:hover { text-decoration: underline; } .notification-yellow { background-color: #FFEFD8; padding: 15px; font-size: 13px; margin-bottom: 30px; } .gallery-manage .gallery-item-content .ico-check-circle-green { width: 13px; height: 13px; } .gallery-manage .popup-admin .popup-head .box-main { position: absolute; top: 4px; left: 465px; } .gallery-manage .popup-admin .popup-head .box-main .box-image { float: left; margin-right: 18px; } .gallery-manage .popup-admin .popup-head .box-main .box-content { overflow: hidden; padding: 4px 0; } .tax-paypal li { margin-left: 30px; } .plan-video { padding: 0 30px; margin-bottom: 30px; } .plan-video-head { font-weight: bold; font-size: 16px; color: #fff; background-color: #01D866; padding: 15px 0; margin-bottom: 5px; } .plan-video-head a { color: #fff; text-decoration: underline; } .plan-user-feedback { width: 960px; height: 540px; margin-bottom: 30px; } .plan-user-feedback iframe { border: none; } .ls-btn { background-color: #957BFF !important; } .ls-btn:hover { background-color: #a9f !important; text-decoration: none !important; } .ico-ls { background-image: url(images/ls.png); width: 14px; height: 13px; } .gallery-artwrok .section-head { margin-bottom: 50px; } .gallery-artwrok .section-head h1 { font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #2a2a2a; } .upsell-btn { line-height: 36px; border: 2px solid #9ec408; background: #9ec408; color: #fff; text-transform: none; } .upsell-btn:hover { background-color: #97bb0a !important; border: 2px solid #97bb0a; color: #fff; } .media-files .box-download .btn { margin: 5px 10px; } .media-files .box-download .modal-signin .btn { margin: 0; } .header__actions ul li { color: #8b949b; } .header__actions ul li a { display: block; padding: 5px 19px; font-size: 15px; } .explainer { text-align: left !important; margin: auto !important; padding: 0 !important; } .explainer .list-links li { width: 100%; position: inherit; } .section-submission .cols { display: inherit; } .ls-btn-reg { font-size: 11px; vertical-align: top; line-height: 30px; } .form-account-alt .btn-add-cs-premium { width: 250px; } .media-related-files .thumb { width: auto; position: relative; } .media-related-files .thumb--audio { width: 320px; height: 218px; } .btn-attach:hover, .btn-upload:hover { background-color: #f8f8f7 !important; background:linear-gradient(#f8f8f7, #ffffff) !important; color: #2a2a2a !important; } .paging .btn-disabled { background-color: #606970 !important; pointer-events: none; } .main .section-nav .shell { max-width: 1310px; } @media (max-width: 767px) { .media-files .box-download .btn { margin: 5px auto; } .box-download .ls-btn { display: none; visibility: hidden; } }