@charset "UTF-8";
/* ------------------------------------------------------------------
Author: Nathan Walsh <nwalsh@awareweb.com>
Date: October 6, 2014
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
Base Elements / Basic Structure
-------------------------------------------------------------------*/
/*body{background: url('../images/bg.jpg');}*/
.container {
    min-width: 300px;
    max-width: 1200px;
}

.content {
    background-color: #FFF;
}

    .content .page-header {
        line-height: 2em;
        padding-bottom: 0;
        margin: 20px 0 20px;
        border-bottom: 1px solid #ccc
    }

/* Custom Icons and Buttons ---------------------------------------*/
.icon-boss {
    width: 24px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    padding: 0;
    margin: 0;
    position: relative;
    -moz-border-radius: 12x;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

    .icon-boss i.fa {
        color: #999;
        font-size: 22px;
        line-height: 23px;
        padding: 0;
        margin: 0;
    }

a.icon-boss:hover i.fa, a:hover .icon i.fa {
    color: #c00;
}

#custom-options .icon {
    margin-top: -30px;
    margin-bottom: -20px;
}

    #custom-options .icon.pull-right {
        margin-right: 5px;
    }

.icon-overlay {
    color: #fff;
    font-size: 24px;
    position: relative;
}

    .icon-overlay .fa {
        position: absolute;
        bottom: 4px;
        left: 4px;
        text-shadow: 2px 4px 4px #000000;
    }

.thumbnail.icon-overlay .fa {
    bottom: 8px;
    left: 10px;
}

.thumbnail.icon-overlay .fa-2x {
    left: 12px;
}

/* Lists ---------------------------------------*/
ul.bulletList {
    margin: 0 0 20px -20px;
    list-style: outside;
}

/*-------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
#ruleEngineHeader {
    padding: 10px 0;
}

    #ruleEngineHeader > .container {
        position: relative;
    }

    #ruleEngineHeader.navbar {
        background: #fff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
        margin-bottom: 0;
        border: none;
        -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2)
    }

    #ruleEngineHeader .navbar-brand {
        margin: 0 -10px 0 0;
        padding: 0;
        height: auto;
    }

        #ruleEngineHeader .navbar-brand img {
            width: 80%;
        }

*/
/*-------------------------------------------------------------------
Jumbotron
-------------------------------------------------------------------*/
/**** Home hero ***/
.home-hero {
    background-position: left top;
    background-repeat: repeat-x;
    padding: 15px;
    margin-top: 15px;
    background-size: 100% 359px;
}

.home-hero h1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    margin: -10px 0 10px;
}

.home-hero p {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 15px;
}

.home-hero ul {
    padding: 0;
    margin: 10px 0 20px 0;
    list-style: inside;
}

.home-hero li {
    padding: 0;
    margin: 0 0 10px 0;
}

.home-hero .btn {
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.6);
    box-shadow: 0 3px 6px rgba(0,0,0,0.6)
}

/*-------------------------------------------------------------------
Home Template
-------------------------------------------------------------------*/
/*#template-home .col-sm-6 > .thumbnail {margin-bottom:0; border-radius:4px 4px 0 0; border-bottom:none;}
#template-home .panel-group .panel {border-radius:0 0 4px 4px;}
#template-home .panel-heading {border-top-right-radius:0; border-top-left-radius:0;}*/
#template-home .thumbnail {
    position: relative;
}

h4.title-overlay {
    padding: 10px 4px;
    margin: 0;
}

.row-xs {
    margin-left: -2px;
    margin-right: -2px;
}

    .row-xs .col-6, .row-xs .col-4 {
        padding-right: 2px;
        padding-left: 2px;
    }

#template-home .btn {
    white-space: inherit;
}

/*-------------------------------------------------------------------
Components
-------------------------------------------------------------------*/

/* Collapse ---------------------------------------------------------*/
.card-group .card-heading {
    padding-right: 5px;
}

.card-heading .card-title a {
    display: block;
}

.panel-default > .card-heading a:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f0d8";
    padding-right: 10px;
    float: right;
}

