/**
 *
 * Apply your custom CSS here
 *
*/

body {
}

a {
}


/*--------------------------------*/
/*--FONT SIZE--*/
/*--------------------------------*/
body, 
.login-page .login-form .login-header p,
.btn{
font-size:1.3em;
}

label.control-label {
    font-size: 1.4em;
    /*letter-spacing: 0.4em;*/
}

nav a, .nav a, span.title,
.sidebar-menu.collapsed .main-menu > li > a > i {
    font-size: 1.35em;
    line-height: 0.8em;
}


#headContent {
    /* background-image: url(../images/headerBgVid.png); */
    background: none;
    min-height: initial;
    position: relative;
    overflow: visible;
    /* overflow-x: hidden; */
    overflow-y: visible;
}

.regWidth, .sampWidth {
    width: 100%;
    /*width: 1600px;*/
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding:20px !important;
}

#bodyContent.regWidth, #bodyContent .sampWidth {
    width: 100%;
    max-width: 90%;
    padding-bottom: 60px;
}

.bladeHero {
    background-image: url(../images/bladeHeroBgDemo.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* min-height: 670px; */
    /* max-height: 670px; */
    background: none;
    position: relative;
    transition: none;
    margin: 0 0 60px 0;
    overflow: hidden;
}



#headContent {
    /*background-image:url('../images/headerBgVid.png');*/
    background: none;
    min-height: initial;
    position: relative;
    overflow: visible;
    /*overflow-x:hidden;*/
    overflow-y: visible;
}

#home #headContent {
    /*background-image:url('../images/headerBgVid.png');*/
    /*background-image:url('../images/homeBg.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    overflow:visible;
    */
    min-height: 815px;
    /*min-height:50vh;*/
    /*shape-inside: polygon(0 0, 100% 0, 100% 100%, 0 70%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);*/
}

#heroBg {
    transition: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    /*left: 0;
    right: 0;*/
    width: 100%;
    background-image: url('../images/homeBg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    /*overflow:visible;*/
    /*min-height:815px;*/
}

#heroBgInner {
    transition: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    /*left: 0;
    right: 0;*/
    width: 100%;
    background-image: url('../images/homeBg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    overflow: visible;
    z-index: 0;
}

.bladeContent h1#thisTit, .bladeContent h1.thisTit, .bladeContent p {
    position: relative;
    z-index: 100;
}

#heroBg {
    background: none;
}

#trig {
    position: absolute;
    /*bottom:50%;*/
    top: 50vh;
}

#products #headContent {
    /*background-image:url('../images/headerBgVid.png');*/
    /*background-image:url('../images/prodHeadBg.png');*/
    background-image: url('../images/prodsBg.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
    /*min-height:1325px;*/
    min-height: initial;
    padding-bottom: 150px;
}

#headContent, #terms #headContent, #policy #headContent {
    min-height: initial;
}

