/*
*
* Here are a few needed CSS additions to integrate bootstrap truly into WordPress,
*/

html {
background: white !important;
font-family: 'Open Sans', sans-serif !important;
}

body{
padding-top:0px;
margin-top: 0px;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif !important;
}
.fa-spotify{
font-size:20px;
padding-left: 5px
}

.panel-info button a {
text-decoration: none !important;
font-weight:700;
color: white !important
}

#apple-pd a {
text-decoration: none !important;
font-weight:700;
color: #000 !important 
}



.panel-info{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#083e62+0,103760+100 */
background: #004465 ; /* Old browsers */
background: -moz-linear-gradient(top,  #083e62 0%, #103760 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #083e62 0%,#103760 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #083e62 0%,#103760 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083e62', endColorstr='#103760',GradientType=0 ); /* IE6-9 */
color: white !important;
-webkit-border-radius: 20px 20px 20px 20px !important;
border-radius: 20px 20px 20px 20px !important;
padding: 30px !important
}

.panel-info a{
color: #F1E99E !important;
text-decoration: none !important;
}


@media (max-width: 767px) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }

}
@media (min-width: 767px) and (max-width: 992px ) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
  }
}
@media (min-width: 992px ) {
  
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(16.7%, 0, 0);
      transform: translate3d(16.7%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-16.7%, 0, 0);
      transform: translate3d(-16.7%, 0, 0);
  }
  
}

#carousel ,.carousel-inner{
max-height:300px;
background: none !important
}

.carousel-control{
background: none !important
}

.item {
max-height:250px;
}
.carousel-control{
color: #7C0000 !important
}

.carousel .carousel-control {
visibility: visible;

}
.carousel:hover .carousel-control {
visibility: visible;
}


.carousel .left > span,
.carousel .right > span {
  position: absolute;
  left: -20px;
  top: 30%;
  transform: translateY(-50%);
}
.carousel .right > span {
  left: auto;
  right: -20px;
}
.rss-img{
max-width:280px;
height: 320px
}

.blue2 a{
color: white !important;
}

.blue2 h4{
color: white !important;
margin-top:10px;
margin-bottom: 20px
}


.blue2{
font-style:normal !important;
background:#004465;
color: white !important;
padding-top: 30px;
padding-bottom:30px
}
#feed .col-md-3{
min-height: 320px
}

#fp-calendar .col-md-3{
min-height: 350px
}

#fp-calendar img{
max-height: 300px
}

.fp-f{
background: #ADD3E7;
}

.fp-f .col-md-12{
padding-top: 40px;
padding-bottom: 30px
}

#vimeohero {
background: #eee;
height: 75vh;
overflow: hidden;
padding: 0;
position: relative;
}

#vimeohero iframe {
box-sizing: border-box;
height: 56.25vw;
left: 50%;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
width: 177.77777778vh;
}

#calendar-search{
min-height:260px;
background:transparent url(/wp-content/themes/_tk/includes/css/images/newslettere.png) repeat-x; 0 0;
position:relative;
top: -20px
}

#calendar-search h3{
color: white;
font-size: 1.5em;
padding-top: 30px
}


/* Centered */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size:18px
}

#vimeohero button, #vimeohero h2, #vimeohero p  {
text-shadow: 1px 1px 2px #212121;
}

.languages {
  position:relative;
  left: 10px
 }

.footerlinks {
position:relative;
margin-left: 65px;
top: -2px
}

.inplayer-paywall .member,headline.currentpage{
position:relative;
min-width: 360px !important;
margin-left:10px
 }
 
.inplayer-paywall .headline{
z-index: 99999999;
min-width: 375px !important;
padding-bottom: 10px
 }
 
 #inplayer_pricing_options{
position:relative;
width: 100% !important;
top: 10px
}
 
.red-big{
background:#830508;
padding:20px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
text-shadow: 1px 1px 2px #2E2E2E;
color: white !important;
max-width: 40%;
}

.big-blue{
background:#004465;
padding: 20px !important;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
text-shadow: 1px 1px 2px #2E2E2E;
color: white !important;
width: 70%;
font-size: 30px !important
}


.vertical-center {
margin: 0;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.gray{
background:#EBF0F3;
padding:20px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}

.count{
line-height: 100px;
font-size:40px;

}

.circle-icon {
border: 1px solid #E6E6E6;
padding:30px;
border-radius: 50%;
}

.fa-5x {
color: #900 !important
}

.white,.red,.dark-blue {
color: white !important
}

.dark-blue {
background: #003F5F;
padding: 40px 0 40px 0
}

.dark-blue2 {
background: #003F5F;
padding: 20px;
color: white;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}

.mini-red {
background:#830508;
padding: 20px;
color: white;
margin-top: 10px;
vertical-align:middle
}


.with-bg h2{
margin-top: 12vh; 
margin-bottom: 12vh;
text-align: center;
color:white !important;
text-shadow: 1px 1px 2px #2E2E2E;
font-size: 40px
}

.with-bg,.with-img{
height: 550px; 
}

.centeredb{
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 50%; 
text-align: center;
color:white !important;
text-shadow: 1px 1px 2px #2E2E2E;
}


.centeredc{
margin: 8vh auto auto auto;
max-width: 80%;
font-size:24px;
font-weight:600
}

.centeredc p{
padding-top: 2vh;

}


.red{
height:auto !important;
background:transparent url(images/newslettere.png) repeat-x; 
position:relative;
top: -20px;
padding: 20px 0 20px 0;
font-size: 24px;
font-family: 'Open Sans', sans-serif !important;
}

.texture{
min-height: 20vh;
padding:30px 0 30px 0;
background:url(images/992e1378.png) repeat;
color:white !important;
text-shadow: 1px 1px 1px #0A0A0A;
}

#coloring .texture h1{
color:#FFF !important;
text-align: center !important
}

#info-c h3,.info-c{
color:#900 !important
}

#info-c .btn-success, #ending .btn-success{
color:white !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
min-width:70%;
border:0 !important;
font-size: 1.4em;
}

#second-i{
height:auto;
padding:20px;
background: transparent url(images/bg-2.jpg) no-repeat;

}

.corner{
background: transparent url(images/semi2.png) repeat;
padding:10px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
text-shadow: none !important;
color: #333 !important;
}

