/* 
Template: _Conference Template
Author: Curtiss Prickett

*/

/* ===== Universals ==================== */
body {
    height: 100%;
    color: #17334a;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    background-color: white;
}

p, table {
    font-size: .9em;
    line-height: 1.45em;
    margin-bottom: 1em;
}

a {
    color: #00609c;
    text-decoration: underline;
    font-weight: 600;
}

a:hover {
    color: rgb(246,114,51);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: rgb(23,51,74);
}

b {
    color: rgb(0,155,46);
}

header {
    background-color: #00609c;
    z-index: 22;
}

label, table, .form label, .webform label {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em;
}

.wrapper {
    padding: 40px 0;
}

/* ===== Misc Overrides ==================== */

a:hover {
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.floatLeft {
    float: left;
    margin: 0 20px 20px 0;
}

.floatRight {
    float: right;
    margin: 0 0 20px 20px;
}

img.rnd-border {
    border: 8px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    margin-bottom: 10px;
}

blockquote, blockquote p {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: rgb(133, 133, 133);
}

blockquote {
    border-left: 3px solid #00609c;
}

blockquote p {
    margin: 0;
    font-style: italic;
}

hr.spacer {
    border: solid #fff;
}

table tr:nth-of-type(even) {
    background: #fff;
}

/* ===== Buttons ==================== */

button, .button {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

button, .button, .productSubmitInput, #catshopbuy {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: .9em;
    color: white;
    background: #3baa2c;
    
    background: -moz-linear-gradient(
            top,
            #002f87 0%,
            #002f87);
    background: -webkit-gradient(
            linear, left top, left bottom, 
            from(#002f87),
            to(#002f87));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #5cad47;
    -moz-box-shadow:
        0px 0px 0px rgba(000,000,000,0.5),
        inset 0px 1px 1px rgba(250,250,250,0.5);
    -webkit-box-shadow:
        0px 0px 0px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(250,250,250,0.5);
    box-shadow:
        0px 0px 0px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(250,250,250,0.5);
    text-shadow:
        0px 0px 0px rgba(000,000,000,0.6),
        0px 0px 0px rgba(255,255,255,0.3);
    
}
button:hover, button:focus, .button:hover, .button:focus {
    background: #00609c;
    background: -moz-linear-gradient(
            top,
            #00609c 0%,
            #00609c);
    background: -webkit-gradient(
            linear, left top, left bottom, 
            from(#00609c),
            to(#00609c));
    
    
}
button:hover, button:focus, .button:hover, .button:focus {
    color: white;
}

.split-left.button {
    position: relative;
    padding-left: 4.2em;
}
.split-left.button span {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-right: solid 1px;
    line-height: 2.5em;
}
.split-left.button span:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: inset;
    right: 50%;
}
.split-left.button span:active {
    background-color: rgba(0, 0, 0, 0.1);
}
.split-left.button span {
    border-right-color: rgba(0, 0, 0, 0.3);
}
.split-left.button span {
    width: 3em;
}
.split-left.button span:before {
    border-top-style: none;
}
.split-left.button span:before {
    border-color: transparent;
}



input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    padding: 0.65em;
    border-radius: 4px;
}

/* ===== Header ==================== */
.top-bar-section ul {
    background-color: #00609c;
}
.top-bar-section ul li > a {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    background-color: transparent;
    height: 42px;
    line-height: 119px;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
    border-top: 6px solid rgba(246, 114, 51, 0);
    border-bottom: 1px solid rgba(246, 114, 51, 0);
    padding: 4px 13px 6px 13px;
    text-align: center;
    z-index: 24;
}

.top-bar-section ul li.nav-icon > a {
    padding-left: 10px;
    padding-right: 10px;
}
.top-bar-section li a:not(.button) {
    line-height: 28px;
    padding-bottom: 6px;
}

.top-bar-section ul li > a:hover,
.top-bar-section ul li > a:active,
.top-bar-section ul li.selected > a,
.top-bar-section ul li:hover > a {
    color: white;
    background-color: #5b6d7e;
    background-color: rgba(255,255,255,.2);
    border-top: 6px solid #f7a800;
    border-bottom: 1px solid #f7a800;
    position: relative;
}

.top-bar-section ul li.nav-icon > a:hover,
.top-bar-section ul li.nav-icon > a:active,
.top-bar-section ul li.selected.nav-icon > a,
.top-bar-section ul li.nav-icon:hover > a {
    color: white;
    opacity: .8;
    background-color: #5b6d7e;
    background-color: rgba(255,255,255,0);
    border-top: 6px solid rgba(246, 114, 51, 0);
    border-bottom: 1px solid rgba(246, 114, 51, 0);
    position: relative;
}

.top-bar .title-area-ar{
    position: relative;
    margin: 0;
    
}
.top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    z-index: 99;
}
.top-bar-section .dropdown li {
    width: 100%;
    height: 40px;
}
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li a:not(.button) {
    font-weight: normal;
    padding: 8px 15px;
    line-height: 42px;
}
.top-bar-section .dropdown li a:hover {
    background: #5b6d7e;
    border-top: 0;
    border-bottom: 0;
    height: 42px;
    line-height: 42px;
    padding: 0px 15px;
}
.top-bar-section .dropdown li a.parent-link {
    font-weight: bold;
}
.top-bar-section .dropdown li.title h5 {
    margin-bottom: 0;
}
.top-bar-section .dropdown li.title h5 a {
    color: white;
    line-height: 22.5px;
    display: block;
}
.top-bar-section .dropdown label {
    padding: 8px 15px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #555555;
    font-weight: bold;
    font-size: 0.625em;
}



.top-bar.expanded {
    z-index: 60;
}

.top-bar .name {
    height: 103px;
    margin-top: 22px;
}

.top-bar-section .has-dropdown > a:after {
    top: 85px;
    left: 43px;
}

.top-bar-section .has-dropdown.selected > a:after {
    top: 120px;
}

.top-bar-section .has-dropdown > a {
    padding-right: 15px !important;
}

.header-nav, .top-bar {
    height: 125px;
    margin-bottom: 0;
}

.header-nav a {
    text-decoration: none;
}
.header-nav a#logo img {
    max-width:275px;
    
}
.contain-to-grid .top-bar {
    margin: 0;
}

/* ========
Hero
======================= */
#hero{
    margin: 0 0 30px;
    position: relative;
    z-index: 1;
}
#hero h2{
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    text-transform: none;
    font-size: 1.5em;
    font-weight: 400;
    color: #fff;
    line-height: 1.1em;
    text-shadow:1px 1px rgba(0,0,0,.8);
}
#hero p {
    color: #fff;
    font-size: .85em;
    text-shadow:1px 1px rgba(0,0,0,.6);
}
.slide-wrap {
    max-width: 1000px;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}
.slide-wrap .columns {
    height: 100%;
}

.slide-wrap .button.split-left {
    margin: 0;
    width: 100%;
}
.hero-description{
    margin: 30px 30px 0;
    padding: 20px 30px 10px 30px;
    background-color: #333;
    background-color: rgba(0, 96, 156, 0.8);
}

.hero-btn{
    margin: 0 30px;
}

#hero .orbit-container .orbit-slides-container {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#hero .orbit-container .orbit-slides-container img {
    margin: 0 auto;
}
#hero .orbit-container .orbit-slide-number{
    display: none;
}
#hero .orbit-container .orbit-prev{
    left: 0;
}
#hero .orbit-container .orbit-next{
    right: 0;
}
#hero .orbit-container .orbit-prev,
#hero .orbit-container .orbit-next {
    position: absolute;
    top: 50%;
    background-color: #ddd;
    background-color: rgba(51, 74, 95, 0.8);
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-indent: -9999px !important;
}

