/*
Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 1.6
Created:September 2014
License URI:http://support.wrapbootstrap.com/
File Description:Red Skin
*/
/* 1 Typography
----------------------------------------------------------------------------- */
a, .text-default {
    color: #bf7629;
}

    a:hover,
    a:focus {
        color: #e09200;
    }

/*breadcrumb addendum to primary style in style.css - this adds the theme color for fvPlayer */
.breadcrumb a {
    color: #bf7629;
}

    .breadcrumb a:hover,
    a:focus {
        text-decoration: underline;
    }

mark,
.mark {
    background-color: #bf7629;
    color: #ffffff;
}

.table > thead > tr > th {
    border-bottom: 1px solid #bf7629;
    background-color: #bf7629;
    color: #ffffff;
}

.table-bordered {
    border-color: #bf7629;
}

/* 2 Layout
----------------------------------------------------------------------------- */
.default-bg {
    background-color: #bf7629;
    color: #ffffff;
}

/* Backgrounds
---------------------------------- */
.default-translucent-bg:after {
    background-color: rgba(0,0,0,0.1);
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

/*.row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }*/

/* 3 Pages
----------------------------------------------------------------------------- */
.blogpost .post-info {
    background-color: #bf7629;
    color: #ffffff;
}

.blogpost .side .social-links li a {
    background-color: transparent;
    border-color: transparent;
    color: #bf7629;
}

.blogpost ul.links li a:hover {
    color: #bf7629;
}

/* timeline layout */
.timeline-date-label {
    color: #bf7629;
}

@media (min-width: 768px) {
    .timeline .timeline-item:before {
        background-color: #ffffff;
        border: 1px solid #bf7629;
    }
}

/* 4 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
/* Gray Buttons */
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    color: #ffffff;
    background-color: #bf7629;
    border-color: #bf7629;
}

/* Light Gray Buttons */
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
    color: #ffffff;
    background-color: #bf7629;
    border-color: #bf7629;
}

/* Default Buttons */
.btn-default {
    background-color: #bf7629;
    color: #ffffff !important;
    border-color: #e09200;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff !important;
        background-color: #e09200;
        border-color: #e09200;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default {
        background-color: #e09200;
        border-color: #e09200;
    }

/* Button Compliment */
.btn-compliment {
    background-color: #bdbf29;
    color: #ffffff !important;
    border-color: #bdbf29;
}

    .btn-compliment:hover,
    .btn-compliment:focus,
    .btn-compliment:active,
    .btn-compliment.active,
    .open .dropdown-toggle.btn-compliment {
        color: #ffffff !important;
        background-color: #979820;
        border-color: #bdbf29;
    }

    .btn-compliment.disabled,
    .btn-compliment[disabled],
    fieldset[disabled] .btn-compliment {
        background-color: #cccccc;
        border-color: #cccccc;
    }


.btn-success2 {
    background-color: #449d44;
    color: #ffffff !important;
    border-color: #398439;
}

    .btn-success2:hover,
    .btn-success2:focus,
    .btn-success2:active,
    .btn-success2.active,
    .open .dropdown-toggle.btn-success2 {
        color: #ffffff !important;
        background-color: #398439;
        border-color: #398439;
    }

    .btn-success2.disabled,
    .btn-success2[disabled],
    fieldset[disabled] .btn-success2 {
        background-color: #cccccc;
        border-color: #cccccc;
    }


.btn-alt {
    background-color: #798f88;
    color: #ffffff !important;
    border-color: #9aada7;
}

    .btn-alt:hover,
    .btn-alt:focus,
    .btn-alt:active,
    .btn-alt.active,
    .open .dropdown-toggle.btn-alt {
        color: #ffffff !important;
        background-color: #9aada7;
        border-color: #9aada7;
    }

    .btn-alt.disabled,
    .btn-alt[disabled],
    fieldset[disabled] .btn-alt {
        background-color: #cccccc;
        border-color: #cccccc;
    }


/* Buttons for the homepage call to action
---------------------------------- */