.corner2{
background: transparent url(images/semi3.png) repeat;
padding:15px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
text-shadow: none !important;
color: white !important;
}



#webcasting{
height:auto !important;
min-height: 70vh;
max-height:70vh
}


#ancestry{
height:auto !important;
min-height: 100vh;
}

#ancestry strong{
color: white !important;
font-size: 24px
}

#ancestry em{
color: white !important;
font-size: 32px;
font-style: normal
}

#ancestry a,.blue a{
color: white !important;
font-size: 22px;
font-style: normal
}

.big-text em{
font-size: 32px;
font-style: normal
}

.big-text strong, .g-white strong,.green strong{
font-size: 24px;
font-style: normal
}

.g-white{
padding: 30px;
font-style:normal !important;
background:#FFF;
font-weight:300;
margin: 20px 0 20px 0
}

.blue{
font-style:normal !important;
background:transparent url(images/3.png) repeat-x;
color: white !important;
top: -10px
}

.green{
font-style:normal !important;
color: white !important;
background:#548235;
font-weight:300;
top: -10px;
margin-bottom:-10px;
font-size: 1.3em
}


.margen{
padding: 15vh 0 15vh 0
}

#pencils{
background: url(images/powwow_coloring_book_coloredpencils_3.jpg) 50% 50% no-repeat;
font-weight:300;
font-size: 1.3em;
color: white;
min-height: 50vh
}



#pencils h2 {
color:white !important;
text-shadow: 1px 1px 1px #0A0A0A;
margin: 30px 0 30px 0
}




i.fa {
  -webkit-animation: show 1s 1;
  /* any other properties to override from FontAwesome's default .fa rule */
}
@-webkit-keyframes show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#feeds a:link, #feeds a:hover,#feeds a:visited{
color: white !important;
}

#transparent{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
position:relative;
}

#transparent.col-sm-6, #transparent.col-sm-12{
padding: 20px 30px 30px 30px;
color: black!important;
}



#transparent h1{
padding-left: 30px;
font-family: 'Open Sans', sans-serif !important;
font-weight:700 !important;
color: #000;
font-size:2.5em;
}

#transparent a{
color: #7B0000 !important
}

.red-block{
min-height:260px !important;
background:transparent url(images/block-redg.png) repeat-x 0 0;
position:relative;
padding-top:30px;
padding-bottom: 40px;
color:white;
padding: 15px 15px 20px 15px;
}



.red-block2{
min-height:500px !important;
background:transparent url(images/block-redx2.png) repeat-x 0 0;
position:relative;
padding-top:30px;
padding-bottom: 40px;
color:white;
padding: 0 15px 0 15px;
}



.purchase {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff !important;
font-family:Arial;
font-size:28px;
padding:17px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
width: 100%
}
.purchase:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:white;
}
.purchase:active {
position:relative;
top:1px;
}
.purchase a {
color:white
}

.caption-land {
width: 94.9%;
bottom: 0;
color:white;
padding: 0 3vw 10px 3vw;
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}

.caption-land h2 {
font-weight:300 !important;
font-size: 18px
}
.caption-land p {
font-size: 14px
}

.navbar-inverse a:hover,.navbar-inverse a:focus{
color: #FFFFFF !important;
background:none !important
}


.navbar-inverse {
background:#151515 !important;

}

#post-16013 a{
text-decoration:underline

}


a {
outline: 0 !important;
}

.label a:link, .label a:visited,.label a:hover{
text-decoration:none;
color:white;
font-size:1.3em
}

.label {
display: inline-block;
position: relative;
padding: 15px;
}
.label:after {
content: '';
display: block;  
position: absolute;
right: 100%;
top: 50%;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #337AB7;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}

a:link, a:visited, a:hover {
text-decoration:none
}

hr {
margin: 20px 0 20px 0 !important;
width:100% !important;
}

.navbar-toggler{
display:none !important
}


.mobmenu_content .widget, .mobmenu_content .widget_text, .mobmenu_content .textwidget{ 
background: transparent none !important;
overflow:hidden
} 

.mobmenu_content .input-sm{ 
max-width: 240px !important
} 

.webcast-s {
background: transparent url(images/red.png) repeat-x 0 0
}

.webcast-s h2{
color:white;
padding: -10px 0 0 10px;
font-size:22px
}

.big-v{
background: #000000 url(images/webcast.jpg) repeat-x 0 0;
padding-top: 30px !important
}

/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
/* reset the text-align */
text-align:left;
/* inline-block space fix */
margin-right:-4px;
}

/* padded section */
.pad-section, #information {
padding: 50px 0;
background: transparent url(images/whitec.png)  repeat-x 0 0
}
.pad-section img {
}

.separate {
border-left:1px solid #ccc;
}

@media only screen and (min-width:80em) { 
.separate {
padding-left: 10px !important
}

}

@media only screen and (min-width:85.375em) { 
.separate {
padding-left: 20px !important
}

}

.separate p {
width:98%
}

.btn a,.btn p a{
color: white
}

.btn {
white-space: normal !important;
}


.main-list {
padding-left: .5em;
width:100%;
position: relative
}

.main-list .media {
padding-bottom: 1.1em;
border-bottom: 1px solid #e8e8e8;
width:100%;
clear:both;
min-height:120px;
}


.media h4 {
font-size: 1.2em
}  

#secondary {
background: transparent !important;
padding-top: 30px
}
/* vertical-centered text */
.text-vcenter {
margin-top: 5em;
}
.text-vcenter h1{
font-size: 2.5em;
font-weight: 600;
color:#004465;
margin: 10px 0 10px 0;
padding: 0;
}

#secondary h2 {
font-size: 2.5em;
font-weight: 600;
color:#004465;
margin: 3px 0 10px 0;
padding: 0;
}
/* additional sections */


#first {
height: auto;
min-height:400px;
max-height:450px;
width: 100%;
margin-top: 0 !important;
}


#image-second {
max-height:450px;
height: auto;
width: 100%;
float:left;
margin-top: 0 !important
}


.text-second{
padding: 20px;
color:white
}

.text-second a{
color:white !important
}

.enjoy{
color:white !important;
background:#D7E2C5 url(images/enjoy.png)50% 100%;
min-height:300px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;;
padding-top: 30px;
padding-bottom: 30px
}