.panel-default > .card-heading a.collapsed:after {
    content: "\f0d7";
}

.card.active {
    background: #fff;
    background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    border: solid 1px #666666;
}

.card.disabled {
    background: #eee;
}

/* Dialogs ---------------------------------------------*/
.modal-dialog .media .thumbnail {
    max-width: 124px;
}

/* Custom Components ---------------------------------------*/
.card .alert.overlay {
    position: absolute;
    top: 10px;
    margin-right: 15px;
}

/**** Selector Progress ***/
#selector-steps {
    text-align: left;
    min-height: 40px;
    padding: 0;
    margin: 0 0 20px 0;
    clear: both;
    box-sizing: border-box;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

    #selector-steps li {
        width: auto;
        float: left;
        display: block;
        margin: 0 0 0 -8px;
        position: relative;
    }

        #selector-steps li.first, #selector-steps li:first-child {
            margin-left: 0;
        }

        #selector-steps li a {
            color: #000;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            text-align: center;
            line-height: 16px;
            font-weight: bold;
            width: auto;
            min-width: 109px;
            padding: 11px 22px 11px 15px;
            display: block;
        }

            #selector-steps li a i {
                color: #fff;
            }

            #selector-steps li a:hover, #selector-steps li a.active, #selector-steps li a.active i {
                color: #c00;
            }

            #selector-steps li a.complete {
                background: #eee;
            }

                #selector-steps li a.complete::after {
                    content: "";
                    height: 0px;
                    width: 0px;
                    position: absolute;
                    top: 0;
                    right: -7px;
                    border-top: solid 20px transparent;
                    border-left: solid 7px #eee;
                    border-bottom: solid 20px transparent;
                }


                #selector-steps li a.complete i {
                    color: #333;
                }

/**** Selector Progress Mobile ***/
#mSteps .nav-pills > li.disabled > a, #mSteps .nav-pills > li.complete > a {
    background-color: #f2f2f2;
}

#mSteps .nav-pills li.disabled i.fa {
    display: none;
}

#mSteps.panel-group {
    margin-bottom: 40px;
}

#mSteps .card {
    background-color: transparent;
    border: none;
}

    #mSteps .card .card-heading .card-title {
        text-transform: uppercase;
        font-size: 16px;
    }

        #mSteps .card .card-heading .card-title a {
            color: #fff;
            background-color: #eb0000;
            padding: 10px 15px;
            text-decoration: none;
        }

    #mSteps .card .card-body {
        border: solid 2px #373736;
    }

        #mSteps .card .card-body .nav li {
            margin-bottom: 2px;
        }

            #mSteps .card .card-body .nav li > a.active {
                color: #fff;
                background-color: #ed0000;
            }

/**** Media and Media Thumbs ****/

.media {
    background-color: unset;
}

.media-thumb {
    font-size: 24px;
    height: auto;
    margin: 0 5px 10px 0;
    float: left;
    position: relative;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    transition: background-color .25s ease;
    cursor: pointer;
}

    .media-thumb i {
        color: #fff;
        position: absolute;
        bottom: 4px;
        left: 4px;
        text-shadow: 2px 4px 4px #000000;
    }

    .media-thumb img {
        opacity: 1;
        -webkit-transition: opacity .25s ease;
        -moz-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }

    .media-thumb:hover {
        background-color: #000;
    }

        .media-thumb:hover img {
            opacity: .6;
        }

    .media-thumb.media-object {
        width: auto;
        height: auto;
        position: relative;
    }

    .media-thumb.thumbnail i {
        bottom: 8px;
        left: 10px;
    }

    .media-thumb.thumbnail:hover {
        background-color: #fff;
    }

    .media-thumb:hover img {
        opacity: 1;
    }

    .media-thumb.zoom-modal img, .media-thumb.img-rounded.zoom-modal img {
        max-width: 110px;
    }

.media-heading {
    font-weight: bold;
}

.media .pull-left {
    margin-right: 15px;
}

.media .pull-right {
    margin-left: 15px;
}

