.left-menu{
    display:inline-block;
}
#oils-content{
    background: url(/global/img/essential-oils/leaves-background.png) bottom right no-repeat #fff;
}
.oils-intro{
    background: url(/global/img/essential-oils/essential-oils.jpg) bottom right no-repeat #fff;
    background-size: cover;
    height:435px;
}
.transbox
  {
  width:320px;
  height:435px;
  background-color:#000;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.transbox h2{
    margin: 0;
    font-family:montserrat, avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	font-weight:700;
    padding:40px 20px 0;
    font-size:40px;
    line-height:45px;
    text-transform:uppercase;
}
/*
.transbox p{
    color:white;
    font-size:18px;
    line-height: 20px;
    margin:20px;
    font-family:baskerville, "Mrs Eaves", Garamond, "Apple Garamond", Georgia, serif;
	font-weight:400;
}*/
.oil-guide{
    width: 70%;
    margin: 45px auto 0;
}
/*
.oil-guide p{
    color:#919191;
    font-size:18px;
    line-height: 20px;
    font-family:baskerville, "Mrs Eaves", Garamond, "Apple Garamond", Georgia, serif;
	font-weight:400;
}
*/
/*
.learn-more{
   text-align: right;
   margin: 15px 0;
}
*/
.finger-pick{
    background-image: url(/global/img/essential-oils/finger-pick.jpg);
    background-size: cover;
    height:335px;
    border-left: 4px solid #23cad5;
}
.bottle-shot{
    width:356px;
    height:554px;
    background-image: url(/global/img/essential-oils/bottle-shot.jpg);
    background-size: cover;
    background-position: right bottom; /*Positioning*/
    background-repeat: no-repeat; 
    border-right: 4px solid #23cad5;
}
.bottle-shot-info
  {
  width:100%;
  background-color:#000;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}

.opacity-small-text{
    color:white;
    font-size:18px;
    line-height: 20px;
    padding:20px;
    font-family:baskerville, "Mrs Eaves", Garamond, "Apple Garamond", Georgia, serif;
	font-weight:400;
}

.video-container,
.BrightcoveExperience {
    width: 380px;
    height: 214px;
}

.video-container {
    margin: 40px auto;
}

.video-player{
    position: absolute;
    left:0;
    top: 0;
}
.video-info{
    width:379px;
    background-color:#000;
    opacity:0.6;
    filter:alpha(opacity=60);
    position:absolute;
    left:0;
    bottom: 0;

}
.bottom-padding{
  margin-bottom:170px;
}

@media (max-width: 979px) {
    .video-container,
    .BrightcoveExperience {
        width: 280px;
        height: 158px;
    }
}


@media (min-width: 768px) {
.row-fluid.no-space [class*="span"] {
  margin-left: 0%;
  *margin-left: -0.06944%;
}
.row-fluid.no-space [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid.no-space .controls-row [class*="span"] + [class*="span"] {
  margin-left: 0%;
}
.row-fluid.no-space .span12 {
  width: 99.99999999999999%;
  *width: 99.93055555555554%;
}
.row-fluid.no-space .span11 {
  width: 91.66666666666666%;
  *width: 91.59722222222221%;
}
.row-fluid.no-space .span10 {
  width: 83.33333333333331%;
  *width: 83.26388888888887%;
}
.row-fluid.no-space .span9 {
  width: 74.99999999999999%;
  *width: 74.93055555555554%;
}
.row-fluid.no-space .span8 {
  width: 66.66666666666666%;
  *width: 66.59722222222221%;
}
.row-fluid.no-space .span7 {
  width: 58.33333333333333%;
  *width: 58.263888888888886%;
}
.row-fluid.no-space .span6 {
  width: 49.99999999999999%;
  *width: 49.93055555555555%;
}
.row-fluid.no-space .span5 {
  width: 41.66666666666666%;
  *width: 41.597222222222214%;
}
.row-fluid.no-space .span4 {
  width: 33.33333333333333%;
  *width: 33.263888888888886%;
}
.row-fluid.no-space .span3 {
  width: 24.999999999999996%;
  *width: 24.930555555555554%;
}
.row-fluid.no-space .span2 {
  width: 16.666666666666664%;
  *width: 16.59722222222222%;
}
.row-fluid.no-space .span1 {
  width: 8.333333333333332%;
  *width: 8.263888888888888%;
}
.row-fluid.no-space .offset12 {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-fluid.no-space .offset12:first-child {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-fluid.no-space .offset11 {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-fluid.no-space .offset11:first-child {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-fluid.no-space .offset10 {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-fluid.no-space .offset10:first-child {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-fluid.no-space .offset9 {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-fluid.no-space .offset9:first-child {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-fluid.no-space .offset8 {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-fluid.no-space .offset8:first-child {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-fluid.no-space .offset7 {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-fluid.no-space .offset7:first-child {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-fluid.no-space .offset6 {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-fluid.no-space .offset6:first-child {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-fluid.no-space .offset5 {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-fluid.no-space .offset5:first-child {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-fluid.no-space .offset4 {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-fluid.no-space .offset4:first-child {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-fluid.no-space .offset3 {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-fluid.no-space .offset3:first-child {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-fluid.no-space .offset2 {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-fluid.no-space .offset2:first-child {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-fluid.no-space .offset1 {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}
.row-fluid.no-space .offset1:first-child {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}
}
/* media queries */
@media (max-width: 767px) {
    .twelveme {
      width: 99.99999999999999%;
      *width: 99.93055555555554%;
    }
    .video-container{
        width: 320px;
        height: 214px;
        margin: 40px auto;
        padding: 0;
        position:relative;
    }
    .video-player{
        width: 320px;
        height: 214px;      
    }

    .video-info{
        width:320px;
    }
    #oils-content{
        background-color:#fff;
        background-image:none;
    }
}