.enjoy h2,.enjoy h3{
text-shadow: 1px 1px 2px #080808;

}

#side{
	background:none 
	

}

.button-az {
-moz-box-shadow: 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
box-shadow: 0px 1px 0px 0px #fff6af;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
background-color:#ffec64;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border-left:1px solid #ffaa22;
border-right:1px solid #ffaa22;
border-top:1px solid #ffaa22;
border-bottom:3px solid white ;
display:inline-block;
cursor:pointer;
color:#333333;
font-size:28px;
font-weight:bold;
padding:20px;
width: 90%;
text-decoration:none;
text-shadow:0px 1px 0px #ffee66;
}

#amz:link {
color:#333333 !important;
}
.button-az:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
background-color:#ffab23;
color:#333333;
text-decoration:none !important 
}
.button-az:active {
position:relative;
top:1px;
color:#333333;
}

.button-pn {
-moz-box-shadow: 0px 0px 0px 2px #0f39ab;
-webkit-box-shadow: 0px 0px 0px 2px #0f39ab;
box-shadow: 0px 0px 0px 2px #0f39ab;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #091f47), color-stop(1, #2a7fe8));
background:-moz-linear-gradient(top, #091f47 5%, #2a7fe8 100%);
background:-webkit-linear-gradient(top, #091f47 5%, #2a7fe8 100%);
background:-o-linear-gradient(top, #091f47 5%, #2a7fe8 100%);
background:-ms-linear-gradient(top, #091f47 5%, #2a7fe8 100%);
background:linear-gradient(to bottom, #091f47 5%, #2a7fe8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#091f47', endColorstr='#2a7fe8',GradientType=0);
background-color:#091f47;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
border:1px solid #4e6096;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:28px;
padding:20px;
width: 90%;
text-shadow:0px 1px 0px #2449a6;
margin-top: 30px;
text-decoration:none !important 
}
.button-pn:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a7fe8), color-stop(1, #091f47));
background:-moz-linear-gradient(top, #2a7fe8 5%, #091f47 100%);
background:-webkit-linear-gradient(top, #2a7fe8 5%, #091f47 100%);
background:-o-linear-gradient(top, #2a7fe8 5%, #091f47 100%);
background:-ms-linear-gradient(top, #2a7fe8 5%, #091f47 100%);
background:linear-gradient(to bottom, #2a7fe8 5%, #091f47 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a7fe8', endColorstr='#091f47',GradientType=0);
background-color:#2a7fe8;
color:white;
text-decoration:none !important 
}
.button-pn:active {
position:relative;
top:1px;
color:white;
}


#pn:link {
color:white !important;
}



.btn-info,.btn-primary{
background:#F6920E !important;
border: 1px solid #EB8300 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{
color: #fff;
text-decoration:none !important;
}

.form-group{
margin-top: 2em
}


.pull-right img{
max-width:50px !important;
margin-left: 20px;
border-radius: 50%;
}

.cat-links{
text-transform:uppercase;
font-weight:bold	
}

blockquote {
font-family: 'Open Sans', sans-serif !important;
color:#7C0000;
background: white url(images/quoter.png) 0 0 repeat-y
}

p,ol,ul {
font-family: 'Open Sans', sans-serif !important;
font-weight:normal
}

.main-content-inner,.pad-section{
font-size:18px !important;
line-height: 1.6em !important;
font-family: 'Open Sans', sans-serif !important;
}

.main-content{
margin-top: 0 !important;
background:white !important;
}

.main-content-inner{
padding-top: 40px !important;
overflow: hidden
}

.main-content-inner a{
text-decoration:underline
}

#content{
overflow: hidden
}

.newsletter{
height: 230px;
margin: 3em 0 0 0
}


.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding:10ppx;
border-radius: 5px;
border: 1px solid #ccc;
font-size:1em
}


.author_bio_section p{
font-size:1em
}


.author_name{
font-size:1.2em;
font-weight: 600;
padding-left: 3em
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
margin-top: 1em
}

.author_links a{
color:#7C0000;
font-size:0.9em
}

.newsletter2{
padding: 20px 0 10px 10px;
background:#7C0000;
color: white;
font-size:1.2em;
}


.calendar{
margin:1em 0 0 0;
padding: 1em
}

.newsletter p, .newsletter h2,.calendar h3,.calendar p{
color: white
}

.newsletter p{
font-weight:200
}

.newsletter h2{
font-weight: 700;
text-transform:uppercase;
font-size:2.3em;
text-shadow: 1px 1px 3px #404040;
}

.calendar h3{
font-weight: 700;
font-size:1.5em;
text-transform:uppercase;
text-shadow: 1px 1px 3px #404040;
}

.form-control select::-ms-expand {
width:12px;
border:none !important;
background:#fff !important;
}

.input-lg{
max-width:350px;
min-width:150px;
width:auto
}

.input-sm {
max-width:350px;
min-width:300px;
width:auto;
margin-right: 5px
}


.column h2 {
color: #0B0B0B;
text-transform:uppercase;
font-size:1.2em;
border-bottom:1px solid #D2D4D5
}

.column  {
border-right:1px solid #D2D4D5
}

.listing  a{
color:white
}


.fa-newspaper-o,.fa-calendar,.fa-picture-o,.fa-video-camera{
background:#004465;
color: white;
padding: 5px;
margin-left: 15px;
margin-right:20px
}

.listing {
margin-bottom: 20px;
max-height:130px;
overflow:hidden;
}


.listing img {
width:100%;
}


.mini-padding{
margin-bottom: 8px
}

.widget-title{
font-size:1em;
background: url(images/red.png) no-repeat 0 0;
color: white !important;
min-height:64px;
text-align:left !important;
padding: 20px 0 0 20px
}

.widget_text,.textwidget,.gray{
background:#F3F3F3;
padding-bottom:20px
}

.related{
background:#F3F3F3;
margin:0;
padding:0;
text-align:left
}

.related img{
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
min-width:120px;
}

.related h3{
font-size:1.1em;
background: url(images/header-blue.png) no-repeat 0 0;
color: white !important;
min-height:64px;
text-align:left !important;
padding: 20px 0 0 20px;
margin:0
}

.side-form{
padding: 10px
}
.mega{
width:100%;
margin-top: 5px !important;
color:#7C0000 !important;
font-weight: 800;
text-transform:uppercase
}

.point{
color:#7C0000 !important;
border-bottom: 1px  dashed #D1D1D1;
width:88%;
padding: 10px;
margin-right: 5px;
}

.lineal{
border-bottom: 1px  dashed #D1D1D1;
width: 98%;
position: relative;
left: 0;
}

.textwidget{
margin:0;
padding:0
}



.lineal{
font-size: 1.1em;
position: relative;
display:table
}

#side .lineal img{
width:60px !important;
padding-right: 10px;
padding-left:10px;
float:left;
display: table-column  
}

#newsletter-side{
background:#004465 ;
}

#newsletter-side h2{
font-size:1em;
background: transparent url(images/header-n.png) no-repeat 0 0;
color: white !important;
min-height:64px;
text-align:left !important;
padding: 20px 0 0 20px
}


#side a{
color: #7C0000
}

.related h4 a{
color: #7C0000;
font-weight:400;
font-size:0.9em;
}

.related h4{
padding-left:0.5em
}

.well h3{
color: #7C0000;
font-weight: normal;
font-family: 'Open Sans', sans-serif !important;
font-size:1.1em
}


.feed {
background:#EBF8FF url(images/feed.png) repeat-x 0 0;
padding-top: 3em
}

#cse-search-box input[type="text"] {
background: url(images/search.png) no-repeat 90% 50%;
border: 2px solid #08567C;
font: bold 12px Arial,Helvetica,Sans-serif;
color: white;
max-width: 200px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

#cse-search-box input[type="text"]:focus {
max-width: 200px;
}

#cse-search-box {
max-width: 200px;
}