/*--HERO BLADE--*/
.bladeHero {
    background-image: url('../images/bladeHeroBgDemo.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /*min-height: 670px;*/
    /*max-height: 670px;*/
    background: none;
    position: relative;
    transition: none;
    margin: 0 0 0px 0;
    overflow: hidden;
}


    .bladeHero .bladeContent, .bladeContent {
        padding: 0px 25px;
        overflow: hidden;
    }

    .bladeHero .bladeContent {
        padding: 0px 25px !important;
        overflow: hidden !important;
        margin-left: 150px !important;
        z-index: 0;
        text-shadow: 3px 3px 3px #000000 !important;
    }

    .bladeHero h1 {
        margin: 180px 0px 0px 0px !important;
        /*width:50%;*/
        position: relative !important;
        display: block !important;
        display: inline-block !important;
        /*text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);*/
    }

    .bladeHero p.fs42 {
        font-size: 32px !important;
        line-height: 32px !important;
        margin: 0 0 200px 0 !important;
        color: #ffffff;
    }

    .bladeHero h1 {
        font-family: "ff-good-headline-web-pro-con",sans-serif !important;
    }

    .bladeHero h1 {
        font-size: 45px !important;
        font-style: italic !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }

    .regWidth h2, .sampWidth h2{
        font-size: 35px !important;
    }

.bladeSlideList {
    list-style:none
}

.bladeSlideList li{
    width:200px;
    display: inline-block;
}
    .bladeSlideList li i.fa-times{
        position:absolute;
        top: 10px;
        right: 10px;
            z-index: 10;
            cursor:pointer;
    }

    .bladeSlideList li i{
            cursor:pointer;
    }

.dtPadding {
    /* padding: 0 40px; */
    padding: 0 20px;
}

.col100 {
    width: 100%;
    float: left;
    overflow: hidden;
}

.col95 {
    width: 95%;
    float: left;
    overflow: hidden;
}

.col92 {
    width: 92%;
    float: left;
    overflow: hidden;
}

.col90 {
    width: 90%;
    float: left;
    overflow: hidden;
}

.col80 {
    width: 80%;
    float: left;
    overflow: hidden;
}

.col75 {
    width: 75%;
    float: left;
    overflow: hidden;
}

.col70 {
    width: 70%;
    float: left;
    overflow: hidden;
}

.col66 {
    width: 66%;
    float: left;
    overflow: hidden;
}

.col65 {
    width: 65%;
    float: left;
    overflow: hidden;
}

.col60 {
    width: 60%;
    float: left;
    overflow: hidden;
}

.col55 {
    width: 55%;
    float: left;
    overflow: hidden;
}

.col52 {
    width: 52%;
    float: left;
    overflow: hidden;
}

.col50 {
    width: 50%;
    float: left;
    overflow: hidden;
}

.col49 {
    width: 49%;
    float: left;
    overflow: hidden;
}

.col48 {
    width: 48%;
    float: left;
    overflow: hidden;
}

.col45 {
    width: 45%;
    float: left;
    overflow: hidden;
}

.col40 {
    width: 40%;
    float: left;
    overflow: hidden;
}

.col35 {
    width: 35%;
    float: left;
    overflow: hidden;
}

.col32 {
    width: 32%;
    float: left;
    overflow: hidden;
}

.col30 {
    width: 30%;
    float: left;
    overflow: hidden;
}

.col28 {
    width: 25%;
    float: left;
    overflow: hidden;
}

.col25 {
    width: 25%;
    float: left;
    overflow: hidden;
}

.col24 {
    width: 24%;
    float: left;
    overflow: hidden;
}

.col23 {
    width: 23%;
    float: left;
    overflow: hidden;
}

.col20 {
    width: 20%;
    float: left;
    overflow: hidden;
}

.col13 {
    width: 13.33%;
    float: left;
    overflow: hidden;
}

.col10 {
    width: 10%;
    float: left;
    overflow: hidden;
}

.col066 {
    width: 6.66%;
    float: left;
    overflow: hidden;
}

.col05 {
    width: 5%;
    float: left;
    overflow: hidden;
}

.col04 {
    width: 4%;
    float: left;
    overflow: hidden;
}

.col03 {
    width: 3%;
    float: left;
    overflow: hidden;
}

.col026 {
    width: 2.6%;
    float: left;
    overflow: hidden;
}

.col02 {
    width: 2%;
    float: left;
    overflow: hidden;
}

.col01 {
    width: 1%;
    float: left;
    overflow: hidden;
}

.col33 {
    float: left;
    width: 33.33%;
}


.col1 {
    float: left;
    width: calc(100% / 12);
}

.col2 {
    float: left;
    width: calc((100% / 12)*2);
}

.col3 {
    float: left;
    width: calc((100% / 12)*3);
}

.col4 {
    float: left;
    width: calc((100% / 12)*4);
}

.col5 {
    float: left;
    width: calc((100% / 12)*5);
}

.col6 {
    float: left;
    width: calc((99% / 12)*6);
}

.col7 {
    float: left;
    width: calc((100% / 12)*7);
}

.col8 {
    float: left;
    width: calc((100% / 12)*8);
}

.col9 {
    float: left;
    width: calc((100% / 12)*9);
}

.colTen {
    float: left;
    width: calc((100% / 12)*10);
}

.col11 {
    float: left;
    width: calc((100% / 12)*11);
}

.col11 {
    float: left;
    width: calc((100% / 12)*12);
}

.colLeft {
    width: 350px;
    float: left;
}

.colRight {
    width: 50%;
    float: left;
}

.col100, .col90, .col92, .col80, .col75, .col70, .col66, .col65, .col60, .col55, .col50, .col49, .col48, .col45, .col40, .col35, .col32, .col30, .col25, .col24, .col23, .col20, .col13, .col10, .col05, .col066, .col04, .col03, .col02, .col01, .col33, .floatLeft,
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .colTen, .col11, .col12, .colLeft, .colRight, colAuto {
    margin: auto;
}

.w66 {
    width: 66%;
}

.w40 {
    width: 40%;
}

.w35 {
    width: 35%;
}

.w30, .wid30 {
    width: 30%;
    margin: 10px auto;
}

.w30 {
    margin: auto;
}

.floatLeft, .leftFloat {
    float: left;
}

.floatRight, .rightFloat {
    float: right !important;
}

.overHidden {
    overflow: hidden;
}

.overVisible {
    overflow: visible !important;
}

.posRelative {
    position: relative;
}

.clearLeft {
    clear: left;
}

.clearBoth {
    clear: both;
}

.displayInline {
    display: inline;
    /*margin:0px 0px*/
}

.displayBlock {
    display: block;
}

.displayNone {
    display: none !important;
}

.rightMarg, .margRight {
}

.leftMarg, .margLeft {
    margin-left: 40px;
}

.topMarg, .leftPad .topMarg {
    margin: 240px 0px 20px 0px !important;
}

.topMargSmall {
    margin-top: 15px;
}

.rightPad, #body .rightPad {
    padding-right: 10%;
}

