/*
 * Nerds with Hair
 
 * Envy Wordpress Theme Styling
 * @nerdswithhair
 * www.nerdswithhair.com
*/

/*------------------------------------*\
    $FONTS
\*------------------------------------*/


.betty{
margin-left:-50px;
}
.swamp-cds{
margin-top: 0px;
width:800px;



}

.sm{
background: url('slg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



#front {
    position: relative;
	

}

#front img {
    position: absolute;
    top: 0;
	left:31%;
	
}

#front img:nth-of-type(2) {
    opacity: 0;
}

#front:hover img:nth-of-type(1) {
    opacity: 0;
}

#front:hover img:nth-of-type(2) {
    opacity: 1;
}



#front-two {
    position: relative;
	

}

#front-two img {
    position: absolute;
    top: 238px;
	left:31%;
	
}

#front-two img:nth-of-type(2) {
    opacity: 0;
}

#front-two:hover img:nth-of-type(1) {
    opacity: 0;
}

#front-two:hover img:nth-of-type(2) {
    opacity: 1;
}


#front-three {
    position: relative;
	margin-bottom:900px;

}

#front-three img {
    position: absolute;
    top: 465px;
	left:31%;
	
	
}

#front-three img:nth-of-type(2) {
    opacity: 0;
}

#front-three:hover img:nth-of-type(1) {
    opacity: 0;
}

#front-three:hover img:nth-of-type(2) {
    opacity: 1;
}

.art{
padding-top: 50px;
padding-bottom: 300px;
width: 100%;

}
.art_swamp{
padding-top: 50px;
padding-bottom: 100px;
width: 100%;

}
.responsive{
margin: 0px 100px 0px 90px;


}

.review-title{
text-align:left;

}

.top{
clear: both;
height: auto;
background: url('slg.jpg') no-repeat center center fixed;

background-size: auto 100%;
padding:90px 60px 120px 60px;




}

.sm_audiotitles {
font-size: 3em; 

margin:50% 0 0 0; 
text-align:left;  
color:#fff; 
background-color:#; 
opacity:1; 
font-family: 'IM Fell English SC', serif;
}
.sm_audio{
opacity:1; 
width: 100px; 
padding-bottom: 30px;
}

.gallery{

padding-top: 0px;
color:#A92F2F;
text-align: center;

padding-bottom: 300px;



}

.gallery-text{


color:#A92F2F;
text-align: left;

font-size: 22px;
}

.gallery-text-next{
color:#A92F2F;
text-align: right;
padding-right: 5px;
font-size: 22px;
}