.margin{
margin-top: 1.5em;
}
.full-margin{
margin: 8px 10px 8px -5px;
}

.big-margin{
margin: 10px;
}


.mega-margin{
margin-top: 3em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.17+0,0.82+100;Black+3D+%231 */
background: -moz-linear-gradient(top,  rgba(69,72,77,0.17) 0%, rgba(0,0,0,0.82) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(69,72,77,0.17) 0%,rgba(0,0,0,0.82) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(69,72,77,0.17) 0%,rgba(0,0,0,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b45484d', endColorstr='#d1000000',GradientType=0 ); /* IE6-9 */
color: white;
}

#first a,#image-second a{
text-decoration:underline;
color:white !important
}

#secondary a{
text-decoration:underline;
}

.comments-title{
font-size: 1em !important;
color: #08567C;
width:100% !important;
clear:both !important
}
.pingback{
font-size: 11px !important;
list-style:none !important
}

.panel-default p,.comment-meta{
font-size: 15px !important;
line-height: 170%;
}

.comment-list ol,.comment-body li{
list-style:none !important;
width:100% !important;
font-size: 13px !important
}

#comments .thread-even,#comments .thread-alt{
width:100% !important
}

.children li,.children ul{
list-style:none !important;
width:100% !important
}

#comments{
font-size: 13px !important
}

/*Comments*/
.comment-list { 
list-style:none; 
margin:0 0 1em; 
padding:0; 
text-indent:0;
font-size:inherit !important;
}

.comment-content, .panel-body{
min-width: 90% !important
}


#footer{
background: #242424 url(images/footer.png) repeat-x;
min-width:100% !important;
width:100% !important;
color: white !important;
font-family: 'Open Sans', sans-serif !important;
}

footer{
min-width:100% !important;
width:100% !important;
}

#footer .col-md-3{
max-width: 230px !important;
margin-top: 2em
}


#footer li a{
color: white;
font-size:15px !important;
list-style:none;
font-weight:400;
}

#footer p a,#footer p{
color: white;
font-size:15px !important;
list-style:none;
font-weight:400;
}

#footer p a{
margin: 0 5px 0 5px
}

#footer ul li{
color: white;
list-style:none;
}


#footer h2{
color: white;
font-weight:400;
font-size:1em
}

#footer-menu .current_page_item a,#footer-menu .current-menu-item a {
color: white !important; 
background:transparent !important
}

.full{
margin-top: 3em
}

.site-header{
background:#004465 url(images/bg_nav.png) repeat-x 0 0;
margin: 0 !important;
padding: 0 !important;
height:120px !important;
bottom: -80px
}

#masthead{
width: 100% !important
}

header{
max-height:120px !important;
margin:0 !important;
padding: 0 !important;
float:left
}

.slides{
height:350px !important
}

.ad{
background:#004465 url(images/top4.png) repeat-x 0 0 ;
border-bottom: 0;
min-height:85px;
position:relative;
margin:0 !important;
top: 0;
bottom:0;
}

.ad div{
margin:0 !important;
padding: 0 !important
}

.new-search{
height:260px !important;
background:transparent url(images/newslettere.png) repeat-x; 0 0;
position:relative;
top: -20px
}

.new-search h2{
color: white;
padding-top: 10px
}

a:link,.page-title,.says{
color: #004465
}

.says,.fn{
color: #004465;
font-weight:600;
font-style:normal
}

.date,.post-categories,.comments-wrapper,.author{
border-right: 2px solid #D5D5D5;
font-size:0.9em;
padding: 0 10px 0 0;
margin: 20px 5px 20px 0
}

.meta{
margin: 10px 0 20px 0
}

.entry-content p{
line-height: 165%;
margin-top: 20px;
font-family: 'Open Sans', sans-serif !important;
max-width:98%;
word-wrap: break-word;

}

.entry-content ul{
list-style:none;
font-family: 'Open Sans', sans-serif !important;
font-weight:normal
}

.entry-content li,.entry-content ul li ul{
font-size:inherit !important
}



.entry-content ul li:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color:#7C0000;
font-size: 20px;
padding-right: 1em;
position: relative;
top: 1px;
left: 0;
}

#wppopular ul li:before {
content: "" !important;	
}

.fa-facebook, .fa-facebook-square,.fa-twitter,.fa-twitter-square,.fa-instagram,.fa-pinterest,.fa-youtube-play {
color: white;
padding: 0 10px 0 10px;
margin:0
}

.fa-rss-square{
color: #F97D03;
padding: 5px
}

.blog img{
width:100%;
}