#hero .orbit-container .orbit-prev:hover,
#hero .orbit-container .orbit-next:hover {
    background-color: rgba(51, 74, 95, 0.5);
}

#hero .orbit-container .orbit-prev > span,
#hero .orbit-container .orbit-next > span {
    border: none;
    height: 12px;
    width: 7px;
}

#hero .orbit-container .orbit-prev > span {
    background: url(images/icon-arrow-prev.png) no-repeat scroll center center;
    padding: 33px 0 0 43px;
}
#hero .orbit-container .orbit-next > span {
    background: url(images/icon-arrow-next.png) no-repeat scroll center center;
    padding: 33px 0 0 14px;
}
#hero .orbit-timer,
#hero .orbit-bullets {
    display: none;
}


/* ===== Testimonial ==================== */

.testimony {
    margin-top: 70px;
    margin-bottom: 40px;
}

.testimonials {
    <! -- border-top: 1px solid rgba(23, 51, 74, .6); -->
    text-align: center;
    
}

.testimonials .name,
.testimonials .company {
    font-size: 1.1em;
    margin-top: -35px;
    font-weight: 300;
}

.testimonials .name {
    padding-right: 100px;
    padding-left: 100px;
    padding-top: 20px;
}

.testimonials .company {
    padding-left: 100px;
    padding-top: 10px;
}

