body { background: #f9f9f9; padding-top: 80px; }



a { color: #00b4cb; text-decoration:none; }
a:hover { color: #005d69; text-decoration:none; }

.splash { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8);}
.splash-dismiss { position:absolute; top: 15px; right:30px; font-size:21px; color: #fff; }
.splash-dismiss:hover { color: #e7e7e7; }
.splash-content { 
	position:absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width:50%;
	height:auto; 
	background:#fff; 
	padding:30px;
}
.splash-content-lg { width:75%; }
.splash-content-sm { width:30%; }

.tour-centre { position: absolute; max-width:100%; top: 50%; transform: translate(-50%, -50%);; left: 50%; }


	.products .label-default {
		line-height:24px;
	}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.splash-content-lg { width:90%; }
	.splash-content-sm { width:90%; }
	.splash-content { margin-top:30px; width:95%;  min-height:80%;}

	.list-communities .list-group-item .box-centre, .community-list-group-item.list-group-item .box-right{
		position: relative !important;
		text-align: left; 
		transform: none;
		top:0;
		right:0;
	}

	.products .box-centre {
		margin-right:0 !important;
	}

	.products .box-right {
		position:initial !important;
		padding: 0 5px !important;
		float:none !important;
		transform: none !important;
		margin:0 !important;
		width:100% !important;
		min-height:80px;
	}

	.products .box-right h5 {
		/*padding:0 !important;*/
	}

	.products .box-left {
		float:none !important;
	}


	.list-communities .list-group-item .box-centre h5, .community-list-group-item.list-group-item .box-centre h5{
		font-size: 16px;
	}

	.tour-centre { 
		position:relative !important;
		transform: none;
		top:0;
		left:0;
	}

	#tour-three {
		height:125%;
	}

	.products .box-centre.box-checkout {
		margin-right:0;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.splash-content-lg { width:90%; }
	.splash-content-sm { width:90%; }
	.splash-content { margin-top:30px; width:95%;  min-height:80%; }

	.products .box-centre.box-checkout {
		margin-right:0;
	}

	.list-communities .list-group-item .box-right, .community-list-group-item.list-group-item .box-right{
		position: relative !important;
		text-align: left; 
		transform: none;
		top:0;
		right:0;
	}

	.list-communities .list-group-item .box-right h5, .community-list-group-item.list-group-item .box-centre h5{
		font-size: 16px;
	}

	.tour-centre { 
		position:relative !important;
		transform: none;
		top:0;
		left:0;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.splash-content-lg { width:90%; }
	.splash-content-sm { width:90%; }
	.splash-content { margin-top:30px; width:95%; min-height:80%;}

	.list-communities .list-group-item .box-right, .community-list-group-item.list-group-item .box-right{
		position: relative !important;
		text-align: left; 
		transform: none;
		top:0;
		right:0;
	}

	.products .box-centre.box-checkout {
		margin-right:0;
	}

	.list-communities .list-group-item .box-right h5, .community-list-group-item.list-group-item .box-centre h5{
		font-size: 16px;
	}

	.tour-centre { 
		position:relative !important;
		transform: none;
		top:0;
		left:0;
	}
}


input[type=text] { padding: 0 10px !important; background: #f9f9f9; box-shadow: inset 0 0px 0 #ddd !important; }
input[type=text]:focus { background: #dffbff; box-shadow: inset 0 -2px 0 #00b4cb !important; }

input[type=password] { padding: 0 10px !important; width: 100%; background: #f9f9f9; box-shadow: inset 0 0px 0 #ddd !important; }
input[type=password]:focus { background: #dffbff; box-shadow: inset 0 -2px 0 #00b4cb !important; }

textarea { padding: 15px 10px !important; background: #f9f9f9 !important; box-shadow: inset 0 0px 0 #ddd !important; }
textarea:focus { background: #dffbff !important; box-shadow: inset 0 -2px 0 #00b4cb !important; }
textarea:disabled { background: #fff !important; }

.list-communities label { text-align:center; width: calc(10% - 2px); margin-right:2px;  }
.list-communities label img { float:left; width: 100%; border: 1px solid #f2f2f2; background:#f9f9f9; padding:15px !important; }
.list-communities label:checked img { background:#fff; }
.list-communities label input { position:absolute; top:0; left:0; display:none; }

.list-group.list-communities { border:none; }
.list-group.list-communities .list-group-item  { border:none; margin:15px 0; overflow:hidden; height:100px; }
/*.list-group.list-communities .list-group-item .box-left  { height:100px; }*/
.list-group.list-communities .list-group-item:hover  { background:#f2f2f2; }
.list-group.list-communities .list-group-item img { width: 120px; height:auto; float:left; margin-right:10px; }

:checked+img{ background:#fff !important; color: #00b4cb; } 
:checked+img+span{  background:#fff !important; color: #00b4cb; }

.circle-list-item { text-align: center; position:relative; border-bottom:1px solid #f2f2f2; margin-bottom:15px;}
.circle-list-item a { color:#444; }
.circle-list-item a:hover { color:#181818; }
.circle-list-item:last-child { border-bottom:none;  margin-bottom:0; }
.circle-list-item .image { position:relative; margin:0 auto; width: 80px; height: 80px; overflow:hidden; border-radius: 40px; border:1px solid #e7e7e7; padding:2px; }
.circle-list-item .image img { 
	/*position:absolute; 
	top:50%; 
	left:50%; 
	transform: translate(-50%, -50%); */
	width: 100%;
    min-height: 78px;
    object-fit: cover; 
	border-radius: 39px;
	}

.text-bold { font-weight: 500; }

.top { margin-top: 15px; }
.top-2x { margin-top: 30px; }
.top-3x { margin-top: 60px; }

.pad-sides { padding:0 15px; }

.btn {
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.btn-primary { background: #00b4cb; }
.btn-primary:hover { background: #57afbb; }

.label { border-radius: 8px; padding: 3px 9px; }

.primary-bg { background: #00b4cb; }

.btn.btn-success { 
	background:#BFDC7A; 
	font-weight: 500;
}

.btn.btn-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.user-avatar { width: 30px; height:30px; margin: 0 10px 10px 0; }
.user-name { line-height:30px; }

.title { border-bottom: 1px solid #f2f2f2; padding-bottom:15px; margin-bottom:15px; }
.sidebar-title { padding: 15px 10px; margin:0 ; border-bottom: 1px solid #f2f2f2; text-transform:uppercase; color:#b8b8b8; }

.sidebar .list-nav { margin:0; }
.sidebar .list-nav li { border-bottom: 1px solid #f2f2f2; padding:10px; margin:0; }
.sidebar .list-nav li:last-child { border-bottom: none; }
.sidebar .list-nav li a { display:block; color: #808080; font-weight: 500; }
.sidebar .list-nav li:hover { background:#f9f9f9; }

.navbar {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.navbar .navbar-brand img { height: 25px; width: auto; }
.navbar-default .navbar-nav>.active>a { color: #00b4cb; background:none; text-transform: uppercase; font-weight: 500;}


.interest { font-weight: 500; text-transform: uppercase; font-size: 50%; vertical-align: top; color: #F9690E; }

.label { }
.label-default { /* border: 1px solid #f2f2f2; color: #b8b8b8; background: #fff; */ }
.label-success { background: #BFDC7A; }

.tags { position: relative; height:auto; }


.tags ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	border-top: 1px solid #f2f2f2; 
	background: #fff; 
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	white-space: nowrap; 
}

.tags ul li {
	display:inline-block;
	margin:0; 
	padding: 10px 15px; 
	background: #fff;
	border-right: 1px solid #f9f9f9;
	text-transform: capitalize; 
}

.tags ul li a {
	display:inline-block;
	font-weight: 400; 
	color: #b8b8b8; 
}

.tags .controls {
	position:absolute;
	top:1px;
	right:1px;
	border-right:none;
	height: inherit;
	text-transform: uppercase; 
	font-weight: 400;
	padding: 10px 15px 10px 50px; 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.tags li.controls a { 	color: #00b4cb; margin-right: 8px; }

/** PRODUCTS **/
.products .list-group-item:first-child { border-radius: 0; }

.products .header { border: 1px solid #f2f2f2; padding:5px 30px; }
.products .header a { color: #b8b8b8; font-size:60%; font-weight: 500; text-transform:uppercase; }
.products .header a:hover { color: #444444; }

.products .footer { border: 1px solid #f2f2f2; padding:5px 15px; }
.products .footer a { color: #b8b8b8; font-size:60%; font-weight: 500; text-transform:uppercase; }
.products .footer a:hover { color: #444444; }

.products { }
.products .product { min-height: 162px; position:relative; padding: 10px 30px; border: 1px solid #f2f2f2; }
.checkout .products .product { border: none; border-bottom:1px solid #f2f2f2; }
.products .product .list-group-item-text { color: #808080; }
.products.products-ended .product { background: #fdfdfd; }
.products.products-ended .product h5 { color: #b8b8b8; }
.products.products-ended .product:hover { background: #fff; }
.products.products-ended .product:hover  h5 { color: #444444; }

h5 span.slug { font-size: 75%; font-weight: 400;}

.products .product:hover { background: #f9f9f9; }
.products .box-right h5 { float:left; border-right: 1px solid #f9f9f9; padding-right: 15px; margin-right: 15px;}
.products .box-right h5:last-child { border-right: none; padding-right:0; margin-right: 0;}
.box-right { position: absolute; top: 50%; right: 30px; min-width: 80px; text-align:center; transform: translateY(-50%); } 

.products .product .user { position:relative; padding-left: 20px;}
.products .product .user img { position:absolute; top:0; left:0; width: 16px; height: 16px; border-radius: 8px; }

.products .product .list-group-item-heading { font-weight: 400; font-size: 18px; color:#181818; }

.products .box-left { float: left; width:200px; height:140px; overflow:hidden; margin-right: 15px; } 
.products .box-left img { width: 200px; height: auto; }

.products .box-centre { /* border-right: 1px solid #f2f2f2; */ margin-top:15px; margin-right: 150px; position: relative; } 

.products .box-centre .vertical-middle {  }

.product-info h5 { display: inline-block; /* border-right: 1px solid #f2f2f2; */ padding-right:10px; margin-right:10px; }
.product-info h5::last-child { border-right: none; padding-right:0; margin-right:0 }
.box-right h5 span, .product-info span,.list-pear li span, .statistic span{ 
	margin-top: 3px; 
	font-size: 50%; 
	color: #bbbbbb;
	display: block;
}

.product .box-right a { color: #444; }
.product .box-right a:hover { color: #00b4cb; }
.products .product:hover .box-right span { color: #b8b8b8; }
.products .box-right img { width: 80px; height: auto; }

.list-pear li { border-right: 1px solid #f2f2f2; padding-right:10px; margin-right:10px;}
.list-pear li:last-child { border-right: none; padding-right:0; margin-right:0;}
/** SINGLE PRODUCT **/

.single-product { position: relative; }

.single-product .header {
	position: relative;
	padding: 30px 30px 40px 30px; 
	background: #fff; 
	border: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	color: #bbbbbb; 
}

.single-product .header h4 {
	margin: 0 ;
	padding: 0;
}

.single-product .header.sticky { 
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 999;
}

.single-product .pricing {
	background: #fff;
	border-left:1px solid #f2f2f2; 
	border-right:1px solid #f2f2f2;
	height:90px;
	padding: 45px 0;
	position: relative;
}
.single-product .pricing .progress { margin: 0; }
.single-product .pricing .btn{ border-radius: 0; }

.single-product .details { background: #fff; }

.progress { overflow: visible; position:relative; background: #00b4cb; }
.progress-bar { position: absolute; background: #00b4cb; }
.progress-bar .marker { /* position: absolute; top: 50%; right:0; text-align:center; background: #00b4cb; padding: 4px 8px; */ }
/*.progress-bar .marker .orders { display:block; position:absolute; right:0; top:4px; padding: 4px 8px; border-radius: 0 0 8px 8px; font-size: 12px; }
.progress-bar .marker .price { background:#00b4cb; display:block; position:absolute; right:0; bottom:4px; padding: 4px 8px; border-radius: 8px 8px 0 0; }*/
/*.progress-bar:last-child { right:0; }*/
.progress-bar:last-child:before { background-color:#00b4cb;}
/*.progress-bar:last-child .marker .orders { left: none !important; right: none !important; }
.progress-bar:last-child .marker .price { left: none !important; right: none !important; }*/

.progress-bar .circle { z-index:4; position:absolute; right:0; width:82px; height:82px; top: -41px; background:#fff; border-radius: 50%; text-align:center; border: 3px solid #a1a1a1; }
.progress-bar .circle .orders { display:block; position:absolute; right:0; left:0; text-align:center; top:50%; padding-bottom: 0; margin:0; font-size: 9px; }
.progress-bar .circle .price { display:block; position:absolute; right:0; left:0; text-align:center; bottom:50%; padding-top:0; font-size: 12px; font-weight:600;}

.progress-bar .circle.unlocked { border: 3px solid #00b4cb; }
.progress-bar .circle.unlocked .orders, .progress-bar .circle.unlocked .price { color:#00b4cb; }

.progress-bar.progress-bar-default, .progress-bar.progress-bar-default .marker .price { background: #a1a1a1; }
.progress-bar.progress-bar-default .marker .orders { /* background: #bbb; */ color: #a1a1a1; }

.progress-bar.progress-bar-default, .progress-bar.progress-bar-default .circle { color: #a1a1a1; }

.list-details { border-top: 1px solid #f2f2f2; background:#fff; padding:0; margin:0; }
.list-details li:first-child { padding-left: 15px; }
.list-details li { border-right: 1px solid #f2f2f2; padding-right: 10px; margin-right: 10px; }
.list-details li:last-child { border-right: none; }


.single-product .gallery { 
	position: relative;
	padding: 30px 15px 15px 15px;
	background: #fff; 
	border-left:1px solid #f2f2f2; 
	border-right:1px solid #f2f2f2;
}
.single-product .gallery .thumbnails { 
	position:absolute;
	bottom:15px;
	left:15px;
	margin: 0;
	padding:15px;
	background: #fff;
}
.single-product .gallery .images { 
	position: relative;
	list-style: none; 
	padding: 0; 
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow: scroll;
	white-space: nowrap; 
}

.single-product .gallery .images li {
	margin:0; 
	text-transform: uppercase; 
	display: inline-block;
	position:relative;
}

.single-product .gallery .images li.video {
	width:540px;
}

.single-product .gallery .thumbnails { 
	list-style: none; 
	padding: 8px 8px 0 0 ; 
	margin: 0;
}

.single-product .gallery .thumbnails li {
	display:inline-block;
	height: 30px;
	overflow:hidden;
	border: 1px solid #f2f2f2;
} 

.single-product .gallery .thumbnails li img {
	width: auto;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.single-product .gallery .thumbnails li i {
	font-size:14px;
	padding: 15px;
}

.single-product .gallery li img { height: 300px; width: auto; }
.single-product .gallery li iframe {
    display:block;
    overflow:auto;
    margin:0;
    position:absolute;
    top:-154px;
    left:0;
    right:0;
    bottom:0;
}



.single-product .tabs { border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; background: #fff; }
.single-product .tabs .nav-tabs { border-bottom: 1px solid #f2f2f2; }

.single-product .content { padding: 30px;}
.single-product .content p { font-size: 15px; line-height: 31px; }
.single-product .maxi iframe, .single-product .maxi img { max-width:100%; }
.single-product .maxi img { height:auto; }

.single-product blockquote { background: #f8fdfe; padding:15px; color: #000; border:1px solid #00b4cb; }


.comments { padding: 30px; }

.comments .media-left img { width: 30px; height:auto; border-radius: 15px; }
.comments .media-left.admin img { border: 1px solid #00b4cb; padding: 2px;  }
.comments .media-heading { margin-top:8px; }

.comments .slug { margin-top: 5px; text-transform:uppercase; font-size: 11px; font-weight: 500; color: #b4b4b4; }
.comments .slug a { color: #b4b4b4; }
.comments li:hover .slug, .comments li:hover .slug a { color: #8e8e8e; }
.comments li .slug a:hover { color: #444444; }
.comments .reply-comment { display:none; }

/** HUNT **/

.hunt { border: 1px solid #fff; background: #fff; }
.hunt .header { position:relative; background: url('../images/diamond.png') #fff;  padding: 30px; text-align: center; }
.hunt .header h4 { color: #00b4cb;}

.hunt .step input[type=text] { box-shadow: inset 0 -1px 0 #ddd !important; }
.hunt .step input[type=text]:focus { box-shadow: inset 0 -2px 0 #00b4cb !important; }

.hunt .step { 
	background:#fff;
	padding: 15px 30px;
	position:relative;
}

.hunt .step img { border:1px solid #f2f2f2; padding:2px; }

/* 
.hunt .step, .guide-primary .guide-item {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.hunt .step-one, .guide.guide-primary  .step-one{ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity:1;
	opacity: 1;
}
 */

.hunt .step h5 { }


.hunt .step .image input[type=text] { box-shadow: inset 0 -2px 0 #fff !important; }
.hunt .step .image input[type=text]:focus { box-shadow: inset 0 -2px 0 #00b4cb !important; }

.hunt .step .image input { color:#fff; text-align:center; font-size: 18px; min-width: 350px; }
.hunt .step .image { position:relative; width: 100%; }
.hunt .step .image img { float:left; width: 100%; }

/** GUIDE */

.guide { padding-top: 40px; }
.guide p { color: rgba(255,255,255, 0.8); }
.guide h5 { color:#fff;  }
.guide h6 { padding-top: 30px; color:#fff;  }

.guide .guide-line { position: relative; border-left: 3px solid #fff; margin-left: 10px; padding-left: 30px; }
.guide .guide-item { position: relative; }
.guide .guide-item i { position: absolute; color:#00b4cb; top: 20px; left:-46px; background: #fff; width: 30px; height: 30px; border-radius: 15px; font-size: 18px; padding: 5px; text-align:center;}

.guide.guide-inverse { padding:0; }
.guide.guide-inverse p { color: rgba(0,0,0, 0.8); }
.guide.guide-inverse h5 { padding-left: 42px; color:#b8b8b8; padding-bottom:15px; }
.guide.guide-inverse h6 { padding:0; color:#b8b8b8;  }
.guide.guide-inverse .guide-line { border-left: 2px solid #00b4cb; }
.guide.guide-inverse .guide-item { padding-bottom:20px; }
.guide.guide-inverse .guide-item:last-child { padding-bottom:0; }
.guide.guide-inverse .guide-item i { color:#fff; background: #00b4cb; width: 30px; height: 30px; }
.guide.guide-inverse .guide-item .user { position: absolute; padding:2px; background:#fff; border:2px solid #00b4cb; top: 0; left:-46px; width: 30px; height: 30px; border-radius: 15px;}

/** SIDEBAR **/

.sidebar { border:2px solid #fff; background:#fefefe;}
.sidebar .content {  padding: 15px; }
.sidebar .box { background: #f2f2f2; padding: 20px; font-size: 12px; }

/** SQUARE **/

.overlay { position:absolute; border: 2px solid #fff; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.1); border-radius: 8px;}

.square { position: relative; padding-bottom:100%; background: url('../images/diamond.png') #fff; margin-bottom: 15px; }
.square .overlay { border: none; overflow: hidden;}

.square.square-default .overlay { background: rgba(0, 0, 0, 0.4);  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 8px;}
.square.square-default:hover .overlay { background: rgba(0, 0, 0, 0.1); }
.square.square-primary .overlay { background: rgba(0, 180, 203, 0.4); }
.square.square-primary h5 { color: #fff; font-weight: 500; }
.square.square-normal .overlay { background: rgba(255, 255, 255, 0.4); }
.square.square-normal h5 { color: #444; font-weight: 500; }

.square.square-default { color: #fff; border: 1px solid #a1a1a1; }
.square.square-primary { color: #fff; border: 1px solid #00b4cb; }

.square.square-default h6 { color: #fff; font-weight: 600; }
.square.square-default p { color: rgba(255,255,255,0.6); }

.square-half { height: 70px; padding:0; border-radius: 8px; }
.square-half .overlay img { width:100%; height:auto; }

.square-half h5 { position:absolute; top:0; left:15px; color:#fff; line-height:70px; padding:0; margin:0; font-size:16px; }



.square .square-left {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 30px;
}

.square .square-centre, .centre {
	position:absolute;
	text-align:center;
	top: 50%;
  	left: 50%;
	right:-25%;
  	transform: translate(-50%, -50%);
	
}

/* 
  -webkit-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out; 
 */


 .banner { color:#fff; margin-bottom:30px; margin-top:-21px; text-align: center;}
 .banner .user-avatar { width: 60px; height:60px; border: 2px solid #fff;}
 .banner small{ color:#fff; }


.ribbon-wrapper {
  width: 85px;
  height: 85px;
  overflow:hidden;
  position: absolute;
  top: 0;
  right: 0;
}

.ribbon {
  font-size:10px;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 0;
  left: 20px;
  top: 15px;
  width: 85px;
  background: #b8b8b8; 
  color: #fff;
  text-transform:uppercase;
  font-weight:600;
}

.bg-white { background:#fff; border: #f2f2f2 solid 1px;}
.bg-default { background:#f2f2f2; padding:15px;}
.label-default { background: #fbfbfb;  color:#939393; font-weight: 400;}
.label-success, .ribbon-success { background: #BFDC7A; }
.label-primary, .ribbon-primary, .bg-blue { background: #00b4cb; }
.label-warning, .ribbon-warning { background: #FFEE58; color: #444; }
.label-danger, .ribbon-danger { background: #D91E18; }

.text-default { color: #fbfbfb; }
.text-success { color: #BFDC7A; }
.text-primary { color: #00b4cb !important; }
.text-warning { color: #F9690E; }
.text-danger { color: #D91E18; }

.text-red { color: #e74c3c; }
.text-blood { color:#c0392b; }
.text-orange { color: #d35400;}
.text-mandarin { color: #e67e22; }
.text-gold { color: #f39c12; }
.text-sunny { color: #f1c40f; }
.text-teal { color: #16a085; }
.text-grass { color: #2ecc71; }
.text-green { color: #27ae60; }
.text-blue { color: #3498db; }
.text-ocean { color: #2980b9; }
.text-violet { color: #9b59b6; }
.text-purple { color: #8e44ad; }
.text-dark { color:#34495e; }
.text-tarmac { color:#2c3e50; }


.list-cards .list-group-item { float:left; padding:2px; width: calc(33.3% - 10px); min-height: 25%; max-height:25%; margin-right: 15px; }
.list-cards .list-group-item:last-child { margin-right:0; }
.list-cards .list-group-item .image { display:block; width: 100%; height: 150px; overflow:hidden; }
.list-cards .list-group-item .image img { width: 100%; height:auto; }
.list-cards .list-group-item .box-centre { padding:15px; margin: 0; }

.step-by-step { list-style: none; padding:0; margin:0 0 30px 0; counter-reset: step; }
.step-by-step li { position:relative; float:left; width: 25%; text-align: center; color:#fff; font-weight: 500;}
.step-by-step li:after {  
	content: '';
	width: 50%;
	height: 2px;
	background: white;
	position: absolute;
	right: 0;
	top: -30px;
	z-index: -1; 
}
.step-by-step li:before {  
	content: '';
	width: 50%;
	height: 2px;
	background: white;
	position: absolute;
	left: 0;
	top: -30px;
	z-index: -1; 
}

.step-by-step.blue li:before, .step-by-step.blue li:after { background: #00b4cb; }

.step-by-step li .counter {
	position: absolute;
	top: -40px;
	left: calc(50% - 10px);
	display:block;
	width: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #00b4cb;
	background: white;
	border-radius: 10px;
	margin: 0 auto 5px auto;
}

.step-by-step li:first-child:before, .step-by-step li:last-child:after { content:none; }

.checkout .summary { background: #dffbff; padding:15px; }
.checkout .summary dt { text-align:left; font-weight:400; }
.checkout .summary dl { text-align:right; font-weight:500; }
.checkout .summary hr { border-top: 1px solid #fff }

.checkout .list-variants > li { position:relative; background: #f9f9f9; margin-bottom:2px; padding: 40px 15px 15px 15px;}
.checkout .list-variants > li label{ position:absolute; top:0; left:0; right:0; bottom:0; padding:15px; display:block; }

.profile { background: #fff; border: 1px solid #f2f2f2; vertical-align: middle; }
.profile .user { height: 80px; width: 80px; border: 2px solid #e7e7e7; margin-left: 15px; }
.profile .user-name { /* line-height: 120px; vertical-align: middle; */ padding:0; margin:0; }

.pad-x { padding: 0; margin:0; }
.pad { padding: 15px; }
.pad-2x { padding: 30px; }



@media only screen and (max-width : 480px) {
	body { padding-top: 50px; }
	.products .box-left { width:100%; height:140px; overflow:hidden; margin-bottom:15px;} 
	.products .box-left img { width: 100% !important; height: auto; }
	.tags { position:fixed; top:50px; left:0; right:0; z-index:999; border-bottom:1px solid #e7e7e7; }

	.products .box-right { margin-top:15px; position: relative; float:right; top: 0; right: 0; min-width: 80px; text-align:center; transform: 0; } 

	.single-product .gallery { 
		padding: 0 0 15px 0;
		margin:-15px;
		-webkit-overflow-scrolling: touch;
	}
	.single-product .gallery li img { height:200px; }

	.single-product .header {
		margin:-15px;;
	}

	.single-product .pricing {
		padding: 30px 15px 0 15px; 
		margin-top:45px;
	}

	.navbar-toggle { padding: 0; }

	.navbar { min-height:50px; } 
	.navbar.navbar-fixed-bottom { height: 50px !important; }

	.navbar-header {
		float: left;
		text-align: center;
		width: 100%;
		margin:0 !important;
		height:45px !important;
		min-height:none !important;
	}
	.navbar-brand { float:none; }
	.navbar-brand img { display:inline-block; margin-top: 10px; }
	.navbar-brand h6 { display:block;  text-align: center;}
	.navbar-header button{ float:left; margin-right:0 !important;  padding-right:0 !important; }
	.navbar-header .navbar-search-button { float:right; }
	
}

#bio_ep { box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2) !important; width:500px !important; max-width:100% !important; height:auto !important; }
#bio_ep input::-webkit-input-placeholder {
   font-style: italic;
}
#bio_ep input:-moz-placeholder {
   font-style: italic;  
}
#bio_ep input::-moz-placeholder {
   font-style: italic;  
}
#bio_ep input:-ms-input-placeholder {  
   font-style: italic; 
}

.btn-border { border: 1px solid #00b4cb; background:#fff; color:#00b4cb;}

.dropdown-menu-lg {
  width: 600px;
  padding: 20px 0px;
}
.dropdown-menu-lg > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-lg > li > ul > li {
  list-style: none;
}
.dropdown-menu-lg > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-lg > li ul > li > a:hover,
.dropdown-menu-lg > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-lg .disabled > a,
.dropdown-menu-lg .disabled > a:hover,
.dropdown-menu-lg .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-lg .disabled > a:hover,
.dropdown-menu-lg .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-lg .dropdown-header {
  color: #b8b8b8;
  font-size: 12px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .dropdown-menu-lg {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-lg > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-lg > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-lg .dropdown-header {
    padding: 3px 15px !important;
  }
}


.search-dropdown { 
	position:absolute;
	background:#fff;
	top:100%;
	left:0;
	right:0;
	z-index:999;
	display:none;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.search-dropdown h6 { padding: 10px; margin:0; }
.search-dropdown .community-results, .search-dropdown .tag-results  { padding:0 10px; white-space: nowrap; margin:0; }
.search-dropdown .community-results .square, .search-dropdown .tag-results .square { float:left; width:49%; margin-right:2%;}
.search-dropdown .community-results .square:last-child, .search-dropdown .tag-results .square:last-child{ margin-right:0;}

.search-dropdown .product-results { margin:0; padding:0; }
.search-dropdown .product-results a { color:#181818; }
.search-dropdown .product-results a:nth-child(odd) li{ background:#f9f9f9; }
.search-dropdown .product-results a li:hover { background:#f1f1f1;}
.search-dropdown .product-results li {
	border-bottom:1px solid #f1f1f1;
	padding: 10px;
 }

/*.label { line-height: 1.3; }*/

.select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #e7e7e7;}

.welcome-to { margin-top:-20px; height:40px; line-height:40px; margin-bottom:20px; }
.welcome-to a { border-bottom:1px dotted #fff; }

@media only screen and (max-width:480px){
    .dropdown-menu.buy{
        display: block;
        position: static;
        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:static;
        width:100%;
    }

.welcome-to { margin-top:0; }
    /*.navbar-nav .dropdown-menu.buy > li > a, 
    .navbar-nav .dropdown-menu.buy .dropdown-header {
        padding:5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{    
        color:#777;
    }*/
}

.list-logos li {margin-left: 20px; }
.list-logos li img { height:15px; width:auto; }

.navbar-fixed-top .navbar-collapse { max-height:600px; }