.site-branding{
display: inline-block;
float: none;
padding: 0;
margin: 0 !important;
overflow: visible;
background: transparent url(images/logo-b.png) no-repeat;
width:345px;
height:180px;
position: relative;
top: 0;
left: 0;
z-index:999
}


.over{
position: relative;
z-index: 2;
}

#logo-main{
margin: 10px 0 0 8em;
text-align: center !important
}


#side h2{
font-family: 'Open Sans', sans-serif !important;

}

#side h4{
font-family: 'Open Sans', sans-serif !important;
}



#side ul{
list-style:none;
margin:0 !important;
padding: 0 
}

#side li{
line-height:140%;
font-family: 'Open Sans', sans-serif !important;
border-bottom: 1px  dashed #D1D1D1;
width: 98%;
padding: 5px 5px 5px 10px;
margin:0 0 0 10px !important;
position: relative;
font-size:0.8em
}

#side li a{
display: block
}


.arrow li:before, .l-content li:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color:#454545;
font-size: 18px;
padding-right: 3em;
position: absolute;
top: 5px;
left: 0;
}

.type-post li:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color:#454545;
font-size: 18px;
padding-right: 3em;
position: absolute;
top: 5px;
left: 0;
}



.caption {
width: 92%;
max-width:380px;
bottom: 3vh;
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}

.caption a:link, .caption a:hover,.caption a:visited,.caption2 a:link, .caption2 a:hover, .caption2 a:visited{
color: white;
text-decoration: none
}

.caption h2{
font-size: 1.5em
}

.caption2 {
width: 96%;
position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
padding: 5px
}


.dropdown-menu li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
color: #ffffff;
text-decoration: none;
background-color: #357ebd;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.dropdown-menu ul { list-style: none; }

/* Some modified padding for the bootstrap container.
* Now you can make many styles of design easily.
* Try with giving the .container class just a background colour and have a look. ;)
*/
.container { padding: 0 15px 15px 15px; }
.container-fluid { padding: 0; margin: 0 !important }
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar-default {
margin-bottom: 0;
border-radius: 0 !important;
background:transparent !important;
color: #FFFFFF !important;
font-size:0.9em;
border: 0 !important;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
}

.navbar {
margin-top: 0.9em;
margin-bottom: 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size:15px !important;

}

.mynavbar {
text-align:center;
}
.mynavbar .nav {
float:none;
}
.mynavbar .nav li {
display:inline-block;
float:none;
vertical-align:middle;
}
.mynavbar .nav li a {
color:#fff;
min-width:120px
}

.mynavbar .nav li a:hover {
}
.mynavbar .nav li.mylogo a, .mynavbar .nav li.mylogo a:hover {
}
.mynavbar .nav li.mylogo a img {

}


.navbar a{
color: #FFFFFF !important;
border-right: 1px solid #953131
}

.current_page_item a,.current-menu-item a {
background:#7C0000 !important
}


/* Animation delays */

.animated { 
animation-duration: 5s; 
animation-fill-mode: both; 
} 

.bounceIn.animated { 
animation-duration: 3s; 
animation-fill-mode: both; 
animation-timing-function: linear; 

} 

@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 

50% { 
opacity: 1; 
transform: scale(1.05); 
} 

70% { 
transform: scale(.9); 
} 

100% { 
transform: scale(1); 
} 
} 

.bounceIn { 
animation-name: bounceIn; 
}

.fadeInUp.animated { 
animation-duration: 6s; 
animation-fill-mode: both; 
} 

@keyframes fadeInUp { 
0% { 
opacity: 0; 
transform: translateY(20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 

.fadeInUp { 
animation-name: fadeInUp; 
}
.fadeInLeft { 
animation-name: fadeInLeft; 
}



@keyframes fadeInLeft { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeft { 
animation-name: fadeInLeft; 
}

@keyframes slideInDown { 
0% { 
transform: translate3d(0, -100%, 0); 
visibility: visible; 
} 
100% { 
transform: translate3d(0, 0, 0); 
} 
} 
.slideInDown { 
animation-name: slideInDown; 
}

@keyframes zoomIn { 
0% { 
opacity: 0; 
transform: scale3d(.3, .3, .3); 
} 
50% { 
opacity: 1; 
} 
} 
.zoomIn { 
animation-name: zoomIn; 
}

@keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing { 
transform-origin: top center; 
animation-name: swing; 
}

@keyframes fadeInDown { 
0% { 
opacity: 0; 
transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 

.fadeInDown { 
animation-name: fadeInDown; 
}

.carousel-caption a{
color: white !important;
text-decoration:none
}

.carousel-caption a:hover{
text-decoration:none
}


.gallery-item{
display: inline-block !important;
}

.gallery-icon {
max-height:250px;
overflow:hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
border:0 !important
}

.gallery-icon img {
width:100%;
}

.image-wrapper {
position: relative;
}

.image-wrapper img{
min-height: 160px;
}

.image-wrapper a,.image-wrapper a:hover {
color: white;
text-decoration:none
}
.image-wrapper p {
font-size:1em;
text-transform:capitalize;
line-height:100%;
position: absolute;
left: 0;
bottom:0;
padding: 8px;
color: #FFF;
margin:0 0 0 1vw;
width:89%;
max-width:300px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.hidden-md-up{
display:none
} 


#upto{
margin-bottom: -20px;
color:#000 !important
} 

#upto .aa-input{
background: #FFF !important;
font-size:16px !important;
color:black !important;
border: 2px solid #7C0000 !important;
} 

#upto input::placeholder {
color: black;
text-shadow:none
}





@media only screen and (max-width:85.5em) { 

#secondary .col-md-6{
width:45% !important;
}
}


/*1024px or so*/
@media only screen and (max-width:67.5625em) { 

#secondary .col-md-6{
width:40% !important;
}
.mynavbar li {
max-width:70px !important;
}

.navbar a{
color: #FFFFFF !important;
border-right: none !important
}


#footer .col-md-3{
display: inline-block
}


.full p{
float:left;
clear:both
}

#footer{
height: auto;
background:#151515
}


}

@media only screen and (max-width:62em) { 

#vimeohero {
height: 30vh;
}

#vimeohero iframe {
min-height: 150%;
min-width: 150%;
}


#first .col-sm-6{
width: 70% !important

}

.caption-land {
width: 95.9%;
}

