/* Styles by KS */
/*body {padding-top: 55px;}
.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse { text-align: center;}
.navbarMain { background-color: #96793B; color:#ffffff; border-radius:0; font-size: 18px;}
.navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px;}
.navbarMain .navbar-nav > li > a { color:#fff; text-transform: uppercase;}
.navbar-fixed-top { border:none;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #96793B !important; color: #FFF !important; border-bottom:5px solid red;}
.navbarMain .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #ffffff; background-color: #96793B; border-bottom:5px solid red;}
.navbarMain .navbar-brand { color:#eeeeee;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:transparent;}
*/
.martop-25{ margin-top:25px;}

/*------------------------------------------*/


#eventHighlights{padding:35px 0;background-color: #FFFFFF;}

/*------------------------------------------*/

#speeches{padding:35px 0;background-color: #F0F0F0;}
.main-sect{ position: relative; box-sizing: border-box; padding:0; width:100%;}
.bgrust{ position: relative; display: block; background-image: url('../img/speeches_bg_rust.jpg'); background-position: center center;. background-repeat: no-repeat; background-size: cover; padding:10px; border: 1px solid black; margin:15px 0;}
.bgblack{/* fallback */background-color: #000000;/* Safari 4-5, Chrome 1-9 *//* Can't specify a percentage size? Laaaaaame. */background: -webkit-gradient(radial, center center, 0, center center, 460, from(#666666), to(#2F2727));/* Safari 5.1+, Chrome 10+ */background: -webkit-radial-gradient(circle, #666666, #2F2727);/* Firefox 3.6+ */background: -moz-radial-gradient(circle, #666666, #2F2727);/* IE 10 */background: -ms-radial-gradient(circle, #666666, #2F2727);padding:10px; border: 1px solid black; margin:15px 0; /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */}
.eleWrap{ box-sizing: border-box; position: relative; vertical-align: middle; margin:0;width: 100%; min-height:300px;border: 1px solid #CEA655;}
.eleWrap img{ max-width: 100%; max-height:100%;}

.eleWrap > .patch{ position: absolute; box-sizing: border-box; bottom:0; width: 100%; padding:10px 8px; min-height:97px;background-color: rgba(81,49,29,0.8); text-align: center;}
.eleWrap > .patch > h3{ font-size: 13px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;}
.eleWrap > .patch > .eleTxt{ margin:0; padding: 0; color:#FFF;font-size: 12px;font-weight:300;letter-spacing: 1px; }
.eleWrap > .patch > .fa{ position: absolute;right:15px;bottom:10px;color:#FFE0BB;}

.eleWrap > .patch-black{ position: absolute; box-sizing: border-box; bottom:0; width: 100%; padding:10px 8px; min-height:97px;background-color: rgba(0,0,0,0.75); text-align: center;}
.eleWrap > .patch-black > h3{ font-size: 16px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;}
.eleWrap > .patch-black > .eleTxt{ margin:0; padding: 0; color:#FFF;font-size: 14px;font-weight:300;letter-spacing: 1px; }
.eleWrap > .patch-black > .fa{ position: absolute;right:15px;bottom:10px;color:#FFE0BB;opacity:.7;}


hr.hrgrad,.hrgrad{ border: 0; height: 1px;margin:3px auto;width:70%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 224, 187, 0.55), rgba(0, 0, 0, 0)); }
/*.speech > h3{ font-size: 30px; color:#333; padding:3px 5px 10px 60px; margin: 0; text-transform: uppercase; color:#AB1616; letter-spacing: 3px;}*/
.eleftrspan{ display: block; font-size: 11px; font-weight: 100; font-style: italic; letter-spacing: 1px; }
.viewmore{ margin:15px 5px;}
.sp-viewmore{background-image: url('../img/bg-viewmore.jpg');padding:7px 45px;font-size: 18px; color: #FFF;text-transform: uppercase;letter-spacing: 3px;}
.sp-viewmore:focus, .sp-viewmore:hover{text-decoration: none;color: #FFF;outline: none;}
a.sp-viewmore{font-weight:normal;}

/*------------------------------------------*/

#testimonials{padding:35px 0;background-color: #FFFFFF;}
/*.bg-testi-col1{position: relative;display: block;width: 100%; background-image: url('../img/speeches_bg_rust.jpg'); background-position: center center;. background-repeat: no-repeat; background-size: cover; padding:8px;}*/
.bg-testi-col1{position: relative;display: block;width: 585px; height:285px;padding:8px;margin:5px 0;}
.bg-testi-col1 img{max-width: 100%;}
.bg-testi-rust{ position: relative; display: block; padding:2px; border: 1px solid #CEA655; margin:0;}
.bg-testi-black{/* fallback */background-color: #000000;/* Safari 4-5, Chrome 1-9 *//* Can't specify a percentage size? Laaaaaame. */background: -webkit-gradient(radial, center center, 0, center center, 460, from(#666666), to(#2F2727));/* Safari 5.1+, Chrome 10+ */background: -webkit-radial-gradient(circle, #666666, #2F2727);/* Firefox 3.6+ */background: -moz-radial-gradient(circle, #666666, #2F2727);/* IE 10 */background: -ms-radial-gradient(circle, #666666, #2F2727);padding:10px; border: 1px solid black; margin:0; /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */}

.testi-eleWrap{ box-sizing: border-box; position: relative; vertical-align: middle; margin:0;width: 100%; min-height:265px;}
.testi-eleWrap img{ max-width: 100%; max-height:100%;}
.testi-eleWrap > .patch{ position: absolute; box-sizing: border-box; bottom:0; width: 100%; padding:10px 8px; min-height:97px;background-color: rgba(0,0,0,0.5); text-align: center;}
.testi-eleWrap > .patch > h3{ font-size: 13px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;}
.testi-eleWrap > .patch > .eleTxt{ margin:0; padding: 0; color:#FFF;font-size: 12px;font-weight:300;letter-spacing: 1px; }
.testi-eleWrap > .patch > .fa{ position: absolute;right:15px;bottom:10px;color:#FFE0BB;}
.hrgrad{ border: 0; height: 1px;margin:3px auto;width:70%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 224, 187, 0.55), rgba(0, 0, 0, 0)); }

.testimony-list{position:relative; margin:10px 0 30px -15px; padding:0; }
.testimony-list li{list-style-type:none; display: inline-block; }
.testimony-list li a, .testimony-list li a:visited, .testimony-list li a:focus, .testimony-list li a:hover{margin:5px 7px 5px 0; padding:7px 15px; background-color: #AD8D5C; border-radius: 5px; color:#FFF; text-decoration: none; outline: none; }
.view-more-testimonials{font-size: 12px;line-height: 24px; text-transform: capitalize;}
.view-more-testimonials a{color:#766445;text-decoration: none;outline: none;}

.testi-cent-wrap{ margin: 0; padding: 0; width: 100%; min-height: 300px; display: table; border: 1px solid white;}
.testi-cent-data{ display: table-cell; text-align: center; vertical-align: middle;}
.testi-cent-data img{ display:block; margin: 0 auto; width:75px; height:75px;}
.test-text{ display: block; font-size: 12px; font-weight: 100; letter-spacing: 1px; color:#FFFDD1;}

footer{ box-sizing: border-box; position: relative; margin-top:20px;display: block; width:100%; height:auto !important;}
.ftr-top, .ftr-bot{ box-sizing: border-box; position: relative; display: block; width:100%; text-align: center;}
.ftr-top{ background-color: #59101B; padding:40px 0;}
.ftr-bot{ background-color: #96793B; padding:10px 0;}

/*------------------------------------------*/

#letters{padding:35px 0;background-color: #EFEBE7;}
.bg-letters{ box-sizing: border-box; position: relative; display: block;margin: 15px auto 0;width:275px; height:325px;text-align: center;}
.bg-letters img{  max-width: 100%;}.
.bg-letter-txt{ box-sizing: border-box; display: block;}
.bg-letter-txt p.txt1 { color: #AB1616; display: block; font-size: 22px; font-weight: bold; margin: 0 auto; padding: 0; text-align: center;}
.bg-letter-txt .txt2{ color: #96793B; display: block; font-size: 18px; font-weight: bold; margin: 0 auto; padding: 0; text-align: center;}
.thinhr{ border: 0; height: 1px;margin:8px auto;width:70%;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(171, 167, 164, 0.55), rgba(0, 0, 0, 0)); }
/*------------------------------------------*/

/*------------------------------------------*/

.bgblack {background: rgba(0, 0, 0, 0) radial-gradient(circle, #000000, #2f2727) repeat scroll 0 0; border: 1px solid black; margin: 15px 0;padding: 10px;}    
.bgblack > a{display: block;text-decoration: none;color:#FFF;}
.testimony-data{border: 1px solid #cea655; box-sizing: border-box; margin: 0; position: relative; vertical-align: middle; height: auto !important; width: 100%; }    
.testimony-eleWrap {box-sizing: border-box; margin: 0; position: relative; vertical-align: middle; height: auto !important; width: 100%; } 
.testimony-eleWrap > .patch{ position: absolute; box-sizing: border-box; bottom:0; width: 100%; padding:10px 8px; background-color: rgba(81,49,29,0.8); text-align: center;}
.testimony-eleWrap > .patch > h3{ font-size: 13px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;text-align:center;}
.testimony-eleWrap > .patch > .eleTxt{ margin:0; padding: 0; color:#FFF;font-size: 12px;font-weight:300;letter-spacing: 1px; }
.testimony-eleWrap > .patch > .fa{ position: absolute;right:15px;bottom:10px;color:#FFE0BB;}

.testimony-eleWrap > .patch-black{ position: absolute; border-bottom: 1px solid #cea655;box-sizing: border-box; bottom:0; width: 100%; padding:10px 8px; background-color: rgba(0,0,0,0.75); text-align: center;}
.testimony-eleWrap > .patch-black > h3{ font-size: 16px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;text-align:center;}
.testimony-eleWrap > .patch-black > .eleTxt{ margin:0; padding: 0; color:#FFF;font-size: 14px;font-weight:300;letter-spacing: 1px; }
.testimony-eleWrap > .patch-black > .fa{ position: absolute;right:15px;bottom:10px;color:#FFE0BB;opacity:.7;}
.testimony-eleWrap img{max-width: 100%; }
.testimony-eleWrap .img-responsive{margin:0 auto; } 
.narrative{color: #cea655 !important; font-size: 14px; text-align: center; font-weight: 100; font-style: italic;line-height: 20px !important; margin: 0; padding: 10px 5px; }
.narrative a.more_link {font-size:12px;text-decoration:none; outline: none; color: #FFF !important;}
.narrative .morecontent span {display: none; }

/*
.tooltip.bottom .tooltip-inner, 
.tooltip.top .tooltip-inner{max-width:500px; padding:3px 8px; color:#fff; text-align:center; font-size: 14px; line-height: 20px; background-color:rgba(82,68,45,1); border-radius:5px } 
.tooltip.in {  filter: alpha(opacity=100);  opacity: 1;}
*/

/*------------------------------------------*/

@media (min-width: 320px) and (max-width: 420px) {
    .eleWrap{height:100%;;}
    .eleWrap img{ width: 100% !important; height:100% !important;}
    .eleWrap > .patch{position:relative;display:block;min-height:115px;}
    .bg-testi-col1{width:100%;height:100%;text-align:center;}
    .testimony-eleWrap > .patch-black{ position: relative;display: block; border-bottom: 1px solid #cea655;box-sizing: border-box; bottom:0; width: 100%; padding:5px; background-color: rgba(0,0,0,0.75); text-align: center;}
    .testimony-eleWrap > .patch-black > h3{ font-size: 12px; color:#FFF; padding:5px; margin: 0; text-transform: uppercase;}

}

@media (min-width: 769px) and (max-width: 991px) {
    .eleWrap{min-height:382px;}
    .eleWrap > .patch{min-height:107px;}
    .bg-testi-col1{width:100%;height:100%;text-align:center;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .eleWrap > .patch{min-height:140px;}
    .bg-testi-col1{width:100%;height:100%;text-align:center;}
}

@media only screen and (max-width: 768px) {
/*    body{ padding-top:50px; }*/
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu { color:#ffffff; }
    .eleWrap img{ width: 100% !important; }
    .bg-testi-col1{width:100%;height:100%;text-align:center;}
} 
@media only screen and (max-width: 600px) {
    .testimony-list li{list-style-type:none; display: block;margin:5px 0 32px; }
}