/**** Product Options ****/
.selection-group .col-md-6:nth-child(odd) {
    clear: left;
}

.selection-group .description {
    font-size: 12px;
    margin: 15px 0 0 0;
    display: block;
}

    .selection-group .description ul {
        padding: revert;
    }

.selection-group .package.description {
    padding: 0 0 0 34px;
}

.selection-group .package h4.linethrough {
    margin: 0;
}

.selection-group .description h5 {
    font-size: 12px;
    margin: 0 0 5px 0;
}

.selection-group .description ul.bulletList {
    margin-left: -26px;
    margin-bottom: 0;
    list-style: outside;
}

    .selection-group .description ul.bulletList li {
        line-height: 16px;
    }

.selection-group .control-group.withinfo {
    width: 90%;
    float: left;
    margin-top: 0;
}

.selection-group label.radio {
    padding-top: 2px;
}

.selection-group label.radio {
    width: auto;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding-top: 2px;
}

.selection-group h2.price {
    font-size: 34px;
    line-height: 38px;
    margin: 10px 0 5px 0;
}

    .selection-group h2.price .sup {
        font-size: 22px;
        line-height: 28px;
        vertical-align: top;
    }

#custom-options .control-group {
    margin-bottom: 15px;
}

#custom-options .thumbnail {
    margin-bottom: 10px;
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

#custom-options .label {
    display: block;
    white-space: normal;
    margin-top: 5px;
}

.options-container a.image-icon {
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    position: relative;
}

.options-container .image-icon [class^="icon-"], .options-container .image-icon[class^="icon-"] {
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    position: relative;
}

#custom-options .image-icon {
    margin-top: -30px;
    margin-bottom: -20px;
}

    #custom-options .image-icon.pull-right {
        margin-right: 5px;
    }

#custom-options h5.subhead {
    text-transform: uppercase;
    font-size: 16px;
}

/**** Selector Result ***/
#tororesults {
    padding-right: 0;
}

.selector-result {
    color: #FFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #444;
    height: auto;
    min-height: 420px;
    padding: 0 15px;
    margin: 0 0 20px 0;
    display: block;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);
    -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);
}

    .selector-result .inner {
        display: block;
        position: relative;
        /*right:-300px;*/
        right: 0px;
    }

    .selector-result h3 {
        margin-top: 15px;
    }

    .selector-result h2.price {
        font-size: 48px;
        line-height: 54px;
        margin: 0 0 5px 0;
    }

        .selector-result h2.price .sup, .selector-review h2.price .sup {
            font-size: 28px;
            line-height: 34px;
            vertical-align: top;
        }

    .selector-result .item {
        padding-bottom: 5px;
        border-bottom: dashed 1px #555555;
    }

        .selector-result .item .included {
            color: #ccc;
            line-height: 18px;
            padding: 3px 0 3px 29px;
        }

            .selector-result .item .included:before {
                margin-left: -14px;
                float: left;
            }
        /*content:"+"; */
        .selector-result .item .cost, .selector-result .item .nocost {
            text-align: right;
        }

    .selector-result .thumbnail,
    .selector-review .thumbnail {
        margin: 15px 0;
    }

    .selector-result .btn-secondary,
    .modal-footer .btn-secondary {
        padding: 1.7rem 2rem 1.4rem;
        font-size: 16px;
    }

.image-zoom {
    display: block;
    position: relative;
    outline: none;
    border: none;
    cursor: pointer;
}

    .image-zoom i {
        color: #666666;
        font-size: 25px;
        width: 25px;
        height: 25px;
        margin: 0;
        display: block;
        position: absolute;
        bottom: 4px;
        z-index: 10;
    }

    .image-zoom:hover i {
        color: #c00;
    }

.selector-result .btn-group {
    margin-bottom: 15px;
}

#results-container {
    position: relative;
}

.selector-result .linethrough {
    color: #c2c2c2;
    margin-top: -10px;
}

.btn-restart, .btn.btn-restart {
    margin-bottom: 20px;
}

.selector-result .image-zoom img, .selector-review img, .modal-dialog img.base {
    position: relative;
    z-index: 4;
}

