body
{ margin: 0; padding: 0; font-family: 'Roboto', Helvetica, Sans-serif; }
div.inner
{ margin: 0 auto 0 auto; padding: 0; width: 100%; max-width: 1200px; text-align: left; overflow: hidden; position: relative; }

h1, h2, h3, ul, p
{ margin: 0; padding: 0; font-weight: normal; }
span.green
{ padding: 4px 8px 4px 8px; font-weight: bold; color: #FBDE73; background: #000000; }
span.simple-green
{ color: #1BB325; }
span.simple-red
{ color: #FF0000; }
.margintop10
{ margin-top: 10px; }
.marginright320
{ clear: left; margin-right: 320px; }
.nopadding
{ padding: 0; }
.aligncenter
{ text-align: center !important; }
.floatright
{ float: right !important; }
a
{ color: #1F70CC; text-decoration: underline; }
h2
{ position: relative; }
h2 span
{ position: absolute; top: -18px; }
h2 a
{ display: block; margin-top: 20px; color: inherit; background: transparent; text-decoration: none; }

div#top-bar
{ height: 70px; color: #2B2B2A; background: #F8F8F8; text-align: center; border-top: 2px solid #F22C25; position: relative; z-index: 98; }
div#top-bar img
{ margin: 4px 0 0 4px; }
div#top-bar p
{ margin: 20px 60px 10px 10px; padding: 0; float: right; font-size: 18px; font-weight: bold; line-height: 24px; }
div#top-bar span
{ color: #F22C25; }
#show
{ display: none; }
#hide
{ display: block;}
#show:target
{ display: block; }
#hide:target
{ display: none; }

div#product-box
{ position: fixed; top: 0; left: 50%; margin-left: 280px; width: 300px; padding: 10px; height: 600px; color: inherit; background: #FFFFFF; text-align: center; z-index: 97; }
div#product-box h2,
div#product-box h3
{ margin-top: 10px; height: 69px; font-size: 24px; line-height: 28px; }
div#product-box img
{ margin-top: 11px; width: 240px; height: 240px; }
div#product-box img.mob
{ display: none; }
div#product-box div.plus
{ margin: 5px auto 10px auto; padding: 10px; width: 210px; }
div#product-box p
{ padding-top: 5px; font-size: 15px; line-height: 19px; }
div#product-box p a
{ color: inherit; text-decoration: none; }
div#product-box p a:hover
{ text-decoration: underline; }
span.instead
{ margin: 0 4px 0 4px; }
div.half p.price span
{ font-weight: bold; color: green; }

div#main-bar
{ padding: 20px 0 40px 0; }
div#main-bar h1
{ margin: 20px 320px 0 0; font-size: 40px; font-weight: bold; line-height: 44px; }
div#main-bar h2
{ margin: 10px 320px 0 0; font-size: 28px; line-height: 32px; }
div#main-bar ul
{ margin: 20px 320px 0 40px; font-size: 20px; line-height: 30px; list-style-image: url(../images/diamond-red-16.png); }
div#main-bar p
{ margin: 20px 320px 0 0; font-size: 20px; line-height: 30px; }

div.grey-text
{ padding-bottom: 30px; color: inherit; background: #F8F8F8; }
div.orange-text
{ padding-bottom: 20px; color: #FBDE73; background: #000000; }
div.red-text
{ padding-bottom: 20px; color: #FBDE73; background: #000000; }
div.white-text
{ padding-bottom: 30px; color: inherit; background: #FFFFFF; }
div.grey-text h2,
div.white-text h2
{ margin: 20px 320px 0 0; font-size: 26px; line-height: 30px; }
{ margin: 20px 320px 0 0; font-size: 26px; line-height: 30px; }
div.orange-text h2,
div.red-text h2
{ margin: 20px 320px 0 0; font-size: 36px; line-height: 40px; }
div.white-text h3
{ margin: 10px 320px 0 0; font-size: 20px; line-height: 26px; }
div.grey-text ul,
div.orange-text ul,
div.red-text ul,
div.white-text ul,
div.grey-text ol,
div.orange-text ol,
div.red-text ol,
div.white-text ol
{ margin: 20px 330px 0 40px; font-size: 20px; line-height: 30px; }
div.white-text ul
{ margin-bottom: 30px; list-style-image: url(../images/diamond-red-16.png); }
div#main-bar ul.check,
div.grey-text ul.check,
div.orange-text ul.check,
div.red-text ul.check,
div.white-text ul.check
{ list-style-image: url(/images/list-check-blue.png); }
div.grey-text p,
div.orange-text p,
div.red-text p,
div.white-text p
{ margin: 20px 320px 0 0; padding-right: 10px; font-size: 20px; line-height: 30px; }
div.grey-text p img,
div.orange-text p img,
div.red-text p img,
div.white-text p img
{ float: left; margin: 0 20px 10px 0; }
div.grey-text img.centered,
div.orange-text img.centered,
div.red-text img.centered,
div.white-text img.centered
{ display: block; margin: 20px auto 10px auto; }
ol li
{ margin-top: 4px; }

div.half
{ float: left; width: 50%; }
div.half h3
{ margin: 0 20px 0 0; }
div.half h4
{ margin: 20px 0 10px 0; font-size: 26px; line-height: 30px; }
div.half p
{ margin: 5px 20px 10px 0; font-size: 18px; line-height: 24px; }
div.half p.price
{ margin: 20px auto 20px auto; width: 200px; padding: 10px; text-align: center; border: 1px solid #2B2B2A; border-radius: 6px; }
div.half p.imagedesc
{ padding: 5px; font-size: 17px; font-weight: bold; line-height: 23px; color: #FFFFFF; background: #5586D3; text-align: center; }
div.half ul
{ margin-right: 20px; font-size: 18px; line-height: 24px; }
div.half img.regular
{ width: 90%; margin: 10px auto 0 auto; max-width: 400px; display: block; cursor: zoom-in; }
div.half img.big,
img.big
{ width: 100%; margin: 0 auto 0 auto; max-width: 440px; display: block; }
div.half li
{ margin-bottom: 5px; }
img.bonus-pic
{ width: 90%; max-width: 290px; margin: 20px auto 10px auto; display: block; }
img.full-pic
{ width: 100%; margin: 20px 0 10px 0; display: block; }
.happy-face
{ background: transparent url(images/happy-face.png) center 50px no-repeat; }
.sad-face
{ background: transparent url(images/sad-face.png) center 50px no-repeat; }
div.one-minute
{ float: left; margin: -5px 5px 0 0; width: 120px; height: 120px; color: #918243; background: transparent url(images/egy-perc.png) left top no-repeat; }
div.one-minute p
{ margin: 24px 0 0 10px; font-size: 26px; font-weight: bold; line-height: 30px; text-align: center; }

/* form */
form fieldset
{ padding: 0; font-family: 'Roboto', Helvetica, Sans-serif; border: 0; }
form#buy input[type="submit"]
{ margin: 10px 0 10px 0; width: 230px; height: 40px; font-size: 18px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #1F70CC; border: 0; box-shadow: 0 0 4px #AAAAAA; cursor: pointer; }
div.half form#buy input[type="submit"]
{ width: 90%; }
form#buy input[type="submit"]:hover
{ background: #23E661; }
form#buy div
{ font-size: 15px; line-height: 25px; text-align: center; }
form#buy p#bundle-price
{ font-size: 36px; background: red; }
p.success-message
{ width: 100%; margin: 10px 0 10px 0; padding: 10px; font-weight: bold; color: #FFFFFF; background: #3FB54E; border: 2px solid #3FB54E; position: absolute; top: 10px; left: 0; z-index: 99; }
p.success-message a
{ color: #FFFFFF; }
div.dummy-button
{ margin: 10px auto 10px auto; width: 230px; height: 40px; font-size: 18px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #1F70CC; text-align: center; border: 0; box-shadow: 0 0 4px #AAAAAA; }
div.dummy-button a
{ color: #FFFFFF; text-decoration: none; display: block; }
div.dummy-button a:hover
{ background: #278CFF; }
div.dummy-button.preview, div.dummy-button.preview a
{ color: #1F70CC; background: #FFFFFF; }
div.dummy-button.preview a:hover
{ color: #FFFFFF; background: #278CFF; }
img.badge
{ display: none; }
div.white-text h3.buy
{ font-size: 30px; line-height: 34px; text-align: center; }

form#preview fieldset
{ padding-top: 20px; }
form#preview p
{ clear: left; margin-right: 0; padding-top: 10px; font-size: 16px; line-height: 20px; }
form#preview input
{ float: left; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 40px; }
form#preview input[type="text"]
{ width: calc(100% - 90px); padding: 0 10px 0 10px; height: 40px; font-size: 17px; line-height: 40px; background: #FFFFFF; border: 1px solid #1F70CC; border-left: 10px solid #1F70CC; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
form#preview input[type="submit"]
{ width: 80px; height: 40px;  font-weight: bold; color: #FFFFFF; background: #1F70CC; border: 0; cursor: pointer; }
form#preview input[type="submit"]:hover
{ padding-top: 1px; }

/* contact */
h2#contact-title
{ padding: 20px 20px 0 20px; font-size: 30px; line-height: 34px; text-align: center; }
section#contact
{ margin-top: 30px; }
section#contact div
{ float: left; width: 50%; }
section#contact form
{ font-family: 'Roboto', Helvetica, Sans-serif; }
section#contact label
{ display: inline-block; float: left; width: 100px; margin-top: 10px; font-weight: bold; }
section#contact input[type="text"],
section#contact input[type="email"]
{ margin-top: 10px; padding: 0 5px 0 5px; width: calc(100% - 115px); height: 30px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 14px; letter-spacing: 1px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
section#contact textarea
{ margin-top: 10px; padding: 5px; width: calc(100% - 115px); height: 90px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 14px; letter-spacing: 1px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
section#contact input[type="submit"]
{ float: right; margin: 10px 13px 0 0; padding: 5px 20px 5px 20px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; background: #F22C25; border: 1px solid #D92721; cursor: pointer; }
section#contact input[type="submit"]:hover
{ color: #FFFFFF; background: #FD0F0F; border-color: #CC0000; }
section#contact h3
{ margin: 0 0 0 50px; padding: 0; font-size: 26px; line-height: 47px; color: #2B2B2A; text-transform: none; }
section#contact h3 span
{ position: relative; top: 0; font-weight: normal; font-size: 18px; }
section#contact h3:first-of-type
{ margin-top: 13px; }
section#contact h3.success
{ margin: 0; line-height: 30px; color: #549E3A; background: transparent; }
section#contact h3.success span,
section#contact h3.error span
{ display: block; float: left; width: 28px; height: 28px; margin-right: 10px; color: #FFFFFF; background: #549E3A; text-align: center; border-radius: 14px; }
section#contact h3.error
{ margin: 0; line-height: 30px; color: #FF0000; background: transparent; }
section#contact h3.error span
{ background: #FF0000; }
section#contact h4
{ margin: 0 0 0 50px; padding: 2px 0 0 0; font-size: 22px; line-height: 26px; color: #2286BB; background: transparent; }
section#contact p
{ margin: 10px 0 0 50px; padding: 0; font-size: 17px; line-height: 24px; }
section#contact p.error
{ margin: 10px; font-weight: bold; color: red; background: transparent; }
section#contact img
{ float: left; margin-right: 10px; width: 47px; height: 47px; }

img.portrait
{ float: left; width: 200px; height: 200px; margin: 20px 20px 10px 0; }
h2.question
{ margin: 20px 10px 0 10px; padding-bottom: 20px; font-weight: bold; color: #1F70CC; background: transparent; text-align: center; }
span.init
{ display: block; float: left; margin-right: 10px; margin-top: -8px; width: 40px; height: 40px; font-size: 24px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #1F70CC; text-align: center; }
p.underlined
{ margin-top: 0 !important; margin-right: 0 !important; padding-top: 8px; background: #FFFFFF; border-bottom: 1px solid #1F70CC; overflow: hidden; }

@media only screen and (max-width: 300px)
{
	div#top-bar p
	{ display: none; }
	div#top-bar img
	{ margin: 4px auto 0 auto !important; display: block; }
	img.badge
	{ display: none !important; }
}
@media only screen and (max-width: 369px)
{ /* mobil nezet 300px */
	div.white-text h3.buy
	{ font-size: 20px; line-height: 24px; }
}
@media only screen and (max-width: 399px)
{
	img.portrait
	{ width: 50%; height: 50%; max-width: 150px; max-height: 150px; margin: 20px 20px 20px 0; }
}
@media only screen and (max-width: 499px)
{ /* betumeret-allitas */
	div#main-bar h1
	{ font-size: 30px; line-height: 34px; }
	div#main-bar h2, div.grey-text h2, div.white-text h2, div.orange-text h2, div.red-text h2
	{ font-size: 22px; line-height: 26px; }
	div#main-bar ul, div#main-bar p, div.grey-text ul, div.white-text ul, div.orange-text ul, div.red-text ul, div.grey-text p, div.white-text p, div.orange-text p, div.red-text p
	{ font-size: 18px; line-height: 28px; }
	div.half
	{ float: none; width: 100%; margin-bottom: 30px; }
}
@media only screen and (max-width: 549px)
{
	div#product-box h3
	{ display: none; }
	div.dummy-button
	{ font-size: 14px; }
}
@media only screen and (max-width: 799px)
{ /* mobil nezet */
	.marginright320
	{ margin-right: 10px; }
	h2 span
	{ top: -160px !important; }
	div#top-bar
	{ height: 50px; }
	div#top-bar img
	{ height: 40px; }
	div#top-bar p
	{ margin: 15px 20px 0 0; font-size: 14px; }
	div#product-box
	{ left: 0; padding: 0; width: calc(100% - 10px); height: 140px; color: inherit; background: #FFFFFF; text-align: left; border-bottom: 2px solid #F22C25; }
	div#product-box img
	{ display: inline; float: left; width: 64px; height: 64px; }
	div#product-box div.plus,
	div#product-box p
	{ display: none; }
	div#product-box h2
	{ display: block; height: 52px; margin: 0; padding: 0 10px 0 10px; font-size: 20px; line-height: 52px; color: #FFFFFF; background: #F22C25; }
	div#product-box h3
	{ float: left; width: 180px; margin: 20px 0 0 10px; font-size: 16px; line-height: 22px; }
	div.dummy-button
	{ float: right; width: auto; margin: 25px 10px 0 10px; }
	div.dummy-button a
	{ padding: 0 10px 0 10px; }
	img.badge
	{ float: right !important; }
	div#product-box div.price
	{ position: fixed; top: 0; left: 0; margin: 0; padding: 10px; font-size: 17px; line-height: 30px; color: #FFFFFF; background: transparent; }
	div#product-box div.price span.green
	{ color: #FFFFFF; }
	div#main-bar
	{ margin-top: 70px; }
	div#main-bar h1, div#main-bar h2, div#main-bar ul, div#main-bar p, div.grey-text h2, div.white-text h2, div.orange-text h2, div.red-text h2, div.grey-text ul, div.white-text ul, div.orange-text ul, div.red-text ul, div.grey-text p, div.white-text p, div.orange-text p, div.red-text p
	{ margin-right: 10px; }
}
@media only screen and (max-width: 1239px)
{ /* tablet nezet */
	div#product-box
	{ left: auto; right: 10px; margin-left: 0; }
	div#main-bar, div.grey-text, div.orange-text, div.red-text, div.grey-text ul, div.white-text
	{ padding-left: 10px; }
	section#contact div
	{ float: none; width: 100%; }
}
/* Featherlight - ultra slim jQuery lightbox */
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}