@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'LiberationSerif-Regular';
	src: url('assets/fonts/LiberationSerif-Regular.eot'); 
}

@font-face {
    font-family: 'LiberationSerif-Regular';
	src: url('assets/fonts/LiberationSerif-Regular.woff') format('woff'),
    url('assets/fonts/LiberationSerif-Regular.svg#LiberationSerif-Regular') format('svg');
       }	 
	 
	    @font-face {
                        font-family: 'LiberationSerif-Regular';
                        src: url('LiberationSerif-Regular.eot');
       }

      @font-face {
                        font-family: 'LiberationSerif-Regular';
                        src: url('LiberationSerif-Regular.woff') format('woff'),
                        url('LiberationSerif-Regular.svg#LiberationSerif-Regular') format('svg');
       }
	 



h2 {
	font-size: 30px;
	line-height: 1.25;
	color: #E0249A;
	font-family: 'LiberationSerif-Regular';
}


h3 {
	line-height: 1.0;
}


h4 {
	color: #E0249A;
	font-size: 16px;
}



/* Colouring
-------------------------------------------------- */

.pink {
	color: #E0249A;
}

.pinkliberty {
	color: #E0249A;
	font-family: 'LiberationSerif-Regular';
}


.black {
        color: #000;
      }
	  
.blackliberty {
    color: #000;
	font-family: 'LiberationSerif-Regular';
}	




.container-fluid-iframe {
  padding-right: 0px;
  padding-left: 0px;
  *zoom: 1;
}


/* List style
------------------------- */	


.modal-body li,
.span12 li {
	  	color: #E0249A;
		list-style-type: square;
}

.modal-body li span,
.span12 li span {
  color: #000;
}



/* Roll over style
------------------------- */	
	
a {
  color: #E0249A;
  text-decoration: none;
}

a:hover {
  color: #E0249A;
  text-decoration: underline;
}



.sidebar-nav {
        padding: 9px 0;
      }
	  




hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

hr_grey {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

	  
	

	  
/* Top Navigation
------------------------- */	  	
.nav-pills > .active > a,  
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #E0249A;
}


.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #E0249A;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}


.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: none;
}


/* Masthead
------------------------- */
.masthead_narrow {
  padding: 40px 0 0px;
  margin-bottom: 0;
  color: #fff;
}



/* Top Hero
------------------------- */	 
.hero-unit {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
		  background-image:url(../img/hero_image/90585148.jpg);
		  background-position:center;
		  background-repeat:no-repeat;
}

.image2 {
		  background-image:url(assets/img/hero_image/shutterstock_73127482_duo.jpg);
}

.hero-unit h1 {
  margin-bottom: 15px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -1px;
  color: #E0249A;
  font-family: 'LiberationSerif-Regular';
}


/* Product Box
-------------------------------------------------- */
  .product-box {
  padding: 20px;
  margin-bottom: 30px;
  
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.product-box h2 {
	font-size: 24px;
	color: #E0249A;
}


.row-fluid .body {
	padding-left: 30px;
	padding-right: 30px;
}


/* Footer
-------------------------------------------------- */

.footer {
  padding: 0px 0;
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
  background-color: #000;
}
.footer p {
  margin-bottom: 0;
  color: #FFF;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}




/* Side Bar Right
-------------------------------------------------- */


.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well_line {
  padding: 19px;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}



  




/* Modal
-------------------------------------------------- */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 50%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
  color: #E0249A;
}

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}




li {
  line-height: 20px;
  }
  
 
 ul, ol {
	padding-left: 0px;
	list-style: none;
	}





@media (max-width: 767px) {
	
.row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  


}


@media (min-width: 768px) and (max-width: 979px) {
	
 .row-fluid .span4 {
    width: 100%;
    *width: 99.94680851063829%;
  }
 

}
  
  


@media (max-width: 480px) {
.well_line {
  padding: 19px;
  border: none;
}


.row-fluid .span4 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  
  

  
  
  
  /* Modal for scrolling on iOS iphone
-------------------------------------------------- */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}


  
.modal { 
	position: fixed; 
	top: 3%; 
	right: 3%; 
	left: 3%; 
	bottom: 10%; 
	width: auto; 
	margin: 0; 
}

.modal-body { 
height: 60%; 
}
  
  
  



/* changed */


/* changed */
.modal.fade.in {
  top: 5px;
}




li {
  line-height: 20px;
  }
  
 
 ul, ol {
	padding-left: 0px;
	list-style: none;
	}
	




	
	
  
}