.leftPad, #body .leftPad {
    padding-left: 10%;
}

.whiteTxt {
    color: #ffffff !important;
}

.blackTxt {
    color: #000000 !important;
}

.pinkText {
    color: #fe11fe;
}

.purpleTxt {
    color: #6f489f;
}

.orangeText {
    color: #f05b21 !important;
}

.greyText, .grayText {
    color: #676767;
}

.blueText {
    color: #2b77c0;
}

.orangeBg {
    background: #f05b21;
}

.blackBg {
    background: #000000;
}

.shadowTxt {
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}

.shadowTxtWhite {
    text-shadow: 2px 0px 8px rgba(200, 200, 200, 1);
    padding: 10px;
}

.socialList {
    /*margin: 0 0 40px 0;*/
}

.socialList {
    word-spacing: 30px;
    /*margin-top: 50px;*/
    /* color: #676767; */
    font-size: 2em;
}



#bodyContent p {
    line-height: 27px;
    font-size: 20px;
    margin: 0px auto 20px;
    letter-spacing: 1px;
    word-spacing: 3px;
    color: #000000;
}

.posAbs {
    position: absolute;
    top: 30px;
}


.col7 ul li:before, .col7 ul.playList li:before {
    content: "\f0c8" !important;
    font-family: FontAwesome !important;
    font-size: 0.9em;
    /* margin: 0 15px 0 -27px; */
    margin: 0px 5px 5px 0px;
}

.col7 ul li, .col7 ul.playList li {
    list-style: none;
    margin: 0px 0 5px 0px;
    line-height: 1;
}

.col7 ul.articles li {
    margin: 0 0 0 0;
    line-height: 2em;
    border-bottom: 1px solid #cccccc;
    color: #000000;
}

.col7 ul.bulletOrange li:before, .col7 .orangeIcon {
    color: #ef7622;
}

svg {
    height: 50px;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    overflow: visible;
}

