@import url(http://fonts.googleapis.com/css?family=Lato:200,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:200,300,400,700);

body {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; 
}
.container-fluid .row-fluid{
  margin: 0 auto;
	max-width:1400px;
}

.padding-none {
  padding: 0px !important;
}
.padding {
  padding: 10px !important;
}
.padding-sm {
  padding: 5px !important;
}
.padding-lg {
  padding: 22px !important;
}
.padding-top-none {
  padding-top: 0px !important;
}
.padding-top {
  padding-top: 10px !important;
}
.padding-top-sm {
  padding-top: 5px !important;
}
.padding-top-lg {
  padding-top: 22px !important;
}
.padding-right-none {
  padding-right: 0px !important;
}
.padding-right {
  padding-right: 10px !important;
}
.padding-right-sm {
  padding-right: 5px !important;
}
.padding-right-lg {
  padding-right: 22px !important;
}
.padding-bottom-none {
  padding-bottom: 0px !important;
}
.padding-bottom {
  padding-bottom: 10px !important;
}
.padding-bottom-sm {
  padding-bottom: 5px !important;
}
.padding-bottom-lg {
  padding-bottom: 22px !important;
}
.padding-left-none {
  padding-left: 0px !important;
}
.padding-left {
  padding-left: 10px !important;
}
.padding-left-sm {
  padding-left: 5px !important;
}
.padding-left-lg {
  padding-left: 22px !important;
}
.margin-none {
  margin: 0px !important;
}
.margin {
  margin: 10px !important;
}
.margin-sm {
  margin: 5px !important;
}
.margin-lg {
  margin: 22px !important;
}
.margin-top-none {
  margin-top: 0px !important;
}
.margin-top {
  margin-top: 10px !important;
}
.margin-top-lg {
  margin-top: 22px !important;
}
.margin-top-sm {
  margin-top: 5px !important;
}
.margin-right-none {
  margin-right: 0px !important;
}
.margin-right {
  margin-right: 10px !important;
}
.margin-right-lg {
  margin-right: 22px !important;
}
.margin-right-sm {
  margin-right: 5px !important;
}
.margin-bottom-none {
  margin-bottom: 0px !important;
}
.margin-bottom {
  margin-bottom: 10px !important;
}
.margin-bottom-lg {
  margin-bottom: 22px !important;
}
.margin-bottom-sm {
  margin-bottom: 5px !important;
}
.margin-left-none {
  margin-left: 0px !important;
}
.margin-left {
  margin-left: 10px !important;
}
.margin-left-lg {
  margin-left: 22px !important;
}
.margin-left-sm {
  margin-left: 5px !important;
}
.border-left-none {
  border-left: none !important;
}
.border-right-none {
  border-right: none !important;
}
.border-bottom-none {
  border-bottom: none !important;
}
.border-top-none {
  border-top: none !important;
}


.tab-content ul li {
  list-style-image: url("../img/dil.png");
}

.branding {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color:#acc7d4;
	z-index:9999;
}

.navbar.yamm {
  border: none;
}

.yamm .dropdown-menu {
  background-color:#f0f0f0;
  border:none;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.yamm .yamm-content h4 {
  color: #cf8cab;
  padding: 0 0 5px;
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
  font-weight: 200;
}

.yamm .yamm-content ul {
	margin-top: 10px;
  padding: 0 20px;
  list-style-type: none;
}

.yamm .yamm-content ul li {
list-style-image: url("../img/dil.png");
}

.yamm .yamm-content ul li a {
  padding: 2px 0;
  margin: 2px 0;
  display: block;
}

.yamm .yamm-content ul li a:hover {
  color: #cf8cab;
}

.margin-top {
	margin-top:20px;
}

.margin-bottom {
	margin-bottom:20px;
}

.grid-lg > div[class*="col-"] {
	padding:20px 10px;
}

.grid-sm {
	margin: 0 20px;
}

.grid-sm > div[class*="col-"] {
	padding: 0 10px;
	margin-bottom:20px;
}

.grid-xs {
	margin: 0 4px;
}

.grid-xs > div[class*="col-"] {
	padding: 0 2px;
	margin-bottom: 4px;
}

.grid-none {
	margin: 0px;
}

.grid-none > div[class*="col-"] {
	padding: 0px;
	margin:0px;
}


.block-xs-lg {height:530px;}
.block-xs-md {height:400px;}
.block-xs-sm {height:300px;}
.block-xs-5 {height:200px;}
.block-xs-4 {height:175px;}
.block-xs-3 {height:150px;}
.block-xs-2 {height:125px;}
.block-xs-1 {height:100px;}

@media (min-width: 460px) {
}

@media (max-width: 767px) {
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
}

@media (min-width: 768px) {
.block-sm-auto {height: auto;}
.block-sm-5 {height:600px;}
.block-sm-4 {height:250px;}
.block-sm-3 {height:200px;}
.block-sm-2 {height:150px;}
.block-sm-1 {height:100px;}
}

@media (min-width: 992px) {
.block-md-auto {height: auto;}
.block-md {height:300px;}
}

@media (min-width: 1200px) {
.block-lg-auto {height: auto;}
.block-lg {height:600px;}
}

.block-lg {
	margin:40px 0px;
}

.block-sm {
	margin:20px 0px;
}

.block-grey {
	background-color: #f4f4f4;
  padding: 20px;
}

.block-white {
	background-color: #ffffff;
}

.block-social {
	padding:20px;
	background-color: #8fb6c9;
	color: #ffffff;
	text-transform:capitalize;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.block-social:hover {
	background-color: #cf8cab;
	color: #ffffff;
}


.block-social-tw, .block-social-fb {
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.block-social-tw {
	background-color: #c28597;
}

.block-social-fb {
	background-color: #8fb6c9;
}

.block-social-tw:hover {
	background-color: #cf8cab;
}

.block-social-fb:hover {
	background-color: #5092b3;
}

.block-socialx {
	color:#fff;
	padding:0px 40px;
}
.block-related {
}

.block-related-caption {
height: 50px;
padding: 5px 5px;
text-align: center;
background-color: #FAFAFA;
overflow:hidden;
}

.block-bluelight {
	background-color: #eaf0f4;
}

.block-pinklight {
	background-color: #f5ebf0;
}

.block-bluelight .sf-header-title, .block-bluelight p {
	color: #5092b3;
}

.block-blueimg {
	background-color: #82afc2;
}

.block-blueimg img{
	margin: 0 auto;
}

.panel-no-border {
	border:none;
}

.bs-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}

.bs-invisible {
visibility: hidden!important;
}

.bs-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.bs-cover-tile {
color: #eeeae3;
}

.bs-cover-block {
position: absolute;
margin: 0 10px;
top: 0;
bottom: 0;
left: 0;
right: 0;
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}


.bs-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.bs-flex-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.bs-flex-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.bs-flex-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.bs-flex-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.bs-flex-right{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}

.block-pinklight .bs-cover-block {
	background-color: rgba(177,104,137,0);
}

.block-pinklight:hover .bs-cover-block {
	background-color: rgba(177,104,137,0.2);
}

.block-black .bs-cover-block {
	background-color: rgba(80,146,179,0);
}

.block-black:hover .bs-cover-block {
	background-color: rgba(80,146,179,0.25);
}

.block-black .bs-cover-tile {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.9);
	padding: 10px 20px;
	color: #5092b3;
}

.media {
  display: block;
  position: relative;
  vertical-align: top;
}

.media__image { display: block; width: 100%;
  height: auto;}

.media__body {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body.pink {
  background: rgba(223, 193, 207, 0.5);
}

.media__body:hover { opacity: 1; }

.media__bodyx:after,
.media__bodyx:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__bodyx:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__bodyx:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__bodyx:hover:after,
.media__bodyx:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__title { position: absolute;
  top: 5%;
  left: 10%;
  text-align: left;
  color: #eeeae3; }

.media__body p { margin-bottom: 1.5em; }

.tweetbox{
    background-color: #c28597; color:#fff!important; padding:40px 50px 40px 50px; width:100%; text-align:center;
}
.fbbox{
    background-color:#8fb6c9; color:#fff!important; padding:40px 50px 40px 50px; width:100%; text-align:center;
}


/*PRODUCT TABLE CHART */

.tab-pane table {
	color: #a65f80;
}
.tab-pane td {
	padding: 5px;
	background: #F0F0F0;
	line-height: normal;
	border:#fff solid 1px;
}
.tab-pane .tdhdr {
}
.tab-pane .tdhdrblue {
	background: #F0F0F0;
	color: #2389b4;
}
.tab-pane .label{
	float: left;
	display: block;
	width: 130px;
	color: #6d6e71;
	line-height: normal;;
}
.tab-pane .aquablu{
	background: #79A6BB;
	color: #ffffff;
}
.tab-pane .liteblu{
	background: #B1C7D5;
	color: #ffffff;
}
.tab-pane .darkblue{
	background: #98B8C7;
	color: #ffffff;
}
.tab-pane .medblue{
	background: #CCDAE3;
	color: #ffffff;
}
.tab-pane .purple{
	background: #a66080;
	color: #ffffff;
}
.tab-pane .litepink{
	background: #e3c6d3;
	color: #a65f80;
}
.tab-pane .pink{
	background: #e3c6d3;
	color: #ffffff;
}

/*PRODUCT COLOR TABS */
.tab-pane .colortabs {
	margin: 0 0 20px 0;
	padding: 0;
	/*float: left;*/
	overflow: hidden;
	width: auto;
}
.tab-pane .colortabs li{
	/* float: left; */
	display: inline-block;
	font-size: 11px;
	padding-top: 3px;
	margin-right: 5px;
	text-align: center;
	line-height: normal;;
	height: 20px;
	width: 74px;
	text-decoration: none;
	list-style: none;
	cursor:pointer;
}
.tab-pane .colortabs li.black{
	color: #fff;
	background: url(../img/color-tabs/black.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.white{
	color: #000000;
	background: url(../img/color-tabs/white.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.red{
	color: #fff;
	background: url(../img/color-tabs/red.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.bord{
	color: #fff;
	background: url(../img/color-tabs/bordeaux.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.olive{
	color: #fff;
	background: url(../img/color-tabs/olive.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.navy{
	color: #fff;
	background: url(../img/color-tabs/navy.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.cream{
	color: #000;
	background: url(../img/color-tabs/cream.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.petrol{
	color: #fff;
	background: url(../img/color-tabs/petrol.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.brown{
	color: #fff;
	background: url(../img/color-tabs/brown.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.lime{
	color: #fff;
	background: url(../img/color-tabs/lime.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.orange{
	color: #fff;
	background: url(../img/color-tabs/orange.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.blue{
	color: #fff;
	background: url(../img/color-tabs/blue.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.honey{
	color: #fff;
	background: url(../img/color-tabs/honey.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.melange{
	color: #000;
	background: url(../img/color-tabs/melange.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.pink{
	color: #000;
	background: url(../img/color-tabs/pink.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.nude{
	color: #000;
	background: url(../img/color-tabs/nude.gif) transparent no-repeat top right;
}
.tab-pane .colortabs li.polka{
	color: #fff;
	background: url(../img/color-tabs/polka.gif) transparent no-repeat top right;
}

.colortabs a {
	color:inherit;
	text-decoration:none;
}

.nav-pills > li > a {
  border-radius: 4px;
  background-color: #cf8cab;
  color: #fff;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
  color: #5092b3;
  background-color: #fff;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #cf8cab;
  background-color: #fff;
}

.img-thumbnail {
  border: 1px solid #cf8cab;
  border-radius: 4px;
}

hr.devider {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #F0F0F0;
border-top-color: #ACC7D4;
border-top-style: dotted;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}