.img-overlay, .selector-result .image-zoom .img-overlay, .selector-review .img-overlay,
.modal-dialog .img-overlay {
    width: auto;
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}

.modal-dialog .overlays {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}

.modal-dialog .img-fluid {
    margin-left: auto;
    margin-right: auto;
}

.modal-dialog .modal-title {
    text-transform: uppercase;
    font-size: 18px;
}

.modal-dialog .modal-body h3 {
    font-size: 24px;
}

.modal-dialog .modal-body ul {
    padding: revert;
}

/**** Selector Footer ***/
.selector-footer {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    min-width: 300px;
    min-height: 62px;
    padding: 15px 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #444;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9998;
}

    .selector-footer .col-3 {
        padding-left: 0;
        padding-right: 30px;
    }

    .selector-footer .showHide, .selector-footer .showHide.col-3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .selector-footer .showHide {
        color: #ccc;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        border-right: solid 1px #888;
    }

        .selector-footer .showHide:hover {
            color: #fff;
        }

        .selector-footer .showHide, .selector-footer .showHide i,
        .selector-footer .showing, .selector-footer .hiding {
            text-align: center;
            display: block;
        }

            .selector-footer .showHide i {
                font-size: 20px;
                height: 22px;
            }

    .selector-footer .col-6 {
        padding-right: 10px;
    }

    .selector-footer .steps {
        font-size: 11px;
        padding: revert;
        display: revert;
    }



/**** Review ****/
.selector-review {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #444;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .selector-review a {
        color: #fff;
    }

    .selector-review p {
        color: #c2c2c2;
        margin-bottom: 15px;
    }

    .selector-review .selections {
        margin-bottom: 15px;
    }

    .selector-review h2.price {
        font-size: 48px;
        line-height: 54px;
        margin: 0;
    }

    .selector-review h3.subhead {
        border-bottom: solid 1px #555;
        padding-bottom: 6px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .selector-review h5 {
        margin-bottom: 5px;
    }

    .selector-review .image-zoom {
        width: auto;
        display: block;
        outline: none;
        border: none;
    }

    .selector-review .item {
        line-height: 22px;
        margin: 0 0 10px 0;
    }

    .selector-review .icon.pull-left {
        margin-right: 10px;
    }

    .selector-review .item .title {
        padding-left: 0px;
    }

    .selector-review .email, .selector-review .email-success {
        background-color: #FFF;
        color: #000;
        padding: 12px 20px 15px 20px
    }

        .selector-review .email h4, .selector-review .email-success h4 {
            text-transform: unset;
            font-size: 18px;
        }

        .selector-review .email .form-check {
            margin-top: 10px;
        }

        .selector-review .email .error {
            font-weight: bold;
        }
/* Share List */
.share li {
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
}

    .share li.title {
        display: block;
    }

.share a:hover {
    color: #c00;
    text-decoration: none;
}

/*Restart Dialog -------------------------------------------------------*/

#restart_dialog .btn-secondary {
    min-width: initial;
    width: initial;
}

#restart_dialog .btn-primary {
    padding: 1.7rem 1rem 1.4rem;
}