.shadow {
  	-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
.middle {
    height: 100%;
background-color:#fafaf9;
    text-align: justify;
    padding-top: 20px;
	padding-left: hr;
    padding-bottom: 0px;
    margin-bottom: 0px;
	margin-left: 40px;
    border-radius: 0px;
	line-height:1.4em;
	padding-right:0px;
	margin-top:78px;
	 font-size: 22px;
  font-weight: 400;
 
  
}

.carousel-inner .active.left { left: -25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev		 { left: -25%; }
.carousel-control 			 { width:  0%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none; color: #999;}

.gallery{
margin: 5px;

}


.subtitle{
color:#817f7f; 
margin-left: 15px; 
font-size: 2.4rem;  
opacity: .50;
letter-spacing: 1px;

}

audio { width: 200px;
height: 15px;
opacity:1;


 }
 
 .audio-files{
 margin-top:15px; 
 text-align:left;

 }
 
  .audio-files-two{
 margin-top:10px; 
 text-align:left;
 color: #333;
 

 }
 
 .audio-files-two p{
 padding:0px 0 0;

 }
 .audio-files p{
 
 padding-top: 0px;
 }
 
 .mainmenu{
 
 
 }
.paintings{
color: lightblue;
font-size: 25px;
margin-left: 30px;
font-weight: 400;
}
#paintings{
color: lightblue;
font-size: 20px;
margin-left: 30px;
}
/* montserrat bold */
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* montserrat regular */
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

/* signika */
@font-face {
    font-family: 'signikaregular';
    src: url('../fonts/signika/signika-regular-webfont.eot');
    src: url('../fonts/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signika/signika-regular-webfont.woff') format('woff'),
         url('../fonts/signika/signika-regular-webfont.ttf') format('truetype'),
         url('../fonts/signika/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* fontello icon font */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello/fontello.eot?42728077');
  src: url('../fonts/fontello/fontello.eot?42728077#iefix') format('embedded-opentype'),
       url('../fonts/fontello/fontello.woff?42728077') format('woff'),
       url('../fonts/fontello/fontello.ttf?42728077') format('truetype'),
       url('../fonts/fontello/fontello.svg?42728077#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?42728077#fontello') format('svg');
  }
}*/


.container{}


.site-wrapper {
  height: 100%; /* Temp */
  overflow: hidden;
  position: relative;
  width: 100%;

}

.site-canvas {
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -ms-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.site-canvas--active,
#site-canvas:target {
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -ms-transform: translateX(300px);
  -o-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transform: translate3d(300px, 0, 0);
  -moz-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  -o-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.site-menu {
 background: #fff;
  color: White;
  height: 100%;
  left: -250px;
  padding: 15px;
  position: absolute;
  top: 0;
  text-align: right;
  
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  
  
}
.site-menu a{
color: #b98989;}

h6:hover{
color: #de8f8f}


.site-content { position: relative; }

.close-canvas {
  background-color: transparent;
  bottom: 0;
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#site-canvas:target .close-canvas { display: block; }

/* Extra... */

a { color: CornflowerBlue; }

.header {
  background-color: #fff;
  padding: 20px 20px 0px;
  position: relative;
    height: 90px;
	font-size: 15px;
  
}


.header a {
  color: #817f7f;
  text-decoration: none;
  opacity: 1;

}
.header a:focus{

opacity:1;
}

.header a:hover{
opacity: 1;
}

.toggle-nav {
  font-size: 3.8em;
  left: .3em;
  margin-top: -.5em;
  position: absolute;
  top: 50%;
}

h1{
  color: #363232;
  margin: 0px 20px 0;
line-height:20px;
  padding-left: 1em;
  padding-top: .2em;
  letter-spacing: 2px;
  text-align: left;
  

}

.content { padding: 0px;
margin-top: 20px; 

}

.single{

text-align:left;

  
	
	
    color: #6a6e74;
    padding-top: 20px;
    padding-bottom: 50px;

}
.end{

    text-align: center;


margin-top:90px;

}





/*------------------------------------*\
    $FONTELLO ICON FONTS
\*------------------------------------*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-emo-happy:before { content: '\e800'; } /* '' */
.icon-up-open:before { content: '\e84e'; } /* '' */
.icon-emo-wink2:before { content: '\e80d'; } /* '' */
.icon-emo-unhappy:before { content: '\e80e'; } /* '' */
.icon-emo-grin:before { content: '\e815'; } /* '' */
.icon-spin5:before { content: '\e816'; } /* '' */
.icon-firefox:before { content: '\e81d'; } /* '' */
.icon-chrome:before { content: '\e81e'; } /* '' */
.icon-opera:before { content: '\e828'; } /* '' */
.icon-ie:before { content: '\e82f'; } /* '' */
.icon-menu:before { content: '\e830'; } /* '' */
.icon-mail:before { content: '\e803'; } /* '' */
.icon-heart:before { content: '\e835'; } /* '' */
.icon-heart-empty:before { content: '\e836'; } /* '' */
.icon-star:before { content: '\e83b'; } /* '' */
.icon-info:before { content: '\e83c'; } /* '' */
.icon-lock:before { content: '\e849'; } /* '' */
.icon-lock-empty:before { content: '\e847'; } /* '' */
.icon-lock-open:before { content: '\e845'; } /* '' */
.icon-lock-open-empty:before { content: '\e844'; } /* '' */
.icon-quote-left:before { content: '\e801'; } /* '' */
.icon-quote-right:before { content: '\e805'; } /* '' */
.icon-rss:before { content: '\e80c'; } /* '' */
.icon-block:before { content: '\e80f'; } /* '' */
.icon-resize-full:before { content: '\e814'; } /* '' */
.icon-resize-full-alt:before { content: '\e817'; } /* '' */
.icon-resize-small:before { content: '\e81c'; } /* '' */
.icon-resize-small-alt:before { content: '\e81f'; } /* '' */
.icon-resize-vertical:before { content: '\e829'; } /* '' */
.icon-resize-horizontal:before { content: '\e82e'; } /* '' */
.icon-move:before { content: '\e82d'; } /* '' */
.icon-popup:before { content: '\e832'; } /* '' */
.icon-down:before { content: '\e834'; } /* '' */
.icon-left:before { content: '\e837'; } /* '' */
.icon-right:before { content: '\e83a'; } /* '' */
.icon-up:before { content: '\e83d'; } /* '' */
.icon-down-circle:before { content: '\e84a'; } /* '' */
.icon-emo-wink:before { content: '\e848'; } /* '' */
.icon-right-circle:before { content: '\e846'; } /* '' */
.icon-skype:before { content: '\e804'; } /* '' */
.icon-cw:before { content: '\e806'; } /* '' */
.icon-signal:before { content: '\e80a'; } /* '' */
.icon-list:before { content: '\e80b'; } /* '' */
.icon-chart-bar:before { content: '\e810'; } /* '' */
.icon-th-thumb:before { content: '\e813'; } /* '' */
.icon-th-thumb-empty:before { content: '\e818'; } /* '' */
.icon-play:before { content: '\e81b'; } /* '' */
.icon-pause:before { content: '\e820'; } /* '' */
.icon-stop:before { content: '\e82a'; } /* '' */
.icon-to-end:before { content: '\e82b'; } /* '' */
.icon-to-start:before { content: '\e82c'; } /* '' */
.icon-fast-forward:before { content: '\e831'; } /* '' */
.icon-fast-backward:before { content: '\e833'; } /* '' */
.icon-g-plus:before { content: '\e838'; } /* '' */
.icon-pinterest:before { content: '\e839'; } /* '' */
.icon-dribbble:before { content: '\e83e'; } /* '' */
.icon-linked-in:before { content: '\e83f'; } /* '' */
.icon-vimeo:before { content: '\e840'; } /* '' */
.icon-facebook:before { content: '\e841'; } /* '' */
.icon-twitter:before { content: '\e842'; } /* '' */
.icon-instagram:before { content: '\e807'; } /* '' */
.icon-align-left:before { content: '\e808'; } /* '' */
.icon-align-center:before { content: '\e809'; } /* '' */
.icon-align-right:before { content: '\e811'; } /* '' */
.icon-align-justify:before { content: '\e812'; } /* '' */
.icon-search:before { content: '\e819'; } /* '' */
.icon-ok-1:before { content: '\e81a'; } /* '' */
.icon-ok-circle-1:before { content: '\e821'; } /* '' */
.icon-cancel-1:before { content: '\e822'; } /* '' */
.icon-cancel-circle-1:before { content: '\e823'; } /* '' */
.icon-plus-circle-1:before { content: '\e824'; } /* '' */
.icon-minus-circle-1:before { content: '\e825'; } /* '' */
.icon-rss-1:before { content: '\e826'; } /* '' */
.icon-resize-full-1:before { content: '\e827'; } /* '' */
.icon-left-circle:before { content: '\e802'; } /* '' */
.icon-down-open:before { content: '\e84d'; } /* '' */
.icon-left-open:before { content: '\e84b'; } /* '' */
.icon-right-open:before { content: '\e84c'; } /* '' */
.icon-up-circle:before { content: '\e843'; } /* '' */





/*------------------------------------*\
    $NWH RESET
\*------------------------------------*/

textarea {
    resize: none;
}

a:hover, a:active, a:focus {
    outline: none;
	
}

input::-moz-focus-inner { 
    border: 0; 
}

.form-control {
    /* fixes border "flash" on input fields */
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0.s;
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    -webkit-appearance: none;
    /* fixes issue in ff - remove top/bottom padding and add height */
    height: 60px;
    padding: 0px 20px!important;
}

textarea.form-control {
    padding-top: 20px!important;
}





/*------------------------------------*\
    $GENERAL
\*------------------------------------*/

body {
   font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 20px; /* base font size is 10px */
    font-size: 2rem; /* base font size is 10px */
    line-height: 30px; /* base line height is 20px */
    line-height: 1.5em; /* base line height is 20px */
    color: #6a6e74;
    background-color: #fff;
	  padding-top: 0px;
  padding-bottom: 0px;
  	text-align: left;
	
}

hr {
    margin-top: 0px;
    margin-bottom: 20px;
	margin-left:0px;
    border-top: 1px solid #aeb6bf;
}
hr2 {
    margin-top: 30px;
    margin-bottom: 40px;
    border-top: 1px solid #aeb6bf;
}






/*------------------------------------*\
    $GRID
\*------------------------------------*/

.row .row {
    margin-right: 0px;
    margin-left: -15px;
}

.col-12 {
    padding-left: 15px;
}
.col-13 {
    padding-left: 1px;
}
.media-list.row {
    margin-left: 0px;
}





/*------------------------------------*\
    $LINKS
\*------------------------------------*/

a {
    color: #000;
    text-decoration: none;
}
h3 a{
color: #6a6e74;}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
    outline: none;
}

a.underline {
    text-decoration: none!important;
}

a.underline:focus,
a.underline:hover {
    text-decoration: none!important;
}

a.btn {
    text-decoration: none;
}





/*------------------------------------*\
    $TYPE
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4 {  
    margin-top: 0px;
    margin-bottom: 40px;
}

h1,
h2,
.h1,
.h2 {
    font-size: 30px;
    font-size: 3rem;
}

h3,
.h3 {
    font-size: 25px;
    font-size: 2.5rem;
    margin-top: 0px;
    line-height: 1.75em;
	text-align: left;
}

h4,
.h4 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.25em;
}

h5,
.h5 {
    font-size: 20px;
    font-size: 2rem; 
    margin-bottom: 15px;
	color: #fff;
	text-align: justify;
	line-height: 1.4em;
	
}

h6,
.h6 {
    font-size: 20px;
    font-size: 2.2rem;
    line-height: .5em;
	text-decoration: none;
	color: #d7cccc;
	letter-spacing: 2px;
	
	
	
}
.nav h6{
text-decoration: none;

}
.submenu{
text-indent: .5em;
line-height: .4em;
letter-spacing: 1px;
opacity: .7;
}
.h6:hover{
color:#de8f8f;
}

.archives {
text-align: left;
font-family: 'Open Sans', sans-serif;
  
	 font-size: 22px;
    font-size: 2.2rem;
    margin-top: 0px;
	margin-bottom: 0px;
	line-height:2rem;
    color: red;
}

.archives-two {
text-align: left;
font-family: 'Open Sans', sans-serif;
  
	 font-size: 28px;
    font-size: 2.8rem;
    margin-top: 0px;
 margin-bottom: 0px;
 line-height:2.8rem;
 color: #fff;
 
}
.archives-two h3 a{
color: #fff;
}
.contactp{
text-align: left;
}

.swamp-contact{
font-size: 24px; 
color: #fff;
background-color:#2e0c12;
}
.swamp-contact-two{
font-size: 28px; 
color: #fff;
background-color:#2e0c12;
}


/*------------------------------------*\
    $BRAND
\*------------------------------------*/

/* colours */
.brand-colour {
    color: #50cb81;
}

.brand-colour-secondary {
    color: #96aabd!important;
}

.brand-font-secondary {
   font-family: 'Open Sans', sans-serif;
    font-weight: 100;
	text-align: left;
}

.colour-white {
    color: #fff;
}





/*------------------------------------*\
    $PADDINGS AND MARGINS
\*------------------------------------*/

.push {
    margin: 10px!important;
}

.push--sides {
    margin-left: 10px!important;
    margin-right: 10px!important;
}

.push--top {
    margin-top: 10px!important;
}

.push--top__large {
    margin-top: 20px!important;
}

.push--bottom {
    margin-bottom: 10px!important;
}

.push--bottom__large {
    margin-bottom: 20px!important;
}
.push--bottom__large2 {
    margin-bottom: 20px!important;
	color:#6a6e74;
	text-align:left;
	font-size: 30px;
    font-size: 2rem;
font-family: 'Open Sans', sans-serif;
    
}
.push--bottom__large3 {
    margin-bottom: 20px!important;
	color:#fff;
	text-align:justify;
	font-size: 30px;
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
	line-height: 3rem;
    
}


.push--bottom__huge {
    margin-bottom: 30px!important;
}

.push--left {
    margin-left: 10px!important;
}

.push--right {
    margin-right: 10px!important;
}

.hard {
    padding: 0px!important;
}

.hard--sides {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.hard--top {
    padding-top: 0px!important;
}

.hard--bottom {
    padding-bottom: 0px!important;
}

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

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

.flush {
    margin: 0px!important;
}

.flush--sides {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.flush--top {
    margin-top: 0px!important;
}

.flush--bottom {
    margin-bottom: 0px!important;
}





/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/

.btn {
    padding: 12px 30px;
    font-size: 20px;
    font-size: 2rem;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    border: 0px;
    border-radius: 4px;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 20px;
}

.btn:hover {
    color: #fff;
}

.btn:focus {
    outline: none;
}

.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    box-shadow: none;
    webkit-box-shadow:none;
}

/* GREEN BUTTON */
.btn--green {
    background-color: #50cb81;
}

.btn--green:hover,
.btn--green:focus,
.btn--green:active,
.btn--green.active {
    background-color: #3edc7e;
}

/* BLUE BUTTON */
.btn--blue {
    background-color: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus,
.btn--blue:active,
.btn--blue.active {
    background-color: #2895dc;
}

/* DARK BUTTON */
.btn--dark {
    background-color: #55555;
}

.btn--dark:hover,
.btn--dark:focus,
.btn--dark:active,
.btn--dark.active {
    background-color: #1a2733;
}

/* LIGHT BUTTON */
.btn--light {
    background-color: #555555;
}

.btn--light:hover,
.btn--light:focus,
.btn--light:active,
.btn--light.active {
    background-color: #555555;
	opacity: .5;
}

/* WHITE BUTTON */
.btn--white {
    background-color: #fff;
    color: #34495e;
}

.btn--white:hover,
.btn--white:focus,
.btn--white:active,
.btn--white.active {
    background-color: #34495e;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
}





/*------------------------------------*\
    $NAV & TABS
\*------------------------------------*/

.navbar {
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fff;
    border-radius: 0px;
    border: 0px;
	z-index:100;
}
.navbar-inner{
 padding-right: 0px;
    padding-left: 0px;
background-color: #fff;
 -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
z-index:-1000;
}
.navbar-toggle {
    margin-top: 12px;
}

.navbar-toggle:focus {
    outline: none;
}

.navbar-header {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-nav li {
    padding-top: 20px;
}

.navbar-nav > li,
.navbar-nav > li > a {
    padding-bottom: 15px;
    color: #a6a8ac;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: .5rem;
    text-decoration: none;
    border-radius: 4px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #fff!important;
    background: #eee!important;
    border: 0px!important;
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus,
.navbar-nav > li.active,
.navbar-nav > li.active:hover,
.navbar-nav > li.active:focus {
    color: #49525b;
    cursor: default;
    background-color: #fff;
}

.navbar-nav > li.active {
    padding: 35px 15px 10px;
}

/* MAIN LOGO */
.navbar-brand {
    font-family: 'Open Sans', sans-serif;
    padding: 35px 0px 10px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;
    color: #a6a8ac;
    text-decoration: none;
    text-align: left;
}

/* TABS */
.nav-tabs {
    border-bottom: 0px;
}
.nav-tabs > li > a { 
    background-color: #eee;
    color: #6a6e74;
    border: 2px solid #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    padding: 11px 30px;
    margin-right: 0px;  
    font-weight: 700;  
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #eee;
    color: #de8f8f;
    border: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
   color: #de8f8f;
    border: 0px solid #fff;
    border-bottom: 0px solid #fff;
}

.nav-tabs-content {
    border: 2px solid #fff;
    border-radius: 0px 4px 4px 4px;
    padding: 24px 24px 16px;  
    background-color: #fff;
    margin-bottom: 20px;
}


#nav ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than ) */
	
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
	color: #eee;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#eee;
    text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
	color: #6a6e74;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#6a6e74;}
	
	.nav nav-pills{
	margin-right: 0px;
	color: #a6a8ac;
	
	
	}
	.nav-2{
  position:fixed;
  top:60px;
  right:0;
  left:0;

  
  font-family: 'Open Sans', sans-serif;   
  background:#fff;
  padding-left:0px;

  padding-top:30px;
  padding-bottom:10px;
 color: #a6a8ac;
  z-index:-2100;

}

.navbar2 {
    padding-right: 0px;
    padding-left: 100px;
	margin-left: 25px;
	color: #a6a8ac;
    background-color: #fff;
    border-radius: 0px;
    border: 0px;
	  font-family: 'Open Sans', sans-serif;   
	  font-size:1.75rem;

	
	
	
	
}
.navbar-inner {	


}
.container-2{
margin-top:-20px;
 background:#fff;

}
.nav-2 > li > a:hover,
.nav-2 > li > a:focus {
  background-color: #fff;
  border-color: transparent;

}

.bottom-line {
  height: 5px;
  width: 2430px;
  background: black;
  position: absolute;
}

/*------------------------------------*\
    $PANELS
\*------------------------------------*/

.panel {
    border: 0px solid #fff;
    border-radius: 0px;
}
ul.panel-group {
    margin-bottom: 50px;
    padding-left: 0px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
    border-top: 0px;
}

.panel-heading {
    padding: 0px;
   
    border-radius: 0px;
    font-weight: 400;
	color: #fff;
}

.panel-title {
    font-weight: 400;
    font-size: 20px;
	color:#fff;
}

.panel-title a {
    padding: 15px 24px;
    display: block;
    text-decoration: none;
	color:#fff;
	background-color: #2e0c12;
}

.panel-title a:hover {
    	background-color: #2e0c12 ;
color:#fff;
}

.panel-title a span.glyphicon {
    margin-top: 5px;
}

li.panel {
    border-top: px solid #fff;
    border-bottom: px solid #fff;
}

li:first-child.panel {
    border-radius: 4px 4px 0px 0px;
    border-bottom: px solid #fff;
		background-color: #2e0c12;
}

li:last-child.panel {
    border-radius: 0px 0px 4px 4px;
    border-top: 0px;
}

.panel-body {
    font-weight: 400;
    padding: 24px;
    background-color: #;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: px solid #fff;
}





/*------------------------------------*\
    $PRICING TABLES
\*------------------------------------*/

h3.table--header {
    margin-bottom: 10px;
}

.table-bordered { 
    border: 2px solid #fff;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 2px solid #fff;
}

.table--header {
    padding-top: 10px;
}

.table thead > tr > th, 
.table tbody > tr > th, 
.table tfoot > tr > th, 
.table thead > tr > td, 
.table tbody > tr > td, 
.table tfoot > tr > td {
    padding: 15px;
}

table td .btn {
    width: 100%;
    margin-bottom: 0px;
}

.table-striped > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #202f3e;
}

.table--price {
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.5;
}





/*------------------------------------*\
    $FONT ICONS
\*------------------------------------*/

/* font icons */
.font-icons td {
    padding: 10px!important;
}

.font-icons code {
    color: #606060;
    background: #fff;
    border: none;
    white-space: normal;
    font-size: 15px;
    font-size: 1.5rem;
}

.extras table.last {
    margin-bottom: 0px;
}





/*------------------------------------*\
    $JUMBOTRON
\*------------------------------------*/

.jumbotron {
    height: 100%;
    background-color:#fff;

   
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
	line-height:1em;
	
	
	margin-top:130px;
	 font-size: 20px;
  font-weight: 400;
  color: #000;
  
 
}


.jumbotron2 {
    height: 100%;
   
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
	 font-size: 20px;
  font-weight: 400;
    color: #000;
}

.jumbotron--title {
    font-size: 40px;
    font-size: 6rem;
font-family: 'Open Sans', sans-serif;
    color: #49525b;
    margin-bottom: 10px;
}

.jumbotron--sub-title {
    font-size: 30px;
    font-size: 3rem;
    font-family: 'Open Sans', sans-serif;
    color: #6a6e74;
}
.jumbotron--sub-title2 {
    font-size: 20px;
    font-size: 2rem;
  font-family: 'Open Sans', sans-serif;
    color: #6a6e74;
	text-align:left;
}
.jumbotron--sub-title3{
    font-size: 20px;
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
	text-align:justify;
	
	line-height: 28px;
}



.jumbotron p {
    line-height: 1.4;

}


/*------------------------------------*\
    $HOME
\*------------------------------------*/

.portfolio--lr {
    padding-top: 90px;
    padding-bottom: 70px;
}

.portfolio--title {
    margin-bottom: 10px;
}

.portfolio--sub-title {
    margin-bottom: 30px;
}

.portfolio--paragraph {
   font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    margin-bottom: 30px;
}

.portfolio--list {
    padding: 90px 0px 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.portfolio--list li {
    padding-bottom: 30px;
    margin: 0px;
    position: relative;
}

.portfolio--list img {
    margin: 0 auto;
}

.portfolio--list h4 {
    margin-bottom: 40px;
}

.portfolio--list figure {
    margin: 0;
    position: relative;
}

.portfolio--list figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    color: #a6a8ac;
}

.portfolio--list figcaption p {
    display: inline-block;
    padding: 13px 20px 0px;
}

.portfolio--list figcaption a.green {    
    text-align: center;
    text-decoration: none;
    padding: 13px 20px 0px;
    display: inline-block;
    background: #fff;
    color: #a6a8ac;
    height: 100%;
  font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;    
}

.portfolio--list figcaption a.green:hover {
    text-decoration: none;    
    background-color: #eee;
}

.portfolio--feature {
    background-color: #fff;
    padding: 50px 0px 70px;
	color:#6a6e74;
}

.portfolio--feature__main {
    margin-bottom: 30px;
}

.portfolio--feature ul.list-unstyled {
    margin-bottom: 40px;
    overflow: hidden;
}

.portfolio--feature__title {
    margin-bottom: 10px;
}

.portfolio--feature__paragraph {
 font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.portfolio--feature__paragraph:last-of-type {
    margin-bottom: 30px;
}

/* slider */
.bx-controls-direction {
    display: none;
}

.portfolio--feature .container .row .container .row {
    margin-left: 0px;
}







.portfolio .portfolio-slider-thumbs-wrap {
	padding:10px 20px;
	margin:0 -20px -20px -20px;
	background:#fff;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	-ms-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
}
.portfolio .portfolio-slider-thumbs-wrap .row {
	margin:0;
}

.portfolio .portfolio-slider-thumbs-wrap .col-md-3.col-xs-3 {
	padding:0;
	
}
.portfolio .portfolio-slider-thumbs-wrap .carousel-inner a {
	display:block;
	opacity:1;
	background:#fff;
	
	margin-right:5px;
	filter:alpha(opacity=100);
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	
	padding:10px;
	cursor:pointer;
	overflow:hidden;
	background:#fff /*url(../images/loading.gif) no-repeat center center*/;
	min-height:370px;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
}

.portfolio .portfolio-slider-thumbs-wrap .carousel-inner a span{
	position:absolute;
	display:block;
	top:0%;
	left:0;
	right:0;
	text-align:center;
	color: #000;
	
}


.portfolio .portfolio-slider-thumbs-wrap .carousel-inner a:hover, .portfolio .portfolio-slider-thumbs-wrap .carousel-inner a:active, .portfolio .portfolio-slider-thumbs-wrap .carousel-inner a.selected {
	opacity:1;
	filter:alpha(opacity=100);
	text-decoration:none;
	
}

.portfolio .portfolio-slider-thumbs-wrap .carousel-inner a.selected {
	border-color:#000;
}

.portfolio .portfolio-silder .item {
	height:200px;
}
.portfolio .portfolio-silder#portfolioSliderInfo .item {
	min-height:348px;
}

.portfolio #portfolioSlider .item {
	background:#666;
	text-align:center;
}

.portfolio #portfolioSlider .item span {
	color:#000;
	font-size:50px;
	display:block;
	position:relative;
	top:100%;
}

.portfolio #portfolioSlider .item img {
	margin:0 auto;
	width:100%;
	height:100%;
	border:none;
}
.portfolio .container {
	padding:30px 0;
	min-height:920px;
	width: 100%;
	
}
.portfolio h1 {
	color:#333;
	background:#fff;
	text-align:center;
	padding:20px 10px;
	font-weight:700;
	margin:0;
	font-size:25px;
	text-transform:uppercase;
}
.portfolio .portfolio-slider-thumbs {
	background:#fff;
	padding:20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	
	width: 1200px;
	height: 500px;
}

.portfolio .portfolio-info {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	background:#fff;
	color:#333;
	text-align:center;
	padding:20px 30px;
	border: 2px dashed #CCC;
}
.portfolio .portfolio-info .btn {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}
.portfolio .portfolio-info h2 {
	text-transform:uppercase;
	font-size:35px;
	font-weight:Bold;
}
.portfolio .portfolio-info h2 small {
	color:#fff;
	font-size:20px;
}



/*------------------------------------*\
    $CONTACT
\*------------------------------------*/

.contact--main-address {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    color: #a6a8ac;
}

.contact--right-hand-bar {
    padding-left: 50px;
}

address.contact--main-address {
    margin-bottom: 30px;
}

.contact--contact-options a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    color: #555555;
    text-decoration: none;
}

.contact--contact-options a:hover {
    text-decoration: none;
}

.contact--get-in-touch {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #555555; 
    margin-bottom: 20px;
	font-size: 2.5rem;
}

label.error {
    background: #3e5368;
    color: #fff!important;
    padding: 0px 10px;
    border-radius: 4px;
}

label.valid {
    display: none!important;
}

/* success box */
.alert-success {
    color: #fff;
    background: #a6a8ac;
    border: none;
}

.close {
    opacity: 0.5;
}

.close:hover {
    opacity: 0.75;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

.cs-style-3 figcaption {
    height: 60px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}





/*------------------------------------*\
    $BLOG
\*------------------------------------*/

.blog-post-title {
    margin-bottom: 20px;
}

.blog-post-sub-title {
    margin-bottom: 25px;
    color: #96aabd;
}

.blog hr {
    margin-bottom: 50px;
}

hr.hidden-lg {
    margin-bottom: 50px;
}

ul.tags {
    margin-bottom: 30px;
}

.tags li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 15px;
    font-size: 1.5rem;    
}

.tags li p {
    font-family: 'Open Sans', sans-serif;
    padding: 4px 11px;
    margin: 0px;
}

.tags li a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    padding: 4px 11px;
    color: #fff;
}

.tags li a:hover {
    background: #1a2733;
}

.blog-tags li {
    background-color: #202f3e;
}

ul.category-tags {
    margin-bottom: 30px;
}

.category-tags li {
    background: #2980b9;
}

.category-tags li a:hover {
    background: #2895dc;
}

.blog p {
   font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.blog-main-img {
    margin-bottom: 40px;
}

.blog-search {
    overflow-x: hidden;
    margin-bottom: 20px;
}

.blog-search .btn--blue {
    padding: 16px 30px;
}

.blog-search .form-control {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 26px 20px;
}

ul.popular-blog-post-list {
    margin-bottom: 20px;
}

.popular-blog-post-list .h6 {
    color: #fff;
}

.popular-blog-post-list .media {
    margin-top: 0px;
}

.popular-blog-post-list li.media {
    padding-left: 0px;
    margin-bottom: 10px;
}

.popular-blog-post-list li.media.col-sm-6 {
    padding-right: 15px;
}

.popular-blog-posts {
    margin-bottom: 25px;
}

.popular-blog-post-list li a {
    text-decoration: none;
}

.popular-blog-post-list li a:hover .popular-blog-post-title {
    text-decoration: underline;
}

.blog-comments--tags__container {
    margin-bottom: 40px;
}

h6 span.blog-comments--tags {
    margin-right: 10px;
    color: #96aabd;
}

.total-comments-title {
    margin-bottom: 40px;
}

.blog--comment {
    padding: 20px 20px 0px;
}

.blog--comment:last-of-type {
    margin-bottom: 45px;
}

.blog--comment__user {
    background-color: #3e5368;
}

.blog--comment__admin {
    background-color: #202f3e;
}

.row .row.blog--comment__user {
    margin-left: 0px;
}

.blog--comment__detail {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 6px;
}

.blog--comment__detail li {
    display: inline-block;
}

.blog--user__name {
    padding-right: 3px;
}

.blog--user__image {
    padding-right: 20px;
}

.blog--date {
    color: #96aabd;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px; 
    font-size: 1.3rem;
}

.blog--submit__comment__title,
.contact--title {
    margin-bottom: 20px;
	color:#a6a8ac;
}

p.blog--submit__comment__sub-title,
p.contact--sub-title {
    margin-bottom: 40px;
}

.form-horizontal .form-group label {
    text-align: left;
    margin-top: 10px;
    color: #817f7f;
    font-size: 2.5rem;
	font-weight: 400;
}

.form-horizontal .form-group .form-control {
    padding: 30px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.form-horizontal .form-group textarea.form-control {
    padding-top: 17px;
}

.form-control:visited {
    color: #000;
}

.pagination .glyphicon {
    font-size: 15px;
    font-size: 1.5rem;
}

.pagination > li > a, 
.pagination > li > span  {
    background-color: #34495e;
    color: #fff;
    border: 2px solid #fff;
    border-right: none; 
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span  {
    border-left: 2px solid #fff;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span  {
    border-right: 2px solid #fff;
}

.pagination > li > a:hover, 
.pagination > li > span:hover  {
    background-color: #fff;
    color: #34495e;
}

.pagination > .active > a, 
.pagination > .active > span,
.pagination > .active > a:hover, 
.pagination > .active > span:hover {
    background-color: #202f3e;
    color: #fff;
}

.pagination > .disabled > a, 
.pagination > .disabled > span,
.pagination > .disabled > a:hover, 
.pagination > .disabled > span:hover {
    background-color: #34495e;
    color: #9aa4af;
}

.blog-categories-header {
    background: #3e5368;
    padding: 22px 32px;
}

.blog-categories-displaying {
    color: #96aabd;
}





/*------------------------------------*\
    $PROJECT
\*------------------------------------*/

.project .tweet {
    margin-top: 0px;
}

.project .portfolio--list {
    padding-top: 10px;
}

img.portfolio--breakdown {
    margin-bottom: 30px;
}

.project .portfolio--feature {
    padding-bottom: 0px;
}

.project .portfolio--feature ul.list-unstyled {
    margin-bottom: 20px;
}

.project .portfolio--feature__main {
    padding-left: 15px;
    padding-right: 15px;
}






/*------------------------------------*\
    $ARCHIVES
\*------------------------------------*/

/* SEARCH BOX */
.archives--search {
    margin-bottom: 30px;
    overflow-x: hidden;
}

.archives--search .form-control {
    height: 68px;
}

.archives--search .btn {
    padding: 20px 30px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.form-control:-moz-placeholder {
    color: #96aabd;
}

.form-control::-moz-placeholder {
    color: #96aabd;
}

.form-control:-ms-input-placeholder {
    color: #96aabd;
}

.form-control::-webkit-input-placeholder {
    color: #96aabd;
    -webkit-font-smoothing: antialiased;
}

.form-control {
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    background-color: #fff;
    border: 1px solid #555555;
    -webkit-transition: background-color ease-in 0.15s;
          transition: background-color ease-in- 0.15s;
}

.form-control:focus {
    background-color: #fff;
    color: #505a64;
    outline: 0;
    border: 0px;
    -webkit-box-shadow: none;
        box-shadow: none;
}
.input-group-btn .btn {
    margin-right: 0px;
}





/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

.footer {
    background-color: #000100;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 50px;
font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-size: 2rem;
	letter-spacing: 2px;
}

.footer .container .row {
    margin-right: 0px;
    margin-left: 0px; 
}  

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover,
.footer a:focus {
    text-decoration: none;
}

.footer ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

.footer li:last-child {
    margin-bottom: 0px;
}
.footer--main-logo {
     margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1em;
    padding-bottom: 20px;
    font-weight: 400;
	font-size:3.5rem;
	margin-left: 100px;
}





/*------------------------------------*\
    $ERROR PAGES
\*------------------------------------*/

body.error-page {
    background: #50cb81;
}

.error-page .footer {
    margin-top: 0px;
}





/*------------------------------------*\
    $MISC SITE WIDE COMPONENTS
\*------------------------------------*/

/* intro */
 .intro {
    background-color: #fafaf9;
	
	
    color: #6a6e74;
    padding-top: 0px;
    padding-bottom: 100px;
    text-align: center;
}
 .intro3 {
    background-color: #fff;
    color: #6a6e74;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: left;
}


* {
    margin: 0;
    padding: 0;
}
.intro h3 {
    line-height: 1.5em;
	text-align:left;
}

.orange{
margin-top: 20px;
margin-bottom: 160px;
color:#826464;
text-align: left;
}

/* main content area (body copy) */
.main-content {
    margin-top: 60px;
	background:;
	
	
	
}
.main-content2 {
    margin-top: 60px;
	background-color: #fff;
}

.right-hand-bar {
    padding-left: 20px;
}

blockquote {
    display: block;
    padding-left: 20px;
    border-left: 0px solid #eee;
   font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
		text-align: justify;
		background: ;
}

blockquote small {
    margin-top: 10px;
    color: #000100;
	text-align: right;
	background: #;
	margin-right: 0px;
	padding-right: 0px;
	
}

pre {
    background-color: #202f3e;
    border-radius: 0px;
    color: #fff;
    border: 0px;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 20px;
    margin-bottom: 30px;
}

.media, 
.media .media {
    margin-top: 0px;
    margin-bottom: 15px;
}

.components {
    padding-left: 0px;
    padding-right: 0px;
}

.tweet {
    background-color: #fff;
    color: #4a535c;
    padding-top: 50px;
    padding-bottom: 70px;
    text-align: center;
    margin-top: 30px;
	
}
.tweet2 {
    background-color: #fff;
    color: #4a535c;
    padding-top: 30px;
    padding-bottom: 70px;
    text-align: center;
    margin-top: 30px;
}

.tweet h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
	text-align: left;
	
}

.tweet a {
    color: #6a6e74;
    text-decoration: none;
}

.tweet a:hover {
   text-decoration: underline; 
}

.tweet a.btn {
    text-decoration: none;
    color: #fff;
}

.tweet--secondary {
    color: #6a6e74;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;    
}



.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
  .img-responsive{
        max-width: 100%; 
display:block; 
height: auto;
    }
.stripe{
   margin-top: 135px;
    margin-bottom: 50px;
    border-top: 150px solid #aa4545;

}
.stripe-dark{
   margin-top: 135px;
    margin-bottom: 50px;
    border-top: 150px solid #341111;

}