/*********** INFORMATION ***************************** - document: Slick and Clean CSS3 forms pack - element: Checkout form in popup - author: Capelle @ Codecanyon - profile: http://codecanyon.net/user/Capelle *****************************************************/
/* ================== 1. FONTS ================== */
 @import url(http://fonts.googleapis.com/css?family=Lobster);
/* Lobster font for headings */
 @import url(http://fonts.googleapis.com/css?family=Lato);
/* Lato font for the content */
/* Entypo pictograms by Daniel Bruce — www.entypo.com */
 @charset "UTF-8";
 @font-face {
     font-family: 'entypo';
     font-style: normal;
     font-weight: normal;
     src: url('icons/entypo/entypo.eot');
     src: url('icons/entypo/entypo.eot?#iefix') format('eot'), url('icons/entypo/entypo.woff') format('woff'), url('icons/entypo/entypo.ttf') format('truetype'), url('icons/entypo/entypo.svg#entypo') format('svg');
}
 .entypo-note:before{
     content:"\266a" 
}
 .entypo-note-beamed:before{
     content:"\266b" 
}
 .entypo-music:before{
     content:"\1f3b5" 
}
 .entypo-search:before{
     content:"\1f50d" 
}
 .entypo-flashlight:before{
     content:"\1f526" 
}
 .entypo-mail:before{
     content:"\2709" 
}
 .entypo-heart:before{
     content:"\2665" 
}
 .entypo-heart-empty:before{
     content:"\2661" 
}
 .entypo-star:before{
     content:"\2605" 
}
 .entypo-star-empty:before{
     content:"\2606" 
}
 .entypo-user:before{
     content:"\1f464" 
}
 .entypo-users:before{
     content:"\1f465" 
}
 .entypo-user-add:before{
     content:"\e700" 
}
 .entypo-video:before{
     content:"\1f3ac" 
}
 .entypo-picture:before{
     content:"\1f304" 
}
 .entypo-camera:before{
     content:"\1f4f7" 
}
 .entypo-layout:before{
     content:"\268f" 
}
 .entypo-menu:before{
     content:"\2630" 
}
 .entypo-check:before{
     content:"\2713" 
}
 .entypo-cancel:before{
     content:"\2715" 
}
 .entypo-cancel-circled:before{
     content:"\2716" 
}
 .entypo-cancel-squared:before{
     content:"\274e" 
}
 .entypo-plus:before{
     content:"\2b" 
}
 .entypo-plus-circled:before{
     content:"\2795" 
}
 .entypo-plus-squared:before{
     content:"\229e" 
}
 .entypo-minus:before{
     content:"\2d" 
}
 .entypo-minus-circled:before{
     content:"\2796" 
}
 .entypo-minus-squared:before{
     content:"\229f" 
}
 .entypo-help:before{
     content:"\2753" 
}
 .entypo-help-circled:before{
     content:"\e704" 
}
 .entypo-info:before{
     content:"\2139" 
}
 .entypo-info-circled:before{
     content:"\e705" 
}
 .entypo-back:before{
     content:"\1f519" 
}
 .entypo-home:before{
     content:"\2302" 
}
 .entypo-link:before{
     content:"\1f517" 
}
 .entypo-attach:before{
     content:"\1f4ce" 
}
 .entypo-lock:before{
     content:"\1f512" 
}
 .entypo-lock-open:before{
     content:"\1f513" 
}
 .entypo-eye:before{
     content:"\e70a" 
}
 .entypo-tag:before{
     content:"\e70c" 
}
 .entypo-bookmark:before{
     content:"\1f516" 
}
 .entypo-bookmarks:before{
     content:"\1f4d1" 
}
 .entypo-flag:before{
     content:"\2691" 
}
 .entypo-thumbs-up:before{
     content:"\1f44d" 
}
 .entypo-thumbs-down:before{
     content:"\1f44e" 
}
 .entypo-download:before{
     content:"\1f4e5" 
}
 .entypo-upload:before{
     content:"\1f4e4" 
}
 .entypo-upload-cloud:before{
     content:"\e711" 
}
 .entypo-reply:before{
     content:"\e712" 
}
 .entypo-reply-all:before{
     content:"\e713" 
}
 .entypo-forward:before{
     content:"\27a6" 
}
 .entypo-quote:before{
     content:"\275e" 
}
 .entypo-code:before{
     content:"\e714" 
}
 .entypo-export:before{
     content:"\e715" 
}
 .entypo-pencil:before{
     content:"\270e" 
}
 .entypo-feather:before{
     content:"\2712" 
}
 .entypo-print:before{
     content:"\e716" 
}
 .entypo-retweet:before{
     content:"\e717" 
}
 .entypo-keyboard:before{
     content:"\2328" 
}
 .entypo-comment:before{
     content:"\e718" 
}
 .entypo-chat:before{
     content:"\e720" 
}
 .entypo-bell:before{
     content:"\1f514" 
}
 .entypo-attention:before{
     content:"\26a0" 
}
 .entypo-alert:before{
     content:"\1f4a5'" 
}
 .entypo-vcard:before{
     content:"\e722" 
}
 .entypo-address:before{
     content:"\e723" 
}
 .entypo-location:before{
     content:"\e724" 
}
 .entypo-map:before{
     content:"\e727" 
}
 .entypo-direction:before{
     content:"\27a2" 
}
 .entypo-compass:before{
     content:"\e728" 
}
 .entypo-cup:before{
     content:"\2615" 
}
 .entypo-trash:before{
     content:"\e729" 
}
 .entypo-doc:before{
     content:"\e730" 
}
 .entypo-docs:before{
     content:"\e736" 
}
 .entypo-doc-landscape:before{
     content:"\e737" 
}
 .entypo-doc-text:before{
     content:"\1f4c4" 
}
 .entypo-doc-text-inv:before{
     content:"\e731" 
}
 .entypo-newspaper:before{
     content:"\1f4f0" 
}
 .entypo-book-open:before{
     content:"\1f4d6" 
}
 .entypo-book:before{
     content:"\1f4d5" 
}
 .entypo-folder:before{
     content:"\1f4c1" 
}
 .entypo-archive:before{
     content:"\e738" 
}
 .entypo-box:before{
     content:"\1f4e6" 
}
 .entypo-rss:before{
     content:"\e73a" 
}
 .entypo-phone:before{
     content:"\1f4dE" 
}
 .entypo-cog:before{
     content:"\2699" 
}
 .entypo-tools:before{
     content:"\2692" 
}
 .entypo-share:before{
     content:"\e73c" 
}
 .entypo-shareable:before{
     content:"\e73e" 
}
 .entypo-basket:before{
     content:"\e73d" 
}
 .entypo-bag:before{
     content:"\1f45c'" 
}
 .entypo-calendar:before{
     content:"\1f4c5" 
}
 .entypo-login:before{
     content:"\e740" 
}
 .entypo-logout:before{
     content:"\e741" 
}
 .entypo-mic:before{
     content:"\1f3a4" 
}
 .entypo-mute:before{
     content:"\1f507" 
}
 .entypo-sound:before{
     content:"\1f50a" 
}
 .entypo-volume:before{
     content:"\e742" 
}
 .entypo-clock:before{
     content:"\1f554" 
}
 .entypo-hourglass:before{
     content:"\23f3" 
}
 .entypo-lamp:before{
     content:"\1f4a1" 
}
 .entypo-light-down:before{
     content:"\1f505" 
}
 .entypo-light-up:before{
     content:"\1f506" 
}
 .entypo-adjust:before{
     content:"\25d1" 
}
 .entypo-block:before{
     content:"\1f6ab" 
}
 .entypo-resize-full:before{
     content:"\e744" 
}
 .entypo-resize-small:before{
     content:"\e746" 
}
 .entypo-popup:before{
     content:"\e74c" 
}
 .entypo-publish:before{
     content:"\e74d" 
}
 .entypo-window:before{
     content:"\e74e" 
}
 .entypo-arrow-combo:before{
     content:"\e74f" 
}
 .entypo-down-circled:before{
     content:"\e758" 
}
 .entypo-left-circled:before{
     content:"\e759" 
}
 .entypo-right-circled:before{
     content:"\e75a" 
}
 .entypo-up-circled:before{
     content:"\e75b" 
}
 .entypo-down-open:before{
     content:"\e75c" 
}
 .entypo-left-open:before{
     content:"\e75d" 
}
 .entypo-right-open:before{
     content:"\e75e" 
}
 .entypo-up-open:before{
     content:"\e75f" 
}
 .entypo-down-open-mini:before{
     content:"\e760" 
}
 .entypo-left-open-mini:before{
     content:"\e761" 
}
 .entypo-right-open-mini:before{
     content:"\e762" 
}
 .entypo-up-open-mini:before{
     content:"\e763" 
}
 .entypo-down-open-big:before{
     content:"\e764" 
}
 .entypo-left-open-big:before{
     content:"\e765" 
}
 .entypo-right-open-big:before{
     content:"\e766" 
}
 .entypo-up-open-big:before{
     content:"\e767" 
}
 .entypo-down:before{
     content:"\2b07" 
}
 .entypo-left:before{
     content:"\2b05" 
}
 .entypo-right:before{
     content:"\27a1" 
}
 .entypo-up:before{
     content:"\2b06" 
}
 .entypo-down-dir:before{
     content:"\25be" 
}
 .entypo-left-dir:before{
     content:"\25c2" 
}
 .entypo-right-dir:before{
     content:"\25b8" 
}
 .entypo-up-dir:before{
     content:"\25b4" 
}
 .entypo-down-bold:before{
     content:"\e4b0" 
}
 .entypo-left-bold:before{
     content:"\e4ad" 
}
 .entypo-right-bold:before{
     content:"\e4ae" 
}
 .entypo-up-bold:before{
     content:"\e4af" 
}
 .entypo-down-thin:before{
     content:"\2193" 
}
 .entypo-left-thin:before{
     content:"\2190" 
}
 .entypo-right-thin:before{
     content:"\2192" 
}
 .entypo-up-thin:before{
     content:"\2191" 
}
 .entypo-ccw:before{
     content:"\27f2" 
}
 .entypo-cw:before{
     content:"\27f3" 
}
 .entypo-arrows-ccw:before{
     content:"\1f504" 
}
 .entypo-level-down:before{
     content:"\21b3" 
}
 .entypo-level-up:before{
     content:"\21b0" 
}
 .entypo-shuffle:before{
     content:"\1f500" 
}
 .entypo-loop:before{
     content:"\1f501" 
}
 .entypo-switch:before{
     content:"\21c6" 
}
 .entypo-play:before{
     content:"\25b6" 
}
 .entypo-stop:before{
     content:"\25a0" 
}
 .entypo-pause:before{
     content:"\2389" 
}
 .entypo-record:before{
     content:"\26ab" 
}
 .entypo-to-end:before{
     content:"\23ed" 
}
 .entypo-to-start:before{
     content:"\23ee" 
}
 .entypo-fast-forward:before{
     content:"\23e9" 
}
 .entypo-fast-backward:before{
     content:"\23ea" 
}
 .entypo-progress-0:before{
     content:"\e768" 
}
 .entypo-progress-1:before{
     content:"\e769" 
}
 .entypo-progress-2:before{
     content:"\e76a" 
}
 .entypo-progress-3:before{
     content:"\e76b" 
}
 .entypo-target:before{
     content:"\1f3af" 
}
 .entypo-palette:before{
     content:"\1f3a8" 
}
 .entypo-list:before{
     content:"\e005" 
}
 .entypo-list-add:before{
     content:"\e003" 
}
 .entypo-signal:before{
     content:"\1f4f6" 
}
 .entypo-trophy:before{
     content:"\1f3c6" 
}
 .entypo-battery:before{
     content:"\1f50b" 
}
 .entypo-back-in-time:before{
     content:"\e771" 
}
 .entypo-monitor:before{
     content:"\1f4bb" 
}
 .entypo-mobile:before{
     content:"\1f4f1" 
}
 .entypo-network:before{
     content:"\e776" 
}
 .entypo-cd:before{
     content:"\1f4bf" 
}
 .entypo-inbox:before{
     content:"\e777" 
}
 .entypo-install:before{
     content:"\e778" 
}
 .entypo-globe:before{
     content:"\1f30e" 
}
 .entypo-cloud:before{
     content:"\2601" 
}
 .entypo-cloud-thunder:before{
     content:"\26c8" 
}
 .entypo-flash:before{
     content:"\26a1" 
}
 .entypo-moon:before{
     content:"\263d" 
}
 .entypo-flight:before{
     content:"\2708" 
}
 .entypo-paper-plane:before{
     content:"\e79b" 
}
 .entypo-leaf:before{
     content:"\1f342" 
}
 .entypo-lifebuoy:before{
     content:"\e788" 
}
 .entypo-mouse:before{
     content:"\e789" 
}
 .entypo-briefcase:before{
     content:"\1f4bc" 
}
 .entypo-suitcase:before{
     content:"\e78e" 
}
 .entypo-dot:before{
     content:"\e78b" 
}
 .entypo-dot-2:before{
     content:"\e78c" 
}
 .entypo-dot-3:before{
     content:"\e78d" 
}
 .entypo-brush:before{
     content:"\e79a" 
}
 .entypo-magnet:before{
     content:"\e7a1" 
}
 .entypo-infinity:before{
     content:"\221e" 
}
 .entypo-erase:before{
     content:"\232b" 
}
 .entypo-chart-pie:before{
     content:"\e751" 
}
 .entypo-chart-line:before{
     content:"\1f4c8" 
}
 .entypo-chart-bar:before{
     content:"\1f4ca" 
}
 .entypo-chart-area:before{
     content:"\1f53e" 
}
 .entypo-tape:before{
     content:"\2707" 
}
 .entypo-graduation-cap:before{
     content:"\1f393" 
}
 .entypo-language:before{
     content:"\e752" 
}
 .entypo-ticket:before{
     content:"\1f3ab" 
}
 .entypo-water:before{
     content:"\1f4a6" 
}
 .entypo-droplet:before{
     content:"\1f4a7" 
}
 .entypo-air:before{
     content:"\e753" 
}
 .entypo-credit-card:before{
     content:"\1f4b3" 
}
 .entypo-floppy:before{
     content:"\1f4be" 
}
 .entypo-clipboard:before{
     content:"\1f4cb" 
}
 .entypo-megaphone:before{
     content:"\1f4e3" 
}
 .entypo-database:before{
     content:"\e754" 
}
 .entypo-drive:before{
     content:"\e755" 
}
 .entypo-bucket:before{
     content:"\e756" 
}
 .entypo-thermometer:before{
     content:"\e757" 
}
 .entypo-key:before{
     content:"\1f511" 
}
 .entypo-flow-cascade:before{
     content:"\e790" 
}
 .entypo-flow-branch:before{
     content:"\e791" 
}
 .entypo-flow-tree:before{
     content:"\e792" 
}
 .entypo-flow-line:before{
     content:"\e793" 
}
 .entypo-flow-parallel:before{
     content:"\e794" 
}
 .entypo-rocket:before{
     content:"\1f680" 
}
 .entypo-gauge:before{
     content:"\e7a2" 
}
 .entypo-traffic-cone:before{
     content:"\e7a3" 
}
 .entypo-cc:before{
     content:"\e7a5" 
}
 .entypo-cc-by:before{
     content:"\e7a6" 
}
 .entypo-cc-nc:before{
     content:"\e7a7" 
}
 .entypo-cc-nc-eu:before{
     content:"\e7a8" 
}
 .entypo-cc-nc-jp:before{
     content:"\e7a9" 
}
 .entypo-cc-sa:before{
     content:"\e7aa" 
}
 .entypo-cc-nd:before{
     content:"\e7ab" 
}
 .entypo-cc-pd:before{
     content:"\e7ac" 
}
 .entypo-cc-zero:before{
     content:"\e7ad" 
}
 .entypo-cc-share:before{
     content:"\e7ae" 
}
 .entypo-cc-remix:before{
     content:"\e7af" 
}
 .entypo-github:before{
     content:"\f300" 
}
 .entypo-github-circled:before{
     content:"\f301" 
}
 .entypo-flickr:before{
     content:"\f303" 
}
 .entypo-flickr-circled:before{
     content:"\f304" 
}
 .entypo-vimeo:before{
     content:"\f306" 
}
 .entypo-vimeo-circled:before{
     content:"\f307" 
}
 .entypo-twitter:before{
     content:"\f309" 
}
 .entypo-twitter-circled:before{
     content:"\f30a" 
}
 .entypo-facebook:before{
     content:"\f30c" 
}
 .entypo-facebook-circled:before{
     content:"\f30d" 
}
 .entypo-facebook-squared:before{
     content:"\f30e" 
}
 .entypo-gplus:before{
     content:"\f30f" 
}
 .entypo-gplus-circled:before{
     content:"\f310" 
}
 .entypo-pinterest:before{
     content:"\f312" 
}
 .entypo-pinterest-circled:before{
     content:"\f313" 
}
 .entypo-tumblr:before{
     content:"\f315" 
}
 .entypo-tumblr-circled:before{
     content:"\f316" 
}
 .entypo-linkedin:before{
     content:"\f318" 
}
 .entypo-linkedin-circled:before{
     content:"\f319" 
}
 .entypo-dribbble:before{
     content:"\f31b" 
}
 .entypo-dribbble-circled:before{
     content:"\f31c" 
}
 .entypo-stumbleupon:before{
     content:"\f31e" 
}
 .entypo-stumbleupon-circled:before{
     content:"\f31f" 
}
 .entypo-lastfm:before{
     content:"\f321" 
}
 .entypo-lastfm-circled:before{
     content:"\f322" 
}
 .entypo-rdio:before{
     content:"\f324" 
}
 .entypo-rdio-circled:before{
     content:"\f325" 
}
 .entypo-spotify:before{
     content:"\f327" 
}
 .entypo-spotify-circled:before{
     content:"\f328" 
}
 .entypo-qq:before{
     content:"\f32a" 
}
 .entypo-instagrem:before{
     content:"\f32d" 
}
 .entypo-dropbox:before{
     content:"\f330" 
}
 .entypo-evernote:before{
     content:"\f333" 
}
 .entypo-flattr:before{
     content:"\f336" 
}
 .entypo-skype:before{
     content:"\f339" 
}
 .entypo-skype-circled:before{
     content:"\f33a" 
}
 .entypo-renren:before{
     content:"\f33c" 
}
 .entypo-sina-weibo:before{
     content:"\f33f" 
}
 .entypo-paypal:before{
     content:"\f342" 
}
 .entypo-picasa:before{
     content:"\f345" 
}
 .entypo-soundcloud:before{
     content:"\f348" 
}
 .entypo-mixi:before{
     content:"\f34b" 
}
 .entypo-behance:before{
     content:"\f34e" 
}
 .entypo-google-circles:before{
     content:"\f351" 
}
 .entypo-vkontakte:before{
     content:"\f354" 
}
 .entypo-smashing:before{
     content:"\f357" 
}
 .entypo-sweden:before{
     content:"\f601" 
}
 .entypo-db-shape:before{
     content:"\f600" 
}
 .entypo-logo-db:before{
     content:"\f603" 
}
 [class*="entypo-"]:before {
     font-family: 'entypo', sans-serif;
}
/* ================== 2. ITEM RESET ================== */
 #slick * {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
    /* Edit this if you want to match the font with your template design. IF you change it to your font, don't forget to delete the @import above */
     vertical-align: baseline;
     line-height: normal;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 #slick label {
     cursor: pointer;
}
 #slick input[type="checkbox"], #slick input[type="radio"] {
     display: none;
     visibility: hidden;
     opacity: 0;
}
 #slick a {
     text-decoration: none;
     color: #333;
}
 #slick {
     width: 100%;
    /* <-- Adjust this value to change the width of the forms */
     top: 5%;
     left: 0;
     right: 0;
     margin: 0 auto;
     z-index: 10;
}
/* === Note === If you experience issues with reset above, please adjust the selectors and values according to your template/website. When adjusting the reset is adviced to check up the elements on your page, as they might distort. */
/* ================== 3. MAIN STYLES ================== */
 #slick-popup {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     opacity: 0;
     visibility: hidden;
     z-index: -1;
     padding: 20px 10%;
}
 #slick-popup:target {
     opacity: 1;
     visibility: visible;
     z-index: 99999;
     overflow-x: hidden 
}
 #slick .checkout-form {
     background: #fff;
     position: relative;
     width: 100%;
     height: auto;
     float: left;
     padding: 40px;
     -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
     -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
     box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
     -webkit-transform: translate3d(0,0,0);
     -webkit-backface-visibility: hidden;
     border-radius: 25px;
}
 #slick .w-100, #slick .w-75, #slick .w-47, #slick .w-30, #slick .w-20, #slick .w-16, #slick .w-8, #slick .w-4 {
     float: left;
     display: inline-block;
     position: relative;
}
 #slick .w-100 {
     width: 100%;
}
 #slick .w-75 {
     width: 75%;
}
 #slick .w-47 {
     width: 47%;
}
 #slick .w-30 {
     width: 75%;
     float: left;
     text-align: left;
}
 #slick .w-20 {
     width: 20%;
}
 #slick .w-16 {
     width: 20%;
     float: right;
     text-align: left !important;
}
 #slick .w-8 {
     width: 8%;
}
 #slick .w-4 {
     width: 4%;
}
 #slick .mr-4 {
     margin-right: 4%;
}
 #slick .mr-5 {
     margin-right: 5%;
}
 #slick .mr-6 {
     margin-right: 6%;
}
 #slick .mr-10 {
     margin-right: 10%;
}
 #slick .mt-5 {
     margin-top: 5px;
}
 #slick .mt-10 {
     margin-top: 10px;
}
 #slick .mt-20 {
     margin-top: 20px;
}
 #slick .mt-30 {
     margin-top: 30px;
}
 #slick .mb-10 {
     margin-bottom: 10px;
}
 #slick .mb-20 {
     margin-bottom: 20px;
}
 #slick .mb-30 {
     margin-bottom: 30px;
}
 #slick .bt {
     border-top: solid 1px #f0f0f0;
}
 #slick .w-75.right, #slick .w-16.right {
     float: right;
}
 #slick .clrfx {
     clear: both;
     display: block;
     width: 100%;
     float: left;
     position: relative;
}
 #slick span.inner-title {
     position: absolute;
     top: -9px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background: #fff;
     width: 120px;
     padding: 0 10px;
     text-transform: uppercase;
     color: #bbb;
     text-align: center;
}
 #slick-popup a.close-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
     z-index: 0;
}
/***** Table *****/
 #slick .table {
     float: left;
}
 #slick .table .row {
     width: 100%;
     float: left;
     padding: 10px;
}
 #slick .table .row.heading {
     color: #fff;
     background: #666;
}
 #slick .table .row.items {
     color: #333;
     position: relative;
}
 #slick .table .row.last {
     border-bottom: solid 4px #f0f0f0;
}
 #slick .table .row.sum {
     border-bottom: solid 1px #333;
     width: 30%;
     float: right;
     text-align: right;
     color: #FF2424;
}
 #slick .table .row.sum > div span {
     padding-right: 10px;
     color: #ccc;
}
 #slick .table .cell {
     display: inline-block;
     float: left;
     text-overflow: ellipsis;
     overflow: hidden;
}
 #slick .table .cell.grey {
     color: #999;
}
 #slick .table .cell.last {
     text-align: right;
}
 #slick .table .cell.right {
     float: right;
     color: #FF2424;
}
 #slick .table a.delete {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 8px;
     left: -12px;
     color: #ccc;
}
 #slick .table a.delete:hover {
     color: #FF2424;
}
 #slick .table .row.items:hover a.delete {
     opacity: 1;
     visibility: visible;
}
/* ================== 4. TEXT ELEMENTS ================== */
/***** Headings *****/
 #slick .title {
     font-weight: normal;
     color: #333;
     line-height: normal;
     display: inline-block;
     float: left;
}
/***** Paragraphs *****/
 #slick p.intro {
     line-height: 16px;
     display: block;
     color: #bbb;
     margin: 20px 0;
     float: left;
     clear: both;
     width: 100%;
}
 #slick p.intro b {
}
 #slick p.tick-text {
     color: #999;
     display: inline-block;
     float: left;
     margin: 8px 0 0 10px;
}
 #slick p.ratings {
     color: #999;
     display: inline-block;
     float: left;
}
 #slick p.ratings span {
     color: #ddd;
     padding-right: 10px;
}
/***** Tooltip *****/
 #slick span.slick-tip {
     width: auto;
     height: auto;
     white-space: nowrap;
     padding: 10px;
     text-align: center;
     color: #fff;
     background: #333;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     z-index: -1;
}
 #slick span.slick-tip.right {
     right: -30px;
     bottom: 36px;
     background: #fff;
     color: #222;
}
 #slick span.slick-tip.left {
     left: 20px;
     top: -44px;
}
 #slick span.slick-tip:before {
     content: "";
     position: absolute;
     bottom: -6px;
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 6px solid rgba(51,51,51,1);
}
 #slick span.slick-tip.right:before {
     right: 30px;
     margin-left: -10px;
}
 #slick span.slick-tip.right:before {
     border-top: 6px solid rgba(255,255,255,1);
}
 #slick span.slick-tip.left:before {
     left: 20px;
     margin-right: -10px;
}
 #slick input:focus ~ .slick-tip, #slick select:focus ~ .slick-tip, #slick textarea:focus ~ .slick-tip, #slick .sb a:hover span.slick-tip {
     opacity: 1;
     visibility: visible;
     z-index: 9999;
}
 #slick input:required:valid ~ .slick-tip, #slick textarea:required:valid ~ .slick-tip {
     opacity: 0;
     visibility: hidden;
     z-index: -1;
}
/***** Social icons *****/
 #slick .sb {
     position: absolute;
     top: 20px;
     right: 15%;
     z-index: 999;
}
 #slick .sb a {
     background: #ddd;
     color: #fff;
     text-align: center;
     display: inline-block;
     margin-left: 1px;
     position: relative;
     width: 24px;
     height: 24px;
     line-height: 24px;
}
 #slick .sb a.fb:hover {
     background: #3B5998;
}
 #slick .sb a.tw:hover {
     background: #4099FF;
}
 #slick .sb a.gc:hover {
     background: #dd4b39;
}
 #slick .sb a.close-top {
     background: #FF2424;
     margin-left: 20px;
}
 #slick .sb a.close-top:hover {
     background: #333;
}
/* ================== 5. INPUTS ================== */
/***** Main *****/
 #slick .field {
     position: relative;
     width: 100%;
     clear: both;
     float: left;
     margin-bottom: 20px;
}
 #slick .field span.icon {
     position: absolute;
     top: 0;
     left: 0;
     background: #ddd;
     line-height: 40px;
     text-align: center;
     width: 38px;
     height: 100%;
}
 #slick .field input, #slick .field textarea, #slick .field select {
     padding: 12px 20px 10px 50px;
     width: 100%;
     float: left;
     color: #333;
     border: solid 1px #ddd;
}
 #slick .field input.no-icon, #slick .field textarea.no-icon {
     padding-left: 14px;
}
 #slick .field textarea {
     max-height: 146px;
     height: 146px;
     resize: none;
     overflow: auto;
}
 #slick .field textarea.message {
     height: 160px;
     max-height: 160px;
}
 #slick .field textarea:focus {
     height: 200px;
     max-height: 200px;
}
 #slick .field > input:hover, #slick .field > input:focus, #slick .field > select:hover, #slick .field > select:focus, #slick .field > textarea:hover, #slick .field > textarea:focus {
     border: solid 1px #333;
     outline: none;
}
 #slick input:hover ~ span.icon, #slick input:focus ~ span.icon, #slick select:hover ~ span.icon, #slick select:focus ~ span.icon, #slick textarea:hover ~ span.icon, #slick textarea:focus ~ span.icon {
     outline: none;
     background: #333;
}
/***** Select input *****/
 #slick .field select {
     background: none;
     background-color: rgba(0,0,0,0);
     height: 39px;
     z-index: 2;
     padding-left: 47px;
     cursor: pointer;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 #slick select.grayed {
     color: #999;
}
 #slick .field select.no-icon {
     padding-left: 12px;
}
 #arrow-select, #arrow-select-svg {
     background: #fff url('img/select.png') no-repeat 0 11px;
     width: 44px;
     height: 35px;
     position: absolute;
     right: 1px;
     top: 1px;
     pointer-events: none;
     vertical-align: middle;
     outline: none;
     border: none;
     z-index: 3;
}
 #slick select:hover ~ #arrow-select, #slick select:focus ~ #arrow-select, #slick select:hover ~ #arrow-select-svg, #slick select:focus ~ #arrow-select-svg {
     background: #fff url('img/select-focus.png') no-repeat 0 11px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #arrow-select-svg {
         display: none;
        /* <-- Hide svg arrow in webkit browsers and IE9/10 (pointer events don't work in those IE) */
    }
}
 x:-o-prefocus, #arrow-select {
     display: none;
    /* <-- Hack for Opera 12 */
}
/***** Placeholders *****/
/*-- Webkit --*/
 #slick input::-webkit-input-placeholder, #slick textarea::-webkit-input-placeholder {
     color: #999;
}
 #slick input:focus::-webkit-input-placeholder, #slick textarea:focus::-webkit-input-placeholder {
     color: #ccc;
}
/*-- Firefox 19 down --*/
 #slick input:-moz-placeholder, #slick textarea:-moz-placeholder {
     color: #999;
}
 #slick input:focus:-moz-placeholder, #slick textarea:focus:-moz-placeholder {
     color: #ccc;
}
/*-- Firefox 19 up --*/
 #slick input::-moz-placeholder, #slick textarea::-moz-placeholder {
     color: #999;
}
 #slick input:focus::-moz-placeholder, #slick textarea:focus::-moz-placeholder {
     color: #ccc;
}
/*-- IE 10+ --*/
 #slick input:-ms-input-placeholder, #slick textarea:-ms-input-placeholder {
     color: #999;
}
 #slick input:focus:-ms-input-placeholder, #slick textarea:focus:-ms-input-placeholder {
     color: #ccc;
}
/*-- IE 9 --*/
 #slick .ie9-placeholder {
     color: #999 !important;
}
 #slick .ie9-placeholder:focus {
     color: #ccc !important;
}
/***** Validations *****/
 #slick .field input:required, #slick .field textarea:required, #slick .field select:required {
     background: #fff url(img/required.png) no-repeat 100% 15px;
     outline: none;
     box-shadow: none;
}
 #slick .field input:hover:invalid, #slick .field textarea:hover:invalid, #slick .field select:hover:invalid {
     background: #fff url(img/focused.png) no-repeat 100% 15px;
     outline: none;
     box-shadow: none;
}
 #slick .field input:required:valid, #slick .field textarea:required:valid, #slick .field select:required:valid {
     background: #fff url(img/valid.png) no-repeat 100% 15px;
     outline: none;
     box-shadow: none;
}
 #slick .field input:focus:invalid, #slick .field textarea:focus:invalid, #slick .field select:focus:invalid {
     background: #fff url(img/invalid.png) no-repeat 100% 15px;
     outline: none;
     box-shadow: none;
}
/***** Send button *****/
 #slick input.send {
     display: inline-block;
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     width: auto;
     padding: 15px 28px;
     border: none;
     outline: none;
     float: right;
     clear: none;
     border-radius: 25px;
}
 #slick input.send:hover, #slick input.send:focus {
     border: none;
     outline: none;
     background: #fff;
     cursor: pointer;
}
/***** Tick checkboxes *****/
 #slick label.tick {
     width: auto;
     position: relative;
     display: inline-block;
     float: left;
}
 #slick label.tick:before {
     position: absolute;
     display: inline-block;
     content: "";
     width: 16px;
     height: 16px;
     background: #fff;
     border: solid 2px #ddd;
}
 #slick label.tick:after {
     opacity: 0;
     visibility: hidden;
     content: "";
     position: absolute;
     width: 8px;
     height: 4px;
     background: transparent;
     top: 6px;
     left: 5px;
     border: 2px solid #333;
     border-top: none;
     border-right: none;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #slick input:checked + label.tick:after {
     opacity: 1;
     visibility: visible;
}
 #slick label.tick span {
     color: #999;
     padding-left: 26px;
}
 #slick label.tick:hover span {
     color: #333;
}
/***** Sliding checkboxes *****/
 #slick .slide-chk {
     height: 26px;
     width: 80px;
     line-height: 26px;
     background: #f0f0f0;
     position: relative;
     float: left;
}
 #slick .slide-chk.right {
     float: right;
}
 #slick .slide-chk:after, #slick .slide-chk:before {
     text-align: center;
     position: absolute;
     z-index: 0;
     width: 50%;
     text-transform: uppercase;
}
 #slick .slide-chk:before {
     content: 'Yes';
     left: 0;
     color: #222;
}
 #slick .slide-chk:after {
     content: 'No';
     right: 0;
     color: #999;
}
 #slick .slide-chk label {
     display: block;
     width: 50%;
     height: 26px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
     background: #FF2424;
     content: "";
}
 #slick .slide-chk label:hover {
     background: #333;
}
 #slick .slide-chk input[type=checkbox]:checked + label {
     left: 50%;
     background: #333;
}
/* ================== 6. MODALS ================== */
/***** Terms window *****/
 #slick .terms {
     position: relative;
     float: left;
     margin: 10px 0 0 0;
     color: #bbb;
}
 #slick .terms a {
     color: #333;
}
 #slick .terms-window {
     position: fixed;
     width: 100%;
     height: 100%;
     overflow: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0,0.8);
     opacity: 0;
     visibility: hidden;
     z-index: -1;
}
 #slick .terms-window:target {
     opacity: 1;
     visibility: visible;
     z-index: 9999;
}
 #slick .terms-window > div {
     width: 440px;
     height: auto;
     overflow: auto;
     position: relative;
     margin: 10% auto;
     padding: 40px;
     background: #fff;
}
 #slick .terms-window a.close {
     color: #ddd;
     position: absolute;
     top: 50px;
     right: 30px;
}
 #slick .terms-window a.close:hover {
     color: #333;
}
/* ================== 7. TRANSITIONS ================== */
 #slick a, #slick-popup, #slick label, #slick input, #slick select, #slick textarea, #slick .terms-window, #slick span.slick-tip, #slick .table .row.items, #slick input ~ span.icon, #slick select ~ span.icon, #slick textarea ~ span.icon {
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
/* ================== 8. MEDIA QUERIES ================== */
/***** Max width 640px *****/
 @media screen and (max-width:640px) {
     #slick, #slick .w-75, #slick .w-47, #slick .w-30, #slick .w-20, #slick .w-16, #slick .w-4, #slick .terms-window > div {
         width: 100%;
    }
     #slick .terms, #slick .mr-5 {
         margin-bottom: 20px;
    }
     #slick .mr-5, #slick .mr-4 {
         margin-right: 0;
    }
     #slick .terms-window > div {
         margin: 5% 0;
    }
     #slick p.ratings, #slick .field input, #slick .field select, #slick .field textarea {
    }
     #slick .field select {
         height: auto;
    }
     #slick input.send {
         float: left;
         clear: both;
         width: 100%;
         padding: 12px;
    }
     #slick p.intro {
         line-height: 20px;
    }
     #slick .slide-chk {
         clear: both;
         height: 30px;
         line-height: 30px;
    }
     #slick .slide-chk label {
         height: 30px;
    }
     #slick .slide-chk.right {
         float: left;
    }
     #slick .table .row {
         width: 100%;
         padding: 12px 0;
    }
     #slick .table .row.heading {
         display: none;
    }
     #slick .table .row.items {
    }
     #slick .table .row.sum {
         width: 100%;
         float: left;
         text-align: left;
    }
     #slick .table .row.sum > div {
         width: 30%;
    }
     #slick .table .row.last {
         margin-bottom: 10px;
    }
     #slick .table .cell.last {
         text-align: left;
    }
     #slick .table .cell:before {
         display: inline-block;
         width: 30%;
         color: #bbb;
    }
     #slick .table .cell.qty:before {
         content: "Quantity:" 
    }
     #slick .table .cell.name:before {
         content: "Product::" 
    }
     #slick .table .cell.options:before {
         content: "Options:" 
    }
     #slick .table .cell.price-u:before {
         content: "Price/unit:" 
    }
     #slick .table .cell.price-t:before {
         content: "Price:" 
    }
     #slick .table a.delete {
         top: 32px;
    }
}