.GM, .GM .dL { overflow-y: hidden }
.btn-upload-site, .button, .button > span { vertical-align: middle }
.btn, .button--text-upper { letter-spacing: 2px }
.body-content { padding-left: 15px; padding-right: 15px }
.dl-horizontal dt { white-space: normal }
.btn-upload-site, .button-btn, .fontdemoheader, .footercls span, a.leadAnchor { white-space: nowrap }
.chosen-container, input, select { max-width: 280px }
.footerposition { position: fixed; right: 0; bottom: 0; left: 0; padding: 1rem; background-color: #efefef; text-align: center; text-decoration-color: #7fff00 }
.webgrid-table { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 1.2em; width: 100%; display: table; border-collapse: separate; border: 1px solid #98bf21; background-color: #fff }
    .webgrid-table td, th { border: 1px solid #98bf21; padding: 3px 7px 2px }
a.button--border-thick:hover, button.button--border-thick:hover { border: 1px solid #f60 }
.webgrid-header { background-color: #f60; color: #fff; padding-bottom: 4px; padding-top: 5px; text-align: left }
.webgrid-row-style { padding: 3px 7px 2px }
.webgrid-alternating-row { background-color: #eaf2d3; padding: 3px 7px 2px }
.footercls a, .footercls a:active, .footercls a:link, .footercls a:visited { z-index: 7; white-space: nowrap; font-size: 13px; line-height: 13px; font-weight: 400; color: rgba(119,119,119,1); font-family: Lato }
a.button--wayra:hover, button.button--wayra:hover { color: #fff }
button.button--wayra { padding-top: 5px !important }
.footercls span { z-index: 7; font-size: 13px; line-height: 13px; font-weight: 400; color: rgba(119,119,119,1); font-family: Lato }
.wrap { min-height: calc(100% - 78px); height: auto !important; margin: 0 auto; padding: 0 }
.footercls { height: 78px; bottom: 0; width: 100%; position: relative; background-color: #ddd; margin-top: 0 }
#ptsText { padding-top: 30px }
body, html { height: 100% }
.bgclr { background-color: #03a9f4; color: #fff }
.box { padding-left: 20px; padding-right: 20px; border: 1px solid #d3d3d3; box-shadow: initial; min-height: 398px }
.GW { bottom: -1px; left: 0; position: absolute; right: 0 }
.GM { font-size: 13px }
    .GM .dL { background-color: #f5f5f5; border: 1px solid #dcdcdc; font-weight: 700; margin: 0 7px 9px; padding: 4px 4px 4px 8px; max-width: 448px }
.dL { margin-bottom: 2px; padding-bottom: 1px }
.aoP a { color: #15c }
.dO, a.dO { color: #222 }
.dO, .dT { float: left; padding: 0 8px 0 0; text-decoration: none }
.GM .azq, .GM .dQ, .GM .vq, .vq { float: right }
#cssmenu > ul > li, .box1, .box2, .box3, .keysecleft, .sf-nav li { float: left }
.vq { background: url(//ssl.gstatic.com/ui/v1/icons/common/x_8px.png) no-repeat; cursor: pointer; height: 16px; margin-top: 1px; opacity: .5; width: 16px }
.paddright8 { padding-right: 8px; margin-top: -1px }
.sidebar ul li a { color: #416686 }
.page-header { font-size: 31px; margin-bottom: 10px; margin-top: 25px }
.btn-upload-site { font: inherit !important; color: #333 !important; background-color: #fff; border-color: #ccc; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px !important; font-weight: 400; line-height: 1.42857143 !important; text-align: center !important; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px }
.disp-hidden, .displaynone { display: none !important }
[type=checkbox]:checked, [type=checkbox]:not(:checked) { position: relative; padding-left: 1.95em; cursor: pointer; margin: 0 !important }
    [type=checkbox]:checked:before, [type=checkbox]:not(:checked):before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1) }
    [type=checkbox]:checked:after, [type=checkbox]:not(:checked):after { content: '✔'; position: absolute; top: 0; left: 4px; font-size: 1.3em; line-height: .8; color: #09ad7e; transition: all .2s }
    [type=checkbox]:not(:checked):after { opacity: 0; transform: scale(0) }
    [type=checkbox]:checked:after { opacity: 1; transform: scale(1) }
[type=checkbox]:disabled:checked:before, [type=checkbox]:disabled:not(:checked):before { box-shadow: none; border-color: #bbb; background-color: #ddd }
[type=checkbox]:disabled:checked:after { color: #999 }
[type=checkbox]:disabled { color: #aaa }
[type=checkbox]:checked:focus:before, [type=checkbox]:not(:checked):focus:before { border: 2px dotted #00f }
[type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label { padding-left: 10px }
.button--wayra::before, .clearfix:after, .clearfix:before, .grid__item::before, .loader::before { content: '' }
.button { display: block; margin: 0 5px; padding: 3px 10px !important; border: none; background: 0 0; color: inherit; position: relative; z-index: 1; -webkit-backface-visibility: hidden; text-align: center }
.box1, .box2 { text-align: left }
.button:focus { outline: 0 }
.bg-1 .button { color: #37474f; border-color: #37474f }
.bg-2 .button { color: #eceff1; border-color: #eceff1 }
.bg-3 .button { color: #fff; border-color: #fff }
.button--size-s { font-size: 14px }
.button--size-m { font-size: 16px }
.button--size-l { font-size: 18px }
.button--text-thin { font-weight: 300 }
.button--text-medium { font-weight: 500 }
.button--text-thick { font-weight: 600 }
.button--round-s { border-radius: 5px }
.button--round-m { border-radius: 15px }
.button--round-l { border-radius: 40px }
.button--border-thin { border: 1px solid }
.button--border-medium { border: 2px solid }
.button--border-thick { border: 1px solid #37474f; color: #000 }
.button--wayra { min-height: 30px; padding-top: 8px !important; margin-bottom: 10px !important; text-decoration: none !important; overflow: hidden; -webkit-transition: border-color .3s,color .3s; transition: border-color .3s,color .3s; -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1); transition-timing-function: cubic-bezier(.2,1,.3,1) }
    .button--wayra::before { position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: #37474f; z-index: -1; -webkit-transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0); transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: -webkit-transform .3s,opacity .3s,background-color .3s; transition: transform .3s,opacity .3s,background-color .3s }
    .button--wayra.button--inverted:hover { color: #3f51b5; border-color: #fff }
    .button--wayra:hover::before { opacity: 1; background-color: #f60; -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1); transition-timing-function: cubic-bezier(.2,1,.3,1) }
    .button--wayra.button--inverted:hover::before { background-color: #fff }
a.button--wayra { padding-top: 5px !important }
.button--border-thin-over p { border: 1px solid; padding: 5px; margin-top: 12% }
.mailbox-controls .button { height: 35px; margin-top: -5px !important }
#fancybox-close, #nprogress .bar, .event .date, .letter-info p i, .media-cell-desc .date, .portfolio-nav a.button.back, .skill-unit .bar .progress { background: #f60 }
.fa-pencil, .glyphicon-remove, .grid__item, .switch, .switch input, .vs-nav li, a { cursor: pointer }
    .switch input { top: 0; right: 0; bottom: 0; left: 0; -moz-opacity: 0; opacity: 0; z-index: 100; position: absolute; width: 100%; height: 100% }
    .switch label:after, .switch label:before { z-index: -1; content: "" }
    .switch, .switch label { position: relative }
        .switch label { display: block; width: 100%; height: 100%; background: #a5a39d; border-radius: 40px; box-shadow: inset 0 3px 8px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.5) }
            .switch label i, .switch label i:after, .switch label:after, .switch label:before { position: absolute; border-radius: inherit }
            .switch label:after { top: -8px; right: -8px; bottom: -8px; left: -8px; background: #ccc; background: linear-gradient(#f2f2f2,#ababab); box-shadow: 0 0 -2px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.25) }
            .switch label:before { top: -18px; right: -18px; bottom: -18px; left: -18px; filter: blur(1px) }
            .switch label i { display: block; height: 100%; width: 60%; left: 0; top: 0; z-index: 2; background: #b2ac9e; background: linear-gradient(#f7f2f6,#b2ac9e); box-shadow: inset 0 1px 0 #fff,0 0 8px rgba(0,0,0,.3),0 5px 5px rgba(0,0,0,.2) }
                .switch label i:after { content: ""; left: 15%; top: 25%; width: 70%; height: 50%; background: #d2cbc3; background: linear-gradient(#cbc7bc,#d2cbc3) }
                .switch label i:before { content: "off"; position: absolute; top: 50%; right: -50%; margin-top: -12px; color: #fff !important; font-style: normal; font-weight: 700; font-family: Helvetica,Arial,sans-serif; font-size: 9px; text-transform: uppercase; text-shadow: 0 1px 0 #bcb8ae,0 -1px 0 #97958e }
.switch-label, .switch-labelx, .switch-labely { display: block; font-size: 10px; text-transform: uppercase }
.switch input:checked ~ label { background: #0f0 }
    .switch input:checked ~ label i { left: auto; right: -1% }
        .switch input:checked ~ label i:before { content: "on"; right: 115%; color: #82a06a; text-shadow: 0 1px 0 #afcb9b,0 -1px 0 #6b8659 }
.switch { display: block; vertical-align: top; width: 100px; height: 30px; padding: 0; margin: 0 4px 2px 0; background: linear-gradient(to bottom,#eee,#fff 25px); background-image: -webkit-linear-gradient(top,#eee,#fff 25px); border-radius: 18px; box-shadow: inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05) }
.switch-input { position: absolute; top: 0; left: 0; opacity: 0 }
.switch-label { position: relative; height: inherit; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15) }
    .switch-label:after, .switch-label:before { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit }
    .switch-label:before { content: attr(data-off); right: 11px; color: #aaa; text-shadow: 0 1px rgba(255,255,255,.5) }
    .switch-label:after { content: attr(data-on); left: 11px; color: #fff; text-shadow: 0 1px rgba(0,0,0,.2); opacity: 0 }
.icon-display:before, .section-title:before, .sf-nav-top .sf-nav-step.sf-active:after, .switch-handle:before { content: "" }
.switch-input:checked ~ .switch-label { background: #32cd32; box-shadow: inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2) }
    .switch-input:checked ~ .switch-label:before { opacity: 0 }
    .switch-input:checked ~ .switch-label:after { opacity: 1 }
.switch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom,#fff 40%,#f0f0f0); background-image: -webkit-linear-gradient(top,#fff 40%,#f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0,0,0,.2) }
    .switch-handle:before { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom,#eee,#fff); background-image: -webkit-linear-gradient(top,#eee,#fff); border-radius: 6px; box-shadow: inset 0 1px rgba(0,0,0,.02) }
.h2font, .pfont { margin-left: 8px }
.switch-input:checked ~ .switch-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0,0,0,.2) }
.switch-handle, .switch-label { transition: All .3s ease; -webkit-transition: All .3s ease; -moz-transition: All .3s ease; -o-transition: All .3s ease }
.switch-handlex, .switch-handley { position: absolute; top: 1px; right: 1px; width: 18px; height: 18px; background: linear-gradient(to bottom,#fff 40%,#f0f0f0); background-image: -webkit-linear-gradient(top,#fff 40%,#f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0,0,0,.2) }
.gridSwitch { width: 70px; height: 20px }
.switch-handley { left: 1px }
.switch-labelx, .switch-labely { position: relative; height: inherit; background: #32cd32; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15) }
.btn, .btn-lg { font-size: 12px; text-transform: uppercase }
.switch-labely { background: #dd4b39; box-shadow: inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2) }
    .switch-labelx:after, .switch-labely:after { content: attr(data-on); color: #fff; opacity: 1; position: absolute; top: 50%; margin-top: -4px; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit }
.switch-labelx:after { left: 8px }
.switch-labely:after { right: 8px }
.switch-inputx, .switch-inputy { position: absolute !important }
.box1, .box2 { position: relative }
#blog .blog-post.blog-large .entry-date, #main-slider .slider-inner h2, #pricing ul.pricing li.plan-header .plan-name, .btn.uppercase, .button--text-upper, .description-block > .description-text, .info-box-text, .nav-stacked > li.header, .section-header .section-title { text-transform: uppercase }
.btn-lg { font-weight: 500; padding: 14px 28px 13px }
.btn { font-weight: 400 }
ol { padding-left: 28px }
.box1 { display: inline; background-color: #35bc7a }
.h2font, .pfont, .pfont a { display: inline-block; color: #f7f7f7; text-align: left; clear: both }
.h2font { margin-top: 12px; font-size: 24px; font-family: 'Trebuchet MS',Arial,Helvetica }
.pfont, .pfont a { margin-top: 5px; font-family: Arial,'Times New Roman',Times,serif }
.box2, .box3 { display: inline }
.pfont a, a:active, a:link, a:visited { font-size: inherit }
.box2 { background-color: #f86924 }
.bottom_link { position: absolute; bottom: 0; padding-bottom: 8px; text-align: right !important; width: 100%; right: 15px }
.box3 { background-color: #ff9f00; text-align: left; position: relative }
.top-bar { min-height: 45px; line-height: 45px; font-size: 17px; color: #d3d3d3 }
#header-top { background-color: #494747; border-bottom: 1px solid #eee; margin-bottom: 12pt }
.top-social { margin: 0 20px 0 0; padding: 0 }
.list-inline { padding-left: 0; margin-left: -5px; list-style: none }
.top-social li { padding: 0 }
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px }
li { font-weight: 200 }
.colored-text, .top-social li a { text-decoration: none }
.top-social li a { font-size: 17px; color: #eee; margin: 0; display: block }
.colored-text { color: #fff !important }
.downloadlink:before { font-family: FontAwesome; content: "  " }
.personalizeddemo { background-color: #29abe2 }
    .personalizeddemo.divpersonalized { display: inline-flex; flex-wrap: wrap }
.moreinfo { color: #0061aa }
form { font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 10pt; padding: 7pt }
.divide40 { width: 100%; height: 40px }
.contactme:before { font-family: FontAwesome; font-weight: 400; font-style: normal; display: inline-block; text-decoration: inherit; content: ""; padding-right: 8px }
#leadgenform .form-control { border-color: grey }
.leadgenform { display: inherit; padding-left: 0; padding-right: 0; margin-left: -15px; margin-right: -15px; width: 100%; text-align: center }
.fontdemo, .fontdemo a, .fontdemoheader { margin: 0; padding: 0; min-width: 0; max-height: none; max-width: none }
hr { color: #fff; background-color: #fff; border: 0; height: 1px; background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0)) }
.form-control, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { border: 1px solid #c1c5c8; color: #7a7a7a; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in }
.fontdemo, .fontdemo a, .fontdemoheader { font-family: Lato; border-width: 0; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) }
    .fontdemo, .fontdemo a, .fontdemoheader, .fx-multichoices, .multichoices { visibility: inherit; transition: none; letter-spacing: 0; min-height: 0; opacity: 1 }
.field-validation-valid { display: none }
.btn-theme-dark { background-color: #31708f; color: #fff }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fontdemo, .fontdemo a { z-index: 10; font-size: 13px; line-height: 15px; font-weight: 300; color: #797979; border-radius: 0; font-style: normal; text-decoration: none; border-style: none; border-color: #333; background-color: rgba(0,0,0,0); transform-origin: 50% 50% 0 }
.fontdemoheader { color: #31708f; z-index: 8; font-size: 24px; line-height: 12px; font-weight: 200; transform-origin: 50% 50% 0 }
.btn-theme-dark.focus, .btn-theme-dark:focus, .btn-theme-dark:hover { color: #fff; text-decoration: none; background-color: #4e4949 }
#leadgenform div span.field-validation-error { margin-left: 0 !important; font-size: .75em; margin-top: 2pt }
.field-validation-error { color: #b94a48 }
#leadgenform .form-control { font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 15px; height: 34px }
#leadgenform .input-validation-error { margin-bottom: 0 !important }
input.input-validation-error { border: 1px solid #b94a48 }
.input-validation-error { background-color: #fee; border: 1px solid red !important }
.button-btn { z-index: 7; font-size: 13px; line-height: 13px; font-weight: 400; color: rgba(119,119,119,1); font-family: Lato }
.olfont { line-height: 25px; margin-top: 7px; margin-left: 40px; margin-bottom: 0 }
#ExamAutoListContainer, a.leadAnchor { font-weight: 200; z-index: 7; line-height: 13px; font-family: Lato }
.editor-field textarea { width: 470px !important; height: 78px !important }
.editor-field .mce-container, .rich-editor-field .mce-container { padding-right: 1px }
.tinymcefield, .tinymcefieldeditmode { height: 280px }
.editor-choice-field textarea { width: 330px !important; height: 78px !important }
.fullwidth { width: 100% !important }
#toast-container { margin-top: 60px; margin-right: 5px }
.marginBottom15 { margin-bottom: 15px }
.tblBrdr { border-bottom-width: 2px !important; padding-left: 8px !important; padding-right: 8px !important }
.hide_key_sec, .keyboard-map-sec li, ul.keyboard-map-sec { width: 100%; float: left; list-style: none }
    ul.keyboard-map-sec span { text-align: center; font-size: 16px }
.hide_key_sec { margin: 20px 0; font-size: small }
ul.keyboard-map-sec { padding: 10px }
.keyboard-map-sec li input { margin: 10px 5px; display: inline-block }
.keysecleft { width: 50% }
.bg_1, .bg_2 { background: rgba(177,172,172,.33) }
.bg_3 li { width: 50% }
.dispVisible { display: block }
.dispNone { display: none }
li.search-field { width: 100% }
    li.search-field input.default { width: auto !important; padding-left: 6px !important; padding-bottom: 0 !important; padding-top: 0 !important }
a.leadAnchor { margin-bottom: 15px; font-size: 20px; color: #fff }
#ExamAutoListContainer { max-width: 620px; margin-bottom: 2px; font-size: 13px; white-space: pre-wrap; color: #37474f }
.ctntHeader, .unitHeader { color: #fff; text-align: center; white-space: nowrap }
.sbsb_c { line-height: 22px; overflow: hidden; padding: 0 10px }
.gsfs { font: 16px arial,sans-serif }
.unitHeader, .unitRow { margin-right: 0; margin-left: 0; font-weight: 500 }
.sbqs_c { word-wrap: break-word }
div { display: block }
.pad25Bot { padding-bottom: 28px !important }
.gridUnits { padding: 5px; border: 1px solid #c5c5c5; margin-bottom: 15px; border-radius: 5px; background-color: #f9f9f9 }
.ctntHeader, .unitHeader, .unitRow { padding-left: 0; font-family: Lato; padding-right: 0 }
.unitHeader { background-color: #ff9800; font-size: 15px; line-height: 36px; margin-bottom: 15px }
.unitRow { font-size: 14px; line-height: 20px; margin-bottom: 8px; display: flex }
    .unitRow .unitTitle { font-weight: 900 }
.ctntDescHeader, .ctntHeader { margin-right: 0; background-color: #009688; font-weight: 500 }
.ctntHeader { margin-left: 14px; font-size: 15px; line-height: 36px; margin-bottom: 15px }
.unitRight { border-left: 1px dotted; padding-left: 8px; padding-right: 0; margin-right: 0 }
.unitLeft { max-width: 48px }
.unitTitleRow { margin-bottom: 10px; margin-top: 10px }
.leadAnchorpfont { clear: both; margin-left: 8px; margin-top: 5px; display: inline-block; text-align: left; color: #f7f7f7; font-family: Arial,'Times New Roman',Times,serif }
.unitCtntRow { padding-left: 25px; overflow: hidden }
.ctntDescHeader { padding-left: 0; padding-right: 0; margin-left: 0; font-size: 14px; line-height: 30px; color: #fff; font-family: Lato; margin-bottom: 15px }
.fx-multichoices, .multichoices { z-index: 16; white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: 700; color: #fff; font-family: Roboto; background-color: rgba(0,0,0,.74902); border-color: #000; border-radius: 30px; outline: 0; text-align: inherit; margin: 0 10px 15px; padding: 12px 35px; min-width: 280px; max-height: 40px; max-width: 400px; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform-origin: 50% 50% 0; cursor: pointer }
    .multichoices:hover { color: rgba(0,0,0,.74902); background-color: #009688 }
    .multichoices.correct { background-color: #4caf50; color: #fff }
.lead { margin-bottom: 0; font-size: 18px }
.panel-blue { border-color: #00717f }
    .panel-blue > .panel-heading { border-color: #00717f; color: #fff; background-color: #00717f }
.panel-orange { border-color: orange }
    .panel-orange > .panel-heading { border-color: orange; color: #fff; background-color: orange }
.entry-content .line { position: absolute; bottom: 0; left: 0; height: 1px; background-color: #333; width: 35px }
.entry-content { margin-bottom: 10px; margin-left: 36px; margin-right: 20px }
    .entry-content.preline { white-space: pre-line; text-align: justify }
.og-option-grp, .product-name, .woocommerce-Price-amount.amount { white-space: nowrap }
.btn.btn-primary-orange { background: #f60; border-color: #f30; color: #fff }
.ip-upload { display: inline-block; position: relative; overflow: hidden }
    .ip-upload .ip-file { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0 }
.topaligned { top: 5px }
.leftaligned { margin-left: 10px }
.coverPic { margin-bottom: 10px !important; display: flex }
.coverPicEdit { margin-bottom: 6px !important; display: flex; margin-left: -9px }
.bannerpicture { width: 658px; height: 388px; margin-bottom: 10px }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 617px }
#cssmenu, #cssmenu #head-mobile, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { min-height: 38px; border: 0; list-style: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; background-color: #666 }
    #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
    #cssmenu #head-mobile { display: none }
#cssmenu { font-family: sans-serif; background: #666; z-index: 1111 }
    #cssmenu > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #000; font-weight: 700 }
    #cssmenu ul li.active a, #cssmenu ul ul li a, #cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a, #cssmenu > ul > li:hover > a { color: #fff }
    #cssmenu ul li.active, #cssmenu ul li.active:hover, #cssmenu ul li.has-sub.active:hover, #cssmenu > ul > li:hover { background: #32352e !important; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease }
    #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before { display: block; background: #000; content: ''; position: absolute }
    #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before { -webkit-transition: all .25s ease; -ms-transition: all .25s ease }
    #cssmenu > ul > li.has-sub > a { padding-right: 30px }
        #cssmenu > ul > li.has-sub > a:after { top: 22px; right: 11px; width: 8px; height: 2px }
        #cssmenu > ul > li.has-sub > a:before { top: 19px; right: 14px; width: 2px; height: 8px; transition: all .25s ease }
    #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 }
    #cssmenu ul ul { position: absolute; left: -9999px }
        #cssmenu ul ul li { border-bottom: 1px solid; border-color: #e4e4e4; height: 0; background: #666; transition: all .25s ease; z-index: 1112 }
            #cssmenu ul ul li:hover { background: #8a6d3b }
            #cssmenu ul ul li.has-sub > a:after, #cssmenu ul ul li.has-sub > a:before { position: absolute; display: block; background: #000; content: '' }
    #cssmenu li:hover > ul { left: auto }
        #cssmenu li:hover > ul > li { height: auto }
    #cssmenu ul ul ul { margin-left: 100%; top: 0 }
    #cssmenu ul ul li a { border-bottom: 2px solid rgba(150,150,150,.15); padding: 10px 13px; width: 245px; font-size: 14px; text-decoration: none; font-weight: 400 }
    #cssmenu ul ul li.last-item > a, #cssmenu ul ul li:last-child > a { border-bottom: 0 }
    #cssmenu ul ul li.has-sub > a:after { top: 16px; right: 11px; width: 8px; height: 2px }
    #cssmenu ul ul li.has-sub > a:before { top: 13px; right: 14px; width: 2px; height: 8px; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease }
    #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 }
    #cssmenu ul li.has-sub ul li.has-sub ul li:hover, #cssmenu ul ul li.has-sub:hover { background: #363636 }
    #cssmenu ul ul ul li.active a { border-left: 1px solid #666 }
    #cssmenu > ul ul > li.has-sub > ul > li.active > a, #cssmenu > ul > li.has-sub > ul > li.active > a { border-top: 1px solid #666 }
.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 14px; font-family: Roboto Slab; font-weight: 400 }
.funkyradio.funkyradio-div { clear: both; overflow: hidden }
.funkyradio label { width: 100%; border-radius: 3px; font-weight: 400 }
.funkyradio input[type=checkbox]:empty, .funkyradio input[type=radio]:empty { display: none }
    .funkyradio input[type=checkbox]:empty ~ label, .funkyradio input[type=radio]:empty ~ label { position: relative; min-height: 100%; text-indent: 3.25em; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
        .funkyradio input[type=checkbox]:empty ~ label:before, .funkyradio input[type=radio]:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #d1d3d4; border-radius: 3px 0 0 3px }
.funkyradio input[type=checkbox]:hover:not(:checked) ~ label, .funkyradio input[type=radio]:hover:not(:checked) ~ label { color: #888 }
    .funkyradio input[type=checkbox]:hover:not(:checked) ~ label:before, .funkyradio input[type=radio]:hover:not(:checked) ~ label:before { content: '\2714'; text-indent: .9em; color: #222212; align-items: center; display: flex }
.funkyradio input[type=checkbox]:checked ~ label, .funkyradio input[type=radio]:checked ~ label { color: #777 }
    .funkyradio input[type=checkbox]:checked ~ label:before, .funkyradio input[type=radio]:checked ~ label:before { content: '\2714'; text-indent: .9em; color: #333; background-color: #ccc; align-items: center; display: flex }
.loading-div, .sf-nav-subtext, .sf-t2 .sf-nav-number-inner { display: block }
.funkyradio input[type=checkbox]:focus ~ label:before, .funkyradio input[type=radio]:focus ~ label:before { box-shadow: 0 0 0 3px #999 }
.funkyradio-default input[type=checkbox]:checked ~ label:before, .funkyradio-default input[type=radio]:checked ~ label:before { color: #333; background-color: #ccc }
.funkyradio-primary input[type=checkbox]:checked ~ label:before, .funkyradio-primary input[type=radio]:checked ~ label:before { color: #fff; background-color: #337ab7 }
.funkyradio-success input[type=checkbox]:checked ~ label:before, .funkyradio-success input[type=radio]:checked ~ label:before { color: #fff; background-color: #5cb85c }
.funkyradio-danger input[type=checkbox]:checked ~ label:before, .funkyradio-danger input[type=radio]:checked ~ label:before { color: #fff; background-color: #d9534f }
.funkyradio-warning input[type=checkbox]:checked ~ label:before, .funkyradio-warning input[type=radio]:checked ~ label:before { color: #fff; background-color: #f0ad4e }
.funkyradio-info input[type=checkbox]:checked ~ label:before, .funkyradio-info input[type=radio]:checked ~ label:before { color: #fff; background-color: #5bc0de }
.curHand { cursor: pointer }
.p_16 { font-size: 16px; line-height: 21px }
.p_24 { font-size: 24px; line-height: 30px }
.og-exams h3, .p_32, .p_42 { line-height: 40px }
.p_32 { font-size: 32px }
.p_42 { font-size: 42px }
.og-question { margin-top: 5px; min-height: 308px; height: auto }
.og-prog, .og-review { margin-top: 25px; height: auto }
.og-review { min-height: 448px }
.og-prog { min-height: 498px; margin-left: 30px; margin-right: 45px }
.og-bottomsec { margin-top: 4px; min-height: 58px; height: auto }
.og-exams { background: #fff; border-radius: 8px; border: 2px solid #337ab7; box-shadow: 0 2px 2px #e8e8e8; padding: 10px; width: 96%; margin: 18px auto auto }
    .og-exams h3, .og-exams h6 { letter-spacing: 1px; color: #555; padding: 0 }
    .og-exams h3 { text-align: center; font-size: 17px; text-transform: uppercase; border-bottom: 1px solid #337ab7 }
    .og-exams h6 { text-align: left; font-size: 15px; line-height: 25px }
.align-center, .og-review-item { text-align: center }
.al-og-option, .og-option, .og-optionHover { font-size: 16px; margin-left: 8px; min-width: 95%; max-width: 95%; color: #fff; padding: 8px; border: none }
.og-optionHover { margin-top: 25px; cursor: pointer; background: #ffb100; border-radius: 0; -moz-border-radius: 0; -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; -ms-transition: background-color .5s linear; transition: background-color .5s linear }
.al-og-option, .og-option, .og-option-serial { -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; -ms-transition: background-color .5s linear; margin-top: 25px }
.al-og-option, .og-option { background: #4b4b40; border-radius: 0; -moz-border-radius: 0; transition: background-color .5s linear }
    .og-option-serial, .og-option:hover { padding: 8px; border: none; font-size: 16px; color: #fff }
    .og-option:hover { cursor: pointer; background: #ffb100; border-radius: 0; -moz-border-radius: 0 }
.og-option-serial { max-width: 26px; background: #4b4b40; border-radius: 0; -moz-border-radius: 0; transition: background-color .5s linear }
.og-review-item { cursor: pointer; margin-top: 25px; max-width: 40px; margin-left: 15px; margin-right: 10px; padding: 10px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; -ms-transition: background-color .5s linear; transition: background-color .5s linear }
.al-og-option table > tbody > tr:hover, .al-og-option table > tbody > tr:nth-of-type(odd), .og-option table > tbody > tr:hover, .og-option table > tbody > tr:nth-of-type(odd), .og-optionHover table > tbody > tr:hover, .og-optionHover table > tbody > tr:nth-of-type(odd) { background-color: unset !important }
.thim-table-content table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #ddd; clear: both; font-size: 16px; line-height: 21px }
    .thim-table-content table > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9 }
    .thim-table-content table > tbody > tr > td, .thim-table-content table > tbody > tr > th, .thim-table-content table > tfoot > tr > td, .thim-table-content table > tfoot > tr > th, .thim-table-content table > thead > tr > td, .thim-table-content table > thead > tr > th { border: 1px solid #ddd; padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd }
    .thim-table-content table::after, .thim-table-content table::before { content: none !important }
    .thim-table-content table > tbody > tr:hover { background-color: #efefef }
.og-option-grp p { margin: 0 !important }
.marginTop15 { margin-top: 15px }
#datatablespinner { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; left: 45%; top: 30%; position: absolute }
div.dataTables_processing { top: 5% !important; background-color: rgba(128,128,128,1) !important; height: 95% !important; background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(128,128,128,0)),color-stop(25%,rgba(128,128,128,.9)),color-stop(75%,rgba(128,128,128,.9)),color-stop(100%,rgba(128,128,128,0))) !important; background: -webkit-linear-gradient(left,rgba(128,128,128,0) 0,rgba(128,128,128,.9) 25%,rgba(128,128,128,.9) 75%,rgba(128,128,128,0) 100%) !important; background: -moz-linear-gradient(left,rgba(128,128,128,0) 0,rgba(128,128,128,.9) 25%,rgba(128,128,128,.9) 75%,rgba(128,128,128,0) 100%) !important; background: -ms-linear-gradient(left,rgba(128,128,128,0) 0,rgba(128,128,128,.9) 25%,rgba(128,128,128,.9) 75%,rgba(128,128,128,0) 100%) !important; background: -o-linear-gradient(left,rgba(128,128,128,0) 0,rgba(128,128,128,.9) 25%,rgba(128,128,128,.9) 75%,rgba(128,128,128,0) 100%) !important; background: linear-gradient(to right,rgba(158,158,158,.31) 0,#9e9e9e 25%,rgba(128,128,128,.9) 75%,rgba(128,128,128,0) 100%) !important }
.loading-div { position: fixed; z-index: 100; background-image: url(/images/loading.gif); background-color: #666; opacity: .76; background-repeat: no-repeat; background-position: center; left: 0; bottom: 0; right: 0; top: 0 }
.loading-gif { left: 50%; top: 50%; position: absolute; z-index: 101; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px }
.sf-nav-bottom li, .sf-nav-top li { -webkit-transition: margin .2s; -moz-transition: margin .2s; -ms-transition: margin .2s; -o-transition: margin .2s; transition: margin .2s }
.sf-nav li { position: relative; margin-right: 10px; background: #d2d2d2; border-radius: 3px }
.sf-li-number .sf-nav-subtext { padding-left: 48px; font-size: 17px; font-weight: 500; color: #fff; padding-top: 0 }
.sf-nav-number { position: absolute; left: 25px; top: 0; font-size: 87px; font-weight: 900 }
.sf-nav li { font-size: 16px; color: #d2d2d2; height: 85px; line-height: 81px; padding: 2px 25px 2px 40px; min-width: 275px }
.sf-nav-top .sf-nav-step.sf-active:after { content: ""; width: 5px; height: 5px; background: 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; bottom: -10px; left: 50%; margin-left: -12px; border: 12px solid #f60; border-color: transparent #f60 #f60 transparent; z-index: 0 }
.sf-nav-top { height: 110px; margin-top: 25px; display: inline-flex; justify-content: center; width: 100% }
.sf-nav li.sf-active, .sf-nav li.sf-nav-link:not(.sf-nav-step-disabled):not(.sf-nav-unlink):hover { background: #f60 }
    .sf-active .sf-nav-number, .sf-nav li.sf-active .sf-nav-subtext, li.sf-nav-link:hover .sf-nav-number, li.sf-nav-link:hover .sf-nav-subtext { color: #fff !important; text-decoration: none }
.sf-nav li:last-child { margin-right: 0 }
ul.sf-nav { list-style: none }
#sf_anchor1:active, #sf_anchor1:focus, #sf_anchor1:hover, #sf_anchor2:active, #sf_anchor2:focus, #sf_anchor2:hover, #sf_anchor3:active, #sf_anchor3:focus, #sf_anchor3:hover { text-decoration: none !important }
.learn-press .message, .message { color: #31708f; margin: 0 0 40px; border: 0; border-radius: 0; line-height: 20px; padding: 10px 15px; font-size: 13px; background: #d9edf7 }
.message-error, .message-info, .message-success, .message-warning { margin: 0 0 10px; border: 0; border-radius: 0; line-height: 20px; padding: 10px 15px; font-size: 13px }
.learn-press .message.message-error, .message-error, .message.message-error { color: #a94442; background: #f2dede }
.thim-widget-login-form .message { max-width: 600px; margin: 0 auto 30px; margin-top: 20px !important }
.validation-summary-errors ul li { list-style: none }
.validation-summary-errors ul { margin-bottom: 0 !important }
.john-milton-bg, .jumbotron { margin-bottom: 20px !important }
.padding-10 { padding-left: 10px !important; padding-right: 10px !important }
.john-milton-bg { min-height: 428px; background-image: url(/images/john-bg.jpg); display: block; background-position: center; border: 2px solid #fff; box-shadow: inset 0 3px 8px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.5); border-radius: 10px; padding: 25px; background-size: cover }
.john-milton-inner { margin: 27% auto 0; color: #fff }
    .john-milton-inner .lead { font-size: 14px }
    .john-milton-inner a.leadAnchor { color: #e6e6e6; font-size: 14px }
.chosen-container-single .chosen-single abbr { top: 11px !important; right: 28px !important }
#dtTblCustOutStands_wrapper + .dt-loading { display: none }
#choice_parent p { margin-bottom: 0 }
article .entry-header { position: relative; z-index: 99; padding-bottom: 0; margin-bottom: 18px; overflow: hidden }
    article .entry-header .entry-title { font-size: 30px; font-weight: 700; line-height: 34px; margin: 0 0 12px }
    article .entry-header .entry-meta { margin: 0 }
        article .entry-header .entry-meta li { border-right: 1px solid #eee; padding-right: 23px; margin-right: 20px; list-style: none; display: inline-block; line-height: 28px; margin-top: 10px }
            article .entry-header .entry-meta li span { color: #ccc; font-size: 12px; font-weight: 700; display: block; line-height: 18px }
                article .entry-header .entry-meta li a, article .entry-header .entry-meta li span.value { text-transform: uppercase; font-weight: 700; font-size: 12px; display: inline-block; color: #7a7a7a; line-height: 35px }
.woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td { padding: 20px 12px; text-align: center }
.woocommerce table.shop_table th, .woocommerce table.shop_table tr td { border-right: 1px solid #eee; border-bottom: 0; padding-left: 20px; padding-right: 20px }
.woocommerce table.cart tr td, .woocommerce table.shop_table tr td { border-top: 1px solid #eee; border-bottom: 0 }
.woocommerce table.shop_table tr td, .woocommerce-page table.shop_table tr td.cart-page { padding: 10px 20px }
#masthead.header_v4 .navbar-nav, #order_review table.shop_table tr td, .woocommerce table.shop_table { text-align: left }
    .woocommerce #review_form #respond p.stars a[class*=star], .woocommerce table.cart tr, .woocommerce table.shop_table tr { border: 0 }
.woocommerce table.shop_table, .woocommerce-checkout #payment { border-radius: 0 }
.woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; width: 100%; border-collapse: separate; border-radius: 5px }
thead { display: table-header-group; border-color: inherit }
.product-name { text-overflow: ellipsis }
.woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px }
.item-post { display: flex }
.wp-post-image { width: 100%; max-height: 448px; margin: 0 auto }
.product-price, table td h5 { margin-bottom: 8px }
table td h5 { margin-top: 8px }
.article-title-wrapper a, h5 { color: #333; font-family: Lato }
.course-price .new-price, .new-price { font-family: Roboto Slab; font-weight: 700 }
.widget-area .thim-course-list-sidebar .course-price { font-size: 12px; font-weight: 700; line-height: 12px }
.course-price { color: #54b551 }
.new-price { color: #fff; font-size: 16px }
.course-price .new-price { font-size: 20px; color: green }
.old-price { color: #ff7907; font-size: 14px; margin: 2px; text-decoration: line-through; font-weight: 700; font-family: Lato }
.course-price .old-price { font-size: 16px; font-weight: 700; color: #ff0018 }
#order_review table.shop_table tr td.product-total, .social.right { text-align: right }
.woocommerce img, .woocommerce-page img { height: auto; max-width: 100% }
a.button--wayra.button-aligned { margin-left: 8px; }
.grid-txtbox { width: 86px; max-width: 86px; height: 22px; padding: 3px; font-size: 13px; }
select.min-width { min-width: 220px }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg) }
}

@keyframes spin {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}

@media (min-width:768px) {
    .navbar-collapse.collapse { display: none !important }
    .displaynone { display: block !important }
    .navbar { border-radius: 0 }
    .navbar-nav > li > a { padding-top: 9px; padding-bottom: 9px }
}

@media (min-width:768px) and (orientation:portrait) {
    .box { min-height: 265px }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .box { padding-left: 10px; padding-right: 10px; border: 1px solid #d3d3d3; box-shadow: initial; min-height: 376px }
}

@media screen and (max-width:768px) {
    .personalizeddemo.divpersonalized { height: auto !important }
    .disp-flex-mob, .leadgenform { display: inline-flex; padding-left: 0; flex-wrap: wrap; width: 100%; padding-right: 0; margin-left: 0; margin-right: 0 }
    .chosen-container, input, select { max-width: unset }
    #leadgenform { width: 100% }
    .john-milton-bg { margin-bottom: 20px !important; min-height: 578px; background-image: url(/images/john-bg-mobile.jpg); display: block; background-position: center; border: 2px solid #fff; box-shadow: inset 0 3px 8px 1px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.5); border-radius: 10px; padding: 15px; background-size: contain }
    .john-milton-inner { margin: 115% auto 0; color: #fff }
    .tp-bgimg.defaultimg { background-color: #fff !important }
    #cssmenu li:hover > ul { left: 20px }
    .text-right { text-align: left }
    div.dataTables_filter, div.dataTables_info, div.dataTables_length, div.dataTables_paginate { text-align: left !important }
    .side-collapse-container { width: 100%; position: relative; left: 0; transition: left .4s }
        .side-collapse-container.out { left: 228px }
    .side-collapse { top: 50px; bottom: 0; left: 0; width: 228px; position: fixed; overflow: hidden; transition: width .4s; display: block }
        .side-collapse.in { width: 0; display: none }
}

@media (min-width:1024px) {
    .side-bar-nav { display: none }
}