/* Custom Forms --------------------------------------------------------*/
.control-group input[type="checkbox"], .control-group input[type="radio"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.control-group {
    clear: both;
    margin: 10px 0;
}

    .control-group.form-check label {
        line-height: 16px;
        padding-left: 0;
        margin-bottom: 0px;
        font-weight: normal;
        cursor: pointer;
    }

    .control-group.form-check input[type="radio"], .control-group.form-check-inline input[type="radio"],
    .control-group.form-check input[type="checkbox"], .control-group.form-check-inline input[type="checkbox"] {
        margin-left: -32px;
    }

.checkbox-custom, .radio-custom {
    text-align: center;
    background: #fff;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
}

    .checkbox-custom:hover, .radio-custom:hover {
        color: #ccc;
    }

.checkbox-custom {
    color: #fff;
    font-size: 18px;
    padding: 2px 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.radio-custom {
    padding: 5px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

    .radio-custom .radio-inner {
        width: 12px;
        height: 12px;
        background: #acacac;
        -moz-border-radius: 6px;
        -0-border-radius:6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

.radio-custom-active, .checkbox-custom-active {
    border-color: #b30000;
}

    .radio-custom-active .radio-inner, .checkbox-custom-active {
        background: #b30000;
    }

.radio-custom-disabled, .radio-custom-disabled-checked,
.checkbox-custom-disabled, .checkbox-custom-disabled-checked,
.checkbox-custom-disabled:hover, .checkbox-custom-disabled-checked:hover {
    color: #f2f2f2;
    background: #f2f2f2;
    cursor: not-allowed;
    border: solid 1px #ddd;
}

    .radio-custom-disabled-checked, .checkbox-custom-disabled-checked,
    .radio-custom-disabled-checked:hover, .checkbox-custom-disabled-checked:hover {
        color: #999;
    }

.control-group.checkbox label.small-check, .control-group label.small-check {
    padding-left: 32px;
}

    .control-group label.small-check .checkbox-custom {
        margin-left: -32px;
        margin-right: 0;
    }

/*-------------------------------------------------------------------
Utility Classes
-------------------------------------------------------------------*/
h5 {
    font-weight: bold;
}

h2[class], h3[class] {
    margin-bottom: 10px;
}

h2.subhead, h3.subhead, h4.subhead, h5.subhead,
.h2.subhead, .h3.subhead, .h4.subhead, .h5.subhead {
    padding-bottom: 6px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
}

.h2.subhead {
    padding-bottom: 10px;
}

.text-white, .txt-white {
    color: #fff !important;
}

.text-gray {
    color: #777;
}

.field-margin {
    margin-bottom: 10px;
}

.padding-top {
    padding-top: 20px;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0;
}

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.linethrough {
    text-decoration: line-through;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.checkbox .price {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}

.price-sup {
    font-size: 14px;
    line-height: 16px;
    vertical-align: top;
}

@charset "UTF-8";
/* ------------------------------------------------------------------
Author: Nathan Walsh <nwalsh@awareweb.com>
Date: December 1, 2014
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
Small Devices, Tablet(portrait)
-------------------------------------------------------------------*/
@media (max-width: 480px) {
	h3 {
		font-size: 20px;
	}

	#footer li {
		padding: 0 6px;
	}

		#footer li:first-child {
			padding: 0 6px 0 0;
		}

	.media-body {
		font-size: 12px;
	}

	.home-hero {
		background-size: 100% 250px;
	}

    .selector-footer a#btn-next-mobile {
        padding-left: 1rem;
        padding-right: 1rem;
    }

	.selector-footer a#btn-next-mobile {
		background: #ee312a;
	}

	.selector-footer a#btn-next-mobile.disabled {
		background: #fff;
	}
}

@media (max-width: 767px) {
	/* Helper Classes ---------------------------------------------*/
	.xsOnly {
		display: block;
	}

	.xsHide {
		display: none;
	}

	/* Base Elements -----------------------------------------------*/
	.page-header h1 {
		font-size: 28px;
	}

	#header .navbar-brand {
		margin-left: 15px;
	}

	#footer {
		padding-bottom: 80px;
	}

	/* Selector Result ---------------------------------------------*/
	.btn-restart {
		display: none;
	}

	#tororesults {
		background: #444;
		padding-left: 0;
		/*margin-right:10px;*/
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1001;
		overflow: scroll;
		overflow-x: hidden;
		display: none;
	}
	/*#tororesults {background:#444;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1001;overflow:auto;overflow-x:hidden;}*/
	.selector-result {
		padding-bottom: 62px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}