.testimonials .name-co {
    margin-top: -50px;
}

.testimonials .testimonial {
    padding: 10px 60px;
}

.testimonials .testimonial p {
    font-style: italic;
}

.testimonials .testimonial em {
    font-size: 2.6em;
    color: rgba(23, 51, 74, .1);
    }

.testimonials .testimonial em.left {
    float: left;
    margin-top: -25px;
    margin-left: -45px;
}

.testimonials .testimonial em.right {
    float: right;
    margin-top: -25px;
    margin-right: -45px;
}


.testimonials img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 6px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.8);
    margin-top: -50px;
    display: none; <!-- remove the img-->
}

.testimonials span {
    padding: 20px;
    background-color: #fff;
    
}

/* ===== Search Area ==================== */

#search-area {
    background: rgb(51, 74, 95);
    display: none;
    padding: 39px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 93;
}
#search-area form,
#search-area input {
    margin: 0;
}
#search-area input[type="text"] {
    color: #fff;
    display: inline;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    height: 45px;
    margin: 0 5px 3px 0;
    width: 86%;
    padding: 5px 10px;
    background-color: rgba(255,255,255,.2);
    border: 0;
    
}
#search-area img {
    cursor: pointer;
    display: inline;
    vertical-align: sub;
}

#search-area ::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}
#search-area :-moz-placeholder {
    color: rgba(255,255,255,0.7);
}
#search-area ::-moz-placeholder {
    color: rgba(255,255,255,0.7);
}
#search-area :-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
}