.site-branding{
float: left;
padding: 0;
height:180px;
position: absolute !important;
top: 0;
left: -70px;
z-index:999;
}

#logo-main{
margin: 10px 0 0 8em;
}

#main-menu .mynavbar {
margin-left: 12em;
}

#second-menu .mynavbar {
padding-left: 20px !important ;
}

.navbar-inverse li {
background:#151515 !important;
min-width:250px !important;
margin-left:5px
}


#sbu {
height: 45px;
position:relative;
top: -55px
}

#cse-search-box{
position:relative;
left: 180px;
height: 45px;
}

.roundy{
width:33.3%;
float:left
}

.image-wrapper p {
max-width:100%;
margin-left: 20px
}

.column  {
border-right:none !important
}

.full p{
float:left;
clear:both
}

#footer{
height: auto;
background:#151515
}



.point{
width:45% !important;
float:left
}

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

#side .col-md-8{
text-align:left !important
}

#side .form-inline{
text-align:center!important
}

.widget-title{
background: url(images/red.png) repeat-x 0 0;
}

#newsletter-side h2{
background: transparent url(images/header-n.png) repeat-x 0 0;
}


#upd{
margin-top: -10px
}

#states{
margin-top: -5px
}

.span6{
min-height: 250px !important;
height: auto;
width:33.3%;
float:left;
text-align:center;
}

.separate {
border-left:0 !important;
}

.newsletter2 .col-md-10{
width:95%;
margin: 20px auto 10px auto !important
}

}

@media only screen and (max-width:56.25em) { 
#first{
margin-top: -10px !important
}
}

@media only screen and (min-width:40em) { 
.hidden-sm-up,.hidden-up{
display:none
}
}



@media only screen and (width:64em) { 
#vimeohero {
height: 50vh;
margin-top: 0
}
.hidden-md-up{
display: block
}
#first{
display:none
}

.navbar-inverse li {
background:#151515 !important;
min-width:200px !important
}

.caption-land {
width: 93.9%;
}
}

@media only screen and (max-width:50.3125em) {
		
#carousel ,.carousel-inner{
max-height:320px;
}
 
#vimeohero {
height: 45vh;
}

#vimeohero iframe {
min-height: 150%;
min-width:150%;

}

.invisible {
display:none;
visibility: hidden;

}
.with-img{ 
height: 400px;
}
.dark-blue2 p {
padding: 20px 30px 20px 30px;
font-size:1.4em

}

.dark-blue2 h3 {
padding-left: 30px;
}

.big-blue{
width: 90%;
}

.red-big{
max-width: 80%;
}

.with-bg h2{
margin-top: 5vh; 
margin-bottom: 5vh;
font-size: 30px
}

.centeredc{
margin: 2vh auto auto auto;
max-width: 90%;
}


.corner{
margin-bottom: 10px;
width:99%
}

.newsletter h2{
font-size:1.5em
}


#side{
width:100% !important;
}

#footer-menu{
margin: 1em auto 0 auto;
}

.image-wrapper img{
height: auto;
min-width:220px
}

.span6{
min-height: 250px !important;
height: auto;
width:33.3%;
float:left;
text-align:center;
}

.separate {
border-left:0 !important;
display: block;
float:left
}

.separate h2 {
color: #333333
}


.calendar{
margin-top: 20px;
clear:both !important
}

.feed {
position:relative;
top: 20px
}



}

@media only screen and (max-width:45em) { 

#vimeohero {
height: 40vh;
}

#vimeohero iframe {
min-height: 140%;
min-width: 140%;

}
#calendar-search input, #calendar-search select {
transform: translate(50%);
}

#go{
margin-left:0 !important
}
}


@media only screen and (max-width:46.0625em) { 
.main-content-inner {
margin-top: -20px !important;
margin-left: 10px;
margin-right: 10px
}

#first{
top: 90px;
position:relative;
max-height:320px !important;
padding: 10px 10px 0 20px
}

#image-second{
padding: 10px 10px 0 20px
}

#secondary{
top: 20px;
position:relative;
}

#mce-EMAIL{
width:375px;
margin-left: 25vw;
margin-top: 2px;
margin-bottom:2px
}


#mc-embedded-subscribe{
width:350px;
margin-left: 0;
margin-top: 2px;
margin-bottom:2px;
}

#newsletter-side input{
width:370px;
margin-left: 20vw;
margin-top: 2px;
margin-bottom:2px
}

#side select{
width:370px;
margin-left: 21vw;
margin-top: 2px;
margin-bottom:2px
}


.btn-primary{
width:350px;
margin-left:0;
margin-top: 0
}


#upd{
margin-top: -10px
}

#first .col-sm-6{
width: 98% !important

}

#top-fp .extra-m{
padding-left: 10px !important;
width: 96% !important
}

.feed {
position:relative;
top: 40px
}

.new-search{
top: -80px
} 

.calendar .col-md-12{
float:left;
margin:10px auto 10px auto;
clear:both !important;
width:95%
}




}

@media only screen and (max-width:41.75em) { 
.fa {
padding:0
}


#mc-embedded-subscribe{
width:315px;
}


#side select{
width:320px;
margin-left: 25vw;
margin-top: 2px;
margin-bottom:2px
}

#side input{
width:320px;
margin-left: 20vw;
margin-top: 2px;
margin-bottom:2px
}

#side .btn-primary{
width:320px;
margin-left: 5vw
}

#newsletter-side .btn-primary{
width:320px;
margin-left: -2vw
}


#first .col-sm-6{
width: 98% !important

}

.calendar {
float:left;
margin:10px auto 10px auto;
clear:both !important;
width:95%
}


}

@media only screen and (max-width:40.0625em) { 
#side select{
width:320px;
margin-left: 24vw;
margin-top: 2px;
margin-bottom:2px
}

#side input{
width:320px;
margin-left: 20vw;
margin-top: 2px;
margin-bottom:2px
}

#side .btn-primary{
width:320px;
margin-left: 6vw
}

#newsletter-side .btn-primary{
width:320px;
margin-left: 0
}


}


@media only screen and (max-width:35.6em) { 
#side select{
margin-left: 18vw !important;
}

#side input{
margin-left: 18vw !important;
}


#mc-embedded-subscribe{
margin-left: 35px !important;
}


.hidden-up{
display:none
}
}

