/* @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: #0A1D1F; text-align: center; }
div#container
{ margin-top: -30px; padding-top: 30px; color: #2B2B2A; background: #FFFFFF; position: relative; }
section
{ clear: left; margin: 5px auto 10px auto; padding: 10px; max-width: 1200px; width: 96%; text-align: left; overflow: hidden; }
fieldset
{ margin: 0; padding: 0; border: 0; }
h1
{ margin: 10px 10px 40px 10px; padding: 0 0 0 0; font-size: 50px; line-height: 54px; text-align: center; position: relative; }
h1.main
{ padding: 30px 0 0 0; border-top: 1px solid #999999; }
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: #44C5D2; background: transparent; position: relative; }
h3::before
{ content: "\0025A0"; margin-right: 5px; font-size: 26px; color: #0A1D1F; }
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-20
{ margin-top: 20px !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
{ color: #44C5D2; }
h2 span, h3 span
{ position: absolute; top: -60px; }
h2 img
{ float: left; margin-right: 16px; }
a:hover,
input[type="submit"]:hover,
footer div.footer-things div:hover,
div.dummy-button a: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,
div.wscu-button:hover
{ -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
{ font-weight: bold; color: #3BACB8; text-decoration: none; border-bottom: 1px solid #3BACB8; }
p a:hover, li a:hover, h3 a:hover, div.toolkits div a:hover
{ border-color: #0A1D1F; }
.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: #3BACB8 !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; }
img.mob-width
{ display: none !important; }

/* 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; width: 260px !important; height: 50px !important; font-size: 20px !important; font-weight: bold !important; line-height: 50px !important; color: #FFFFFF !important; background: #21D940 !important; text-align: center !important; border: 0 !important; border-radius: 1000px; cursor: pointer !important; }
div.dummy-button a
{ display: block; padding: 0 15px 0 15px; border-radius: 1000px; }
div.dummy-button a:hover
{ background: #44C5D2; }
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: #44C5D2; 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: 20px; line-height: 30px; }

/* 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: #0A1D1F; 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: 15px 0 -15px 0; color: #FFFFFF; background: #44C4D1; }
div#top-fb-group-ad a
{ color: inherit; text-decoration: none; }
div#top-fb-group-ad div.inner
{ margin: 5px 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: #44C4D1; }
div#top-fb-group-ad p span.fbbox
{ padding: 2px 4px 2px 4px; color: #F9EA1B; border: 2px solid #F9EA1B; }
div#top-fb-group-ad p span.fbbutton
{ display: inline-block; margin-left: 10px; padding: 3px 10px 3px 10px; font-weight: bold; border-radius: 5px; color: #28676E; background: #F9EA1B; text-decoration: none; }
div#top-fb-group-ad p a:hover
{ background: #FFFFFF; }
/* breadcrumbs */
div#breadcrumbs
{ margin-top: 15px; color: #2B2B2A; background: #E6F3F5; }
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: #44C5D2; }
div#breadcrumbs a:hover
{ color: #F22C25; }

/* menu */
div#menu
{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 70px; background: linear-gradient(#F7F7F7 0,#FFFFFF 60px); border-top: 2px solid #44C5D2; box-shadow: 0 8px 12px #FFFFFF; }
div#menu img.logopic
{ width: 200px; height: 47px; margin-top: -7px; }
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: 5px; }
nav div.menu-item
{ font-size: 15px; line-height: 34px; font-weight: bold; color: #2B2B2A; background: transparent; display: inline-block; }
nav div.menu-item a
{ padding: 0 6px 0 6px; color: inherit; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; text-transform: uppercase; display: block; }
nav div.menu-item:hover
{ color: #FFFFFF; background: #44C5D2; }
nav div.menu-item:hover a
{ color: #FFFFFF; text-shadow: none; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; }
nav div.menu-item a.dropdown
{ position: relative; }
.drop-menu
{ display: none; position: absolute; background: #44C5D2; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
nav div.menu-item div.drop-menu a
{ padding: 6px 10px 6px 10px; border-top: 1px solid #3BACB8; text-decoration: none; text-transform: none; display: block; }
.drop-menu a:hover
{ color: #FFFFFF; background-color: #2B2B2A; }
.dropper:hover .drop-menu
{ display: block; }
nav div.menu-item.login
{ margin-left: 8px; border: 1px solid #2B2B2A; border-radius: 6px; }
nav div.menu-item.login:hover
{ border-color: #44C5D2; 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; }

/* homepage */
img#banner
{ margin: 0 auto 0 auto; width: 100%; max-width: 1200px; display: block; }
img#banner800
{ margin: 0 auto 0 auto; width: 100%; max-width: 800px; display: none; }
img#banner500
{ margin: 0 auto 0 auto; width: 100%; max-width: 500px; display: none; }
div#introduction
{ color: #FFFFFF; background: #44C5D2; /* border-top: 8px solid #2B7C85; */ overflow: hidden; }
div#introduction section
{ margin-bottom: 0; padding-bottom: 0; padding-top: 40px; position: relative; }
div#introduction img
{ position: absolute; left: 0; bottom: 0; }
div#introduction h2
{ margin: 30px 0 30px 410px; padding: 0; font-weight: 900; color: #FFFFFF; background: transparent; }
div#introduction p
{ margin: 10px 0 10px 410px; padding: 0; font-size: 24px; font-weight: 400; line-height: 34px; color: #FFFFFF; background: transparent; }
/* div#introduction p span
{ padding: 0 5px 0 5px; background: #3AA8B3; } */
div#introduction p strong
{ padding: 0 5px 0 5px; background: #0A1D1F; }
div#mainpage h2
{ padding: 40px 0 20px 0; text-align: center; }
div#mainpage div.third
{ width: calc(33% - 20px); margin: 0 20px 10px 0; background: #E6F3F5; border-radius: 10px; }
div#mainpage div.third img
{ float: left; margin: 10px; font-size: 18px; }
div#mainpage div.third p
{ margin: 15px 10px 10px 10px; font-size: 18px; }

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

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

/* blog */
div.blog-box
{ float: left; width: calc(33.3% - 22px); height: 388px; margin: 10px; border: 1px solid #C0E7EB; 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: #44C5D2; 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.comment
{ float: right; background: transparent url(images/icons/course-sprite.png) -452px -271px no-repeat; }

/* 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#right h3:before
{ content: ""; }
div#right a
{ border: 0; }
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%; font-weight: 300; color: #FFFFFF; background: #33949E; border-top: 4px solid #44C5D2; }
div#image-subheader
{ margin-bottom: 20px; font-size: 14px; line-height: 18px; 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 */
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); }
section.article p#meaning
{ margin: -10px 0 30px 0; padding: 13px 0 13px 0; font-size: 26px; line-height: 30px; text-align: center; border-top: 1px solid #FAC8C8; border-bottom: 1px solid #C0F0C6; }
section.article p.source
{ margin-top: 30px; padding-top: 5px; font-size: 14px; line-height: 18px; border-top: 1px dashed #CCCCCC; }
section.article div.storybox
{ margin-top: 40px; margin-bottom: 20px; padding: 20px 10px 0 10px; color: inherit; background: #E6F3F5; border: 1px dashed #44C5D2; border-radius: 10px; }
section.article div.storybox h3
{ margin: -36px 0 0 0; padding: 0 2px 0 2px; font-size: 24px; line-height: 30px; color: #3BACB8; text-shadow: 1px 1px #FFFFFF, -1px 1px #FFFFFF, 1px -1px #FFFFFF, -1px -1px #FFFFFF; float: left; }
section.article div.storybox h3:before
{ content: ""; }
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; }
section.article 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; }
section.article code span
{ font-weight: bold; color: #F22C25; }
section.article 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: #44C5D2; 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: 20px; font-size: 30px; line-height: 36px; font-weight: 300; color: #33949E; border-top: 1px solid #0A1D1F; border-bottom: 1px solid #0A1D1F; }
/* 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
{ font-weight: normal; color: #2B2B2A; background: transparent; text-decoration: none; border: 0; }
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(63, 183, 195, 0), rgba(63, 183, 195, 0.75), rgba(63, 183, 195, 0)); }
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 h1
{ margin-top: 0; border-top: 0; }
section.article h2
{ margin-top: 30px; padding: 8px 15px 8px 15px; letter-spacing: -1px; color: #FFFFFF; background: #44C5D2; display: inline-block; }
section.article 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 #44C5D2; 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 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
{ display: inline; float: left; margin: 0; padding: 0 5px 0 0; font-size: 23px; line-height: 30px; }
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; }
/* knowledge base boxes */
div.kb-box,
div.dictionary-box
{ margin: 10px; padding: 10px; border: 1px solid #44C5D2; border-radius: 6px; overflow: hidden; }
div.kb-box img
{ float: left; width: 72px; height: 72px; margin-right: 10px; }
div.kb-box img#useful-tools
{ background: url(images/knowledge-base-icons.png) -72px 0; }
div.kb-box img#marketing-dictionary
{ background: url(images/knowledge-base-icons.png) 0 0; }
div.kb-box h3
{ margin: 0 0 10px 0; padding: 0; font-size: 18px; text-transform: uppercase; text-align: center; }
div.kb-box h3:before
{ content: ""; }
div#half-cont div.half div.kb-box p
{ font-size: 17px; line-height: 25px; }
div#half-cont div.half div.kb-box p a
{ font-weight: bold; color: #44C5D2; }
div#half-cont div.half div.kb-box ul
{ float: right; width: calc(100% - 100px); margin-top: -72px; list-style-type: square; line-height: 20px; color: #44C5D2; text-transform: none; }
div#half-cont div.half div.kb-box li
{ margin-top: 10px; }
div#half-cont div.half div.kb-box li a
{ color: #0A1D1F; }
section.article h2.dictionary-title
{ margin: 20px 0 -10px 16px; font-size: 24px; font-weight: bold; line-height: 29px; }
section.article h2.dictionary-title:before
{ border: 0; }
div.dictionary-box a
{ display: inline-block; width: 33%; padding: 3px 0 3px 0; color: #0A1D1F; text-decoration: none; }
div.dictionary-box a:hover
{ color: #FFFFFF; background: #44C5D2; }
div.dictionary-box a span
{ margin-right: 6px; color: #44C5D2; }
/* 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 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; }
div#right li.locked
{ background: transparent url(images/icons/course-sprite.png) -452px -320px no-repeat; }
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
{ 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#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 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; }
/* FB group ad */
section#fb-group-ad img
{ margin: -10px 0 0 -10px; width: 297px; height: 147px; }
section#fb-group-ad a
{ text-decoration: none; }
section#fb-group-ad div
{ margin: 0 auto 10px auto; width: 200px; height: 36px; line-height: 36px; color: #FFFFFF; background: #4267B2; text-align: center; }
section#fb-group-ad div:hover
{ background: #365899; }

/* 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; }
/* 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: 60px; text-align: center; }
div.pager
{ width: 300px; margin: 40px 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: #0A1D1F; }
div.pager div:last-child
{ float: right; color: #FFFFFF; background: #44C5D2; }
div.pager div a
{ display: block; color: #FFFFFF; text-decoration: none; }
div.pager div:first-child a:hover
{ background: #123438; }
div.pager div:last-child a:hover
{ background: #4CDCEB; }
div.pager div.stray
{ color: #DDDDDD; background: #CCCCCC; cursor: default; }

/* home blocks*/
div#block-wscu
{ color: #FFFFFF; background: #24578F; }
div#block-wscu section
{ margin-top: 0; padding-bottom: 30px; }
div#block-wscu div.second:first-child
{ background: radial-gradient(circle at center, #3073BD 0, #24578F 70%); }
div#block-wscu div.second img
{ display: block; margin: 60px auto 60px auto; width: 90%; max-width: 393px; }
div#block-wscu h3
{ margin: 40px 40px 0 40px; padding: 0 20px 0 20px; font-size: 30px; line-height: 50px; color: #FFFFFF; background: #F23A3C; border: 2px solid #222222; text-align: center; border-top-right-radius: 10px; border-top-left-radius: 10px; }
div#block-wscu h3:before
{ content: ""; }
div#block-wscu h4
{ margin: 0 40px 40px 40px; padding: 5px 0 5px 0; font-size: 24px; line-height: 36px; color: #F23A3C; background: #FFFFFF; text-align: center; border: 2px solid #222222; border-top: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
div.wscu-list
{ margin: 20px 20px 0 40px; font-size: 20px; font-weight: bold; line-height: 28px; overflow: hidden; }
div.wscu-list div
{ float: left; width: 60px; height: 60px; margin-right: 20px; line-height: 60px; background: #FFFFFF; text-align: center; border-radius: 500px; }
div#block-wscu div.second div.wscu-list div img
{ object-fit: none; object-position: -68px 0; width: 34px; height: 34px; margin: 14px 0 0 14px; }
div#block-wscu div.second div.wscu-list div img.nth2
{ object-position: -34px 0; }
div#block-wscu div.second div.wscu-list div img.nth3
{ object-position: 0 0; }
div.wscu-button
{ margin: 40px auto 20px auto; width: 260px; height: 50px; font-size: 20px; font-weight: bold; line-height: 50px; color: #222222; background: #FFC43D; text-align: center; border: 1px solid #222222; border-radius: 1000px; box-shadow: 0 0 40px #2D6BAF; cursor: pointer; }
div.wscu-button a
{ display: block; padding: 0 15px 0 15px; text-decoration: none; color: inherit; border-radius: 1000px; }
div.wscu-button:hover
{ background: #FFD470; }
div.third.wscu div
{ margin: 0 10px 0 10px; padding: 20px; background: #E6F3F5; border-radius: 10px; }
div.third.wscu div h3
{ margin: 0; padding: 0; color: #008BA5; text-align: center; }
div.third.wscu div h3:before
{ content: ""; }
div.third.wscu div p
{ font-size: 17px; line-height: 25px; }
div.blue-header
{ padding: 40px 10px 40px 10px; color: #FFFFFF; background: radial-gradient(circle at center, #3073BD 0, #24578F 70%); }
div.blue-header h2
{ margin: 0; padding: 0; font-weight: bold; text-align: center; }
div.blue-header p
{ margin: 20px 10px 0 10px; font-size: 20px; line-height: 30px; text-align: center; }
div.lightblue-cont
{ color: #0A1D1F; background: #E6F3F5; }
div.lightblue-cont h2
{ text-align: center; }
div.arg-left, div.arg-right
{ clear: both; float: left; margin-top: 40px; padding: 20px; width: 80%; font-size: 18px; line-height: 26px; color: inherit; background: #FFFFFF; border-radius: 10px; }
div.arg-right
{ float: right; }
div.arg-left div, div.arg-right div
{ float: left; margin: -30px 20px -30px -30px; width: 84px; height: 84px; font-size: 50px; font-weight: bold; line-height: 84px; color: #FFFFFF; background: #F23A3C; text-align: center; border-radius: 10000px; }
div.arg-right div
{ float: right; margin: -30px -30px -30px 20px; }
div.arg-left p
{ margin: 0 0 0 70px; }
div.arg-right p
{ margin: 0 70px 0 0; }
div.lightblue-cont div.wscu-button
{ clear: both; margin-top: 50px; border: 0; box-shadow: 0 0 20px rgba(255, 255, 255, 0.9); }
div#tech
{ padding: 0; background: #D2EEF5 url(images/tech-back.webp) center top no-repeat; }
div#tech section, div.black-cont section, div.lightblue-cont section, div.blue-header section
{ margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
div.lightblue-cont section
{ padding-bottom: 20px; }
div#tech div.inner
{ margin: 40px 20% 40px 20%; padding: 30px; background: #FFFFFF; border-radius: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.2); }
div#tech ul
{ margin: 0 0 0 20px; padding: 0; list-style-type: none; }
div#tech li
{ padding: 10px 0 10px 45px; font-size: 20px; line-height: 30px; }
div#tech ul div
{ float: left; margin-left: -45px; width: 30px; height: 30px; font-size: 24px; line-height: 30px; color: #FFFFFF; background: linear-gradient(135deg,#2F71BA,#24578F);  text-align: center; border-radius: 1000px; }
div#tech div.wscu-button
{ margin-top: 30px; border: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
div.black-cont
{ color: #FFFFFF; background: #0A1D1F; }
img.wscu-sample
{ margin: 8px; width: 180px; height: 233px; box-shadow: 0 0 5px rgba(0,0,0,0.2); display: inline-block; }

/* 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 box */
div.module-box
{ float: left; width: 20%; height: 250px; }
div.module-box h3:before
{ content: ""; }
div.module-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.module-box div img
{ margin-top: 20px; width: 48px; height: 48px; }
div.module-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
{ display: block; height: calc(100% - 20px); padding: 10px; text-decoration: none; }
div.module-box div a:hover
{ background: #FFFFFF; }

/* test box */
div#test-box
{ margin: 20px auto 20px auto; max-width: 800px; border: 1px solid #F2F2F2; box-shadow: 0 0 10px #EEEEEE; text-align: left; }
div#test-box h2
{ margin: 0; padding: 15px 10px 20px 10px; font-size: 28px; line-height: 32px; border-top: 4px solid #F22C25; 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; }

/* bonus page */
div.second, div.third
{ float: left; }
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; }

/* toolkit page */
div.toolkits
{ padding-bottom: 30px; overflow: hidden; }
div.toolkits div
{ float: left; width: 280px; height: 64px; margin: 10px; font-size: 16px; line-height: 22px; }
div.toolkits div img
{ float: left; margin-right: 10px; }
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; }

/* 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; }
div.course-profil-box h4
{ display: block; float: none; 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; }
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; }

/* 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(#44C5D2,#3BACB8); cursor: pointer; border: 1px solid #3BACB8; 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; text-align: center; }
form#blog-subscribe div.left
{ float: left; width: 140px; }
form#blog-subscribe div.right
{ float: left; width: calc(100% - 140px); }
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; }

/* new subscribe form */
div.blue-back
{ color: #FFFFFF; background: #44C5D2; }
div.blue-back.first
{ margin-top: -60px; padding-top: 100px;  }
div.blue-back img.intro-pic
{ width: 100%; max-width: 1000px; display: block; margin: 0 auto 0 auto; }
div.blue-back h3
{ margin: 0; padding: 40px 10px 40px 10px; font-size: 30px; line-height: 36px; color: #FFFFFF; background: transparent; }
div.blue-back h3:before
{ content: none; }
div.black-back
{ background: #0A1D1F; }
div.black-back h2
{ margin: 0; padding: 30px 10px 30px 10px; color: #FFFFFF; background: transparent; }
form#lp-subscribe
{ width: 100%; max-width: 540px; margin: 0 auto 0 auto; }
form#lp-subscribe fieldset
{ padding: 10px; }
form#lp-subscribe a
{ color: #0A1D1F; }
form#lp-subscribe label.input-label
{ display: block; font-weight: bold; text-align: left; }
form#lp-subscribe input
{ display: block; }
form#lp-subscribe input[type="text"]
{ width: 100%; margin: 5px 0 15px 0; padding: 10px; font-size: 16px; line-height: 20px; background: #FFFFFF; border: 0; border-radius: 5px; }
form#lp-subscribe input[type="checkbox"]
{ display: inline; background: #FFFFFF; border: 0; }
form#lp-subscribe input[type="submit"]
{ margin: 30px auto 50px auto; padding: 15px 30px 15px 30px; font-size: 15px; font-weight: bold; color: #FFFFFF; background: #DC1A35; text-transform: none; border: 0; border-radius: 5px; cursor: pointer; }
form#lp-subscribe input[type="submit"]:hover
{ background: #F51D3B; }
form#lp-subscribe p,
form#lp-subscribe div.label label
{ margin-top: 30px; font-size: 15px; line-height: 19px; color: #0A1D1F; text-align: left; }
form#lp-subscribe div.label
{ text-align: left; }
section.lp-subscribe-cont div.third
{ height: 480px; text-align: center; }
section.lp-subscribe-cont div.third img
{ margin-top: 50px; width: 80%; }
section.lp-subscribe-cont div.third h3
{ font-size: 30px; color: #0A1D1F; }
section.lp-subscribe-cont div.third h3:before
{ content: ""; }
section.lp-subscribe-cont div.third h4
{ margin-right: 10px; margin-left: 10px; font-weight: bold; }
section.lp-subscribe-cont div.third h4:nth-of-type(2)
{ color: #DC1A35; }
section.lp-subscribe-cont div.third p
{ margin-right: 10px; margin-left: 10px; font-size: 16px; line-height: 22px; }
section.lp-subscribe-cont div.dmy-button
{ margin: 30px auto 50px auto; padding: 15px 30px 15px 30px; width: 160px; font-size: 15px; font-weight: bold; color: #FFFFFF; background: #DC1A35; text-align: center; border-radius: 5px; }
section.lp-subscribe-cont div.dmy-button:hover
{ background: #F51D3B; border-radius: 5px; }

/* order-form */
p#form-head
{ margin: 0; }
form#buyform.wscu
{ padding-bottom: 20px; color: #222222; background: #FFFFFF; border-radius: 10px; }
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; }
div#order-div.wscu
{ margin: 40px 0 40px 0; border-radius: 10px; }
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.wscu input[type="text"],
form#buyform.wscu input[type="password"],
form#buyform.wscu textarea
{ background: #F5F9FA; }
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.wscu h3
{ background: linear-gradient(#70D2DC,#44C4D1); border-bottom: 1px solid #DADEE6; border-top-right-radius: 10px; border-top-left-radius: 10px; }
form#buyform.wscu h3:before
{ content: none; }
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; 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.wscu textarea
{ margin-bottom: 20px; }
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.wscu input[type="submit"]
{ padding: 0 14px 0 14px; border-radius: 1000px; }
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 label.small-label
{ max-width: 400px; margin: 0 20px 0 20px; font-size: 16px; line-height: 20px; }
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[type="radio"]
{ float: none; width: 20px; height: 20px; margin-right: 10px; border: none; box-shadow: none; }
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; }

/* dolphin-editor */
ul.dolphin li.toplevel
{ list-style: none; margin-top: 20px; margin-bottom: 4px; font-weight: bold; border-bottom: 1px solid #44C5D2; }
ul.dolphin li.sublevel
{ margin-left: 30px; font-size: 18px; }
ul.dolphin li.sublevel a
{ font-weight: normal; border-bottom: 0; }
form.dolphin
{ width: 100%; }
form.dolphin input, textarea
{ font-family: 'Roboto', Helvetica, Sans-serif; font-size: 18px; line-height: 30px; }
form.dolphin input[type="text"], form.dolphin textarea
{ width: 100%; margin-top: 20px; border: 1px solid #44C5D2; }
form.dolphin input[type="submit"]
{ display: block; margin: 30px auto 20px auto; width: 200px; font-weight: bold; color: #FFFFFF; background: #F22C25; text-align: center; border: 0; cursor: pointer; }

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

/* 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 */
div.w50pc
{ float: left; width: 50%; }
div.w50pc img
{ float: left; margin: 0 10px 40px 10px; z-index: 9; position: relative; }
div.w50pc blockquote
{ margin: 10px 40px 0 40px; padding: 15px 0 15px 0; font-size: 18px; line-height: 26px; color: #666666; /* border-bottom: 1px dashed #DDDDDD; */ border-width: 1px; border-style: solid; border-image: linear-gradient(to right, #F22C25, transparent) 1; border-top: 0; border-left: 0; border-right: 0; position: relative; z-index: 8; }
div.w50pc blockquote span
{ position: absolute; bottom: -60px; left: calc(50% + 60px); width: 40px; color: #F22C25; font-family: Georgia, Times, Serif; font-size: 70px; line-height: 80px; }
div.w50pc.right blockquote, div.w50pc.right p
{ text-align: right; }
div.w50pc.right blockquote
{ border-image: linear-gradient(to left, #F22C25, transparent) 1; }
div.w50pc.right blockquote span
{ left: auto; right: calc(50% + 60px); }
div.w50pc.right img
{ float: right; }
div.w50pc p
{ padding-top: 0; font-size: 16px; }
div.w50pc p a
{ text-decoration: none; }
div.w50pc p a:hover
{ text-decoration: underline; }
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; }

/* mailerlite cerificate */
div#mailerlite-certificate
{ color: inherit; background: #F3F4F6; }
div#mailerlite-certificate section
{ height: 145px; overflow: visible; position: relative; display: table; }
div#mailerlite-certificate section p
{ margin: 0; padding: 0 180px 0 0; font-size: 24px; font-weight: 300; line-height: 34px; vertical-align: middle; display: table-cell; }
div#mailerlite-certificate section p strong
{ color: #09C269; }
div#mailerlite-certificate section img
{ position: absolute; top: -10px; right: 0; }

/* 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.fb-box
{ float: left; width: 280px; }
footer div.third
{ float: left; }
footer div p
{ margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #FFFFFF; border: 0; }
footer div#cont
{ padding-top: 30px; color: #0A1D1F; background-color: #44C5D2; background-image: linear-gradient(to top left, #44C5D2, #3EB3BF); }
footer div#bottom
{ color: #CCCCCC; background: #0A1D1F; }
footer div#cont p
{ font-weight: bold; text-transform: uppercase; }
footer div#cont ul
{ margin: 10px 10px 10px 0; padding: 0; color: #0A1D1F; 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 #3BABB8; }
footer div#cont li span
{ margin-right: 10px; color: #FFFFFF; }
footer div#cont li a
{ color: #0A1D1F; text-decoration: none; border: 0; }
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: right; margin-top: 6px; text-align: right; }
footer div#bottom p a
{ color: #CCCCCC; }
footer div#bottom span
{ margin: 0 6px 0 6px; }
footer div#bottom img
{ float: left; margin: 0 20px 0 0; padding: 0; }

/* 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 #44C5D2; }
form.bookf input[type="submit"]
{ width: 200px; margin: 40px auto 20px auto; padding: 5px; font-size: 20px; font-weight: bold; line-height: 26px; color: #FFFFFF; background: #21D940; border: 0; border-radius: 7px; cursor: pointer; }
form.bookf select
{ margin-bottom: 15px; }
form.bookf label, form.bookf div.label-like
{ font-size: 20px; font-weight: bold; color: #44C5D2; }
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 #44C5D2; 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: #44C5D2; text-align: center; border-radius: 15px; }
form.bookf div.error
{ margin: 5px 10px 2px 0; padding: 5px; font-size: 14px; font-weight: bold; line-height: 24px; color: #FFFFFF; background: red; text-transform: uppercase; }
p#backstep
{ font-size: 15px; line-height: 19px; text-align: center; }
p#backstep a
{ color: #44C5D2; 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.cont-selector
{ margin-left: 15px; }
div.day-selector
{ float: left; width: 130px; margin: 15px 5px 5px 5px; background: #F7F7F7; text-align: center; }
div.day-selector h4
{ margin: 0; padding: 5px; font-size: 15px; line-height: 26px; color: #FFFFFF; background: #44C5D2; 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: #21D940; }
div.day-selector li a
{ padding: 5px; color: #FFFFFF; text-decoration: none; display: block; }
div.day-selector li a:hover
{ background: #25F247; }

/* slider */
ul#lightSlider
{ padding-bottom: 130px; }
ul#lightSlider div
{ margin: 20px; font-size: 20px; font-weight: 300px; line-height: 30px; color: #999999; }
ul#lightSlider p
{ font-size: 16px; text-align: center; }

/* 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#tech li
	{ padding: 10px 0 10px 15px; }
	div#tech div.wscu-button
	{ width: 100%; height: auto; padding: 10px 5px 10px 5px; line-height: 25px; border-radius: 25px; }
	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; }
	div.blue-back h3
	{ font-size: 22px; line-height: 26px; }
}
@media only screen and (max-width: 499px)
{
	div#menu img.logopic
	{ margin-left: 50px; }
	img#banner800, img.full-width
	{ display: none !important; }
	img#banner500, img.mob-width
	{ display: block !important; }
	h1
	{ font-size: 26px !important; line-height: 30px !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%; }
	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; }
	form.form-template input[type="text"], form.form-template textarea
	{ width: calc(100% - 22px); }
	div.w50pc img, div.w50pc.right img
	{ float: none; display: block; margin: 0 auto -10px auto !important; }
	div.w50pc blockquote
	{ padding-top: 10px !important; }
	div.w50pc.right blockquote
	{ text-align: left; border-image: linear-gradient(to right, #F22C25, transparent) 1; }
	div.w50pc blockquote span, div.w50pc.right blockquote span
	{ left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
	div.w50pc p, div.w50pc.right p
	{ margin: 10px 40px 30px 0; text-align: right; }
	div.wscu-list
	{ margin: 20px 20px 0 40px; font-size: 20px; font-weight: bold; line-height: 28px; overflow: hidden; }
	div.wscu-list div
	{ float: none; display: block; margin: 14px auto 14px auto; }
	div.wscu-list div img
	{ padding-top: 14px; }
}
@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; }
	div#test-box div.half, div#half-cont div.half
	{ 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; }
	form#lp-subscribe fieldset
	{ margin-right: 20px; }
	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.boxed
	{ float: none !important; width: auto !important; margin: 10px 0 0 0 !important; }
	div#tech
	{ background-image: none; }
	div#tech div.inner
	{ margin: 40px 20px 40px 20px; }
	footer div.fb-box
	{ margin-right: 20px; }
}
@media only screen and (max-width: 799px)
{
	img#banner
	{ display: none; }
	img#banner800
	{ display: block; }
	h1
	{ font-size: 36px; line-height: 40px; }
	div#image-subheader div.inner div.info
	{ width: calc(100% - 250px); }
	div#introduction img
	{ position: relative; display: block; margin: 0 auto 20px auto; }
	div#introduction p
	{ margin: 0 0 20px 0; }
	div#introduction h2
	{ margin: 0 0 20px 0; font-size: 26px; line-height: 32px; }
	div.dictionary-box a
	{ width: 100% !important; }
	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; }
	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.third
	{ width: 33%; }
}
@media only screen and (max-width: 999px)
{
	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: 1099px)
{
	div.w50pc
	{ float: none; width: 100%; }
	div.w50pc blockquote
	{ padding-top: 40px; }
	div.dictionary-box a
	{ width: 49%; }
}
@media only screen and (max-width: 1199px)
{
	div.blog-box img
	{ width: 100% !important; height: auto !important; }
	div.module-box
	{ width: 25%; }
}
@media only screen and (min-width: 600px) and (max-width: 899px)
{
	div.module-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
	{ width: 33%; }
}
@media only screen and (min-width: 500px) and (max-width: 699px)
{
	div.module-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
	{ width: 100%; }
}
@media only screen and (min-width: 800px)
{
	div.second
	{ width: 50%; }
	div.third
	{ width: 33%; }
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
    min-height: 200px;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #44C5D2;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('images/ls-controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}