/* ===== Utility nav ==================== */
.utility {
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.utility li {
    color: #a5b1be;
    display: inline;
    float: left;
    line-height: 13px;
    margin: 5px 0 0;
    padding: 0 10px;
}
.utility li:first-child {
    border-right: 1px solid #9e9f9f;
}
.utility li:last-child {
    margin-top: 0;
    padding-right: 0;
}
.utility li a:link,
.utility li a:visited {
    color: #c1c1c1;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.6875em;
    text-transform: uppercase;
}
.utility li a:active,
.utility li a:hover {
    color: #fff;
}
.utility .uty0,
.utility .uty1 {
    display: none;
}

/* ===== Logo ==================== */
#logo:hover {
    opacity: 0.6;
    
    /* Thanks IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}


/* ===== Home - Only ==================== */

.home-section {
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    margin: 0;
    overflow: hidden;
    text-align: center;
    overflow: visible;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.home-section.top {
    border-radius: 0px 0px 0 0;
    background-color: #00609c;
    padding: 25px 25px 15px 25px;
}

.home-section.bottom {
    border-radius: 0 0 0px 0px;
    padding: 15px 25px 5px 25px;
}

.home-section.bottom p {
    font-size: 83%;
}

.home-section.top h4,
.home-section.top h5 {
    color: #fff;
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.home-section.top h5 {
    font-size: 95%;
    font-style: italic;
}

.home-section .circle {
    width: 130px;
    height: 130px;
    border-radius: 70px;
    border: 2px solid #002f87;
    background-color: #f8f8f8;
    padding: 10px;
    margin: -60px auto 10px auto;
}

.home-section .circle span {
    display: block;
    width: 106px;
    height: 106px;
    border-radius: 53px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,.2);
}

.home-section em {
    color: rgb(246,114,51);
    display: block;
    font-size: 4em;
    line-height: 108px;
    margin: 0 0 25px;
    text-shadow: 0 2px 0 #fff;
}

.row .row.buckets {
    margin-bottom: 40px;
}

h4.icon-hdr {
    border-bottom: 1px solid rgb(225,225,225);
    line-height: 1.2em;
    margin-bottom: 0.9em;
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4.icon-hdr em {
    width: 28px;
    height: 28px;
    background-color: #f7a800;
    color: #fff;
    border-radius: 16px;
    font-size: .83em;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.presenters .pagination,
.recent-sessions .pagination {
    display: none;
}

/* ===== Section Info ==================== */
.section-info {
    margin: 0 0 20px;
    overflow: hidden;
}
.section-info em {
    background: #d93f2f;
    border-radius: 50%;
    box-shadow: 1px 1px 2px #fff;
    color: #fff;
    display: inline;
    float: left;
    font-size: 1.25em;
    padding: 11px 14px;
}
.section-info .info {
    float: right;
    width: 81%;
}
.info h6 {
    margin: 0 0 5px;
    padding: 0;
}

/* ===== Section Info B ==================== */
.section-info-b {
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    margin: 0 0 20px;
    overflow: hidden;
    padding: 25px;
    text-align: center;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.section-info-b:hover {
    background: #fdfdfd;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.section-info-b em {
    color: #d93f2f;
    display: block;
    font-size: 5em;
    margin: 0 0 25px;
    text-shadow: 0 2px 0 #fff;
}
.info p {
    font-size: .75em;
}
.info h6 {
    margin: 0 0 5px;
    padding: 0;
}

/* ===== Presenters List View ======================= */

.pres-list {
    margin: 0 0 20px;
}

.pres-name,
.pres-title {
    display: block;
    font-weight: 600;
    font-size: .875em;
    margin: 0 0 5px;
    width: 100%;
    float: left;
}
.pres-name {
    color: rgb(0,155,46);
    font-size: 1em;
}
.pres-title {
    color: rgb(140,140,140);
    font-weight: 400;
    font-size: .8125em;
    margin: 0 0 10px;
}
.pres-list p {
    font-size: .825em;
}

/* ===== Event  ======================= */

.event-list-alt {
    font-weight: 600;
    margin: 20px 0;
    overflow: hidden;
}
.event-list-alt:hover .event-date {
    border-left: 3px solid #d93f2f;
}
.event-date {
    border-left: 3px solid #e6e6e6;
    float: left;
    margin: 0 0 10px;
    padding: 0 6px 0 10px;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.event-day {
    font-size: 1.6em;
}
.event-date span {
    display: block;
}
.event-info {
    float: left;
    padding: 0 0 0 7px;
    width: 87%;
}
.event-title a:link,
.event-title a:visited {
    display: block;
    font-size: 1em;
}
.event-desc {
    font-size: .6875em;
}

table.module-calendar {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
}

/* ===== Sessions ======================= */

.course-list {
    padding-top: 1em;
    border-bottom: 1px solid rgb(225, 225, 225);
    
}

.course-list-head {
    padding-top: 1em;
    border-top: 1px solid rgb(225, 225, 225);
    border-bottom: 1px solid rgb(225, 225, 225);
    font-size: .8em;
}


/* ===== Blog list view ======================= */
article {
    border-bottom: 1px solid #fff;
    margin: 0 0 25px;
    padding: 0 0 25px;
}
article:last-child {
    border: none;
}
article header {
    margin: 0 0 15px;
    background: none;
}
article header img {
    border: 4px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
article header h1 {
    background: none;
    font-size: 1.75em;
    margin: 10px 0 5px;
    padding: 0;
    line-height: 1.2em;
}
article header h1 a {
    text-decoration: none;
}
.post-info {
    font-weight: 600;
    font-style: italic;
    font-size: .6875em;
}
.readmore {
    background: url(images/icon-arrow-right.png) no-repeat scroll right center;
    display: inline-block;
    font-weight: 600;
    font-style: italic;
    font-size: .75em;
    padding: 0 20px 0 0;
}

.BlogRecentPost,
.BlogPostArchive {
    padding-bottom: 20px;
}

/* ===== Blog Details - Mainly Comments ======================= */
article footer {
    background: none;
}
.comment-container {
    background: #f9f9f9;
    border: 1px solid #fff;
    display: block;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
}
.avatar {
    float: left;
    margin: 0 20px 10px 0;
    width: 60px;
}
.avatar img {
    border: 4px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.comment {
    float: left;
    font-size: .875em;
    width: 80%;
}
.comment span {
    color: #d93f2f;
    display: block;
    font-weight: 600;
    font-style: italic;
    font-size: 1em;
    margin: 0 0 10px;
}
.comment p {
    margin: 0;
}

/* ===== Aside ======================= */

aside ul {
    margin: 0 0 20px;
    padding: 0;
}
aside li {
    background: url(images/icon-arrow-right.png) no-repeat scroll left 9px;
    display: block;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}
aside li a:link,
aside li a:visited {
    color: #444;
    border-bottom: 1px solid #fff;
    display: block;
    font-size: .875em;
    padding: 3px 0;
    line-height: 1.1em;
}
aside li a:active,
aside li a:hover {
    color: #d93f2f;
}

aside .title {
    padding-bottom: 1em;
    border-bottom: 1px solid rgb(225, 225, 225);
}

aside .title a {
    display: block;
    font-size: 1.1em;
}

aside .testimonials {
    margin-top: 70px;
    padding-bottom: 20px;
    border: 0;
}

aside .testimonials .name,
aside .testimonials .company {
    margin: 0;
    padding: 0;
    text-align: center;
}

aside .testimonials .company {
    font-size: .8em;
}

aside .testimonials .testimonial {
    padding: 10px 20px;
}

aside .testimonials .testimonial em {
    font-size: 2em;
}

aside .testimonials .testimonial em.left {
    margin-top: -15px;
    margin-left: -15px;
}
aside .testimonials .testimonial em.right {
    margin-top: -15px;
    margin-right: 15px;
}

aside .event-info {
    width: 82%;
}

.announcement-list h2 {
    font-size: 19px;
}

.announcement-list span.date {
    font-size: 14px;
}


/* ===== Footer YO! ======================= */
footer {
    padding: 0;
}
footer .top {
    background-color: rgb(242,242,242);
    padding: 20px 0 10px 0;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
}

footer .btm {
    background-color: #00609c;
    padding: 10px 0 30px 0;
}

footer h6 {
    border-bottom: 1px solid rgb(52,74,96);
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.9em;
    display: block;
}

footer .columns:first-child h6 {
    margin-bottom: 0;
}

footer .recent-sessions .title {
    font-size: 1em;
    margin-bottom: .5em;
}

footer .recent-sessions .title span {
    display: block;
    color: #8c8c8c;
    font-size: .8675em;
}

footer .recent-sessions .desc {
    font-size: .75em;
    margin-bottom: .5em;
}


footer .recent-sessions .session {
    margin-bottom: 0.9em;
}

/*
.blog-post-alt {
border-bottom: 1px solid #3b3b3b;
font-weight: 600;
font-size: .75em;
margin: 0 0 15px;
padding: 0 0 15px;
}
.blog-post-alt:last-child {
border: none;
margin: 0;
padding: 0;
}
.blog-post-alt a:link,
.blog-post-alt a:visited,
.flinks a:link,
.flinks a:visited {
color: #f8f8f8;
display: block;
font-weight: 600;
margin: 0 0 5px;
}
.blog-post-alt a:active,
.blog-post-alt a:hover,
.flinks a:active,
.flinks a:hover {
color: #d93f2f;
}
.blog-post-alt span {
color: #b7b7b7
}
*/

.flinks ul {
    margin: 0;
    padding: 0;
}
.flinks li {
    border-bottom: 1px solid #3b3b3b;
    font-size: .875em;
    list-style: none;
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.flinks li:last-child {
    border: none;
}
.footer {
    color: #b3b3b3;
    font-size: .75em;
    margin: 20px 0 0;
    padding: 0;
    line-height: 1.6em;
}
.footer li {
    border-right: 1px solid #b3b3b3;
    color: #b3b3b3;
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.footer li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.footer a:link,
.footer a:visited {
    color: #b3b3b3;
    line-height: 11px;
}

/* ===== Facebook Comments ======================= */
.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span {
    width: 100% !important;
}

/* ===== because captcha needs help =========================== */
body .row .recaptchatable #recaptcha_response_field {
    bottom: 1px!important;
    margin: 4px 0 0 0!important;
}
.recaptcha_only_if_privacy {
    line-height: 12px;
}

/* ===== Online Shop ==================== */

h5 a:link, h5 a:visited {
    color: #394041;
}

.shop-main {
    margin: 0;
}

.shop-main .header {
    border: none;
}

.shop-main .cart-summary {
    width: 215px;
}

.shop-product-large {
    text-align: left;
    border: none;
}

.shop-product-large #images {
    width:300px;
    float: left;
}

.productList,
.productList ul,
.catalogueList{
    margin: 0;
    overflow: hidden;
    padding: 0 !important;
}
.productList li,
.catalogueList li{
    display: inline;
    list-style-type: none;
}
.productList ul li{
    display: block;
}

.productList .image {
    margin-bottom: 10px;
}

.productList h5 {
    padding: 0;
}

li.price{
    color: #333;
    margin: 0 0 10px;
}

li.quantity .productTextInput {
    width: 50px;
}

.productLarge li.price{
    font-size: 2em;
}
/*
.productSubmitInput, #catshopbuy {
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: inherit;
font-weight: bold;
line-height: 1;
margin: 0 0 1.25em;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding-top: 0.75em;
padding-right: 1.5em;
padding-bottom: 0.8125em;
padding-left: 1.5em;
font-size: 1em;
background-color: #d93f2f;
border-color: #d93f2f;
color: white;
}
*/

.breadcrumb {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: .875em;
    margin: 28px 0 0;
}

.shop-product-small li.price,
.catProdAttributeTitle,
td.cartSummaryItem {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

table.cartSummaryTable {
    font-size: 14px;
}

/* ===== Checkout Form ==================== */

.form-row {
    border-bottom: 1px solid #EDEDED;
    overflow: hidden;
    padding: 15px 0;
}

legend {
    font-weight: bold;
}

.info-section {
    width:30%;
    float: left;
}

.info-section p {
    padding-right: 15px;
}

.form-section {
    width: 70%;
    float: left;
}

label.left {
    float: left;
    line-height: 35px;
    margin-right: 5px;
}

.shop-checkout.shop-form label {
    display: block;
}

.form-detail {
    float: left;
    width: 250px;
}
.form-detail legend {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
}
.form-detail p{
    font-size: 12px;
}
.form-data {
    float: right;
    width: 450px;
}
#payment-form .form-detail {
    width: 255px;
}
#payment-form .form-data {
    width: 570px;
}
#payment-form label {
    width: auto;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1em;
}
#payment-form input.cat_textbox, #payment-form input.cat_listbox {
    margin-right: 20px;
    width: 92%;
}

#payment-form input.cat_textbox {
    border: 1px solid #999;
    padding: 3px;
}

#payment-form select.cat_dropdown {
    margin-right: 20px;
    width: 258px;
}

select.short,  {
    width: 117px !important;
    float:left;
}

input.cat_textbox.sm {
    width:70px !important;
}

#payment-form input.short, #payment-form input.short, #payment-form select.short {
    width: 110px;
}

#payment-form input.purchase-amount {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: rgb(23, 50, 75);
    display: inline;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 120px;
}
#purchase-total {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    margin-bottom: 20px;
    padding: 10px;
}