/*  600 pixels or so */
@media only screen and (max-width:37.625em) { 

#calendar-search input, #calendar-search select {
transform: translate(33.3%);
}

#go{
margin-left:0 !important;
margin-top: 5px
}


.fp-f .col-xs-12{
padding: 30px;
}
.fp-calendar img{
max-height: 400px
}

.fp-text{
padding: 30px
}

#carousel ,.carousel-inner,.item{
max-height:315px
}

#vimeohero {
height: 40vh;
}

#vimeohero iframe {
min-height: 140%;
min-width: 140%;

}

#calendar-search .input-lg{
margin-top: 10px
}

#calendar-search{
clear: both
}


.hidden-up{
display:none
}


.main-content-inner {
margin-top: -20px !important;
margin-left: 10px;
margin-right: 10px
}

.main-content-inner h1 {
line-height:95%
}

#side {
margin-left: 0 !important;
padding-left: 0 
}

.sidebar-padder{
margin: 0 !important;
padding:0 !important
}


.ad{
display:none
}

#first .col-sm-6{
width: 98% !important
}

#top-fp{
height: auto;
min-height:400px;
width: 100%;
position:relative;
margin-top: 60px
}

.wp-post-image{
width:100% !important
}

#cse-search-box{
visibility: hidden!important;
}

#mce-EMAIL{
width:370px;
margin-left: 119px;
margin-top: 7vh
}



.roundy h1{
font-size:1.2em;
}


.newsletter h2,.newsletter p{
font-size:1.3em;
width:80%;
margin-left: 12vw;
}

.newsletter{
padding-top: 40px
}


.feed {
position:relative;
top: 40px
}

.image-wrapper p {
max-width:100%;
margin-left: 10px
}


#mc-embedded-subscribe{
width:350px !important;
margin-top: 2px;

}


.site-branding{
position: absolute !important;
top: 0;
left: 0 !important;
}

#sbu {
height: 45px;
position:relative;
top: -10px
}


#first{
margin-top:-5px;
padding: 0 10px 0 10px
}

#secondary{
margin-top:10px;
padding: 20px 10px 0 10px
}

#image-second{
margin-top:0;
padding: 0 10px 0 10px
}

#secondary .col-md-6{
width:95% !important;
}

#side select{
width:350px;
margin-left: 20vw;
margin-top: 2px;
margin-bottom:2px
}

#side input{
width:350px;
margin-left: 20vw;
margin-top: 2px;
margin-bottom:2px
}

#side .btn-primary{
width:350px;
margin-left: 4vw
}

#newsletter-side .btn-primary{
width:370px;
margin-left: 7vw
}


.media h4 {
font-size: 1.1em

} 



.newsletter{
z-index:7;
}

.col-md-offset-3{
float:none;
margin:0
}

}

@media only screen and (max-width:33.3125em) { 
#side select{
margin-left: 16vw !important;

}

#side input{
margin-left: 16vw !important;
}


#mc-embedded-subscribe{
margin-left: 45px !important
}

.main-content-inner {
margin-top: -20px
}

.hidden-up  {
margin-top: -20px;
margin-bottom:0 !important;
display:block
}

.title-small{
color: white !important;
text-shadow: 1px 1px 2px #121212;
font-size: 20px !important;
padding-top: 10vh;
width:90%
}

.hidden-big {
display:none
}



}

@media only screen and (max-width:30.0625em) { 

.btn-large{
width: 80%;   
}

#ancestry em{
font-size: 26px
}

#ancestry strong{
font-size: 22px
}


#side select{
margin-left: 10vw !important;

}

#side input{
margin-left: 10vw !important;
}


.newsletter h2,.newsletter p{
font-size:1.1em;
width:80%;
margin-left: 12vw;
}

#mc-embedded-subscribe{
margin-left:30px !important
}


.span6{
min-height: 250px !important;
height: auto;
width:49.3%;
float:left;
text-align:center;
}

.main-content-inner  {
margin-top: -20px !important
}
}



@media only screen and (max-width:30.125em) { 


#calendar-search input, #calendar-search select {
transform: translate(16.25%);
}

#go{
margin-left:0 !important;
margin-top: 5px
}
#vimeohero {
height: 55vh;
}

#vimeohero iframe {
min-height: 200%;
min-width: 200%;

}

#carousel .col-xs-12 {
margin-bottom: 50px
}

.btn-lg{
width:75% !important;
}


.roundy h1{
font-size:1em;
}


#first h1{
font-size: 2em
}

#first .col-sm-6{
width: 100% !important;
margin-top: 2em

}
.archive {
font-size: 1.2em
}

#side select{
width:340px;
margin-left: 50px !important;
margin-top: 2px;
margin-bottom:2px
}

#side input{
width:350px;
margin-left: 10vw;
margin-top: 2px;
margin-bottom:2px
}

#side .btn-primary{
width:350px;
margin-left: 0
}

#newsletter-side .btn-primary{
margin-left: 23px !important
}


#footer .col-md-3{
display: block;
width:100%
}


.newsletter2{
margin-top: 20px
}

}



@media only screen and (max-width:26em) { 
#calendar-search input, #calendar-search select {
transform: translate(6.125%);
}

#go{
margin-left:0 !important;
margin-top: 5px
}

.page-template-page-FP20 h2,.item h3{
font-size:22px
}


#vimeohero {
height: 46vh;
}

#vimeohero iframe {
min-height: 200%;
min-width: 200%;

}

.fp-text{
padding: 30px
}

.fp-f .col-md-12{
padding-top: 0 !important;
padding-bottom: 20px
}

#carousel ,.carousel-inner,.item{
max-height:300px
}
#carousel .col-xs-12 {
margin-bottom: 50px
}

#carousel h3 {
margin-top: 0;
}
#go{
margin-left: -8px !important
}


.big-blue{
width: 98%;
}

.site-branding{
position: absolute !important;
top: 0;
left: -27px !important;
width:336px
}

.media h4 {
font-size: 1em !important
} 

.newsletter h2,.newsletter p{
margin-left: 10vw;
}


.col-md-4{
width:100% !important;
}

#sbu {
top: 5px;
left: 10px;
}
.fa{
padding:0;
}

#logo-main{
max-width: 130px
}


.image-wrapper p {
max-width:100%;
margin-left: 10px
}