@media only screen and (min-width: 768px) {
	/* Helper Classes ---------------------------------------------*/
	.sm-white {
		color: #fff;
	}

	.xsOnly {
		display: none;
	}

	.xsHide {
		display: block;
	}

	/* Header ----------------------------------------------------*/
	#header .navbar-brand {
		margin: 0;
	}

	.navbar {
		border-radius: 0px
	}

	/* Footer -----------------------------------------------------*/
	#footer > .container > .row + .row {
		margin: 15px 0 0;
	}

	#social-nav {
		float: right;
	}

	/* Selector Footer -------------------------------------------*/
	.selector-footer {
		display: none;
	}

	/* Jumbotron -------------------------------------------------*/
	#template-home .jumbotron.home-hero {
		padding: 30px;
	}

	.home-hero h1 {
		font-size: 42px;
		line-height: 48px;
		margin: -10px 0 10px;
	}

	/* Selector Result ---------------------------------------------*/
	#tororesults {
		display: block;
	}

	/* Share List */
	.share li.title {
		display: inline-block;
	}

	/*Home --------------------------------------------------*/
	h4.title-overlay {
		color: #fff;
		background-color: #333;
		background-color: rgba(0,0,0,0.80);
		position: absolute;
		padding: 10px 15px;
		margin: 0;
	}

		h4.title-overlay:hover {
			background-color: #000;
			background-color: rgba(0,0,0,1);
		}

		h4.title-overlay a {
			color: #fff;
		}
}
/* Tablet Portrait Only -------------------------------*/
@media (min-width:768px) and (max-width: 991px) {
	.selection-group .col-sm-8 {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	/* Selector Result ---------------------------------------------*/
	#custom-options .row .col-6:nth-child(2n+1) {
		clear: left;
	}
}
/* Tablet and Desktop Only -------------------------------*/
@media (min-width:768px) and (max-width: 1199px) {
	.selection-group .col-sm-12, .selection-group .col-md-6 {
		padding-right: 0;
	}
}

/*-------------------------------------------------------------------
Medium Devices, Desktops
-------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

	/* Header -----------------------------------------------------*/
	#header {
		padding: 15px 0;
	}

		#header .navbar-brand img {
			width: 100%;
		}

	/* Callouts */


	/* Jumbotron --------------------------------------------------*/

	/* Caption */
	#carousel-home .item .container {
		width: 970px;
		bottom: 80px;
	}

		#carousel-home .item .container .row > div {
			float: right;
			margin: 0 4% 0 0;
		}

	#carousel-home h1 {
		font-size: 72px;
	}

	#carousel-home p {
		font-size: 26px;
		line-height: 36px;
		width: 80%;
		margin: 14px 0 10px;
	}

	/* Indicators + Nav Controls */
	#carousel-indicators_controls {
		bottom: 17px;
		left: 50%;
		margin: 0 0 0 -485px;
	}

		#carousel-indicators_controls .row > div {
			text-align: right;
		}

	#carousel-home .carousel-indicators {
		width: auto;
		top: -5px;
		left: auto;
		margin: 0 9px 0 0;
	}

	#carousel-home .carousel-control {
		top: auto;
		right: auto !important; /* IE11 Fix */
		bottom: auto;
		left: auto !important; /* IE11 Fix */
		position: static;
	}

		#carousel-home .carousel-control:hover,
		#carousel-home .carousel-control:focus {
			opacity: .5;
		}

		#carousel-home .carousel-control.right {
			margin: 0 0 0 11px;
		}

		#carousel-home .carousel-control .fa {
			font-size: 30px;
		}

	/* Selector Result ---------------------------------------------*/
	#custom-options .row .col-md-3:nth-child(4n+1) {
		clear: left;
	}

	/*Home --------------------------------------------------*/
	h4.title-overlay {
		font-size: 20px;
		margin: 0;
	}
}


/*-------------------------------------------------------------------
Large Devices, Wide Screens
-------------------------------------------------------------------*/
@media only screen and (min-width : 1200px) {

	/* Jumbotron -------------------------------------------------*/
	#carousel-home .item .container {
		width: 1170px;
		bottom: 120px;
	}

		#carousel-home .item .container .row > div {
			margin: 0 8% 0 0;
		}

	#carousel-indicators_controls {
		margin: 0 0 0 -585px;
	}
}

@media only screen and (max-width: 1023px) {
	.selector-result .btn-secondary {
		width: revert;
	}
}