.btn-calltoaction1 {
    background: linear-gradient(to bottom right, #798783 0%, #3c4341 100%);
    background-image: -webkit-linear-gradient(top, #798783, #3c4341);
    background-image: -moz-linear-gradient(top, #798783, #3c4341);
    /*background-image: -ms-linear-gradient(top, #c7c397, #69642f);*/
    background-image: -o-linear-gradient(top, #798783, #3c4341);
    background-image: linear-gradient(to bottom, #798783, #3c4341);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0 #000000;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #9a9a9a 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 20px;
    /*margin-left:-20px;*/
}

    .btn-calltoaction1:hover {
        background: linear-gradient(to bottom right, #3c4341 0%, #798783 100%);
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #3c4341, #798783);
        background-image: -moz-linear-gradient(top, #3c4341, #798783);
        /*background-image: -ms-linear-gradient(top, #69642f, #c7c397);*/
        background-image: -o-linear-gradient(top, #3c4341, #798783);
        background-image: linear-gradient(to bottom, #3c4341, #798783);
        text-decoration: none;
    }


.btn-calltoaction2 {
    background: linear-gradient(to bottom right, #69642f 0%, #938e51 100%);
    background-image: -webkit-linear-gradient(top, #69642f, #938e51);
    background-image: -moz-linear-gradient(top, #69642f, #938e51);
    /*background-image: -ms-linear-gradient(top, #69642f, #938e51);*/
    background-image: -o-linear-gradient(top, #69642f, #938e51);
    background-image: linear-gradient(to bottom, #69642f, #938e51);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0 #000000;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #9a9a9a 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    /*margin-left:-20px;*/
}

    .btn-calltoaction2:hover {
        background: linear-gradient(to bottom right, #938e51 0%, #69642f 100%);
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #938e51, #69642f);
        background-image: -moz-linear-gradient(top, #938e51, #69642f);
        /*background-image: -ms-linear-gradient(top, #938e51, #69642f);*/
        background-image: -o-linear-gradient(top, #938e51, #69642f);
        background-image: linear-gradient(to bottom, #938e51, #69642f);
        text-decoration: none;
    }

.btn-calltoaction3 {
    background: linear-gradient(to bottom right, #525252 0%, #000000 100%);
    background-image: -webkit-linear-gradient(top, #525252, #000);
    background-image: -moz-linear-gradient(top, #525252, #000);
    /*background-image: -ms-linear-gradient(top, #525252, #000);*/
    background-image: -o-linear-gradient(top, #525252, #000);
    background-image: linear-gradient(to bottom, #525252, #000);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0 #000000;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #9a9a9a 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 20px;
}

    .btn-calltoaction3:hover {
        background: linear-gradient(to bottom right, #000 0%, #525252 100%);
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #000, #525252);
        background-image: -moz-linear-gradient(top, #000, #525252);
        /*background-image: -ms-linear-gradient(top, #000, #525252);*/
        background-image: -o-linear-gradient(top, #000, #525252);
        background-image: linear-gradient(to bottom, #000, #525252);
        text-decoration: none;
    }

.btn-calltoaction4 {
    background: linear-gradient(to bottom right, #525252 0%, #000000 100%);
    background-image: -webkit-linear-gradient(top, #525252, #000);
    background-image: -moz-linear-gradient(top, #525252, #000);
    /*background-image: -ms-linear-gradient(top, #525252, #000);*/
    background-image: -o-linear-gradient(top, #525252, #000);
    background-image: linear-gradient(to bottom, #525252, #000);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0 #000000;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #9a9a9a 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    /*margin-left:-20px;*/
}

    .btn-calltoaction4:hover {
        background: linear-gradient(to bottom right, #000 0%, #525252 100%);
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #000, #525252);
        background-image: -moz-linear-gradient(top, #000, #525252);
        /*background-image: -ms-linear-gradient(top, #000, #525252);*/
        background-image: -o-linear-gradient(top, #000, #525252);
        background-image: linear-gradient(to bottom, #000, #525252);
        text-decoration: none;
    }

/* Button with transparent bg
---------------------------------- */
.btn-white {
    background-color: transparent;
    color: #bf7629;
    border: 1px solid #990000;
}

.btn-mint {
    background-color: #adc2bb;
    color: #000;
}

.btn-green {
    background-color: #5cb85c;
    color: #000;
}

.btn-green-gradient {
    background: linear-gradient(to bottom right, #5cb85c 0%, #355636 100%);
    color: #000;
}


.btn-orange {
    background-color: #e09200;
    color: #fff;
}

.btn-black-gradient {
    background: linear-gradient(to bottom right, #525252 0%, #000000 100%);
    border: 1px solid #adc2bb;
    color: #fff;
}

    .btn-black-gradient:hover,
    .btn-black-gradient:focus,
    .btn-black-gradient:active,
    .btn-black-gradient.active,
    .open .dropdown-toggle.btn-black-gradient {
        background-color: #000;
        border: 1px solid #525252;
        color: #adc2bb;
    }


.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: #ffffff;
    background-color: #e09200;
    border-color: #bf7629;
}

.btn-grey {
    background-color: transparent;
    color: #666;
    border: 1px solid #666;
    padding-top: 0;
    padding-bottom: 0;
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #000;
        background-color: transparent;
        border-color: #000;
    }

.btn-outline {
    background-color: transparent;
    color: #bf7629;
    border: 1px solid #bf7629;
    padding-top: 0;
    padding-bottom: 0;
}

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active,
    .btn-outline.active,
    .open .dropdown-toggle.btn-outline {
        color: #e09200;
        background-color: transparent;
        border-color: #e09200;
    }

.btn.btn-lg-slim {
    padding: 4px 4px;
    font-size: 18px;
    min-width: 240px;
    letter-spacing: 2px;
}

.btn.btn-md-slim {
    /*font-family: 'Gotham Light';*/
    padding: 4px 4px;
    font-size: 16px;
    min-width: 200px;
    letter-spacing: 0;
    text-transform: none;
}

.btn.btn-sm-slim {
    /*font-family: 'Gotham Light';*/
    padding: 4px 4px;
    font-size: 16px;
    min-width: 180px;
    letter-spacing: 0;
    text-transform: none;
}


/* Button background transitions
---------------------------------- */
.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
    background: #e09200;
}

/* Forms
---------------------------------- */
.default-bg .form-control {
    border-color: #bf7629;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
}

    .default-bg .form-control:focus {
        border-color: #bf7629;
        background-color: rgba(0, 0, 0, 0.25);
    }

.default-bg .input-group-addon {
    background-color: #e09200;
    border-color: #bf7629;
    color: #ffffff;
}

.dropdown .active > a > .badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
    border-color: #bf7629;
}

/* Pager
---------------------------------- */
ul.pagination li > a:hover {
    background-color: transparent;
    color: #ffffff;
    background-color: #bf7629;
    border-color: #bf7629;
}

ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    color: #ffffff;
    background-color: #bf7629;
    border-color: #bf7629;
}

/* Tabs
---------------------------------- */
.nav-tabs > li.active > a:after {
    background-color: #bf7629;
}

.tab-content:after {
    background-color: #bf7629;
}

@media (max-width: 480px) {
    .nav-tabs > li > a:hover:after {
        background-color: #bf7629;
    }
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
    border-bottom: 1px solid #bf7629;
}

    .tabs-style-2 .nav-tabs > li.active > a,
    .tabs-style-2 .nav-tabs > li.active > a:hover,
    .tabs-style-2 .nav-tabs > li.active > a:focus,
    .tabs-style-2 .nav-tabs > li > a:hover {
        border: 1px solid #bf7629;
        background-color: #bf7629;
        color: #ffffff;
    }

/* vertical tabs */
.vertical .nav-tabs > li > a:hover:after {
    background-color: #bf7629;
}

/* Nav pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    border: 1px solid #f3f3f3;
    color: #bf7629;
    background-color: #fafafa;
}

    .nav-pills > li.active > a:after {
        color: #bf7629;
    }

    .nav-pills > li.active > a:hover:after,
    .nav-pills > li.active > a:focus:after,
    .nav-pills > li > a:hover:after,
    .nav-pills > li > a:focus:after {
        color: #bf7629;
    }

.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
    color: #e09200;
}

.nav-pills > .active > a > .badge {
    color: #bf7629;
    background-color: #ffffff;
    border-color: #bf7629;
}

/* Collapse
---------------------------------- */
.panel-heading a {
    background-color: #262626;
    color: #ffffff;
}

    .panel-heading a:hover,
    .panel-transparent .panel-heading a:hover {
        background-color: #333;
        color: #ffffff;
    }

/* Progress bars
---------------------------------- */
.progress-bar-default {
    background-color: #bf7629;
}

/* Modals
---------------------------------- */
.modal-content .modal-header {
    background-color: #bf7629;
}

/* Images and Images overlay
---------------------------------- */
.overlay a {
    color: #bf7629;
    background-color: #ffffff;
}

.overlay-links a + a {
    color: #ffffff;
    background-color: #bf7629;
}

a.overlay i {
    color: #bf7629;
}

/* 5 Navigations
----------------------------------------------------------------------------- */
/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
    color: #709085;
    background-color: transparent;
}

.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
    color: #666666;
    background-color: #fafafa;
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
    background-color: #ffffff;
    color: #bf7629;
    border-color: #f1f1f1;
}

ul.shiftleft {
    margin-left: -200%;
    width: 240px;
}

#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover,
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a {
    color: #bf7629;
    background-color: #ffffff;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
    background-color: #ffffff;
    color: #bf7629;
    border-color: #f1f1f1;
}

/* arrows for parent menu items */
.navbar-default .navbar-nav > .active.dropdown > a:before {
    color: #709085;
}

.navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #e5e5e5;
}

.dropdown .dropdown.open > a:before,
.transparent.header:not(.dark) .dropdown .dropdown.open > a:before {
    color: #bf7629;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fafafa;
    border-color: #bf7629;
}

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #bf7629;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #bf7629;
        background-color: transparent;
    }
    /* first level items hover and focus states */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #bf7629;
        background-color: #ffffff;
    }
    /* second level items on hover/focus */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #bf7629;
    }
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
    background-color: transparent;
    color: #bf7629;
}

.subfooter {
    color: #666 !important;
}

/* 6 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Boxes
---------------------------------- */
.box.gray-bg:hover {
    color: #bf7629;
}

.box.default-bg:hover {
    background-color: #ffffff;
    border: 1px solid #bf7629;
}

/*.box.default-bg:hover * {
        color: #bf7629;
    }*/

.box-style-1:not(.team-member):hover i {
    color: #bf7629;
}

.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
    color: inherit;
}

.box-style-2:hover .default-bg {
    background-color: #ffffff;
    border: 1px solid #bf7629;
}

/*.box-style-2:hover .default-bg * {
        color: #bf7629;
    }*/

/*.box-style-2:hover .white-bg * {
    color: #bf7629;
}*/

.box-style-3:hover .default-bg {
    background-color: #ffffff;
    border: 1px solid #bf7629;
}

/*.box-style-3:hover .default-bg * {
        color: #bf7629;
    }*/

/*.box-style-3:hover .white-bg * {
    color: #bf7629;
}*/

/* Tags cloud block
---------------------------------- */
.tag a:hover {
    color: #ffffff;
    background-color: #bf7629;
    border-color: #bf7629;
}

/* Social icons block
---------------------------------- */
.social-links li a {
    background: #bf7629;
    border: 1px solid #bf7629;
    color: #ffffff;
}

    .social-links li a:hover {
        background-color: transparent;
        border-color: #e09200;
        color: #e09200;
    }

.social-links .dropdown.open > button > i:before {
    content: "\f00d";
    color: #bf7629;
}

.header-top .social-links li a:hover {
    color: #e09200;
}

/* search and login
---------------------------------- */
.header-top-dropdown .dropdown.open > button,
.header-top-dropdown .dropdown > button:hover {
    color: #bf7629;
}

/* Pricing tables
---------------------------------- */
.plan .popover-title {
    background-color: #bf7629;
    color: #ffffff;
}

.gray .plan .header h3 {
    color: #bf7629;
}

.white .plan .header {
    color: #ffffff;
    background: #bf7629;
}

.stripped .header {
    background: #bf7629;
    -webkit-box-shadow: 0 0 60px #e09200 inset;
    -moz-box-shadow: 0 0 60px #e09200 inset;
    box-shadow: 0 0 60px #e09200 inset;
    color: #ffffff;
}

/* 7 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution captions */
.default_bg {
    background-color: #bf7629;
    color: #ffffff;
}

/* Revolution Nav Controls */
.tparrows.round:hover {
    color: #ffffff;
    background-color: #bf7629;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #bf7629;
}

.tp-bannertimer {
    background-color: rgba(255,165,0,0.7);
}

/* 8 Owl carousel
----------------------------------------------------------------------------- */
.owl-prev {
    background-color: #bf7629;
    color: #f1f1f1;
}

.owl-next {
    background-color: #f1f1f1;
    color: #bf7629;
}

.content-slider-with-controls .owl-nav div,
.content-slider-with-controls-autoplay .owl-nav div {
    background-color: #bf7629;
    color: #f1f1f1;
}

.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
    background-color: #f1f1f1;
    color: #bf7629;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #bf7629;
}

/*# sourceMappingURL=red.css.map */

.separator-line {
    color: #000;
    font-size: 32px;
    border-bottom: 1px solid #ed1c24;
    margin-bottom: 20px;
    margin-top: -10px;
}

.separator-2 {
    display: block;
    width: 100% !important;
    height: 1px !important;
    margin: 10px 0 20px !important;
    background-color: #bf7629 !important;
}

.separator-2-nomargin { /*this is used in the smaller sections and needs a thinner line*/
    display: block;
    width: 100%;
    height: 1px;
    margin: 0px 0 8px;
    background-color: #bf7629;
}

.curriculumheaderbar {
    font-size: 85%;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #f1f1f1;
    padding: 2px;
}

.RadTabStrip_SubLevel .rtsImg {
    border: 0;
    vertical-align: top;
    width: 16px;
}

.sidebar-subheader {
    width: 100%;
    padding: 6px 6px 6px 10px;
    margin-bottom: 8px;
    background-color: #bf7629;
}

.sidebar-subheader-dark {
    width: 100%;
    padding: 6px 6px 6px 10px;
    margin-bottom: 8px;
    background-color: #333333;
}

.sidebar-subheader-alt {
    width: 100%;
    padding: 2px 6px 2px 10px;
    margin-bottom: 8px;
    background-color: #ada78d;
}

.subheader-dark {
    width: 100%;
    padding: 4px 6px 4px 10px;
    margin-bottom: 8px;
    background-color: #333333;
}


.subheader-alt {
    width: 100%;
    padding: 4px 6px 4px 10px;
    margin-bottom: 8px;
    background-color: #ada78d;
    color: #fff;
}



.sidebar-subheader a {
    color: #fff;
}

.sidebar-subheader-dark a {
    color: #fff;
}

.sidebar-subheader-alt a {
    color: #fff;
}

.subheader-alt a {
    color: #fff;
}

.subheader-dark a {
    color: #fff;
}


.panel-alt .panel-heading a,
.panel-alt .panel-heading a:hover {
    background-color: #ada78d;
}

.full-height {
    width: 100%;
    height: 100%;
    background: black;
    box-shadow: 0 500px 0 500px #000;
}

.fixed-header-on .dark.header.fixed { /*this overwrites the top header color for when the page is scrolled*/
    border-bottom: 1px solid #fff !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.dropdown-menu > li > a {
    color: #666666 !important;
}

.sidebarcolor {
    background-color: #f9f9f9 !important;
    /*padding: 6px;*/
}

.header-top {
    background-color: #efece2 !important;
    border-bottom: 1px solid #dadada !important;
}

.site-slogan {
    font-style: normal !important;
}

.title {
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
}

.gradientdark {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.gradientlight {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.userownsitem, .userownsitem a, .userownsitem a:hover {
    color: #2edb4c;
    font-size: 36px;
    position: absolute;
    bottom: 0;
    right: 6px;
}

.userownsmessageinbox {
    background-color: #e8e8e8;
    color: #000;
    border: 1px solid #666;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.page-title {
    font-size: 28px !important;
    font-weight: normal !important;
}

.h2 {
    font-size: 24px !important;
}

.headerbar-default {
    padding: 6px 8px 6px 8px;
    background-color: #ada78d;
    color: #fff;
}

.headerbar-default-narrow {
    padding: 2px 2px 2px 2px;
    background-color: #ada78d;
    color: #fff;
}


.headerbar-dark {
    padding: 6px 8px 6px 8px;
    background-color: #000;
    color: #fff;
}

.headerbar-compliment {
    padding: 6px 8px 6px 8px;
    background-color: #973b3c;
    color: #fff;
}

.headerbar-alt {
    padding: 6px 8px 6px 8px;
    background-color: #ada78d;
    color: #fff;
}

.block {
    padding-bottom: 15px !important; /*this is to get rid of the 40px padding that it defaults to*/
}

.alternaterowcolors div:nth-child(even) {
    background-color: #f1f1f1;
}

.levelidentifier {
    font-size: 12px;
    color: #fff;
}

.curriculumlevel {
    color: #fff;
}

a.curriculumlevel {
    color: #fff;
}

    a.curriculumlevel:hover {
        color: #fff;
        text-decoration: underline;
    }

.dashboarditemlink {
    font-size: 13px;
}

.expandlevel {
    font-size: 13px;
    color: #fff;
}

a.expandlevel {
    color: #fff;
}

    a.expandlevel:hover {
        color: #fff;
        text-decoration: underline;
    }

.btn.btn-tiny {
    padding: 2px !important;
    margin: 0 !important;
    font-size: 12px !important;
    min-width: 80px !important;
    text-transform: capitalize !important;
}

.trackboxdisplayicon {
    color: #fff;
    font-size: 90px;
    text-align: center;
}

    .trackboxdisplayicon a {
        color: #fff;
    }

        .trackboxdisplayicon a:hover {
            color: #bf7629 !important;
        }




.trackboxdisplaytext {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none !important;
}

    .trackboxdisplaytext a {
        color: #fff;
    }

        .trackboxdisplaytext a:hover {
            text-decoration: underline !important;
            color: #bf7629 !important;
        }

.lessonlength {
    font-size: 12px;
}

@media (max-width: 768px) {
    .lessonlength {
        visibility: hidden;
    }
}

.dashboardnotespanel {
    font-size: 12px;
}

.sidebartitles {
    font-size: 18px;
    font-weight: 500;
}

.producttitles {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-top: -10px;
    margin-bottom: 8px;
    line-height: 1.4;
}

    .producttitles a {
        color: #000;
    }

/*.dashboardnotespanel a, a:hover, a:active {
    font-size: 12px;
}*/

/*FUGU greens::after c7c397   69642f  938e51   4c471c*/

table.universalstriped {
    width: 100%;
    text-align: left;
}

    table.universalstriped td, table.universalstriped th {
        vertical-align: bottom;
        padding: 4px;
        vertical-align: middle;
        min-height: 40px;
    }

    table.universalstriped tr:nth-child(even) {
        background: #f2f2f2;
    }

    table.universalstriped tr.rowhighlight td, tr.rowhighlight th {
        background-color: #ada78d;
        color: #fff;
    }

    table.universalstriped tr.rowdark td, tr.rowdark th {
        background-color: #666666;
        color: #fff;
    }

    table.universalstriped tr.rowblack td, tr.rowblack th {
        background-color: #262626;
        color: #fff;
    }

.qa-indicator { /*use for text such as "Q" or "A" in pages such as forums */
    color: #973b3c;
    font-weight: bold;
    vertical-align: top;
    margin-right: 4px;
    width: 25px;
}

.rowgrey {
    background-color: #f2f2f2;
}

.g-recaptcha {
    margin: 15px auto !important;
    width: auto !important;
    height: auto !important;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

/*universal custom tabstrip*/
.primarytab-container .RadTabStrip {
    margin-left: 0px;
    margin-top: 8px;
}

    .primarytab-container .RadTabStrip .rtsLevel1 {
        border-bottom: 1px solid #c4c4c4;
    }

    .primarytab-container .RadTabStrip .tab {
        background-color: #eaeaea;
        padding: 0px 0px 0px 0px;
        border: 1px solid #c4c4c4;
        text-align: center;
        vertical-align: middle;
    }

        .primarytab-container .RadTabStrip .tab.selectedTab {
            background-color: #fff;
            border-bottom-color: transparent;
        }

        .primarytab-container .RadTabStrip .tab.hoveredTab {
            background-color: #333;
            color: #fff;
        }

            .primarytab-container .RadTabStrip .tab.hoveredTab.selectedTab {
                background-color: #333;
            }

        .primarytab-container .RadTabStrip .tab .rtsLink {
            border: none;
            /*padding: 12px 0 0 0;*/
        }

        .primarytab-container .RadTabStrip .tab .rtsTxt {
            color: #000;
            /*font-family: 'Segoe UI';*/
            /*font-size: 16px;*/
        }

        .primarytab-container .RadTabStrip .tab.hoveredTab .rtsTxt {
            color: #fff;
        }

    .primarytab-container .RadTabStrip .rtsLevel2 {
        border-bottom: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
    }

.RadTabStripPrimary_SubLevel {
    font-size: 14px;
    color: #973b3c;
}

.primarylogo {
    font-family: 'Gotham Light';
    font-size: 24px;
}


/*QG style sheet override*/
.image-box {
    border: none !important;
}

table#student-forum {
    width: 100%;
}

    table#student-forum th {
        background-color: #666;
        color: #fff;
        padding: 5px 5px 5px 5px;
        font-weight: normal;
    }

    table#student-forum td {
        color: #000;
        padding: 5px 5px 5px 5px;
    }

.btn.btn-nomargin {
    margin: 0px !important;
}

.btn-success2 {
    background-color: #449d44;
    color: #ffffff !important;
    border-color: #398439;
    width: 100%;
}

    .btn-success2:hover,
    .btn-success2:focus,
    .btn-success2:active,
    .btn-success2.active,
    .open .dropdown-toggle.btn-success2 {
        color: #ffffff !important;
        background-color: #398439;
        border-color: #398439;
    }

    .btn-success2.disabled,
    .btn-success2[disabled],
    fieldset[disabled] .btn-success2 {
        background-color: #cccccc;
        border-color: #cccccc;
    }

.btn-store01 {
    background-color: #e09200;
    color: #ffffff !important;
    border-color: #e09200;
    width: 100%;
}

.btn-store02 {
    background-color: #9d4444;
    color: #ffffff !important;
    border-color: #9d4444;
    width: 100%;
}


    .btn-store02:hover,
    .btn-store02:focus,
    .btn-store02:active,
    .btn-store02.active,
    .open .dropdown-toggle.btn-store02 {
        color: #ffffff !important;
        background-color: #7d3636;
        border-color: #7d3636;
    }



.btn-store03 {
    background-color: #e0ca00;
    color: #ffffff !important;
    border-color: #e0ca00;
    width: 100%;
}
/* Button Compliment */
.btn-compliment {
    background-color: #333;
    color: #ffffff !important;
    border-color: #333;
}

    .btn-compliment:hover,
    .btn-compliment:focus,
    .btn-compliment:active,
    .btn-compliment.active,
    .open .dropdown-toggle.btn-compliment {
        color: #ffffff !important;
        background-color: #000;
        border-color: #000;
    }

    .btn-compliment.disabled,
    .btn-compliment[disabled],
    fieldset[disabled] .btn-compliment {
        background-color: #cccccc;
        border-color: #cccccc;
    }

.btn.btn-fullwidth {
    width: 100% !important;
}

.homepagecustomvideoholder {
    background-color: #282828;
    background-image: url(/images/backgrounds/video_background_ltGrey2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    margin: 0px;
}

#HomepageVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

#buttonholder4 {
    position: relative;
}

.buttonoverlayfull {
    position: absolute;
    right: 1px;
    top: 0;
    display: table;
    height: 100%;
    width: 380px;
    z-index: 100;
}

.darkmint-bg {
    background-color: #6b7975;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    position: relative;
}

.white-bg {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    position: relative;
}

.btn.btn-sm-slim02 {
    /*font-family: 'Gotham Light';*/
    padding: 4px 4px;
    font-size: 16px;
    width: 100%;
    letter-spacing: 0;
    text-transform: none;
}

.btn-default-special {
    background-color: #bf7629;
    color: #ffffff !important;
    border-color: #e09200;
}

    .btn-default-special :nth-child(3) {
        background-color: #000;
        color: #ffffff !important;
        border-color: #e09200;
    }

.free-lessons {
    background-image: url(/images/backgrounds/logo_back_green_fish01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    margin: 0px;
}

.partner-site {
    height: 250px;
    /*border: 1px solid #000 !important;*/
    margin-bottom: 0px;
}

a.darklink {
    color: #000 !important;
}

    a.darklink:hover {
        color: #bf7629 !important;
        text-decoration: underline;
    }

.tabAddToCart, .hideOnMobile {
    /*no style for full - this class is needed for mobile to hide tab */
}

@media (max-width: 480px) {

    .homepagecustomvideoholder {
        background-color: #282828;
        background-image: url(/images/backgrounds/video_background_ltGrey2.jpg);
        background-repeat: no-repeat;
        background-position: center;
        padding: 0px;
        margin: 0px;
        min-height: 200px;
    }

    #HomepageVideo {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .buttonoverlayfull {
        position: absolute;
        right: 5%;
        top: 0;
        display: table;
        height: 100%;
        width: 90%;
        z-index: 100;
    }

    .navbar.navbar-default {
        border-radius: 0;
        margin: 12px 0 5px;
        background-image: url(/Images/Logos/FUGU_logo_webNoTag_small_cl.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #fff;
        border-color: #fff;
    }

    #background-link {
        border-radius: 0;
        margin: 12px 0 5px;
        background-image: url(/Images/Logos/FUGU_logo_webNoTag_small_cl.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-color: #fff;
        border-color: #fff;
        display: block;
        height: 80px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 210px;
    }

    /*.embed-responsive {
        position: relative;
        display: block;
        height: 200px;
        overflow: hidden;
        padding: 0;
    }*/

    .vanish {
        display: none;
    }

    .demargin {
        margin: 0 !important;
    }

    .depad {
        padding: 0 !important;
    }

    .partner-site {
        height: 100%;
        /*border: 1px solid #000 !important;*/
        margin-bottom: 0px;
    }

    .tabAddToCart, .hideOnMobile {
        display: none !important;
    }
}

/* Video Styles */


.videoembed-wrapper {
    border: 1px solid #000000;
    /*background-color: #000;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*width: 670px;*/
    height: 312px;
    /*position: absolute;*/
    /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
    /*position: relative;*/
    /*background: url(../images/spacer.gif);
    background-size: 600px 378px;*/
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (max-width: 992px) {
    .videoembed-wrapper {
        height: 300px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .videoembed-wrapper {
        height: 358px;
        /*padding-bottom: 20px;*/
    }
}

/* Small devices (mobile) */
@media (max-width: 480px) {
    .videoembed-wrapper {
        height: 188px;
        /*padding-bottom: 20px;*/
    }
}


/* End Video Styles*/


/*The following is a custom responsive bootstrap aspect ratio. The property padding-bottom is nothing else than the height of the item divided by the width in percent.*/
.embed-responsive-4by1 {
    padding-bottom: 25%;
}
/*Landing page styles*/
.RB_section01 {
    display: block;
    margin: 0px;
    height: 472px;
    position: relative;
    overflow: hidden;
    background-image: url(/Images/Backgrounds/RB_Section01_withSlate_181121.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section_Black {
    display: block;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: black;
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section_Black_Mobile {
    display: none;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: black;
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section03_Mobile {
    display: none;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: lightgray;
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section02_Mobile {
    display: none;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: white;
    background-position: center top;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .RB_section_Black {
        display: none;
    }

    .RB_section02_Mobile {
        display: block;
        margin: 0px;
        position: relative;
        overflow: hidden;
        background-color: white;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .RB_section_Black_Mobile {
        display: block;
        margin: 0px;
        position: relative;
        overflow: hidden;
        background-color: black;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .RB_section03_Mobile {
        display: block;
        margin: 0px;
        margin-top: 25px;
        position: relative;
        overflow: hidden;
        background-color: lightgray;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .RB_section03 {
        display: none !important;
    }

    .RB_section02 {
        display: none !important;
    }
}



.RB_section_white {
    display: block;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: white;
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section02 {
    display: block;
    margin: 0px;
    height: 628px;
    position: relative;
    overflow: hidden;
    background-image: url(/Images/Backgrounds/RB_Section02_181119.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section03 {
    display: block;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-image: url(/Images/Backgrounds/RB_Section03_181120.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_section04 {
    display: block;
    margin: 0px;
    position: relative;
    overflow: hidden;
    background-color: lightgrey;
    background-position: center top;
    background-repeat: no-repeat;
}

.RB_button01 {
    color: #fff;
    background: linear-gradient(-45deg, #304352, #d7d2cc);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.RB_button02 {
    background: none;
    border: 2px solid white;
    line-height: 1;
    margin: 0.5em;
    padding: 1em 2em;
}

.RB_container {
    width: 45%;
    position: absolute;
    margin-left: 33%;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top: 30px;
}

@media (min-width:1385px) {
    .RB_container {
        width: 45%;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        margin-top: 30px;
    }
}

@media (max-width:1291px) {
    .RB_container {
        width: 45%;
        position: absolute;
        margin-left: 33%;
        margin-right: auto;
        left: 0;
        right: 0;
        margin-top: 5px;
    }
}

.RB_button_position {
    text-align: center;
    margin-top: 5px;
}

@media (min-width:1348px) {
    .RB_button_position {
        text-align: center;
        margin-top: 20px;
    }
}

.RB_button-position02 {
    text-align: center;
    margin-top: 5px;
}


.alert-custom-success {
    margin: 20px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    padding-left: 70px;
    overflow: hidden;
    z-index: 1;
    border: none;
}

    .alert-custom-success:before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        width: 40px;
        height: 101%;
        background-color: rgba(0, 0, 0, 0.25);
        z-index: 2;
    }

.alert-custom-success {
    color: #2a5f2b;
    background-color: #bcdab0;
}


    .alert-custom-success:after {
        font-family: "FontAwesome";
        position: absolute;
        top: 10px;
        left: 17px;
        color: #ffffff;
        font-size: 20px;
        z-index: 3;
    }

.alert.alert-custom-success:after {
    content: "\f12a";
}


.gridlink {
    text-decoration: none;
}

    .gridlink a {
        color: #990000 !important;
        text-decoration: underline;
    }

        .gridlink a:hover {
            color: #000 !important;
        }


.btn-nolink {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 160px;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    margin: 10px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.productbox {
    padding: 10px;
    border: solid 1px #666;
    text-align: center;
    display: inline-block;
    width: 30%;
    margin: 20px;
    border-radius: 10px;
}

.programpricing {
    text-align: right; /*margin-top: 10px;*/
}

@media (max-width: 992px) {
    .programpricing {
        text-align: left; /*margin-top: 0px;*/
        margin-top: 10px;
    }

    .empty-space {
        display: none;
    }
}

/*use the following stop return test embedded within a parent class back to normal*/
.standardfont {
    text-decoration: none;
}

    .standardfont a {
        font-weight: normal;
    }

        .standardfont a:hover {
            font-weight: normal;
        }

/*Standardized bullet and numbered lists*/
ul.unorderedlist-default {
    margin-bottom: 20px;
}

    ul.unorderedlist-default li {
        margin-bottom: 15px;
    }

        ul.unorderedlist-default li:last-child {
            margin-bottom: 0px;
        }


ol.orderedlist-default {
    margin-bottom: 20px;
}

    ol.orderedlist-default li {
        margin-bottom: 15px;
    }

        ol.orderedlist-default li:last-child {
            margin-bottom: 0px;
        }

.mapInfo {
    width: 240px;
    /*height: 300px;*/
}

.nobackgroundcolor {
    background-color: transparent !important;
}

.mobileshow {
    display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobileshow {
        display: inline;
    }
}

.mobilehide {
    display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobilehide {
        display: none;
    }
}

.herotitle {
    color: #fff;
    font-family: Oswald;
    font-size: 4rem;
    font-weight: 800;
}

.herosubtitle {
    color: #9d9f5d;
    font-family: Oswald;
    font-size: 1.8rem;
    font-weight: 500;
    padding-top: 1px;
}

.overlay-subtitle {
    width: 100%;
    margin-top: 8px;
    vertical-align: baseline;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0) 100%);
}


.site-slogan {
    line-height: 150%;
    font-size: 24px;
}

.text-highlight {
    color: #d29000;
}

.text-highlight-alt {
    color: #9d9f5d;
}

.banner-homepage-default {
    background-color: #000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.banner-homepage {
    background-image: url(/images/graphics/TTL_launch_home_02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
}

.banner-homepage-img {
    height: 200px;
    width: 100%;
}

.banner-homepage01 {
    background-color: #000;
    background-image: url(/images/graphics/TTL_launch_home_02.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 119px;
}

.banner-homepage01-img {
    height: 119px;
    width: 1138px;
}

@media (max-width:650px) {

    .banner-homepage-default {
        background-color: #000;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .banner-homepage {
        background-image: url(/images/graphics/TTL_launch_home_01m.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 200px;
    }


    .banner-homepage-img {
        height: 200px;
        width: 100%;
    }

    .banner-homepage01 {
        background-color: #000;
        background-image: url(/images/graphics/TTL_launch_home_01m.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 200px;
    }


    .banner-homepage01-img {
        height: 200px;
        width: 100%;
    }
}