.purchase-amount {
    float: none !important;
    box-shadow: none !important;
}

#purchase-total span {
    font-weight: bold;
    font-size: 22px;
    padding-left: 5px;
}




/* ========	Micro-Clearfix ======================= */

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}


/* ========	@Media Queries ======================= */

@media only screen and (min-width: 58.75em) {
    .top-bar .title-area {
        float: left;
    }
    .top-bar .title-area-ar {
        float: right;
    }
    .top-bar-section li a:not(.button) {
        line-height: 119px;
    }
    .top-bar-section .dropdown li a:not(.button) {
        line-height: 42px;
    }
    .top-bar-section ul li > a {
        height: 125px;
    }
    .top-bar-section ul li:first-child > a {
        padding-left: 15px;
    }
    .top-bar-section ul li:last-child > a {
        padding-right: 15px;
    }
    
    .top-bar-section .has-dropdown > a {
        padding-right: 15px !important;
    }
    .top-bar-section ul.right li .dropdown {
        left: 0;
        width: auto;
        box-shadow: 0 2px 3px rgba(0,0,0,0.3);
        position: absolute;
        overflow: hidden;
        top: auto;
        min-width: 170px;
    }
    
    .top-bar-section .dropdown li a,
    .top-bar-section .dropdown li a:not(.button) {
        color: #fff;
        line-height: 42px;
        height: 42px;
        white-space: nowrap;
        padding: 0px 15px;
        border-top: 0;
        border-bottom: 0;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
    .top-bar-section .dropdown li a:hover,
    .top-bar-section .dropdown li:hover a:not(.button) {
        background-color: #5b6d7e;
        background-color: rgb(91,109,126);
        border-top: 0;
        border-bottom: 0;
        height: 42px;
        line-height: 42px;
    }
    
    .course-list-head li {
        font-weight: 400;
    }
    .small-block-grid-5 > li:first-child {
        width: 10%;
    }
    
    .small-block-grid-5 > li:nth-child(2) {
        width: 30%;
    }
    
    .top-bar-section ul ul li.selected a:after,
    .top-bar-section ul ul li.nav-icon > a:hover {
        display: none;
        border: 0;
    }
    .top-bar-section ul li.selected a:after {
        bottom: -6px;
        content: '';
        left: 45%;
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(246, 114, 51, 1.0);
        position: absolute;
    }
    .top-bar-section .has-dropdown > a:after {
        margin: -32.5px auto 0 auto;
    }
    
    .top-bar-section ul ul li.selected a:after,
    .top-bar-section ul ul li:hover a:after {
        display: none;
        border: 0;
    }
    
    
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 2.35em;
    }
    
    .faq-question h2 {
        font-size: 1.4em;
        line-height: 1.1em;
        margin-bottom: 0;
    }
    
    .faq-details {
        font-size: .7em;
        padding-top: 20px;
    }
    
    
}
@media only screen and (min-width: 300px) and (max-width: 420px) {
    
    .orbit-container {
        min-height: 280px;
    }
    
    .event-info {
        width: 83%;
    }
    
   
   
    
    .testimonials .right.name,
    .testimonials .left.company {
        float: none !important;
        padding-right: 65px;
    }
    
    .testimonials .company {
        font-size: .8em;
    }
    
    .testimonials .testimonial {
        padding: 10px 20px;
    }
    
    .testimonials .testimonial em {
        font-size: 2em;
    }
    
    .testimonials .testimonial em.left {
        margin-top: -15px;
        margin-left: -15px;
    }
    .testimonials .testimonial em.right {
        margin-top: -15px;
        margin-right: 25px;
    }
    
}

