/* 
OCP
Version: 0.0.1

|-- Directory --| 
|-- 1.0 Reset
|-- 2.0 Typography
|-- 3.0 Buttons
|-- 4.0 Figures
|-- 5.0 Grids
|-- 6.0 Links
|-- 7.0 Lists
|-- 8.0 Tables
|-- 9.0 Tables
|---------------|

*/
/* ---- BLOG TYPOGRAPHY ---- */
.blog h2, .blog h3, .blog h4 { color: #061f5c; font-weight: 700; letter-spacing: 0; }
.blog h2 { text-align: center; }
.blog h3 { text-align: left; margin-bottom: 1em; }
.blog h4 { text-align: left; margin-bottom: .35em; }

.blog__post-date { color: #888888; margin-bottom: .25em; }

.blog__post-subtitle { font-size: 125%; margin-bottom: .25em; }

.blog__post-copy { line-height: 125%; margin-bottom: 1em; }

/*-------------------------------------------
---------------- 1.0 Reset ----------------
---------------------------------------------*/
/*-------------------------------------------
---------------- 2.0 Typography ----------------
---------------------------------------------*/
.text-italic { font-family: "Crimson Text", "Times New Roman" !important; font-style: italic !important; }

.text-italic-only { font-style: italic !important; }

.text-style-normal { font-style: normal !important; }

.text-serif { font-family: "Crimson Text", "Times New Roman", serif !important; }

.text-crimson-only { font-family: "Crimson Text", "Times New Roman", serif !important; }

.text-padding { padding: 0.5em; }

.text-transform { text-transform: uppercase; display: block; }

.text-transform-lowercase { text-transform: lowercase; }

.text-white { color: #fff; }

.link-white a { color: #fff; }
.link-white i { color: #fff; }

.text-bold { font-weight: 800; }

.text-dark-blue { color: #061f5c; }

.text-black { color: #000; }

.text-dark-gray { color: #404040; }

.text-gray { color: #888888; }

.text-light-gray { color: #e0e0e0; }

.text-green { color: #598527; }

.text-light-blue { color: #4ba0b2; }

.text-red { color: #8a2432; }

.text-purple { color: #7852a5; }

.text-orange { color: #e08a1a; }

.text-teal { color: #4ba0b2; }

.text-space-section-one { top: 12em; }

.text-space-section-two { padding-top: 2em; }

.text-space-header { margin-top: 1.1em; }

.span-text-reduce { font-size: 16px; }

h3.reduce { font-size: 20px; }

@media screen and (max-width: 1024px) { .text-space-section-one { top: 5em; }
  .text-space-section-two { padding-top: 4em; } }
@media screen and (max-width: 768px) { h3.text-transform .text-space-section-two-header { text-align: left; padding-right: 0; }
  .text-space-section-two { padding-top: 5em; }
  .remove-position-absolute { position: inherit; }
  #blog-content div.hero-text span.text-overlay, #blog-content div.hero-text span.text-overlay-small { /*	display:none;
**  Not sure what this is supposed to do but it caused issues
** -BW
*/ }
  #blog-related-posts-collapse { margin-top: 10px; } }
@media screen and (max-width: 480px) { .text-space-section-two-header { padding-top: 0em; }
  .text-space-section-two { padding-top: 0em; } }
@media screen and (max-width: 320px) { .text-space-section-two-header { padding-top: 0em; }
  .text-space-section-two { padding-top: 0em; padding-left: 2.5em; }
  .mobile-title-text { font-size: 1.5em; text-align: left; } }
.text-space-section-two-header { padding-top: 0.5em; }

.cheveron-arrow { font-size: 0.75em; }

.hero-text-two { position: absolute; top: 300px; z-index: 1; text-align: left; }
.hero-text-two h2 { padding: 0; }

@media screen and (max-width: 1024px) { .hero-text-two { position: inherit; top: 0; z-index: 1; text-align: left; }
  .hero-text-two h2 { padding: 0; color: #061f5c; } }
@media screen and (max-width: 320px) { .hero-text-two { position: inherit; top: 0; z-index: 1; text-align: left; }
  .hero-text-two h2 { padding: 0; color: #061f5c; } }
.hero-text-title-placement { top: 0px; }

.hero-text-product { position: absolute; top: 80px; z-index: 1; }

.hero-text-product-large { position: absolute; top: 80px; z-index: 1; }
.hero-text-product-large h2, .hero-text-product-large i { font-size: 2.8em; }
.hero-text-product-large h2 { text-align: right; }

@media screen and (max-width: 1024px) { .hero-text-product-large { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; } }
@media screen and (max-width: 768px) { .hero-text-product-large { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; } }
@media screen and (max-width: 480px) { .hero-text-product-large { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; }
  .hero-text-product-large h2 { text-align: left; font-size: 2em; } }
@media screen and (max-width: 320px) { .hero-text-product-large { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em 0 1.2em; }
  .hero-text-product-large h2 { text-align: left; font-size: 1.5em; } }
.hero-text-product-medium { position: absolute; top: 80px; z-index: 1; padding: 0 77px 5px; width: 30%; }
.hero-text-product-medium h2, .hero-text-product-medium i { font-size: 2.8em; }
.hero-text-product-medium h2 { text-align: right; }

@media screen and (max-width: 1024px) { .hero-text-product-medium { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; width: 30%; } }
@media screen and (max-width: 768px) { .hero-text-product-medium { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; width: 30%; } }
@media screen and (max-width: 480px) { .hero-text-product-medium { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; width: 100%; }
  .hero-text-product-medium h2 { text-align: left; } }
@media screen and (max-width: 320px) { .hero-text-product-medium { position: absolute; top: 1.5em; z-index: 1; padding: 0 1.2em; width: 100%; }
  .hero-text-product-medium h2 { text-align: left; } }
.hero-text-product-text { position: absolute; top: 150px; z-index: 1; }

.hero-text-product-text-two { top: 121px; position: absolute; }

.hero-text-product-bottom { position: absolute; bottom: 20px; z-index: 11; }

.hero-text-product-bottom-large { position: absolute; bottom: 60px; z-index: 1; }
.hero-text-product-bottom-large h4 { font-size: 200%; }

.div-sub-title-width-cds { width: 80%; margin: 0 auto; }

.glyphicon-custom { vertical-align: middle; text-align: left; left: 70%; top: 9px; position: absolute; }

/* Bread of your word blurb on homepage*/
.ministry-songs .corner { right: 10%; }
.ministry-songs h2 { font-family: "Crimson Text", "Times New Roman"; }
.ministry-songs h3 a:hover { color: #0a85b2; }
@media screen and (min-width: 768px) { .ministry-songs { position: absolute; top: 0px; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
  .ministry-songs .corner { position: absolute; bottom: 0px; }
  .ministry-songs h3 a { color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.75), 0 1px 3px rgba(0, 0, 0, 0.5); }
  .ministry-songs h3 a:hover { color: #fff; } }
@media screen and (min-width: 768px) { .ministry-songs h2 { font-size: 2em; font-family: "Crimson Text", "Times New Roman"; }
  .ministry-songs h3 { font-size: 1.25em; } }
@media screen and (min-width: 1024px) { .ministry-songs h2 { font-size: 2.8em; }
  .ministry-songs h3 { font-size: 2em; } }

/*-------------------------------------------
---------------- 3.0 Buttons ----------------
---------------------------------------------*/
.btn-primary-custom { color: #fff; background-color: #061f5c; border-color: #061f5c; -webkit-transition: ease-in 0.2s; /* Safari */ transition: ease-in 0.2s; }

.btn-primary-custom:hover, .btn-primary-custom:focus { color: #fff; background-color: #215082; border-color: #215082; }

.btn-group-justified > .btn-group { width: 5%; }

@media screen and (min-width: 480px) { .btn-group-justified > .btn-group { width: 2%; } }
@media screen and (min-width: 768px) { .btn-group-justified > .btn-group { width: 1%; } }
@media screen and (min-width: 1024px) { .btn-group-justified > .bth-group { width: 1.3%; } }
@media screen and (min-width: 1200px) { .btn-group-justified > .btn-group { width: 1%; } }
.custom-btn { padding: 8px 10px; display: inline-block; -moz-border-radius: 100px; border-radius: 50px; background: #eee; font-size: 12px; color: #404040; width: 30px; height: 30px; line-height: 0.5em; }

.custom-btn-lg { padding: 8px 8px; display: inline-block; -moz-border-radius: 100px; border-radius: 50px; background: #eee; font-size: 12px; color: #404040; width: 30px; height: 30px; line-height: 0.5em; }

.custom-btn .glyphicon.glyphicon-chevron-right { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -webkit-transition: all 0,5s ease; /* Opera */ -o-transition: all 0.5s ease; /* Standard */ transition: all 0.5s ease; }

.custom-btn:hover, .custom-btn:focus { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); }
.custom-btn:hover .glyphicon.glyphicon-chevron-right, .custom-btn:focus .glyphicon.glyphicon-chevron-right { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -webkit-transition: all 0,5s ease; /* Opera */ -o-transition: all 0.5s ease; /* Standard */ transition: all 0.5s ease; }

.custom-btn-lg-header { margin-left: 10px; top: 32px; position: absolute; padding: 7px 10px; display: inline-block; -moz-border-radius: 100px; border-radius: 20px; background: #e0e0e0; font-size: 12px; }

.btn-nowrap { white-space: nowrap; }

@media screen and (max-width: 480px) { .custom-btn-lg-header { top: 32px; position: inherit; padding: 7px 10px; display: inline-block; -moz-border-radius: 100px; border-radius: 20px; background: #e0e0e0; font-size: 12px; } }
@media screen and (max-width: 320px) { .custom-btn-lg-header { top: 32px; position: inherit; padding: 7px 10px; display: inline-block; -moz-border-radius: 100px; border-radius: 20px; background: #e0e0e0; font-size: 12px; } }
.custom-btn-lg-header:hover, .custom-btn-lg-header:focus { background: #404040; color: #e0e0e0; }

.custom-btn-section-two { top: -4px; position: relative; font-size: 16px; }

.custom-btn-margin { margin-left: 10px; }

a.custom-btn:hover { color: #cccccc; background: #5c5c5c; }

.hero-text-btn-large { position: absolute; top: 80px; z-index: 1; padding: 12px 77px 12px 140px; font-size: 2.8em; text-align: right; }

.hero-text-btn-homepageImage { padding: 15px 30px 5px; display: block; }

.hero-text-btn-homepageImage-subtext { position: absolute; top: 1.5em !important; z-index: 1; display: block; padding: 0.8em 2.6em 0.3em 2.6em !important; font-size: 2.1em; }

@media screen and (max-width: 1024px) { .hero-text-btn-homepageImage-subtext { top: 0em !important; padding: 0.5em !important; } }
@media screen and (max-width: 480px) { .hero-text-btn-large { top: 1em; font-size: 1.7em; text-align: left; }
  .hero-text-btn-homepageImage-subtext { top: 0; padding: 0.5em; font-size: 1.7em !important; } }
.hero-text-btn-bottom { position: absolute; bottom: 38px; z-index: 11; padding-top: 0.5em !important; padding-bottom: 0.5em !important; }

.hero-text-btn-md { position: absolute; top: 60px; z-index: 1; width: 30%; padding: 0.3em 1em 0.2em 0.5em !important; font-size: 1.5em; padding-right: 0.75em; text-align: right; }

.hero-text-btn-bottom-large { position: absolute; bottom: 60px; z-index: 1; padding-top: 0.7em !important; padding-bottom: 0.7em !important; }

a:hover span.custom-btn { color: #cccccc; background: #888888; -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); }

a:hover .glyphicon.glyphicon-chevron-right, a:focus .glyphicon.glyphicon-chevron-right { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -webkit-transition: all 0,5s ease; /* Opera */ -o-transition: all 0.5s ease; /* Standard */ transition: all 0.5s ease; }

@media screen and (max-width: 480px) { .hero-text-btn-md { position: absolute; z-index: 1; width: 100%; padding-top: 0.3em !important; padding-bottom: 0.2em !important; font-size: 1.5em; padding-right: 0.75em; text-align: left; padding-left: 0.3em; } }
@media screen and (max-width: 1024px) { .hero-text-btn-md { top: 20px; } }
.learn-more-btn-top { top: 35px; position: relative; }

@media screen and (max-width: 1200px) { .learn-more-btn-top { top: 0px; position: relative; } }
@media screen and (max-width: 1024px) { .learn-more-btn-top { top: 0px; position: relative; } }
#sub-menu .glyphicon.glyphicon-chevron-right { vertical-align: middle; }

.sub-title-store { padding: 0 3em; }

.btn-width-100 { width: 100%; }

.btn-blue { background-color: #061f5c; color: #fff; }
.btn-blue:hover, .btn-blue:focus { background-color: #082774; color: #fff; }

.btn-blue-thin { padding: 0.25em !important; }

.btn-width { width: 150px; }

.btn-width-mid { width: 110px; }

.btn-dropdown-custom { text-align: middle; background-color: #fff; border: solid 2px #e0e0e0; border-radius: 5px !important; }

.btn.btn-dropdown-teal { color: #fff; background-color: #4ba0b2; }
.btn.btn-dropdown-teal:hover, .btn.btn-dropdown-teal:focus { text-decoration: none; color: #fff; }

/*  Used !important because it need to override 
** .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) in bootstrap 
**  without breaking button groups
*/
.btn-dark-blue { background-color: #061f5c; margin: 0 auto; }
.btn-dark-blue:hover, .btn-dark-blue:focus { background-color: #041744; color: #fff; }

.btn-teal { background-color: #4ba0b2; margin: 0 auto; }
.btn-teal:hover, .btn-teal:focus { background-color: #4390a0; color: #fff; }

.btn-purple { background-color: #7852a5; }
.btn-purple:hover, .btn-purple:focus { background-color: #6c4a94; }

.btn-blue { background-color: #061f5c; }
.btn-blue:hover, .btn-blue:focus { background-color: #041744; }

.btn-red { background-color: #8a2432; }
.btn-red:hover, .btn-red:focus { background-color: #761f2b; }

.btn-orange { background-color: #e08a1a; }
.btn-orange:hover, .btn-orange:focus { background-color: #c97c17; }

.btn-green { background-color: #598527; }
.btn-green:hover, .btn-green:focus { background-color: #4c7121; }

.btn-purple, .btn-blue, .btn-red, .btn-orange, .btn-green { border: solid 1px; border-radius: 10px; color: #fff; padding: 0.5em; }
.btn-purple a, .btn-blue a, .btn-red a, .btn-orange a, .btn-green a { width: 25%; }
.btn-purple:hover, .btn-purple:focus, .btn-blue:hover, .btn-blue:focus, .btn-red:hover, .btn-red:focus, .btn-orange:hover, .btn-orange:focus, .btn-green:hover, .btn-green:focus { text-decoration: none; color: #fff; }

.btn-dark-blue-lg { background-color: #061f5c; color: #fff; border: solid 1px #061f5c; border-radius: 10px; padding: 0.5em 2em; }
.btn-dark-blue-lg:hover, .btn-dark-blue-lg:focus { background-color: #041744; color: #fff; text-decoration: none; }

/*
** Return to Top Button
*/
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: #4ba0b2; background: rgba(75, 160, 178, 0.9); width: 50px; height: 50px; display: block; visibility: hidden; opacity: 0; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1040; /* under modals */ }

#return-to-top.visible { visibility: visible; opacity: 1; }

#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

#return-to-top:hover { background: #4ba0b2; }

#return-to-top:hover i { color: #fff; top: 5px; }

/*-------------------------------------------
---------------- 4.0 Figures ----------------
---------------------------------------------*/
/* Color for elements */
.change { position: absolute; }

.dark-blue-bg, .blue-bg, .purple-bg, .black-bg, .green-bg, .orange-bg, .red-bg, .light-gray-bg, .teal-bg { overflow: hidden; }

.dark-blue-bg { background-color: #061f5c; }

.blue-bg { background-color: #215082; }

.purple-bg { background-color: #7852a5; }

.black-bg { background-color: #000; }

.green-bg { background-color: #598527; }

.orange-bg { background-color: #e08a1a; }

.red-bg { background-color: #8a2432; }

.light-gray-bg { background-color: #e0e0e0; }

.lighter-gray-bg { background-color: #eeeeee; }

.almost-white-bg { background-color: #fbfbfb; }

.teal-bg { background-color: #4ba0b2; }

.black-bg-opacity, .green-bg-opacity, .orange-bg-opacity, .red-bg-opacity, .light-gray-bg-opacity, .purple-bg-opacity, .dark-blue-bg-opacity, .teal-bg-opacity, .white-bg-opacity { padding: 0 2em 0 1.2em; }

.e-purple-bg { background-color: #5c5d6f; }

.e-red-bg { background-color: #792f26; }

.e-green-bg { background-color: #85855c; }

.e-brown-bg { background-color: #7e705d; }

.e-burgundy-bg { background-color: #9b5634; }

.e-light-brown { background-color: #ba893a; }

.e-dark-purple-bg { background-color: #513a44; }

.e-gray-brown { background-color: #8f7767; }

.e-gray-blue { background-color: #5d6a75; }

.e-gray-brown { background-color: #8f7767; }

.e-height-300 { height: 300px; }

.red-bg-padding { padding-bottom: 1px; }

@media screen and (min-width: 320px) { .red-bg-padding { padding: 0.5em; } }
.bg-200 { min-height: 200px; }

.bg-216 { min-height: 216px; }

.bg-222 { min-height: 222px; }

.bg-250 { min-height: 250px; }

.bg-350 { min-height: 350px; }

.bg-378 { min-height: 378px; }

.bg-388 { min-height: 388px; }

.bg-height { height: 6em; }

.bg-padding { padding: 1.2em; }

.bg-padding-small { padding: 0.5em; }

.padding-ocp-events { padding: 0.2em 1.5em 0.5em; line-height: 1.3; }

.no-padding-left { padding-left: 0px !important; }

.no-padding-right { padding-right: 0px !important; }

.no-padding { padding: 0px !important; }

.padding-top-bottom { padding: 0.2em; }

.blog img.outline { border: 1px solid #888888; }

@media screen and (max-width: 320px) { .black-bg-opacity, .green-bg-opacity, .orange-bg-opacity, .red-bg-opacity, .light-gray-bg-opacity, .purple-bg-opacity, .dark-blue-bg-opacity, .light-blue-opacity, .teal-bg-opacity { padding-left: 1.2em; } }
.black-bg-opacity { background-color: rgba(0, 0, 0, 0.7); }

.green-bg-opacity { background-color: rgba(89, 133, 39, 0.7); }

.green-bg-opacity-large { background-color: rgba(89, 133, 39, 0.7); }

.purple-bg-opacity-large { background-color: rgba(120, 82, 165, 0.7); }

.orange-bg-opacity { background-color: rgba(224, 138, 26, 0.7); }

.red-bg-opacity { background-color: rgba(138, 36, 50, 0.7); }

.light-gray-bg-opacity { background-color: rgba(224, 224, 224, 0.7); }

.purple-bg-opacity { background-color: rgba(120, 82, 165, 0.7); }

.dark-blue-bg-opacity { background-color: rgba(6, 31, 92, 0.7); }

.light-blue-opacity { background-color: rgba(33, 80, 130, 0.7); }

.white-bg-opacity { background-color: rgba(255, 255, 255, 0.7); }

.teal-bg-opacity { background-color: rgba(75, 160, 178, 0.7); }

.purple-bg-opacity-large { padding: 0 50px 0px 50px; }

.white-bg-opacity { background-color: rgba(255, 255, 255, 0.85); padding: 0.5em; }

.green-bg-opacity-large { padding: 0.2em 76px 0.2em 140px; }

@media screen and (max-width: 320px) { .green-bg-opacity-large { padding: 0 3em; } }
@media screen and (max-width: 480px) { .green-bg-opacity-large { padding: 0.5em 1em 0.5em 0.75em; } }
.border-red { border: solid 2px #8a2432; }

.border-black { border: solid 1px #000; }

.border-lightgray { border: solid 1px #e0e0e0; }

.border-gray { border: solid 1px #aaa; }

.opacity-right { float: right; display: inline; top: -161px; position: relative; }

.homepage__opacity_right { float: right; display: inline; top: 0px; position: absolute; padding: 0.2em 3.5em 0.2em; }

@media screen and (min-width: 480px) { .homepage__opacity_right { padding: 1.3em 8.5em 1.2em; } }
@media screen and (min-width: 768px) { .homepage__opacity_right { top: 20%; } }
@media screen and (min-width: 480px) { .homepage__blog_bg { padding: 1.5em; } }
/* Semicircle Div */
.semicircle { width: 700px; height: 700px; background-color: rgba(255, 255, 255, 0.8); border-top-right-radius: 500px; border-top-left-radius: 500px; border-bottom-right-radius: 500px; left: -185px; position: relative; }

div.semcircle { width: 550px; height: 550px; overflow: hidden; }

.container-semicircle { width: 600px; height: 500px; overflow: hidden; }

@media screen and (max-width: 1200px) { .container-semicircle { height: 440px; } }
@media screen and (max-width: 1024px) { .container-semicircle { height: 440px; } }
@media screen and (max-width: 768px) { .container-semicircle { display: none; } }
.two-divs-padding { padding: 0 2em 0 2em; }

.semicircle-text-text-placement { top: 210px; }

/* Size for side elements */
.div-right { padding: 1em 2.5em 3.8em 2.5em; }

.div-right-home { padding: 2em 2em 4.8em 2em; }

@media screen and (min-width: 480px) { .div-right-home { padding: 2em 2em 14em 2em; } }
@media screen and (min-width: 768px) { .div-right-home { padding: 1.2em 2.5em 1.2em; } }
.p-alabanza-width { width: 90%; }

@-moz-document url-prefix() { .div-right { padding: 2em 3em 4.6em 3em; } }
.dynamic-height-sm { height: 14%; }

.dynamic-height-lg { height: 80%; line-height: 1.7; }

.dynamic-height-half { height: 47%; }

@media screen and (max-width: 1200px) { .div-right { padding: 0.5em 2em 1.35em 2em; } }
@media screen and (max-width: 1024px) { .div-right { padding: 1.26em 2em 3em 2em; }
  .right { margin-left: 60px; width: 100px; } }
@media screen and (max-width: 768px) { .div-right { padding: 1em 1em 1em 1em; height: 200px; }
  .dynamic-height-sm, .dynamic-height-lg { height: auto !important; } }
.right-full-height { height: 345px; }

@media screen and (max-width: 1024px) { .right-full-height { height: 297px; } }
.welcome-ocp-title { padding-top: 0px; margin-top: -26px; font-size: 350%; }

.welcome-ocp-title-top { font-size: 250%; }

.div-alabanza-home { height: 348px; }

.div-our-blog-home { height: 291px; }

@media screen and (max-width: 1200px) { .div-alabanza-height { height: 348px; } }
/* Hero Header Title */
.header-opacity { opacity: 0.6; }

.custom-border { border-right: solid #fff 0.2em; }

.hero-text-div { padding: 0; top: 0px; left: 0px; width: 100%; height: 100%; position: relative; }

.hero-header-width { width: 280px; display: block; line-height: 1.1em; }

@media screen and (max-width: 320px) { .hero-text-div img { width: 320px; } }
@media screen and (max-width: 480px) { .hero-text-div img { width: 480px; } }
@media screen and (max-width: 768px) { .hero-text-div img { width: 768px; } }
@media screen and (max-width: 1024px) { .hero-text-div img { width: 1024px; } }
.hero-text, .home-hero, .full-width-text, .full-width-header { position: absolute; top: 0px; z-index: 1; }
.hero-text h2, .home-hero h2, .full-width-text h2, .full-width-header h2 { font-weight: 800; font-family: sans-serif; padding-bottom: 0.4em; }

.home-hero { top: 20%; padding-left: 1.2em; }
.home-hero h2 { font-weight: 500; }

@media screen and (max-width: 1024px) { .hero-text-semicircle-mobile p { width: 60%; } }
@media screen and (max-width: 320px), screen and (max-width: 480px), screen and (max-width: 768px) { .hero-text-semicircle-mobile p { width: 100%; } }
@media screen and (max-width: 320px), screen and (max-width: 480px), screen and (max-width: 768px) { .hero-text-semicircle-mobile { position: inherit; } }
.full-width-wrapper { width: 100%; overflow: hidden; }

.remove-padding-left-right { padding-left: 0; padding-right: 0; }

.remove-padding { padding: 0 !important; }

@media screen and (max-width: 320px), screen and (max-width: 480px), screen and (max-width: 768px) { .remove-padding-responsive { padding: 0; } }
.full-width-div { padding: 0px; top: 0px; left: 0px; width: 100%; height: 100%; position: relative; }

@media screen and (min-width: 1024px) { .full-width-text { top: 3em; } }
@media screen and (max-width: 768px), screen and (max-width: 480px), screen and (max-width: 320px) { .full-width-div { padding: 0px; top: 0px; left: 0px; width: 1600px; height: 300px; position: relative; }
  .full-width-text { top: 4.3em; margin-top: 4em; }
  h3.text-transform.text-space-section-two-header { padding: 3em 3em 0em 1em; } }
@media screen and (min-width: 768px) { .full-width-text { width: 600px; margin-top: 0em; top: 1em; } }
@media screen and (max-width: 768px) { .full-width-text { width: 480px; margin-top: 0em; } }
@media screen and (max-width: 480px) { .full-width-text { width: 320px; margin-top: 2em; }
  h3.text-transform.text-space-section-two-header { padding: 2em 2em 0 1em; width: 320px; } }
.product-description-width { width: 61%; margin: 0 auto; }

.product-description-width-three-wide { width: 61%; margin: 0 auto; }

@media screen and (max-width: 1024px) { .product-description-width-three-wide { width: 77%; } }
@media screen and (max-width: 768px) { .product-description-width-three-wide { width: 31%; } }
@media screen and (max-width: 480px) { .product-description-width-three-wide { width: 50%; } }
@media screen and (max-width: 320px) { .product-description-width-three-wide { width: 77%; } }
.product-img { height: 321px; width: 219px; margin: 0 auto; display: inline-block; }

.adjust-img-height { height: 329px; }

h2.hero-text-space { padding: 7.2em 0 0.6em 0; line-height: 0.55; }

@media screen and (max-width: 1200px) { h2.hero-text-space { padding: 3.7em 0 0 0; } }
@media screen and (max-width: 768px) { .hero-text-title { padding: 0 0 0 0; }
  h2.hero-text-space:first-child { padding-top: 1.2em; }
  .col-sm-4.col-sm-offset-1.hero-text .text-space-section-one { position: inherit; }
  .col-sm-4.col-sm-offset-1.hero-text .text-space-section-one { margin-bottom: 3em; }
  .col-sm-6.col-sm-6.hero-text .text-space-section-one .semicircle-text-text-placement { position: inherit; padding-bottom: 1.2em; } }
@media screen and (max-width: 480px) { .text-space-section-one { padding: 0 0 1.5em 0; }
  h2.hero-text-space:first-child { padding-top: 0em; } }
@media screen and (max-width: 320px) { h2.hero-text-space:first-child { padding-top: 0em; }
  .text-space-section-one { padding: 0 0 1.5em 0; }
  h2.hero-text-space { line-height: 1; }
  h2.hero-text-space br { display: none; } }
.hero-text-bottom { position: absolute; bottom: 0; }

.hero-text-space { line-height: 0; }

.hero-text-title { padding: 0 0 20px 25px; }

h3.text-transform.text-space-section-two-header { padding-right: 4.5em; }

.areas-of-interest-two { padding: 0 2em 0 2em; }

@media screen and (max-width: 480px) { .areas-of-interest-two { padding: 0 1.2em 0 1.2em; width: 480px; } }
@media screen and (max-width: 320px) { .areas-of-interest-two { padding: 0 1.2em 0 1.2em; width: 320px; } }
@media screen and (max-width: 768px) { .mobile-hero { text-align: center; width: 100%; height: 100%; border-bottom: solid 3px rgba(224, 138, 26, 0.95); border-right: solid 0px; } }
/* Spacing between Div's */
.space { margin: 0 0 20px 0; }

.space-2 { margin: 0 0 0.625em 0.5em; }

.space-small { margin-bottom: 0.075em; }

.space-extra-small { margin: 0.01em 0 0.01em 0; }

.space-sub-menu { margin-top: 4em; }

@media screen and (max-width: 768px) { .space { margin: 0 0 1em 0; } }
/* Shadows for Div's */
.shadow-thin { box-shadow: 0px 4px 5px #404040; }

.shadow-thick { box-shadow: 0px 4px 9px black; }

.shadow-circle { box-shadow: 7px 4px 19px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 768px) { .shadow-thick { box-shadow: 0px 0px 0px #fff; } }
/* Images */
.img-width { width: 97.5%; margin: 0 auto; }

.product-img-size > img { width: 200px; height: 300px; }

.custom-height { height: 280px; }

.img-container { height: auto; display: inherit; overflow: hidden; }

@media screen and (max-width: 768px) { .img-container { height: auto; } }
@media screen and (max-width: 480px) { .img-container { display: inherit; height: auto; } }
@media screen and (max-width: 320px) { .img-container { display: inherit; height: auto; } }
.img-align { top: -95px; position: relative; }

.img-align-235 { top: -66px; position: relative; }

.img-container-custom { height: 235px; display: inherit; overflow: hidden; }

/* Products */
.product-height > h3, .product-height > p { height: 50px; }

@media screen and (max-width: 480px) { .product-height > h3, .product-height > p { height: 40px; } }
.product-height-chant > h4 { height: 60px; }

.product-img-chant-height > img { height: 250px; }

.chant-text-height { height: 60px; }

/* Footer */
.footer { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15) inset; background: rgba(0, 0, 0, 0.2); overflow-y: hidden; /*padding-bottom: 20px;*/ }

.footer-socialIcon { font-family: FontAwesome; color: white; background: #061f5c; display: block; float: left; width: 34px; height: 34px; text-align: center; margin: 0 0.2em 0.5em 0; border-radius: 5px; padding: 6px 4px 4px 4px; }

.footer-socialIcon:hover, focus { background: rgba(6, 31, 92, 0.9); -webkit-transition: ease-in 0.2s; /* Safari */ transition: ease-in 0.2s; }

.footer-socialIcon { font-size: 1.3em; }

@media screen and (min-width: 480px) { .footer-socialIcon { font-size: 1.75em; } }
@media screen and (min-width: 768px) { .footer-socialIcon { font-size: 1.5em; } }
@media screen and (min-width: 1024px) { .footer-socialIcon { font-size: 1.5em; } }
.footer-socialHolder { margin: 0 auto; }
.footer-socialHolder p { color: #061f5c; font-weight: 900; text-align: left; }

/* Explore Music Search */
.audio-background { height: 100px; width: 370px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.2); padding: 35px; margin-top: 1.2em; }

@media screen and (max-width: 320px), screen and (max-width: 480px) { .audio-background { width: 90%; margin: 0 auto; } }
/* Liturgy Planning */
.planning-tools-width { padding: 2.8em 1.2em 1.2em; width: 100%; text-align: center; }

.text-center-margin { margin: 0 auto; }

.thirds-padding { padding: 1.2em 1.2em 1.2em 1.2em; display: inherit; }
.thirds-padding p { height: 67px; }

@media screen and (max-width: 1024px) { .thirds-padding { padding: 6em 1.2em 1.2em 1.2em; } }
@media screen and (max-width: 768px) { .thirds-padding { padding: 6em 1.2em 1.2em 1.2em; } }
@media screen and (max-width: 480px) { .thirds-padding { padding: 2em 1.2em 1.2em 1.2em; } }
@media screen and (max-width: 320px) { .thirds-padding { padding: 1.2em; } }
/* temporary */
ul.hero-text.ul-float { margin-left: 67%; top: 314px; }

.li-float-gp { padding: 98px 0 0 0; list-style: none; }

.img-container-liturgy { text-align: center; }

/* eBooks */
.eBooks-div { height: 415px; }
.eBooks-div p:nth-child(1) { padding-top: 0.5em; height: 2.2em; }
.eBooks-div p:nth-child(2) { padding-top: 1.1em; }
.eBooks-div p:nth-child(3) { width: 14em; margin: 0 auto; }
.eBooks-div a:nth-child(4) { margin-top: 1.1em; }
.eBooks-div img { height: 200px; }

.eBooks-div-height { position: inherit; }

.contact-form-bbd h2 { margin: 0px; }

.inline-block { display: inline-block; }

.block { display: block; }

.product-list-align { margin-top: -9px; }

.product-list-span-first-child { color: #888888; }

.product-list-span-second-child { color: #a2a2a2; }

.product-list-icon { color: #a2a2a2; margin-top: -9px; }

.div-span-product-title div { margin: 0 0 0 0.5em; vertical-align: top; color: #888888; }
.div-span-product-title div:nth-child(0n+2) { color: #bbbbbb; }

.id-currency-align { padding-top: 12px; width: 76px; }

.id-title-align { vertical-align: top; padding-top: 12px; }

.img-full-width { width: 100%; height: auto; }

.img-limit { max-width: 350px; }

.no-padding-left, .no-padding-right { padding: 15px 0 15px 0; }

.no-padding-right { padding-right: 0px !important; margin-right: 0px !important; }

.no-padding-left { padding-left: 0px !important; margin-left: 0px !important; }

.no-padding-top-bottom-right { padding-right: 0px !important; }

.no-padding-top-bottom-left { padding-left: 0px !important; }

@media screen and (max-width: 320px), screen and (max-width: 480px) { .no-padding-right { padding-left: 0px !important; margin-left: 0px !important; }
  .no-padding-left { padding-right: 0px !important; margin-right: 0px !important; }
  .no-padding-left, .no-padding-right { padding: 15px 0 15px 0; } }
@media screen and (max-width: 1024px) { .no-padding-top-bottom-left { padding: 0; }
  .no-padding-top-bottom-right { padding: 0; } }
.our-mission-width { width: 750px; }

.history-carousel { width: 100%; margin: 0 auto !important; }

.carousel-caption-history { position: absolute; right: 65%; bottom: 90px; right: -1%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption-history p { padding: 0.5em 2em 0.5em; }

.panel-default-history { background: transparent !important; border: solid 0px !important; }

.panel-heading-history { background: rgba(6, 31, 92, 0) !important; color: #fff !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.panel-heading-history a { color: #fff; }

.history-arrow-background { background: #4ba0b2; height: 40px; width: 40px; }

.btn-history-bg-blue, .btn-history-bg-teal, .btn-artists-bg-dark-blue, .btn-ocp-events-bg-blue { padding: 0.5em; }

.btn-magazines-bg-blue { background: #061f5c; padding: 0.25em 0.25em 0.25em 20px; }

.btn-history-bg-blue { background: #061f5c; }

.btn-ocp-events-bg-blue { background: #061f5c; }

.btn-group.btn-history-bg-blue, .btn-group.btn-ocp-events-bg-blue, .btn-group.btn-magazines-bg-blue { width: 89% !important; }

.btn-group.btn-history-bg-teal { text-align: center; width: 11% !important; }

.btn-history-bg-teal { background: #4ba0b2; text-align: right; }
.btn-history-bg-teal a:hover, .btn-history-bg-teal a:focus { color: #fff; }
.btn-history-bg-teal span { font-size: 1em; }

.panel-body-history { border: solid 0px; width: 97%; margin: 0 auto; }
.panel-body-history p, .panel-body-history h4 { margin-left: 15px; }

.btn-artists-bg-white { background: #fff; width: 300px !important; }

.pilgrimages-img { padding-top: 25px; }

.img-full-width-songs { height: 310px; margin: 0 auto; overflow: hidden; position: relative; }

img.absolute { width: 100%; }

.artist-padding { padding: 0 1em 0 1em; }

@media screen and (max-width: 1024px) { .artist-padding { padding: 1em; } }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 900px; }

.videoWrapper-width-padding { width: 95%; }

.header-padding-left { padding-left: 2em; }

.img-width-100 { width: 100%; height: auto; }

.wrapper-overlay { position: relative; width: 100%; display: block; }

.text-overlay, .text-overlay-small { position: absolute; top: 0; background-color: rgba(255, 255, 255, 0.8); text-align: center; line-height: 1em; opacity: 0; z-index: 10; font-size: 1.5em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: none; }
.text-overlay:hover, .text-overlay:focus, .text-overlay-small:hover, .text-overlay-small:focus { opacity: 1; }

.text-overlay { padding: 3em 0 1.2em 8em; display: none; }

@media screen and (min-width: 320px) { .text-overlay { display: none; } }
@media screen and (min-width: 768px) { .text-overlay { width: 720px; height: 188px; display: block; } }
@media screen and (min-width: 1024px) { .text-overlay { width: 695.5px; height: 181px; } }
@media screen and (min-width: 1200px) { .text-overlay { width: 840px; height: 219px; } }
.text-overlay-small { height: 262.5px; width: 262.5px; padding: 1.2em; display: none; }

@media screen and (min-width: 320px) { .text-overlay-small { display: none; } }
@media screen and (min-width: 768px) { .text-overlay-small { width: 220px; height: 220px; font-size: 1.2em; display: block; } }
@media screen and (min-width: 1024px) { .text-overlay-small { width: 212px; height: 212px; font-size: 1.2em; } }
@media screen and (min-width: 1200px) { .text-overlay-small { width: 262px; height: 262px; } }
.img-overlay { z-index: 1; }

.text-overlay-padding { padding-left: 8em; }

.spanish-events-height { height: auto; }

@media screen and (min-width: 768px) { .spanish-events-height { height: auto; } }
@media screen and (min-width: 1024px) { .spanish-events-height { height: 737px; } }
@media screen and (min-width: 1200px) { .spanish-events-height { height: 669px; } }
.featured-img { width: 90px; }

.featured-img-landscape { width: 150px; }

.featured-img-bg-height { height: 150px; font-size: 110%; font-weight: 700; }
.featured-img-bg-height a { color: #1e3f46; }
.featured-img-bg-height a:hover, .featured-img-bg-height a:focus { text-decoration: none; }

.featured-text-width { width: 125px; padding-top: 0.3em; }

.featured { padding: 1em; }

.line-seperator { border-right: solid 2px #000; padding: 0 6em 0 0; height: 130px; position: absolute; }

.songs-ministry-home-page { height: 361px; }

.homepage__composer_video { padding: 1.2em; }

@media screen and (min-width: 768px) { .homepage__composer_video { padding: 6em 0em 0 3em; }
  .homepage__composer_video p { font-size: 130%; } }
.homepage__featured_blog { padding: 0 1.2em 0; }

.homepage__webinar_titleWidth { width: 90%; }

@media screen and (min-width: 480px) { .homepage_webinar_titleWidth { width: 60%; } }
@media screen and (min-width: 768px) { .homepage_webinar_titleWidth { width: 40%; } }
@media screen and (min-width: 1024px) { .homepage_webinar_titleWidth { width: 100%; } }
@media screen and (min-width: 1200px) { .homepage_webinar_titleWidth { width: 90%; } }
.coupon__discount_text, .total__text, .taxes__text, .total__text { text-align: right; }

@media screen and (min-width: 480px) { .coupon__discount_text, .total__text, .taxes__text, .total__text { text-align: right; } }
/*Artist Page Text Boxes*/
.artist-page-text { padding: .5em 1em .6em; }

@media screen and (min-width: 1024px) { .artist-page-text { text-align: center; } }
@media screen and (min-width: 1200px) { .artist-page-text { font-size: 1.5em; }
  .artist-page-text.alt { font-size: 1.25em; } }
/*Store Page Styles*/
.store-landing { overflow: hidden; }
.store-landing h2 { line-height: 0.8em; padding: 0.6em 0px; font-size: 2.8em; }
.store-landing figure { position: relative; }
.store-landing figure img { width: auto; }
@media screen and (min-width: 769px) { .store-landing figure { position: relative; }
  .store-landing figure img { position: absolute; width: 100px; }
  .store-landing figure img:nth-child(1) { position: relative; transform: rotate(-7deg); left: 21px; top: 10px; }
  .store-landing figure img:nth-child(2) { top: 8px; left: 180px; transform: rotate(3deg); } }
@media screen and (min-width: 1024px) { .store-landing h2 { padding: 135px 0 0.6em; } }
@media screen and (min-width: 1200px) { .store-landing h2 { padding: 200px 0px 0.6em; }
  .store-landing figure img { width: 125px; }
  .store-landing figure img:nth-child(2) { left: 230px; } }

/*
** Fix for menus being stuck open on events pages
*/
.dropdown-menu.btn-block { display: none; }

.open > .dropdown-menu.btn-block { display: block; }

/*-------------------------------------------
---------------- 5.0 Grids ----------------
---------------------------------------------*/
#content-main { overflow-x: hidden; }

body.report #content-main { overflow-x: visible; }

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

/*-------------------------------------------
---------------- 6.0 Links ----------------
---------------------------------------------*/
a { color: #2d5f6a; -webkit-transition: ease-in 0.2s; /* Safari */ transition: ease-in 0.2s; }

a:hover, a:focus { color: #4ba0b2; }

a.full-width-link { width: 100%; margin-left: 0; margin-right: 0; display: block; }

a.unstyled:hover, a.unstyled:focus { text-decoration: none; cursor: pointer; color: #fff; }

#sub-menu a { text-decoration: none; }

#sub-menu a:hover, #sub-menu a:focus { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); }

/*-------------------------------------------
---------------- 7.0 Lists ----------------
---------------------------------------------*/
.mass-settings-list { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; height: auto; }
.mass-settings-list a:hover, .mass-settings-list a:focus { text-decoration: none; }

.mass-settings-collapse-list { padding: 1.2em; }
.mass-settings-collapse-list a:hover, .mass-settings-collapse-list a:focus { text-decoration: none; }

@media screen and (max-width: 320px) { .mass-settings-list { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } }
.li-menu { list-style: none; line-height: 1.5; padding: 0.5em 0 0 0; }
.li-menu li { display: inline-block; padding-right: 1em; }
.li-menu .li-remove-first-element:before { content: " "; font-size: 0px; }
.li-menu a { color: #404040; text-decoration: none; }
.li-menu a:hover { color: #4ba0b2; }

ul.styled-no-disc { list-style-type: none; }

@media screen and (max-width: 1024px) { .li-menu > li { display: block; padding-right: 1em; font-size: 1.2em; }
  .li-menu-mobile > li:before { content: "| "; padding-right: 0.5em; font-size: 1em; color: #4ba0b2; } }
@media screen and (max-width: 768px) { .li-menu { list-style: none; line-height: 1.65; padding: 0.5em 0 0 0; }
  ul#sub-menu { margin: 0 auto 0 1.2em; text-align: left; }
  #sub-menu > li { margin-top: 1em; display: block; } }
@media screen and (max-width: 320px) { .li-menu > li { display: block; padding-right: 1em; }
  #sub-menu > li { display: block; } }
.li-menu-mobile li:before { content: "| "; padding-right: 0.5em; font-size: 1em; color: #4ba0b2; }

#sub-menu ul { margin: 0 auto; text-align: center; width: 80%; }
#sub-menu li { display: inline-block; }
#sub-menu div { text-align: center; }
#sub-menu a { color: #fff; display: inline-block; padding: 1em; margin: 0 0.5em 0.5em; border-radius: 4px; text-align: center; background: #4ba0b2; width: 230px; }
#sub-menu a:hover, #sub-menu a:focus { color: #4ba0b2; background: #e0e0e0; }
#sub-menu i { color: #fff; }
#sub-menu i:before { color: #fff; }

.sub-menu-wide a { width: auto !important; }

.music-list li { list-style: none; }

.chant-resources-audio ul > li { padding: 0.1em; height: 4em; }
.chant-resources-audio audio { padding-top: 2.2em; }
.chant-resources-audio a { line-height: 1.2em; text-align: right; padding-left: 1.2em; }

.chant-resources-li-space { margin: 0px 0 20px 0; }

.chant-resources-no-audio > li { padding-top: 1.75em; }

.primary-menu-list { display: inline-block; padding-right: 5em; }

.events-list .open > .dropdown-menu { max-height: 50vh; overflow-y: scroll; }

/*-------------------------------------------
---------------- 8.0 Tables ----------------
---------------------------------------------*/
.table-bbd tr:nth-child(n+2) { border: solid 3px #e0e0e0; }
.table-bbd tr:first-child { background: #fff !important; }
.table-bbd th:nth-child(n+1) { border-top: solid 0px; }

th.table-row-bbd, td.table-row-bbd { background: #598527; }

td.table-row-bbd-light { background: #66992d; }

th.table-row-bbd { border-top-left-radius: 20px; border-top-right-radius: 20px; }

.add-border { border-bottom: solid 3px #8a2432; background: #8a2432; }

td.center-content { vertical-align: middle !important; text-align: center !important; }

/*-------------------------------------------
---------------- BLOG ----------------
---------------------------------------------*/
/* ----- dank additions, June 2016 ----- */
.blog .blog__post-btn { font-size: 100%; color: #4ba0b2 !important; border: #4ba0b2 1px solid !important; margin-bottom: 2em; }
.blog .blog__post-btn:hover { background-color: #4ba0b2; color: #FFFFFF !important; transition-duration: .5s; }
.blog .blog__post-btn--reversed { float: right; background-color: #4ba0b2 !important; color: #FFFFFF !important; border: #4ba0b2 1px solid !important; margin-bottom: 1em; }
.blog .blog__post-btn--reversed:hover { background-color: #fff !important; color: #4ba0b2 !important; transition-duration: .15s; }
.blog .blog__post-btn--reversed span.fa-chevron-right { top: 1px; position: relative; left: 2px; }
.blog .btn--right { float: right; right: 2em; position: relative; }
.blog .author-title { float: right; top: 4em !important; position: relative; padding-left: 0; }
.blog .author-image { float: left; margin-bottom: 1em; }
.blog .author-info { float: left; }
.blog hr.hr-thick { width: 50%; margin-top: 35px; margin-bottom: 35px; padding: 1px; border-bottom: 4px solid #e0e0e0; border-top: 4px solid #e0e0e0; }
.blog .blog__post-copy p, .blog .videoWrapper { margin-bottom: 1em; }
.blog .blog-black { color: #000; }
.blog #blog-content .text-overlay, .blog #blog-content div.hero-text, .blog #blog-content span.text-overlay-small { width: 100% !important; height: 100% !important; }
.blog #blog-content .text-overlay { padding: 2.5em 0 1.2em 0; }

/* ---- START BLOG TYPOGRAPHY ---- */
.blog h2, .blog h3, .blog h4 { color: #061f5c; font-weight: 700; letter-spacing: 0; }
.blog h2 { text-align: center; }
.blog h3 { text-align: left; margin-bottom: 1em; }
.blog h4 { font-size: 120%; text-align: left; margin-bottom: .35em; }

.blog__post-date { color: #888888; margin-bottom: .25em; }

.blog__post-subtitle { font-size: 125%; margin-bottom: .25em; }

.blog__post-copy { line-height: 125%; margin-bottom: 1em; }

.blog-quote { padding: 1.4em; }

#blog-header div.col-md-3.hero-text { text-align: center; }

#blog-content a.custom-btn { float: right; right: -15px; top: -6px; position: relative; }
#blog-content a.custom-btn .glyphicon { font-size: 150%; top: -3px; left: -4px; }
#blog-content a.hero-text-btn-bottom { font-size: 1.5rem; letter-spacing: .0125em; font-style: italic; }
#blog-content div.hero-text-product-bottom { padding-top: 2px; min-width: 20%; }
#blog-content div.hero-text-product-bottom h4 { font-size: 1.5rem; letter-spacing: .0125em; font-style: italic; }
#blog-content div.hero-text span.text-overlay-small { font-size: 125%; line-height: 1.3; }

/* ---- END ---- */
/*
$bootstrap_4_sizes: ( xs: ( min: 0px,   max: 543px), sm: ( min: 544px, max: 767px), md: ( min: 768px, max: 991px), lg: ( min: 992px, max: 1199px), xl: ( min: 1200px)
);
*/
.breadcrumb { background-color: transparent; padding: 0; margin-bottom: 1.5em; }

.breadcrumb > li + li:before { font-family: FontAwesome; color: #000; content: "\f105"; padding: 0 5px; }

a.list-group-item-default.active, a.list-group-item-default.active:hover, a.list-group-item-default.active:focus, button.list-group-item-default.active, button.list-group-item-default.active:hover, button.list-group-item-default.active:focus { color: #000; background: #f5f5f5; border-color: #ddd; text-shadow: none; /* from theme crap */ }

.collapsed > .visible-open { display: none; }

/* bootstrap small is too small */
.smallish { font-size: 90%; }

.text-muted-more { color: #aaa; }

.navbar.small, .navbar.smallish { min-height: 40px; }
.navbar.small .navbar-nav > li > a, .navbar.smallish .navbar-nav > li > a { padding: 10px; }
.navbar.small .navbar-brand, .navbar.smallish .navbar-brand { padding: 10px; font-size: 16px; height: 40px; }

.panel-secondary { border-color: #ddd; }

.panel-secondary > .panel-heading { color: #333; border-color: #ddd; }

.panel-secondary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; }

.panel-secondary > .panel-heading .badge { color: #f5f5f5; background-color: #333; }

.panel-secondary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }

@media (min-width: 768px) { .modal-wide .modal-dialog { position: relative; width: auto; margin: 10px; } }
@media (min-width: 968px) { .modal-wide .modal-dialog { width: 900px; margin: 30px auto; } }

.table-nonfluid { width: auto !important; }

.pad-1 { padding: 1.2em; }

.pad-top-1 { padding-top: 1.2em; }

.pad-right-1 { padding-right: 1.2em; }

.pad-bottom-1 { padding-bottom: 1.2em; }

.pad-left-1 { padding-left: 1.2em; }

.pad-1_5 { padding: 1.7em; }

.pad-top-1_5 { padding-top: 1.7em; }

.pad-right-1_5 { padding-right: 1.7em; }

.pad-bottom-1_5 { padding-bottom: 1.7em; }

.pad-left-1_5 { padding-left: 1.7em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-1 { padding: 1.2em !important; }
  .pad-xs-top-1 { padding-top: 1.2em !important; }
  .pad-xs-right-1 { padding-right: 1.2em !important; }
  .pad-xs-bottom-1 { padding-bottom: 1.2em !important; }
  .pad-xs-left-1 { padding-left: 1.2em !important; }
  .pad-xs-1_5 { padding: 1.7em !important; }
  .pad-xs-top-1_5 { padding-top: 1.7em !important; }
  .pad-xs-right-1_5 { padding-right: 1.7em !important; }
  .pad-xs-bottom-1_5 { padding-bottom: 1.7em !important; }
  .pad-xs-left-1_5 { padding-left: 1.7em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-1 { padding: 1.2em !important; }
  .pad-sm-top-1 { padding-top: 1.2em !important; }
  .pad-sm-right-1 { padding-right: 1.2em !important; }
  .pad-sm-bottom-1 { padding-bottom: 1.2em !important; }
  .pad-sm-left-1 { padding-left: 1.2em !important; }
  .pad-sm-1_5 { padding: 1.7em !important; }
  .pad-sm-top-1_5 { padding-top: 1.7em !important; }
  .pad-sm-right-1_5 { padding-right: 1.7em !important; }
  .pad-sm-bottom-1_5 { padding-bottom: 1.7em !important; }
  .pad-sm-left-1_5 { padding-left: 1.7em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-1 { padding: 1.2em !important; }
  .pad-md-top-1 { padding-top: 1.2em !important; }
  .pad-md-right-1 { padding-right: 1.2em !important; }
  .pad-md-bottom-1 { padding-bottom: 1.2em !important; }
  .pad-md-left-1 { padding-left: 1.2em !important; }
  .pad-md-1_5 { padding: 1.7em !important; }
  .pad-md-top-1_5 { padding-top: 1.7em !important; }
  .pad-md-right-1_5 { padding-right: 1.7em !important; }
  .pad-md-bottom-1_5 { padding-bottom: 1.7em !important; }
  .pad-md-left-1_5 { padding-left: 1.7em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-1 { padding: 1.2em !important; }
  .pad-lg-top-1 { padding-top: 1.2em !important; }
  .pad-lg-right-1 { padding-right: 1.2em !important; }
  .pad-lg-bottom-1 { padding-bottom: 1.2em !important; }
  .pad-lg-left-1 { padding-left: 1.2em !important; }
  .pad-lg-1_5 { padding: 1.7em !important; }
  .pad-lg-top-1_5 { padding-top: 1.7em !important; }
  .pad-lg-right-1_5 { padding-right: 1.7em !important; }
  .pad-lg-bottom-1_5 { padding-bottom: 1.7em !important; }
  .pad-lg-left-1_5 { padding-left: 1.7em !important; } }
.margin-1 { margin: 1.2em; }

.margin-top-1 { margin-top: 1.2em; }

.margin-right-1 { margin-right: 1.2em; }

.margin-bottom-1 { margin-bottom: 1.2em; }

.margin-left-1 { margin-left: 1.2em; }

.margin-1_5 { margin: 1.7em; }

.margin-top-1_5 { margin-top: 1.7em; }

.margin-right-1_5 { margin-right: 1.7em; }

.margin-bottom-1_5 { margin-bottom: 1.7em; }

.margin-left-1_5 { margin-left: 1.7em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-1 { margin: 1.2em !important; }
  .margin-xs-top-1 { margin-top: 1.2em !important; }
  .margin-xs-right-1 { margin-right: 1.2em !important; }
  .margin-xs-bottom-1 { margin-bottom: 1.2em !important; }
  .margin-xs-left-1 { margin-left: 1.2em !important; }
  .margin-xs-1_5 { margin: 1.7em !important; }
  .margin-xs-top-1_5 { margin-top: 1.7em !important; }
  .margin-xs-right-1_5 { margin-right: 1.7em !important; }
  .margin-xs-bottom-1_5 { margin-bottom: 1.7em !important; }
  .margin-xs-left-1_5 { margin-left: 1.7em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-1 { margin: 1.2em !important; }
  .margin-sm-top-1 { margin-top: 1.2em !important; }
  .margin-sm-right-1 { margin-right: 1.2em !important; }
  .margin-sm-bottom-1 { margin-bottom: 1.2em !important; }
  .margin-sm-left-1 { margin-left: 1.2em !important; }
  .margin-sm-1_5 { margin: 1.7em !important; }
  .margin-sm-top-1_5 { margin-top: 1.7em !important; }
  .margin-sm-right-1_5 { margin-right: 1.7em !important; }
  .margin-sm-bottom-1_5 { margin-bottom: 1.7em !important; }
  .margin-sm-left-1_5 { margin-left: 1.7em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-1 { margin: 1.2em !important; }
  .margin-md-top-1 { margin-top: 1.2em !important; }
  .margin-md-right-1 { margin-right: 1.2em !important; }
  .margin-md-bottom-1 { margin-bottom: 1.2em !important; }
  .margin-md-left-1 { margin-left: 1.2em !important; }
  .margin-md-1_5 { margin: 1.7em !important; }
  .margin-md-top-1_5 { margin-top: 1.7em !important; }
  .margin-md-right-1_5 { margin-right: 1.7em !important; }
  .margin-md-bottom-1_5 { margin-bottom: 1.7em !important; }
  .margin-md-left-1_5 { margin-left: 1.7em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-1 { margin: 1.2em !important; }
  .margin-lg-top-1 { margin-top: 1.2em !important; }
  .margin-lg-right-1 { margin-right: 1.2em !important; }
  .margin-lg-bottom-1 { margin-bottom: 1.2em !important; }
  .margin-lg-left-1 { margin-left: 1.2em !important; }
  .margin-lg-1_5 { margin: 1.7em !important; }
  .margin-lg-top-1_5 { margin-top: 1.7em !important; }
  .margin-lg-right-1_5 { margin-right: 1.7em !important; }
  .margin-lg-bottom-1_5 { margin-bottom: 1.7em !important; }
  .margin-lg-left-1_5 { margin-left: 1.7em !important; } }
.pad-2 { padding: 2.4em; }

.pad-top-2 { padding-top: 2.4em; }

.pad-right-2 { padding-right: 2.4em; }

.pad-bottom-2 { padding-bottom: 2.4em; }

.pad-left-2 { padding-left: 2.4em; }

.pad-2_5 { padding: 2.9em; }

.pad-top-2_5 { padding-top: 2.9em; }

.pad-right-2_5 { padding-right: 2.9em; }

.pad-bottom-2_5 { padding-bottom: 2.9em; }

.pad-left-2_5 { padding-left: 2.9em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-2 { padding: 2.4em !important; }
  .pad-xs-top-2 { padding-top: 2.4em !important; }
  .pad-xs-right-2 { padding-right: 2.4em !important; }
  .pad-xs-bottom-2 { padding-bottom: 2.4em !important; }
  .pad-xs-left-2 { padding-left: 2.4em !important; }
  .pad-xs-2_5 { padding: 2.9em !important; }
  .pad-xs-top-2_5 { padding-top: 2.9em !important; }
  .pad-xs-right-2_5 { padding-right: 2.9em !important; }
  .pad-xs-bottom-2_5 { padding-bottom: 2.9em !important; }
  .pad-xs-left-2_5 { padding-left: 2.9em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-2 { padding: 2.4em !important; }
  .pad-sm-top-2 { padding-top: 2.4em !important; }
  .pad-sm-right-2 { padding-right: 2.4em !important; }
  .pad-sm-bottom-2 { padding-bottom: 2.4em !important; }
  .pad-sm-left-2 { padding-left: 2.4em !important; }
  .pad-sm-2_5 { padding: 2.9em !important; }
  .pad-sm-top-2_5 { padding-top: 2.9em !important; }
  .pad-sm-right-2_5 { padding-right: 2.9em !important; }
  .pad-sm-bottom-2_5 { padding-bottom: 2.9em !important; }
  .pad-sm-left-2_5 { padding-left: 2.9em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-2 { padding: 2.4em !important; }
  .pad-md-top-2 { padding-top: 2.4em !important; }
  .pad-md-right-2 { padding-right: 2.4em !important; }
  .pad-md-bottom-2 { padding-bottom: 2.4em !important; }
  .pad-md-left-2 { padding-left: 2.4em !important; }
  .pad-md-2_5 { padding: 2.9em !important; }
  .pad-md-top-2_5 { padding-top: 2.9em !important; }
  .pad-md-right-2_5 { padding-right: 2.9em !important; }
  .pad-md-bottom-2_5 { padding-bottom: 2.9em !important; }
  .pad-md-left-2_5 { padding-left: 2.9em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-2 { padding: 2.4em !important; }
  .pad-lg-top-2 { padding-top: 2.4em !important; }
  .pad-lg-right-2 { padding-right: 2.4em !important; }
  .pad-lg-bottom-2 { padding-bottom: 2.4em !important; }
  .pad-lg-left-2 { padding-left: 2.4em !important; }
  .pad-lg-2_5 { padding: 2.9em !important; }
  .pad-lg-top-2_5 { padding-top: 2.9em !important; }
  .pad-lg-right-2_5 { padding-right: 2.9em !important; }
  .pad-lg-bottom-2_5 { padding-bottom: 2.9em !important; }
  .pad-lg-left-2_5 { padding-left: 2.9em !important; } }
.margin-2 { margin: 2.4em; }

.margin-top-2 { margin-top: 2.4em; }

.margin-right-2 { margin-right: 2.4em; }

.margin-bottom-2 { margin-bottom: 2.4em; }

.margin-left-2 { margin-left: 2.4em; }

.margin-2_5 { margin: 2.9em; }

.margin-top-2_5 { margin-top: 2.9em; }

.margin-right-2_5 { margin-right: 2.9em; }

.margin-bottom-2_5 { margin-bottom: 2.9em; }

.margin-left-2_5 { margin-left: 2.9em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-2 { margin: 2.4em !important; }
  .margin-xs-top-2 { margin-top: 2.4em !important; }
  .margin-xs-right-2 { margin-right: 2.4em !important; }
  .margin-xs-bottom-2 { margin-bottom: 2.4em !important; }
  .margin-xs-left-2 { margin-left: 2.4em !important; }
  .margin-xs-2_5 { margin: 2.9em !important; }
  .margin-xs-top-2_5 { margin-top: 2.9em !important; }
  .margin-xs-right-2_5 { margin-right: 2.9em !important; }
  .margin-xs-bottom-2_5 { margin-bottom: 2.9em !important; }
  .margin-xs-left-2_5 { margin-left: 2.9em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-2 { margin: 2.4em !important; }
  .margin-sm-top-2 { margin-top: 2.4em !important; }
  .margin-sm-right-2 { margin-right: 2.4em !important; }
  .margin-sm-bottom-2 { margin-bottom: 2.4em !important; }
  .margin-sm-left-2 { margin-left: 2.4em !important; }
  .margin-sm-2_5 { margin: 2.9em !important; }
  .margin-sm-top-2_5 { margin-top: 2.9em !important; }
  .margin-sm-right-2_5 { margin-right: 2.9em !important; }
  .margin-sm-bottom-2_5 { margin-bottom: 2.9em !important; }
  .margin-sm-left-2_5 { margin-left: 2.9em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-2 { margin: 2.4em !important; }
  .margin-md-top-2 { margin-top: 2.4em !important; }
  .margin-md-right-2 { margin-right: 2.4em !important; }
  .margin-md-bottom-2 { margin-bottom: 2.4em !important; }
  .margin-md-left-2 { margin-left: 2.4em !important; }
  .margin-md-2_5 { margin: 2.9em !important; }
  .margin-md-top-2_5 { margin-top: 2.9em !important; }
  .margin-md-right-2_5 { margin-right: 2.9em !important; }
  .margin-md-bottom-2_5 { margin-bottom: 2.9em !important; }
  .margin-md-left-2_5 { margin-left: 2.9em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-2 { margin: 2.4em !important; }
  .margin-lg-top-2 { margin-top: 2.4em !important; }
  .margin-lg-right-2 { margin-right: 2.4em !important; }
  .margin-lg-bottom-2 { margin-bottom: 2.4em !important; }
  .margin-lg-left-2 { margin-left: 2.4em !important; }
  .margin-lg-2_5 { margin: 2.9em !important; }
  .margin-lg-top-2_5 { margin-top: 2.9em !important; }
  .margin-lg-right-2_5 { margin-right: 2.9em !important; }
  .margin-lg-bottom-2_5 { margin-bottom: 2.9em !important; }
  .margin-lg-left-2_5 { margin-left: 2.9em !important; } }
.pad-3 { padding: 3.6em; }

.pad-top-3 { padding-top: 3.6em; }

.pad-right-3 { padding-right: 3.6em; }

.pad-bottom-3 { padding-bottom: 3.6em; }

.pad-left-3 { padding-left: 3.6em; }

.pad-3_5 { padding: 4.1em; }

.pad-top-3_5 { padding-top: 4.1em; }

.pad-right-3_5 { padding-right: 4.1em; }

.pad-bottom-3_5 { padding-bottom: 4.1em; }

.pad-left-3_5 { padding-left: 4.1em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-3 { padding: 3.6em !important; }
  .pad-xs-top-3 { padding-top: 3.6em !important; }
  .pad-xs-right-3 { padding-right: 3.6em !important; }
  .pad-xs-bottom-3 { padding-bottom: 3.6em !important; }
  .pad-xs-left-3 { padding-left: 3.6em !important; }
  .pad-xs-3_5 { padding: 4.1em !important; }
  .pad-xs-top-3_5 { padding-top: 4.1em !important; }
  .pad-xs-right-3_5 { padding-right: 4.1em !important; }
  .pad-xs-bottom-3_5 { padding-bottom: 4.1em !important; }
  .pad-xs-left-3_5 { padding-left: 4.1em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-3 { padding: 3.6em !important; }
  .pad-sm-top-3 { padding-top: 3.6em !important; }
  .pad-sm-right-3 { padding-right: 3.6em !important; }
  .pad-sm-bottom-3 { padding-bottom: 3.6em !important; }
  .pad-sm-left-3 { padding-left: 3.6em !important; }
  .pad-sm-3_5 { padding: 4.1em !important; }
  .pad-sm-top-3_5 { padding-top: 4.1em !important; }
  .pad-sm-right-3_5 { padding-right: 4.1em !important; }
  .pad-sm-bottom-3_5 { padding-bottom: 4.1em !important; }
  .pad-sm-left-3_5 { padding-left: 4.1em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-3 { padding: 3.6em !important; }
  .pad-md-top-3 { padding-top: 3.6em !important; }
  .pad-md-right-3 { padding-right: 3.6em !important; }
  .pad-md-bottom-3 { padding-bottom: 3.6em !important; }
  .pad-md-left-3 { padding-left: 3.6em !important; }
  .pad-md-3_5 { padding: 4.1em !important; }
  .pad-md-top-3_5 { padding-top: 4.1em !important; }
  .pad-md-right-3_5 { padding-right: 4.1em !important; }
  .pad-md-bottom-3_5 { padding-bottom: 4.1em !important; }
  .pad-md-left-3_5 { padding-left: 4.1em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-3 { padding: 3.6em !important; }
  .pad-lg-top-3 { padding-top: 3.6em !important; }
  .pad-lg-right-3 { padding-right: 3.6em !important; }
  .pad-lg-bottom-3 { padding-bottom: 3.6em !important; }
  .pad-lg-left-3 { padding-left: 3.6em !important; }
  .pad-lg-3_5 { padding: 4.1em !important; }
  .pad-lg-top-3_5 { padding-top: 4.1em !important; }
  .pad-lg-right-3_5 { padding-right: 4.1em !important; }
  .pad-lg-bottom-3_5 { padding-bottom: 4.1em !important; }
  .pad-lg-left-3_5 { padding-left: 4.1em !important; } }
.margin-3 { margin: 3.6em; }

.margin-top-3 { margin-top: 3.6em; }

.margin-right-3 { margin-right: 3.6em; }

.margin-bottom-3 { margin-bottom: 3.6em; }

.margin-left-3 { margin-left: 3.6em; }

.margin-3_5 { margin: 4.1em; }

.margin-top-3_5 { margin-top: 4.1em; }

.margin-right-3_5 { margin-right: 4.1em; }

.margin-bottom-3_5 { margin-bottom: 4.1em; }

.margin-left-3_5 { margin-left: 4.1em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-3 { margin: 3.6em !important; }
  .margin-xs-top-3 { margin-top: 3.6em !important; }
  .margin-xs-right-3 { margin-right: 3.6em !important; }
  .margin-xs-bottom-3 { margin-bottom: 3.6em !important; }
  .margin-xs-left-3 { margin-left: 3.6em !important; }
  .margin-xs-3_5 { margin: 4.1em !important; }
  .margin-xs-top-3_5 { margin-top: 4.1em !important; }
  .margin-xs-right-3_5 { margin-right: 4.1em !important; }
  .margin-xs-bottom-3_5 { margin-bottom: 4.1em !important; }
  .margin-xs-left-3_5 { margin-left: 4.1em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-3 { margin: 3.6em !important; }
  .margin-sm-top-3 { margin-top: 3.6em !important; }
  .margin-sm-right-3 { margin-right: 3.6em !important; }
  .margin-sm-bottom-3 { margin-bottom: 3.6em !important; }
  .margin-sm-left-3 { margin-left: 3.6em !important; }
  .margin-sm-3_5 { margin: 4.1em !important; }
  .margin-sm-top-3_5 { margin-top: 4.1em !important; }
  .margin-sm-right-3_5 { margin-right: 4.1em !important; }
  .margin-sm-bottom-3_5 { margin-bottom: 4.1em !important; }
  .margin-sm-left-3_5 { margin-left: 4.1em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-3 { margin: 3.6em !important; }
  .margin-md-top-3 { margin-top: 3.6em !important; }
  .margin-md-right-3 { margin-right: 3.6em !important; }
  .margin-md-bottom-3 { margin-bottom: 3.6em !important; }
  .margin-md-left-3 { margin-left: 3.6em !important; }
  .margin-md-3_5 { margin: 4.1em !important; }
  .margin-md-top-3_5 { margin-top: 4.1em !important; }
  .margin-md-right-3_5 { margin-right: 4.1em !important; }
  .margin-md-bottom-3_5 { margin-bottom: 4.1em !important; }
  .margin-md-left-3_5 { margin-left: 4.1em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-3 { margin: 3.6em !important; }
  .margin-lg-top-3 { margin-top: 3.6em !important; }
  .margin-lg-right-3 { margin-right: 3.6em !important; }
  .margin-lg-bottom-3 { margin-bottom: 3.6em !important; }
  .margin-lg-left-3 { margin-left: 3.6em !important; }
  .margin-lg-3_5 { margin: 4.1em !important; }
  .margin-lg-top-3_5 { margin-top: 4.1em !important; }
  .margin-lg-right-3_5 { margin-right: 4.1em !important; }
  .margin-lg-bottom-3_5 { margin-bottom: 4.1em !important; }
  .margin-lg-left-3_5 { margin-left: 4.1em !important; } }
.pad-4 { padding: 4.8em; }

.pad-top-4 { padding-top: 4.8em; }

.pad-right-4 { padding-right: 4.8em; }

.pad-bottom-4 { padding-bottom: 4.8em; }

.pad-left-4 { padding-left: 4.8em; }

.pad-4_5 { padding: 5.3em; }

.pad-top-4_5 { padding-top: 5.3em; }

.pad-right-4_5 { padding-right: 5.3em; }

.pad-bottom-4_5 { padding-bottom: 5.3em; }

.pad-left-4_5 { padding-left: 5.3em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-4 { padding: 4.8em !important; }
  .pad-xs-top-4 { padding-top: 4.8em !important; }
  .pad-xs-right-4 { padding-right: 4.8em !important; }
  .pad-xs-bottom-4 { padding-bottom: 4.8em !important; }
  .pad-xs-left-4 { padding-left: 4.8em !important; }
  .pad-xs-4_5 { padding: 5.3em !important; }
  .pad-xs-top-4_5 { padding-top: 5.3em !important; }
  .pad-xs-right-4_5 { padding-right: 5.3em !important; }
  .pad-xs-bottom-4_5 { padding-bottom: 5.3em !important; }
  .pad-xs-left-4_5 { padding-left: 5.3em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-4 { padding: 4.8em !important; }
  .pad-sm-top-4 { padding-top: 4.8em !important; }
  .pad-sm-right-4 { padding-right: 4.8em !important; }
  .pad-sm-bottom-4 { padding-bottom: 4.8em !important; }
  .pad-sm-left-4 { padding-left: 4.8em !important; }
  .pad-sm-4_5 { padding: 5.3em !important; }
  .pad-sm-top-4_5 { padding-top: 5.3em !important; }
  .pad-sm-right-4_5 { padding-right: 5.3em !important; }
  .pad-sm-bottom-4_5 { padding-bottom: 5.3em !important; }
  .pad-sm-left-4_5 { padding-left: 5.3em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-4 { padding: 4.8em !important; }
  .pad-md-top-4 { padding-top: 4.8em !important; }
  .pad-md-right-4 { padding-right: 4.8em !important; }
  .pad-md-bottom-4 { padding-bottom: 4.8em !important; }
  .pad-md-left-4 { padding-left: 4.8em !important; }
  .pad-md-4_5 { padding: 5.3em !important; }
  .pad-md-top-4_5 { padding-top: 5.3em !important; }
  .pad-md-right-4_5 { padding-right: 5.3em !important; }
  .pad-md-bottom-4_5 { padding-bottom: 5.3em !important; }
  .pad-md-left-4_5 { padding-left: 5.3em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-4 { padding: 4.8em !important; }
  .pad-lg-top-4 { padding-top: 4.8em !important; }
  .pad-lg-right-4 { padding-right: 4.8em !important; }
  .pad-lg-bottom-4 { padding-bottom: 4.8em !important; }
  .pad-lg-left-4 { padding-left: 4.8em !important; }
  .pad-lg-4_5 { padding: 5.3em !important; }
  .pad-lg-top-4_5 { padding-top: 5.3em !important; }
  .pad-lg-right-4_5 { padding-right: 5.3em !important; }
  .pad-lg-bottom-4_5 { padding-bottom: 5.3em !important; }
  .pad-lg-left-4_5 { padding-left: 5.3em !important; } }
.margin-4 { margin: 4.8em; }

.margin-top-4 { margin-top: 4.8em; }

.margin-right-4 { margin-right: 4.8em; }

.margin-bottom-4 { margin-bottom: 4.8em; }

.margin-left-4 { margin-left: 4.8em; }

.margin-4_5 { margin: 5.3em; }

.margin-top-4_5 { margin-top: 5.3em; }

.margin-right-4_5 { margin-right: 5.3em; }

.margin-bottom-4_5 { margin-bottom: 5.3em; }

.margin-left-4_5 { margin-left: 5.3em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-4 { margin: 4.8em !important; }
  .margin-xs-top-4 { margin-top: 4.8em !important; }
  .margin-xs-right-4 { margin-right: 4.8em !important; }
  .margin-xs-bottom-4 { margin-bottom: 4.8em !important; }
  .margin-xs-left-4 { margin-left: 4.8em !important; }
  .margin-xs-4_5 { margin: 5.3em !important; }
  .margin-xs-top-4_5 { margin-top: 5.3em !important; }
  .margin-xs-right-4_5 { margin-right: 5.3em !important; }
  .margin-xs-bottom-4_5 { margin-bottom: 5.3em !important; }
  .margin-xs-left-4_5 { margin-left: 5.3em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-4 { margin: 4.8em !important; }
  .margin-sm-top-4 { margin-top: 4.8em !important; }
  .margin-sm-right-4 { margin-right: 4.8em !important; }
  .margin-sm-bottom-4 { margin-bottom: 4.8em !important; }
  .margin-sm-left-4 { margin-left: 4.8em !important; }
  .margin-sm-4_5 { margin: 5.3em !important; }
  .margin-sm-top-4_5 { margin-top: 5.3em !important; }
  .margin-sm-right-4_5 { margin-right: 5.3em !important; }
  .margin-sm-bottom-4_5 { margin-bottom: 5.3em !important; }
  .margin-sm-left-4_5 { margin-left: 5.3em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-4 { margin: 4.8em !important; }
  .margin-md-top-4 { margin-top: 4.8em !important; }
  .margin-md-right-4 { margin-right: 4.8em !important; }
  .margin-md-bottom-4 { margin-bottom: 4.8em !important; }
  .margin-md-left-4 { margin-left: 4.8em !important; }
  .margin-md-4_5 { margin: 5.3em !important; }
  .margin-md-top-4_5 { margin-top: 5.3em !important; }
  .margin-md-right-4_5 { margin-right: 5.3em !important; }
  .margin-md-bottom-4_5 { margin-bottom: 5.3em !important; }
  .margin-md-left-4_5 { margin-left: 5.3em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-4 { margin: 4.8em !important; }
  .margin-lg-top-4 { margin-top: 4.8em !important; }
  .margin-lg-right-4 { margin-right: 4.8em !important; }
  .margin-lg-bottom-4 { margin-bottom: 4.8em !important; }
  .margin-lg-left-4 { margin-left: 4.8em !important; }
  .margin-lg-4_5 { margin: 5.3em !important; }
  .margin-lg-top-4_5 { margin-top: 5.3em !important; }
  .margin-lg-right-4_5 { margin-right: 5.3em !important; }
  .margin-lg-bottom-4_5 { margin-bottom: 5.3em !important; }
  .margin-lg-left-4_5 { margin-left: 5.3em !important; } }
.pad-5 { padding: 6em; }

.pad-top-5 { padding-top: 6em; }

.pad-right-5 { padding-right: 6em; }

.pad-bottom-5 { padding-bottom: 6em; }

.pad-left-5 { padding-left: 6em; }

.pad-5_5 { padding: 6.5em; }

.pad-top-5_5 { padding-top: 6.5em; }

.pad-right-5_5 { padding-right: 6.5em; }

.pad-bottom-5_5 { padding-bottom: 6.5em; }

.pad-left-5_5 { padding-left: 6.5em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-5 { padding: 6em !important; }
  .pad-xs-top-5 { padding-top: 6em !important; }
  .pad-xs-right-5 { padding-right: 6em !important; }
  .pad-xs-bottom-5 { padding-bottom: 6em !important; }
  .pad-xs-left-5 { padding-left: 6em !important; }
  .pad-xs-5_5 { padding: 6.5em !important; }
  .pad-xs-top-5_5 { padding-top: 6.5em !important; }
  .pad-xs-right-5_5 { padding-right: 6.5em !important; }
  .pad-xs-bottom-5_5 { padding-bottom: 6.5em !important; }
  .pad-xs-left-5_5 { padding-left: 6.5em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-5 { padding: 6em !important; }
  .pad-sm-top-5 { padding-top: 6em !important; }
  .pad-sm-right-5 { padding-right: 6em !important; }
  .pad-sm-bottom-5 { padding-bottom: 6em !important; }
  .pad-sm-left-5 { padding-left: 6em !important; }
  .pad-sm-5_5 { padding: 6.5em !important; }
  .pad-sm-top-5_5 { padding-top: 6.5em !important; }
  .pad-sm-right-5_5 { padding-right: 6.5em !important; }
  .pad-sm-bottom-5_5 { padding-bottom: 6.5em !important; }
  .pad-sm-left-5_5 { padding-left: 6.5em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-5 { padding: 6em !important; }
  .pad-md-top-5 { padding-top: 6em !important; }
  .pad-md-right-5 { padding-right: 6em !important; }
  .pad-md-bottom-5 { padding-bottom: 6em !important; }
  .pad-md-left-5 { padding-left: 6em !important; }
  .pad-md-5_5 { padding: 6.5em !important; }
  .pad-md-top-5_5 { padding-top: 6.5em !important; }
  .pad-md-right-5_5 { padding-right: 6.5em !important; }
  .pad-md-bottom-5_5 { padding-bottom: 6.5em !important; }
  .pad-md-left-5_5 { padding-left: 6.5em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-5 { padding: 6em !important; }
  .pad-lg-top-5 { padding-top: 6em !important; }
  .pad-lg-right-5 { padding-right: 6em !important; }
  .pad-lg-bottom-5 { padding-bottom: 6em !important; }
  .pad-lg-left-5 { padding-left: 6em !important; }
  .pad-lg-5_5 { padding: 6.5em !important; }
  .pad-lg-top-5_5 { padding-top: 6.5em !important; }
  .pad-lg-right-5_5 { padding-right: 6.5em !important; }
  .pad-lg-bottom-5_5 { padding-bottom: 6.5em !important; }
  .pad-lg-left-5_5 { padding-left: 6.5em !important; } }
.margin-5 { margin: 6em; }

.margin-top-5 { margin-top: 6em; }

.margin-right-5 { margin-right: 6em; }

.margin-bottom-5 { margin-bottom: 6em; }

.margin-left-5 { margin-left: 6em; }

.margin-5_5 { margin: 6.5em; }

.margin-top-5_5 { margin-top: 6.5em; }

.margin-right-5_5 { margin-right: 6.5em; }

.margin-bottom-5_5 { margin-bottom: 6.5em; }

.margin-left-5_5 { margin-left: 6.5em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-5 { margin: 6em !important; }
  .margin-xs-top-5 { margin-top: 6em !important; }
  .margin-xs-right-5 { margin-right: 6em !important; }
  .margin-xs-bottom-5 { margin-bottom: 6em !important; }
  .margin-xs-left-5 { margin-left: 6em !important; }
  .margin-xs-5_5 { margin: 6.5em !important; }
  .margin-xs-top-5_5 { margin-top: 6.5em !important; }
  .margin-xs-right-5_5 { margin-right: 6.5em !important; }
  .margin-xs-bottom-5_5 { margin-bottom: 6.5em !important; }
  .margin-xs-left-5_5 { margin-left: 6.5em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-5 { margin: 6em !important; }
  .margin-sm-top-5 { margin-top: 6em !important; }
  .margin-sm-right-5 { margin-right: 6em !important; }
  .margin-sm-bottom-5 { margin-bottom: 6em !important; }
  .margin-sm-left-5 { margin-left: 6em !important; }
  .margin-sm-5_5 { margin: 6.5em !important; }
  .margin-sm-top-5_5 { margin-top: 6.5em !important; }
  .margin-sm-right-5_5 { margin-right: 6.5em !important; }
  .margin-sm-bottom-5_5 { margin-bottom: 6.5em !important; }
  .margin-sm-left-5_5 { margin-left: 6.5em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-5 { margin: 6em !important; }
  .margin-md-top-5 { margin-top: 6em !important; }
  .margin-md-right-5 { margin-right: 6em !important; }
  .margin-md-bottom-5 { margin-bottom: 6em !important; }
  .margin-md-left-5 { margin-left: 6em !important; }
  .margin-md-5_5 { margin: 6.5em !important; }
  .margin-md-top-5_5 { margin-top: 6.5em !important; }
  .margin-md-right-5_5 { margin-right: 6.5em !important; }
  .margin-md-bottom-5_5 { margin-bottom: 6.5em !important; }
  .margin-md-left-5_5 { margin-left: 6.5em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-5 { margin: 6em !important; }
  .margin-lg-top-5 { margin-top: 6em !important; }
  .margin-lg-right-5 { margin-right: 6em !important; }
  .margin-lg-bottom-5 { margin-bottom: 6em !important; }
  .margin-lg-left-5 { margin-left: 6em !important; }
  .margin-lg-5_5 { margin: 6.5em !important; }
  .margin-lg-top-5_5 { margin-top: 6.5em !important; }
  .margin-lg-right-5_5 { margin-right: 6.5em !important; }
  .margin-lg-bottom-5_5 { margin-bottom: 6.5em !important; }
  .margin-lg-left-5_5 { margin-left: 6.5em !important; } }
.pad-0 { padding: 0em; }

.pad-top-0 { padding-top: 0em; }

.pad-right-0 { padding-right: 0em; }

.pad-bottom-0 { padding-bottom: 0em; }

.pad-left-0 { padding-left: 0em; }

.pad-0_5 { padding: 0.5em; }

.pad-top-0_5 { padding-top: 0.5em; }

.pad-right-0_5 { padding-right: 0.5em; }

.pad-bottom-0_5 { padding-bottom: 0.5em; }

.pad-left-0_5 { padding-left: 0.5em; }

@media (min-width: 0px) { /*xs*/
  .pad-xs-0 { padding: 0em !important; }
  .pad-xs-top-0 { padding-top: 0em !important; }
  .pad-xs-right-0 { padding-right: 0em !important; }
  .pad-xs-bottom-0 { padding-bottom: 0em !important; }
  .pad-xs-left-0 { padding-left: 0em !important; }
  .pad-xs-0_5 { padding: 0.5em !important; }
  .pad-xs-top-0_5 { padding-top: 0.5em !important; }
  .pad-xs-right-0_5 { padding-right: 0.5em !important; }
  .pad-xs-bottom-0_5 { padding-bottom: 0.5em !important; }
  .pad-xs-left-0_5 { padding-left: 0.5em !important; } }
@media (min-width: 768px) { /*sm*/
  .pad-sm-0 { padding: 0em !important; }
  .pad-sm-top-0 { padding-top: 0em !important; }
  .pad-sm-right-0 { padding-right: 0em !important; }
  .pad-sm-bottom-0 { padding-bottom: 0em !important; }
  .pad-sm-left-0 { padding-left: 0em !important; }
  .pad-sm-0_5 { padding: 0.5em !important; }
  .pad-sm-top-0_5 { padding-top: 0.5em !important; }
  .pad-sm-right-0_5 { padding-right: 0.5em !important; }
  .pad-sm-bottom-0_5 { padding-bottom: 0.5em !important; }
  .pad-sm-left-0_5 { padding-left: 0.5em !important; } }
@media (min-width: 992px) { /*md*/
  .pad-md-0 { padding: 0em !important; }
  .pad-md-top-0 { padding-top: 0em !important; }
  .pad-md-right-0 { padding-right: 0em !important; }
  .pad-md-bottom-0 { padding-bottom: 0em !important; }
  .pad-md-left-0 { padding-left: 0em !important; }
  .pad-md-0_5 { padding: 0.5em !important; }
  .pad-md-top-0_5 { padding-top: 0.5em !important; }
  .pad-md-right-0_5 { padding-right: 0.5em !important; }
  .pad-md-bottom-0_5 { padding-bottom: 0.5em !important; }
  .pad-md-left-0_5 { padding-left: 0.5em !important; } }
@media (min-width: 1200px) { /*lg*/
  .pad-lg-0 { padding: 0em !important; }
  .pad-lg-top-0 { padding-top: 0em !important; }
  .pad-lg-right-0 { padding-right: 0em !important; }
  .pad-lg-bottom-0 { padding-bottom: 0em !important; }
  .pad-lg-left-0 { padding-left: 0em !important; }
  .pad-lg-0_5 { padding: 0.5em !important; }
  .pad-lg-top-0_5 { padding-top: 0.5em !important; }
  .pad-lg-right-0_5 { padding-right: 0.5em !important; }
  .pad-lg-bottom-0_5 { padding-bottom: 0.5em !important; }
  .pad-lg-left-0_5 { padding-left: 0.5em !important; } }
.margin-0 { margin: 0em; }

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

.margin-right-0 { margin-right: 0em; }

.margin-bottom-0 { margin-bottom: 0em; }

.margin-left-0 { margin-left: 0em; }

.margin-0_5 { margin: 0.5em; }

.margin-top-0_5 { margin-top: 0.5em; }

.margin-right-0_5 { margin-right: 0.5em; }

.margin-bottom-0_5 { margin-bottom: 0.5em; }

.margin-left-0_5 { margin-left: 0.5em; }

@media (min-width: 0px) { /*xs*/
  .margin-xs-0 { margin: 0em !important; }
  .margin-xs-top-0 { margin-top: 0em !important; }
  .margin-xs-right-0 { margin-right: 0em !important; }
  .margin-xs-bottom-0 { margin-bottom: 0em !important; }
  .margin-xs-left-0 { margin-left: 0em !important; }
  .margin-xs-0_5 { margin: 0.5em !important; }
  .margin-xs-top-0_5 { margin-top: 0.5em !important; }
  .margin-xs-right-0_5 { margin-right: 0.5em !important; }
  .margin-xs-bottom-0_5 { margin-bottom: 0.5em !important; }
  .margin-xs-left-0_5 { margin-left: 0.5em !important; } }
@media (min-width: 768px) { /*sm*/
  .margin-sm-0 { margin: 0em !important; }
  .margin-sm-top-0 { margin-top: 0em !important; }
  .margin-sm-right-0 { margin-right: 0em !important; }
  .margin-sm-bottom-0 { margin-bottom: 0em !important; }
  .margin-sm-left-0 { margin-left: 0em !important; }
  .margin-sm-0_5 { margin: 0.5em !important; }
  .margin-sm-top-0_5 { margin-top: 0.5em !important; }
  .margin-sm-right-0_5 { margin-right: 0.5em !important; }
  .margin-sm-bottom-0_5 { margin-bottom: 0.5em !important; }
  .margin-sm-left-0_5 { margin-left: 0.5em !important; } }
@media (min-width: 992px) { /*md*/
  .margin-md-0 { margin: 0em !important; }
  .margin-md-top-0 { margin-top: 0em !important; }
  .margin-md-right-0 { margin-right: 0em !important; }
  .margin-md-bottom-0 { margin-bottom: 0em !important; }
  .margin-md-left-0 { margin-left: 0em !important; }
  .margin-md-0_5 { margin: 0.5em !important; }
  .margin-md-top-0_5 { margin-top: 0.5em !important; }
  .margin-md-right-0_5 { margin-right: 0.5em !important; }
  .margin-md-bottom-0_5 { margin-bottom: 0.5em !important; }
  .margin-md-left-0_5 { margin-left: 0.5em !important; } }
@media (min-width: 1200px) { /*lg*/
  .margin-lg-0 { margin: 0em !important; }
  .margin-lg-top-0 { margin-top: 0em !important; }
  .margin-lg-right-0 { margin-right: 0em !important; }
  .margin-lg-bottom-0 { margin-bottom: 0em !important; }
  .margin-lg-left-0 { margin-left: 0em !important; }
  .margin-lg-0_5 { margin: 0.5em !important; }
  .margin-lg-top-0_5 { margin-top: 0.5em !important; }
  .margin-lg-right-0_5 { margin-right: 0.5em !important; }
  .margin-lg-bottom-0_5 { margin-bottom: 0.5em !important; }
  .margin-lg-left-0_5 { margin-left: 0.5em !important; } }
a#content-main, .modal-dialog { font-size: 16px; }

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }

.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled, .btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger { -webkit-box-shadow: none; box-shadow: none; }

.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { text-shadow: none; }

.btn:active, .btn.active { background-image: none; }

.btn.wrap { white-space: normal; }

.btn.text-left { text-align: left; }

.btn.text-right { text-align: right; }

.btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; }

.btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; }

.btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; }

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #e0e0e0; background-image: none; }

.btn-primary { background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #245580; }

.btn-primary:hover, .btn-primary:focus { background-color: #265a88; background-position: 0 -15px; }

.btn-primary:active, .btn-primary.active { background-color: #265a88; border-color: #245580; }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #265a88; background-image: none; }

.btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; }

.btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; }

.btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; }

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #419641; background-image: none; }

.btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; }

.btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; }

.btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; }

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #2aabd2; background-image: none; }

.btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; }

.btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; }

.btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; }

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #eb9316; background-image: none; }

.btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; }

.btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; }

.btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; }

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #c12e2a; background-image: none; }

.thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #2e6da4; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; }

.topNav { /*
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
*/ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); }

.topNav .navbar-nav > .open > a, .topNav .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); }

.topNav .navbar-brand, .topNav .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }

/*
.navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
*/
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }

/*

@media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; }
}
*/
.alert { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }

.alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-color: #b2dba1; }

.alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #9acfea; }

.alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; }

.alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); background-repeat: repeat-x; border-color: #dca7a7; }

.progress { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; }

.progress-bar { background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); background-repeat: repeat-x; }

.progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); background-repeat: repeat-x; }

.progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); background-repeat: repeat-x; }

.progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); background-repeat: repeat-x; }

.progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); background-repeat: repeat-x; }

.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #286090; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); background-repeat: repeat-x; border-color: #2b669a; }

.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge { text-shadow: none; }

.panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.panel-default > .panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; }

.panel-primary > .panel-heading { background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; }

.panel-success > .panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); background-repeat: repeat-x; }

.panel-info > .panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); background-repeat: repeat-x; }

.panel-warning > .panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); background-repeat: repeat-x; }

.panel-danger > .panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); background-repeat: repeat-x; }

.well { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1); }

/*# sourceMappingURL=bootstrap-theme.css.map */
body { font-family: 'Source Sans Pro'; }

/* 2016-03-10 - Cy Morris Commented out because it's causing issues in CMS where users want to add lists. If this causes problems in the site, we should reverse the logic and use ul.unstyled  ul { list-style-type: none; padding: 0; } ul.styled { list-style-type: disc; padding-left: 20px; }
*/
ul.unstyled { list-style-type: none; padding: 0; }

/* end changes */
img, audio { max-width: 100%; }

a { color: #6b6a65; }

.topNav .dropdown { margin-top: 25px; }

.mobileonly { display: none !important; }

@media (max-width: 767px) { .mobileonly { display: block !important; } }
.desktoponly { display: block !important; }

@media (max-width: 767px) { .desktoponly { display: none !important; } }
.carousel-control .fa { position: absolute; top: 50%; margin-top: -10px; }

.styledForm-label { background: #eee; padding: 9px 14px; margin: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; float: left; width: 50%; text-align: center; }

.styledForm-input { margin: 0; float: left; padding: 8px 12px; border: 1px solid #eee; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 50%; }

select.styledForm-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

.homepageCircle { border-radius: 50%; position: relative; padding: 0; margin-bottom: 10px; margin-top: 10px; box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2); }

#hompage .homepageCircle { margin-top: -49%; }

@media (min-width: 768px) { #homepage .homepageCircle { margin-top: -45%; } }
@media (min-width: 992px) { #homepage .homepageCircle { margin-top: -37%; } }
@media (min-width: 1200px) { #homepage .homepageCircle { margin-top: -42%; } }
.homepageCircle::before { content: ""; display: block; padding-top: 100%; }

.homepageCircle--purple { background: rgba(120, 82, 165, 0.5); }

.homepageCircle--blue { background: rgba(33, 80, 130, 0.5); }

.homepageCircle--orange { background: rgba(224, 138, 26, 0.5); }

.homepageCircle-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: white; text-align: center; cursor: pointer; }

.homepageCircle-content:hover { color: white; }

.homepageCircle-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

.homepageCircle-title { font-size: 0.85em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; }

@media (min-width: 480px) { .homepageCircle-title { font-size: 0.65em; } }
.homepageCircle-sub { font-size: 1.7em; margin-top: 15px; margin-bottom: 0; font-weight: 100; display: none; }

@media (min-width: 768px) { .homepageCircle-sub { display: block; } }
@media (min-width: 1200px) { .homepageCircle-sub { margin-top: 25px; } }
.homepageCircle-main { width: 74%; margin-left: 13%; margin-top: 15px; margin-bottom: 0; display: none; }

@media (min-width: 992px) { .homepageCircle-main { display: block; } }
@media (min-width: 1200px) { .homepageCircle-main { margin-top: 25px; } }
.homepageCircle-link { font-size: 1.7em; margin-top: 15px; margin-bottom: 0; display: none; }

@media (min-width: 768px) { .homepageCircle-link { display: block; } }
@media (min-width: 1200px) { .homepageCircle-link { margin-top: 25px; } }
.homepageBlog { padding: 20px 0; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25) inset; background: linear-gradient(to top, #ccc, transparent 30%); }

@media (max-width: 767px) { .homepageBlog { background: linear-gradient(to top, #ccc, transparent 70px); } }
.homepageBlog-image { float: left; max-width: 25%; margin-right: 15px; margin-top: 13px; display: none; }

@media (min-width: 768px) { .homepageBlog-image { display: block; } }
.homepagePodcast { padding-bottom: 20px; }

@media (min-width: 992px) { .homepagePodcast { background: linear-gradient(to left, #ccc, transparent 500px); } }
.homepagePodcast-image { float: left; margin-right: 15px; margin-top: 13px; display: none; }

@media (min-width: 768px) { .homepagePodcast-image { display: block; } }
@media (min-width: 768px) { .homepagePodcast-content { /*padding-left: 30%;*/ width: 70%; } }
.homepageVideo { padding: 20px 0; }

.homepageVideo-video { float: left; margin-right: 20px; }

.homepageLink { color: #061f5c; font-size: 1.1em; font-weight: 700; display: block; text-transform: uppercase; margin-top: 10px; }

.homepageLink--inset { text-transform: none; display: inline; }

@media (min-width: 768px) { .homepageLink--large { font-size: 1.6em; } }
@media (min-width: 768px) { .homepageLink--huge { font-size: 2em; } }
.homepageLink-description { margin-bottom: 20px; }

.homepageBiglink { float: right; margin: 20px; font-size: 1.6em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; position: relative; color: #aaa; }

.homepageBiglink:hover { color: #aaa; }

@media (min-width: 992px) { .homepageBiglink--podcast { margin-right: 34%; } }
.homepageBiglink-arrow { position: absolute; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.2); right: -33px; top: -10px; border-radius: 50%; }

.homepageBiglink-arrow .fa { line-height: 53px; margin-left: 19px; font-size: 1.3em; color: #888; }

.homepageImage { position: relative; width: 100%; }

.homepageImage .container { position: relative; }

.homepageImage-holder { position: absolute; top: 15%; width: 100%; font-size: 0.5em; }

@media (min-width: 768px) { .homepageImage-holder { font-size: 0.8em; top: 20%; } }
@media (min-width: 992px) { .homepageImage-holder { font-size: 1em; top: 20%; } }
.homepageImage-extend { position: absolute; width: 10000px; height: 100%; left: -9985px; }

.homepageImage-shadow { position: absolute; top: 0; width: 10000px; height: 100%; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); z-index: -1; }

.homepageImage-shadow--center { width: 100%; }

.homepageImage-highlight { padding: 15px 30px 5px; float: left; position: relative; }

.homepageImage-highlight--center { float: none; display: table; margin: 0 auto; }

.homepageImage-arrow { background: rgba(255, 255, 255, 0.4); width: 20px; height: 20px; border-radius: 50%; display: inline-block; text-align: center; position: relative; top: 8px; }

.homepageImage-arrow .fa { line-height: 40px; font-size: 0.6em; padding-left: 2px; top: -10px; position: relative; }

@media (min-width: 768px) { .homepageImage-arrow .fa { padding-left: 4px; top: -14px; } }
@media (min-width: 992px) { .homepageImage-arrow .fa { top: -17px; } }
@media (min-width: 768px) { .homepageImage-arrow { width: 30px; height: 30px; top: 13px; } }
@media (min-width: 992px) { .homepageImage-arrow { width: 40px; height: 40px; top: 14px; } }
.homepageImage-text { color: white; font-size: 3.2em; }

.homepageImage-bgBlue { background: rgba(6, 31, 92, 0.5); }

.homepageImage-bgOrange { background: rgba(224, 138, 26, 0.5); }

.homepageImage-bgPurple { background: rgba(120, 82, 165, 0.5); }

.homepageImage-bgTeal { background: rgba(75, 160, 178, 0.5); }

.homepageImage-bgRed { background: rgba(138, 36, 50, 0.5); }

/* Override Bootstrap */
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }

.topNav { background: rgba(0, 0, 0, 0.15); font-size: 0.9em; border-radius: 0; min-height: auto; margin: 0; }

.topNav-search { position: relative; margin-top: 5px; }

.topNav-searchBox { padding: 3px 8px; font-size: 0.9em; border-radius: 0; height: auto; }

.topNav-searchButton { background: transparent; border: none; right: 2px; top: 2px; position: absolute; }

.topNav-toggle { padding: 5px; }

.topNav-searchBoxDsktp { width: 390px; }

.topNav-filterbtn { width: 1% !important; }

.mainNav { font-size: 0.8em; position: relative; }

@media (min-width: 992px) { .mainNav { font-size: 1em; } }
.mainNav-logo { margin: 15px auto; display: block; }

@media (min-width: 768px) { .mainNav-logo { float: left; max-width: 20%; } }
.mainNav-navbar { display: none; }

@media (min-width: 768px) { .mainNav-navbar { display: block; position: absolute; right: 45px; bottom: 0; } }
.mainNav-link:focus:not(:hover) { background: transparent !important; }

.mainNav-link .fa { color: #4ba0b2; transition: all 0.3s ease; }

.mainNav-link .fa.turned { transform: rotate(-180deg); }

.mainNav-feature { background: #4ba0b2; color: white; font-size: 1.2em; padding: 10px 18px 8px; }

.mainNav-feature .fa { margin-left: .2em; transition: all 0.3s ease; }

.mainNav-feature .fa.turned { transform: rotate(-90deg); }

.mainNav-megaHolder { position: absolute; top: 100%; z-index: 10; width: 100%; left: 0; display: none; }

@media (min-width: 768px) { .mainNav-megaHolder { display: block; } }
.mainNav-mega { width: 100%; transition: all 0.3s ease; background: white; border-top: 1px solid #ccc; padding: 0; position: absolute; top: 0; z-index: 10; height: 0; overflow: hidden; }

.mainNav-mega--open { padding: 15px 0; height: auto; }

/* Fixed Footer */
.footer-socialIcon { font-family: FontAwesome; font-size: 1.5em; color: white; background: #061f5c; display: block; float: left; width: 34px; height: 34px; text-align: center; margin: 0 0.2em 0.5em 0; border-radius: 5px; padding: 1% 0px 0px 0px; }

.footer-socialIcon:hover, focus { background: rgba(33, 80, 130, 0.9); color: #fff; -webkit-transition: ease-in 0.2s; /* Safari */ transition: ease-in 0.2s; }

@media screen and (min-width: 768px) { .footer-socialIcon { padding: 2% 0px 0px 0px; } }
@media screen and (max-width: 320px), screen and (max-width: 480px), screen and (max-width: 768px) { .footer-socialIcon { font-size: 1.75em; } }
@media (max-width: 1199px) { .footer > .container { width: auto; } }
/* Fixed Footer */
.footer { font-size: .9em; padding-top: 25px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15) inset; /*padding-bottom: 20px;*/ }

@media (max-width: 767px) { .footer { box-shadow: none; } }
.footer-link { color: #6b6a65; }

.footer-link--large { font-weight: bold; font-size: 1.2em; color: #061f5c; }

@media (max-width: 767px) { .footer-socialHolder { text-align: right; } }
/*
.defaultFooter { padding-top: 25px; font-size: 0.9em; display: none; } @media (min-width: 768px) { .defaultFooter { display: block; } }

.mobileFooter { padding-top: 25px; font-size: 0.9em; display: none; } @media (max-width: 767px) { .mobileFooter { display: block; } }
*/
.productList-product { margin-bottom: 25px; }

.productList-button { width: 100%; font-size: 1.2em; }

.product { margin-top: 25px; }

@media (min-width: 992px) { .product-title { margin-top: 0; } }
.product-description { margin-top: 25px; font-size: 1.1em; }

.product-songs { margin-top: 25px; }

.product-song { margin-bottom: 10px; }

.product-table { width: 100%; border-spacing: 7px; border-collapse: separate; }

.product-play { padding: 3px 4px 3px 6px; border: 1px solid black; border-radius: 50%; }

.product-related { margin-top: 25px; }

.product-stars { font-size: 2.5em; color: #ffd700; }

.product-stars--small { font-size: 1.8em; }

.product-star { cursor: pointer; }

.product-reviews { margin-top: 25px; }

.product-cart { margin-top: 20px; }

@media (max-width: 767px) { .nav-tabs--product { border: none; }
  .nav-tabs--product > li { float: none; }
  .nav-tabs--product > li a { padding: 6px 0 0; font-size: 1.2em; }
  .nav-tabs--product > li.active a, .nav-tabs--product > li.active a:hover, .nav-tabs--product > li.active a:focus { border: none; font-weight: 700; } }
.sidebar { margin-top: 25px; }

.sidebar-feature { margin-top: 20px; }

.search-result { border: 1px solid #ccc; padding: 15px 0px; border-radius: 10px; margin-bottom: 15px; }

.search-header { margin-top: 0; }

.search-audio { margin-top: 10px; }

.search-filter { font-size: 1.5em; margin-top: 15px; }

.search-dropdown { cursor: pointer; }

.search-dropdown .fa { transition: all 0.2s ease; }

.search-dropdown.collapsed .fa-caret-down { transform: rotate(-90deg); }

.search-filterLabel { font-weight: 400; margin-left: 10px; font-size: 0.8em; }

.account-nav { margin-bottom: 20px; }

@media (min-width: 768px) { .account-nav { border-right: 3px solid #4ba0b2; } }
.account-link { font-size: 1.4em; margin: 0; padding: 5px 0; color: #4ba0b2; }

.account-link.active { background: #4ba0b2; }

.account-link.active a, .account-link.active a:hover, .account-link.active a:active, .account-link.active a:focus { color: white; background: transparent; }

@media (max-width: 767px) { .account-mobileNav { width: 200%; clear: both; }
  .account-mobileNav .account-mobileNav-container { transition: all 0.3s ease; }
  .account-mobileNav .account-mobileNav-container .account-link { white-space: nowrap; }
  .account-mobileNav--show .account-mobileNav-container { overflow: hidden; margin: 0; padding: 0; width: 0; } }
.account-back { font-size: 2.5em; }

@media (min-width: 768px) { .account-back { display: none; } }
.account-holder { width: 100%; overflow-x: hidden; }

.cart-item { margin-top: 25px; }

.cart-remove { font-size: 2em; padding: 0px 5px 2px 6px; border: 1px solid; border-radius: 8px; }

.cart-finish { margin-top: 20px; }

.cart-checkout { margin-bottom: 25px; }

.cartModal-input { width: 100%; }

/*# sourceMappingURL=end.css.map */
/* ######################################################################### */
/* ############################    END THEME    ############################ */
/* ######################################################################### */
/* ================================================= * THEME CHANGES/ADDITIONS/FIXES                     * ================================================= */
/* increase font size globally (cause of many of the other changes below) */
body { font-size: 16px; }

/* make links stand out more */
a { color: #0a85b2; }

/* but not on the main nav menu items */
a.mainNav-link { color: #6b6a65; }

/* bootstrap sets image max-width to 100%, which scales down large image widths, BUT if an image height is specified inline (via ckeditor for example), it doesn't get scaled down, causing distortion. To fix this with normal height attribute, we can just set height:auto.  That doesn't account for inline style height though.  For that, you're just gonna have to set the img-responsive class. */
img { height: auto; }

img.img-responsive { height: auto !important; }

/* set min-height because menu is loaded via ajax */
.topNav { min-height: 44px; }

@media (min-width: 768px) { .topNav { min-height: 52px; } }
/* add a little spacing between main nav menu and the big picture */
.mainNav { margin-bottom: 1em; }

/* give main mega menu a max width - per Tony */
@media (min-width: 1200px) { .mainNav-megaHolder { width: 1170px; margin-left: -585px; left: 50%; }
  .mainNav-mega { border: 1px solid #e0e0e0; /* add a full border */ } }
.mainNav-mega { opacity: 0; /* do a pretty transition when hiding */ }

.mainNav-mega--open { padding: 0; /* override theme padding in case our content has a bgcolor */ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); /* add a shadow to differentiate from page */ opacity: 1; /* do a pretty transition when showing */ }

.mainNav-feature { font-size: 1em; /* new global font-size change made this way too big */ margin-left: 20px; }

/* enable adding dropdown menus to top nav */
.topNav .dropdown { margin-top: 0; }

.topNav li.dropdown.open > a.dropdown-toggle { background: rgba(0, 0, 0, 0.05); }

/* fixes search icon being too high in text field */
.topNav-searchButton { top: 0; height: 100%; vertical-align: middle; }

/* always show cart link in topnav on mobile display */
.topNav-mobilecart { display: block; float: left; line-height: 40px; margin-left: 25px; }

/* the theme already provides most of this padding */
.page-header { margin-top: 20px; }

.row.page-header { margin-top: 0; }

/* == move footer at bottom of screen on larger screens */
#content-main { padding-bottom: 60px; /* adds padding before footer */ }

@media screen and (min-width: 768px) { html, body { margin: 0; padding: 0; height: 100%; }
  #wrapper { min-height: 100%; margin: 0 auto -220px; /* the bottom margin is the negative value of the footer's height */ }
  footer, #wrapper-push { height: 330px; } }
@media screen and (min-width: 1200px) { footer { height: 330px; } }
/* == end move footer */
/* font-size change fixes */
.homepageImage-text, .homepageCircle-main, .homepageLink-description { font-family: "Crimson Text", "Times New Roman"; }

.homepageImage-text { font-size: 2.8em; }

@media (max-width: 475px) { .homepageImage-text { font-size: 2.4em; } }
.homepageLink--inset { font-family: 'Source Sans Pro'; font-size: 1em; }

.homepageLink-description { font-size: 1.1em; }

/* make transparent homepage elements "pop" a little more (not so transparent) */
.homepageCircle--purple { background: rgba(120, 82, 165, 0.7); }

.homepageCircle--blue { background: rgba(33, 80, 130, 0.7); }

.homepageCircle--orange { background: rgba(224, 138, 26, 0.7); }

.homepageImage-bgBlue { background: rgba(33, 80, 130, 0.7); }

.homepageImage-bgOrange { background: rgba(224, 138, 26, 0.7); }

.homepageImage-bgPurple { background: rgba(120, 82, 165, 0.7); }

.homepageImage-bgTeal { background: rgba(75, 160, 178, 0.7); }

@media (max-width: 900px) { .mainNav .container { padding-left: 0; padding-right: 0; }
  /* fix overflow issue (due to making text larger) */
  .mainNav .nav > li > a { padding: 10px 7px; } }
@media (min-width: 768px) and (max-width: 1200px) { .topNav .container { width: 100%; padding-left: 0; }
  /* fix premature wrapping issue */ }
/* font-size change fixes */
@media (min-width: 768px) { .homepageCircle-title { font-size: 2em; margin-top: 0.15em; }
  .homepageCircle-sub { font-size: 1.2em; margin-top: 1.2em; } }
/* font-size change fixes */
@media (min-width: 992px) { .homepageCircle-title { font-size: 1.75em; }
  .homepageCircle-sub { font-size: 1.2em; margin-top: 0.25em; } }
@media (max-width: 1199px) { .mainNav .container { width: 100%; }
  /* fix overflow issue (due to making text larger) */ }
/* font-size change fixes */
@media (min-width: 1200px) { .homepageCircle-title { font-size: 2em; }
  .homepageCircle-sub { font-size: 1.5em; margin-top: 0.25em; } }
/* Bootstrapish Additions */
/* this is for centering a col classed element, which is floated by default for normal, non-floated elements, you can use bootstrap's center-block class */
.col-center { float: none; margin-left: auto; margin-right: auto; }

.dotted-border { border-style: dotted; }

.striped-even-container > .row:nth-of-type(even), .striped-odd-container > .row:nth-of-type(odd), .striped-even:nth-of-type(even), .striped-odd:nth-of-type(odd) { background: #eeeeee; }

.striped-even-container.striped-dark > .row:nth-of-type(even), .striped-odd-container.striped-dark > .row:nth-of-type(odd), .striped-even.striped-dark:nth-of-type(even), .striped-odd.striped-dark:nth-of-type(odd) { background: #eeeeee; }
.striped-even-container.striped-dark > .row:nth-of-type(even) hr, .striped-odd-container.striped-dark > .row:nth-of-type(odd) hr, .striped-even.striped-dark:nth-of-type(even) hr, .striped-odd.striped-dark:nth-of-type(odd) hr { border-color: #e0e0e0; }

.not-allowed { cursor: not-allowed; }

/* extra button classes */
.btn-secondary { color: #333; border: solid 1px #ccc; background: #fff; }

.btn-secondary.active { border-color: #888; }

.btn-dotted { color: #333; border: dotted 1px #aaa; background: #fff; }

.btn-dotted:disabled, .btn-dotted.disabled { border-color: #ccc; }

.btn-slim, .nav > li > a.btn-slim { padding-left: 5px; padding-right: 5px; }

.btn-short, .nav > li > a.btn-short { padding-top: 5px; padding-bottom: 5px; }

/* copy button style except for click stuff */
.copy-btn-style { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-radius: 4px; }

.copy-btn-style.wrap { white-space: normal; }

.copy-btn-style.text-left { text-align: left; }

.copy-btn-style.text-right { text-align: right; }

.btn-link-danger, .btn-link-danger:hover, .btn-link-danger:active, .btn-link-danger:focus { color: #a94442; }

/* toggle buttons */
.toggle-arrow:after { content: "\e260"; margin-left: .25em; font-family: 'Glyphicons Halflings'; font-size: .7em; }

.toggle-arrow.collapsed:after { content: "\e259"; }

.toggle-on-default:not(.collapsed) { color: #333; background-color: #e6e6e6; border-color: #ccc; }

.toggle-on-light:not(.collapsed) { background-color: #f7f7f7; }

.toggle-on-primary:not(.collapsed) { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.toggle-on-secondary:not(.collapsed) { color: #333; border: solid 1px #ccc; background: #fff; }

.toggle-on-success:not(.collapsed) { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.toggle-on-info:not(.collapsed) { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.toggle-on-warning:not(.collapsed) { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.toggle-on-danger:not(.collapsed) { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

/** change collapse point **/
@media (min-width: 992px) { .navbar-collapse-md.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } }
/* extra table classes */
table.borderless > thead > tr > td, table.borderless > thead > tr > th, table.borderless > tbody > tr > td, table.borderless > tbody > tr > th { border: none; }

table > thead > tr > td.vertical-middle, table > thead > tr > th.vertical-middle, table > tbody > tr > td.vertical-middle, table > tbody > tr > th.vertical-middle { vertical-align: middle; }

table.bottom-row-total > tr:last-child > th, table.bottom-row-total > tbody > tr:last-child > th, table.bottom-row-total > tr:last-child > td, table.bottom-row-total > tbody > tr:last-child > td { border-top: double 3px #ccc; }

input.invalid { background-color: #f2dede; border-color: #ebccd1; }

hr.wide { margin-top: 40px; margin-bottom: 40px; }

hr.dotted { border-color: #ccc; border-style: dotted; }

@media (max-width: 450px) { .input-group-150 { display: block; } }
.input-group-addon-150 { min-width: 150px; }
@media (max-width: 450px) { .input-group-addon-150 { display: block; float: none; border: none; background: none; text-align: left; padding: 0; font-weight: bold; }
  .input-group-addon-150 + .form-control { display: block; width: 100%; float: none; border-radius: 4px !important; } }

/* Messages */
#main-messages-container .ocp-messages { margin-top: 20px 0; }

.ocp-messages ul { margin-bottom: 0; }

.ocp-messages-popup { position: absolute; margin-top: 6px; margin-left: 6px; z-index: 10000; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25); font-size: .9em; }

.ocp-messages-popup:before { content: ' '; position: absolute; top: -7px; width: 12px; height: 12px; overflow: clip; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); }

/*.ocp-messages-popup.alert-success:before { border-top: solid 1px #b2dba1; border-left: solid 1px #b2dba1; background: #ddefd6;
}*/
.ocp-messages-popup.alert-success:before { border-top: solid 1px #b2dba1; border-left: solid 1px #b2dba1; background: #ccc9c4; }

.ocp-messages-popup.alert-info:before { border-top: solid 1px #9acfea; border-left: solid 1px #9acfea; background: #d8edf7; }

.ocp-messages-popup.alert-warning:before { border-top: solid 1px #f5e79e; border-left: solid 1px #f5e79e; background: #fcf8e2; }

.ocp-messages-popup.alert-danger:before { border-top: solid 1px #dca7a7; border-left: solid 1px #dca7a7; background: #f2dede; }

/* ================================================= * REPORTS                                           * ================================================= */
#report-container .report-panel-section { /*        border-left:  dotted 1px #ddd; */ padding: 0 10px; float: left; width: auto; min-height: 30px; }

#report-container .report-panel-section:first-child { border-left: none; }

#report-container hr.xs-sep { display: none; }

@media (min-width: 992px) { #report-container .report-panel-section { padding: 0 20px; } }
/* #report-container .top-icon-link { margin: -11px 0; } */
/* resize glyphicons * /
#report-container .top-icon-link { display: inline-block; line-height: 1.4em; text-align: center; font-size: 12px; border: solid 1px transparent; border-radius: 3px; text-decoration: none; padding: 5px 8px;
}
#report-container .top-icon-link:hover,
#report-container .top-icon-link:active,
#report-container .top-icon-link:focus { background: #d9edf7; border: solid 1px #bce8f1;
}

#report-container .share-icon, #report-container .download-icon { font-size: 1.75em;
}
*/
#report-container .select-links { margin: 0; }

/* make the filter row stand out */
#report-container .recordset .filters > td { padding-top: 10px; padding-bottom: 10px; }

#report-container table.recordset { margin: 0 auto; }

#report-container .recordset thead th:first-child { border-top-left-radius: 3px; }

#report-container .recordset thead th:last-child { border-top-right-radius: 3px; }

#report-container .recordset thead th { background: #eee; padding: 10px; }

#report-container .recordset thead a { color: #333; }

#report-container .recordset thead .glyphicon { font-size: 12px; }

#report-container .recordset thead a.sorted-none .glyphicon { /* the + and x are a little too bold */ font-size: 10px; padding: 2px; }

#report-container .recordset thead a.sorted-none { visibility: hidden; color: #888; }

#report-container .recordset thead th:hover a.sorted-none, #report-container .recordset thead th:active a.sorted-none, #report-container .recordset thead th:focus a.sorted-none { visibility: visible; }

#report-container .recordset th.sorted { /*
background: #eee;
*/ border-bottom: solid 2px #555; }

#report-container .recordset th.sorted a.field-label, #report-container .recordset th.sorted a.glyphicon-sort-by-attributes, #report-container .recordset th.sorted a.glyphicon-sort-by-attributes-alt { color: #000; }

/* initially hide the x in the toggle button */
#report-container .recordset .filter-toggle .x { display: none; margin-left: 3px; }

#report-container #recordset { position: relative; }

#report-container .rowdetail > td { padding: 10px 20px; background: #e8e8e8; }

#report-container .rowdetail > td .table-striped > thead > tr { background-color: #fafafa; }

#report-container .rowdetail > td .table-striped > tbody > tr:nth-of-type(even) { background-color: #fafafa; }

#report-container .rowdetail > td .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f2f2f2; }

#report-container .container.recordset-fluid { width: auto !important; }

/* ================================================= * CMS ================================================= */
#report-container.cms-report tr.published td.state .field-text { color: #51a325; }

#report-container.cms-report tr.approved, #report-container.cms-report tr.waiting { color: #666; /* muahahahaha! ]:-> */ font-style: italic; }

#report-container.cms-report td.editlinks { font-style: normal; white-space: nowrap; }

#report-container.cms-report tr.expired { color: #888; font-style: italic; }

/* probably will delete or move */
#cms-form .expanding-panel-container { position: relative; margin-bottom: 20px; }

#cms-form .expanding-panel-container .panel { position: absolute; width: 100%; right: 0; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; }

#cms-form .expanding-panel-container .panel-expand-btn { padding: .4em .6em .3em .6em; margin-top: -3px; margin-right: -10px; opacity: 0.1; }

#cms-form .expanding-panel-container:hover .panel-expand-btn, #cms-form .expanding-panel-container .panel-expand-btn:hover, #cms-form .expanding-panel-container .panel-expand-btn:active, #cms-form .expanding-panel-container .panel-expand-btn:focus, #cms-form .expanding-panel-container .panel.expanded .panel-expand-btn { opacity: 1; }

#cms-form .dynamic-list, #cms-form .dynamic-list-body { overflow-y: auto; }

#cms-form .dynamic-list-item .delete-btn { color: #e09d9d; border-left: none; }

#cms-form .dynamic-list-item .delete-btn:hover, #cms-form .dynamic-list-item .delete-btn:focus { color: #ad0000; border-color: #ccc; background-color: #f1cdcd; }

#cms-form .dynamic-list-item.confirm-delete .delete-btn, #cms-form .dynamic-list-item.confirm-delete input { color: #ad0000; border-color: #ad0000; background-color: #f1cdcd; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }

/* end probably will delete or move */
#cms-toolbar > .tab-content > .tab-pane { border: solid 1px #c6dcf2; border-top: none; padding: 20px; }

#cms-editor-content > .container > .contained { border: dotted 1px #ccc; margin: 0 -1px; padding: 1px; }

#cms-preview-frame .modal-dialog { width: 96%; height: 93%; min-height: 200px; }

#cms-preview-frame .modal-content { height: 100%; }

#cms-preview-frame .modal-header { height: 7%; min-height: 40px; }

#cms-preview-frame .modal-body { padding: 2px; width: 100%; height: 93%; border: none; }

#cms-editor-content textarea.cms-section-wysiwig { display: none; }

#cms-revision-preview-image-preview { margin: 0 auto; max-height: 200px; }

/* ================================================= * ACCOUNT DASHBOARD ================================================= */
.account-email-interests, .account-email-informed, .account-details-user-name-password, .account-details-contact-update, .account-activity-order-details { display: none; }

.wishlist-name-div { border: solid 1px transparent; background: transparent; padding: 5px 5px; font-size: 18px; cursor: pointer; }
.wishlist-name-div:hover { border: dotted 1px #888; }
.wishlist-name-div:focus { border-color: #888; background: #fff; cursor: auto; }

#account-orders-list .header-label { display: inline-block; float: left; font-size: .8em; padding-top: .2em; color: #888888; text-transform: uppercase; width: 60px; }
#account-orders-list .col.order-status { text-align: center; font-size: .8em; }
#account-orders-list .col.order-status .icon:before { font-size: 20px; }

.order-status.icon:before, .order-status .icon:before { font-family: 'Glyphicons Halflings'; }
.order-status.open { color: #31708f; }
.order-status.open.icon:before, .order-status.open .icon:before { content: "\e023"; }
.order-status.pending { color: #8a6d3b; }
.order-status.pending.icon:before, .order-status.pending .icon:before { content: "\e023"; }
.order-status.closed { color: #3c763d; }
.order-status.closed.icon:before, .order-status.closed .icon:before { content: "\e089"; }
.order-status.refunded { color: #a94442; }
.order-status.refunded.icon:before, .order-status.refunded .icon:before { content: "\e088"; }

.muted-label { display: inline-block; color: #666; text-transform: uppercase; font-size: .8em; padding-top: .2em; vertical-align: top; }
.small .muted-label { font-size: 1em; padding-top: 0; }
.muted-label.short, .short .muted-label { width: 60px; }
@media (min-width: 768px) { .muted-label.wide, .wide .muted-label { width: 120px; } }

.myaccount-subitem { background: #eeeeee; padding: 10px; }
.myaccount-subitem > .inner { margin: 2px; border: dotted 1px #ddd; border-radius: 4px; background: #fff; padding: 10px; }

.row.myaccount-subitem { margin-right: -13px; margin-left: -13px; }

/* ================================================= * GENERIC ================================================= */
.right { float: right; margin-left: 10px; }

.left { float: left; margin-right: 10px; }

.link { cursor: pointer; }

.html { overflow-y: scroll; }

/* ================================================= * BLOG ================================================= */
#blog-header { line-height: 1.5em; }
#blog-header #blog-nav-links { top: 0; position: relative; }
#blog-header .channel { margin-bottom: 1em; }

.video-frame { margin-bottom: 1em; }

.blog figure { margin-bottom: 1em; padding-top: 1em; }

.image__caption { width: 75%; float: right; top: 4em; position: relative; }

#blog-nav-links h4 { font-size: 1em; margin: 0; display: inline-block; margin-right: .5em; }

#blog-nav-links ul { list-style: none; display: inline; margin: 0; padding: 0; }

#blog-nav-links ul > li { display: inline-block; }

#blog-nav-links ul > li:after { content: ' | '; margin: 0 .5em; display: inline-block; }

#blog-nav-links.commas ul > li:after { content: ', '; margin-left: 0; }

#blog-nav-links ul > li:last-child:after { content: none; margin: 0; }

#blog-nav-links ul > li.active a { color: #888888; text-decoration: none; font-weight: 700; }
#blog-nav-links ul > li.active a:hover { color: #0a85b2; }

.blog-catsep { color: #ccc; margin: 0 .5em; font-size: .9em; }

.blog-col-left { border-right: 2px solid #4ba0b2; }

@media (max-width: 991px) { .blog-col-left { border-right: none; }
  #blog-related-posts-collapse { border: dotted 1px #4ba0b2; border-radius: 5px; } }
/* ================================================= * PRODUCTS ================================================= */
.btn-default-pretty, .nav > li > a.btn-default-pretty { background-color: #ffffff; padding: 6px 23px; font-size: 12px; color: #808080; border-radius: 3px; border: 1px solid #808080; box-shadow: none; }

/* i'm not happy about having to do this :( */
.product-button, .nav > li > a.product-button { margin-right: 12px; }

.btn-default-related-pretty { border-radius: 10px 10px 10px 10px; background-color: #DCDCDC; font-size: 14px; color: #333333; }

.btn-danger-pretty { background-color: #8A2432; padding: 6px 18px; font-size: 12px; color: #AAAAAA; border-radius: 3px; border: 1px solid #FFFFFF; box-shadow: none; }

.btn-danger-pretty:hover { color: #ffffff; }

.btn-success-pretty { background-color: #598527; padding: 6px 18px; font-size: 12px; /*color: #AAAAAA;*/ color: #fff; border-radius: 3px; border: 1px solid #FFFFFF; box-shadow: none; }

.btn-success-pretty:hover { color: #ffffff; }

.shipping-icon { font-size: 20px; }

/* ================================================= * COMMONS ================================================= */
.alert-success { background: #dae5c7; border-color: #c9d6b3; color: #2c631b; }

.modal-errors { text-align: left; list-style-type: none; color: #8A2432; padding: 0px 0px 0px 5px; }

[data-toggle="audio"].audio-icons { text-decoration: none; transition: all 100ms; }
[data-toggle="audio"] .pause, [data-toggle="audio"].playing .play { display: none; }
[data-toggle="audio"] .play, [data-toggle="audio"].playing .pause { display: inherit; }

.audio-play-icon:before, .audio-pause-icon:before, .audio-disabled-icon:before { font: normal 1.5em "FontAwesome"; }

.audio-play-icon:before { content: "\f01d"; }

.audio-pause-icon:before { content: "\f28c"; }

.audio-pause-icon:before, .paused .audio-play-icon:before { color: #598527; }

/* .audio-stop-icon:before { content: "\f28e";
} */
.audio-play-icon.disabled:before, .audio-disabled-icon:before { content: "\f01d"; color: #e0e0e0; }

audio.showWhenPlaying, audio.showWhenPaused, audio.hideWhenStopped, audio.playing.hideWhenPlaying, audio.paused.hideWhenPaused, audio.stopped.hideWhenStopped { visibility: hidden; opacity: 0; transition: all 500ms; }

audio.playing.showWhenPlaying, audio.paused.showWhenPaused, audio.stopped.showWhenStopped { visibility: visible; opacity: 1; transition: all 500ms; }

.imgHoverCaption { display: none; position: absolute; top: 0; left: 0; padding: 5px 1em; background: #fff; border: solid 1px #bbb; border-radius: 5px; -webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25); text-align: left; }

.overflow-wrap { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ /* word-break: break-all; */ /* Instead use this non-standard one: */ word-break: break-word; }

.overflow-wrap.hyphenate { /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.product-list-icon { cursor: pointer; }

.loading-div { position: fixed; display: block; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); }
.loading-div .inner-div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 15px; text-align: center; background: url("../img/ajax-loader.gif") top center no-repeat; }
.loading-div.vertical-top .inner-div { position: relative; top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.loading-div.dark { background: rgba(0, 0, 0, 0.5); }
.loading-div.dark .inner-div { background-image: url("../img/ajax-loader-light.gif"); color: #eee; }

@media (max-width: 767px) { /* makes element scroll horizontally on small screens (used for pagination) */
  .nav-mobile-scroll { display: block; white-space: nowrap; overflow-x: auto; font-size: 20px; /* normal is 14px, make bigger for mobile fingers */ margin-bottom: 5px; }
  .nav-mobile-scroll .pagination { margin-bottom: 5px; }
  .nav-mobile-scroll .pagination > li { display: inline-block; }
  .nav-mobile-scroll .pagination-sm > li > a, .nav-mobile-scroll .pagination-sm > li > span { font-size: 18px; /* normal is 12px, make bigger for mobile fingers */ }
  .mobile-text-lg { font-size: 125%; }
  .modal-header > button.close { font-size: 28px; padding: 5px 15px; } }
/* ================================================= * STICKY NAVIGATION ================================================= */
@media screen and (min-width: 768px) { nav.topNav { width: 100%; top: 0; z-index: 1000; background: lightgray; }
  .mainNav { width: 100%; z-index: 99; background: white; padding-bottom: 1em; }
  .top-nav-stuck { position: fixed; top: 0; z-index: 1000; }
  .main-nav-stuck { position: fixed; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px rgba(0, 0, 0, 0.275); margin-bottom: 0; }
  .logo-reduced { max-width: 7%; margin: 5px auto -10px auto; transition: all 0.1s ease; } }
.debug { border: solid 1px #f00; }

/*!
 * 
 * Base styles for mejs audio player, includes fallback for cross-browser
 * 
 */
.mejs-offscreen { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0, 0 0, 0 0, 0 0); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; }

.mejs-fill-container, .mejs-fill-container .mejs-container { width: 100%; height: 100%; }

.mejs-fill-container { overflow: hidden; }

.mejs-container:focus { outline: 0; }

.me-plugin { position: absolute; }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-fullscreen { overflow: hidden !important; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }

.mejs-clear { clear: both; }

.mejs-background { position: absolute; top: 0; left: 0; }

.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }

:root .mejs-poster img { display: none; }

.mejs-poster img { border: 0; padding: 0; border: 0; }

.mejs-overlay { position: absolute; top: 0; left: 0; }

.mejs-overlay-play { cursor: pointer; }

.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(bigplay.svg) no-repeat; }

.no-svg .mejs-overlay-button { background-image: url(bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }

.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(loading.gif) 50% 50% no-repeat; }

.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(background.png); background: #e0e0e0; height: 30px; width: 100%; }

.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; }

.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button { background-image: url(controls.png); }

.mejs-controls .mejs-button button:focus { outline: dotted 1px #999; }

.mejs-container .mejs-controls .mejs-time { color: #061f5c; display: block; height: 17px; width: auto; padding: 10px 3px 0; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time a { color: #061f5c; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }

.mejs-controls .mejs-play button { background-position: 0 0; }

.mejs-controls .mejs-pause button { background-position: 0 -16px; }

.mejs-controls .mejs-stop button { background-position: -112px 0; }

.mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #fff; }

.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-moz-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-ms-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@-o-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
.mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current { background: #061f5c; width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #061f5c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; }

.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }

.mejs-controls .mejs-mute button { background-position: -16px -16px; }

.mejs-controls .mejs-unmute button { background-position: -16px 0; }

.mejs-controls .mejs-volume-button { position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }

.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }

.mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; vertical-align: middle; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

.mejs-controls .mejs-captions-button { position: relative; }

.mejs-controls .mejs-captions-button button { background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px 10px 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none !important; display: block; color: #061f5c; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px; }

.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }

.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); overflow: hidden; border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #061f5c; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: 700; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px; line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px; display: block; white-space: nowrap; text-overflow: ellipsis; }

.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 20px; font-size: 16px; color: #061f5c; }

.mejs-captions-layer a { color: #fff; text-decoration: underline; }

.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400; }

.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }

.mejs-captions-position-hover { bottom: 35px; }

.mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; }

.me-cannotplay a { color: #fff; font-weight: 700; }

.me-cannotplay span { padding: 15px; display: block; }

.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button { background-position: -64px 0; }

.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }

.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }

.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; }

.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }

.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }

.mejs-controls .mejs-sourcechooser-button { position: relative; }

.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none !important; display: block; color: #061f5c; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; }

.mejs-postroll-layer-content { width: 100%; height: 100%; }

.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(background.png); background: rgba(50, 50, 50, 0.7); color: #061f5c; padding: 4px; z-index: 100; cursor: pointer; }

div.mejs-speed-button { width: 46px !important; position: relative; }

.mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #061f5c; }

.mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: #21f8f8; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px; padding: 0 10px; list-style-type: none !important; display: block; color: #061f5c; overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: #061f5c; margin-left: 5px; cursor: pointer; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; }

.mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(jumpforward.png) no-repeat; background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #061f5c; }

.mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(skipback.png) no-repeat; background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #061f5c; }

/*!
 * 
 * OUJ-SPECIFIC styles
 * 
 */
.mejs-ocp .mejs-controls .mejs-button button { width: 26px; height: 26px; }

.mejs-ocp .mejs-controls { background: none; height: 40px; width: 100%; }

.mejs-container { width: 100% !important; overflow: hidden; height: 40px !important; background: #e0e0e0; max-width: 420px; border-radius: 5px; }

.mejs-ocp .mejs-controls .mejs-playpause-button { top: 29px; left: 9px; width: 60px; height: 100%; }

.mejs-ocp .mejs-controls .mejs-playpause-button button { width: 60px; height: 100%; margin: 0; padding: 0; border-radius: 5px; font-size: 19px; color: #fff; background: #061f5c; }

.mejs-ocp .mejs-controls .mejs-pause button { background-position: 0 -23px; }

.mejs-ocp .mejs-container .mejs-controls { position: static; }

.mejs-ocp .mejs-controls .mejs-time-rail .mejs-time-current { background: #061f5c; border-radius: 5px; }

.mejs-ocp .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; border-radius: 5px; width: 61% !important; }

.mejs-ocp .mejs-container .mejs-controls .mejs-time, .mejs-container .mejs-controls .mejs-time { color: #061f5c; padding-top: 15px; font-size: 0.85em; }

.mejs-ocp .mejs-controls .mejs-time-rail .mejs-time-total { background: white; width: 35% !important; border-radius: 5px; }

.mejs-ocp .mejs-controls div.mejs-time-rail { padding-top: 11px; width: 40% !important; margin-left: 5px; }

.mejs-controls .mejs-button button { font-size: 1.8em; color: #061f5c; background: transparent; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 15px; left: 14px; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #fff; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #061f5c; }

.mejs-controls .mejs-time-rail .mejs-time-float { border: none; top: -18px; }

/*simple layout*/
div.mejs-container.svg.mejs-ocp.mejs-audio.mejs-simple { display: inline-block; width: 60px !important; float: left; margin-right: 10px; }

/*partial layout*/
div.mejs-container.svg.mejs-ocp.mejs-audio.mejs-partial { width: 100% !important; max-width: 200px; text-align: center; }

.mejs-container.svg.mejs-ocp.mejs-audio.mejs-partial .mejs-time-total { width: 45% !important; }

/*product page layout*/
div.mejs-container.svg.mejs-ocp.mejs-audio.mejs-product { width: 100% !important; max-width: none; }

.productlist-field-title { font-size: 18px; }

.btn.play-pause { width: 30px; height: 20px; margin: 0 10px 7px 7px; padding: 0; border-radius: 5px; font-size: 12px; color: #fff; background: #061f5c; }

/*shrink play btn for desktop*/
@media screen and (min-width: 768px) { .mejs-ocp .mejs-controls .mejs-playpause-button button { width: 45px; }
  div.mejs-container.svg.mejs-ocp.mejs-audio.mejs-simple { width: 45px !important; }
  .mejs-ocp .mejs-controls .mejs-playpause-button { width: 45px; }
  .mejs-container.svg.mejs-ocp.mejs-audio.mejs-partial .mejs-time-total { width: 47% !important; }
  .mejs-ocp .mejs-controls .mejs-time-rail .mejs-time-total { width: 38% !important; }
  .mejs-ocp .mejs-controls div.mejs-time-rail { width: 42% !important; }
  .btn.play-pause { width: 20px; } }
/* ================================================= * OCP IMAGE SLIDER ================================================= */
.ocp-image-slider { position: relative; background: #fbfbfb; border: solid 1px #ddd; border-radius: 5px; padding: 15px 70px 15px 70px; white-space: nowrap; overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; margin-bottom: 1em; }

.ocp-image-slider.hideArrows { padding-right: 25px; }

.ocp-image-slider.hideArrows .prev-arrow, .ocp-image-slider.hideArrows .next-arrow { display: none; }

.ocp-image-slider .prev-arrow.disabled, .ocp-image-slider .prev-arrow:disabled, .ocp-image-slider .next-arrow.disabled, .ocp-image-slider .next-arrow:disabled { cursor: default; }

.ocp-image-slider .prev-arrow.disabled .arrow, .ocp-image-slider .prev-arrow:disabled .arrow, .ocp-image-slider .next-arrow.disabled .arrow, .ocp-image-slider .next-arrow:disabled .arrow { background: #f0f0f0; color: #aaa; }

.ocp-image-slider img.img-thumbnail:hover, .ocp-image-slider img.img-thumbnail:focus { border: 1px solid #4ba0b2; }

.ocp-image-slider img.img-thumbnail { border: 1px solid #061f5c; -webkit-transition: ease-in 0.2s; transition: ease-in 0.2s; }

.ocp-image-slider.hideIndicators .indicators { display: none; }

.ocp-image-slider .indicators ol { white-space: normal; text-align: center; margin: 0; margin-bottom: -10px; padding: 0; padding-top: 12px; list-style: none; }

.ocp-image-slider .indicators li { display: inline-block; border: solid 1px #ccc; border-radius: 50%; background: #e0e0e0; width: 12px; height: 12px; margin: 0 2px; cursor: pointer; }
@media (max-width: 787px) { .ocp-image-slider .indicators li { width: 15px; height: 15px; margin: 0 4px; }
  html.touchevents .ocp-image-slider .indicators li { display: none; } }

.ocp-image-slider .indicators li.active { background: #fff; }

.ocp-image-slider .slides { position: relative; overflow: hidden; }

.ocp-image-slider .slides .slide-wrapper { position: relative; }

.ocp-image-slider .slides .slide { position: relative; display: inline-block; margin: 0 auto; padding: 0; opacity: 0; visibility: hidden; transition: opacity 100ms; }

.ocp-image-slider .slides .slide.active { opacity: 1; visibility: visible; transition: opacity 500ms; }

.ocp-image-slider .slides .slide-item { margin: 0 12px; display: inline-block; text-align: center; white-space: normal; vertical-align: top; }

.ocp-image-slider .prev-arrow, .ocp-image-slider .next-arrow { position: absolute; height: 100%; top: 0; padding: 0 11px; vertical-align: middle; }

.ocp-image-slider .prev-arrow { left: 0; }

.ocp-image-slider .next-arrow { right: 0; }

.ocp-image-slider .arrow { position: relative; top: 47%; background: #fff; border: solid 1px #ddd; border-radius: 50%; color: #000; padding: .5em .75em; }

@media (max-width: 787px) { html.touchevents .ocp-image-slider { padding-left: 15px; padding-right: 15px; }
  html.touchevents .ocp-image-slider .prev-arrow, html.touchevents .ocp-image-slider .next-arrow { top: 100%; height: 30px; margin-top: -30px; padding: 0 2px; }
  html.touchevents .ocp-image-slider .arrow { top: 0; padding: .3em .5em; } }
.ocp-image-slider .loading-div { position: absolute; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; background: url("https://d5uh4t1x1kne0.cloudfront.net/images/ajax-loader.gif") center center no-repeat #eee; }