/* @font-face{ font-family: "Roboto"; src: url("fonts/Roboto-regular.eot"); src: url("fonts/Roboto-regular.eot?#iefix") format('embedded-opentype'), url("fonts/Roboto-regular.woff2") format('woff2'), url("fonts/Roboto-regular.woff") format('woff'), url("fonts/Roboto-regular.ttf") format('truetype'); font-weight: 400; font-style: normal; }@font-face{ font-family: "Roboto"; src: url('fonts/Roboto-semibold.eot'); src: url('fonts/Roboto-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-semibold.woff2') format('woff2'), url('fonts/Roboto-semibold.woff') format('woff'), url('fonts/Roboto-semibold.ttf') format('truetype'); font-weight: 700; font-style: normal; } */
body
{ margin: 0; padding: 69px 0 0 0; font-family: 'Roboto', Helvetica, Sans-serif; color: #FFFFFF; background: #2B2B2A; text-align: center; }
fieldset
{ margin: 0; padding: 0; border: 0; }
h1
{ margin: 10px 0 40px 0; padding: 10px 0 0 0; font-size: 50px; font-weight: 300; line-height: 54px; text-align: center; position: relative; }
h2
{ margin: 0 0 20px 0; padding: 40px 0 0 0; font-size: 34px; font-weight: 300; line-height: 38px; position: relative; }
h3
{ margin: 0 0 4px 0; padding: 20px 0 0 0; font-size: 24px; line-height: 28px; color: #F22C25; background: transparent; position: relative; }
h4
{ margin: 0 0 10px 0; padding: 0; font-size: 18px; font-weight: normal; line-height: 22px; color: #000000; background: transparent; }
div.clear
{ clear: both; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
div.clear-left
{ clear: left; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
div.clear-right
{ clear: right; margin: 0 !important; float: none !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
.showthis
{ display: none; }
input, textarea
{ font-family: 'Roboto', Helvetica, Sans-serif; }
.align-center
{ text-align: center !important; }
.align-right
{ text-align: right !important; }
.greyback
{ background: #F4F4F4 !important; }
.margin-top-80
{ margin-top: 80px !important; }
.margin-bottom-40
{ margin-bottom: 40px !important; }
div.margin20
{ margin-top: 20px; height: 0; font-size: 0; line-height: 0; }
h1 span, h2 span, h3 span
{ position: absolute; top: -70px; }
h2 img
{ float: left; margin-right: 16px; }
a:hover,
input[type="submit"]:hover,
footer div.footer-things div:hover,
section#guarantee div:hover,
div.launch-box div.inner:hover,
div.blog-box:hover,
div.blog-box div a:hover,
div.module-box div:hover,
div.category:hover,
div#like-box:hover,
div#right form div.showmore:hover,
div#right form div.showmore:hover span
{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
p.success-message, p.error-message
{ margin: 10px 0 10px 0 !important; padding: 10px !important; font-weight: bold !important; }
p.success-message
{ color: #3FB54E; border: 2px solid #3FB54E; }
p.success-message a
{ color: #3FB54E !important; }
p.error-message
{ color: #FFFFFF !important; background: #2B2B2A !important; border: 2px solid #F22C25 !important; }
p a, li a, h3 a, div.toolkits div a
{ color: #F22C25; }
p a:hover, li a:hover, h3 a:hover, div.toolkits div a:hover
{ text-decoration: none; }
.red
{ color: #F22C25 !important; }
.green
{ color: green !important; }
.black
{ color: #2B2B2A !important; }
.gold
{ color: gold !important; }
.highlight
{ background: yellow !important; }
ol.sparse li, ul.sparse li
{ margin-bottom: 15px !important; }
ol.sparse li strong, ul.sparse li strong
{ color: #F22C25 !important; }
ol.sparse li ul, ul.sparse li ul
{ margin-top: 15px !important; }
ol.sparse li ul li, ul.sparse li ul li
{ margin-bottom: 0 !important; }
ol.bold, ul.bold
{ font-weight: bold !important; }
::selection
{ color: #FFFFFF; background: #2B2B2A; }
h2.centered
{ margin-top: -36px; padding-top: 0; text-align: center; }

/* note on top of the page */
div.note
{ position: absolute; z-index: 98; top: 128px; left: 0; right: 0; padding: 5px; color: #FFFFFF; background: #0D9E59; text-align: center; font-size: 16px; font-weight: bold; line-height: 24px; overflow: hidden; }
div.note.redback
{ background: #F22C25; }
div.note a
{ color: #FFFFFF !important; }

/* default buttons */
div.dummy-button
{ margin: 10px auto 20px auto !important; padding: 0 10px 0 10px !important; width: 200px !important; height: 40px !important; font-size: 20px !important; font-weight: bold !important; line-height: 40px !important; color: #FFFFFF !important; background: #F22C25 !important; text-align: center !important; border: 0 !important; cursor: pointer !important; }
div.dummy-button.right
{ float: right; margin-top: 0 !important; }
div.dummy-button.green-button
{ background: green !important; }
div.dummy-button a
{ color: #FFFFFF !important; text-decoration: none !important; }
input.red-button
{ display: block; margin: 20px auto 20px auto !important; padding: 0 10px 0 10px; height: 40px; font-size: 20px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #F22C25; text-align: center; border: 0; cursor: pointer; }
input.blue-button
{ display: block; margin: 20px auto 20px auto !important; padding: 0 10px 0 10px; height: 40px; font-size: 18px; line-height: 40px; color: #FFFFFF; background: #258BF2; text-align: center; text-transform: uppercase; border: 0; cursor: pointer; }
input.white-button
{ height: 40px; font-size: 20px; font-weight: bold; line-height: 40px; color: #F22C25; background: #FFFFFF; text-align: center; border: 0; cursor: pointer; }
div.button-big-fb
{ margin: 20px auto 20px auto; width: 260px; height: 46px; font-size: 24px; font-weight: bold; line-height: 46px; color: #FFFFFF; background: #4267B2; text-align: center; }

section p
{ font-size: 18px; line-height: 28px; }

/* facebook */
.fb_iframe_widget span
{ overflow: initial !important; }
.fb_iframe_widget iframe
{ width: 340px !important; height: 500px !important; }

/* hirlevel */
div#newsletter-popup
{ color: #222222; background: #FFFFFF; }
div#newsletter-popup img
{ float: left; width: 223px; height: 300px; margin-right: 8px; }
div#newsletter-popup h5
{ margin: 0; padding-top: 6px; font-size: 23px; line-height: 27px; color: #FA6900; }
div#newsletter-popup h6
{ margin: 6px 0 0 0; font-size: 15px; line-height: 19px; }
div#newsletter-popup p
{ font-size: 15px; line-height: 23px; text-align: left; }
div#newsletter-popup p.disclaimer
{ margin-top: 10px; font-size: 13px; line-height: 21px; text-align: center; }
div#newsletter-popup input[type="email"]
{ width: 100%; height: 40px; padding: 5px; font-family: 'Titillium Web', Helvetica, Sans-serif; font-size: 15px; letter-spacing: 1px; text-align: center; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
div#newsletter-popup input[type="submit"]
{ margin-top: 6px; width: 100%; height: 40px; padding: 5px 20px 5px 20px; font-family: 'Dosis', Helvetica, Sans-serif; font-size: 18px; font-weight: bold; line-height: 22px; color: #FFFFFF; background: #F38630; border: 1px solid #FA6900; cursor: pointer; }
div#newsletter-popup input[type="submit"]:hover
{ background: #69D2E7; border-color: #FA6900; }

/* cookie-bar */
div#cookie-bar
{ position: fixed; bottom: 0; left: 0; width: 100%; color: #FFFFFF; background: #F22C25; overflow: hidden; opacity: 0.95; z-index: 90; }
div#cookie-bar section
{ padding: 20px; }
div#cookie-bar div.left
{ float: left; width: calc(100% - 240px); }
div#cookie-bar div.right
{ float: right; width: 240px; text-align: center; }
div#cookie-bar p
{ margin: auto 20px auto 0; padding: 0; font-size: 16px; line-height: 20px; }
div#cookie-bar a
{ margin-left: 10px; color: #FFFFFF; }
div#cookie-bar a:hover
{ text-decoration: none; }

/* top facebook group ad */
div#top-fb-group-ad
{ margin: 0 0 -15px 0; color: #FFFFFF; background: #0099E6; }
div#top-fb-group-ad div.inner
{ margin: 0 auto 10px auto; max-width: 1200px; width: 96%; background-image: url(images/icons/course-sprite_2.png); background-position: 0 -560px; text-align: left; overflow: hidden; }
div#top-fb-group-ad p
{ margin: 0 0 0 30px; padding: 10px; line-height: 24px; background: #0099E6; }
div#top-fb-group-ad p a
{ display: inline-block; padding: 3px 10px 3px 10px; font-weight: bold; border-radius: 5px; color: #FFFFFF; background: #F22C25; text-decoration: none; }
div#top-fb-group-ad p a:hover
{ background: #FF0000; }
/* breadcrumbs */
div#breadcrumbs
{ margin-top: 1px; color: #2B2B2A; background: #EEEEEE; }
div#breadcrumbs section
{ margin-top: 0; margin-bottom: 0; padding: 13px 0 13px 20px; font-size: 14px; line-height: 18px; }
div#breadcrumbs a
{ color: #2B2B2A; text-decoration: none; }
div#breadcrumbs span
{ margin: 0 5px 0 5px; color: #F22C25; }
div#breadcrumbs a:hover
{ color: #F22C25; }

/* menu */
div#menu
{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 68px; background: linear-gradient(#FFFFFF 0,#F7F7F7 60px); border-top: 2px solid #F22C25; }
div#menu img.logopic
{ width: 130px; height: 39px; margin-top: -5px; }
div#toggler
{ position: fixed; display: none; top: 17px; left: 0; width: 64px; height: 64px; cursor: pointer; }
div#toggler img
{ width: 36px; height: 36px; }
nav
{ float: right; margin-top: 0px; }
nav a
{ padding: 0 6px 0 6px; font-size: 15px; line-height: 34px; font-weight: bold; color: #2B2B2A; background: transparent; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase; display: inline-block; }
nav a:hover
{ color: #FFFFFF; background: #F22C25; text-shadow: none; -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; }
nav a.login
{ margin-left: 8px; border: 1px solid #2B2B2A; border-radius: 6px; }
nav a.login:hover
{ border-color: #F22C25; border-radius: 6px; }
nav a.cart
{ width: 34px; height: 34px; margin-left: 10px; padding: 0; font-size: 21px; color: #F22C25; background: transparent url(/images/cart.png) left center no-repeat; text-align: center; }
nav.a cart sup
{ background: #FFFFFF; }

/* mobile menu */
div#toggle-menu
{ position: fixed; top: 70px; left: 10px; width: calc(100% - 30px); margin-right: 10px; padding: 0 10px 10px 0; color: #FFFFFF; background: #F22C25; box-shadow: 0 0 10px #E2E3DE; z-index: 99; text-align: left; display: none; }
div#toggle-menu a
{ margin: 0 0 0 10px; padding: 0; color: #FFFFFF; background: transparent; text-shadow: none; border: 0; }
div#toggle-menu a:hover
{ color: #2B2B2A; }
div#toggle-menu:after
{ content:""; position: absolute; width: 0; top: -15px; right: auto; bottom: auto; left: 0; border-width: 0 22px 15px; border-style: solid; border-color: #F22C25 transparent; display: block; }

/* banner */
div#topbanner, div#topbanner-mob
{ margin-top: 11px; background: #F22C25; }
div#topbanner-mob
{ display: none; }
div#topbanner img, div#topbanner-mob img
{ margin-bottom: -4px; }
div#topbanner-mob img
{ width: 100%; }
div#banner
{ margin-top: 11px; height: 299px; background: #3E5C9A url(images/banner-1.jpg) center center no-repeat; position: relative; cursor: default; }
div#banner p#main-title
{ margin: 0; padding: 5% 10px 1% 10px; font-size: 68px; line-height: 80px; color: #FFFFFF; background: transparent; text-align: center; text-shadow: 0 0 10px #2B2B2A; display: none; }
div#banner h1#sub-title
{ margin: 0; padding: 0; font-size: 24px; font-weight: normal; line-height: 28px; color: #FFFFFF; background: transparent; text-align: center; text-shadow: 0 0 5px #2B2B2A; display: none; }
div#banner section
{ margin-bottom: 0; padding: 0; }
div#banner div,
section.about-rapiduni div.button
{ margin: 3% auto 0 auto; width: 143px; height: 46px; font-size: 22px; font-weight: bold; line-height: 46px; color: #FFFFFF; background: #F22C25; text-align: center; border: 1px solid #FFEEED; }
div#banner div
{ bottom: 50px; left: 0; right: 0; position: absolute; }
div#banner div a,
section.about-rapiduni div.button a
{ color: #FFFFFF; text-decoration: none; display: block; }
div#banner div a:hover,
section.about-rapiduni div.button a:hover
{ background: #FF4640; border-radius: inherit; }
div#subtitle-div
{ margin-top: -4px; color: #FFFFFF; background: #2B2B2A; }
div#subtitle-div section
{ margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; text-align: center; overflow: visible; }
div#subtitle-div section blockquote
{ margin: 0 10px 0 10px; padding: 25px 0 5px 0; font-size: 24px; letter-spacing: 0; line-height: 28px; color: #DBD4D2; background: transparent; }
div#subtitle-div section blockquote span
{ margin: 0 3px 0 3px; font-family: Times; }
a.subtitle-under
{ height: 24px; font-size: 14px; line-height: 24px; color: #B2938C; text-decoration: none; text-transform: uppercase; }

/* main story */
div#main-story
{ color: #FFFFFF; background: #2B2B2A; }
div#main-story section
{ margin-top: 0; }
div#main-story img
{ float: right; margin: 10px 10px 10px 20px; width: 457px; height: 162px; }
div#main-story h2
{ margin: 20px 0 10px 0; padding: 0; }
div#main-story p
{ margin: 5px 0 5px 0; padding: 0; }

/* homepage ads */
div.homepagead
{ padding-top: 40px; }
div.homepagead h3
{ font-size: 40px; font-weight: normal; line-height: 50px; color: #2B2B2A; }
div.homepagead h3 strong
{ font-weight: normal; }
div.homepagead h4
{ font-size: 21px; line-height: 27px; }
div.homepagead img.image-1, div.homepagead img.image-3
{ float: left; width: 290px; height: 290px; margin-right: 40px; }

/* quote-bar */
div#quote-bar
{ clear: both; padding: 10px; margin-top: 50px; font-size: 30px; font-weight: 300; line-height: 40px; border: 2px solid #f99693; text-align: center; }
div#quote-bar span.quotesign
{ margin: 0 4px 0 4px; font-family: Times; font-weight: bold; }
div#quote-bar p
{ margin: 10px 0 -25px 0; font-size: 17px; font-weight: bold; line-height: 30px; }
div#quote-bar p span
{ padding: 0 10px 0 10px; color: #F22C25; background: #FFFFFF; }

/* quote-box */
div.quote-box
{ margin: 20px 0 20px 0; padding: 20px; color: inherit; background: #F8F8F8; text-align: right; border-radius: 10px; overflow: hidden; }
div.quote-box blockquote
{ margin: 0; font-size: 24px; line-height: 28px; }
div.quote-box blockquote:before, div.quote-box blockquote:after
{ font-size: 80px; line-height: 20px; }
div.quote-box blockquote:before
{ content: "\201E"; margin-right: 5px; color: #CCCCCC; }
div.quote-box blockquote:after
{ content: "\201D"; margin-left: 5px; color: #CCCCCC; vertical-align: -30px; }
div.quote-box p
{ margin: 10px 0 0 0; padding: 0; display: inline; }
div.quote-box img
{ float: right; margin-left: 20px; width: 100px; height: 100px; }

/* mp lp */
div#mplp
{ background: url(images/mplp-back.png) center -20px no-repeat, url(images/mplp-back-3.jpg) center bottom no-repeat; }
div#mplp section
{ margin-bottom: 0; text-align: left; background: transparent; position: relative; }
div#mplp h1
{ margin: 30px 0 0 0; font-size: 78px; letter-spacing: -2px; line-height: 84px; font-weight: 100; text-align: left; }
div#mplp h1 em
{ font-style: normal; color: #F22C25; }
div#mplp h1.mob
{ margin-top: 20px; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 40px; text-align: center; display: none; }
img.mob-back
{ display: none; margin: 20px 0 0 -4%; width: 107%; }
div#mplp h2
{ margin-top: 20px; font-size: 30px; font-weight: 900; letter-spacing: -1px; line-height: 40px; }
div#mplp p
{ margin: 5px 0 0 0; padding: 0; }
div#mplp p.new-block
{ margin-top: 30px; }
div#mplp p span
{ font-weight: bold; color: #F22C25; }
div.button-consultation
{ width: 300px; height: 60px; margin: 40px 0 30px 15%; font-size: 22px; font-weight: 900; line-height: 60px; color: #FFFFFF; background: linear-gradient(to right, #F22C25, #FF3A33); text-align: center; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); border-radius: 10px; }
div.button-consultation:hover, form.bookf input[type="submit"]:hover
{ box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
div.button-consultation a
{ display: block; color: #FFFFFF; text-decoration: none; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
div.button-consultation a:hover
{ background-color: red; }
img#b-pic
{ float: right; margin: 14px 0 0 0; width: 600px; height: 444px; }
div#b-pic img.front
{ z-index: 3; }
div#mplp-body
{ margin-top: 100px; padding-bottom: 200px; padding-left: 120px; background: transparent url(images/mplp-target.png) left top no-repeat; }
div#mplp-body h3, div#mplp-reviews h2, div#mplp-comeon h2
{ margin-top: 0; font-size: 40px; line-height: 50px; color: #2B2B2A; }
div#mplp-body h3.subtitle
{ margin: 50px 10px 0 -100px; padding: 20px 0 20px 100px; background: transparent url(images/check.png) 0 10px no-repeat; }
div#mplp-body h4
{ margin: 50px 0 15px 0; font-size: 34px; font-weight: 300; line-height: 40px; }
div#mplp-body img#introduction
{ float: left; margin: 20px 20px 0 -120px; max-width: 200px; max-height: 200px; width: 90%; filter: drop-shadow(0 0 10px rgba(0,0,0,0.1)); }
div.mplp-blocks
{ margin: 20px 240px 30px 40px; padding: 10px 90px 20px 20px; background-color: #FFFFFF; background-position: right 20px center; background-repeat: no-repeat; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); position: relative; }
div.mplp-blocks img
{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 25px; }
div#specs
{ margin-top: 50px; overflow: hidden; }
div#specs div.outer
{ float: left; width: 33%; text-align: center; }
div#specs div.outer img
{ max-width: 346px; max-height: 258px; width: 90%; margin: 0 auto 0 auto; }
div#specs div h5
{ margin: 20px 20px 0 20px; font-size: 24px; line-height: 30px; }
div#specs div p
{ margin: 5px 20px 0 20px; }
div#mplp-body p.align-center
{ margin: 0 240px 0 40px; padding: 10px 0 30px 0; }
div#mplp-footer
{ color: #FFFFFF; background: #2B2B2A; }
div#mplp-footer section
{ margin-top: 0; margin-bottom: 0; padding-bottom: 60px; overflow: visible; }
div#mplp-footer h2
{ text-align: center; }
div#mplp-footer img#mentor
{ display: block; margin: -10px auto -220px auto; transform: translateY(-50%); max-width: 550px; max-height: 411px; width: 90%; filter: drop-shadow(0 0 10px rgba(0,0,0,0.1)); }
div#mplp-comeon
{ color: #FFFFFF; background: #F22C25; }
div#mplp-comeon section
{ margin-top: 0; margin-bottom: 0; }
div#mplp-comeon h2
{ color: #FFFFFF; text-align: center; }
div#mplp-comeon div.button-consultation
{ margin: 40px auto 50px auto; color: #F22C25; background: linear-gradient(to right, #FFFFFF, #FAFAFA); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
div#mplp-comeon div.button-consultation:hover
{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0); }
div#mplp-comeon div.button-consultation a
{ color: #F22C25; }
div#mplp-comeon div.button-consultation a:hover
{ background-color: #FFFFFF; }
div#mplp-reviews
{ color: #2B2B2A; background: #FFFFFF; }
div#mplp-reviews section
{ padding-bottom: 50px; margin-top: 0; margin-bottom: 0; }
div#mplp-reviews h2
{ margin-bottom: 50px; font-weight: bold; text-align: center; }
/* reviews */
ul#lightSlider li
{ overflow: hidden; }
ul#lightSlider li div
{ float: left; }
ul#lightSlider li div.reviewer
{ float: left; width: 20%; text-align: center; }
ul#lightSlider li div.review
{ width: 60%; }
ul#lightSlider li div.review blockquote
{ margin: 10px 50px 10px 50px; font-size: 20px; line-height: 30px; }
ul#lightSlider li div.review blockquote span
{ font-family: 'Times New Roman', Times; font-weight: bold; color: #999999; }
ul#lightSlider li div.review blockquote span.in
{ margin: 0 5px 0 -15px; }
ul#lightSlider li div.review blockquote span.out
{ margin-left: 5px; }
ul#lightSlider li div.review p
{ text-align: center; }
ul#lightSlider li div.rating
{ width: 20%; text-align: center; }
ul#lightSlider li div.rating img
{ width: 150px; height: 158px; }

/* BOOKING */
/* forms */
form.bookf fieldset
{ margin: 20px 0 0 0; padding: 0; border: 0; }
form.bookf input
{ display: block; font-family: 'Roboto', Sans-serif; }
form.bookf input[type="text"],
form.bookf input[type="email"]
{ width: calc(100% - 20px); margin: 5px 0 15px 0; padding: 10px; font-size: 20px; line-height: 26px; border: 1px solid #F22C25; }
form.bookf input[type="submit"]
{ width: 300px; height: 60px; margin: 70px auto 20px auto; font-size: 22px; font-weight: 900; line-height: 60px; color: #FFFFFF; background: linear-gradient(to right, #F22C25, #FF3A33); text-align: center; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); border: 0; border-radius: 10px; cursor: pointer; }
form.bookf input[type="submit"]:hover
{ background-color: red; }
form.bookf select
{ margin-bottom: 15px; }
form.bookf label, form.bookf div.label-like
{ font-size: 20px; font-weight: bold; color: #F22C25; }
form.bookf input[type="radio"]
{ display: inline; }
form.bookf label.platform
{ float: left; width: 100px; margin: 10px 10px 30px 0; padding: 5px; font-size: 18px; font-weight: normal; color: #0A1D1F; text-align: left; border: 1px solid #F22C25; border-radius: 6px; cursor: pointer; }
form.bookf label span, form.bookf div.label-like span
{ display: inline-block; margin-right: 5px; width: 30px; height: 30px; font-size: 20px; line-height: 30px; color: #FFFFFF; background: #F22C25; text-align: center; border-radius: 15px; }
div#mplp-consultation div.error
{ margin: 5px 0 2px 0; padding: 5px; font-size: 14px; font-weight: bold; line-height: 24px; color: #FFFFFF; background: #2B2B2A; text-transform: uppercase; }
p#backstep
{ font-size: 15px; line-height: 19px; text-align: center; }
p#backstep a
{ color: #F22C25; text-decoration: none; }
p#backstep a:hover
{ text-decoration: underline; }
/* #sup */
form#sup input[type="email"]
{ float: left; width: calc(100% - 120px); }
form#sup input[type="submit"]
{ float: left; width: 120px; margin: 5px 0 0 0; height: 48px; font-size: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
form.bookf input[type="checkbox"]
{ float: left; margin-right: 5px; }
form#sup label
{ font-size: 15px; font-weight: normal; line-height: 19px; }
/* time-boxes */
div#mplp-consultation
{ width: 100%; max-width: 730px; margin: 0 auto 0 auto; }
div#mplp-consultation section
{ padding-bottom: 40px; }
div.cont-selector
{ margin-left: -5px; }
div.day-selector
{ float: left; width: 130px; margin: 15px 5px 5px 5px; background: #F7F7F7; text-align: center; }
div.day-selector h4
{ margin: 0; padding: 0; font-size: 15px; line-height: 40px; color: #FFFFFF; background: #2B2B2A; text-transform: uppercase; }
div.day-selector h5
{ margin: 0; padding: 5px; font-size: 15px; font-weight: normal; line-height: 26px; color: #FFFFFF; background: #999999; text-transform: uppercase; }
div.day-selector p
{ margin-bottom: 10px; font-size: 14px; }
div.day-selector ul
{ margin: 0; padding: 0; list-style-type: none; }
div.day-selector li
{ margin-top: 1px; font-size: 20px; font-weight: bold; line-height: 24px; color: #FFFFFF; background: #40D921; }
div.day-selector li a
{ padding: 5px; color: #FFFFFF; text-decoration: none; display: block; }
div.day-selector li a:hover
{ background: #F22C25; }
img#author-img
{ display: block; margin: 0 auto 0 auto; }

/* motivacios bank */
/* div#motivation
{ margin-top: 20px; background-color: #A61E19; background-image: repeating-linear-gradient(120deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)), linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)); background-size: 70px 120px; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); } */
div#motivation
{ background: linear-gradient(#F22C25, #D92721); -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); }
div#motivation section
{ position: relative; margin-top: 0; padding: 80px 0 40px 0; }
div#motivation div.arrow-left,
div#motivation div.arrow-right
{ position: absolute; top: 50%; margin-top: -50px; width: 30px; height: 100px; font-size: 40px; line-height: 100px; color: #FFFFFF; background: transparent; text-align: center; }
div#motivation div.arrow-left
{ left: 0; }
div#motivation div.arrow-right
{ right: 0; }
div#motivation div.arrow-left span,
div#motivation div.arrow-right span
{ display: none; }
div#motivation div.arrow-left a,
div#motivation div.arrow-right a
{ color: #FFFFFF; text-decoration: none; opacity: 0.4; display: block; }
div#motivation div.arrow-left a:hover,
div#motivation div.arrow-right a:hover
{ opacity: 0.6; filter: alpha(opacity=60); }
div#motivation section h1
{ margin: 0 100px 0 100px; padding: 0; font-size: 40px; font-weight: 300; line-height: 50px; color: #FFFFFF; text-align: left; text-shadow: 1px 1px 1px rgba(0,0,0, .2); }
div#motivation section h1 span
{ position: relative; top: 0; margin: 0 3px 0 3px; font-family: Times; }
div#motivation section p
{ float: right; margin: 20px 100px 0 0; padding: 9px 0 0 0; font-size: 17px; line-height: 23px; color: #FFFFFF; background: transparent; text-transform: uppercase; -webkit-background-clip: padding-box; background-clip: padding-box; border-top: 1px solid rgba(255, 255, 255, .6); }
div#motivation div.social-bar
{ position: absolute; bottom: 4px; left: 240px; }
div#motivation div.social-bar div
{ float: left; }
div#motivation div.fb-share
{ margin-top: 4px; }
img#motivation-picfly
{ width: 100%; }
/* likebox */
div#like-box
{ position: absolute; bottom: 0; left: 100px; padding: 0 0 0 24px; font-size: 15px; line-height: 25px; color: #2B2B2A; background: #FFFFFF url(images/diamond-red-16.png) 4px center no-repeat; border: 1px solid #2B2B2A; border-bottom: 0; opacity: 0.8; }
div#like-box:hover
{ opacity: 1; }
div#like-box span
{ display: inline-block; margin-left: 4px; padding: 0 6px 0 6px; color: #FFFFFF; background: #2B2B2A; }
div#like-box a
{ color: inherit; text-decoration: none; }
div#like-box a:hover
{ opacity: 1; }
/* sharing */
div#social-icons
{ margin: 20px 0 20px 0; }
div#social-icons img
{ float: left; width: 64px; height: 64px; margin-right: 10px; border: 0; object-fit: none; }
div#social-icons img.fb
{ object-position: 0 -540px; }
div#social-icons img.tw
{ object-position: -64px -540px; }
div#social-icons img.tb
{ object-position: -128px -540px; }
div#social-icons img.em
{ object-position: -192px -540px; }
div#social-icons img.ln
{ object-position: -256px -540px; }
input.text-copy
{ float: left; width: calc(100% - 124px); height: 30px; margin: 20px 0 20px 0; padding: 5px 10px 5px 10px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; line-height: 30px; color: #2B2B2A; background: #F8F8F8; border: 1px solid #CCCCCC;  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
button.text-copy-button
{ float: left; width: 100px; height: 42px; margin: 20px 0 20px 0; font-size: 17px; line-height: 42px; color: #FFFFFF; background: #F22C25; border: 0; cursor: pointer; }
/* tags */
form#tagfield div
{ padding: 10px; color: inherit; background: #F8F8F8; border: 1px solid #EEEEEE; overflow: hidden; }
form#tagfield label
{ float: left; width: 190px; margin: 5px 0 0 0; font-size: 16px; line-height: 24px; cursor: pointer; }
form#tagfield input[type="checkbox"]:checked + span
{ font-weight: bold; color: #F22C25; }

/* benefits */
div#benefits
{ padding: 10px; background: #EBEFF7; border-radius: 10px; overflow: hidden; }
div#benefits h2
{ margin: 0 0 20px 0; padding: 0; font-size: 22px; font-weight: bold; line-height: 26px; color: #32394D; background: transparent; text-align: center; }
div#benefits h3
{ font-weight: normal; }
div#benefits img
{ float: right; margin-left: 10px; }
div#benefits p
{ margin: 0 0 10px 0; padding: 0; }
div#benefits ol
{ margin-bottom: 10px; font-size: 17px; line-height: 25px; }
div#benefits li
{ margin-top: 10px; font-weight: bold; color: #F22C25; background: transparent; }
div#benefits li span
{ font-weight: normal; color: #2B2B2A; background: inherit; }
div#benefits a
{ color: #F22C25; }

/* no-permission box */
div#no-permission
{ margin: 20px 0 10px 0; padding: 10px; min-height: 70px; color: #2B2B2A; background: #EEEEEE url(/images/lock-large.png) 10px center no-repeat; }
div#no-permission div
{ margin-left: 70px; font-size: 26px; line-height: 30px; }
div#no-permission p
{ margin: 5px 0 0 70px; font-size: 17px; line-height: 23px; }

/* exchange box */
div#exchange
{ margin: 20px 0 10px 0; padding: 10px; min-height: 70px; color: #2B2B2A; background: #E6F3FA; }
div#exchange div
{ margin-left: 75px; font-size: 26px; line-height: 30px; }
div#exchange p
{ margin: 5px 0 0 75px; font-size: 17px; line-height: 23px; }
div#exchange.creditcard
{ background: #E6F3FA url(/images/creditcard.png) 10px center no-repeat; }
div#exchange.transfer
{ background: #E6F3FA url(/images/transfer.png) 10px center no-repeat; }

/* title-div */
div#title-div
{ text-align: center; color: #FFFFFF; background: #FA6900; }
div#title-div section
{ margin-top: 0; margin-bottom: 0; padding: 0; }
div#title-div h1
{ margin: 0; padding: 20px; font-size: 40px; line-height: 42px; text-align: center; }

/* about rapiduni */
div.rapiduni
{ margin-top: 20px; text-align: left; color: inherit; background: #F8F8F8; }
div.rapiduni h3
{ margin: 10px 0 0 0; }
div.rapiduni p
{ margin-top: 10px; font-size: 17px; line-height: 25px; }
section.about-rapiduni div, img
{ text-align: center; }
section.about-rapiduni div.dummy-button
{ width: 300px !important; }

/* blog */
div.blog-box
{ float: left; width: calc(33.3% - 22px); height: 388px; margin: 10px; border: 1px solid #EEEEEE; position: relative; }
div.blog-box img
{ width: 378px; height: 134px; display: block; overflow: hidden; }
div.blog-box h2
{ margin: 10px; padding: 0; font-size: 20px; font-weight: bold; line-height: 24px; }
div.blog-box p
{ margin: 0 10px 10px 10px; font-size: 17px; line-height: 27px; color: #2B2B2A; background: transparent; }
div.blog-box div.date-field
{ padding: 0 10px 0 10px; height: 30px; font-size: 14px; line-height: 30px; color: #FFFFFF; background: #F22C25; border-top: 2px solid #FFFFFF; }
div.blog-box div.date-field span.date
{ float: left; }
div.blog-box div.date-field span.rating
{ float: right; font-size: 18px; letter-spacing: -1px; color: gold; }
a.blog-box-a h2, a.blog-box-a p
{ color: #2B2B2A; text-decoration: none; display: block; }
a.blog-box-a:hover div.blog-box div.date-field
{ background: #2B2B2A; border-color: #FFFFFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a.blog-box-a:hover div.blog-box
{ background: #F7F7F7; }
div.blog-box div.bottom-bar
{ position: absolute; left: 0; bottom: 0; margin: 0 10px 0 10px; width: calc(100% - 20px); height: 30px; font-size: 15px; line-height: 30px; border-top: 1px solid #EEEEEE; }
div.blog-box div.bottom-bar span
{ padding-left: 20px; color: #999999; }
div.blog-box div.bottom-bar span.time
{ float: left; background: transparent url(images/icons/course-sprite.png) -452px -294px no-repeat; }
div.blog-box div.bottom-bar span.audio
{ float: right; }

/* article, course and lesson */
div#full
{ clear: both; }
div#left
{ float: left; width: calc(100% - 330px); }
div#right
{ float: right; width: 328px; }
div#right section
{ margin: 0 0 30px 30px; padding: 0 10px 0 10px; width: auto; color: inherit; background: #FCFCFC; border: 1px solid #EEEEEE; }
div#half-cont div.half
{ float: left; width: 50%; font-size: 17px; line-height: 25px; }
div#half-cont div.half ul
{ margin: 0; font-size: 16px; text-transform: uppercase; }
div#half-cont div.half ul a
{ text-decoration: none; }
div#half-cont div.half ul a:hover
{ text-decoration: underline; }
/* audio controller */
div#audio-header
{ padding: 5px; font-size: 16px; line-height: 20px; color: #FFFFFF; background: #F22C25; text-align: center; }
iframe#audio-embed
{ width: 100%; height: 70px; margin-bottom: 30px; border: 0; }
iframe#audio-embed.with-download
{ width: calc(100% - 70px); }
div.download-box
{ float: left; width: 70px; height: 70px; color: inherit; background: #3A3A3A; }
div.download-box img
{ width: 48px; height: 48px; margin: 11px 0 0 11px; }
div.download-box a
{ display: block; }
/* video headers */
div#video-header
{ color: #FFFFFF; background: #000000; }
div#video-header div
{ position: relative; max-width: 1200px; height: 0; margin: 0 auto 0 auto; padding-top: 40%; }
div.video-embed
{ position: relative; width: 100%; max-width: 1200px; height: 0; margin: 0 auto 30px auto; padding-bottom: 56.25%; }
div#video-header iframe,
div.video-embed iframe
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
/* lesson header images */
img#image-header
{ width: 100%; display: block; }
h1.image-header
{ width: calc(100% - 4%); margin: 0; padding: 2%; color: #FFFFFF; background: #3D3D3C; border-top: 4px solid #F22C25; }
div#image-subheader
{ margin-bottom: 20px; color: #FFFFFF; background: #2B2B2A; }
div#image-subheader div.inner
{ margin: 0 auto 0 auto; padding: 20px 0 20px 0; width: 100%; max-width: 1200px; text-align: left; overflow: hidden; }
div#image-subheader div.author
{ float: left; width: 100%; max-width: 230px; margin-left: 10px; }
div#image-subheader img
{ float: left; margin-right: 10px; width: 42px; height: 42px; }
div#image-subheader div.info
{ float: left; width: calc(100% - 460px); line-height: 22px; }
div#image-subheader div.social-bar
{ float: right; width: 200px; height: 24px; margin: 10px 10px 0 0; line-height: 24px; }
div#image-subheader div.social-bar div
{ float: right; }
div#image-subheader div.mailsend-button, div#motivation div.mailsend-button
{ width: 72px; height: 18px; margin: 4px 10px 0 10px; font-family: Verdana; font-size: 10px; font-weight: bold; line-height: 18px; color: inherit; background: #F22C25 url(images/icons/icon-email.png) 3px center no-repeat; border: 1px solid #D92721; border-radius: 3px; }
div#image-subheader div.mailsend-button a, div#motivation div.mailsend-button a
{ display: block; padding-left: 20px; color: #FFFFFF; text-decoration: none; }
div#image-subheader div.mailsend-button:hover, div#motivation div.mailsend-button:hover
{ background-color: #D92721; }
div#image-subheader span.diams
{ margin: 0 5px 0 10px; color: #999999; }
/* basic formatting */
ul.third-ul li, li.third-li
{ float: left; width: 33%; }
section.article p,
section.article ul,
section.article ol
{ margin: 0 0 20px 0; padding: 0; font-size: 20px; font-weight: 300; line-height: 32px; color: #2B2B2A; background: transparent; }
section.article p strong,
section.article ul strong,
section.article ol strong
{ font-weight: 900; color: #2B2B2A; }
section.article ul, section.article ol
{ clear: left; margin-left: 40px; }
section.article p span
{ font-weight: 400; }
section.article p span.interspace
{ font-weight: 300; letter-spacing: 2px; }
section.article ul.course, div#half-cont div.half ul
{ list-style-image: url(images/diamond-red-16.png); }
/* fuzetszeru lista */
section.article ul.note
{ height: auto; margin: 20px 0 20px 0; padding: 20px 0 20px 0; color: inherit; background: linear-gradient(to right,#F7F7F7 0 49px, #DDDDDD 49px 50px, #F7F7F7 50px); list-style-type: none; overflow: hidden; position: relative; }
section.article ul.note:before, section.article ul.note:after
{ content: ""; height: 4px; position: absolute; left: 0; right: 0; -webkit-clip-path: polygon(0% 0%, 5%  100%, 10% 0%, 15%  100%, 20% 0%, 25% 100%, 30% 0%, 35%  100%, 40% 0%, 45%  100%, 50% 0%, 55%  100%, 60% 0%, 65%  100%, 70% 0%, 75%  100%, 80% 0%, 85%  100%, 90% 0%, 95%  100%, 100% 0%); }
section.article ul.note:before
{ background-color: #FFFFFF; top: 0; }
section.article ul.note:after
{ background-color: #F7F7F7; bottom: -4px; }
section.article ul.note li:first-child
{ border-top: 1px solid #DDDDDD; }
section.article ul.note li
{ padding-left: 60px; color: inherit; background: transparent url(/images/diamond-red-16.png) 25px 10px no-repeat; border-bottom: 1px solid #DDDDDD; }
section.article p.source
{ margin-top: 30px; padding-top: 5px; font-size: 14px; line-height: 18px; border-top: 1px dashed #CCCCCC; }
section.article p.more-bottom
{ margin-top: 20px; font-size: 17px; line-height: 23px; text-align: right; }
section.article p.more-bottom a
{ color: inherit; text-decoration: none; }
section.article p.more-bottom a:hover
{ color: #F22C25; text-decoration: underline; }
section.article div.storybox
{ margin-top: 40px; margin-bottom: 20px; padding: 20px 10px 0 10px; color: inherit; background: #FFF6EB; border: 1px dashed #F22C25; border-radius: 10px; }
section.article div.storybox h3
{ margin: -33px 0 0 0; padding: 0 2px 0 2px; font-size: 17px; line-height: 21px; text-shadow: 1px 1px #FFFFFF, -1px 1px #FFFFFF, 1px -1px #FFFFFF, -1px -1px #FFFFFF; float: left; }
section.article div.exclamation
{ margin: 0 0 20px 0; padding: 10px; font-size: 20px; font-weight: 400; line-height: 32px; color: #555555; background: #F8F8F8; border: 1px solid #F22C25; border-left: 10px solid #F22C25; }
section.article div.docbox
{ margin-top: 40px; margin-bottom: 20px; padding: 20px; color: inherit; background: #F2F2F2; border-radius: 10px; overflow: hidden; }
section.article div.docbox img
{ float: left; margin-right: 20px; width: 70px; height: 100px; box-shadow: 0 0 4px #CCCCCC; }
code
{ margin: 0 0 20px 0; padding: 10px; font-family: inherit; font-size: 18px; line-height: 24px; color: #2B2B2A; background: #EEEEEE; border-top: 1px dashed #2B2B2A; border-bottom: 1px dashed #2B2B2A; display: block; }
code span
{ font-weight: bold; color: #F22C25; }
section.article blockquote, div#mplp-consultation section blockquote
{ margin: 30px 0 40px 0; padding: 20px 20px 20px 50px; font-size: 20px; font-style: italic; line-height: 28px; color: #555555; background: #F8F8F8; border: 1px solid #EEEEEE; border-left: 5px solid #EEEEEE; position: relative; }
section.article blockquote span
{ margin-left: 20px; font-style: normal; }
section.article blockquote:before
{ content: "\201D"; left: -5px; top: 0; font-size: 100px; line-height: 100px; color: #F22C25; position: absolute; }
section.article p.subquote
{ margin-top: -35px; font-size: 16px; font-weight: 400; color: #F22C25; text-align: right; }
section.article div.stress
{ margin: 40px 20px 40px 0; padding-left: 20px; font-size: 30px; line-height: 36px; font-weight: 300; color: #F22C25; border-left: 1px solid #2B2B2A; }
section.article div.stress a
{ color: #2B2B2A; }
section.article h3.h1-like
{ margin-top: 30px; font-size: 30px; font-weight: 300; line-height: 36px; color: #2B2B2A; text-align: center; }
section.article h3 s
{ color: #999999; text-decoration-color: #F22C25; }
section.article table
{ width: 100%; border-collapse: collapse; }
section.article table.centered td, section.article table.centered td p
{ text-align: center !important; }
section.article table tr.header, section.article table td.first, section.article table td.first p
{ font-weight: bold; color: #FFFFFF; background: #F22C25; }
section.article table td
{ padding: 5px; border: 1px solid #F22C25; }
section.article table td.first
{ width: 30px; }
section.article table td.minus30
{ width: calc(50% - 30px); }
section.article table p
{ margin-top: 15px; font-size: 17px; line-height: 21px; }
section.article table p.rotated
{ margin: 0; font-size: 15px; line-height: 17px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
section.article img.avatar
{ float: left; margin-right: 10px; width: 100px; height: 100px; }
/* content */
div.lesson-content
{ margin-top: -50px; margin-bottom: 30px; color: #2B2B2A; background: #F0F0F0; border-top: 20px solid #2B2B2A; position: relative; }
div.lesson-content section
{ padding-top: 0; padding-bottom: 20px; }
div.lesson-content section div.content-head
{ position: absolute; left: 0; right: 0; top: -16px; height: 30px; margin: 0 auto 0 auto; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; }
div.lesson-content section div.content-head div.text
{ display: inline-block; width: 120px; color: #FFFFFF; background: #F22C25; }
div.lesson-content section div.content-head div.triangle-right,
div.lesson-content section div.content-head div.triangle-left
{ width: 0; height: 0; display: inline; border-style: solid; position: absolute; }
div.lesson-content section div.content-head div.triangle-right
{ border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #F22C25;  }
div.lesson-content section div.content-head div.triangle-left
{ margin-left: -25px; border-width: 15px 25px 15px 0; border-color: transparent #F22C25 transparent transparent;  }
div.lesson-content section div.content
{ overflow: hidden; }
div.lesson-content section div.content div.div2
{ float: left; width: 50%; }
div.lesson-content section div.content div.div3
{ float: left; width: 33%; }
div.lesson-content section div.content ul
{ margin: 30px 0 0 0; padding: 0; list-style-type: none; font-size: 18px; }
div.lesson-content section div.content li
{ padding: 0 0 2px 10px; line-height: 24px; }
div.lesson-content section div.content li.sub
{ margin-left: 10px; }
div.lesson-content section div.content li.sub:last-of-type
{ margin-bottom: 20px; }
div.lesson-content section div.content li span.arrow
{ margin-right: 4px; color: #999999; font-size: 14px; }
div.lesson-content section div.content li span.number
{ font-weight: bold; color: #F22C25; }
div.lesson-content section div.content li a
{ color: #2B2B2A; background: transparent; text-decoration: none; }
div.lesson-content section div.content li a:hover
{ text-decoration: underline; }
/* boxed */
section.article div.boxed
{ float: left; width: calc(50% - 30px); margin: 5px; padding: 10px; background-color: #F8F8F8; background-position: center center; background-repeat: no-repeat; border-radius: 10px; }
section.article div.boxed p
{ margin-bottom: 10px; font-size: 24px; line-height: 28px; }
section.article div.boxed ul
{ margin: 0 0 0 20px; padding: 0; font-size: 19px; line-height: 27px; }
section.article div.boxed li
{ margin-top: 10px; }
section.article div.boxed.foryou
{ background-image: url(images/happy-face.png); }
section.article div.boxed.notforyou
{ background-image: url(images/sad-face.png); }
section.article div.boxed.foryou span
{ color: green; }
section.article div.boxed.notforyou span
{ color: #F22C25; }
hr
{ clear: both; margin: 40px 0 40px 0; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(242, 44, 37, 0), rgba(242, 44, 37, 0.75), rgba(242, 44, 37, 0)); overflow: visible; }
hr:after
{ position: relative; top: -20px; display: block; content: ""; height: 40px; color: #d7d7d7; background: url('images/diamond-h40.png') no-repeat top center; border: 0; }
section.article div#byline
{ margin: 40px 0 40px 0; padding: 10px; border: 1px dashed #2B2B2A; border-radius: 10px; }
section.article div#byline p:last-child
{ margin-bottom: 0; }
section.article div.num
{ float: left; margin: 30px 0 10px 0; padding: 8px 0 8px 0; width: 50px; font-family: Arial, Helvetica, Sans-serif; font-size: 34px; line-height: 38px; color: #FFFFFF; background: #2B2B2A; text-align: center; }
section.article h2, div#mplp-consultation section h2
{ margin-top: 30px; padding: 8px 15px 8px 15px; letter-spacing: -1px; color: #FFFFFF; background: #F22C25; display: inline-block; }
section.article h2:before, div#mplp-consultation section h2:before
{ content:''; position: absolute; top: 100%; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F22C25; border-bottom: 10px solid transparent; z-index: 1; }
section.article h2.numside
{ padding-top: 40px; font-weight: bold; color: #F22C25; }
section.article h2 a
{ color: #FFFFFF; }
section.article h2.after-image
{ margin-top: -30px; }
section.article h3.line
{ margin-left: 10px; padding: 7px; background: #F8F8F8; text-shadow: 1px 1px #FFFFFF; border-radius: 10px; }
section.article h3.line span
{ position: relative; top: 0; float: left; display: inline-block; margin: -8px 10px 0 -16px; width: 40px; height: 40px; background-color: #F22C25; background-image: url(images/icons/course-sprite.png); background-repeat: no-repeat; border-radius: 20px; text-align: center; }
section.article h3.line span.e1
{ background-position: 0 -480px; }
section.article h3.line span.e2
{ background-position: -40px -480px; }
section.article h3.line span.e3
{ background-position: -80px -480px; }
section.article h3.line span.e4
{ background-position: -120px -480px; }
section.article h3.line span.e5
{ background-position: -160px -480px; }
section.article h3.line span.e6
{ background-position: -200px -480px; }
section.article h4
{ margin-top: 40px; font-size: 22px; line-height: 30px; }
section.article h4:before
{ content: "\25A0"; margin-right: 5px; color: #F22C25; }
section.article h5
{ margin-bottom: 10px; padding-left: 7px; font-size: 20px; line-height: 22px; border-left: 22px solid #F22C25; }
section.article h5 strong
{ font-weight: normal; color: #F22C25; }
section.article h2.default
{ margin: 0 0 20px 0; padding: 40px 0 0 0; font-size: 34px; line-height: 38px; color: #2B2B2A; background: transparent; display: block; }
/* product ad box */
div#product-ad-box
{ margin-bottom: 20px; padding: 10px 0 10px 0; overflow: hidden; background: linear-gradient(to bottom, #F2F2F2 0px, transparent 10px), linear-gradient(to top, #F2F2F2 0px, transparent 10px); border-top: 5px solid #F22C25; border-bottom: 5px solid #2B2B2A; }
div#product-ad-box img
{ float: right; margin-left: 10px; width: 240px; height: 240px; }
div#product-ad-box p
{ margin-top: 10px; }
/* search box */
div#box-search
{ margin: 0 -10px 25px 0; }
div#box-search input[type="text"]
{ float: left; width: calc(100% - 72px); height: 28px; padding: 5px 10px 5px 10px; font-size: 17px; border: 1px solid #2B2B2A; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2); }
div#box-search div
{ float: left; width: 38px; height: 38px; color: #FFFFFF; background: #2B2B2A; border: 1px solid #2B2B2A; overflow: hidden; }
div#box-search div input[type="submit"]
{ margin: 2px 0 0 0; font-family: Arial, Helvetica, Sans-serif; font-size: 30px; color: #EEEEEE; background: transparent; border: 0; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; }
section.article h2.enroll-data
{ margin: 20px 10px 0 10px !important; font-size: 20px !important; font-weight: normal !important; line-height: 24px !important; text-align: center; }
/* image box */
div.image-l, iframe.image-l, div.iframe-l
{ float: left; margin: 0 20px 10px 0; }
div.image-r, iframe.image-r, div.iframe-r
{ float: right; margin: 0 0 10px 20px; }
div.image-c
{ margin: 20px 0 20px 0; }
div.image-l img, div.image-r img, div.image-c img
{ width: 100%; display: block; }
div.iframe-cont
{ position: relative; width: 100%; max-width: 400px; }
div.iframe-cont iframe
{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: inline-block; }
div.image-l a, div.image-r a
{ cursor: zoom-in; }
div.image-l p, div.image-r p, div.image-c p
{ margin: 0; padding: 3px; font-size: 15px; line-height: 19px; color: #FFFFFF; background: #2B2B2A; text-align: center; }
div.image-l p a, div.image-r p a, div.image-c p a
{ color: #FFFFFF; }
video
{ float: left; width: 280px; margin: 10px 20px 10px 0; }
/* comment box */
div.comment-box
{ margin: 40px 0 30px 0; border-bottom: 1px solid #CCCCCC; }
div.comment-box.reply
{ margin-left: 40px; }
section.article div.comment-box p
{ font-size: 18px; line-height: 28px; }
section.article div.comment-box p.subdate,
section.article div.comment-box p.reply-box
{ font-size: 17px; line-height: 21px; }
section.article div.comment-box p.reply-box span
{ display: block; margin-top: 2px; padding: 5px; background: #F8F8F8; }
div.comment-box div
{ margin: 0 auto -32px auto; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #CCCCCC; }
div.comment-box div a
{ display: block; color: #2B2B2A; text-decoration: none; }
div.comment-box div a:hover
{ background: #CCCCCC; }
/* comment form */
form#comment-form
{ margin: 30px 0 20px 0; padding: 20px; color: inherit; background: #F8F8F8; border: 1px solid #EEEEEE; }
form#comment-form h2
{ margin: 10px 0 20px 0; padding: 0; font-size: 30px; line-height: 34px; color: #F22C25; background: transparent; text-shadow: 1px 1px 0 #FFFFFF; }
form#comment-form textarea
{ width: calc(100% - 42px); padding: 20px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 21px; border: 1px solid #EEEEEE; }
form#comment-form input
{ font-family: 'Roboto', Helvetica, Sans-serif; font-size: 17px; line-height: 21px; }
form#comment-form input[type="text"]
{ float: left; width: calc(50% - 47px); margin-top: 10px; padding: 20px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #EEEEEE; }
form#comment-form input[type="text"]:nth-of-type(2)
{ float: right; }
form#comment-form input[type="submit"]
{ clear: both; display: block; margin: 90px auto 0 auto; width: 100px; height: 30px; font-size: 14px; line-height: 30px; color: #F22C25; background: #FFFFFF; text-transform: uppercase; border: 1px solid #F22C25; cursor: pointer; }
form#comment-form input[type="submit"]:hover
{ color: #FFFFFF; background: #F22C25; }
/* bill rows */
div.row1, div.row2, div.row3
{ float: left; width: calc(50% - 50px); margin-top: 10px; padding-top: 10px; border-top: 1px solid #DDDDDD; }
div.row1
{ clear: left; }
div.row3
{ width: 100px; height: 30px; font-size: 15px; font-weight: bold; line-height: 30px; text-align: center; }
div.row3 div
{ width: 100px; margin: 0 auto 0 auto; color: #FFFFFF; background: #F22C25; border-radius: 4px; }
div.row3 div a
{ color: inherit; text-decoration: none; display: block; }
div.row3 div a:hover
{ background: #2B2B2A; border-radius: inherit; }
/* sidebar */
div#right h2, div#right h3, div#right h4
{ cursor: default; }
div#right h2
{ margin-top: 0; padding-top: 0; font-size: 22px; font-weight: normal; line-height: 26px; }
div#right h2 a
{ color: inherit; text-decoration: none; }
div#right h2 a:hover
{ color: #F22C25; }
div#right h3, div#right h4
{ margin: 0 -10px 10px -10px; padding: 10px; font-weight: normal; color: #2B2B2A; background: #FFFFFF; text-align: center; border-bottom: 1px solid #EEEEEE; }
div#right h4
{ float: none; display: block; }
div#right h4:before
{ content: ""; }
div#right div.product-ad
{ float: left; width: 280px; }
div#right ul
{ margin: 0 10px 20px 10px; padding: 0; list-style-type: none; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; }
div#right li
{ margin-top: 6px; padding: 1px 0 6px 20px; background: transparent url(images/icons/course-sprite.png) -452px -573px no-repeat; border-bottom: 1px dotted #DDDDDD; overflow: hidden; }
div#right li.locked
{ background: transparent url(images/icons/course-sprite.png) -452px -320px no-repeat; }
div#right li.thumb
{ padding-top: 10px; }
div#right li a
{ color: #F22C25; text-decoration: none; }
div#right li a:hover
{ text-decoration: underline; }
div#right li:last-child
{ border-bottom: none; }
div#right p
{ margin: 10px; padding: 0; font-size: 16px; line-height: 22px; }
div#right p a
{ color: #2B2B2A; text-decoration: none; }
div#right p a.filter-a
{ display: inline-block; margin: 0 0 10px 20px; padding-right: 8px; height: 30px; line-height: 30px; color: #FFFFFF; background: #F22C25; }
div#right p a.filter-a span
{ display: inline-block; width: 30px; height: 30px; margin-right: 8px; color: #FFFFFF; background: #2B2B2A; text-align: center; }
div#right p a.filter-a:hover
{ color: #FFFFFF; background: #2B2B2A; }
div#right p a:hover
{ color: #F22C25; }
div#right div.in-cont
{ margin: 10px; padding: 0; font-size: 16px; line-height: 36px; }
div#right a.tag, div#left a.tag
{ margin: 2px 4px 2px 0; padding: 3px; color: #666666; background: #F6F6F6; text-decoration: none; border: 1px solid #DDDDDD; border-radius: 4px; }
div#right a.tag.letter
{ display: inline-block; width: 30px; height: 30px; margin: 4px; padding: 0; text-align: center; }
div#right a.tag:hover, div#left a.tag:hover, div#right a.tag.current
{ color: #F22C25; border-color: #F22C25; }
div#right a.tag.current:hover
{ color: #666666; background: #F6F6F6; border-color: #DDDDDD; }
div#right p span
{ font-weight: bold; color: #F22C25; }
div#right li span
{ text-transform: none; }
div#right li span.red-box
{ display: inline-block; margin-left: 5px; width: 20px; font-weight: bold; line-height: 20px; color: #FFFFFF; background: #F22C25; text-align: center; }
div#right img
{ width: 290px; height: 290px; margin: 0 0 20px 34px; display: block; }
div#right div.product-ad img
{ width: 240px; height: 240px; border: 1px solid #EEEEEE; margin: 18px; }
div#right li.thumb img
{ float: left; display: inline; width: 65px; height: 100px; border: 1px solid #EEEEEE; margin: -10px 10px 10px -20px; border: 0; }
/* FB group ad */
section#fb-group-ad img, section#b77-side-ad img
{ margin: -10px 0 0 -10px; width: 297px; height: 147px; }
section#b77-side-ad img
{ height: auto; }
section#fb-group-ad a, section#b77-side-ad a
{ text-decoration: none; }
section#fb-group-ad div, section#b77-side-ad div
{ margin: 10px auto 20px auto; width: 200px; height: 36px; line-height: 36px; color: #FFFFFF; background: #4267B2; text-align: center; }
section#fb-group-ad div:hover
{ background: #365899; }
section#b77-side-ad div
{ color: #1A1A1A; background: #E3D665; }
section#b77-side-ad div:hover
{ background: #ECE16C; }

/* article rating */
div#box-article-rating
{ width: 220px; height: 102px; margin: 0 auto 0 auto; }
div#box-article-rating form
{ float: left; width: 100px; }
div#box-article-rating form.form2
{ margin-left: 20px; }
div#box-article-rating form input[type="button"]
{ width: 100px; height: 100px; margin-top: 2px; background: transparent url(images/button-like-article.png) left top no-repeat; border: 0; cursor: pointer; }
div#box-article-rating form.form2  input[type="button"]
{ background-image: url(images/button-dislike-article.png); }
div#box-article-rating form input[type="button"]:hover
{ margin-top: -2px; }
p#ratingsuccess
{ display: none; margin-top: 40px !important; }

/* consultation box */
div.consultation-box
{ border-width: 0 1px 1px 1px; border-style: solid; border-color: #2B2B2A; }
div.consultation-box p
{ padding: 10px; font-size: 18px; line-height: 25px; color: #2B2B2A; background: #FFFFFF; text-align: left; }
div.consultation-box a
{ text-decoration: none; }

/* related articles */
ul#related-articles
{ margin: 0; padding: 0; list-style-type: none; }
ul#related-articles li
{ padding: 0 0 0 20px; color: #2B2B2A; background: transparent url(images/icons/course-sprite.png) -452px -484px no-repeat; }
ul#related-articles a
{ color: inherit; text-decoration: none; }
ul#related-articles a:hover
{ text-decoration: underline; }
/* pager */
h3.pager
{ margin-top: 40px; text-align: center; }
div.pager
{ width: 300px; margin: 20px auto 20px auto; padding: 2px; overflow: hidden; border: 1px solid #CCCCCC; }
div.pager div
{ width: calc(50% - 1px); height: 40px; font-size: 15px; font-weight: bold; line-height: 40px; text-align: center; }
div.pager div:first-child
{ float: left; color: #FFFFFF; background: #2B2B2A; }
div.pager div:last-child
{ float: right; color: #FFFFFF; background: #F22C25; }
div.pager div a
{ display: block; color: #FFFFFF; text-decoration: none; }
div.pager div:first-child a:hover
{ background: #5E5E5C; }
div.pager div:last-child a:hover
{ background: #FF706B; }
div.pager div.stray
{ color: #DDDDDD; background: #CCCCCC; cursor: default; }

/* course */
div.course-cont
{ text-align: center; }
div.course-box
{ display: inline-block; width: 290px; height: 590px; margin: 3px 3px 6px 3px; color: inherit; background: #FFFFFF; box-shadow: 0 0 5px #DDDDDD; position: relative; }
div.course-box img
{ margin: 10px 0 10px 0; width: 290px; height: 290px; }
div.course-box h2
{ height: 48px; margin: 0 10px 10px 10px; padding: 0; font-size: 20px; font-weight: bold; line-height: 24px; text-align: left; }
div.course-box h2 a
{ color: #2B2B2A; text-decoration: none; }
div.course-box h2 a:hover
{ color: #F22C25; }
div.category
{ float: left; height: 35px; margin: 0 10px 10px 0; font-size: 15px; line-height: 35px; color: #999999; background: #F8F8F8; }
div.category a
{ padding: 0 10px 0 10px; color: #999999; text-decoration: none; }
div.course-box div.category:first-of-type
{ margin-left: 10px; }
div.category a:hover
{ color: #FFFFFF; background: #2B2B2A; }
div.course-box p
{ display: block; clear: left; height: 100px; margin: 10px; padding: 0; font-size: 16px !important; line-height: 20px !important; text-align: left !important; }
div.course-box div.price, div.course-box div.buy
{ position: absolute; bottom: 10px; width: 100px; height: 36px; font-size: 16px; font-weight: bold; line-height: 36px; }
div.course-box div.price
{ left: 10px; text-align: left; }
div.course-box div.buy
{ right: 10px; color: #FFFFFF; background: #F22C25; text-align: center; }
div.course-box div.buy a
{ color: #FFFFFF; text-decoration: none; display: block; }
div.course-box div.buy a:hover
{ background: #FF534D; }
div#category-cont
{ margin: 15px 0 -10px 0; overflow: hidden; }
div#category-cont.article
{ margin: -10px 0 10px 0; }
div#category-cont div:first-child
{ margin-left: 0; }
div#category-cont div:hover
{ border-color: #F22C25; }
div#category-cont div a
{ display: block; }
div#category-cont div.active
{ color: #FFFFFF; background: #FF5F59; border-color: #F22C25; }
div#category-cont div.active a
{ color: inherit; }

/* lesson module */
div.lesson-box
{ margin: 30px 0 0 0; }
div.lesson-box img
{ display: block; width: 100%; }
div.lesson-box h2
{ margin: 0; padding: 10px; font-size: 30px; line-height: 38px; color: #FFFFFF; background: #2B2B2A; display: block; }
div.lesson-box h2 div
{ float: left; width: 60px; margin: -10px 10px 0 -10px; padding: 10px 0 0 0; color: #FFFFFF; background: #F22C25; text-align: center; }
div.lesson-box h3
{ margin: 0; padding: 10px; font-size: 17px; font-weight: normal; line-height: 25px; color: #2B2B2A; background: #F0F0F0; }
div.lesson-box a
{ color: inherit; text-decoration: none; }
div.lesson-box a:hover h2
{ background: #F22C25; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* example form */
form.form-template fieldset
{ margin-bottom: 40px; padding: 10px; color: #2B2B2A; background: #FCFCFC; border: 1px solid #CCCCCC; }
form.form-template label
{ display: block; margin: 20px 0 5px 0; }
form.form-template input[type="text"],
form.form-template textarea
{ display: block; width: 50%; padding: 10px; font-size: 16px; line-height: 20px; color: inherit; background: #FFFFFF; border: 1px solid #CCCCCC; }
form.form-template select option
{ width: 50%; text-align: left; }
form.form-template div.fake-button
{ width: 100px; margin: 20px 0 20px 0; padding: 10px; color: #FFFFFF; background: green; text-align: center; }

/* module & launch box */
div.module-box, div.launch-box
{ float: left; width: 20%; height: 255px; }
div.module-box div, div.launch-box div
{ margin: 10px; height: calc(100% - 22px); color: inherit; background: #F8F8F8; text-align: center; border: 1px solid #EDEDED; }
div.module-box div:hover
{ border-color: #F22C25; }
div.launch-box div
{ background: #FFFFFF; }
div.launch-box div:hover
{ background: #FAFAFA; }
div.launch-box h3
{ font-size: 20px; }
div.module-box div img, div.launch-box div img
{ margin-top: 20px; width: 48px; height: 48px; }
div.launch-box div img
{ object-fit: none; object-position: 0 0; }
div.launch-box div img.id-rpf { object-position: -48px 0; }
div.launch-box div img.id-cal { object-position: -96px 0; }
div.launch-box div img.id-all { object-position: -144px 0; }
div.launch-box div img.id-las { object-position: -192px 0; }
div.launch-box div img.id-1 { object-position: -1114px 0; }
div.launch-box div img.id-2 { object-position: -826px 0; }
div.launch-box div img.id-3 { object-position: -586px 0; }
div.launch-box div img.id-4 { object-position: -538px 0; }
div.launch-box div img.id-5 { object-position: -778px 0; }
div.launch-box div img.id-6 { object-position: -634px 0; }
div.launch-box div img.id-7 { object-position: -970px 0; }
div.launch-box div img.id-8 { object-position: -730px 0; }
div.launch-box div img.id-9 { object-position: -874px 0; }
div.launch-box div img.id-10 { object-position: -1162px 0; }
div.launch-box div img.id-11 { object-position: -922px 0; }
div.launch-box div img.id-12 { object-position: -1018px 0; }
div.launch-box div img.id-13 { object-position: -682px 0; }
div.launch-box div img.id-14 { object-position: -1066px 0; }
div.launch-box div img.id-15 { object-position: -490px 0; }
div.module-box div p, div.launch-box div p
{ margin-top: 10px; padding-top: 10px; font-size: 17px; line-height: 21px; border-top: 1px solid #DDDDDD; }
div.module-box div a, div.launch-box div a
{ display: block; height: calc(100% - 20px); padding: 10px; text-decoration: none; }
div.module-box div a:hover
{ background: #FFFFFF; }

/* ebook downloads box */
div#ebook-files
{ padding: 10px; background: #F7F7F7; }
div#ebook-files p
{ margin: 0; padding: 4px 10px 4px 40px; font-size: 17px; font-weight: 400; line-height: 23px; background: transparent; background-position: left top; background-repeat: no-repeat; text-transform: uppercase; }
div#ebook-files p a
{ text-decoration: none; }
div#ebook-files p a:hover
{ text-decoration: underline; }
div#ebook-files p span
{ font-weight: 300; text-transform: none; }
div#ebook-files p.pdf
{ background-image: url(/images/icons/icon-pdf.png); }

/* test box */
div#test-box
{ margin: 20px auto 20px auto; max-width: 800px; border: 1px solid #F2F2F2; border-top: 4px solid #F22C25; box-shadow: 0 0 10px #EEEEEE; text-align: left; }
div#test-box h2
{ margin: 0 0 20px 0; padding: 10px; font-size: 28px; line-height: 32px; text-align: center; }
div#test-box h3
{ margin: 0; padding: 10px; font-size: 19px; line-height: 23px; color: inherit; background: linear-gradient(#FFFFFF 0,#FAEEED 80px); border-bottom: 1px solid #E6DADA; }
div#test-box h4
{ float: none; display: block; font-size: 20px; line-height: 24px; color: #2B2B2A; background: transparent; text-align: center; }
div#test-box p
{ margin: 0 10px 10px 10px; font-size: 17px; line-height: 25px; }
div#test-box form
{ margin-top: 30px; }
div#test-box div
{ margin: 5px 0 20px 0; padding: 10px; }
label.radiolabel
{ display: block; margin-bottom: 5px; font-size: 18px; line-height: 22px; }
input.sradio, label.radiolabel
{ cursor: pointer; }
input.sradio:checked + .radiolabel
{ color: #F22C25 !important; }
div#test-box input[type="text"]
{ width: calc(100% - 43px); margin: 10px; padding: 10px; font-size: 17px; line-height: 21px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
div#test-box textarea
{ width: calc(100% - 43px); margin: 10px; padding: 10px; font-size: 17px; line-height: 21px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
div#test-box input[type="submit"]
{ margin: 10px auto 20px auto; padding: 0 10px 0 10px; height: 40px; font-size: 20px; font-weight: bold; line-height: 40px; color: #FFFFFF; background: #F22C25; text-align: center; border: 0; cursor: pointer; }
div#test-box input[type="submit"]:hover
{ background: #FF4640; }
div#test-box div.next-button
{ margin: 30px auto 0 auto; padding: 0; width: 160px; height: 30px; font-size: 15px; line-height: 30px; color: #2B2B2A; background: #F8F8F8; border: 1px solid #DDDDDD; border-radius: 4px; text-align: center; }
div#test-box div.next-button a
{ color: #2B2B2A; text-decoration: none; }
div#test-box div#answers
{ margin: 10px -10px 0 -10px; text-align: left; }
div#test-box div.half
{ float: left; width: 50%; margin: 20px 0 0 0; padding: 0; font-size: 17px; line-height: 25px; text-align: center; }
div#test-box div.half div
{ width: 160px; height: 160px; margin: 10px auto 0 auto; padding: 0; font-size: 60px; line-height: 160px; text-align: center; border-radius: 164px; }
div#test-box div.half p
{ text-align: left; font-size: 19px; line-height: 27px; }
div#test-box div.half div.green
{ border: 2px solid green; }
div#test-box div.half div.red
{ color: #F22C25; background: transparent; border: 2px solid #F22C25; }
div#test-box div.half div.feedback-result
{ font-size: 80px; color: #3FB54E; }

/* bonus page */
div.second, div.third, div.fourth
{ float: left; }
div.fourth
{ width: 25%; }
div.third label
{ padding-left: 10px; font-size: 17px; line-height: 25px; }
div.second textarea, div.third textarea
{ width: calc(100% - 30px); margin: 10px; padding: 5px; border: 1px solid #DDDDDD; }
div.second div.second-button
{ margin: 30px 10px 0 0; background: #F7F7F7; text-align: center; border-radius: 6px; }
div.second div.second-button a
{ display: block; padding: 10px; font-size: 20px; line-height: 40px; color: #F22C25; text-decoration: none; }
div.second div.second-button:hover
{ background-color: #EEEEEE; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
div.second div.second-button span
{ margin-right: 10px; color: #2B2B2A; }

/* toolkit page */
div.toolkits
{ padding-bottom: 30px; overflow: hidden; }
div.toolkits div
{ float: left; width: 320px; height: 64px; margin: 10px; font-size: 16px; line-height: 22px; }
div.toolkits div img
{ float: left; margin-right: 10px; }
div.toolkits div a
{ text-transform: uppercase; }
div.toolkits div a.no-sign
{ color: inherit; text-decoration: none; }
div.toolkits div a.small-dummy-button
{ padding: 1px 4px 1px 4px; font-size: 14px; font-weight: bold; color: #FFFFFF; background: #F22C25; text-decoration: none; }
div.toolkits span
{ color: #F22C25; }

ul.toolkit-list
{ margin: 0; padding: 0; list-style-type: none; text-transform: uppercase; }
ul.toolkit-list li
{ float: left; width: 280px; height: 100px; margin: 10px 10px 30px 10px; font-size: 15px; line-height: 21px; }
ul.toolkit-list li img
{ float: left; width: 65px; height: 100px; margin-right: 10px; }
ul.toolkit-list li span
{ text-transform: none; }
ul.toolkit-list li a
{ text-decoration: none; }

/* profil page */
div.course-profil-box
{ clear: left; margin-top: 20px; overflow: hidden; }
div.course-profil-box img
{ float: left; margin-right: 10px; }
div.course-profil-box h3
{ margin: 0 0 5px 0; padding: 0; font-size: 20px; line-height: 24px; }
section.article div.course-profil-box h4
{ display: block; float: none; margin: 0 0 10px 0; padding: 4px 0 4px 0; font-size: 17px; line-height: 23px; color: #666666; background: transparent; border-top: 1px solid #EEEEEE; }
div.course-profil-box h4 span
{ float: right; }
div.course-profil-box h4 span img
{ float: right; margin: 2px 0 0 5px; }
section.article div.course-profil-box h4:before
{ content: ""; }
div.course-profil-box p
{ margin-top: 5px; margin-bottom: 0; font-size: 17px; font-weight: 400; line-height: 25px; }
div.course-profil-box div
{ float: left; height: 26px; margin: 10px 10px 0 0; padding: 0 5px 0 5px; font-size: 16px; line-height: 26px; color: #2B2B2A; background: #F8F8F8; border: 1px solid #DDDDDD; border-radius: 4px; }
div.course-profil-box div.test
{ margin: 0 10px 0 0; padding: 0; width: 60px; height: 60px; font-size: 20px; line-height: 60px; color: #AAAAAA; background: transparent; text-align: center; border-color: #AAAAAA; border-radius: 30px; }
div.course-profil-box div.test.green
{ color: green; background: #F0FCEA; border-color: green; }
div.course-profil-box div.test.red
{ color: red; background: #FCEBEB; border-color: red; }
div.course-profil-box h3 a
{ color: #2B2B2A; text-decoration: none; }
div.course-profil-box div a, div.course-profil-box h4 span a
{ color: #F22C25; }
div.course-profil-box h3 a:hover
{ color: #F22C25; }
div.course-profil-box div a:hover, div.course-profil-box h4 span a:hover
{ text-decoration: none; }
div.course-profil-box div.toolkit-icon
{ padding-left: 24px; background: #F8F8F8 url(images/icons/sprite-1.png) 4px 5px no-repeat; }
div.course-profil-box div.test-icon
{ padding-left: 24px; background: #F8F8F8 url(images/icons/sprite-1.png) 4px -16px no-repeat; }
div.course-profil-box div.question-icon
{ padding-left: 24px; background: #F8F8F8 url(images/icons/sprite-1.png) 4px -37px no-repeat; }
div.course-profil-box div.download-icon
{ padding-left: 24px; background: #F8F8F8 url(images/icons/sprite-1.png) 4px -58px no-repeat; }

/* club categories page */
h3.club
{ margin-top: -20px; margin-bottom: 40px; padding-top: 0; font-size: 28px; font-weight: 300; color: #2B2B2A; text-align: center; }
div.club-course-box
{ margin-bottom: 30px; overflow: hidden; }
div.club-course-box img
{ float: left; margin: 20px 20px 0 0; width: 140px; height: 140px; }
div.club-course-box img.sprite
{ display: inline-block; width: 32px; height: 32px; margin: -5px 5px 0 5px; object-fit: none; object-position: 0 0; }
div.club-course-box img.sprite.vk { object-position: -192px 0; }
div.club-course-box img.sprite.eb { object-position: -160px 0; }
div.club-course-box img.sprite.hk { object-position: -128px 0; }
div.club-course-box img.sprite.ia { object-position: -96px 0; }
div.club-course-box img.sprite.mf { object-position: -64px 0; }
div.club-course-box h3
{ margin: 0 0 5px 160px; font-size: 20px; line-height: 24px; color: #2B2B2A; text-transform: uppercase; }
div.club-course-box h3 a
{ text-decoration: none; }
div.club-course-box h4
{ margin: 0 0 0 160px; padding: 10px 0 10px 0; font-size: 15px; line-height: 19px; background: linear-gradient(#F7F7F7,#FFFFFF); text-transform: uppercase; border-top: 1px solid #EEEEEE; }
div.club-course-box h4:before
{ content: ""; }
div.club-course-box h4 span
{ margin-right: 5px; margin-left: 10px; padding: 2px 4px 2px 4px; color: inherit; background: #EEEEEE; text-transform: none; }
div.club-course-box h4 a
{ color: inherit; text-decoration: none; }
div.club-course-box p
{ margin-top: 10px; font-size: 18px; line-height: 24px; }
div.club-course-box p.source
{ margin-top: -7px; margin-left: 160px; }
div.club-course-box p.source a
{ color: inherit; text-decoration: none; }
div.club-course-box p.source a:hover
{ color: #F22C25; text-decoration: underline; }

/* add to cart form */
form.enroll
{ clear: both; margin-top: 0; margin-bottom: 20px; padding: 10px; }
form.enroll input[type="submit"]
{ margin: 0 auto 0 auto; }

/* cart page */
table#cart
{ margin: 0; width: 100%; border-collapse: collapse; }
table#cart td
{ padding: 10px; border-top: 1px solid #CCCCCC; }
table#cart td.image-pic
{ width: 160px; text-align: center; }
table#cart td.image-pic img
{ width: 140px; height: 140px; }
table#cart td h3
{ padding-bottom: 10px; font-size: 20px; line-height: 24px; border-bottom: 1px solid #CCCCCC; overflow: hidden; }
table#cart td h3 a
{ color: #2B2B2A; text-decoration: none; }
table#cart td h3 a:hover
{ color: #F22C25; text-decoration: underline; }
table#cart span.price
{ float: right; position: relative; top: 0; }
table#cart p
{ float: left; width: calc(100% - 90px); margin: 0; padding: 0; }
table#cart div
{ float: right; width: 80px; text-align: right; }
table#cart input[type="submit"]
{ font-size: 15px; line-height: 19px; color: #F22C25; background: #FFFFFF; border: 0; cursor: pointer; }
table#cart tr td#vat
{ margin-top: 10px; padding-bottom: 0; text-align: right; }
table#cart tr:last-child td
{ border: 0; }
table#cart tr:last-child td h3
{ border: 0; }
section div.checkout-button
{ float: right; margin: 0 0 10px 0; width: 150px; height: 40px; font-size: 20px; line-height: 40px; color: #FFFFFF; background: linear-gradient(#FE453F,#F22C25); border: 1px solid #F22C25; border-radius: 6px; text-align: center; }
section div.checkout-button a
{ display: block; color: inherit; text-decoration: none; }

/* calculator box */
div.calculator-box
{ margin-bottom: 30px; font-size: 18px; line-height: 24px; color: #2B2B2A; background: #F2F2F2 url(images/icons/calc_calculator.png) 8px center no-repeat; }
div.calculator-box a
{ display: block; padding: 10px 20px 10px 80px; color: inherit; text-decoration: none; }
div.calculator-box span
{ color: #F22C25; text-decoration: underline; }

/* calculator form */
form.calculator
{ width: 100%; }
form.calculator fieldset
{ margin-top: 50px; background: #F2F2F2; text-align: center; border-radius: 10px; }
form.calculator p
{ margin: 5px 10px 20px 10px; text-align: left; }
form.calculator label
{ margin: 0 10px 5px 10px; font-size: 20px; line-height: 24px; text-align: left; display: block; }
form.calculator label span
{ font-weight: bold; color: #F22C25; }
form.calculator h2,
div#calc-result-box h2
{ padding: 5px 10px 5px 10px; font-size: 24px; font-weight: bold; color: #FFFFFF; background: #F22C25; text-align: left; }
form.calculator div.col-2,
form.calculator div.col-3
{ float: left; text-align: left; }
form.calculator div.col-2 img,
form.calculator div.col-3 img
{ display: block; margin: 0 auto 20px auto; width: 64px; height: 64px; }
form.calculator div.col-2
{ width: 50%; }
form.calculator div.col-3
{ width: 33.3333%; }
form.calculator input[type="text"]
{ margin-left: 10px; padding: 10px; width: calc(100% - 43px); font-size: 17px; line-height: 21px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
form.calculator textarea
{ float: left; margin: 0 0 20px 10px; padding: 10px; width: calc(100% - 43px); height: 63px; font-size: 17px; line-height: 21px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
form.calculator input[type="submit"]
{ float: none; clear: left; margin: 40px auto 40px auto; font-size: 18px; line-height: 30px; font-weight: bold; color: #FFFFFF; background: #20D93F; text-transform: uppercase; border: 0; cursor: pointer; }
form.calculator input[type="submit"]:hover
{ background: #FF4640; }
div#calc-result-box
{ margin-top: 50px; padding: 10px; border: 2px solid #F22C25; }
div#calc-result-box h2
{ margin: -10px -10px 10px -10px; padding: 0 10px 5px 10px; }
div#result-displayer
{ text-align: center; }
div#result-displayer div
{ display: inline-block; margin: 10px auto 20px auto; padding: 5px 10px 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size: 30px; font-weight: bold; line-height: 34px; color: #FFFFFF; background: #F22C25; }

/* login form */
form#login
{ width: 90%; max-width: 400px; margin: 70px auto 20px auto; background: #F2F2F2; text-align: center; border-radius: 10px; }
form#login fieldset
{ padding: 10px; }
form#login fieldset img
{ margin: -50px auto 0 auto; }
form#login h1
{ margin-bottom: 10px; font-weight: normal; text-shadow: 1px 1px 0 #FFFFFF; }
form#login div
{ margin: 20px 20px 10px 20px; padding: 10px; color: inherit; background: #FFF3F2; border: 1px solid #F22C25; border-radius: 5px; }
form#login input, div#bar-newsletter form input
{ margin: 10px 20px 10px 20px; padding: 0 10px 0 50px; width: calc(100% - 100px); height: 50px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; line-height: 50px; color: #2B2B2A; background: #FFFFFF url(/images/user32.png) 10px center no-repeat; border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
div#bar-newsletter form input
{ float: left; width: 100%; max-width: 20%; }
form#login input.lock
{ background-image: url(/images/lock32.png); }
form#login input.mail, div#bar-newsletter form input.mail
{ background-image: url(/images/email32.png); }
form#login input[type="submit"], div#bar-newsletter form input[type="submit"]
{ padding: 0; font-size: 18px; font-weight: bold; color: #FFFFFF; background: linear-gradient(#FF4640,#F22C25); cursor: pointer; border: 1px solid #F22C25; box-shadow: none; }
div#bar-newsletter form input[type="submit"]
{ width: 60px; }
form#login p
{ margin: 5px 0 10px 0; padding: 0; }
form#login p a
{ color: #999999; text-decoration: none; }
form#login p.task
{ margin: 10px 20px 0 20px; font-size: 16px; line-height: 22px; text-align: left; }
form#login p.task:last-of-type
{ margin-bottom: 10px; }
form#login p a:hover
{ color: #F22C25; }
form#login div.label
{ margin: 10px 0 10px 0; padding: 0; color: inherit; background: transparent; border: 0; }
form#login input[type="checkbox"], div#bar-newsletter form input[type="checkbox"]
{ width: auto; height: auto; margin: 0 5px 0 0; padding: 0; background: transparent; border: 0; cursor: pointer; }
div#bar-newsletter form input[type="checkbox"]
{ clear: left; float: none; }

/* blog-subscribe form */
form#blog-subscribe
{ margin: 20px 0 0 0; padding: 20px 0 20px 0; border: 1px solid #EEEEEE; }
form#blog-subscribe h3
{ margin: 0; padding: 0; font-weight: normal; font-size: 14px; line-height: 18px; text-align: center; }
form#blog-subscribe div#bar
{ margin: 10px 20px 20px 20px; height: 4px; font-size: 0; line-height: 4px; background: #EEEEEE; }
form#blog-subscribe div#bar div
{ width: 50%; background: #F22C25; }
form#blog-subscribe h2
{ margin: 0 0 20px 0; padding: 0; font-weight: bold; background: #FFFFFF; text-align: center; display: block; }
form#blog-subscribe h2:before
{ border: none; }
form#blog-subscribe div.left
{ float: left; width: 160px; text-align: right; }
form#blog-subscribe div.right
{ float: left; width: calc(100% - 160px); }
form#blog-subscribe p
{ margin: 0 20px 20px 20px; color: #2B2B2A; background: transparent; }
form#blog-subscribe input[type="text"]
{ float: left; width: calc(50% - 52px); margin: 0 0 10px 20px; padding: 10px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 20px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #F22C25; box-shadow: inset 0 1px 5px rgba(43, 43, 42, 0.2); }
form#blog-subscribe div.label
{ clear: left; margin: 20px; color: #2B2B2A; background: transparent; }
form#blog-subscribe div.label a
{ color: inherit; }
form#blog-subscribe input[type="submit"]
{ margin: 0 auto 0 auto; width: 280px; height: 40px; font-size: 18px; line-height: 40px; color: #FFFFFF; background: #F22C25; border: 0; cursor: pointer; text-align: center; display: block; }

/* order-form */
p#form-head
{ margin: 0; }
form#buyform p.error-message
{ clear: both; margin: 0 10px 0 10px; padding: 5px; font-size: 16px; font-weight: bold; line-height: 18px; color: #FF1400; text-align: center; }
div#order-div
{ margin: 10px 0 0 0; box-shadow: 0 0 10px #EEEEEE; }
form#buyform label.normal
{ display: block; margin: 20px 20px 5px 20px; }
form#buyform label.radiolabel
{ display: block; margin: 20px; line-height: 24px; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); cursor: pointer; }
form#buyform label.checklabel
{ display: block; margin: 5px 20px 0 20px; font-size: 17px; line-height: 25px; cursor: pointer; }
form#buyform label.checklabel:first-of-type
{ margin-top: 20px; }
form#buyform input[type="text"],
form#buyform input[type="password"]
{ margin: 0 20px 0 20px; padding: 10px; width: calc(100% - 62px); font-family: 'Roboto', Helvetica, Sans-serif; font-size: 14px; letter-spacing: 1px; line-height: 18px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
form#buyform h3
{ margin: 40px 0 0 0; padding: 10px 20px 10px 20px; font-size: 19px; line-height: 23px; color: #FFFFFF; background: linear-gradient(#FF4640,#F22C25); border-bottom: 1px solid #DADEE6; }
form#buyform h3:first-of-type
{ margin-top: 0; }
form#buyform div.second img
{ display: block; margin: 5px auto 0 auto; }
form#buyform input.lead
{ float: left; width: 70px; margin-right: 0; text-align: center; display: inline; }
form#buyform input.rest
{ float: right; width: calc(100% - 170px); margin-left: 0; display: inline; }
form#buyform textarea
{ width: calc(100% - 22px); margin-top: 5px; padding: 10px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #BBBBBB; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
sup
{ vertical-align: baseline; position: relative; top: -0.4em; color: red; }
form#buyform input[type="radio"]
{ clear: left; display: none; }
form#buyform label span
{ display: block; padding: 7px 40px 7px 10px; }
form#buyform input[type="radio"]:checked + span,
form#buyform input.validation:valid
{ background: #EEEEEE url(/images/checkmark.png) center right no-repeat !important; }
form#buyform h4
{ margin: 30px 20px 5px 20px; padding: 0; font-size: 22px; font-weight: normal; line-height: 28px; }
form#buyform p
{ margin: 0 20px 10px 20px; font-size: 17px; line-height: 21px; text-align: left; }
form#buyform p.inner
{ margin: 20px 20px 0 20px; }
form#buyform input[type="submit"]:hover
{ background: #1FCC2F; }
div#upsell-box
{ margin: 30px 0 20px 0; padding: 10px; background: #FFFFFF; border: 2px solid #FA6900; border-radius: 6px; }
div#upsell-box img
{ float: left; margin: 10px 10px 0 0; max-width: 180px; }
div#upsell-box h4,
div#thankyou-box h4
{ display: inline; margin: 0; padding: 0; font-size: 27px; line-height: 31px; color: #FA6900; }
div#upsell-box div.price-tag
{ float: right; margin: -10px -10px 0 10px; padding: 10px 10px 5px 5px; font-family: 'Dosis', Helvetica, Sans-serif; font-size: 27px; line-height: 31px; color: #FFFFFF; background: #FA6900; -moz-border-bottom-left-radius: 6px; -o-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;  }
div#upsell-box p,
div#thankyou-box p
{ margin: 15px 0 0 0; padding: 0; font-family: 'Titillium Web', Helvetica, Sans-serif; font-size: 17px; line-height: 25px; text-align: left; }
div#upsell-box ol
{ margin: 10px 0 0 220px; padding: 0; }
div#upsell-box label
{ display: block; margin: 10px 10% 0 10%; padding: 10px 5px 10px 5px; font-size: 20px; line-height: 24px; cursor: pointer; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; }
div#upsell-box label.upsell1
{ margin-top: 30px; font-weight: bold; color: #FFFFFF; background: linear-gradient(#F38630,#FA6900); border: 1px solid #FA1A96; }
div#upsell-box label.upsell2
{ margin-bottom: 10px; color: #666666; background: linear-gradient(#FEFEFE,#EEEEEE); text-shadow: 1px 1px 0 #FCE2FF; border: 1px solid #CCCCCC; }
div#upsell-box label.upsell1:hover
{ background: #FF1400; border-color: #FF1400; }
div#upsell-box label.upsell2:hover
{ color: #FF1400; border-color: #FF1400; }
div#thankyou-box
{ margin: 30px 0 20px 0; padding: 10px; background: #FFFFFF; border: 2px solid #549E3A; border-radius: 6px; }
div#thankyou-box h4
{ color: #549E3A; }
div#thankyou-box a
{ font-weight: bold; color: #549E3A; }
div#thankyou-box a:hover
{ text-decoration: none; }
form#buyform label a
{ font-weight: bold; color: #2B2B2A; }
form#buyform label a:hover
{ color: #F22C25; }

/* wide-form */
form.wide
{ width: 100%; margin: 20px 0 0 0; background: #F2F2F2; }
form.wide.output
{ background: #C2F2C9; }
form.wide.output input
{ font-weight: bold; }
form.wide p
{ margin: 20px 20px 10px 20px; }
form.wide label
{ display: block; margin: 0 20px 0 20px; font-size: 20px; line-height: 24px; }
form.wide input,
form.wide div
{ float: left; margin: 10px 0 10px 20px; padding: 0 10px 0 10px; width: calc(100% - 120px); height: 50px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; line-height: 50px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
form.wide input.numberfield
{ width: calc(50% - 81px); }
form.wide input[type="submit"],
form.wide div
{ width: 50px; margin-left: 10px; font-weight: bold; color: #FFFFFF; background: #F22C25; text-align: center; cursor: pointer; }
form.wide div
{ width: 30px; height: 50px; font-size: 18px; background: #36B348; }
form.wide div a
{ display: block; color: #FFFFFF; text-decoration: none; }
form.wide div a:hover
{ color: #F22C25; }

/* newsletter feedback form */
form#nlfeedback
{ width: calc(100% - 42px); max-width: 500px; padding: 20px 10px 20px 10px; background: #F7F7F7; border: 1px solid #DDDDDD; }
form#nlfeedback label
{ display: block; margin-bottom: 5px; padding: 5px; background: #FFFFFF; border: 1px dashed #EEEEEE; cursor: pointer; }
form#nlfeedback input[type="checkbox"]
{ margin-right: 5px; cursor: pointer; }
form#nlfeedback textarea
{ width: calc(100% - 24px); padding: 10px; border: 1px dashed #EEEEEE; border-top: 0; }

/* right form */
div#right form div.showmore
{ height: 38px; margin: 0 10px 0 10px; font-weight: bold; line-height: 38px; color: #FFFFFF; background: #F22C25; border: 1px solid #F22C25; cursor: pointer; }
div#right form div.showmore:hover, div#right form div.showmore:hover span
{ color: #FFFFFF; background: #F2433D; }
div#right form div.showmore span
{ display: inline-block; width: 38px; margin-right: 10px; color: #2B2B2A; background: #FFFFFF; text-align: center; }
div#right form label
{ display: block; margin: 5px 10px 0 10px; color: #2B2B2A; }
div#right form label.checker
{ padding: 3px 5px 3px 5px; background: #F5F5F5; border: 1px dashed #CCCCCC; cursor: pointer; }
div#right form input[type="text"]
{ float: left; margin: 10px 0 10px 10px; padding: 0 10px 0 10px; width: calc(100% - 100px); height: 50px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; line-height: 50px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }
div#right form input[type="checkbox"]
{ float: none; display: inline; width: auto; margin: 0 10px 0 0; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; line-height: 34px; color: #2B2B2A; cursor: pointer; }
div#right form input[type="submit"]
{ width: 50px; height: 50px;  margin: 10px 0 0 10px; margin-bottom: 20px; font-family: 'Roboto', Helvetica, Sans-serif; font-size: 16px; font-weight: bold; line-height: 50px; color: #FFFFFF; background: #F22C25; text-align: center; border: 0; cursor: pointer; }

div#right form.like input[type="submit"],
div#right form.unlike input[type="submit"]
{ width: calc(100% - 30px); margin: 10px 0 30px 30px; color: #2B2B2A; background: #FFFFFF; border: 1px solid #2B2B2A; }
div#right form.like input[type="submit"]
{ color: #1FCC2F; border-color: #1FCC2F; }
div#right form.like input[type="submit"]:hover,
div#right form.unlike input[type="submit"]:hover
{ color: #F22C25; border-color: #F22C25; }

/* thank you */
section#thank-you
{ padding: 10px; border: 2px solid #69E778; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
section#thank-you h2.top
{ margin: 0 0 30px 0; padding: 0; font-weight: bold; color: #69E778; text-align: center; }
section#thank-you h4
{ font-size: 20px; border-bottom: 1px solid #69E778; text-align: center; }
section#thank-you div.left
{ float: left; width: 50%; }
section#thank-you div.left:first-of-type
{ padding-right: 10px; width: calc(50% - 10px); }
section#thank-you p
{ line-height: 25px; }
section#thank-you span
{ font-family: 'Dosis', Helvetica, Sans-serif; font-weight: bold; }

/* contact */
h2#contact-title
{ margin-bottom: 20px; padding: 20px 20px 0 20px; font-size: 30px; line-height: 34px; color: #2B2B2A; background: transparent; text-align: center; display: block; }
h2#contact-title:before,
form#comment-form h2:before,
section.article h2.default:before,
div.lesson-box h2:before
{ border: 0; }
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 3px 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; }

/* contact */
section#company div.third
{ float: left; }
section#company div.third div
{ margin: 8px; padding: 6px; height: 120px; text-shadow: 1px 1px 0 #FFFFFF; background: linear-gradient(#F6F7F1,#FFFFFF); word-wrap: break-word; border: 2px solid #FFFFFF; border-radius: 6px; box-shadow: 0 0 8px #DDDDDD; }
section#company div.third span
{ font-weight: bold; color: #F22C25; }

/* newsletter bar */
div#bar-newsletter
{ position: fixed; bottom: 0; left: 0; width: 100%; color: #2B2B2A; background: #F2F2F2; }
div#bar-newsletter div.inner
{ position: relative; max-width: 1200px; margin: 0 auto 0 auto; padding: 10px 0 30px 0; border-top: 2px solid #F22C25; }
div#bar-newsletter p
{ float: left; margin: 10px; }
div#bar-newsletter p.mob
{ display: none; text-align: left !important; }
div#bar-newsletter span
{ font-weight: bold; color: #F22C25; }
div#bar-newsletter img
{ float: left; width: 82px; height: 100px; margin: -12px 10px 0 0; }
div#bar-newsletter form div.label
{ position: absolute; bottom: 0; center: 0; display: block; margin: 10px; font-size: 14px; line-height: 20px; }
div#bar-newsletter form div.label a
{ color: #F22C25; }
div#bar-newsletter div.closer
{ position: absolute; top: -10px; right: 0; font-size: 20px; line-height: 30px; color: #2B2B2A; background: #FFFFFF; width: 30px; height: 30px; text-align: center; border-radius: 15px; filter: drop-shadow(0 0 2px rgba(77,77,77,0.6)); cursor: pointer; }

/* footer */
footer
{ clear: both; margin-top: 30px; padding-top: 30px; background: linear-gradient(#FFFFFF 0,#EEEEEE 30px); overflow: hidden; }
footer section
{ margin-top: 0; margin-bottom: 0; overflow: hidden; }
footer div.third
{ margin-top: 20px; }
footer div.fourth
{ margin: 0 0 20px 0; text-align: center; }
footer div.fb-box
{ float: left; width: 280px; }
footer div p
{ margin: 0; padding: 0; font-size: 14px; line-height: 22px; border: 0; }
footer div#cont
{ padding-top: 30px; color: #FFFFFF; background-color: #2980B9; background-image: linear-gradient(to top left, #333333, #2B2B2A); }
footer div#bottom
{ color: #FFFFFF; background: #F22C25; }
footer div#cont p
{ font-weight: bold; text-transform: uppercase; }
footer div#cont ul
{ margin: 10px 10px 10px 0; padding: 0; color: #ECF0F1; background: transparent; list-style-type: none; }
footer div#cont li
{ padding: 5px 0 5px 0; font-size: 14px; line-height: 18px; border-bottom: 1px solid #444444; }
footer div#cont li span
{ margin-right: 10px; color: #F22C25; }
footer div#cont li a
{ color: #ECF0F1; text-decoration: none; }
footer div#cont li a:hover
{ color: #FFFFFF; }
footer img.payment-image
{ float: left; margin: 10px 10px 0 0; width: 260px; height: 32px; }
footer div#bottom p
{ float: left; margin-top: 6px; }
footer div#bottom p a
{ color: #FFFFFF; }
footer div#bottom span
{ margin: 0 6px 0 6px; }
footer div#bottom img
{ float: left; margin: 0 20px 0 0; padding: 0; }

/* 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}}

/* responsive */
@media only screen and (max-width: 399px)
{
	div#mplp-body img#introduction
	{ float: none !important; display: block; margin: 40px auto 0 auto !important; }
	div#upsell-box img
	{ float: none !important; margin: 0 0 10px 0 !important; max-width: 100% !important; }
	form#blog-subscribe input[type="text"]
	{ float: none !important; width: calc(100% - 60px) !important; }
	div#product-ad-box img,
	div#newsletter-popup img
	{ float: none !important; margin: 0 auto 10px auto !important; display: block; }
	div#bar-newsletter form input
	{ max-width: calc(100% - 100px) !important; }
	form.calculator textarea
	{ height: 168px !important; }
}
@media only screen and (max-width: 499px)
{
	div#topbanner, div.mplp-blocks img
	{ display: none; }
	div#topbanner-mob
	{ display: block; }
	h1
	{ font-size: 36px !important; line-height: 40px !important; }
	div#image-subheader div.inner div.info
	{ display: block; width: 100% !important; margin: 10px; }
	div.image-l, div.image-r, iframe.image-l
	{ float: none !important; margin: 20px auto 20px auto !important; }
	div.iframe-cont
	{ display: block !important; margin: 20px auto 20px auto !important; max-width: 100%; }
	div#test-box div.half, div#half-cont div.half
	{ float: none !important; width: 100% !important; }
	form#blog-subscribe div.left
	{ display: none !important; }
	form#blog-subscribe div.right
	{ width: 100% !important; }
	div.course-profil-box h4 span
	{ float: none !important; display: block; }
	div.row1
	{ width: 60% !important; }
	div.row2
	{ width: 40% !important; text-align: right; }
	div.row3
	{ display: block; width: 100% !important; border-top: none !important; }
	div.third
	{ width: 100% !important; }
	div.mplp-blocks
	{ margin-left: 0; padding-right: 20px; background-image: none !important; }
	form.form-template input[type="text"], form.form-template textarea
	{ width: calc(100% - 22px); }
	ul#lightSlider li div.review, ul#lightSlider li div.rating
	{ float: none !important; width: 100% !important; }
}
@media only screen and (max-width: 599px)
{
	div#main-story img
	{ width: 100% !important; max-width: 457px; float: none; display: block; margin: 20px auto 20px auto; }
	div.homepagead img
	{ width: 100% !important; max-width: 290px; float: none; display: block; margin: 0 auto 20px auto; }
	div.lesson-content section div.content div.div2, div.lesson-content section div.content div.div3
	{ float: none; width: 100%; }
	table#cart td.image-pic, div#bar-newsletter img
	{ display: none !important; }
	section#top3 div.icon
	{ float: none !important; width: 100% !important; }
	form#buyform label.normal
	{ float: none !important; text-align: left !important; }
	form#buyform input.lead,
	form#buyform input.rest
	{ float: none !important; display: block !important; width: calc(100% - 62px) !important; margin: 10px 20px 0 20px !important; }
	div#upsell-box ol
	{ margin-left: 30px !important; }
	div#motivation section
	{ padding: 20px 0 60px 0 !important; }
	div#motivation section h1
	{ margin: 50px 20px 5px 20px !important; font-size: 29px !important; line-height: 39px !important; }
	div#motivation section p
	{ margin: 10px 20px 0 10px !important; }
	div#motivation div.arrow-left, div#motivation div.arrow-right
	{ top: 20px !important; width: 50% !important; height: 30px !important; margin-top: 0 !important; font-size: 20px !important; line-height: 30px !important; }
	div#motivation div.arrow-left
	{ text-align: left !important; }
	div#motivation div.arrow-right
	{ text-align: right !important; }
	div#motivation div.arrow-left span, div#motivation div.arrow-right span
	{ display: inline !important; }
	div#motivation div.arrow-left span
	{ margin-left: 10px; }
	div#motivation div.arrow-right span
	{ margin-right: 10px; }
	div#like-box
	{ left: 20px !important; }
	div#motivation div.social-bar
	{ left: 160px !important; }
	video
	{ float: none; margin-left: auto; margin-right: auto; display: block; }
	section#contact div, section#thank-you div.left
	{ float: none !important; width: 100% !important; }
	section#contact h3, section#contact h4, section#contact p
	{ margin-left: 10px !important; }
	div#bar-newsletter div.inner
	{ padding-bottom: 0; }
	div#bar-newsletter form input
	{ max-width: 30%; }
	div#bar-newsletter form input[type="submit"]
	{ clear: left; float: left; display: inline; }
	div#bar-newsletter form div.label
	{ position: absolute; bottom: 0; left: 100px; display: inline; }
}
@media only screen and (max-width: 699px)
{
	div#subtitle-div section
	{ background-image: none !important; }
	div#subtitle-div section blockquote
	{ margin: 0 10px 0 10px !important; }
	div#subtitle-div section span
	{ float: none !important; margin: 0 auto 0 auto !important; }
	div#mplp
	{ background-image: none !important; }
	div#mplp h2
	{ margin-top: 0; margin-right: 20px !important; margin-left: 20px; font-size: 30px; font-weight: 900; letter-spacing: -1px; line-height: 40px; text-align: center; }
	img.mob-back
	{ display: block; }
	div.button-consultation
	{ margin: 40px auto 20px auto !important; }
	div#mplp h1.reg
	{ display: none; }
	div#mplp h1.mob
	{ display: block; }
	div#mplp-body
	{ margin-top: 80px; padding-left: 20px; background: none; }
	div#mplp-body h3, div#mplp-body h3.subtitle
	{ margin-top: 10px; margin-bottom: 0; font-size: 30px; line-height: 36px; }
	div#mplp-body img#introduction
	{ margin-left: 0; }
	div#mplp-footer img#mentor
	{ margin-bottom: -35%; }
	div#specs div.outer
	{ float: none; width: 100%; margin-top: 60px; text-align: center; }
	div.boxed
	{ float: none !important; width: auto !important; margin: 10px 0 0 0 !important; }
	form.calculator textarea
	{ height: 105px; }
	footer div.fb-box
	{ margin-right: 20px; }
}
@media only screen and (max-width: 799px)
{
	div#image-subheader div.inner div.info
	{ width: calc(100% - 250px); }
	form#buyform fieldset
	{ padding: 10px !important; }
	section#contact div
	{ float: none !important; width: 100% !important; }
	div.blog-box
	{ width: calc(50% - 22px) !important; }
	div.second
	{ float: none !important; width: 100% !important; }
	ul#lightSlider li div
	{ float: none; width: 100%; }
	ul#lightSlider li div.reviewer
	{ float: none; width: 100%; margin-bottom: 20px; text-align: center; }
	ul#lightSlider li div.review
	{ float: left; width: calc(100% - 121px); }
	ul#lightSlider li div.review blockquote
	{ margin: 10px 20px 10px 20px; font-size: 18px; line-height: 24px; }
	ul#lightSlider li div.rating
	{ float: left; width: 120px; }
	ul#lightSlider li div.rating img
	{ margin-top: 10px; width: 100px; height: 105px; }
	div#cookie-bar div.left, div#cookie-bar div.right
	{ float: none !important; width: 100% !important; }
	div#cookie-bar div.left p
	{ margin-bottom: 10px !important; }
	div#bar-newsletter form input
	{ margin-right: 0; }
}
@media only screen and (max-width: 899px)
{
	div#banner p#main-title
	{ font-size: 7vw !important; }
	div.third
	{ width: 33%; }
	div.mplp-blocks
	{ margin-right: 20px; }
	div#mplp-body p.align-center
	{ margin: 0 20px 0 20px; }
}
@media only screen and (max-width: 999px)
{
	div#mplp h2
	{ margin-top: 10px; margin-right: 45%; }
	div.button-consultation
	{ margin-left: 10%; }
	div#main-story img
	{ width: 50%; height: auto; }
	div#toggler, div#bar-newsletter p.mob
	{ display: inline !important; }
	nav.full, div#bar-newsletter p.pc
	{ display: none !important; }
	div#menu img
	{ float: none !important; margin: 0 auto 0 auto; display: block; }
	div#left, div#right
	{ float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: none !important; }
	div#image-subheader div.social-bar
	{ margin-right: 0 !important; }
	div#bar-newsletter p
	{ float: none; }
}
@media only screen and (max-width: 1199px)
{
	div#mplp
	{ background-image: url(images/mplp-back-2.png); background-size: 100%; }
	div#mplp h1
	{ margin-top: 2.5vw; font-size: 6.5vw; line-height: 7vw; }
	div.blog-box img
	{ width: 100% !important; height: auto !important; }
	div.module-box, div.launch-box
	{ width: 25%; }
}
@media only screen and (min-width: 600px) and (max-width: 899px)
{
	div.module-box, div.launch-box
	{ width: 33%; }
}
@media only screen and (min-width: 500px) and (max-width: 799px)
{
	div.image-l, div.image-r, div.iframe-l, div.iframe-r
	{ max-width: 250px !important; }
	div.third
	{ width: 50%; }
	div.module-box, div.launch-box
	{ width: 33%; }
}
@media only screen and (min-width: 500px) and (max-width: 699px)
{
	div.module-box, div.launch-box
	{ width: 50%; }
}
@media only screen and (min-width: 1px) and (max-width: 499px)
{
	div.blog-box
	{ width: calc(100% - 22px) !important; }
	div.module-box, div.launch-box
	{ width: 100%; }
	div.toolkits div
	{ height: auto; text-align: center; }
	div.toolkits div img
	{ display: block; float: none; margin: 0 auto 10px auto; }
}
@media only screen and (min-width: 800px)
{
	div.second
	{ width: 50%; }
	div.third
	{ width: 33%; }
}