@media only screen and (min-width: 421px) and (max-width: 600px) {
    
    .orbit-container {
        min-height: 380px;
    }
    
}
@media only screen and (max-width: 430px) {
    #logo {
        margin-left: 7px;
    }
    #logo img {
        width: 183px;
    }
    .header-nav, .top-bar {
        height: 107px;
    }
    .top-bar .name {
        height: 88px;
        margin-top: 19px;
    }
    
    #hero .orbit-container .orbit-prev,
    #hero .orbit-container .orbit-next,
    #hero .orbit-container img {
       
       <!-- display: none; -->
    }
    .course-list-head,
    .course-list {
        font-size: .7em;
    }
    
}

@media screen and (max-width:780px){
    
    #calendar-container {
        display: none;
    }
    #shippingSpan {
        display: none; <!-- it was a block -->
        clear: both;
    }
    
    .hero-description,
    .hero-btn {
        margin: 0;
        display: none;
    }
    #hero .orbit-container .orbit-prev,
    #hero .orbit-container .orbit-next {
        top: 22%;
    }
    
    .slide-wrap .columns {
        padding: 0;
    }
    .top-bar-section ul li.selected a:after,
    .top-bar-section .has-dropdown > a:after {
        display: none;
    }
    .top-bar-section ul {
        padding-bottom: 20px;
    }
    .row.buckets .columns {
        margin-bottom: 80px;
    }
    .row.buckets .columns:last-child {
        margin-bottom: 20px;
    }
    
}

@media screen and (max-width: 58.75em){
    .utility {
        margin: 0 0 15px;
    }
    #logo {
        margin-left: 15px;
    }
    
    .top-bar .title-area {
        float: none;
    }
    .top-bar .toggle-topbar.menu-icon {
        right: 20px;
        top: 42%;
    }
    
}