.socialGrid {
    overflow: hidden;
    margin: 0 0 60px 0;
    padding-bottom: 30px;
}

    .socialGrid .innerCell {
        padding: 10px;
        max-width: 100%;
    }

.socCell img {
    opacity: 1;
    width: 100%;
}

.template-builder .preview .gallery-row .row > div {
    /*padding-left: 30px;*/
    float: left;
}

.template-builder .preview .gallery-row .col-12 {
    width: 100%;
}


.template-builder .preview .gallery-row .col-6 {
    width: 50%;
}

.plusPadd {
    padding-left: 14px;
}

.news-gallery-3.me-comp.gallery-row {
    overflow: hidden;
}

.row {
    /*line-height: 1em;*/
}

.resultCell {
    /*min-height: 420px;
    max-height: 420px;*/
    /*margin: 0px 0 10px;*/
}

.tooltip-inner {
    min-width: 190px;
}

/*.xe-widget {
    overflow:hidden;
    position:relative;
}*/

.xe-image {
    height: 215px;
    overflow: hidden;
}

.xe-details {
    /*overflow: hidden;
    position: relative;*/
}

    .xe-details h3, .xe-details h4 a {
        text-overflow: ellipsis;
        word-wrap: normal;
        word-spacing: normal;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .xe-details h3, .xe-details h4 {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

ul.list-inline li {
    vertical-align: top;
}

#promoRulesPdf {
    /*display:none;*/
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    /*width:100%;
    margin:0px;*/
}


.xe-details a {
    color: #cccccc;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.background-fill {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background: #000;
    opacity: .4;
    z-index: 1051;
}

.spinner-icon {
    font-size: 70px;
    color: #eee;
    top: 33%;
    left: 50%;
    position: fixed;
    z-index: 100;
    opacity: .75;
}

.template-builder .preview ol, .template-builder .preview ul {
    list-style: none;
}

.template-builder .preview .n-container {
    margin: auto;
    max-width: 900px;
    padding: 0 15px;
}
.template-builder .preview .wysiwyg-text .top {
    text-align: center;
    padding: .5em 6em;
}

.template-builder .preview .wysiwyg-text .top h1 {
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 800;
    padding: .5em 0;
}

element.style {
}
wysiwygText.scss:12
.template-builder .preview .wysiwyg-text .top h1 {
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 800;
    padding: .5em 0;
}

.template-builder .preview a, .template-builder .preview abbr, .template-builder .preview acronym, .template-builder .preview address, .template-builder .preview applet, .template-builder .preview article, .template-builder .preview aside, .template-builder .preview audio, .template-builder .preview b, .template-builder .preview big, .template-builder .preview blockquote, .template-builder .preview body, .template-builder .preview canvas, .template-builder .preview caption, .template-builder .preview center, .template-builder .preview cite, .template-builder .preview code, .template-builder .preview dd, .template-builder .preview del, .template-builder .preview details, .template-builder .preview dfn, .template-builder .preview div, .template-builder .preview dl, .template-builder .preview dt, .template-builder .preview em, .template-builder .preview fieldset, .template-builder .preview figcaption, .template-builder .preview figure, .template-builder .preview footer, .template-builder .preview form, .template-builder .preview h1, .template-builder .preview h2, .template-builder .preview h3, .template-builder .preview h4, .template-builder .preview h5, .template-builder .preview h6, .template-builder .preview header, .template-builder .preview hgroup, .template-builder .preview html, .template-builder .preview i, .template-builder .preview iframe, .template-builder .preview img, .template-builder .preview ins, .template-builder .preview kbd, .template-builder .preview label, .template-builder .preview legend, .template-builder .preview li, .template-builder .preview mark, .template-builder .preview menu, .template-builder .preview nav, .template-builder .preview object, .template-builder .preview ol, .template-builder .preview p, .template-builder .preview pre, .template-builder .preview q, .template-builder .preview s, .template-builder .preview samp, .template-builder .preview section, .template-builder .preview small, .template-builder .preview span, .template-builder .preview strike, .template-builder .preview strong, .template-builder .preview sub, .template-builder .preview summary, .template-builder .preview sup, .template-builder .preview table, .template-builder .preview tbody, .template-builder .preview td, .template-builder .preview tfoot, .template-builder .preview th, .template-builder .preview thead, .template-builder .preview time, .template-builder .preview tr, .template-builder .preview tt, .template-builder .preview u, .template-builder .preview ul, .template-builder .preview var, .template-builder .preview video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.template-builder .preview .wysiwyg-text {
    line-height: 1.3;
    color: #fff;
}

.template-builder .preview .wysiwyg-text {
    line-height: 1.3;
    color: #fff;
}

.template-builder .preview a, .template-builder .preview abbr, .template-builder .preview acronym, .template-builder .preview address, .template-builder .preview applet, .template-builder .preview article, .template-builder .preview aside, .template-builder .preview audio, .template-builder .preview b, .template-builder .preview big, .template-builder .preview blockquote, .template-builder .preview body, .template-builder .preview canvas, .template-builder .preview caption, .template-builder .preview center, .template-builder .preview cite, .template-builder .preview code, .template-builder .preview dd, .template-builder .preview del, .template-builder .preview details, .template-builder .preview dfn, .template-builder .preview div, .template-builder .preview dl, .template-builder .preview dt, .template-builder .preview em, .template-builder .preview fieldset, .template-builder .preview figcaption, .template-builder .preview figure, .template-builder .preview footer, .template-builder .preview form, .template-builder .preview h1, .template-builder .preview h2, .template-builder .preview h3, .template-builder .preview h4, .template-builder .preview h5, .template-builder .preview h6, .template-builder .preview header, .template-builder .preview hgroup, .template-builder .preview html, .template-builder .preview i, .template-builder .preview iframe, .template-builder .preview img, .template-builder .preview ins, .template-builder .preview kbd, .template-builder .preview label, .template-builder .preview legend, .template-builder .preview li, .template-builder .preview mark, .template-builder .preview menu, .template-builder .preview nav, .template-builder .preview object, .template-builder .preview ol, .template-builder .preview p, .template-builder .preview pre, .template-builder .preview q, .template-builder .preview s, .template-builder .preview samp, .template-builder .preview section, .template-builder .preview small, .template-builder .preview span, .template-builder .preview strike, .template-builder .preview strong, .template-builder .preview sub, .template-builder .preview summary, .template-builder .preview sup, .template-builder .preview table, .template-builder .preview tbody, .template-builder .preview td, .template-builder .preview tfoot, .template-builder .preview th, .template-builder .preview thead, .template-builder .preview time, .template-builder .preview tr, .template-builder .preview tt, .template-builder .preview u, .template-builder .preview ul, .template-builder .preview var, .template-builder .preview video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.selected:before, .xe-widget.xe-grid-item.selected:after {
    border: 5px solid #92E601!important;
    color: #92E601!important;
}

.selected:before, .xe-widget.xe-grid-item.selected:after {
    border: 5px solid #92E601!important;
    color: #92E601!important;
}

.selectable:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.selected:before {
    background: rgba(0,0,0,.3)!important;
    content: '';
    font: normal normal normal 50px/1 FontAwesome!important;
    line-height: auto !important;
    width: 100%;
    height: 100%;
    display: block;
}

.modal-close:hover, .modal-sidebar ul, .panel-body .user-timeline-stories .timeline-story header, .selectable, .url-pill:hover, .xe-widget.xe-grid-item .xe-image.selectable, .xe-widget.xe-grid-item.selectable {
    cursor: pointer;
}

.selectable {
    position: relative;
}

html .select2-container .select2-choice .select2-search-choice-close {
    margin-right: 10px;
    top: 11px;
}

.select2-container .select2-choice abbr:hover {
    background-position: right 0px;
    cursor: pointer;
}
ul.bumped {
    margin:0 0 10px;
}

ul.bumped li {
    margin: 0 0 0 20px;
}

/*---------------------------------------------------------------------------*/
/*HEADER AND LOGIN*/
/*---------------------------------------------------------------------------*/
/*body.login-page, body.login-page .btn{	
    font-size:20px;
}

body.login-page .control-label, body.login-page .form-control {
    
}

body.login-page .control-label,
.page-body.skin-facebook.login-page .login-form .form-group .form-control.input-dark {
   color: #ffffff !important; 
    font-size: 2.5rem;
    letter-spacing:1rem;
}

.page-body.skin-facebook.login-page .login-form .login-header p,
.validate, input.validate, select.validate, textarea.validate {
    color: #f00f00;
    font-weight:bold;
}

.validate, input.validate, select.validate, textarea.validate {
    border-bottom: 1px solid red !important;
}


.login-page .login-form .login-header p {
    font-size: 1em;
}

.login-page .login-form .form-group .form-control {
    height: 80px;
}

.login-page .login-form .form-group .btn {
    padding:30px !important;
    border: 0px solid pink;
    background-color: #19abef !important;
    color: #fff;
    text-align: center;
    border-radius: 0px !important;
}

.login-page {
    background-image: url(../images/cmsMotherBg.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: #333333;
    padding-top: 150px;
}

.login-page .login-form .form-group .form-control {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid transparent !important;
    color: #fff;
    padding:30px !important;
    color: #fff;
    border-radius: 0px !important;
}*/

/*header.logo-env {
    width: 99.5%;
}*/


nav.navbar.user-info-navbar,
header.logo-env {
    height: 77.2px;
}

header.logo-env {
    /*width: 99.4%;*/
    text-align:center;
    /*background:#1b1b1b;*/
}

div.logo {
    padding:0px 0px 0px;
    margin:auto;
    float:none !important;
}

div.logo img.big {
    /*max-width:95%;*/
    max-height: 74px;
}

a.logo-collapsed {
    padding: 1px 0 0px;
}

.login-page .login-form .login-header .logo img {
    max-width: 100%;
}

.navbar {
    border-radius: 0px !important;
}

.page-container {
    display: inline-table !important;

}


/*---------------------------------------------------------------------------*/
/*BLADE STYLES*/
/*---------------------------------------------------------------------------*/

.template-builder .template-controls.right {
    right:0;
    top:10px;
}

.preview, .prev {
    /*max-width: 85%;
    overflow:hidden;
    position:relative;*/
}

.container {
width:100%;}

.note {
    color:pink;
}

.note:before {
    content:'<!--';
}

.note:after {
    content:'-->';
}


.template-builder .map {
    position: relative;
    margin: 60px 0;
    width: 370px;
    float: right;
    background-color: #FFF;
    box-shadow: 0 0 25px rgba(0,0,0,.35);
}

.template-builder img {
    position: relative;
    z-index: 9;
    width: 100%;
}

.introText::first-letter { 
    font-size: 200%;
    margin: -12px 1px -10px 0;
    font-weight: 700;
    line-height: normal;
    /*color: #8A2BE2;*/
}

.bladeNumbered li{
    float:left;
    margin:10px 30px 10px;
    width:15%;
    color: #8A2BE2;
    font-weight:bold;
    font-size:150%;
    line-height: normal;
}

.bladeNumbered li span{
    color:#000000;
    font-weight:normal;
    font-size:100%;
}

.bladeNumbered li i{
    float:right;
}

.question {
    font-weight:bold;
    font-size:130%;
}

.answer {
    font-weight:normal;
    font-size:100%;
}

/*.template-builder .template-controls {
    position: absolute;
    z-index: 999;
    top: 2em;
    left: 2em;
}*/


.regWidth .iframe, .sampWidth .iframe {
    background:none !important;
     line-height:0 !important;
}

/*.prev {
    box-shadow: 0 0 20px #000;
    background: #ebebeb;
    padding:20px !important;
}*/


.prev .regWidth, .prev .sampWidth {
    padding:0 !important;
}

.sidebar-menu {
    vertical-align: top;
}