#footer{
height: auto;
background:#151515
}


#side .btn-primary{
margin-left: 0
}


#newsletter-side .btn-primary{
top: 0 !important;
position:relative;
max-width:340px !important;
margin-left: 5vw
}

#newsletter-side input{
top: -0 !important;
position:relative;
margin-left: 20px !important;
}

#side select{
margin-left: 20px !important;
width:340px !important;
}

#mce-EMAIL{
margin-left: 30px !important;
width:340px !important;
}

#mc-embedded-subscribe{
margin-left:30px !important
}


.newsletter2 .col-md-12{
padding-top: 30px
}

#mc-embedded-subscribe{
width:340px !important;
margin-left: 0 !important 
}


.roundy h1{
font-size:1.2em;
}

.roundy{
margin-left:0
}



.archive {
font-size: 1.2em
}


#image-second {
height: auto;
min-height:400px;
padding-top: 15px  !important
}


#top-fp {
max-height:500px !important;
max-width:600px !important;
max-height:50vh !important;
}

#first {
max-height:500px !important;
max-width:600px !important;

}

#first h1{
font-size: 2em
}

#first .col-sm-6{
width: 100% !important;
margin-top: 2em
}

#first{
margin-bottom: 2em
}

.ad{
display:none 
}

#upd{
margin-top: -90px !important
}


.feed {
position:relative;
top: 0
}

.main-content-inner {
margin-left: 10px;
margin-right: 10px
}

}

@media only screen and (max-width:25em) {
#calendar-search .form-inline{
margin-left: 0 !important 
}

.caption-land {
background:none; 
}

.caption-land h2 {
color: #000 
}

.caption-land p {
color: white
}

}


@media only screen and (max-width:23.5em) { 
#go{
margin-left: 3px !important
}

#calendar-search input, #calendar-search select {
transform: translate(0%);
margin-left: 0
}


#carousel ,.carousel-inner,.item{
max-height:300px
}

#carousel .col-xs-12 {
margin-bottom: 80px
}
#vimeohero {
height: 52vh;
}

.land .col-md-6 {
margin-top: 30px
}

.caption-land {
width: 94.9%;
padding: 20px 3vw 10px 3vw;
}

.caption-land h2 {
font-weight:300 !important;
font-size: 16px
}
.caption-land p {
font-size: 13px
}

.site-branding{
position: absolute !important;
top: 0;
left: -65px !important;
}

#logo-main{
max-width: 130px
}


#mce-EMAIL{
margin-left: 20px !important;
width:320px !important;
}

#mc-embedded-subscribe{
width:320px !important;
}

.calendar h3{
margin-top:20px
}


.newsletter h2{
margin-top: 6vh;
}

#side input{
width:300px;
margin-top: 0;
margin-left: 0
}

#side select{
width:300px !important;
margin-top: 0;
margin-left: 5px
}

#side .btn-primary{
margin-left: 0;
width:300px !important;
}

#newsletter-side .btn-primary{
max-width:300px !important;
}

#newsletter-side input{
max-width:300px !important;
}

.media img{
text-align: center;
width: 100%
}

#first{
margin-top: -2vh;
position:relative
}

#first,#image-second {
height: auto;
min-height:420px;
}

center-block{
position:relative;
left: 0
}



.span6{
min-height: 250px !important;
height: auto;
width:98%;
float:left;
text-align:center;
}


}

@media only screen and (max-width:22.5625em) { 

#go{
margin-left: 0 !important
}

#calendar-search input, #calendar-search select {
transform: translate(0%);
margin-left: 1vw;
width:98%;
}


#vimeohero {
height: 50vh;
}


#ancestry em,.red {
font-size: 22px
}

#ancestry strong{
font-size: 18px
}

.main-list img{
width: 100%
}

.media-heading{
width: 100%
}

#side input{
margin-left:6vw;
width:300px !important;
}

#newsletter-side input{
margin-left:1vw !important;
width:300px !important;
}

#side .btn-primary{
margin-left:0 !important;
width:300px !important;
}

#side select{
margin-left:15px !important;
width:300px !important;
}


#mce-EMAIL{
margin-left: 15px !important;
}

.roundy h1{
font-size: 1.3em
}
#first{
margin-bottom: 2em;
min-height:430px;
height:auto !important

}



}

@media only screen and (max-width:20.125em) {
	
#carousel .col-xs-12 {
margin-bottom: 65px
}

#carousel ,.carousel-inner,.item{
max-height:250px
}

#vimeohero {
height: 52vh;
}

#vimeohero p{
margin-top: -20px !important
}

#go{
margin-left: 0 !important
} 
.caption2 {
position: relative !important;
background:transparent !important
}

.caption2 a:link, .caption2 a:hover,.caption2 a:visited{
color: #162358;
text-decoration: none;
font-size:80%;
}



#feeds a:link, #feeds a:hover,#feeds a:visited{
color: white !important;
text-decoration: none;
font-size:80%;
}

#mce-EMAIL{
margin-left: 2px !important;
width:300px !important;
}


#mc-embedded-subscribe{
width:300px !important;
margin-left: 2px !important;
}

.calendar h3{
color:#004465;
margin-top: 100px
}

.newsletter{
padding-top: 10px
}



#sbu {
z-index: 99999999
}

.fa {
padding-left: 2px
}

#side input{
margin-left:6vw;
width:260px !important;
}

#newsletter-side input{
margin-left:1vw !important;
width:260px !important;
}

#side .btn-primary{
margin-left:0 !important;
width:260px !important;
}

#side select{
margin-left:5vw !important;
width:260px !important;
}

.page-title{
font-size:28px;
line-height:98%;
}

#first{
min-height: 470px
}


}



.fa-asterisk,.fa-ellipsis-h{
color:#F9812E;
padding: 0 8px 0 8px
}



h1,h2,h3,h4,h5,h6{
font-family: 'Sintony', sans-serif !important;
font-weight:700 !important;
color: #004465

}

.navbar-collapse,.container-fluid {
padding-right: 0 !important;
padding-left: 0 !important;
}

.sidebar-padder{
padding: 30px 0 20px 30px !important
}

.search-form{
padding: 30px 30px 20px 0 !important
}


.label{
padding: 6px !important;
margin: 10px 10px 0 0
}