/* common */
body { color: #393b3b; font-family: 'Adobe Garamond Pro', Constantia, 'Times New Roman', Times, serif; font-size: 20px; line-height: 1.7; }
a, a:hover, a:focus { text-decoration: none; }
a { color: #e84c3d; }
a:hover, a:focus { color: #2d3e50; }
a, button, input[type="submit"], input[type="button"] { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* background-color */
.bg-white { background-color: #fff; }
.bg-black { background-color: #10161d; }
.bg-blue { background-color: #2d3e50; }
.bg-red { background-color: #e84c3d; }

.bg-blue a { color: #e84c3d; }
.bg-blue a:hover, a:focus { color: #e84c3d; }

/* tooltip */
.tooltip { font-size: 14px; line-height: 1.3; }
.tooltip.in { opacity: 1; filter: alpha(opacity=100); }
.tooltip-inner {
    background-color: #f1c40f; border: #b8b8b8 solid 1px; color: #454545; max-width: 260px; padding: 18px; text-align: left;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    -webkit-box-shadow: 3px 4px 8px rgba(0,1,1,.21), inset 0 0 0 2px rgba(255,255,255,.79);
    -moz-box-shadow: 3px 4px 8px rgba(0,1,1,.21), inset 0 0 0 2px rgba(255,255,255,.79);
    box-shadow: 3px 4px 8px rgba(0,1,1,.21), inset 0 0 0 2px rgba(255,255,255,.79);
}
.tooltip.top { margin-top: 2px; }
.tooltip.top .tooltip-arrow { bottom: -4px; border-top-color: #f1c40f; border-width: 12px 12px 0; margin-left: -12px; }

/* modal */
.modal-dialog { margin: 10px auto; width: 900px !important; }
.modal-header {
    background-color: #f1c40f; border-bottom: 0; color: #2d3e50; padding: 20px 40px;
    -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
}
.modal-header .close {
    color: #c3372a; font-size: 40px; line-height: .5; margin: 0; position: absolute; right: 20px; text-shadow: none; top: 20px;
    opacity: 1; filter: alpha(opacity=100);
}
.modal-header .close:hover { color: #fff; }
.modal-footer { border-top: 0; margin: 0; padding: 20px 40px; }
.modal-footer .btn { background-color: transparent; border: #c3372a solid 2px; color: #c3372a; padding: 10px 15px; }
.modal-footer .btn:hover { background-color: #fff; }
.modal-body { padding: 10px 40px; }
.modal-content {
    background-image: url(/img/pattern-dot.png); border: 0;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.modal-content h3, .modal-content h4, .modal-content p, .modal-content ul, .modal-content li { margin: 0; padding: 0; }
.modal-content h3, .modal-content h4, .modal-content ul { line-height: 1.1; }
.modal-content h3, .modal-content h4 { text-transform: uppercase; }
.modal-content ul.modal-info { list-style: none; }
.modal-content .modal-title { color: #c3372a; font-size: 36px; }
.modal-content .modal-info { margin-top: .25em; }
.modal-content .modal-subtitle, .modal-content .modal-description { font-size: 18px; line-height: 1.5; }
.modal-content .modal-subtitle { padding: 30px 0 15px; }
.modal-content .modal-description {
    background-color: #fff; border: #ddd solid 1px; padding: 0 20px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.modal-content .modal-description p { padding: .5em 0; }

/* scrollbar */
.tinyscrollbar { position: relative; }
.tinyscrollbar .viewport { height: 188px; overflow: hidden; position: relative; }
.tinyscrollbar .overview { left: 0; position: absolute; top: 0; width: 100%; }
.tinyscrollbar .scrollbar { position: absolute; right: -20px; top: 0; width: 9px; }
.tinyscrollbar .track, .tinyscrollbar .thumb { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.tinyscrollbar .track {
    background-color: #f1c40f; height: 100%; position: relative; width: 9px;
    -webkit-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
    -moz-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
    box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
}
.tinyscrollbar .thumb {
    background: #c3372a url(/img/ico-line.png) no-repeat center; cursor: pointer; left: 0; height: 20px; overflow: hidden; position: absolute; top: 0; width: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
}
.tinyscrollbar .thumb .end { display: none; }
.tinyscrollbar .disable { display: none; }
.noSelect { -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

/* nicescroll */
/*.nicescroll { height: 188px; overflow: hidden; }
.nicescroll-rails, .nicescroll-rails div {
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.nicescroll-rails {
    background-color: #f1c40f; margin-left: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
    -moz-box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
    box-shadow: 0 1px 2px rgba(255,255,255,.05), inset 0 2px 5px rgba(0,0,0,.25), inset 0 0 250px rgba(255,255,255,.03);
}
.nicescroll-rails div {
    background: #c3372a url(/img/ico-line.png) no-repeat center;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
    box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 0 2px rgba(255,255,255,.3);
}*/

/* form */
.custom-form { padding: 20px 0; }
.custom-form label { cursor: pointer; margin-bottom: 0; }
.custom-button { margin-top: 20px; }
.custom-button input {
    background-color: #f1c40f; border: 0; color: #e84c3d; font-size: 18px; height: 47px; line-height: 47px; padding: 0 20px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.custom-button input:hover { background-color: #e84c3d; color: #fff; }
.custom-checkbox, .custom-radio, .custom-input { overflow: hidden; position: relative; }
.custom-checkbox input, .custom-radio input { left: -9999px; position: absolute; top: 0; }
.custom-checkbox label, .custom-radio label { background: url(/img/custom-input.png) no-repeat; height: 33px; line-height: 33px; padding-left: 40px; position: relative; }
.custom-checkbox label { background-position: 0 -66px; color: #1a1e22; }
.custom-checkbox label.checked { background-position: 0 -99px; }
.custom-radio { float: left; margin-left: 30px; }
.custom-radio:first-child { margin-left: 0; }
.custom-radio label { background-position: 0 0; color: #e84c3d; }
.custom-radio label.checked { background-position: 0 -33px; }
.custom-input { margin-top: .5em; }
.custom-input input {
    border: #e84c3d solid 2px; display: block; font-size: 18px; outline: 0; padding: 10px; width: 100%;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.giftcode_info .custom-radio { float: none; margin-left: 0px; }
.giftcode_info .note { padding: 20px; }


/* font */
#header .logo,
#bundle .title, #bundle .button a,
#core-bundle .title, #bonus-bundle .title {
    font-family: 'jaf-facitweb-n7', 'jaf-facitweb', sans-serif; font-style: normal; font-weight: 700;
}
#header .user, #header .counter span,
#social .description, #footer .copyright, #footer .author,
#bundle .description, #get-bundle .description, #get-bundle .stats p, #get-bundle .stats dd,
#overview .overview-charities-description p, #customers .contender-name, #buynow .note,
.bundle-info, .tooltip, .modal-header ul {
    font-family: 'futura-pt-n4', 'futura-pt', sans-serif; font-style: normal; font-weight: 400;
}
#bundle .note,
.bundle-description, .bundle-summary { font-family: 'futura-pt-n3', 'futura-pt', sans-serif; font-style: italic; font-weight: 400; }
.note { margin-top: 20px; }
.warning { display: none; }
#header .button a, #social .title, #footer .links,
#bundle .description span, #bundle .item h3, #bundle .item ul,
#overview h2, #overview h3, #overview h4, #overview .overview-charities-description ul,
#get-bundle .title, #get-bundle .intro h3, #get-bundle .stats h3, #get-bundle .stats dt,
#customers .title, #customers .customer-title, #customers .customer-name, #customers .contender-title,
#buynow .title, #buynow .subtitle, #buynow .index, #buynow .note strong,
#core-bundle .description, #bonus-bundle .description, #multi .bundles,
.bundle-title, .bundle-button a, .custom-form label, .custom-button input,
.modal-content .modal-title, .modal-content .modal-subtitle, .modal-footer .btn {
    font-family: 'futura-pt-n7', 'futura-pt', sans-serif; font-style: normal; font-weight: 700;
}
#header .counter strong { font-family: 'league-gothic-n4', 'league-gothic', sans-serif; font-style: normal; font-weight: 400; }

/* header */
#header { border-bottom: #e84c3d solid 1px; z-index: 1040; }
#header .logo, #header .logo a { color: #fff; }
#header .logo { font-size: 54px; margin: 0; padding: .35em 0; letter-spacing: -4px; }
#header .logo a { -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out; }
#header .user { float: right; font-size: 12px; padding: .5em 0; text-align: right; text-transform: uppercase; }
#header .user, #header .user a { color: #f1c40f; }
#header .user.logged-out { background: url(/img/ico-user.png) no-repeat left center; padding-left: 18px; }
#header .user a:hover { color: #e84c3d; }
#header .user span { margin: 0 1px; }
#header .button { float: right; margin-left: 15px; width: 128px; }
#header .button a {
    background-color: #e84c3d; color: #fff; display: block; font-size: 18px; height: 47px; line-height: 47px; text-align: center;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#header .button a:hover { background-color: #f1c40f; }
#header .counter {
    border: #fff solid 2px; color: #fff; float: right; height: 47px; overflow: hidden; text-align: center; width: 218px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#header .counter .timer { width: 38px; }
#header .counter .divider { width: 14px; }
#header .counter .spacer { width: 10px; }
#header .counter div { float: left; }
#header .counter strong { display: block; font-size: 32px; }
#header .counter .timer strong { line-height: 2px; margin-top: 14px; }
#header .counter .divider strong { line-height: 1; }
#header .counter span { font-size: 10px; text-transform: uppercase; }

/* multi */
#multi { border-bottom: #e84c3d solid 2px; text-align: center; }
#multi .wrapper { display: inline-block; }
#multi .button { padding: 8px 10px 10px 10px; width: auto; display: inline-block; }
#multi .button a  {
    background-color: #e84c3d; color: #fff; display: block; font-size: 20px; height: 47px; line-height: 47px; text-align: center;
    font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 1em; padding-right: 1em;
}
#multi .button a:hover { background-color: #fff; color: #e84c3d; }
#multi .button-selected { padding: 8px 10px 0px 10px; width: auto; display: inline-block; }
#multi .button-selected p {
    background-color: #2d3e50; color: #fff; display: block; font-size: 20px; height: 47px; line-height: 47px; text-align: center;
    font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 1em; padding-right: 1em;
}

/* social */
#social { padding: 2em 0 1em; text-align: center; }
#social h2, #social p { margin: 0; padding: 0; }
#social .title { color: #fff; font-size: 64px; height: 108px; line-height: 108px; }
#social .links a {
    background-color: #e84c3d; display: inline-block;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
#social .links a:hover { background-color: #f1c40f; }
#social .links img { height: auto; width: 108px; }
#social .description { color: #e84c3d; font-size: 34px; }

/* footer */
#footer { border-top: #393f45 solid 2px; padding: 1.5em 0; text-align: center; }
#footer p { margin: 0; padding: 0; }
#footer, #footer a { color: #7f8c8d; }
#footer a:hover { color: #fff; }
#footer .links { margin-bottom: .25em; text-transform: uppercase; }
#footer .links a { color: #95a5a6; margin: 0 .75em; }
#footer .links a:hover { color: #fff; }
#footer .copyright, #footer .author { font-size: 14px; line-height: 1.45; }

/* bundle */
#bundle { background-image: url(/img/pattern-star.jpg); background-position: center center; background-repeat: no-repeat; color: #fff; padding: 15px 0; text-align: center; }
#bundle h2, #bundle h3, #bundle p, #bundle ul, #bundle li { margin: 0; padding: 0; }
#bundle ul { list-style: none; }
#bundle .title { font-size: 50px; text-transform: uppercase; }
#bundle .note { color: #f1c40f; padding-top: 1em; }
#bundle .description span { text-transform: uppercase; }
#bundle .group { padding: .5em 0 1em; }
#bundle .item h3 { color: #f1c40f; font-size: 22px; padding: 1em 0 .5em; text-transform: uppercase; }
#bundle .item ul { font-size: 18px; }
#bundle .button { padding: 1em 0 1.5em; }
#bundle .button a {
    border: #fff solid 2px; display: inline-block; font-size: 12px; padding: .5em 1.5em; text-transform: uppercase;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#bundle .button a.btn-blue { background-color: #34495e; color: #fff; }
#bundle .button a.btn-blue:hover { background-color: #fff; color: #2d3e50; }
#bundle .button a.btn-yellow { background-color: #f1c40f; color: #e84c3d; }
#bundle .button a.btn-yellow:hover { background-color: #fff; color: #f1c40f; }

/* overview */
#overview { background-image: url(/img/pattern-dot.png); padding: 80px 0; }
#overview h2, #overview h3, #overview p { margin: 0; padding: 0; }
#overview h2 { color: #e84c3d; font-size: 32px; line-height: 1.125; text-align: center; }
#overview h3 { color: #e84c3d; font-size: 28px; line-height: 1.5; text-transform: uppercase; padding: 5px 0 0 0; }
#overview h4 { font-size: 25px; line-height: 1.125;}
#overview .overview-gallery { text-align: center; }
#overview .overview-gallery img {
    border: #e84c3d solid 1px; height: auto; margin: 0 35px; width: 190px;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-box-shadow: 1px 2px 1px #e84c3d, inset 1px 1px 16px rgba(22,22,19,.75);
    -moz-box-shadow: 1px 2px 1px #e84c3d, inset 1px 1px 16px rgba(22,22,19,.75);
    box-shadow: 1px 2px 1px #e84c3d, inset 1px 1px 16px rgba(22,22,19,.75);
}
#overview .overview-description { margin: 60px 0 30px; }
#overview .overview-description p { margin-top: 1.5em; }
#overview .overview-charities h2 { margin-bottom: .5em; }
#overview .overview-charities p { margin-bottom: 1.5em; }
#overview .overview-charities-logo { text-align: right; }
#overview .overview-charities-logo img { margin: 0 30px; }
#overview .overview-charities-description p { line-height: 1.5; margin-bottom: .5em; }
#overview .overview-charities-description ul { color: #e84c3d; font-weight: normal; }
#overview .overview-charities-description li { padding-top: .25em; }

/* bundle */
.bundle-item { border-top: #f1c40f solid 2px; padding: 55px 0; }
.bundle-item:first-child { border-top: 0; }
.bundle-poster { text-align: center; }
.bundle-poster img {
    height: auto; max-width: 235px; width: 100%;
    -webkit-box-shadow: 1px 1px 13px rgba(22,22,19,.33); -moz-box-shadow: 1px 1px 13px rgba(22,22,19,.33); box-shadow: 1px 1px 13px rgba(22,22,19,.33);
}
.bundle-title, .bundle-description { text-transform: uppercase; }
.bundle-description, .bundle-info, .bundle-summary { line-height: 1.1; }
.bundle-description, .bundle-info { width: 80%; }
.bundle-title { font-size: 36px; line-height: 1; }
.bundle-description { font-size: 18px; }
.bundle-button { margin-top: 1em; }
.bundle-button a {
    display: inline-block; font-size: 16px; padding: .5em 1.25em;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

/* core-bundle */
#core-bundle { color: #fff; padding-top: 2em; }
#core-bundle h2, #core-bundle h3, #core-bundle p, #core-bundle ul, #core-bundle li { margin: 0; padding: 0; }
#core-bundle ul { list-style: none; }
#core-bundle .title, #core-bundle .description { line-height: 1.25; text-align: center; }
#core-bundle .title { font-size: 50px; text-transform: uppercase; }
#core-bundle .description { font-size: 32px; margin-top: .25em; }
#core-bundle .description span { color: #f1c40f; }
#core-bundle .bundle-title, #core-bundle .bundle-description { color: #f1c40f; }
#core-bundle .bundle-description { margin-top: .25em; }
#core-bundle .bundle-info { margin: .75em 0; }
#core-bundle .bundle-button a { background-color: #f1c40f; color: #e84c3d; }
#core-bundle .bundle-button a:hover { background-color: #e84c3d; color: #f1c40f; }
#core-bundle .statssubtitle { color: #ffcc00; }

/* bonus-bundle */
#bonus-bundle { color: #f1c40f; padding-top: 2em; }
#bonus-bundle h2, #bonus-bundle h3, #bonus-bundle p, #bonus-bundle ul, #bonus-bundle li { margin: 0; padding: 0; }
#bonus-bundle ul { list-style: none; }
#bonus-bundle .title, #bonus-bundle .description { line-height: 1.25; text-align: center; }
#bonus-bundle .title { color: #fff; font-size: 50px; text-transform: uppercase; }
#bonus-bundle .description { font-size: 32px; margin-top: .25em; }
#bonus-bundle .description span { color: #fff; }
#bonus-bundle .bundle-title, #bonus-bundle .bundle-description { color: #fff; }
#bonus-bundle .bundle-description { margin-top: .25em; }
#bonus-bundle .bundle-info { margin: .75em 0; }
#bonus-bundle .bundle-button a { background-color: #2d3e50; color: #fff; }
#bonus-bundle .bundle-button a:hover { background-color: #fff; color: #2d3e50; }

/* get-bundle */
#get-bundle { padding: 3em 0 2em; }
#get-bundle h2, #get-bundle h3, #get-bundle p, #get-bundle dl, #get-bundle dt, #get-bundle dd { margin: 0; padding: 0; }
#get-bundle .title, #get-bundle .description, #get-bundle .note, #get-bundle .stats { text-align: center; }
#get-bundle .title { color: #e84c3d; font-size: 54px; line-height: 1.075; }
#get-bundle .description { font-size: 22px; margin-bottom: 2em; }
#get-bundle .note { color: #575757; font-size: 14px; line-height: 1.2; margin-top: 1em; padding: 0 5%; }
#get-bundle .intro h3 { color: #2c3e50; font-size: 34px; }
#get-bundle .intro p { margin-top: 1em; }
#get-bundle .stats { background-color: #e84c3d; border: #e84c3d solid 5px; }
#get-bundle .stats h3, #get-bundle .stats p { line-height: 1; }
#get-bundle .stats h3 { color: #f1c40f; font-size: 34px; padding-top: .5em; }
#get-bundle .stats p { color: #ffcc00; font-size: 22px; padding-bottom: 1em; }
#get-bundle .stats dl { background-color: #fff; color: #2c3e50; margin-top: 5px; padding: .75em 0 .5em; }
#get-bundle .stats dt { font-size: 22px; text-transform: uppercase; }
#get-bundle .stats dd { font-size: 44px; line-height: 1.3; }

/* customers */
#customers { color: #fff; padding: 2em 0 3em; }
#customers h2, #customers p, #customers ul, #customers li { margin: 0; padding: 0; }
#customers ul { list-style: none; }
#customers .title { font-size: 32px; margin-bottom: 1em; text-align: center; }
#customers .customers-list { text-transform: uppercase; }
#customers .primary-list { border-right: #e84c3d solid 2px; float: left; font-size: 22px; padding-right: 2.5%; width: 65%; }
#customers .primary-list ul { border: #e84c3d solid 2px; border-top: 0; }
#customers .primary-list li { border-top: #e84c3d solid 2px; padding: 12px 20px; }
#customers .secondary-list { float: right; font-size: 18px; line-height: 1.55; width: 32.5%; }
#customers .customer-name { color: #f1c40f; text-transform: none; }
#customers .contender-title { color: #e84c3d; }

/* buynow */
#buynow { padding-top: 2.5em; }
#buynow h2, #buynow h3, #buynow p { margin: 0; padding: 0; }
#buynow p { line-height: 1.2; margin-top: 1em; }
#buynow .title { color: #e84c3d; font-size: 36px; text-align: center; }
#buynow .subtitle { color: #1a1e22; font-size: 26px; }
#buynow .index {
    background-color: #e84c3d; border: #f1c40f solid 7px; color: #fff; font-size: 32px; height: 180px; padding-top: 28px; position: absolute; text-align: center; text-transform: uppercase; top: 50px; width: 180px;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
#buynow .index span { display: block; font-size: 62px; line-height: 32px; }
#buynow .note { background-color: #f1c40f; color: #e84c3d; padding: 20px 28px; }
#buynow .note p { font-size: 18px; margin-top: 0; }
#buynow .step { border-top: #fad8d4 solid 2px; min-height: 280px; position: relative; }
#buynow .step:first-child { border-top: 0; }
#buynow .payment { padding: 40px 0; }
#buynow .payment input { height: 38px; margin-left: 60px; width: auto; }
#buynow .payment input:first-child { margin-left: 0; }
#buynow .payment span { height: 38px; margin-left: 60px; width: auto; }

/* custom styles */
input.other { width: 90%;}
#overview .overview-description ul, #get-bundle .intro ul { margin-top:1em; }
.modal .nicescroll ul {font-size: 18px;line-height: 27px; margin-left: 18px; margin-top:1em; }
hr.right_bg_color { border: 1px solid #fad8d4; }

/* lg */
@media (min-width: 1200px){

    /* social */
    #social .title, #social .links { display: inline-block; vertical-align: top; }
    #social .links a { margin-left: 2em; }

    /* get-bundle */
    #get-bundle .title { padding: 0 20%; }

    /* buynow */
    #buynow .index { left: 40px; }
    #buynow .note { width: 90%; }
    #buynow .step { padding: 70px 40px 50px 270px; }

}

/* md */
@media (min-width: 992px) and (max-width: 1199px){

    /* header */
    #header .logo { font-size: 48px; }

    /* social */
    #social .links a { margin: 0 1em; }

    /* get-bundle */
    #get-bundle .title { padding: 0 10%; }

    /* buynow */

    /* buynow */
    #buynow { padding-top: 2em; }
    #buynow p { font-size: 18px; line-height: 1.4; }
    #buynow .title span { display: none; }
    #buynow .subtitle { font-size: 22px; }
    #buynow .index { left: 0; }
    #buynow .step { padding: 70px 0 50px 230px; }
    #buynow .payment { padding: 30px 0; }
    #buynow .payment img { height: 34px; margin-left: 30px; }
    #buynow .payment span { height: 34px; margin-left: 30px; }

    /* form */
    .custom-input input.other { width: 100%;}

}

/* sm - xs */
@media (max-width: 991px){

    /* tooltip */
    .tooltip-inner { padding: 14px; }

    /* modal */
    .modal-dialog { max-width: 750px !important; width: 90% !important; }
    .modal-header, .modal-footer { padding: 15px 20px; }
    .modal-footer .btn { padding: 5px 10px; }
    .modal-body { padding: 5px 20px; }
    .modal-content .modal-title { font-size: 24px; }
    .modal-content .modal-info { font-size: 16px; }
    .modal-content .modal-subtitle, .modal-content .modal-description { font-size: 16px; line-height: 1.25; }
    .modal-content .modal-subtitle { padding: 15px 0 5px; }
    .modal .nicescroll ul  {font-size: 16px; line-height: 20px; margin-left: 18px; margin-top:1em; }

    /* form */
    .custom-form { padding: 15px 0; }
    .custom-button { margin-top: 15px; }
    .custom-button input { font-size: 16px; }
    .custom-checkbox label, .custom-radio label { font-size: 18px; padding-left: 32px; }
    .custom-radio { margin-left: 20px; }
    .custom-input input { font-size: 20px; padding: 15px; }
    .custom-input input.other { width: 100%;}

    /* header */
    #header .logo { letter-spacing: -2px; }
    #header .user { font-size: 10px; padding: 0.5em 0; }
    #header .button { margin-left: 10px; width: 98px; }
    #header .button a { font-size: 16px; height: 39px; line-height: 39px; }
    #header .counter { height: 39px; width: 156px; }
    #header .counter .timer { width: 30px; }
    #header .counter .divider { width: 8px; }
    #header .counter .spacer { width: 6px; }
    #header .counter strong { font-size: 23px; }
    #header .counter span { font-size: 9px; }
    #header .counter .timer strong { margin-bottom: -4px; margin-top: 12px; }

    /* social */
    #social { padding: 1.5em 0; }
    #social .title { font-size: 54px; height: auto; line-height: 1; margin-bottom: .25em; }
    #social .links a { margin: 0 10px; }
    #social .links img { width: 78px; }
    #social .description { display: none; }

    /* bundle */
    #bundle { background-image: none; padding: 0 15px; }
    #bundle .title { font-size: 46px; }
    #bundle .note { padding-top: .5em; }
    #bundle .description { display: none; }
    #bundle .group { padding: 1em 0 1.5em; }
    #bundle .item h3 { font-size: 30px; }
    #bundle .item ul { font-size: 24px; }
    #bundle .button a { font-size: 16px; }

    /* overview */
    #overview { padding: 50px 0; }
    #overview h2 { font-size: 30px; }
    #overview h3 { font-size: 22px; }
    #overview h4 { font-size: 18px; }
    #overview .overview-gallery img { margin: 0 20px; width: 160px; }
    #overview .overview-description { font-size: 18px; margin: 40px 0; }
    #overview .overview-description p { margin-top: 1em; }
    #overview .overview-charities { font-size: 24px; }
    #overview .overview-charities h2 { margin-bottom: .5em; }
    #overview .overview-charities h3 { margin-bottom: .5em; }
    #overview .overview-charities-logo { text-align: center; }
    #overview .overview-charities-logo img { height: 100px; margin: 15px 0 0; width: auto; }
    #overview .overview-charities-logo img:first-child { margin-top: 0; }
    #overview .overview-charities-description p { line-height: 1.5; margin-bottom: .5em; }
    #overview .overview-charities-description ul { color: #e84c3d; }
    #overview .overview-charities-description li { padding-top: .25em; }

    /* bundle */
    .bundle-item { padding: 45px 0; }
    .bundle-title, .bundle-info { width: 100%; }
    .bundle-description, .bundle-summary { display: none; }
    .bundle-button a { font-size: 14px;  }

    /* core-bundle */
    #core-bundle .title { font-size: 46px; }
    #core-bundle .description { font-size: 24px; }
    #core-bundle .bundle-description { margin-top: .25em; }

    /* bonus-bundle */
    #bonus-bundle .title { font-size: 46px; }
    #bonus-bundle .description { font-size: 24px; }
    #bonus-bundle .bundle-description { margin-top: .25em; }

    /* get-bundle */
    #get-bundle { padding: 2em 0; }
    #get-bundle .title, #get-bundle .description { display: none; }
    #get-bundle .note { font-size: 18px; }
    #get-bundle .intro { font-size: 18px; }
    #get-bundle .intro h3 { font-size: 32px; }
    #get-bundle .stats { margin-top: 2em; }
    #get-bundle .stats h3 { font-size: 42px; }
    #get-bundle .stats p { font-size: 28px; }
    #get-bundle .stats dl { padding: 1em 0; }
    #get-bundle .stats dt { font-size: 28px; }
    #get-bundle .stats dd { font-size: 56px; }

    /* customers */
    #customers { padding: 2em 0; }
    #customers .primary-list { border-right: 0; padding-right: 0; width: 100%; }
    #customers .secondary-list { display: none; }

    /* buynow */
    #buynow { padding-top: 2em; }
    #buynow p { font-size: 18px; line-height: 1.4; }
    #buynow .title span { display: none; }
    #buynow .subtitle { font-size: 22px; }
    #buynow .index { display: none; }
    #buynow .note p { font-size: 16px; line-height: 1.125; }
    #buynow .step { padding: 35px 15px; }
    #buynow .step:first-child { border-top: 0; }
    #buynow .payment { padding: 30px 0; }
    #buynow .payment img { height: 34px; margin-left: 30px; }
    #buynow .payment span { height: 34px; margin-left: 30px; }

}

/* sm */
@media (min-width: 768px) and (max-width: 991px){

    /* header */
    #header .logo { font-size: 34px; padding: .75em 0; }

    /* form */
    .custom-input input.other { width: 100%;}

}

/* xs */
@media (min-width: 640px) and (max-width: 767px){

    /* header */
    #header .logo { font-size: 28px; padding: 1em 0; }

    /* form */
    .custom-input input.other { width: 100%;}

}

/* xs */
@media (max-width: 639px){

    /* common */
    body { font-size: 16px; line-height: 1.5; }

    /* modal */
    .modal-header { padding: 15px; }
    .modal-header .close { font-size: 30px; right: 15px; top: 15px; }
    .modal-footer { padding: 5px 15px 10px; }
    .modal-body { padding: 5px 15px; }
    .modal-content .modal-title { font-size: 20px; }
    .modal-content .modal-info, .modal-content .modal-subtitle, .modal-content .modal-description { font-size: 14px; }
    .modal-content .modal-subtitle { padding: 10px 0 5px; }
    .modal-content .modal-description { padding: 0 15px; }

    /* tinyscrollbar */
    .tinyscrollbar .viewport { height: 108px; }

    /* nicescroll */
    /*.nicescroll-rails { margin-left: 15px; }
    .nicescroll { height: 108px; }*/

    /* form */
    .radio-group { margin-left: -20px; }
    .custom-form { padding: 10px 0; }
    .custom-radio { margin-bottom: 5px; }
    .custom-radio:first-child { margin-left: 20px; }
    .custom-checkbox label, .custom-radio label { font-size: 14px; }
    .custom-input input { font-size: 16px; padding: 10px; }
    .custom-button input { height: 39px; line-height: 39px; }
    .custom-input input.other { width: 100%;}
    .label .money:after {
        content:"\a";
        white-space: pre;
    }

    /* header */
    #header { padding-bottom: 1.25em; }
    #header .col-xs-full { width: 100%; }
    #header .logo, #header .user { text-align: center; }
    #header .logo { font-size: 34px; padding: .5em 0 .25em; }
    #header .user { font-size: 12px; padding: .25em 0; width: 100%; }
    #header .user.logged-out { background: none; padding-left: 0; }
    #header .counter .timer strong { margin-bottom: 0; }
    #header .functions { margin: 0 auto; width: 264px; }

    /* social */
    #social .title { font-size: 32px; margin-bottom: .5em; }
    #social .links a { margin: 0 5px; }
    #social .links img { width: 58px; }

    /* footer */
    #footer .copyright, #footer .author { font-size: 12px; margin-top: .25em; padding: 0 1em; }
    #footer .links { font-size: 14px; }
    #footer .links a { margin: 0 .25em; }

    /* bundle */
    #bundle { padding: 0; }
    #bundle .note { font-size: 16px; }
    #bundle .title { font-size: 26px; }
    #bundle .group { padding: .75em 0 1em; }
    #bundle .item h3 { font-size: 20px; }
    #bundle .item ul { font-size: 18px; }
    #bundle .button a { font-size: 14px; }

    /* overview */
    #overview { padding: 35px 0; }
    #overview h2 { font-size: 24px; }
    #overview .overview-gallery img { margin: 0 5px; width: 80px; }
    #overview .overview-description { font-size: 16px; margin: 25px 0; }
    #overview .overview-charities { font-size: 16px; }
    #overview .overview-charities-logo { margin-top: 1em; }
    #overview .overview-charities-logo img { margin: 0 5px; }

    /* bundle */
    .bundle-item { padding: 25px 0; }
    .bundle-title { font-size: 24px; }
    .bundle-button { margin-top: .75em; }

    /* core-bundle */
    #core-bundle { padding-top: 1.5em; }
    #core-bundle .title { font-size: 28px; }
    #core-bundle .description { font-size: 18px; }
    #core-bundle .bundle-info { font-size: 14px; margin: .5em 0; }
    #core-bundle .col-xs-padding { padding-left: 0; }

    /* bonus-bundle */
    #bonus-bundle { padding-top: 1.5em; }
    #bonus-bundle .title { font-size: 28px; }
    #bonus-bundle .description { font-size: 18px; }
    #bonus-bundle .bundle-info { font-size: 14px; margin: .5em 0; }
    #bonus-bundle .col-xs-padding { padding-left: 0; }

    /* get-bundle */
    #get-bundle { padding: 1.5em 0; }
    #get-bundle .intro { font-size: 16px; }
    #get-bundle .intro h3 { font-size: 28px; }
    #get-bundle .stats { margin-top: 1.5em; }
    #get-bundle .stats h3 { font-size: 30px; }
    #get-bundle .stats p { font-size: 18px; }
    #get-bundle .stats dl { padding: .75em 0; }
    #get-bundle .stats dt { font-size: 18px; }
    #get-bundle .stats dd { font-size: 40px; }
    #get-bundle .note { font-size: 14px; }

    /* customers */
    #customers { padding: 1.5em 0; }
    #customers .title { font-size: 28px; }
    #customers .primary-list { font-size: 18px; text-align: center; }
    #customers .customer-name { display: block; }

    /* buynow */
    #buynow { padding-top: 1.5em; }
    #buynow p { font-size: 16px; line-height: 1.5; }
    #buynow .title { font-size: 28px; }
    #buynow .subtitle { font-size: 18px; }
    #buynow .step { padding: 25px 0; }
    #buynow .note { padding: 15px; }
    #buynow .note p { font-size: 14px; }
    #buynow .payment { padding: 20px 0; text-align: center; }
    #buynow .payment img { display: block; height: 38px; margin: 0 auto 15px !important; }

}

/* xs */
@media (max-width: 479px){

    /* header */
    #header .user-info { display: block; }
    #header .user-break { display: none; }

}