/*
 Table Of Contents

 /*
 1.) Communication Page
 ----------------------------------------*/
body {

	/*min-height: 1500px;*/
	background: #eff0f4;
	font-family: 'Montserrat', sans-serif;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*Branding*/

.brand-c {
	color: #0095f4;
}

.brand-bg {
	background: #0095f4;
	background-color: #0095f4;
}

.btn.brand-bg-btn,
button.brand-bg-btn
{
	background: #0095f4;
	background-color: #0095f4;
	border: 1px solid #0095f4;
}

.brand-hover:hover {
	background: #fff;
	background-color: #fff;
	color: #0095f4;
}

.brand-hover-dark:hover {
	background: #005aff;
	background-color: #005aff;
	color: #fff;
}

.brand-border {
	border-color: #0095f4;
}


.sip-cats li.active p  {
	color: #0095f4;
}

.sip-cats li.active a {
	background-color: #fff;
	border: 1px solid #0095f4;
}

li.active a.brand-tabs {
	color: #0095f4;
	border-bottom: 2px solid #0095f4;
}

.summary-content li.active a .content-added {
	border: 2px solid #0095f4;
}

.summary-content li.active a {
	border: 1px solid #0095f4;
}

.switch-move  input:checked  + label {
	background: #0095f4;
}

.summary-content .summary-one.active .summary-pic {
	background: url("../images/create-sip/infoicon-blue.png") no-repeat;
}

.summary-content .summary-two.active .summary-pic {
	background: url("../images/create-sip/gear-1-blue.png") no-repeat;
}

.sip-item-detail .item-info-tabs li.active a {
	color: #0095f4;
}

.sip-tabs-head .active a {
	color: #0095f4;
	border-bottom: 2px solid #0095f4;
}

.sg-list .status-circle i,
.status-circle i 
{
    background: #0095f4;
}

.sg-list .status-circle,
.status-circle
{
    border: 3px solid #0095f4;
}

.blog-button-wrap .wrap-left .active {
	color: #0095f4;
}

.sg-list .buy-btn-product.btn,
.sg-list .buy-btn-product:hover,
.buy-btn-product.btn,
.buy-btn-product:hover,
.buy-btn-product:focus,
.assign-to-sip.btn,
.assign-to-sip:hover,
.assign-to-sip:focus
{
	background: #0095f4;
	border: 1px solid #0095f4;
}

.assign-to-sip.btn,
.assign-to-sip:hover,
.assign-to-sip:focus  /*temp fix*/
{
	background: #a6a8af;
	border: 1px solid #808080;
}

.sip-item-detail .item-info-tabs li.active a {
	border-bottom: 2px solid #0095f4;
}

#globalnotificationpop h2 {
	color: #0095f4;
}

.notifi-type .fa-comments {
	color: #0095f4;
}

.online-status {
	background: #0095f4;
}

/*End Branding*/

.top-border {
	border-top: 1px solid #ccc;
}

#wrapper {
	overflow: hidden;
}

.rel {
	position: relative;
}

.hidden {
	visibility: hidden;
}

.reset {
	background-color: transparent;
	border: 0;
}

.mobile-heading,
.mobile-only,
.mobile-only.back-button
{
	display: none;
}
.btn-toggle {
    width: 20px;
    background: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
    margin: 7px 0 0 0;
	float: left;
}
.btn-toggle span {
    height: 2px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    background: #ffffff;
}
.logo {
	width: 20%;
	float: left;
	padding-top: 7px;
}

.header-cart {
	float: right;
	margin: 8px 0 0 0;
	position: relative;
}
.header-cart-icon {
	width: 25px;
	height: 35px;
	background-image: url('../images/depot-sprite.png');
	background-position: -2px -30px;
}
.search-form-wrap {
	width: 37%;
	background: rgba(0,0,0,0.25);
	height: 44px;
	float: left;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	margin-top: 3px;
	padding-left: 55px;
}
.search-form-wrap input {
	background: none;
	border: 0;
	font-size: 16px;
	color: #bfbfbf;
	width: 100%;
	height: 44px;
}
.search-form-wrap input:focus, button:focus {
	outline: 0
}
.search-submit {
	height: 44px;
	width: 30px;
	position: absolute;
	left: 12px;
	top: 0px;
	background-position: -133px 3px;
}
.nav {
	float: left;
	width: 50%;
	padding-left: 3.9%;
	margin-bottom: 0;
	border: 0;
}
.nav .navbar-collapse {
	padding: 0;
}
.nav ul li {
	float: left;
	padding-left: 23px;
	margin-top: 6px;
}
.nav ul li a {
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1.3px;
	padding: 11px 0px;
	display: block;
	border-bottom: 4px solid transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-shadow: 1px 1px 1px #3f3f3f; /*26/1/17*/
}
.nav ul li:hover a, .nav ul li.active a {
	border-bottom: 4px solid #ffffff;
}
.user-avatar {
	width: auto; /*was 68px;*/
	float: right;
}
.avater-img {
	width: 48px;
	height: 48px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
}
.aside .recent-message-list .avater-img {
	width: 48px;
}

.icon-dropdown {
	background-position: -77px -127px;
}
.caret-absolute {
	position: absolute;
	top: 17px;
	right: 1px;
}
.badge {
	color: #fff;
	background: #eb0a0a;
	font-family: 'Montserrat', sans-serif;
}
.badge-absolute {
	position: absolute;
	bottom: -1px;
	left: 31px;
}
.user-avatar  .dropdown-menu {
	min-width: 100px;
}
.user-avatar  .dropdown-menu > li > a {
	font-family: 'Montserrat', sans-serif;
}
 
.page-banner {
	min-height: 400px;
	/*background: url(../images/banner-communication.jpg) 50% 0 no-repeat; DD 7/3/17 changed default background*/
	/*background: url(../images/promo-bg-img1.jpg) 50% -166px no-repeat;*/
	background: url(../images/banner-main.jpg);
	padding-top: 172px;
	-webkit-background-size: cover;
	background-size: cover;
}
.page-main-content {
	padding: 0px 32px;
}
.page-main-heading {
	float: left;
	padding-bottom: 23px;
}
.bottom-underline {
	position: relative;
}
.bottom-underline:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 41%;
	height: 6px;
	background: #ffffff;
}
.btn, .nav-tabs > li > a.btn {
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	min-width: 150px;
	padding: 8px 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	min-height: 34px;
	background: #8c9299;
	border: 0;
	line-height: 2; /*changed from 1.7 DD 21/10/2016*/
	letter-spacing: 1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-shadow: 1px 1px 1px #2d2d2d; /*26/1/17*/
	box-shadow: 0px 0px 10px -4px #9f9f9f;
}
.bunker-subnav-wrap .btn,
.bunker-subnav-wrap  .nav-tabs > li > a.btn {
	min-width: 122px
}
.nav-tabs > li > a.btn:hover, .nav-tabs > li > a.btn:focus, .nav-tabs > li > a.btn:active, .nav-tabs > li.active > a.btn {
	background: #ffffff;
	color: #384252;
	border: none;
}
.cb-tab-wrap {
	position: relative;
	padding: 24px 24px 20px;
	margin-top: 10px;
}
.cb-tab-wrap .cr-round-close {
	position: absolute;
	right: 20px;
	top: 23px;
}
.page-tab {
	float: right;
	padding-top: 3px;
	padding-right: 18px;
}
.page-tab .nav {
	float: none;
	width: 100%;
	padding-left: 0;
}
.page-tab .nav-tabs > li {
	padding-left: 9px;
}
.main-wrapper-content {
	background: #f8f9fa;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}
.communication-main-content {
	float: left;
	width: 71.8%;	
	/*padding: 0px 30px;  dd 14/9/16 */
	position: relative;
	min-height: 1035px;
	/*background: #ffffff;*//*DD 17/1/17*/
	/*-webkit-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);* dd 25/9/16/
	/*box-shadow: 4px 0px 30px rgba(0,0,0,0.1); dd 15/9/16*/
	/*-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px; 
	border-radius: 10px 0px 0px 10px; dd 25/9/16*/
}

/*DD additions*/
.left-hand .communication-main-content {
	width: 100%;
}

/*.left-hand .communication-main-content.tools,*/
.left-hand .com-content
{
	padding: 0px 30px;
}

.communication-content-head.message-head {
	padding-bottom: 20px;
	margin-top: -10px;
}

/*DD end*/
.aside {
	float: right;
	width: 28.2%;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.communication-content-head h6 {
	float: left;
	/*padding-top: 21px; DD 15/9/16*/
	padding-left: 7px;
	letter-spacing: 1px;
	font-weight: 600;
}
.aside-top-section .communication-content-head h6 {
	float: none;
	text-align: center;
}
.aside-top-section .communication-content-head h6 a {
	color: #343e5c;
}


.communication-content-head {
	border-bottom: 1px solid #e1e6eb;
	/*margin-top: -20px; KW*/
	position: relative;
	/* KW - another one..*/
	/*z-index: 100;*/
}

.full-spread .common-content-wrapper .communication-content-head .common-heading {
	border-bottom: none;
	margin-bottom: 0;
	padding: 0;
}

.full-spread .common-content-wrapper .survival-box {
	margin-left: 10px;
	margin-right: 10px;
}

.full-spread-right-action {
	position: absolute;
	right: 0px;
	top: -10px;
}


.aside .communication-content-head {
	margin-top: 0;
}
.top-translate {
	margin-top: -105px; /* KW: -83*/
}
.custom-dropdown {
	float: right;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 75px;
	margin-top: 0px; /*DD 16/9/16*/
} 
.bootstrap-select > .btn, .bootstrap-select .btn:focus {
	min-width: 100%;
	min-height: 20px;
	border: none !important;
	background: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
}
.bootstrap-select.btn-group .btn .caret {
	background: url(../images/sprite-blue.png) -6px -50px no-repeat;
	width: 20px;
	height: 20px;
	margin: 0;
	top: 0px;
	right: -5px;
	color: transparent !important;
}
.bootstrap-select.btn-group .btn .filter-option, .bootstrap-select.btn-group .dropdown-menu li > a {
	font-size: 14px;
	color: #343e5c;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.add-more-btn {
	width: 66px;
	height: 66px;
	
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 22px;
}
.absolute-plus {
	position: absolute;
	top: 104px;
	right: -34px;
	/* KW - another one.. And its back! DD*/
	z-index: 1;
}

.full-spread-content .absolute-plus {
	top: -57px;
	right: 138px;
}


.icon-plus {
	width: 24px;
	height: 24px;
	background-position: -3px -70px;
}
.main-listing-area {
	padding: 31px 39px 20px 25px;
}

.large-circle {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #c5c6cb;
	padding: 27px 10px;
}
.main-image-block {
	float: left;
	width: 16%;
	margin-top: 15px;
}
.trending-bunkers-links {
	padding: 15px 21px 19px;
	background: #f4f6fa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 19px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
}
.bunker-head {
	color: #4d5563;
	font-size: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1;
	padding-bottom: 14px;
	display: block;
}
.main-list-bunkers {
	float: left;
	width: 83%;
	padding-top: 0px;
}
.bunker-img-list > li {
	float: left;
	margin-right: 7px;
}
.bunker-img-list > li > a {
	width: 68px;
	height: 68px;
	overflow: hidden;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: block;
	position: relative;
}

.image-label {
	position: absolute;
	top: 20px;
	text-align: center;
	font-size: 22px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	display: block;
	width: 100%;
}
.four-block-img li {
	float: left;
	width: 48%;
	height: 32px;
	margin-bottom: 2px;
}
.four-block-img li img {
	width: 100%;
	height: 100%;
}
.four-block-img li:nth-child(2n+1) {
	margin-right: 2%;
}
.width-80 {
	width: 68px;
	height: 68px;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.width-117 li a {
	width: 117px;
}
.main-grad {
	background: url(../images/full-page-grad.png) repeat-y;
	width: 1146px;
	padding: 0 11px;
}

.top-grad {
	background: url(../images/top-grad2.png) no-repeat; 
	width: 1146px;
	height: 26px;
	position: relative;
	top: 0px;
}

.bottom-grad {
	background: url(../images/bottom-grad.png) no-repeat;
	width: 1146px;
	height: 12px;
}
.aside {
	/*background: #f8f9fa;*//*DD 17/1/17*/
	min-height: 1035px;
}
.aside .communication-content-head {
	padding: 5px 40px 16px; /*DD changed padding from 15 L&R to 40 16/9/16*/
	margin: 0px; /*DD removed margin 16/9/16*/
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}
.aside .sub-cat .communication-content-head {
	background: #ebebeb;
	padding: 16px 40px;
	border-radius: 0;
	margin: 0 -23px 0 -22px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.avater-img {
	width: 100%;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	text-align: left;
}

.avater-name {
	font-size: 16px;
	color: #2a3245;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 8px;
}
.date-label {
	float: right;
	font-size: 12px;
	color: #c1c7d4;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 11px 10px;
}
.recent-msg-info {
	padding-left: 15px;
	padding-top: 6px;
}
.user-listing-small li {
	float: left;
	margin-right: 5px;
}
.user-listing-small li a {
	width: 42px;
	height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: block;
}
.img100 {
	width: 100%;
}
.left-pos {
	float: left;
}
.recent-msg-nospace {
	padding-left: 0;
}

.notification-block-listing {
	padding-top: 38px;
	padding-left: 69px;
	padding-right: 69px; /*was 22px*/
	min-height: 970px;
	position: relative;
}
.notification-block-listing:before {
	content: "";
	height: 96%; /*DD changd from 100% 23/9/16*/
	width: 3px;
	background: #d8e1eb;
	position: absolute;
	top: 30px;
	left: 15px;
}
.notification-list-wrap {
	position: relative;
}
.notification-list {
	border: 1px solid #fff;
	padding: 5px 25px 25px;
	/*position: relative;*/
	margin-bottom: 10px;
}
.notification-list:hover {
	background: #f4f6fa;
	border: 1px solid #d4dde6;
}

.notification-list-link {
	width: 100%;
}

.fa-comments,
.fa-camera,
.fa-tag,
.fa-pencil-square-o,
.fa-thumbs-up,
.fa-star
{
	font-size: 20px;
	color: #dce1ea;
	
}

.notifi-img {
	width: 20px;
	height: 20px;
	display: inline-block;
}

.list-img {
	background: url(../images/list-notifi.png) 0 0 no-repeat;
}

.sip-img {
	background: url(../images/sip-notifi.png) 0 0 no-repeat;
}

.notification-user-info {
	font-size: 16px;
	color: #373f52;
	font-family: 'Open Sans', sans-serif;
	margin-left: 20px;
	font-weight: 700;
	padding-left: 36px;
	display: inline-block;
	width: 90%;
	position: relative;
	line-height: 18px;
}
.notification-user-info:after {
	border-left: 1px solid #d4dde6;
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	content: "";
}

.notification-user-info span.event-description,
.event-description
{
	font-size: 14px;
	color: #78797e;
	font-weight: 300;
	padding: 0 0 0 5px;
}

.event-description {
	padding: 5px 0 15px 78px;
}

.event-description a {
	color: #B31A00;
	font-weight: 500;
	text-decoration: underline;
}

.notification-user-info span.event-description a {
	color: #788697;
	text-decoration: underline;
}
.daytopost {
	float: right;
	font-size: 12px;
	color: #c1c7d4;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.1;
}

.notification-user-info .daytopost {
	float: none;
	font-weight: normal;
	padding-left: 5px;
}

.icon-clock {
	width: 20px;
	height: 20px;
	background-position: -2px -99px;
	/*margin-right: 5px;*/
	position: relative;
	top: -1px;
}
.icon-shaire {
	width: 20px;
	height: 20px;
	background-position: -3px -155px;
}
.avater-notify {
	display: block;
	position: absolute;
	top: 27px;
	left: -81px;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	overflow: hidden;
}
.avater-notify img,
.post-pic-notify img
{
	width: 100%;
}

.post-pic-notify img {
	border-radius: 2px;
	border: 1px solid #C2C2C2;
}

.post-pic-notify {
	display: block;
	position: absolute;
	top: 27px;
	right: -81px;
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	overflow: hidden;
}

.bdrs-50 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.notification-img-list,
.notification-details {
	padding-left: 78px;
	padding-right: 25px;
	padding-top: 0px; /*Was 22px*/
}
.notification-details {
	/*text-indent: 14px;*/
	/*background-image: url(../images/grey-open-quo.png);
	background-repeat: no-repeat;
	background-position: 78px 5px;
	background-size: 15px;*/
}

.notification-details div {
	/*background-image: url(../images/grey-close-quo.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right;
	padding: 0 21px 0 14px;
	display: inline;*/
}

.chat-link {
	display: inline-block;
	vertical-align: top;
}
.notification-img-list li {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 15px;
	overflow: hidden;
}

.icon-people {
	background-position: -1px -129px;
	width: 20px;
	height: 20px;
}
.inner-avater {
	width: 56px;
	height: 56px;
	overflow: hidden;
}
.icon-direction {
	background-position: -4px -187px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
}
.notification-user-info span a.red {
	color: #b31a00;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.small-notification {
	padding-top: 15px;
	padding-bottom: 15px;
}
.small-notification .daytopost {
	margin-top: 15px;
}
.online-status {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ffffff;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.status-user {
	overflow: visible;
	width: 50px;
	height: 50px;
}
.rectangale {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.people-notify .chat-link {
	vertical-align: middle;
}
.people-notify .notification-user-info:after {
	top: 17px;
}
.notification-divider {
	border-bottom: 1px solid #d4dde6;
	margin-top: 30px;
	position: relative;
	height: 1px;
	margin-bottom: 42px;
}
.divider-year {
	font-size: 14px;
	color: #c1c7d4;
	display: inline-block;
	padding: 5px 30px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	max-width: 115px;
	margin: 0 auto;
	top: -15px;
}
.rounder li {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.message-main-content {
	padding: 0;
}
.add-more-people {
	width: 37px;
	height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #b31a00;
	display: block;
	float: right;
	font-size: 24px;
	color: #b31a00;
	padding: 4px 10px;
}

.message-head h6 {
	/*color: #1e1b1b;
	font-size: 16px;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	padding-top: 10px;
}
.message-head h6 span {
	color: #b31a00;
	font-weight: 400;
	text-transform: initial;
	padding-left: 20px;
}

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

.msg-with-img {
	padding: 0;
	max-width: 385px;
	-webkit-border-radius: 20px 20px 20px 0px;
	-moz-border-radius: 20px 20px 20px 0px;
	border-radius: 20px 20px 20px 0px;
}
.msg-with-img img {
	width: 100%;
}
.img-chat-text {
	padding: 10px 54px 10px 20px;
}
.textarea-msg {
	width: 100%;
	height: 80px;
	background: #f5f8fc;
	font-size: 14px;
	color: #7d8494;
	padding: 15px 30px;
	border: 1px solid #e6ecf3;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	resize: verical; /*DD added 23/9/16 */
}
.textarea-msg:focus, .textarea-msg:hover {
	outline: none;
}
::-webkit-input-placeholder {/* Chrome/Opera/Safari */
	color: #A6ADBD; /*was C9D0E0 3/11/17 */
}
::-moz-placeholder {/* Firefox 19+ */
	color: #A6ADBD; /*was #7d8494*/
}
:-ms-input-placeholder {/* IE 10+ */
	color: #A6ADBD;
}
:-moz-placeholder {/* Firefox 18- */
	color: #A6ADBD; /*was b0b7c7 DD 27/9/16 */
} 
.add-more-btn-grey {
	float: none;
	margin: 0 auto 25px;
	width: 75px;
	height: 75px;
	border: none;
	background: url(../images/gery-more-bg.png) 0 0 no-repeat;
}
.message-empty {
	margin-top: 152px;
}
.message-empty strong {
	display: block;
	font-size: 18px;
	color: #343e5c;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.message-empty span {
	display: block;
	font-size: 16px;
	color: #888b92;
	font-family: 'Source Sans Pro', sans-serif;
}
.recent-msg-wrapper, .user-chat-window-dynamic, .chat-user-name {
	display: none;
}
.compose-msg-wrapper .ps-filter-head {
	background: #f8f9fa;
	border-bottom: 1px solid #e1e6eb;
	border-top: 1px solid #e1e6eb;
	padding: 5px 0px;
	height: auto;
}
.compose-msg-wrapper .ps-filter-head span {
	font-size: 16px;
	color: #788598;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.compose-msg-wrapper .ps-filter-content ul {
	padding: 0px 10px;
}
.compose-msg-wrapper .ps-filter-content li {
	border-bottom: 1px solid #f0f2f7;
	padding-left: 30px;
	padding: 15px 20px 15px 40px;
}
.compose-msg-wrapper .ps-filter-content li:last-child {
	border-bottom: none;
}
.no-bd-top {
	border-top: none !important;
}
.compose-msg-wrapper .ps-group {
	font-size: 16px;
	font-weight: 400;
	color: #3a405b;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 3px;
}
.compose-msg-wrapper  .ps-group-member {
	font-size: 14px;
	color: #b9bed1;
	font-style: italic;
	font-family: 'Crimson Text', serif;
	font-weight: 400;
}
.compose-msg-wrapper .icon-check {
	background-position: -6px -235px;
	top: 5px;
	width: 32px;
	height: 32px;
}
.compose-msg-wrapper .check-box-wrap input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -12px -296px;
}
.compose-msg-wrapper .ps-filter-fig {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.show-chat-window {
	cursor: pointer;
}

/*=============================onboarding page=============================*/
.onboarding-page {
	background: #eff0f4;
	min-height: 1800px;
}
.onboarding-banner {
	height: 620px;
	overflow: hidden;
	position: relative;
}
.slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.onboarding-slider {
	position: relative;
}
.onboarding-slider .flex-viewport > ul > li {
	min-height: 620px;
}
.banner-content {
	padding-top: 173px;
	width: 550px;
}
.slider-inner-content ul {
	overflow: hidden;
}
.slider-inner-content .flex-control-nav {
	position: absolute;
	z-index: -999999;
	visibility: hidden;
	opacity: 0;
}
.onboarding-page .nav {
	float: right;
	width: auto;
	padding-right: 30px;
}
.onboarding-page .nav ul li {
	padding-left: 40px;
}
.flex-control-nav {
	position: absolute;
	bottom: 130px;
	text-align: center;
	width: 100%;
}
.flex-control-nav li {
	display: inline-block;
	margin-left: 5px;
	width: 12px;
	height: 12px;
}
.flex-control-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: #6a7172;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.flex-control-nav li a.flex-active {
	background: #ffffff;
}
.banner-content h1 {
	font-size: 67px;
	color: #fff;
}
.banner-content span {
	font-size: 24px;
	color: #fff;
	display: block;
	padding: 10px 0px 25px;
	font-family: 'MYRIADPROREGULAR';
}
.danger-btn {
	background: #df2000;
	color: #fff;
	font-size: 12px;
}
.danger-btn:hover, .danger-btn:focus, .danger-btn:active {
	color: #df2000;
	background: #ffffff;
}
.onbording-tabing-head {
	margin-top: -65px;
	padding: 0px 15px;
}
.onboarding-inner-list-content {
	background: #ffffff;
	min-height: 180px;
	padding-top: 25px;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
	position: relative;
	-webkit-box-shadow: 0px 10px 30px rgba(188,188,188,0.5);
	-moz-box-shadow: 0px 10px 30px rgba(188,188,188,0.5);
	box-shadow: 0px 10px 30px rgba(188,188,188,0.5);
}
.onboarding-inner-list-content strong {
	color: #192028;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	padding-top: 18px;
	display: block;
}
.onboarding-inner-list-arrow {
	position: relative;
}
.onboarding-inner-list-arrow:after, .onboarding-inner-list-arrow:before {
	content: '';
	position: absolute;
	top: -25px;
	width: 50%;
	box-sizing: border-box;
	z-index: 9;
}
.onboarding-inner-list-arrow:before {
	right: 50%;
	border-bottom: 25px solid #ffffff;
	border-right: 25px solid transparent;
	-webkit-border-radius: 15px 0px 0px 0px;
	-moz-border-radius: 15px 0px 0px 0px;
	border-radius: 15px 0px 0px 0px;
}
.onboarding-inner-list-arrow:after {
	left: 50%;
	border-bottom: 25px solid #ffffff;
	border-left: 25px solid transparent;
	-webkit-border-radius: 0px 15px 0px 0px;
	-moz-border-radius: 0px 15px 0px 0px;
	border-radius: 0px 15px 0px 0px;
}

.onboarding-second-phase {
	width: 100%;
	background: #ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top: 14px;
	-webkit-box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	-moz-box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	padding: 0px 15px;
	overflow: hidden;
}

.onboarding-bunker-user-list li {
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left: -12px;
	position: relative;
}
.onboarding-bunker-user-list li:nth-child(2) {
	z-index: 5;
}
.onboarding-bunker-user-list li:nth-child(3) {
	z-index: 4;
}
.onboarding-bunker-user-list li:nth-child(4) {
	z-index: 3;
}
.onboarding-bunker-user-list li:nth-child(5) {
	z-index: 2;
}
.onboarding-bunker-user-list li:nth-child(6) {
	z-index: 1;
}
.onboarding-bunker-user-list li:first-child {
	margin-left: 0;
	z-index: 6;
}
.onboarding-bunker-skills {
	border-bottom: 1px solid #ebecef;
}
.onboarding-bunker-user-list li  img {
	width: 100%;
}

.onboarding-bunker-skills p {
	font-size: 16px;
	color: #192028;
	opacity: .75;
	font-family: 'MYRIADPROREGULAR';
	padding-top: 35px;
	line-height: 24px;
	margin-bottom: 0;
}

.bdr-right {
	border-right: 1px solid #ebecef;
}
.bdr-right-none {
	border-right: none;
}
.chicken-noodle-wrap {
	padding: 80px 60px 96px;
}
.chicken-noodle {
	float: left;
}
.chicken-noodle strong, .chicken-noodle span {
	display: block;
	font-size: 21px;
	color: #4d5563;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	line-height: 25px;
}
.chicken-noodle span {
	font-size: 17px;
	color: #adb1b6;
	line-height: 22px;
}
.spinner-number {
	float: left;
	width: 96px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e4e7ef;
	overflow: hidden;
	margin-left: 28px;
}
.content-input {
	width: 60px;
	height: 42px;
	background: #ecedf1;
	padding: 15px;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #3a405b;
	border: none;
	border-right: 1px solid #e4e7ef;
	float: left;
}
.content-input:focus {
	outline: none;
}
.spinner-btn {
	float: left;
	width: 34px;
	background: #ffffff;
}
.spinner-btn a {
	display: block;
	color: #a1a6bb;
	font-size: 18px;
	text-align: center;
	height: 21px;
}
.spinner-btn a#up {
	border-bottom: 1px solid #e4e7ef;
}
.chicken-noodle-wrap p {
	font-size: 16px;
	color: #192028;
	opacity: .75;
	font-family: 'MYRIADPROREGULAR';
	padding-top: 50px;
	margin-bottom: 0;
}
/*#map {
	width: 100%;
	min-height: 615px;
	background: url(../images/google-map-onboarding.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}*/

.map-content {
	padding: 0px 70px;
	position: absolute;
	top: 348px;
}
.map-content-top figure {
	float: left;
	width: 107px;
	height: 62px;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.map-progress-content {
	float: left;
	padding-left: 18px;
	width: 188px;
}
.map-progress-content strong {
	font-size: 20px;
	color: #adb1b6;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
.progress-wrap-onboard .progress-label {
	font-size: 11px;
	color: #bcbcbc;
	font-family: 'Lato', sans-serif;
	position: absolute;
	right: 0;
	top: -21px;
}
.progress-wrap-onboard .progress {
	position: relative;
	height: 7px;
	background: #eaebed;
	margin-top: 15px;
}
.progress-wrap-onboard {
	position: relative;
}

.communication-main-content .progress-wrap-onboard {
	position: relative;
	padding: 0 0 30px;
}

.map-content p {
	font-size: 16px;
	color: #192028;
	opacity: .75;
	font-family: 'MYRIADPROREGULAR';
	padding-top: 45px;
}

/*================footer style start here============================*/


/*New footer 2017*/
#footer {
	overflow: hidden;
	/*display: table-footer-group;*/
	height: 294px;
	background-color: #000;
	background: url(../images/bg-footer.jpg) no-repeat;
}

.footer-holder {
	padding: 63px 0 42px;
	border-top: 1px solid #e7e9ee;
}

.footer-holder .logo {
	float: none;
	width: 253px;
	margin: 0 0 27px;
}

.footer-holder .center-block {
	max-width: 1170px;
	margin: 0 auto;
    padding: 0 25px;
}

.copyright {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 31px;
	letter-spacing: 1px;
	font-family: montserrat_light,Arial,Helvetica,sans-serif;
}

.logo-block {
	float: left;
	max-width: 300px;
}

.social {
	overflow: hidden;
}

.social li {
	float: left;
	margin: 0 0 0 20px;
}

.social li:first-child {
	margin: 0;
}

.social a {
	display: block;
	font-size: 0;
	line-height: 0;
	width: 42px;
	height: 42px;
	position: relative;
	border: 1px solid #cdced2;
	border-radius: 50%;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}

.social a:hover {
	background-color: #cdced2;
}

.social a:before {
	content: "\e904";
	font-family: "icomoon";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 18px;
	line-height: 1;
	color: #4d4e50;
}

.social .facebook a:before {
	content: "\e903";
}

.social .google a:before {
	content: "\e905";
}

.social .instagram a:before {
	content: "\f16d";
	font-family: fontawesome;
}

.footer-nav {
	font-size: 14px;
	line-height: 18px;
	float: right;
	padding: 7px 0 0;
}

.footer-nav .nav-box {
	float: left;
	margin: 0 0 0 107px;
	max-width: 100px;
}

.footer-nav .nav-box:first-child {
	margin: 0;
}

.footer-nav .title {
	display: block;
	text-transform: uppercase;
	color: #444547;
	font: 16px/20px montserratsemi_bold, Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
}

.footer-nav ul a {
	text-decoration: none;
	color: #444547;
	font-family: montserratlight, Arial, Helvetica, sans-serif;
}

.footer-nav ul a:hover {
	text-decoration: underline;
}

.footer-nav li {
	margin: 0 0 16px;
}
/*New footer end*/

/*.footer {
	padding: 30px 0px 15px;
	border-top: 1px solid #d5d6da;
	width: 1125px;
	margin: 60px auto 0;
}*/ /*OLD FOOTER DD 12/1/17*/
.footer-inner {
	padding: 80px 30px 50px 70px;
}
.first-block {
	width: 464px;
	float: left;
	min-height: 208px;
	padding-right: 13%;
}
.first-block h2 {
	font-size: 28px;
	color: #444547;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.first-block p {
	font-size: 16px;
	color: #444547;
	font-family: 'MYRIADPROREGULAR';
	padding-top: 18px;
}
.primary-footer {
	border-bottom: 1px solid #dcdde1;
}
.common-footer-list {
	float: left;
	width: 205px;
}
.common-footer-list h3 {
	color: #7e7f82;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.common-inner-list li {
	margin-top: 16px;
}
.common-inner-list li a {
	font-size: 14px;
	color: #4e4f51;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.third-list {
	width: 180px;
}
.fourth-list {
	width: 150px;
}
.second-footer {
	padding: 32px 0px;
}
.rule-link-list {
	/*float: left;  DD 22.10.16*/
}
.rule-link-list  li {
	float: left;
	margin-right: 30px;
	padding: 15px 0px;
}
.rule-link-list  li a {
	font-size: 12px;
	color: #444547;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
/*.footer .top,
.footer .bottom
{
	float: left;
}*/ /*OLD FOOTER DD 12/1/17*/

.social-media {
	float: right;
}
.social-media li {
	display: inline-block;
	width: 42px;
	height: 42px;
	border: 1px solid #d3d4d8;
	margin-left: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 9px;
}
.social-media li a {
	display: inline-block;
	width: 25px;
	height: 20px;
}
.icon-twit {
	background-position: -18px -362px;
}
.icon-fb {
	background-position: -17px -390px;
}
.icon-gplus {
	background-position: -13px -427px;
}

/*=========================login page==============================*/
.login-page {
	min-height: 1000px;
}
.dark-header .menu-navigation {
	padding-top: 20px;
}
.dark-header  .nav ul li a {
	color: #2c3746;
}
.dark-header  .nav ul li a:hover {
	border-color: #2c3746;
}
.dark-header .container {
	border-bottom: 1px solid #d5d6da;
}
.single-footer {
	border-top: 1px solid #d5d6da;
}
.footer-single {
	padding: 0px 30px;
}
.login-wrap {
	min-height: 760px;
	padding: 75px 0px;
}
.login-main-wrap {
	width: 860px;
	margin: 0 auto;
	min-height: 542px;
	background: #ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	-moz-box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	box-shadow: 0px 0px 30px rgba(188,188,188,0.5);
	position: relative;
}
.left-login-banner {
	position: relative;
	float: left;
	width: 42%;
	height: 550px;
	overflow: hidden;
}
.login-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 65px;
	color: #eff0f4;
	text-align: center;
	font-family: 'montserratblack';
	text-transform: uppercase;
}
.right-login-field {
	float: right;
	width: 58%;
	padding: 108px 20px 30px;
	position: relative;
}
.right-login-field .form-group label {
	font-size: 12px;
	color: #a8acb9;
	font-family: 'montserratlight';
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 5px;
	letter-spacing: 1px;
}
.form-field-inner {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
.right-login-field .form-group {
	margin-bottom: 25px;
}
.right-login-field .form-group input {
	height: 42px;
	background: #eff0f4;
	border: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	color: #4f5362;
	font-family: 'montserratlight';
}
.right-login-field .form-group input:focus {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 18px rgba(173,178,199,.62);
	-moz-box-shadow: 0px 5px 18px rgba(173,178,199,.62);
	box-shadow: 0px 5px 18px rgba(173,178,199,.62);
}

.right-login-field .form-group input::-webkit-input-placeholder {/* Chrome/Opera/Safari */
	color: #4f5362;
}
.right-login-field .form-group input::-moz-placeholder {/* Firefox 19+ */
	color: #4f5362;
}
.right-login-field .form-group input:-ms-input-placeholder {/* IE 10+ */
	color: #4f5362;
}
.right-login-field .form-group input:-moz-placeholder {/* Firefox 18- */
	color: #4f5362;
}
button.login-btn, .login-btn, .red-btn {
	min-width: 180px;
	min-height: 42px;
	/*background: #b31a00;*/
	font-size: 12px;
	color: #fff;
	font-weight: 400;
/*	border: none;*/
	/*border: 1px solid #b31a00;*/
}
.light-grey-btn {
	min-width: 180px;
	min-height: 42px;
	background: #eceff1;
	font-size: 12px;
	color: #333e48;
	font-weight: 400;
	border: none;
	border: 1px solid #eceff1;
}
.light-grey-btn:hover {
	color: #333e48;
	border: 1px solid #333e48;
}

button.login-btn:hover,
button.login-btn:focus,
button.login-btn:active,
a.login-btn:hover,
a.login-btn:focus,
a.login-btn:active,
button.red-btn:hover,
button.red-btn:focus,
button.red-btn:active,
a.red-btn:hover,
a.red-btn:focus,
a.red-btn:active,
.cb-tab-wrapper .btn-wrap a.btn:hover,
.cb-tab-wrapper .btn-wrap a.btn:focus,
.cb-tab-wrapper .btn-wrap a.btn:active
{
	/*color: #df2000;*/
	/*background: #ffffff;*/
}
.or-login {
	margin-top: 45px;
	margin-bottom: 35px;
}
.or-login .divider-year {
	max-width: 45px;
	padding: 8px;
	font-size: 12px;
	font-weight: 700;
}
.fb-btn {
	min-width: 260px;
	background: #3b5998;
	min-height: 42px;
	padding: 12px 10px 12px 46px;
	position: relative;
}
.fb-btn:hover, .fb-btn:active {
	background: #3b5998;
	color: #fff;
}
.fb-btn-icon {
	width: 47px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #4f6aa3;
}
.icon-fbbtn {
	width: 15px;
	height: 20px;
	background-position: 0px -4px;
	margin-top: 9px;
}

/*==========================Sign up page===========================*/
.signup-wrap .right-login-field {
	padding-top: 60px;
}

.condition, .condition a {
	font-size: 12px;
	color: #a8acb9;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	max-width: 195px;
	margin: 0 auto;
}
.condition {
	margin-bottom: 8px;
	display: block;
}
.condition a {
	text-decoration: underline;
}
.condition a:hover {
	text-decoration: none;
}

.login-page .signup3step_step.step2 .done-btn-wrap {
	text-align: center;
}

/*=====================reset password page==================== */
.reset-password .login-content {
	font-size: 54px;
	text-transform: inherit;
	text-align: left;
	padding-left: 45px;
	line-height: 1.2;
}
.notmember {
	margin-bottom: 15px;
}
.notmember a {
	font-size: 16px;
	color: #a8acb9;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	text-decoration: underline;
}
.notmember a:hover {
	text-decoration: none;
}
.reset-password .right-login-field {
	padding-top: 160px;
}

.forget-password a {
	color: #a8acb9;
	text-decoration: underline;
}
.forget-password a:hover {
	text-decoration: none;
}
.forget-password {
	margin-bottom: 20px;
}

/*===================SignUp Page2===================*/
.signup-wrap2 .left-login-banner {
	background: #eff0f4;
	padding: 45px 35px;
}

.add-photo-section {
	padding: 44px 42px 60px;
	border: 2.5px dashed #c6c7cb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 452px;
}
.user-profile-added-photo {
	width: 104px;
	height: 104px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #cccdcd;
	margin: 0 auto;
	position: relative;
}
.user-profile-added-photo img {
	width: 100%;
	height: 100%;
}

.add-more-profile {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #cccdcd;
	background: #fff;
	color: #97989c;
	font-size: 25px;
	padding: 3px 10px;
}

.addphoto-text {
	font-size: 36px;
	color: #adb5c1;
	font-family: 'montserratultra_light';
	display: block;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 90px;
}
.inputfile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9999;
	opacity: 0;
	visibility: hidden;
	width: 0;
}

.choose-file-btn-section {
	position: relative;
}
.btn-choose {
	/*min-width: 180px;*//*Messed up centering dd 1/2/17*/
	min-height: 42px;
	font-size: 12px;
	background: #97989c;
	padding: 11px 10px;
}
.btn-choose:hover, .btn-choose:focus {
	color: #97989c;
}
.signup-wrap2 .right-login-field .form-group {
	text-align: left;
}
.signup-wrap2 .right-login-field .form-group label {
	padding-left: 8px;
}

.divider-line {
	width: 100%;
	height: 1px;
	background: #e0e0e1;
	margin: 39px auto;
}
.gender-label {
	font-size: 12px;
	color: #a8acb9;
	font-family: 'montserratultra_light';
	display: block;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
}
.radio-selection {
	width: 37px;
	height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: url(../images/sprite-blue.png) -440px -194px no-repeat;
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 12px;
}
.gender-wrap {
	float: left;
	position: relative;
}
.hide-visible {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index: -9999;
}
.gender-wrap label {
	font-size: 18px;
	color: #d3d5db;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'montserratbold';
	vertical-align: top;
}

.gender-wrap input:checked + label .radio-selection {
	background-position: -440px -249px;
}
.gender-wrap input:checked + label {
	color: #4f5362;
}
.female-gender {
	float: right;
}
.gender-selection {
	margin-bottom: 55px;
}
.gender-inner-option {
	padding-top: 5px;
}
.step-process {
	font-size: 14px;
	color: #a8acb9;
	font-family: 'montserratlight';
	text-transform: uppercase;
	position: absolute;
	top: 15px;
	right: 24px;
	letter-spacing: 1px;
}

/*===================SIPs Page2===================*/
.sip-content .popular-products-list li {
	border-bottom: 1px solid #d8e1eb;
}
.sip-content .popular-products-list li:last-child {
	border-bottom: none;
}
.sip-content  .popular-products-list {
	padding-left: 25px;
}
.sip-content .profile-bunker-item figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(18,17,17,.40);
	padding-top: 60px;
}
.sip-content .profile-bunker-item figcaption strong {
	color: #ffffff;
	font-weight: 400;
	padding-bottom: 4px;
	font-size: 18px;
}
.sip-content .profile-bunker-item figcaption span {
	color: #d0d0d0;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 12px;
}

.sip-content .survival-blog-section, .sip-content  .main-wrapper-content .survival-blog-section {
	padding: 0 30px;
}
.sip-content .communication-main-content, .sip-content .aside {
	min-height: 510px;
	padding-bottom: 35px;
}
.sip-content .popular-products-list .product-pic {
	padding-left: 12px;
}
.sip-content .popular-products-list .product-info {
	padding-right: 20px;
}
.sip-content .popular-products-list h4 {
	line-height: 22px;
}
.cart-icon {
	background: url(../images/cart-icon.png) 0 0 no-repeat !important;
	width: 20px;

	height: 20px;
	display: block;
	padding-left: 24px;
}
.cart-dropdown, .qty-dropdown {
	float: right;
	margin: 16px 15% 0px;
}
.qty-dropdown {
	margin-right: 2%;
}
.sip-content .bootstrap-select.btn-group .btn .caret {
	top: 1px;
	right: 0;
}
.sip-content .caret {
	background: url(../images/sprite-blue.png) -6px -50px no-repeat;
	width: 20px;
	height: 20px;
	margin: 0;
	top: 0px;
	right: -5px;
	color: transparent !important;
	margin-left: 8px;
}
.qty-dropdown span {
	font-size: 14px;
	color: #343e5c;
	text-transform: uppercase;
}

.inventory-list-wrap {
	padding-top: 40px;
}
.inventory-list-wrap .search-link {
	width: 100%;
	max-width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 12px 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.inventory-list-wrap .searh-item {
	margin-bottom: 0;
	border-top: 1px solid #e9e9e9;
}
.inventory-list-wrap .searh-item:first-child {
	border-top: none;
}

.inventory-list-wrap .search-link .profile-pic {
	width: 84px;
	height: 83px;
	margin-right: 12px;
}

.inventory-list-wrap .people-info strong {
	font-size: 16px;
	color: #3c4350;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
.inventory-list-wrap .people-info small {
	font-size: 14px;
	color: #9da1a7;
	font-family: 'montserratlight';
}
.product-qty {
	float: left;
	min-width: 36px;
	height: 26px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #f8f9fa;
	font-size: 14px;
	color: #2c3239;
	font-weight: 400;
	text-align: center;
	padding: 5px;
	border: 1px solid #d7dce1;
	line-height: 1;
	margin-top: 28px;
	font-family: 'Open Sans', sans-serif;
}
.inventory-list-wrap .people-info {
	width: 45%;
}
.not-applicable {
	font-size: 16px;
	color: #4f5f6f;
	text-transform: uppercase;
	font-weight: 400;
	float: left;
	margin-top: 33px;
	margin-left: 20%;
}

/*.search-link .icon-arrow-left {
	position: unset;
	float: left;
	margin: 42px 22px 0 0;
} KEN*/	

.buy-btn-product,
.buy-btn-product:hover,
.buy-btn-product:focus

{
	float: left;
	min-width: 112px;
	min-height: 42px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	margin-left: 15%;
	margin-top: 22px;
	padding: 8px 0 0;
}

.assign-to-sip,
.assign-to-sip:hover,
.assign-to-sip:focus
{
	float: left;
	min-height: 42px;
	font-size: 11px;
	color: #fff;
	margin-left: 3%;
	margin-top: 22px;
	padding: 4px 0 0;
}

.item-details-text .assign-to-sip,
.item-details-text .assign-to-sip:hover,
.item-details-text .assign-to-sip:focus,
.item-details-text .buy-btn-product,
.item-details-text .buy-btn-product:hover,
.item-details-text .buy-btn-product:focus
{
	float: none;
	margin: 22px auto 0;
	display: block;
	width: 200px;
}


.icon-white-cart {
	background-position: -17px -462px;
	width: 20px;
	height: 20px;
	position: relative;
	top: -3px;
	margin-right: 10px;
}

.assign-to-sip .tab-sips-icon {
	background: url(../images/bunker-trending-img3.png) 0px 0px no-repeat;
	background-size: 81%;
	width: 20px;
	height: 20px;
	position: relative;
	top: 7px;
	display: inline-block;
}

.inventory-item-wrap {
	padding: 32px 0px 34px;
}
.inventory-list-wrap .icon-arrow-left {
	float: right;
}

.sip-btn-file {
	position: absolute;
	display: block;
	margin: 24px 27px 0px 0px;
	right: 0;
	border-radius: 20px;
	color: #fff;
	padding: 6px;
	width: 100px;
	padding: 7px 6px 6px 34px;
	background: url(../images/fileicon.png) no-repeat 13px 7px #a6a8af; 
	font-size: 11px;
}

.sip-btn-file:hover {
	color: #fff;
}

.product-item-info-wrap figure {
	float: left;
	width: 47%;
	position: relative;
}
.img-100 {
	width: 100%;
}
.triangle-img {
	width: 55px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/triangle-icon.png) 0 0 no-repeat;
	margin-top: -25px;
}
.product-full-details {
	float: left;
	width: 51%;
	position: relative;
	padding-left: 28px;
	padding-top: 5px;
	min-height: 465px;
}
.product-full-details:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	border-top: 20px solid transparent;
	border-left: 0px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #ffffff;
	margin-top: -20px;
}
.product-full-details h3 {
	font-size: 30px;
	color: #2c3239;
	font-weight: 400;
}
.product-company {
	font-size: 16px;
	color: #202228;
	font-family: 'Open Sans', sans-serif;
	display: block;
	opacity: .5;
	padding-top: 2px;
}
.food-category {
	float: left;
	font-size: 16px;
	color: #656b6e;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
	padding-left: 20px;
	position: relative;
}
.food-category:after {
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #a20800;
	content: "";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.product-time-value {
	float: right;
	font-size: 13px;
	color: #657286;
	font-family: 'Open Sans', sans-serif;
}
.product-catgory {
	padding-top: 5px;
}
.icon-product-time {
	background-position: -391px -177px;
	width: 20px;
	height: 20px;
	margin-right: 2px;
}

.product-basic-details {
	margin-top: 45px;
	border-top: 2px solid #e8e8e8;
}
.product-basic-details li {
	overflow: hidden;
	padding: 15px 5px;
	border-top: 1px solid #e8e8e8;
}
.product-basic-details li:first-child {
	border-top: none;
}
.number-item {
	float: left;
	font-size: 16px;
	color: #646464;
	font-family: 'Lato', sans-serif;
}
.nubmer-value {
	float: right;
	font-size: 18px;
	color: #2c3239;
	font-weight: 600;
}

.red-exp {
	color: #a20800;
}

.exp-date-info, .exp-date-info:hover, .exp-date-info:focus {
	min-height: 27px;
	min-width: 200px;
	font-size: 15px;
	color: #fff;
	font-family: 'montserratlight';
	font-weight: 300;
	background: #a20800;
	line-height: 1;
	padding: 4px 10px;
	text-transform: inherit;
	letter-spacing: 0;
}
.icon-expiry {
	background-position: -389px -205px;
	width: 18px;
	height: 18px;
	margin-right: 7px;
}
.product-basic-details li:last-child {
	padding: 22px 5px;
}
.item-whole-listing {
	padding-top: 34px;
	padding-right: 10px;
}
.item-inner-whole-list {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.item-inner-whole-list li {
	padding: 7px 0px;
}
.item-inner-whole-list li:nth-child(2n-1) {
	background: #f8f9fc;
	border-top: 1px solid #dbdddf;
	border-bottom: 1px solid #dbdddf;
}
.item-inner-whole-list li.head-item {
	padding: 11px 0px;
	border: 1px solid #dbdddf;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.item-inner-whole-list li span {
	font-size: 16px;
	color: #646464;
	font-family: 'Lato', sans-serif;
	display: inline-block;
	text-align: center;
}
.item-pics-head {
	width: 14%;
}
.container-item {
	width: 23%;
}

.weight-container {
	width: 23%;
}

.expiry-date-info {
	width: 28%;
}
.item-inner-whole-list li.body-item span {
	font-size: 18px;
	color: #2c3239;
	font-family: 'Montserrat', sans-serif;
}
.icon-edit-product {
	width: 25px;
	height: 25px;
	background-position: -455px -449px;
}
.edit-product {
	width: 9%;
	display: inline-block;
	text-align: center;
	position: relative;
	top: -4px;
}
.inventory-list-show, .inventory-item-show, .inventory-item-edit {
	display: none;
}
.sip-tools-main-wrap .bdrs-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.sip-tools-main-wrap  .profile-sip-wrap {
	padding-left: 20px;
	padding-right: 20px;
}
.sip-tools-main-wrap .profile-sip-item {
	max-width: 347px;
	margin-right: 12px;
	margin-bottom: 12px;
}
.sip-tools-main-wrap .sip-item-no {
	font-size: 10px;
	color: #d0d0d0;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	text-align: center;
	width: 90%;
}
.sip-tools-main-wrap .sip-item-no strong {
	display: block;
	font-size: 24px;
	color: #ffffff;
	font-family: 'montserratlight';
	font-weight: 300;
	padding-bottom: 5px;
}
.sip-tools-main-wrap .slide-no {
	font-size: 11px;
	color: #d0d0d0;
	font-family: 'Lato', sans-serif;
	padding-bottom: 5px;
	display: block;
}
.sip-tools-main-wrap .view-sip, .sip-tools-main-wrap  .share-sip {
	font-size: 11px;
	color: #ffffff;
}
.sip-tools-main-wrap .icon-share, .sip-tools-main-wrap .icon-view {
	margin-top: 0;
}

.share-dotted-link {
	background: url(../images/share-dot.png) 50% 50% no-repeat;
	display: block;
	position: absolute;
	top: 15px;
	right: 20px;
	width: 30px;
	height: 30px;
}
.share-dotted-link.close-icn {
	background: url(../images/sprite-blue.png) -828px 6px no-repeat;
}

.sip-tools-main-wrap .sip-image-wrap:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	left: 0;
	top: 0;
	z-index: 1;
}
.sip-tools-main-wrap .sip-image-wrap * {
	z-index: 3;
}
.sip-tabing-content .communication-main-content, .sip-tabing-content  .aside {
	min-height: 1035px;
}
.sip-page-details.page-banner { /*rename sip-page-overview to sip-page-details and moved class to same div as page banner dd 21/9/16*/
	/*min-height: 450px;*/
	background: url(../images/sip-item-banners.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	/*padding-top: 145px;*/
}

.sip-page-overview .link-btn {
	margin-bottom: 20px;
}
.underline-56:after {
	width: 45%;
}
.sip-page-overview .main-content-arrow:before {
	border-top-color: #161a1d;
}
.sip-page-overview .nav-tabs > li > a.btn {
	background: rgba(255,255,223,.50);
}
.sip-page-overview .nav-tabs > li > a.btn:hover, .sip-page-overview .nav-tabs > li.active > a.btn {
	background: #ffffff;
}

.sips-overview-tab-head .nav {
	width: 100%;
	padding-left: 0;
}
.sip-tabing-content .sips-overview-tab-head .nav-tabs > li > a {
	font-size: 16px;
	font-family: 'montserratlight';
	color: #010101;
	opacity: .33;
	text-transform: capitalize;
	font-weight: 300;
	border: none;
	border-bottom: 4px solid transparent;
	padding: 10px 0px;
}
.sips-overview-tab-head .nav-tabs > li {
	margin-left: 40px;
	padding-top: 25px;
}

.sips-overview-tab-head .nav-tabs > li > a {
	border: none;
	border-bottom: 4px solid transparent;
}
.sips-overview-tab-head .nav-tabs > li.active > a, .sips-overview-tab-head .nav-tabs > li.active > a:hover, .sips-overview-tab-head  .nav-tabs > li.active > a:focus {
	border: none;
	background: none;
	border-bottom-color: #b31a00;
	opacity: 1;
	border-bottom: 4px solid #b31a00;
}
.sips-overview-tab-head .nav-tabs > li > a:hover {
	background: none;
	border-color: transparent;
	border-bottom: 4px solid #b31a00;
	opacity: 1;
}

.sip-page-overview .sip-content .communication-main-content.sips-main-content-tab {
	padding: 0;
}
.sips-overview-tab-head {
	border-bottom: 2px solid #f0f2f7;
}
.max-width100 {
	max-width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search-link.max-width100 {
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.search-list.overview-list {
	padding-bottom: 0;
}
.overview-tabing {
	padding: 40px 30px 44px 23px;
}
.overview-list .search-link {
	padding: 0px 35px 0px 20px;
}
.overview-list .search-link .profile-pic {
	margin-right: 25px;
}
.overview-list .people-info strong {
	font-size: 24px;
	color: #565a5c;
	font-family: 'montserratlight';
	font-weight: 300;
	padding: 3px 0px 5px;
}
.overview-list .people-info small {
	font-size: 16px;
	color: #a4afb5;
	font-family: 'montserratlight';
	font-weight: 300;
}
.progress-sip {
	float: right;
	width: 360px;
	padding-top: 10px;
	margin-right: 20px;
}

.progress-sip .progress-bar-danger {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.progress-sip .progress-wrap-onboard .progress {
	height: 9px;
}
.progress-sip  .people-info {
	margin-right: 15px;
}
.progress-sip .progress-wrap-onboard .progress-label {
	left: 45px;
	color: #616566;
	font-size: 14px;
	top: -10px;
}
.progress-sip .progress-wrap-onboard .sg-logged-out .progress-label {
	color: #b31a00;
	text-decoration: underline;
}

.bar-content {
	width: 316px;
}

.progress-avatar .blog-avatar-pic img {
    width: 34px;
}

.progress-avatar .blog-avatar-pic {
	width: 35px;
}


.overview-description p,
.overview-description div
{
	font-size: 16px;
	color: #575d6b;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 22px;
}
.overview-description {
	padding: 0px 30px 35px 20px;
}
.map-display-section {
	float: left;
	width: 50.5%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.map-display-section img {
	width: 100%;
}
.map-display-info-section {
	float: right;
	width: 49.5%;
	padding-left: 9px;
}
.map-overview-wrap {
	position: relative;
}
.map-overview-direction-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #f0f2f7;
	border: 1px solid #dfe1e7;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	padding: 18px 0px;
}

.map-inner-info li {
	float: left;
	width: 33.33%;
	text-align: center;
	border-left: 1px solid #dfe1e7;
	min-height: 54px;
}
.map-inner-info li:first-child {
	border-left: none;
}

.map-inner-info li i {
	width: 20px;
	height: 30px;
	display: block;
	margin: 0 auto;
}
.map-people {
	background: url(../images/map-people.png) 50% 0 no-repeat;
}
.map-mi {
	background: url(../images/map-direction.png) 50% 0px no-repeat;
	position: relative;
	top: -1px;
}
.map-time {
	background: url(../images/map-vie-car.png) 50% 7px no-repeat;
}
.map-inner-info li span {
	font-size: 18px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.map-display-info-section > ul > li {
	border: 1px solid #dfe1e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 8px;
	background: #f0f2f7;
	overflow: hidden;
	min-height: 122px;
	padding: 12px;
}
.map-display-info-section > ul > li:first-child {
	padding: 0;
}
.map-display-info-section > ul > li .map-inner-info {
	padding: 25px 0px;
	margin-left: 70px;
	position: relative;
}
.map-display-info-section > ul > li .map-inner-info li {
	min-height: 72px;
	padding-top: 6px;
}
.map-display-info-section > ul > li .map-inner-info li:first-child {
	padding-left: 20px;
}
.map-display-info-section > ul > li .map-inner-info:after {
	width: 50px;
	height: 50px;
	background: url(../images/map-red-icon.png) 0 0 no-repeat;
	position: absolute;
	left: -30px;
	top: 30px;
}

.map-no-map-wrap {
	padding: 15px;
	background: #f0f2f7;
	border: 1px solid #dfe1e7;
	border-radius: 5px;
}

.map-no-map-wrap .sip-route-icon {
	background: url(../images/routesicon.png) no-repeat;
	width: 40px;
	height: 40px;
	margin: 120px auto 20px;
}

.map-no-map-wrap .sip-section-inner-wrap {
	border: 2px dashed #cfd9e0;	
	text-align: center;
	background: #f0f2f7;
	min-height: 355px;
}

.map-no-map-wrap .sip-section-inner-wrap .sip-section-text {
	font-size: 18px;
	color: #000000;
	opacity: .33;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}


.fitness-wrap {
	border: 2px dashed #cfd9e0;
	padding: 25px 0px 19px;
	text-align: center;
}

.fitness-heart {
	width: 45px;
	height: 45px;
	background: url(../images/map-fitness-heart.png) 0 0 no-repeat;
	display: inline-block;
}
.fitness-text {
	font-size: 18px;
	color: #000000;
	opacity: .33;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	vertical-align: top;
	padding-left: 50px;
	padding-top: 5px;
	display: inline-block;
}
.fitness-goals {
	background: url(../images/map-fitness-goals.png) 0 0 no-repeat;
}

.sip-page-overview .sip-tabing-content .communication-main-content, .sip-page-overview .sip-tabing-content .aside {
	min-height: 680px;
}
.map-hq {
	background: url(../images/map-hq-bag.png) 0 0 no-repeat;
}
.map-doller {
	background: url(../images/map-$-sign.png) 0 0 no-repeat;
}
.main-map-header {
	padding: 50px 74px 18px 48px;
}
.direction-points {
	float: left;
	width: 40%;
}
/*.main-map-display img {
	width: 100%;
}*/
.main-map-display {
	float: left;
	width: 60%;
	height: 300px;
}
.direction-btn {
	float: right;
	width: 40%;
}
.direction-text {
	display: block;
	font-size: 18px;
	color: #202228;
	font-weight: 400;
	padding-bottom: 32px;
}
.direction-text i {
	width: 27px;
	height: 27px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #b31a00;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 6px 7px;
	margin-right: 23px;
	position: relative;
	top: -4px;
}
.navigation-btn {
	border: 1px solid transparent;
	background: #b31a00;
	min-width: 180px;
	float: right;
	margin-top: 22px;
}
.navigation-btn:hover {
	border: 1px solid #b31a00;
}

.gear-sip-list {
	padding: 10px 30px 20px 33px;
}

.status-item-value {
	float: left;
	display: block;
	font-size: 16px;
	color: #4f5f6f;
	padding-left: 60px;
	padding-top: 28px;
	min-width: 200px;
}
.status-circle {
	width: 20px;
	display: inline-block;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
	position: relative;
	top: 3px;
	margin-right: 20px;
}
.status-circle i {
	display: inline-block;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: top;
	position: relative;
	top: -1px;
	left: -1px;
}

.status-circle i.partial {
	width: 9px;
	-webkit-border-radius: 50% 0px 0px 50%;
	-moz-border-radius: 50% 0px 0px 50%;
	border-radius: 50% 0px 0px 50%;
}
.status-circle i.incomplete {
	width: 0px;
}

.status-circle i.complete {
	width: 16px;
}
.gear-sip-header {
	background: #f0f2f7;
	border-bottom: 2px solid #e4e6ea;
	padding: 12px 0px;
}

.gear-sip-header .cart-dropdown, .gear-sip-header .qty-dropdown {
	margin: 0px 50px 0px;
}
.gear-sip-header .cart-dropdown {
	margin-right: 144px;
}
.gear-sip-header .sip-gear-qty {
	margin-right: 0;
}
.gear-sip-header .sip-gear-status {
	margin-left: 88px;
}
.gear-sip-list.inventory-list-wrap .people-info strong {
	font-family: 'montserratlight';
	font-weight: 300;
}
.gear-sip-list.inventory-list-wrap .people-info small {
	padding-top: 0;
}

.gear-sip-list.inventory-list-wrap .people-info {
	width: 28%;
}
.gear-sip-list .not-applicable {
	margin: 32px 58px 0 74px; /*changed from 8% DD*/
}
.gear-sip-list .buy-btn-product, .gear-sip-list button.buy-btn-product:hover, .gear-sip-list .buy-btn-product:focus {
	margin: 22px 25px 0 28px; /*Changed from 4% DD*/
}

.sip-skills-content {
	/*padding: 10px 35px 0px 20px;*/
}
.compose-msg-wrapper .placeholder-text-img {
	width: 50px;
	height: 50px;
	position: relative;
}
.img-text-label {
	position: absolute;
	font-size: 26px;
	color: #fff;
	font-family: 'proximasansregular';
	top: 10px;
	padding: 0px 5px;
	width: 100%;
	text-align: center;
	left: 0;
	text-transform: uppercase;
}

.sip-skills-content .compose-msg-wrapper .ps-group {
	font-size: 20px;
	color: #3c4350;
	font-family: 'montserratlight';
}

.sip-skills-content .compose-msg-wrapper .ps-filter-content li {
	padding-right: 0px;
	padding-left: 0px;
}

.sip-skills-content .compose-msg-wrapper .ps-filter-content li:last-child {
	border-bottom: none;
}
.sip-skills-content .compose-msg-wrapper .icon-check {
	background-position: -674px -5px;
}

.product-number-time span {
	font-size: 20px;
	color: #657286;
	font-family: 'Open Sans', sans-serif;
}
.product-number-time {
	position: absolute;
	bottom: -70px;
}
.serial-number-product {
	display: inline-block;
	padding-right: 35px;
}

.product-manufacture-time .icon-product-time {
	position: relative;
	top: 5px;
}
.barcode-img {
	margin-right: 8px;
	position: relative;
	top: -2px;
}

/*DD New sip style*/
.left-hand .communication-main-content.tools.sip-view {
	padding: 0;
}

.sip-view-main .communication-content-head {
	padding: 0 10px 17px;
	margin-left: 30px;
	margin-right: 30px;
}
.sip-view-main .communication-content-head h6 {
	padding-top: 2px;
}
.sip-view-main .back-button {
	margin-left: -15px;
}


.back-button {
	width: 30px;
	height: 19px;
	display: block;
	background: url(../images/sprite-blue.png) -862px 1px no-repeat;
}

.sip-view-heading {
	padding: 27px 20px 20px;
}

.sip-tabs-head {
	padding: 20px 0;
}

.sip-tabs-head a {
	color: #2d2d2d;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px 18px 15px;
}

.sg-content {
	position: relative;
}

.sg-content .sg-content-head {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	position: relative;
	height: 50px;
}

.sg-content .sg-content-head li {
	height: 49px;
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

.sg-content .sg-menu {
	width: 50px;
	border-right: 1px solid #ccc;
	margin: 0;
}

.sg-content .sg-menu .sg-menu-btn {
	height: 49px;
}

.sg-content .sg-item {
	width: 46%;
	padding-left: 4%;
}

.sg-content .sg-status {
	width: 21%;
	padding-left: 2%;
} 

.sg-content .sg-depot {
	width: 18%;
	padding-left: 5%;
}
.sg-container {
	width: 66%;
	padding-left: 36px;
}

.sg-items {
	width: 21%;
	padding-left: 2%;
}

.sg-listing {
	position: relative;
}

.sg-list li {
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.sg-link{
	padding: 12px 0;
}

.sg-list figure {
	height: 83px;
    margin: 0 0 0 51px;
    width: 10%;
	float: left;
}

.sg-list figure img {
	mix-blend-mode: multiply;
	width: 100%;
}

.sg-info {
	width: 38%;
	float: left;
	padding-top: 6px;
	padding-right: 1%;
	padding-left: 1%;
}	

.container-list .sg-info {
	width: 50%;
}

.sg-info strong {
	font-family: "montserratlight";
    font-weight: 300;
	color: #3c4350;
	font-size: 16px;
	line-height: 20px;
}

.sg-info small{
	color: #9da1a7;
    font-family: "montserratlight";
    font-size: 14px;
	padding-top: 0;
}

.sg-list .product-qty {
    background: #f8f9fa;
    border: 1px solid #d7dce1;
    border-radius: 20px;
    color: #2c3239;
    float: none;
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 1;
    margin-top: 30px;
    min-width: 36px;
    padding: 7px 14px;
    text-align: center;
}

.sg-list .status-item-value {
    color: #4f5f6f;
    display: block;
    float: left;
    font-size: 16px;
    min-width: 21%;
	padding-left: 2%;
	width: 21%;
	padding-top: 28px;
}

.sg-list .status-circle {
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    position: relative;
    top: 3px;
    width: 20px;
}

.sg-list .status-circle i.incomplete {
    width: 0;
}

.sg-list .status-circle i.partial {
    border-radius: 50% 0 0 50%;
    width: 9px;
}

.sg-list .status-circle i.complete {
    width: 16px;
}

.sg-list .status-circle i {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    left: -1px;
    position: relative;
    top: -1px;
    vertical-align: top;
}


.sg-list .buy-btn-product,
.sg-list .buy-btn-product:hover
{
    color: #fff;
    float: left;
    font-size: 11px;
    margin-left: 0;
    margin-top: 22px;
    min-height: 42px;
    min-width: 12%;
    padding-top: 1px;
    text-transform: uppercase;
	padding: 8px 0 0;
}

.sg-link .icon-arrow-left {
	right: 60px;
}

.sg-link .icon-link {
	background-position: -745px -77px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: -4px;
    width: 20px;
}

.sg-menu-btn {
	width: 50px;
	height: 41px;
	display: block;
	background: url(../images/controls-grey.png) no-repeat center center;
	background-size: 22px;
}

.sg-menu-btn.close-icn {
	background: url(../images/sprite-blue.png) -818px 12px no-repeat;
}

.tools .sg-menu-btn.close-icn {
	background: url(../images/sprite-blue.png) -818px 16px no-repeat;
}

.sg-link.zero-status {
	background: #eee;
}

.sip-cat-menu {
	position: absolute;
	/*width: 807px;*/
	border: 1px solid #ccc;
	box-shadow: 2px 2px 6px -2px #000;
	background: #fff;
	padding: 10px;
	top: 49px;
	left: 0px;
	z-index: 2;
	width: 100%;
}

.assigned-items .sip-cat-menu,
.create-sip-search-results-wrap .sip-cat-menu

{
	top: 59px;
}

.sip-cat-menu  .left-section {
	width: 180px;
	float: left;
}

.sip-cat-menu  .right-section {
	width: 580px;
	float: right;
	padding-bottom: 20px;
}

.notify-switches {
	width: 125px;
}

.notify-switches .switch-padding {
	font-weight: bold;
	padding: 12px 7px 7px;
}

.notify-switches  .switch-move {
	margin-top: 7px;
}

.sip-cats label {
	padding: 12px 7px 7px;
	font-size: 15px;
	font-weight: bold;
	display: inline;
	margin: 0;
	max-width: auto;
	float: left;
}

.sip-cats ul {
	float: right;
	width: 90%;
}


.sip-cats li {
	float: left;
	margin: 10px 0 0 2%;
	height: 98px;
	font-weight: normal;
	width: 60px;
}

.sip-cats li a {
	display: block;
    height: 56px;
    position: relative;
    width: 60px;
}

.sip-cats li a {
	background: url(../images/category-sprite-blue.png) no-repeat;
	background-color: #D8D8D8;
	border-radius: 5px;
	/*box-shadow: 4px 4px 3px 0 #c0c0c0;
	border: 1px solid #2d2d2d;*/
	border: 1px solid #D8D8D8;
}

.sip-cats li a.category-defense {
	background-position: -649px -75px;
}

.sip-cats li.active a.category-defense {
	background-position: -649px -143px;
}

.sip-cats li a.category-light_and_power {
	background-position: -398px -73px;
}

.sip-cats li.active a.category-light_and_power {
	background-position:-398px -143px;
}

.sip-cats li a.category-miscellaneous {
	background-position: -141px -75px;
}

.sip-cats li.active a.category-miscellaneous {
	background-position: -141px -145px;
}

.sip-cats li a.category-water {
	background-position: -587px -75px;
}

.sip-cats li.active a.category-water {
	background-position: -587px -142px;
}

.sip-cats li a.category-bags {
	background-position: -462px -75px;
}

.sip-cats li.active a.category-bags {
	background-position: -462px -144px;
}

.sip-cats li a.category-food {
	background-position: -203px -75px;
}

.sip-cats li.active a.category-food {
	background-position: -203px -145px;
}

.sip-cats li a.category-shelter {
	background-position: -275px -75px;
}

.sip-cats li.active a.category-shelter {
	background-position: -275px -145px;
}

.sip-cats li a.category-survival {
	background-position: -16px -73px;
}

.sip-cats li.active a.category-survival {
	background-position: -16px -143px;
}

.sip-cats li a.category-medical {
	background-position: -526px -75px;
}

.sip-cats li.active a.category-medical {
	background-position: -526px -144px;
}

.sip-cats li a.category-communications {
	background-position: -339px -73px;
}

.sip-cats li.active a.category-communications {
	background-position: -339px -143px;
}


.sip-cats li a img {
	width: 100%;
	border-radius: 5px;
    box-shadow: 0 0 3px #000;
	border: 1px solid #303030;
	opacity: 0.5;
}

.sip-cats li.active a img {
	border: 1px solid #b31a00;
	box-shadow: 0 0 3px 2px #b31a00;
	opacity: 1;
}

.sip-cats li p {
	color: #727272;
    line-height: 16px;
    margin: 0;
    text-align: center;
    /*text-shadow: 1px 1px 2px #000, 1px 1px 1px #000;*/
	font-weight: 600;
	padding-top: 4px;
}

.sip-cat-menu  .bottom-section {
	border-top: 1px solid #ccc;
	padding: 10px 100px 0;
}

.sip-cat-menu  .bottom-section button {
	/*width: 230px;*/
	width: 40%;
	min-width: auto;
	/*background: #b31a00;
	border: 1px solid #b31a00;*/
	/*color: #fff;*/
	min-height: 34px;
	font-size: 13px;
}

.sip-cat-menu  .bottom-section button.reset-btn.disabled  {
	background: #8c9299;
	border: 1px solid #8c9299;
}

.sip-cat-menu .bottom-section button.reset-btn {	
	/*background: #b31a00;
	border: 1px solid #b31a00;*/
	background: #a6a8af;
	border: 1px solid #808080;
	color: #2d2d2d;
}

.sip-cat-menu .bottom-section button.reset-btn:hover {
	color: #fff;
}

.sip-cat-menu  .bottom-section button:hover {
/*	background: #fff;
	color: #df2000;*/
}

.sip-cat-menu  .bottom-section button.disabled:hover {
	background: #a9afb6;
	border: 1px solid #8c9299;
	color: #fff;
}
	
/*=============================Setting page style=======================================*/

.main-setting-content-wrap {
	float: left;
	width: 70.6%;
	margin-right: 1.8%;
}

.setting-aside-tabing {
	float: right;
	width: 27.5%;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
.setting-aside-header, .notification-header {
	border-bottom: 1px solid #dbe1e5;
	background: #f5f8fa;
	padding: 22px 37px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.setting-aside-header h3, .notification-header h3 {
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	font-family: 'montserratextra_bold';
}

.setting-aside-tabing .nav-tabs > li > a {
	font-size: 14px;
	color: #343e5c;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border: none !important;
	padding: 12px 0px 8px;
	display: inline-block;
	border-bottom: 4px solid transparent !important;
	min-width: 68px;
}
.setting-aside-tabing .nav {
	width: 100%;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.setting-aside-tabing .nav-tabs > li {
	float: none;
	padding-left: 38px;
}

.setting-aside-tabing .nav-tabs > li > a:hover, .setting-aside-tabing .nav-tabs > li.active > a {
	background: none;
	border-bottom: 4px solid #b31a00 !important;
}
.setting-notification {
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
	box-shadow: 4px 0px 30px rgba(0,0,0,0.1);
}
.notification-content {
	padding: 0px 35px 40px;
}
.checkbox-notification {
	position: relative;
	padding-left: 10px;
	padding-top: 8px;
	display: inline-block;
	margin-right: 45px;
}
.checkbox-notification input, .switch-move input {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9999;
	opacity: 0;
}

.checkbox-notification label {
	font-size: 16px;
	color: #171616;
	font-family: 'montserratlight';
	font-weight: 300;
}
.push-notification {
	padding-top: 35px;
	padding-bottom: 4px;
}
.push-notification h4 {
	font-size: 16px;
	color: #171616;
	font-family: 'montserratregular';
	font-weight: 400;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f2f7;
}
.check-circle-n {
	width: 37px;
	height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: url(../images/sprite-blue.png) -440px -194px no-repeat;
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 12px;
}
.checkbox-notification input:checked + label .check-circle-n {
	background-position: -440px -249px;
}
.push-notification-checked li {
	display: inline-block;
}

.social-media-name {
	float: left;
	font-size: 16px;
	color: #171616;
	font-family: 'MYRIADPROREGULAR';
	padding-top: 8px;
}
.icon-fb-social {
	width: 20px;
	height: 25px;
	background-position: -211px -456px;
	margin-right: 30px;
	position: relative;
	top: -4px;
}
.social-lising {
	padding: 20px 0px;
}
.social-content {
	padding: 0px 38px 0px 44px;
}
.switch-move {
	float: right;
	position: relative;
}

.switch-move label {
	width: 52px;
	height: 32px;
	display: block;
	background: #898989;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}
.switch-circle {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
	display: block;
	position: absolute;
	top: 2px;
	left: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.switch-move  input:checked  + label  .switch-circle {
	left: 21px;
}

.switch-padding {
	display: inline-block;
	padding: 7px;
	color: #343e5c;
}

.login-change-password .profile-form-content {
	padding-top: 16px;
	padding-left: 0;
	padding-right: 0;
}
.login-change-password.profile-form  .form-group {
	margin-bottom: 0;
	padding: 0px 8px 15px;
}
.login-change-password.profile-form   .control-label {
	padding-top: 16px;
}
.login-change-password.profile-form  .form-group:first-child {
	border-bottom: 2px solid #f0f2f7;
	margin-bottom: 20px;
}
.login-change-password.profile-form    .form-control {
	position: relative;
	right: -25px;
	text-align: right;
	color: rgba(58,64,91,.35);
}
.login-content-wrap {
	padding-bottom: 20px;
}
.personalization-content p {
	font-size: 16px;
	color: #575d6b;
	font-family: 'Source Sans Pro', sans-serif;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 8%;
	margin-bottom: 0;
}
.personalization-list .social-lising {
	padding: 16px 10px;
	border-top: 2px solid #f0f2f7;
}
.personalization-list .social-lising:first-child {
	border-top: 0;
}

.personalization-list .social-media-name {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.personalization-content {
	padding-bottom: 15px;
}

.reach-form-section .login-change-password.profile-form .form-group {
	border-top: 2px solid #f0f2f7;
	margin-bottom: 0px;
	padding-top: 16px;
	padding-bottom: 19px;
}

.reach-form-section .login-change-password.profile-form .form-group:first-child {
	border-top: 0;
	border-bottom: 0;
}
.reach-form-section .login-change-password .profile-form-content {
	padding-top: 0;
}

.reach-form-section .form-group .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .reach-form-section .form-group .bootstrap-select {
	background: #f0f2f7 none repeat scroll 0 0;
	border: 1px solid #e3e8f0;
	border-radius: 4px;
	margin-top: 0;
	width: 235px;
	min-height: 42px;
	height: 42px;
	line-height: 1;
}

.reach-form-section  .dropdown-toggle {
	padding: 9px 30px 3px 17px !important;
	text-transform: capitalize;
	min-width: 235px;
	min-height: 42px;
	line-height: 1.4 !important;
}
.reach-form-section .bootstrap-select.btn-group .btn .caret {
	background-position: -310px -365px;
	top: 11px;
	right: 14px;
}

.off-grid {
	cursor: pointer;
}

.off-grid-model {
	max-width: 812px;
	min-height: 620px;
	width: 100%;
}

.off-grid-model .modal-body {
	padding: 75px 10%;
	text-align: center;
}
.off-grid-model .modal-body figure {
	margin-bottom: 60px;
}
.off-grid-model .modal-body h2 {
	margin-bottom: 60px;
}
.off-grid-model .modal-body p {
	font-size: 18px;
	color: #7a8093;
	font-family: 'montserratlight';
	line-height: 24px;
}
.off-grid-model button.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	min-width: 238px;
	min-height: 52px;
	background: #a20800;
	text-transform: capitalize;
	float: none;
	margin: 0 auto;
}

.off-grid-model .modal-footer {
	text-align: center;
	padding: 30px 20px;
	background: #f5f8fa;
	border-top: 2px solid #dbe1e5;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
button.close-btn-popup {
	background: url(../images/close-btn.png) 0 0 no-repeat;
	width: 23px;
	height: 23px;
	right: 50px;
	top: 50px;
	position: absolute;
	opacity: 1;
	z-index: 999;
}

.offgridmodel-wrap {
	background: rgba(22,26,33,.66);
}
.upgrade-pack-btn {
	position: relative;
	display: inline-block;
}
.upgrade-pack-btn input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -999;
	visibility: hidden;
}
.pack-btn {
	font-size: 45px;
	color: #6a6f75;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	max-width: 295px;
	min-width: 295px;
	width: 100%;
	min-height: 117px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 23px 15px;
	position: relative;
	margin: 15px 10px;
}
.pack-btn small {
	font-size: 27px;
}
.icon-pack-check {
	width: 30px;
	height: 30px;
	background-position: -386px -3px;
	position: absolute;
	top: -14px;
	right: -12px;
	opacity: 0;
}

.upgrade-pack-btn input:checked + label {
	color: #a20800;
	border: 1px solid #a20800;
	-webkit-box-shadow: 0px 0px 0px 3px #a20800;
	-moz-box-shadow: 0px 0px 0px 3px #a20800;
	box-shadow: 0px 0px 0px 3px #a20800;
}
.upgrade-pack-btn input:checked + label  .icon-pack-check {
	opacity: 1;
}
.offgridupgrad-wrap .modal-body figure {
	margin-bottom: 25px;
}
.offgridupgrad-wrap .modal-body h2 {
	margin-bottom: 30px;
}
.offgridupgrad-wrap .modal-body {
	padding: 75px 5% 50px;
}

/*=============================Bunker=======================================*/

.communication-content {
	padding-bottom: 100px;
}

.tab-bg {
	background: #f8f9fa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.heading-btn {
	cursor: pointer;
}
.overflow {
	overflow: hidden;
}
.bunker-banner {
	/*background: url(../images/servival-banner.jpg) 0 0 no-repeat;*/
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 507px;
	padding-top: 172px;
}
.light-color {
	background: rgba(0,0,0,0.25) !important;
}
.light-bg {
	background: rgba(255,255,255,0.5) !important;
}
.active .light-bg {
	background: rgba(255,255,255,1) !important;
}
.link-btn li a {
	width: 44px;
	height: 44px;
	display: block;
	background: url(../images/sprite-blue.png) 0 0 no-repeat;
}
.link-btn {
	text-align: center;
	margin-bottom: 39px;
}

.bunker-pic-wrap .bunker-pic {
	float: left;
	padding-left: 26px;
}

.bunker-pic-wrap img.bunker-img {
	border-radius: 12px;
}

.bunker-pic-wrap .link-btn {
	float: left;
	margin: 0 0 0 12px;
}

.link-btn li {
	display: inline-block;
	padding: 0 8px;
}
.bunker-pic-wrap .link-btn li {
	display: block;
	width: 44px;
	height: 44px;
	padding: 0;
	margin-bottom: 6px;
}

.bunker-pic-wrap .link-btn .icon-bunker-edit a {
	background-position: -429px -3px;
}
.bunker-pic-wrap .fig-info {
	width: 190px;
	padding-top: 5px;
}

.popular-products-list, .trending-list {
	padding: 15px 24px 15px 39px;
}
.link-btn li.share-link a {
	background-position: -366px -69px;
}
.link-btn li.plus-link a {
	background-position: -429px -68px;
}
.link-btn li.message-link a {
	background-position: -326px -437px;
}
.link-btn .camera-link {
	background-image: url(../images/sprite-blue.png);
	height: 45px;
	width: 45px;
	display: block;
	background-position: -391px -437px;
}
.link-btn .settings-link {
	background-image: url(../images/settingscog.png);
	height: 45px;
	width: 45px;
	display: block;
	background-repeat: no-repeat;
	/*background-position: 388px 0px;*/
}
.header-settings-icon {
	position: absolute;
	right: 0px;
	top: -45px;
}
.popular-products-list, .trending-list {
	padding: 22px 0 15px; /*dd 16/09/16*/
}
.popular-products-list li {
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e6eb;
	padding: 0 0 19px 20px; /* added 20px left padding DD 25/9/16*/
}
.popular-products-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.popular-products-list.popular-sips-list  li{
	padding: 0;
	border-radius: 7px;
}

.popular-products-list h4 {
	font-size: 14px;
	color: #1c1e23;
	font-family: 'Montserrat', sans-serif;
}
.popular-products-list .product-pic {
	max-width: 96px;
	width: 100%;
	float: left;
}
.popular-products-list .product-pic img {
	max-width: 100%;
	mix-blend-mode: darken;
}
.popular-products-list .product-info {
	padding: 15px 0 0 5px; /*DD Changed left padding from 24px to 5px 25/9/16*/
	float: left;
	width: 61%;
}

.popular-products-list .price-label {
	font-size: 12px;
	color: #a1a7bd;
	font-family: 'Montserrat', sans-serif;
	padding-top: 7px;
	display: block;
	font-weight: 600;
}
.aside .gray-block {
	background: #ebedef;
	border: #dedede;
	margin: 0;
	padding: 0 40px 16px;
}
.box-shadow {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.trending-list {
	padding-top: 14px;
}
.trending-list li {
	overflow: hidden;
	margin-bottom: 23px;
	border-bottom: 1px solid #f0f2f7;
	padding-bottom: 24px;
}
.trending-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.trending-list h4 {
	font-size: 14px;
	color: #1c1e23;
	font-family: 'Montserrat', sans-serif;
}
.trending-list .trending-pic {
	width: 96px;
	float: left;
}
.trending-list .trending-pic img {
	border-radius: 15px;
}
.trending-list .trending-info {
	padding: 15px 0 0 24px;
	float: left;
	width: 61%;
}
.trending-progress {
	position: relative;
	width: 91%;
	height: 5px;
	background: #e1e3e5;
	border-radius: 10px;
	margin-top: 16px;
	overflow: hidden;
}
.progress-block {
	width: 75%;
	height: 100%;
	background: #a20800;
	position: absolute;
	top: 0;
	left: 0;
}
.width-40 {
	width: 40%;
}

.width-60 {
	width: 60%;
}
.gray-bg {
	background: #f4f6fa;
}
.main-wrapper-content .survival-blog-section {
	padding: 0;
}
.survival-box {
	/*padding-left: 12px;
	padding-right: 12px; DD 19/5/17 */
	margin-left: 30px;
	margin-right: 30px;
}
#modallisting .survival-box {
	margin: 0;
}

.survival-box-section {
	padding-left: 30px;
	padding-right: 30px;
}
.about-block {
	border-radius: 5px;
	padding: 27px 36px;
	/*margin-top: 30px; DD 25/10/16*/
}
.about-block strong {
	font-size: 16px;
	color: #2b2e35;
	font-weight: 700;
	text-decoration: underline;
	margin-bottom: 7px;
	display: block;
}

.about-block p {
	color: #2b2e35;
}
.blog-post-section {
	margin-top: 21px;
}

/* post list - listing view */
.post-load-wrap {
	text-align: center;
	padding-top: 20px;
}
.com-content .post-load-wrap {
	padding: 10px 0;
}

.post-left-arrow {
	position: absolute;
	right: 50%;
	border-left: 20px solid transparent;
	border-top: 20px solid #fff;
}
.post-right-arrow {
	position: absolute;
	left: 50%;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
} 
.comment-pane-wrapper h2{
	padding-top: 12px
} 

.comment-pane-wrapper .gray-bg  h2 {
	padding: 20px 20px 0;
}

.comment-pane-wrapper .gray-bg .post-content {
	padding: 20px;
}

.survival-blog-section .hd-first-block {
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
}
.hd-first-block img {
    width: 400px;
}
.survival-blog-section .hd-second-block {
    float: right;
    width: 50%;
    overflow: hidden;
}
.survival-blog-section .full-width {
	width: 100%;
}
.survival-blog-section .width-1 {
	float: left;
	width: 54.3%;
	overflow: hidden;
	margin-bottom: 6px;
	position: relative;
}
.survival-blog-section .width-1:after, .survival-blog-section .hd-first-block:after, .survival-blog-section .width-3:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
	background: #fff;
	width: 4px; /*DD*/
}
.survival-blog-section .width-5:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #fff;
	width: 2px
}

.survival-blog-section .width-2 {
	float: left;
	width: 45%;
	overflow: hidden;
}

.survival-blog-section .width-3 {
	float: left;
	width: 54.3%;
	overflow: hidden;
	position: relative;
}

.survival-blog-section  .width-4 {
	float: left;
	width: 45%;
	overflow: hidden;
}

.survival-blog-section  .width-5 {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-bottom: 6px;
	position: relative;	
}

.width-5 img {
    width: 197px;
}

.survival-blog .post-image-wrap {
	max-height: 393px;
	overflow: hidden;
}

.survival-blog img.post-img-single {
	width: 100%;
}
.survival-blog {
	text-align: center;
	position: relative;
}
.survival-blog h2 {
	font-size: 72px;
	color: #ffffff;
	font-family: 'edo_szregular';
	padding-top: 22px;
}
.survival-blog strong {
	font-size: 24px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-weight: 700;
	padding: 0 14%;
	text-align: center;
	margin-top: 25px;
}
.survival-blog .date-text {
	font-size: 18px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	padding: 0 27%;
	display: block;
	margin-top: 14px;
}
.blog-avatar-pic {
	float: left;
	width: 44px;
}
.blog-avatar-pic img {
	width: 44px;
}
.comment-left-pic .blog-avatar-pic img {
	width: 32px;
}
.bunker-pic .img-circle {
	border-radius: 20%;
}
.survival-blog-head {
	padding-top: 28px;
	padding-bottom: 20px;
	padding: 28px 20px 20px 30px;
}
.arrow-icons:before {
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 18px solid #fff;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	z-index: 1000;
}
.blog-author {
	float: left;
}
.like-comment-block {
	float: right;
	padding-top: 0px;
	height: 45px;
}
.like-comment-block span {
	font-size: 12px;
	color: #b9bed1;
	display: inline-block;
	padding-left: 16px;
}

.like-comment-block .like-comment-wrapper {
	float: left;
	padding: 0 10px;
}

.like-comment-block span.like-count,
.like-comment-block span.comment-count,
.like-comment-block span.listing-when
{
	padding-left: 0;
}

.like-comment-block span a {
	display: inline-block;
	color: #b9bed1;
}
.like-comment-block i,
.wrap-right i,
.blog-author i,
.media-title .duration-icon
 
 {
	width: 26px;
	height: 25px;
	display: inline-block;
	background: url(../images/sprite-blue.png) 0 0 no-repeat;
	margin-right: -3px;
	position: relative;
	left: -3px;
	bottom: -2px;
	
}

.blog-author i {
	height: 14px;
}
.wrap-right .star-icon {
	background-position: -597px -170px; /*Was -169 -82*/
}
.like-comment-block .comment-icon {
	background-position: -506px -131px; /*was -197 -81*/
	background-size: 800px 400px;
}
.like-comment-block .duration-icon {
	background-position: -224px -132px;
}

.like-comment-block .star-icon {
	background-position: -472px -132px;
	background-size: 800px 400px;
}


.blog-author-name {
	color: #b9bed1;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 0px;
	padding-left: 10px;
	min-width: 110px;
}
.blog-author-name a {
	color: #b9bed1;
	display: inline-block;
}
.blog-author .duration-icon {
	background-position: -214px -81px;
	padding-left: 10px;
	width: 24px;
}

.blog-author-when {
	padding-left: 10px;
}

.blog-author .listing-when {
	font-size: 12px;
	color: #b9bed1;
}

.survival-blog-content h2 {
	font-size: 24px;
	font-family: 'montserratblack';
	color: #222328;
	text-align: left;
}

.article-wrapper .survival-blog-content h2 {
	margin: 10px 0;
}

.survival-blog-content {
	font-size: 14px;
	color: #202228;
}

.survival-blog-content .post-content p,
.survival-blog-content .post-content-full p,
.survival-blog-content div.post-content,
.survival-blog-content div.post-content-full, 
.survival-blog-content .post-content a,
.survival-blog-content .post-content-full a,
.survival-blog-content .post-content i,
.survival-blog-content .post-content-full i
 {
	font-size: 15px;
	color: #3a405b;
	padding-top: 0px;
	margin-bottom: 0;
	margin: 10px 0;
	font-family: MYRIADPROREGULAR, sans-serif;
}

.survival-blog-content div.post-content-full {
	display: none;
	padding-top: 0px;
}

.post-content-wrapper {
	padding-bottom: 25px;
}

.article-wrapper .post-content-wrapper {
	padding-bottom: 0;
}

.blog-button-wrap {
	padding: 20px 0;
	border-top: 1px solid #e1e6eb;
	margin-top: 0px;
}

.blog-button-wrap .wrap-left {
	float: left;
	width: 100%;
}
.blog-button-wrap .wrap-left .active {
	/*color: #b31a00;*/
}

.blog-button-wrap .wrap-right {
	float: right;
	padding-top: 5px;
}
.blog-button-wrap .blog-button {
	color: #5a607b; /*was 3a405b*/
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	width: 30%;
	height: 35px;
	display: block;
	border: none;
	border-radius: 4px; 
	margin: 0;
	float: left;
	font-weight: 600;
}
.blog-button-wrap .blog-button:hover {
	background: #F3F4F8;
}

.blog-button-wrap .comment-togg i {
	width: 25px;
	height: 25px;
	background: url(../images/sprite-blue.png) -458px -103px no-repeat;
	display: inline-block;
	background-size: 720px 330px;
}

.blog-button-wrap .comment-togg {
	margin: 0 5%; 
}

.blog-button-wrap i {
	vertical-align: top;
}

.blog-button-wrap .share-button i {
	width: 25px;
	height: 26px;
	background: url(../images/sprite-blue.png) -516px -104px no-repeat;
	display: inline-block;
	background-size: 720px 330px;
}

.blog-button-wrap .social-button i {
	width: 25px;
	height: 25px;
	background: url(../images/sprite-blue.png) -425px -105px no-repeat;
	display: inline-block;
	background-size: 720px 330px;
	/*
	font-size: 12px;
	text-align: center;
	display: block;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 9px 0 0 0;
	height: 35px;
	width: 30%;
	line-height: 16px;
	margin: 0;
	float: left;*/
}

.blog-button-wrap .social-button.active i {
	background-position: -425px -143px;
}

.blog-button-wrap .facebook-like {
	background: #3b5998;
	border: 1px solid #3b5998;
	color: #fff;
}
.blog-button-wrap .facebook-like i {
	background-position: -3px -6px;
}
.blog-button-wrap .social-button i {
	vertical-align: top;
}
.survival-blog .tag-button {
	font-size: 11px;
	color: #060f18;
	line-height: 24px;
	text-transform: uppercase;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	background: rgba(255,255,255,0.6);
	height: 24px;
	width: 92px;
	position: absolute;
	left: 35px;
	top: 24px;
}
.survival-blog .white-bg {
	background: #fff;
}

.comment-toggle {
	float: right;
	width: 20px;
	height: 15px;
	background: url("../images/sprite-blue.png") no-repeat -1px -52px;
	cursor: pointer;
	margin: -10px 0 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
	display: none;
}

.comment-toggle.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}

.author-wrap {
	width: 210px;
	float: left;
}

.change-author-menu {
	background: url("../images/sprite-blue.png") no-repeat -1px -48px;
}


.author-selection .author-check-label {
	width: 29px;
	height: 29px;
	display: block;
	float: right;
	margin: 0;
}

.author-selection .author-check-label input {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	margin: 0;
}
.author-selection .author-check-label input:checked + .icon-obi-check {
	background-position: -386px -3px;
}

.author-selection .icon-obi-check {
	background-position: -674px -6px;
	top: auto;
	width: 32px;
	height: 32px;
	right: 10px;
	cursor: pointer;
}

.comment-create-wrap .blog-avatar-pic,
.change-author-menu,
.comment-create-wrap .comment-area
{
	float: left;
}

.comment-create-wrap {
	padding: 15px 0 0;
}

.comment-create-wrap .comment-area {
	width: 388px;
	height: 36px;
	resize: vertical;
	padding: 7px 5px 5px;
	margin-left: 0;
	border: 1px solid #ccc;
    border-radius: 3px;
	background: #f5f8fc;
}

.comment-create-wrap .blog-button {
	color: #3a405b;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	min-width: 80px;
	height: 36px;
	display: inline-block;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.change-author-menu {
	display: block;
	width: 20px;
	height: 15px;
	margin: 22px 5px 0 0;
}

.author-selection {
	padding: 10px;
	border: 1px solid #cccccc;
	position: absolute;
	background: #fff;
	top: 50px;
	left: 42px;
}

.author-selection .blog-author-name {
	padding-right: 20px;
}

.author-selection .clear {
	padding-top: 10px;
}

.ownership {
	font-size: 10px;
}


.camo-divider {
	height: 12px;
	background: url("../images/hp-subscribe-bg.png") no-repeat;
	width: 100%;
	box-shadow: 0px -8px 7px -2px #d7d7d7;
}

/*Servival Tabing Css*/
.list-block-section {
	padding-top: 25px;
} /*DD 21/9/16*/

.list-block-links {

}
.list-block-pic {
	float: left;
}
.list-block-pic img {
	width: 46px;
	border-radius: 10px;
}
.people-list {
	overflow: hidden;
	padding-left: 14px;
	float: left;
}
.people-list strong {
	display: block;
	font-size: 16px;
	color: #3a405b;
	line-height: 20px;
	font-weight: 600;
}
.people-list span {
	display: block;
	font-size: 14px;
	color: #b9bed1;
	font-family: 'Open Sans', sans-serif;
}
.headquarter .blog-space {
	margin-top: 20px;
}
.blog-top-space {
	margin-top: 39px;
}
.survival-blog-section .mt-0 {
	margin-top: 0;
}
.border-bottom {
	border-bottom: 1px solid #f3f5f9;
}
.survival-blog-content .about-block p {
	padding-top: 0;
}
.blog-list {
	padding: 3px 13px 15px 0;
}
.blog-list li {
	font-size: 14px;
	color: #2b2e35;
	margin-top: 7px;
	font-family: 'Open Sans', sans-serif;
}
.about-block-text {
	color: #2b2e35;
	font-family: 'Open Sans', sans-serif;
}
.related-content {
	padding: 29px 0 38px 0
}
.related-content .related-item {
	float: left;
	padding-right: 13px;
	width: 16.56%;
}
.related-content .trending-slider .related-item {
	width: 100%;
}
.related-content .related-item img {
	border-radius: 5px;
	border: 1px solid #a0a0a0;
	box-shadow: 4px 4px 3px 0 #c0c0c0;
}
.block-info {
	padding-top: 17px;
}
.owl-carousel .block-info {
	text-align: center;
}
.related-block {
	margin-top: 12px;
}
.block-info h3 {
	font-size: 14px;
	color: #222328;
	font-weight: 600;
}
.block-info h3 a {
	color: #222328;
}
.block-info span {
	display: block;
	font-size: 12px;
	color: #b9bed1;
	font-style: italic;
	font-family: MYRIADPROREGULAR, sans-serif;
}

.blog-bg {
	background: url(../images/img.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.post-blog-popup {
	width: 260px;
	position: absolute;
	bottom: 43px;
	right: -47px;
	display: none;
	z-index: 2;
}
.post-blog-popup li {
	text-align: center;
}
.blog-post-info {
	width: 25px;
	height: 25px;
	display: block;
	position: relative;
	/*bottom: -38px;
	right: 70px;*/
	/* MY PET HATE = KW*/
	/*z-index: 1000;*/
}

.profile-main .blog-post-info,
.bunker-main .blog-post-info
{
	margin-right: 15px;
}

.info-button {
	background: url(../images/sprite-blue.png) -613px -130px no-repeat; /*was -418 -114*/
	width: 26px;
	height: 26px;
	display: block;
	background-size: 800px 400px;
}

/*HeadQuarter*/
.related-content.headquarter {
	/* Killing the create button - KW*/
	/*position: relative;*/
	padding: 29px 42px 25px;
}
.related-content .owl-nav {
	position: absolute;
	top: -73px;
	right: 0;
	width: 82px;
	height: 32px;
	border: 1px solid #e3e8f0;
	border-radius: 20px;
}

.aside .owl-nav {
	position: absolute;
	top: -40px;
	right: -8px;
	width: 55px;
	height: 32px;
	border: 1px solid #e3e8f0;
	border-radius: 20px;
}

.related-content .owl-nav .owl-prev,
.related-content .owl-nav .owl-next,
.aside .owl-nav .owl-prev,
.aside .owl-nav .owl-next
 
 {
	background: url("../images/sprite-blue.png") -339px -133px no-repeat;
	text-indent: -99999px;
	background-color: transparent;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	transition: 0.4s all ease;
}

.related-content .owl-nav .owl-prev,
.related-content .owl-nav .owl-next
{
	width: 40px;
	height: 31px;
}

.aside .owl-nav .owl-prev,
.aside .owl-nav .owl-next 
{
	width: 26px;
	height: 31px;
}

.aside .owl-nav .owl-prev {
	background-position: -346px -133px;
}

.aside .owl-nav .owl-next {
	float: right;
	background-position: -386px -133px;
}

.related-content .owl-nav .owl-prev,
.aside .owl-nav .owl-prev
{
	float: left;
	border-right: 1px solid #e3e8f0;
}
.related-content .owl-nav .owl-next
{
	float: right;
	background-position: -380px -133px;
}
/*Replaced headquarter with collage-wrap*/
.collage-wrap .hd-first-block { 
	float: left;
	width: 67%;
	overflow: hidden;
	position: relative;
}

.collage-wrap .second-block {
	float: right;
	width: 33%;
	overflow: hidden;
}

.collage-wrap .full-width {
	width: 100%;
}
.collage-wrap .width-1 {
	float: left;
	width: 54.3%;
	overflow: hidden;
	margin-bottom: 6px;
	position: relative;
}
.collage-wrap .width-1:after, .collage-wrap .hd-first-block:after, .collage-wrap .width-3:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
	background: #fff;
}
.collage-wrap .width-2 {
	float: left;
	width: 45%;
	overflow: hidden;
}

.collage-wrap .width-3 {
	float: left;
	width: 31.4%;
	overflow: hidden;
	position: relative;
}

.collage-wrap  .width-4 {
	float: left;
	width: 67%;
	overflow: hidden;
}
..collage-wrap .hd-share-blog {
	padding-top: 36px;
	padding-bottom: 36px;
}
.headquarter .hq-banner {

}
.headquarter .space-top {
	margin-top: 27px;
}
.headquarter .blog-head-space {
	padding-top: 15px;
}
.collage-wrap.survival-blog-content {
	position: relative;
}
.headquarter .pad-space {
	padding-bottom: 18px;
}
/*======Headquarter Comment======*/
.headquarter .media-heading {
	font-size: 16px;
	color: #343e5c;
	display: inline-block;
	font-family: 'montserratbold';
}
.headquarter .post-time {
	font-size: 12px;
	color: #b9bed1;
	display: inline-block;
	padding-left: 16px;
}
.media-title .duration-icon {
	background-position: -224px -81px;
}
.headquarter .media {
	margin-top: 27px;
}
.headquarter .media:first-child {
	margin-top: 0;
}
.headquarter .media-body p {
	font-size: 16px;
	color: #343e5c;
	font-family: 'MYRIADPROREGULAR';
}
.headquarter .comment-media {
	padding: 53px 11px 0 75px;
}
.headquarter .comment-media .media-body {
	padding-left: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f8f9fb;
}
.headquarter .hq-textarea {
	width: 100%;
	height: 87px;
	border: 1px solid #eaeef4;
	background: #f5f8fc;
	border-radius: 5px;
	resize: none;
	color: #b9bed1;
	font-size: 16px;
	padding: 15px 10px;
}
#servival-content .profile-heading {
	border-bottom: 1px solid #d8e1eb;
	margin-bottom: 28px;
}
#servival-content .list-block-links li {
	overflow: hidden;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f2f7;
}

.countdown-section {
	color: #fff;
	text-align: center;
	padding: 9px 0 27px;
	display: block;
}
.countdown-section  .word-wrap {
	display: inline-block;
	padding: 0 20px;
}
.countdown-section .number-countdown {
	font-size: 48px;
	font-family: 'montserratblack';
	display: block;
}
.countdown-section .word {
	font-size: 18px;
}
/*Modal Css*/
.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%; 
}
.vertical-align-center {
	display: table-cell;
	vertical-align: middle;
}
#modallistingwrapper .vertical-align-center {
	vertical-align: top;
}

.modal-content {
	width: inherit;
	height: inherit;
	margin: 0 auto;
}
.share-modal {
	background: #fff;
}
.profile-content .fl-right {
	float: right;
}
.profile-content button.btn {
	min-width: 103px;
	padding: 0 15px;
	min-height: 30px;
	margin-top: 20px;
}
.profile-content button.btn-space {
	margin-top: 8px;
}
.profile-content button.danger-btn {
	background: #b31a00;
	border: 1px solid #b31a00;
	color: #fff;
	font-size: 12px;
}
.profile-content button.btn-line {
	background: #ffffff;
	border: 1px solid #e4e7ef;
	color: #3a405b;
	font-size: 12px;
	position: relative;
}
.line-btn-stick {
	background: url(../images/sprite-blue.png) -65px -238px no-repeat;
	width: 15px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
}

.profile-content button.active-btn {
	background: #273341;
	border: 1px solid #273341;
	color: #273341;
}
.profile-content button.active-btn .line-btn-stick {
	opacity: 1;
}

/*======================================================Styling For Swag List=================================================*/
.swag-list-page .main-wrapper-content {
	background: #fff;
}
.swag-list-page .header {
	padding: 28px 0 0;
	z-index: 999;
}
.swag-list-page .page-banner {
	padding-top: 147px;
	position: relative;
}
.swag-list-page .top-translate {
	margin-top: -70px;
}

.si-breadcrumb {
	background: transparent;
	font-size: 0;
	position: absolute;
	bottom: 89px;
}
.si-breadcrumb > .active, .si-breadcrumb a {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #ffffff;
}
.si-breadcrumb > li {
	margin-right: 29px;
	position: relative;
}
.si-breadcrumb > .active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	bottom: -6px;
	left: 0;
}
.si-breadcrumb > li + li::before {
	content: "";
	background: url("../images/sprite-blue.png");
	background-position: -108px -48px;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 5px;
	left: -17px;
}
.sl-banner {
	background: url("../images/sl-banner.png") no-repeat center center;
	background-size: cover;
	min-height: 440px;
}
.sl-item-text {
	max-width: 202px;
}
.sl-item-block-1 {
	background: url("../images/sl-item1.png") no-repeat center center;
	background-size: cover;
}
.sl-item-block-2 {
	background: url("../images/sl-item2.png") no-repeat center center;
	background-size: cover;
}
.sl-item-text h2 {
	font-size: 28px;
	color: #1c1e23;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-align: left;
	word-break: break-all;
}
.sl-item-text p {
	font-size: 14px;
	font-family: 'Crimson Text', serif;
	color: #343e5c;
	letter-spacing: 0.4px;
	word-break: break-all;
}
.sl-shop-wrap {
	max-width: 203px;
	font-size: 0;
	border: 3px solid #d5d8e0;
	border-radius: 30px;
}
.sl-shop-wrap li {
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	color: #343e5c;
	display: inline-block;
	min-width: 75px;
	text-align: center;
	vertical-align: middle;
}
.sl-shop-wrap li {
	border-right: 3px solid #d5d8e0;
}
.sl-shop-wrap li:last-child {
	border-right: 0;
}
.buy-btn {
	display: block;
	text-align: center;
	width: 119px;
	color: #343e5c;
	text-transform: uppercase;
}
.sl-item-text-2 h2, .sl-item-text-2 p, .sl-item-text-2 .sl-shop-wrap li, .sl-item-text-2 .buy-btn {
	color: #fff;
}
.sl-shop-wrap2 {
	background: #2754eb;
	border: none;
	box-shadow: 14px 26px 30px rgba(0, 0, 0, 0.4);
}
.sl-shop-wrap2 li {
	border-right: 2px solid #234bd3;
}
.best-seller-head {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #343e5c;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #f1f3f8;
}
.best-seller-fig, .product-detail, .sl-item-link {
	display: block;
}
.product-brand {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #343e5c;
}
.product-color {
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	color: #a1a8bd;
	text-transform: uppercase;
	display: block;
}
.product-price {
	font-size: 0;
	display: block;
}
.product-price span {
	display: inline-block;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}
.actual-price {
	text-decoration: line-through;
	color: #b8bfd3;
}
.selling-price {
	color: #343e5c;
}
.border-right {
	border-right: 2px solid #f1f3f8;
}
.best-seller-wrap {
	padding-bottom: 67px;
}

/*======================================================Styling For Swag Item=================================================*/
.item-info-head h2 {
	margin: 0 0 17px;
}
.item-details {
	float: left;
	width: 60%;
	padding-left: 5px;
}
.item-info, .item-selection {
	border-bottom: 1px solid #f0f2f7;
}
.item-info-head {
	font-size: 0;
}
.item-info-heading {
	display: inline-block;
	width: 77%;
	font-size: 32px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color: #1c1e23;
	text-align: left;
	font-family: 'montserratblack';
}
.swag-tab-wrap .product-price span.actual-price {
	font-size: 14px;
}
.swag-tab-wrap .product-price span.selling-price {
	font-size: 18px;
}
.item-info-head .product-price {
	display: inline-block;
}
.item-info-head .product-price li {
	font-size: 14px;
}
.item-info-head .product-price li.selling-price {
	font-size: 18px;
	font-weight: 600;
}
.item-info p {
	font-size: 16px;
	color: #343e5c;
	line-height: 26px;
	font-family: 'MYRIADPROREGULAR';
}
.rating-star, .rating-unit {
	display: inline-block;
	vertical-align: top;
}
.icon-star {
	width: 12px;
	height: 12px;
	background-position: -43px -48px;
}
.rating-value {
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	color: #4c5263;
}
.rating-value small {
	color: #b8bfd3;
	font-size: 12px;
}
.selection-heading {
	font-size: 11px;
	font-family: 'Montserrat', sans-serif;
	color: #b8bfd3;
}
.color-block ul {
	font-size: 0;
}
.color-block li {
	display: inline-block;
	position: relative;
}
.color-block li input[type="radio"] {
	margin: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
}
.icon-check-color {
	width: 10px;
	height: 7px;
	background-position: -76px -51px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
}
.color-block li input[type="radio"]:checked + .icon-check-color {
	opacity: 1;
}
.color-circle {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	margin: 0;
}
.light-grey {
	background-color: #c3c1c0;
}
.dark-grey {
	background-color: #5d5d5d;
}
.dark-blue {
	background-color: #1c435d;
}
.size-circle {
	height: 34px;
	width: 34px;
	border-radius: 50%;
	border: 2px solid #e4e8f0;
	text-align: center;
	line-height: 30px;
	margin: 0;
}
.slection-block {
	display: inline-block;
	vertical-align: middle;
}
.size-block ul {
	font-size: 0;
}
.size-block li {
	display: inline-block;
	position: relative;
}
.size-circle {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #343e5c;
}
.size-block input[type="radio"] {
	height: 100%;
	margin: 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	z-index: 9;
}
.size-block li input[type="radio"]:checked + .size-circle {
	color: #b31a00;
	border: 2px solid #b31a00;
}
.chart-btn {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #b8bfd3;
	text-decoration: underline;
}
.item-quantity-selection {
	font-size: 0;
}
.quantity-block {
	width: 98px;
	height: 34px;
	line-height: 30px;
	border: 2px solid #e4e8f0;
	border-radius: 30px;
	text-align: center;
	position: relative;
}
.select-quantity {
	color: #a0a8bd;
	position: absolute;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}
.total-item {
	border: 0 none;
	color: #343e5c;
	display: inline;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1;
	text-align: center;
	width: 40px;
}
.minus {
	left: 14px;
	line-height: 0;
	top: 14px;
}
.plus {
	line-height: 0;
	right: 14px;
	top: 16px;
}
.availability span, .availability span small {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #b8bfd3;
	text-transform: uppercase;
}
.buy-share-item {
	font-size: 0;
}
.cart-btn {
	font-size: 0;
	display: inline-block;
	width: 186px;
	text-align: center;
	background: #b31a00;
	padding: 13px 0px;
	border-radius: 30px;
	vertical-align: top;
	box-shadow: 10px 21px 30px rgba(0, 0, 0, 0.2);
}
.cart-btn span {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.icon-cart {
	margin: 0 14px 0 0;
	display: inline-block;
	width: 18px;
	height: 17px;
	background-position: -39px -125px;
	vertical-align: middle;
}
.share-btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #343e5c;
	width: 195px;
	text-align: center;
	border: 2px solid #e3e8f0;
	display: inline-block;
	vertical-align: top;
	padding: 14px 0;
	border-radius: 30px;
	text-transform: uppercase;
}
.si-cart-slides {
	overflow: hidden;
	background: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
}
.si-cart-slides .flex-direction-nav {
	position: fixed;
	top: 20%;
	width: 100%;
	overflow: hidden;
	height: 50px;
}
.item-display {
	float: left;
	width: 40%;
}
.si-cart-item-wrap {
	max-width: 820px;
	margin: 0 auto;
	width: 100%;
	background: #fff;
	border-radius: 5px;
}
.si-cart-fig {
	text-align: center;
}
.si-cart-fig img {
	width: 100%;
}
.si-item-guide {
	font-size: 0;
}
.si-product-price {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	color: #343e5c;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.si-item-guide .chart-btn, .si-item-guide .rating-star {
	vertical-align: middle;
}
.si-item-guide .chart-btn {
	font-size: 12px;
	color: #2754eb;
}
.si-item-guide p {
	font-size: 16px;
	color: #343e5c;
	font-family: 'MYRIADPROREGULAR';
	line-height: 26px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}
.si-cart-text .color-block {
	padding: 7px 8px;
	border: 2px solid #e4e8f0;
	border-radius: 25px;
}
.si-cart-text .color-circle {
	height: 24px;
	width: 24px;
}
.si-brown {
	background-color: #a75a2b;
}
.si-cream {
	background-color: #cbba9f;
}
.si-black {
	background-color: #000;
}
.si-cart-text .size-circle {
	border: none;
	font-size: 12px;
	height: 38px;
	line-height: 38px;
	width: 52px;
}
.si-cart-text .size-block {
	border: 2px solid #e4e8f0;
	border-radius: 25px;
	overflow: hidden;
}
.si-cart-text .size-block li {
	border-right: 2px solid #e4e8f0;
}
.si-cart-text .size-block li:last-child {
	border-right: none;
}
.si-cart-text .quantity-block {
	height: 38px;
	line-height: 34px;
}
.si-cart-text .minus {
	top: 17px;
}
.si-cart-text .plus {
	top: 19px;
}
.si-cart-text .size-block li input[type="radio"]:checked + .size-circle {
	border: none;
	background: #e4e8f0;
	border-radius: 0;
	color: #343e5c;
}
.flex-control-nav {
	display: none;
}
.onboarding-page .flex-control-nav {
	display: block;
}
.si-cart-pop-up .flex-nav-prev, .si-cart-pop-up .flex-nav-next {
	font-size: 0;
	background: url("../images/sprite-blue.png");
	width: 19px;
	height: 34px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.si-cart-pop-up .flex-nav-prev a:before, .si-cart-pop-up .flex-nav-next a:before {
	font-size: 0;
}
.si-cart-pop-up .flex-nav-prev {
	background-position: -40px -172px;
	left: 60px;
}
.si-cart-pop-up .flex-nav-prev a, .si-cart-pop-up .flex-nav-next a {
	display: block;
	width: 35px;
	height: 40px;
}
.si-cart-pop-up .flex-nav-next {
	background-position: -97px -171px;
	right: 60px;
}
.si-cart-pop-up {
	position: relative;
}
.icon-si-close {
	width: 22px;
	height: 22px;
	background-position: -163px -177px;
	position: absolute;
	right: 80px;
	cursor: pointer;
	top: 80px;
	z-index: 9999;
}

.sb-profile-popup .icon-si-close {
	top: 30px;
}

.si-massonary .container {
	max-width: 810px;
}
/*profile list mansory */

.profile-masonary .profile-heading {
	border-bottom: 1px solid #eeeeee;
	letter-spacing: 1px;
	padding-bottom: 17px;
	padding-left: 1.1%;
	padding-top: 25px;
	margin-bottom: 20px;
	margin-bottom: 44px;
}
.profile-masonary {
	min-height: 1035px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 0 32px;
	position: relative;
}
.profile-masonary .absolute-plus {
	right: 108px;
	top: -33px;
}

.profile-grid-item {
	max-width: 240px;
	float: left;
	border: 1px solid #dfdfe0;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 2px 5px #e9eaeb;
	background: #fff;
	position: relative;
	margin: 0 10px 20px;
}

.profile-grid-info {
	border-bottom: 1px solid #e7e7e7;
	padding: 11px 5.9%;
}
.profile-grid-info strong {
	display: block;
	color: #3c4350;
	font-size: 15px;
	display: block;
	margin-bottom: 3px;
}

/* KW: ruining listing page */
/*.profile-grid-info span {
	display: block;
}*/
.star-check-label {
	position: absolute;
	right: 18px;
	top: 8px;
}
.star-check-label .input-check {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.icon-star-check {
	background-position: -211px -111px;
	width: 42px;
	height: 42px;
}
.star-check-label .input-check:checked + .icon-star-check {
	background-position: -154px -111px;
}
.icon-white-star {
	background-position: -305px -125px;
	width: 14px;
	height: 12px;
	vertical-align: middle;
	margin-right: 4px;
}
.icon-comment {
	background-position: -275px -125px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 2px;
}
.white-star-link {
	color: #8a97a9;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin-right: 7%;
}
.comment-link {
	color: #8a97a9;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.profile-grid-name {
	padding: 8px 5.9%;
	display: block;
}
.profile-grid-name img {
	margin-right: 4%;
}
.profile-grid-name strong {
	font-size: 14px;
	color: #3c4350;
	font-weight: 400;
}
.si-massonary {
	padding-top: 55px;
}
.si-massonary h6 {
	font-family: 'montserratblack';
	font-size: 14px;
	color: #343e5c;
	text-transform: uppercase;
	padding-left: 10px;
}
.pc-body {
	padding: 0;
}
.pc-body .container {
	max-width: 1170px;
	padding: 0;
}
.pc-body-wrap {
	background: #24303f;
	border-radius: 10px;
	overflow: hidden;
}
.pc-left-content {
	float: left;
	width: 59.75%;
	background: #fff;
}
.pc-content-wrap {
	padding: 34px 0px 132px 49px;
}
.pc-head-wrap {
	padding-right: 44px;
}
.pc-content-head {
	padding: 3px 0 3px 12px;
	font-size: 0;
	background: #f0f2f7;
	width: 99%;
	border-radius: 4px;
}
.pc-content-head span {
	font-size: 11px;
	font-family: 'montserratregular';
	color: red;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #a1a7bd;
}
.pc-item {
	display: inline-block;
	vertical-align: middle;
	width: 57%;
}
.pc-quantity {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
}
.pc-content-detail .pc-quantity {
	width: 22%;
}
.pc-price {
	display: inline-block;
	vertical-align: middle;
}
.pc-content-detail li {
	padding: 12px 0 17px;
	border-bottom: 1px solid #f0f2f7;
	position: relative;
	margin: 0 0 2px;
}
.pc-product {
	font-size: 0;
}
.pc-fig, .pc-caption {
	display: inline-block;
	vertical-align: top;
}
.pc-fig {
	margin-right: 24px;
	width: 33.6%;
	padding: 3px 0 0;
}
.pc-caption {
	width: 59.4%;
}
.pc-caption h5 {
	font-family: 'montserratregular';
	font-size: 16px;
	color: #1c1e23;
	line-height: 1.4;
	margin: 0 0 4px;
}
.pc-caption span, .pc-caption span small, .bp-size, .bp-size small {
	font-family: 'montserratregular';
	font-size: 11px;
	color: #b8bfd3;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.bp-size {
	display: block;
}
.bp-size small {
	color: #fff;
}
.pc-caption span small {
	color: #1c1e23;
	display: inline-block;
	letter-spacing: 2px;
	margin-left: 3px;
}
.pc-price span {
	font-family: 'montserratregular';
	font-size: 14px;
	color: #1c1e23;
}
.icon-close-pc {
	width: 8px;
	height: 8px;
	background-position: -143px -49px;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.pc-content-detail {
	height: 316px;
	overflow: hidden;
}
.pc-subtotal {
	border-top: 1px solid #f0f2f7;
	border-bottom: 1px solid #f0f2f7;
	padding: 20px 44px 22px 49px;
}
.pc-form {
	float: left;
	width: 50%;
}
.pc-form label {
	font-family: 'montserratregular';
	font-size: 11px;
	color: #a1a8bd;
	text-transform: uppercase;
	margin-right: 14px;
}
.promo {
	background: transparent;
	border: 1px solid #e3e8f0;
	height: 34px;
	width: 130px;
	line-height: 32px;
	font-family: 'montserratregular';
	font-size: 14px;
	color: #343e5c;
	border-radius: 16px;
	padding: 0 14px;
	background: #f0f2f7;
}
.pc-total {
	font-family: 'montserratregular';
	color: #343e5c;
	float: right;
}
.pc-total small {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-right: 8px;
}
.pc-total strong {
	font-size: 18px;
}
.pc-shop-option {
	padding: 31px 39px 37px;
	font-size: 0;
}
.continue-shop, .checkout {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.checkout {
	text-align: right;
}
.continue-shop .btn {
	font-family: 'montserratregular';
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	border: 2px solid #e3e8f0;
	color: #343e5c;
	min-height: 0;
	line-height: 1;
}
.checkout .login-btn {
	font-family: 'montserratregular';
	font-size: 14px;
	font-weight: 600;
	min-height: 50px;
	line-height: 48px;
	padding: 0 21px;
	border-radius: 32px;
}
.pc-right-content {
	float: left;
	width: 40.25%;
	padding: 35px 0 0;
}
.complete-head h5 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	position: relative;
}
.complete-head h5 a {
	font-family: 'montserratlight';
	font-size: 12px;
	color: #ffffff;
	position: absolute;
	right: 19px;
	bottom: 2px;
	text-transform: capitalize;
	letter-spacing: 1px;
	border-bottom: 2px solid #5b646f;
	line-height: 0.9;
}
.progress-wrap, .progress {
	display: block;
}
.complete-list li {
	border-top: 2px solid #1d2632;
	padding: 18px 0 15px 44px;
	position: relative;
}
.complete-list li:after {
	position: absolute;
	content: "";
	width: 8px;
	height: 14px;
	background: url("../images/sprite-blue.png") no-repeat;
	background-position: -175px -47px;
	right: 41px;
	top: 50%;
	transform: translateY(-50%);
}
.complete-list {
	height: 330px;
	margin: 27px 0 0;
	overflow: hidden;
}
.pc-list-link {
	display: block;
	font-size: 0;
}
.list-link-fig {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	width: 27.3%;
}
.list-link-content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 44%;
}
.link-content-heading {
	font-family: 'montserratregular';
	font-size: 16px;
	color: #ffffff;
	display: block;
	margin: 0 0 12px;
}
.list-link-content .progress-wrap {
	position: static;
	padding: 0;
	margin: 0;
}
.list-link-content .progress-content {
	margin-right: 0;
	width: 100%;
}
.list-link-content .slide-no {
	margin: 0 0 6px;
	display: block;
}
.pc-modal .modal-dialog {
	width: 100%;
	max-width: 1170px;
}
.modal-content {
	background-color: none;
}
.buying-procedure {
	padding: 37px 50px 38px;
}
.buy-process-head li {
	float: left;
	text-align: center;
	width: 28.7%;
	margin-right: 3.8%;
}
.buy-process-head li:last-child {
	margin-right: 0;
}
.buy-process-head li a {
	font-family: 'montserratultra_light';
	font-size: 16px;
	color: #a1a8bd;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	display: block;
	position: relative;
	padding: 0 0 31px;
}
.buy-process-head li a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: #e4e6ec;
	bottom: 0;
	left: 0;
}
.buy-process-head li a.active {
	font-family: 'montserratsemi_bold';
	color: #343e5c;
}
.buy-process-head li a.active:after {
	background: #343e5c;
	height: 4px;
	bottom: -1px;
}
.buy-process-content {
	padding: 53px 0 0;
}
.bp-form .form-group {
	float: left;
	margin-bottom: 25px;
}
.bp-half {
	width: 47.493%;
}
.full {
	width: 100%;
}
.bp-label {
	display: block;
	font-family: 'montserratregular';
	font-size: 12px;
	color: #a1a8bd;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 8px;
}
.bp-input {
	width: 100%;
	border: 1px solid #e3e8f0;
	background: #f0f2f7;
	padding: 10px 17px;
	border-radius: 4px;
	height: auto;
	box-shadow: none;
}
.form-group .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	margin-top: 0;
	width: 100%;
	border: 1px solid #e3e8f0;
	background: #f0f2f7;
	border-radius: 4px;
}
.one-third {
	width: 29.989%;
}
.bp-form .dropdown-toggle {
	padding: 9px 25px 3px 17px;
	text-transform: capitalize;
}
.bp-form .bootstrap-select.btn-group .btn .caret {
	right: 3px;
	top: 9px;
}
.bp-form .bootstrap-select.btn-group .btn .filter-option, .bootstrap-select.btn-group .dropdown-menu li > a {
	text-transform: capitalize;
}
.address-difference {
	float: left;
	width: 100%;
	position: relative;
	margin: 5px 0 31px;
	font-size: 0;
}

.icon-bp-check {
	width: 29px;
	height: 29px;
	background-position: -880px -440px;
	vertical-align: middle;
	margin-right: 25px;
}
.address-difference .input-check {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.address-difference .input-check:checked + label  .icon-bp-check {
	background-position: -386px -3px;
}

.address-difference label {
	display: inline-block;
	font-family: 'montserratregular';
	font-size: 14px;
	color: #343e5c;
	vertical-align: middle;
	margin: 0;
}
.bp-form .pc-shop-option {
	padding: 29px 0 0;
	float: left;
	width: 100%;
	border-top: 1px solid #f0f2f7;
}
.icon-bp-back {
	width: 13px;
	height: 17px;
	background-position: -201px -45px;
}
.bp-form .continue-shop .btn {
	min-width: 0;
	padding: 7px 26px 7px 16px;
}
.icon-bp-continue {
	width: 6px;
	height: 12px;
	background-position: -230px -48px;
	vertical-align: middle;
	margin-left: 22px;
}
.bp-form .checkout .login-btn {
	padding: 0 32px 0 67px;
	margin-right: 6px;
}
.bp-caption .link-content-heading {
	font-size: 16px;
	text-transform: capitalize;
	color: #fff;
}
.bp-caption span small {
	color: #fff;
}
.bp-list .list-link-content {
	width: 65%;
}
.bp-subtotal {
	border-top: 2px solid #1d2632;
	margin: 10px 0 0;
	padding: 19px 43px 0 44px;
	font-size: 0;
}
.extra-text {
	font-family: 'montserratregular';
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	display: inline-block;
	width: 50%;
	text-transform: uppercase;
	vertical-align: middle;
}
.extra-price {
	font-family: 'montserratregular';
	font-size: 18px;
	color: rgba(255,255,255,0.5);
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}
.bp-extra {
	margin: 0 0 9px;
}
.bp-total {
	margin: 32px 0 0;
}
.bp-total .extra-text, .bp-total .extra-price {
	color: #fff;
}
.bp-list li::after {
	display: none;
}
.payment-detail {
	padding: 136px 0 0;
	max-width: 430px;
	width: 100%;
	margin: 0 auto;
}
.pd-block {
	border: 2px solid #f0f2f7;
	padding: 31px 30px 38px 27px;
	border-radius: 10px;
	text-align: left;
}
.pd-card {
	margin: 0 0 24px;
}
.pd-small {
	width: 70px;
}
.pd-left {
	float: left;
}
.pd-right {
	float: right;
}
.tnc {
	padding: 0 0 0 34px;
	position: relative;
	margin: 48px 0 8px;
}

.tnc .input-check {
	width: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	height: 100%;
	opacity: 0;
}
.tnc .input-check:checked + label .icon-bp-check {
	background-position: -386px -3px;
}
.tnc label a {
	text-decoration: underline;
	color: #b31a00;
}
.tc-content .pc-shop-option {
	padding: 31px 0 37px 10px;
}
.tc-content .bp-form .checkout .login-btn {
	margin-right: 0;
}
.congrats-wrap {
	text-align: center;
}
.congrats-content {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
	padding: 128px 0 40px;
}
.icon-congrats {
	width: 96px;
	height: 96px;
	background-position: -60px -395px;
}
.congrats-content h3 {
	font-size: 32px;
	color: #222328;
	font-family: 'montserratblack';
	letter-spacing: -0.2px;
	margin: 69px 0 57px;
}
.congrats-content p {
	font-family: 'Crimson Text', serif;
	font-size: 16px;
	color: #343e5c;
	line-height: 26px;
	letter-spacing: 0.4px;
}
.return-wrap {
	border-top: 1px solid #f0f2f7;
	margin: 118px 0 0;
	padding: 36px 0 0;
}
.return-wrap .login-btn {
	font-size: 14px;
	padding: 8px 29px;
}
.pc-modal .modal-content {
	border-radius: 14px;
}
.pc-hiding .link-content-heading {
	margin: 0 0 4px;
}
.hiding-input {
	position: absolute;
	right: 32px;
	top: 33px;
	height: 30px;
	width: 30px;
	margin: 0;
	opacity: 0;
	z-index: 99;
}
.icon-hiding-check {
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	right: 32px;
	top: 37px;
	background-position: -63px -297px;
}
.hiding-label {
	display: block;
}
.hiding-input:checked + .icon-hiding-check {
	background-position: -120px -297px;
}
.select-btn-wrap {
	border-top: 2px solid #1d2632;
	margin: 169px 0 0;
	padding: 30px 0 0;
	text-align: center;
}
.pc-select-btn {
	border: 2px solid #f9f9fa;
	border-radius: 25px;
	color: #ffffff;
	display: inline-block;
	font-family: "montserratregular";
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 33px 14px;
	text-transform: uppercase;
}
.pc-hide, .hiding-form .complete-list li:after {
	display: none;
}
.done-btn-content .done-btn:hover {
	opacity: 0.5;
	color: #fff;
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
}
.checkout .btn:hover {
	background: #b31a00;
	opacity: 0.5;
	color: #fff;
	transition: 0.4s all ease;
	-webkit-transition: 0.4s all ease;
}
.pc-modal .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.pc-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(58, 64, 91, 0.2);
	width: 5px;
}
.pc-modal .mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}
.pc-modal .mCSB_scrollTools {
	opacity: 1;
	width: 14px;
	background: none;
	border: none;
}
.pc-modal .mCustomScrollBox {
	padding-right: 44px;
}
.pc-modal .complete-list .mCustomScrollBox {
	padding-right: 0;
}
.pc-modal .complete-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #3a405b;
}
.swag-list-body .modal-backdrop {
	background-color: rgba(232,236,240,0.95);
	opacity: 1;
}

/*===============================profile-bunkers=====================================*/
.header-profile .search-form-wrap {
	background: rgba(0,0,0,0.3);
}
.header-profile .container {
	border-bottom: 1px solid rgba(0,0,0,0.2); /*was #27303d*/
}
.profile-default-header  .container {
	border-bottom: 1px solid rgba(0,0,0,0.2); /*was #2e3844*/
}
.profile-banner {
	/*background: url('../images/profile-banner.jpg') no-repeat;*/
	background-size: cover;
	min-height: 508px;
}

.profile-content  .main-wrapper-content {
	width: 100%;
	position: relative;
}

.profile-main-content {
	padding: 0px 32px;
	background: none;
}
.reposition-wrap .main-wrapper-content.main-profile-bg-page {
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
.profile-inner-wrap {
	padding-top: 28px;
}
.profile-content .profile-heading {
	letter-spacing: 1px;
	padding: 19px 0 19px 1.0%;
	border-bottom: 1px solid #f0f2f7;
	position: relative;
	z-index: 100;
}
.profile-pic-wrap
{
	float: left;
	width: 193px;
	position: relative;
	margin-right: 28%;
}

.bunker-pic-wrap {
	width: 240px;
	margin-right: 0;
	float: left;
	position: relative;
}

img.profile-pic {
	border-radius: 50%;
}

img.bunker-pic {
	border-radius: 10px;
}

.profile-pic-wrap .profile-pic {
	border-radius: 50%;
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 0 28px 22px;
	overflow: hidden;
	/*position: relative;*//* DD 2/2/17/*/
	float: left;
}

.profile-pic-wrap .link-btn {
	float: left;
}


.icon-profile-edit {
	position: absolute;
	background-position: -429px -3px;
	width: 44px;
	height: 44px;
	right: -17px;
	top: -8px;
	cursor: pointer;
}
.icon-bunker-edit {
	background: none;
}

.fig-info strong {
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	line-height: 1.4;
	text-shadow: 1px 1px 1px #3f3f3f; /*26/1/17*/
}
.fig-info .fig-link {

	color: #b9bed1;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 1.3;
	text-shadow: 1px 1px 1px #3f3f3f; /*26/1/17*/
}
.my-profile-wrap,
.bunker-subnav-wrap
{
	width: 53.7%;
	float: right;
	padding-left: 0.4%;
	padding-top: 13px;
}

.bunker-subnav-wrap {
	position: relative;
}

.my-profile-wrap  .nav-tabs > li,
.bunker-subnav-wrap  .nav-tabs > li
{
	padding-left: 0;
	padding-right: 1.9%;
}
.my-profile-wrap  .nav-tabs > li > a.btn {
	background: rgba(255,255,255,0.3);
	min-width: 122px;
	min-height: 39px;
	line-height: 2;
}
.my-profile-wrap .nav-tabs > li.active > a.btn {
	background: rgb(255,255,255);
	color: #384252;
}
.my-profile-wrap  .nav-tabs > li > a.btn:hover {
	background: rgb(255,255,255);
}
.my-profile-wrap .page-main-heading,
.bunker-subnav-wrap .page-main-heading
 {
	float: none;
	display: inline-block;
}
.my-profile-wrap .page-tab,
.bunker-subnav-wrap .page-tab
{
	float: none;
	padding-top: 45px;
}

.page-main-heading h1 {
	text-shadow: 1px 1px 1px #3f3f3f; /*26/1/17*/
}

.page-banner h1 {
	text-transform: uppercase;
}

.page-banner.legal-banner h1 {
	text-transform: capitalize;
}

.bunker-list-wrap {
	padding: 0 20px;
}

.profile-bunker-item {
	width: 22.4%;
	float: left;
	border-radius: 5px;
	margin-right: 2.6%;
	margin-bottom: 20px;
	box-shadow: 0px 1px 5px #dde2e7;
	overflow: hidden;
	position: relative;
	height: 146px;
	margin: 0 1.3% 20px;
}
.profile-bunker-item img {
	width: 100%;
	position: relative;
	top: -30px;
}
.profile-bunker-item figcaption {
	background: #fff;
	padding: 5px 2% 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.profile-bunker-item figcaption strong {
	font-size: 14px;
	color: #343e5c;
	display: block;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	padding-bottom: 2px;
}
.profile-bunker-item figcaption span {
	text-align: center;
	font-size: 14px;
	color: #818da7;
	display: block;
	font-family: 'proximasansregular';
}

.inventory-category-item figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(18,17,17,.40);
	padding-top: 60px;
}
.inventory-category-item figcaption strong {
	font-size: 14px;
	color: #fff;
	display: block;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}
.inventory-category-item figcaption span {
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	font-family: 'proximasansregular';
}
.inventory-category-item {
	/*float: left;
	overflow: hidden;
	margin-right: 12px;
	position: relative;*/
	border-radius: 10px;

	width: 169px;
	height: 160px;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	box-shadow: 0px 1px 5px #dde2e7;
	overflow: hidden;
	position: relative;
}

.profile-item .profile-check-label, .profile-item .profile-item-edit {
	display: none;
}

/*
 * page edit button start
 */
.edit-btn {
	height: 40px;
	width: 40px;
	background: #a6a8af;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 11px;
}
.sml-edit-btn {
	display: block;
	background-image: url(../images/edit-pencil.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
.sml-cross-btn {
	display: block;
	background-image: url(../images/circle-cross.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
.absolute-edit {
	position: absolute;
	right: -20px;
	top: 184px;
	z-index: 1;
}
.icon-edit {
	background-position: -324px -75px;
	width: 18px;
	height: 18px;
}


.custom-edit-btn {
	height: 40px;
	width: 40px;
	background: #a6a8af;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 11px;
}

.inventory-gear-list-wrap .view {
	display: block;
}

.inventory-gear-list-wrap .select {
	display: none;
}

.edit-profile .inventory-gear-list-wrap .view {
	display: none;
}

.edit-profile .inventory-gear-list-wrap .select {
	display: block;
}

/*
 * page edit button end
 */

/*
 * article edit button start
 */
.article-edit-btn {
	height: 40px;
	width: 40px;
	background: #a6a8af;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 11px;
	position: absolute;
	right: -20px;
	top: 184px;
	z-index: 1;
}
/*
 * article edit button end
 */

.edit-profile .profile-item {
	position: relative;
}

.edit-profile .profile-item .profile-item-edit {
	display: block;
	position: absolute;
	top: 27%;/*was 30*/
	left: 50%;
	width: 100px;
	background: #fff;
	padding: 7px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 14px;
	color: #343e5c;
	font-family: 'Montserrat', sans-serif;
}
.edit-profile .profile-item:hover  .profile-item-edit {

	top: 27%; /*was 30*/
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.edit-profile .profile-item-edit .icon-edit {
	background-position: -290px -84px;
	width: 14px;
	height: 14px;
	margin-right: 7px;
}
.edit-profile .profile-check-label {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 29px;
	height: 29px;
	display: block;
}
.edit-profile .profile-check-label .input-check {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.edit-profile .profile-check-label .icon-obi-check {
	right: 0;
	top: 0;
}
.edit-profile .profile-check-label .input-check:checked + .icon-obi-check {
	background-position: -386px -3px;
}

.profile-share {
	background: #ebedef;
	margin: 15px -32px 0;
	padding: 10px 4%;
	display: none;
	border-top: 1px solid #dadee1;
	border-bottom: 1px solid #dadee1;
	font-size: 0;
}
.profile-share li {
	display: inline-block;
	color: #343e5c;
	margin-right: 2%;
	width: 31%;
	border: 1px solid #dadee1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.profile-share li:last-child {
	margin-right: 0;
}
.profile-share li a {
	font-size: 14px;
	background: #fff;
	width: 100%;
	display: block;
	padding: 10px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}
.edit-profile .profile-share {
	display: block;
	width: 100%;
	margin:0;
	text-align: center;
}
.edit-profile .edit-btn,
.edit-profile .custom-edit-btn {
 padding: 13px 14px 14px;
 }
 .edit-profile .edit-btn .icon-edit,
 .edit-profile .custom-edit-btn .icon-edit
{
 background-position: -259px -82px;
 width: 13px;
 height: 13px;
 }
/*===============================================================profile mates=========================*/
.profile-main-content .search-block {
	padding-top: 34px;
}
.profile-main-content .search-list  .searh-item {
	max-width: 343px;
	width: 100%;
	float: left;
	margin-right: 4.7%;
}
.profile-main-content .search-list .searh-item:nth-child(2n) {
	margin-right: 0;
}
.profile-main-content .search-list  .searh-item .search-link {
	max-width: 100%;
}
/*=====================================================recent activity side bar==========================*/
.recent-activity {
	padding: 0 3.0% 20px 3.5%;
}
.recent-act-wrap {
	padding: 0 0 0 18px; /*DD 25/9/16*/
}
.recent-act-wrap .recent-item {
	padding: 23px 2%;
	border-bottom: 1px solid #f2f3f8;
}
.recent-act-wrap .recent-item figure {
	text-align: center;
	margin-bottom: 20px;
}
.recent-act-wrap .recent-item figure .recent-img {
	border-radius: 10px;
	width: 100%;
}
.recent-act-wrap .recent-item h6 {
	text-transform: none;
	color: #1c1e23;
	margin-bottom: 6px;
}
.recent-act-wrap .recent-item a {
	color: #1c1e23;
	display: inline-block;
	line-height: 20px;
}
.recent-act-wrap .recent-item span {
	display: block;
	color: #a1a7bd;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	line-height: 14px;
}

.edit-profile .search-item .icon-arrow-left {
	background-position: -120px -75px;
	width: 30px;

	height: 30px;
	right: 20px;
}
/*================================================profile lists==================================== */
.profile-list-wrap {
	padding-top: 27px;
}

.list-list-wrap {
	padding: 20px 20px 0;
	width: 768px;
	margin: 0 auto;
}
.aside .list-list-wrap {
	width: 275px;
	height: 265px;
	/*overflow: auto;*/
	white-space: nowrap;
	padding: 20px 0 0;
	margin: 0;
}


.profile-list-item {
	max-width: 230px;
	border-radius: 10px;
	box-shadow: 0px 1px 5px #d4dae1;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
	margin: 0 0.8% 20px;
}

.library-list-item {
	max-width: 228px;
	border-radius: 3px;
	float: none;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0px 1px 5px #d4dae1;
}

.aside .profile-list-item {
	float: none;
	display: inline-block;
	margin: 0 6% 20px;
}
.profile-img-wrap,
.library-img-wrap
{
	position: relative;
	overflow: hidden;
}
.profile-img-wrap li {
	float: left;
	margin-right: 3px;
	width: 49.2%;
	margin-bottom: 3px;
	min-height: 78px;
	height: 78px;
	overflow: hidden;
}

.library-img-wrap li {
	width: 74px;
	margin-right: 3px;
	margin-bottom: 3px;
	min-height: 74px;
	height: 74px;
	overflow: hidden;
	float: left;
}

.library-img-wrap  li:nth-child(3n) {
	margin-right: 0;

}
.library-img-wrap  li:nth-child(7),
.library-img-wrap  li:nth-child(8),
.library-img-wrap  li:nth-child(9) 
{
	margin-bottom: 0;

}

.profile-img-wrap li:nth-child(3),
.profile-img-wrap li:nth-child(4) 
{
	margin-bottom: 0;
}

.profile-img-wrap li:nth-child(2n) {
	margin-right: 0;
	float: right;
}

.profile-img-wrap li img,
.library-img-wrap li img
{
	width: 100%;
	height: auto%;
	display: block;
	position: relative;
	top: -16px;
}

.library-img-wrap li img {
	top: 0;
	height: 100%;
}


.profile-list-info {
	padding: 10px 7% 13px;
}
.profile-list-info strong {
	font-size: 15px;
	color: #2b2e35;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	float: left;
	width: 70%;
	height: 21px;
	overflow: hidden;
}
.profile-list-info span {
	font-size: 14px;
	color: #8a97a9;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/*float: right;*/
}
.profile-list-info span.list-time {
	float: right;
}

.photo-library-preview .profile-list-info {
	text-align: center;
}

.profile-list-info a strong{
	color: #B31A00;
	float: none;
}

.icon-watch {
	background-position: -56px -82px;
	width: 18px;
	height: 18px;
}

.edit-profile .profile-list-wrap .profile-item:hover .profile-img-wrap:after {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	content: "";
	left: 0;
	top: 0;
}

/*===================================================profile sip=============================================*/
.sip-list-wrap {
	padding: 27px 10px 0;
	width: 745px;
	margin: 0 auto;
}

.profile-sip-wrap {
	padding-top: 27px;
}
.profile-sip-item {
	max-width: 350px;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 2px 5px #e9eaeb;
	float: left;
	margin-bottom: 21px;
	margin-right: 2.8%;
}
.profile-sip-item:nth-child(2n) {
	margin-right: 0;
}
.sip-image-wrap {
	position: relative;
}
.sip-image-wrap .main-img {
	width: 350px; /*was 100%*/
	height: 200px; 
	/*opacity: 0.5 DD 16/8/17*/
}
.sip-link-restrict {
	height: 200px;
	display: block;
	position: relative;
	background: #666;
}

.sip-icon {
	left: 14px;
	position: absolute;
	top: 15px;
	/* Now defined by adding 'profile-pic' to the image*/
	/*border-radius: 50%;*/
}
.sip-item-no {
	position: absolute;
	color: #fff; /*was d9d9d9*/
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	left: 50%;
	top: 38%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-shadow: 0px 2px 1px #000;
}

.sip-name {
	position: absolute;
	color: #fff;
	font-weight: 700;
	left: 50%;
	top: 42%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-shadow: 0px 2px 1px #000;
}

.sip-name strong {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}

.sip-time-stamp {
	position: absolute;
	color: #cfcfcf;
	font-weight: 700;
	left: 50%;
	top: 49%;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-shadow: 0px 2px 1px #000;
}

.progress-wrap {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 100%;
	padding: 0 3% 0 4.3%;
	margin-bottom: 10px;
	background: rgba(0,0,0,0.5); /*DD 16/8/17*//*And its back with a shadow 15/9/17*/
}
.progress-bar{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.progress-bar.progress-low {
	background: #d50000;
}
.progress-bar.progress-medium {
	background: #ecd31c;
}
.progress-bar.progress-high {
	background: #0095f4;
}
.profile-progress {
	height: 7px;
	background: rgba(255,255,255,0.4);
	margin-bottom: 0;
}
.progress-content {
	margin-right: 5%;
	width: 66%;
	float: left;
}
.profile-progress .progress-bar {
	background: #fff;
	border-radius: 5px;
}
.sip-view-wrap {
	float: left;
	width: 29%;
	padding-left: 1.5%;
	padding-top: 10px;
}
.view-sip {
	font-size: 14px;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	margin-right: 9px;
}
.share-sip {
	font-size: 14px;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
}
.icon-view {
	background-position: -152px -44px;
	width: 13px;
	height: 12px;
	margin-right: 6px;
	margin-top: 3px;
}
.icon-share {
	background-position: -248px -47px;
	width: 13px;
	height: 14px;
	margin-right: 8px;
	margin-top: 3px;
}
.sip-info {
	background: #fff;
	padding: 4px 1% 5px;
	position: relative;
}
.sip-info strong {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #343e5c;
	line-height: 1.3;
}
.sip-info span {
	text-align: center;
	display: block;
	font-family: 'proximasansregular';
	font-size: 14px;
	color: #818da7;
}
.slide-no {
	font-size: 14px;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
}
.edit-profile .profile-sip-wrap .profile-item:hover .sip-image-wrap:after {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	content: "";
	left: 0;
	top: 0;
}

.share-menu {
	position: absolute;
	top: 46px;
	right: 8px;
	width: 140px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	z-index: 1;
}

.share-menu a {
	display: block;
	width: 110px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 12px auto;
	color: #2d2d2d;
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
}



/*========================================profile list mansory==================================== */

.profile-masonary .profile-heading {
	border-bottom: 1px solid #eeeeee;
	letter-spacing: 1px;
	padding-bottom: 17px;
	padding-left: 1.1%;
	padding-top: 25px;
	margin-bottom: 20px;
	margin-bottom: 44px;
}
.profile-masonary {
	min-height: 1035px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 10px 10px;
	padding: 0 32px;
	position: relative;
}
.profile-masonary .absolute-plus {
	right: 108px;
	top: -33px;
}

.full-spread .profile-grid {
	padding-top: 20px;
	left: 42px;
	width: 93%;
}
.profile-grid-item {
	max-width: 240px;
	float: left;
	border: 1px solid #dfdfe0;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 2px 5px #e9eaeb;
	background: #fff;
	position: relative;
	margin: 0 10px 20px;
	/*cursor: pointer;*/
}

.profile-grid-info {
	border-bottom: 1px solid #e7e7e7;
	padding: 11px 5.9%;
}
.profile-grid-info strong {
	display: block;
	color: #3c4350;
	font-size: 15px;
	display: block;
	margin-bottom: 3px;
}
/* KW: ruining listing page */
/*.profile-grid-info span {
	display: block;
}*/
.star-check-label {
	position: absolute;
	right: 18px;
	top: 8px;
	cursor: pointer;
}
.star-check-label .input-check {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.icon-star-check {
	background-position: -211px -111px;
	width: 42px;
	height: 42px;
}
.star-check-label .input-check:checked + .icon-star-check {
	background-position: -154px -111px;
}
.btn-action-like.active .icon-star-check,
.icon-star-check.active {
    background-position: -154px -111px;
    width: 44px;
    height: 44px;
}

.icon-white-star {
	background-position: -305px -125px;
	width: 14px;
	height: 12px;
	vertical-align: middle;
	margin-right: 4px;
}
.icon-comment {
	background-position: -275px -125px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 2px;
}
.white-star-link {
	color: #8a97a9;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin-right: 7%;
}
.comment-link {
	color: #8a97a9;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.profile-grid-name {
	padding: 8px 5.9%;
	display: block;
}
.profile-grid-name img {
	margin-right: 4%;
}
.profile-grid-name strong {
	font-size: 14px;
	color: #3c4350;
	font-weight: 400;
}

/*===========================================profile form ======================================*/
.banner-overlay {
	position: relative;
}
.banner-overlay:after {
	content: "";
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.camera-icon {
	position: absolute;
	left: 80%;
	top: 50%;
	/*-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 4;*/
}

.profile-pic .camera-icon {
	left: 40%;
	top: 20%;
}

.bunker-pic .camera-icon {
	left: 32%;
	top: 28%;
}
.banner-overlay .profile-pic:after {
	content: "";
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.profile-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 5;
	cursor: pointer;
}
.change-background-wrap {
	position: relative;
	float: right;
	width: 53%;
	/*z-index: 1;*/
	margin-top: 40px;
}
.change-background {
	text-align: center;
}
.change-background img {
	margin-bottom: 10px;
}
.change-background figcaption {
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.change-background-wrap .change-bg-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.profile-form  .form-group {

	margin-bottom: 14px;
}
.profile-form   .control-label {
	float: left;
	font-size: 16px;
	color: #171616;
	font-family: 'montserratlight';
	font-weight: 400;
	margin-top: -4px;
}
.profile-form   .input-profile-wrap {
	max-width: 255px;
	float: right;
	width: 100%;
}
.profile-form   .textarea-profile-wrap {
	max-width: 500px;
	float: right;
	width: 100%;
}
.profile-form    .form-control {
	background: #f5f8fa;
	color: #3d3d3d;
	font-size: 14px;
	border: 1px solid #e1e3ea;
	box-shadow: none;
	padding: 6px 20px;
	height: 42px;
}
.profile-form   .textarea-profile-wrap  .form-control {
	min-height: 106px;
}
.profile-form .profile-btn-wrap {
	text-align: center;
	border-top: 1px solid #e1e3ea;
	margin: 33px -32px 0;
	padding: 30px 0;
}
.profile-content .profile-form .profile-btn-wrap button.btn {
	min-height: 40px;
	min-width: 180px;
}
.profile-form-content {
	padding: 35px 0.6% 0 0.7%;
}
.has-error .form-control:focus {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 18px rgba(173,178,199,.62);
	-moz-box-shadow: 0px 5px 18px rgba(173,178,199,.62);
	box-shadow: 0px 5px 18px rgba(173,178,199,.62);
}

.reposition-wrap {
	position: relative;
}
.reposition-wrap .main-wrapper-content {
	border-radius: 0;
}
.reposition-content {
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	/*position: absolute;
	top: -66px;
	left: 0; dd 15/9/16*/
	padding: 12px 3% 15px 18.2%;
	background: rgba(0,0,0,0.4);
	margin-top: -44px; /*dd 15/9/16*/
}
.reposition-heading {
	float: left;
	color: #ffffff;
	font-size: 24px;
	display: inline-block;
	margin-right: 4.1%;
	margin-top: 5px;
}
.slider-wrap {
	float: left;
	width: 300px;
	margin-top: 17px;
	margin-right: 4.3%;
}
.icon-slider-active {

}
.icon-slider-left {
	background-position: -454px -334px;
	width: 15px;
	height: 15px;
}
.icon-slider-right {
	background-position: -457px -363px;
	width: 20px;
	height: 20px;
}
.slider-wrap  .icon-slider-left {
	float: left;
	margin-right: 15px;
	margin-top: -3px;
}
.slider-wrap #slider {
	float: left;
	width: 222px;
	margin-right: 13px;
}
.slider-wrap .ui-slider-horizontal {
	height: 5px;
}
.slider-wrap  .icon-slider-right {
	float: left;
	margin-top: -3px;
}
.repostion-btn-wrap {
	float: left;
}
.repostion-btn-wrap .white-btn {
	float: left;
	margin-right: 6px;
}

.slider-wrap .ui-state-default {
	background: url('../images/sprite-blue.png');
	background-position: -454px -395px;
	width: 26px;
	height: 25px;
	border: 0;
	margin-left: 0;
	top: -11px;
}
button.login-btn.white-btn {
	background: #0d060c;
	color: #fff;
	border: 1px solid #fff;
	min-width: 122px;
	margin-top: 7px;
}
button.login-btn.white-btn:hover {
	background: #fff;
	color: #0d060c;
}
/*==========================================profile default=======================================*/
.icon-camera {
	/*background-position: -396px -446px;*/
	background-position:  -647px -122px;
	width: 40px;
	height: 35px;
}
.profile-default {
	background: url('../images/profile/banner-default.jpg');
	background-size: cover;
}
.profile-default .my-profile-wrap {
	position: relative;
}

.profile-default .icon-camera {
	position: absolute;
	right: 10px;
	top: 0;
	opacity: 0.6;
}

.profile-default .my-profile-wrap .nav-tabs > li > a.btn {
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}
.profile-blog-content {

}
.profile-blog-content .hd-first-block .full-width {
	margin-bottom: 7px;
}
.profile-blog-content .width-3 {
	width: 47.3%;
	position: relative;
}
.profile-blog-content .full-width {
	overflow: hidden;
}
.profile-blog-content .full-width .width-3:after {
	background: #ffffff none repeat scroll 0 0;
	content: "";

	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
}
.profile-blog-content .width-4 {
	width: 51.5%;
}
.profile-blog-content .second-block {
	position: relative;
}
.profile-blog-content .second-block .more-images {
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	font-weight: 600;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	box-shadow: 0px 0px 30px rgb(0,0,0);
	display: inline-block;
	border-radius: 50%;
}
.profile-blog-content .second-block .more-images:before {

	content: "+";
	position: absolute;
	left: -20px;
	top: 0;
	z-index: 1;
}
/*====================================================profile user view===================*/
.icon-profile-msg {
	background-position: -326px -437px;
	cursor: pointer;
	height: 44px;
	position: absolute;
	left: -17px;
	top: -8px;
	width: 44px;
}
/*====================================================profile post===================*/
.profile-post-section.headquarter .comment-media {
	padding: 53px 68px 0 75px;
}

.cb-invite-popup {
	max-width: 868px;
	position: relative;
	width: 100%;
	margin: 5px auto 0;
	border-radius: 15px;
	background: #fff;
	overflow: visible; /*dd 30/8/16 was hidden*/
	border-radius: 10px;
}

.cb-sip-fitness.cb-invite-popup { /*dd 31/8/16*/
	overflow: hidden;
}


.popup-overflow-visible .cb-invite-popup, .popup-overflow-visible.cb-invite-popup {
	overflow: visible;
}

.cb-left-column {
	float: left;
	background: #f0f2f7;
	border-right: 1px solid #e1e3e8;
	width: 40%;
	min-height: 200px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	overflow: hidden;
}
.cb-right-column {
	float: right;
	width: 60%;
}
.cb-invite-popup .icon-close {
	position: absolute;
	right: 33px;
	top: 26px;
}

/*DD 17/10/16*/

.cb-invite-popup .icon-close.privacy-close {
	position: unset;
	margin-top: 22px;
	width: 22px;
}

.cr-privacy-info-wrap.cr-button-wrap {
	width: 93%;
}

.mt-82 {
	/*margin-top: 82px;*/
}

.po-popup-wrap {
	max-width: 868px;
	width: 100%;
	margin: 0 auto;
}
.po-visible {
	overflow: visible;
	display: inline-block;
}
.po-popup-wrap-arrow:before {
	position: absolute;
	left: 55px;
	top: -25px;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
	content: "";
	z-index: 1000;
}
/* KW: TESTING */
.po-popup-heading {
	/*overflow: hidden;
	padding: 24px 44px 50px;*/
	position: relative;
	max-width: 868px;
	margin: 0 auto;
	padding: 24px 48px 16px;
}
/* KW: TESTING */
.po-popup-heading .create-post-content-close {
	right: 47px;
	top: 38px;
}
.po-people-list {
	float: left;
	overflow: hidden;
	padding-left: 14px;
	padding-top: 10px;
}
.po-people-list strong {
	color: #ffffff;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
}
.po-people-list span {
	color: #ffffff;
	display: block;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
}
.po-list-block-pic img {
	border-radius: 10px;
}
.po-list-block-pic {
	float: left;
}
.web-flow-popup {
	opacity: 1;
	display: block;
	background: rgba(33,45,60,0.95);
	position: absolute; /*djd 29/8/16 */ 
}
.web-flow-content .web-flow-over {
	padding: 0;
}
.web-flow-content {
	max-width: 1050px;
	width: 100%;
	margin: 0 auto; /*was 10 auto 0*/
	padding: 0;/*was 12 12 0*/
}
.web-flow-content .page-tab {
	padding-right: 50px;
}
.web-flow-content .nav-tabs > li > a.btn {
	min-width: 147px;
	position: relative;
}
.web-flow-content .nav-tabs > li > a.btn:hover {
	background: #fff !important;
}
.tab-tablink-icons i {
	background: url(../images/sprite-blue.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
	left: 23px;
}
.tab-tablink-icons i.tab-list-icon {
	background-position: -152px -244px;
}

.tab-tablink-icons i.tab-sips-icon {
	background-position: -232px -246px;
}
.tab-tablink-icons i.tab-item-icon {
	background-position: -273px -245px;
}
.tab-tablink-icons i.tab-bunker-icon {
	background-position: -310px -247px;
}
.tab-tablink-icons i.tab-post-icon {
	background-position: -351px -246px;
}

.tab-tablink-icons a.btn:hover i.tab-list-icon {
	background-position: -192px -323px;
}

.tab-tablink-icons a.btn:hover i.tab-sips-icon {
	background-position: -232px -285px;
}
.tab-tablink-icons a.btn:hover i.tab-item-icon {
	background-position: -273px -285px;
}
.tab-tablink-icons a.btn:hover i.tab-bunker-icon {
	background-position: -310px -285px;
}
.tab-tablink-icons a.btn:hover i.tab-post-icon {
	background-position: -351px -285px;
}
/*popup tab End*/
.cr-round-close {
	background: url(../images/sprite-blue.png);
	height: 42px;
	width: 44px;
	background-position: -550px 0;
	display: block;
	position: absolute;
	right: 18px;
	top: 50px;
}
.po-side-wrap {
	padding: 38px;
}
.po-title-text {
	color: #4b4c51;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}
.po-field, .po-textarea {
	background: #f0f2f7;
	border: 1px solid #e1e3ea;
	border-radius: 4px;
	height: 40px;
	width: 100%;
	padding: 10px 17px;
	display: block;
}
.po-field {
	margin-bottom: 30px;
}
.po-editor-wrap {
	border: 1px solid #e1e3ea;
	border-radius: 4px;
}
#create-post-wi-panel {
    border-bottom: 1px solid #C2C2C2;
}
.po-textarea {
	height: 150px;
	border: none;
	border-radius: 0;
	resize: none;
	display: block;
}
.po-editor-panel {
	overflow: hidden;
}
.po-editor-panel li {
	float: left;
}
.po-editor-panel li:last-child {
	float: right;
}
.po-editor-panel li a {
	padding: 20px 5px 12px 5px;
	display: block;
	width: 44px;
}
.po-editor-panel li.text-center-align-style a {
	padding-left: 0;
	padding-right: 0;
}
.po-editor-panel li.text-ling-style a {

	padding-right: 0;
}
.po-editor-panel li.text-tag-style a {
	padding-left: 0;
}
.po-editor-panel li i {
	width: 21px;
	height: 16px;
	display: block;
	margin: 0 auto;
	background: url(../images/sprite-blue.png) 0 0 no-repeat;
}
.po-editor-panel li.text-bold-style i {
	background-position: -516px -81px;
}
.po-editor-panel li.text-italic-style i {
	background-position: -551px -81px;
}
.po-editor-panel li.text-underline-style i {
	background-position: -583px -81px;
}
.po-editor-panel li.text-right-align-style i {
	background-position: -631px -81px;
}
.po-editor-panel li.text-center-align-style i {
	background-position: -665px -81px;
}
.po-editor-panel li.text-left-align-style i {
	background-position: -699px -81px;
}
.po-editor-panel li.text-link-style i {
	background-position: -749px -81px;
}
.po-editor-panel li.text-tag-style i {
	background-position: -780px -81px;
}
.po-editor-panel li.text-more-style i {
	background-position: -805px -81px;
}
.po-editor-panel li.active i {
	background-position-y: -56px;
}
.bg-scroll .mCSB_scrollTools, .bg-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #f0f2f7;
	border: none;
	background: none;
}
.bg-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #ccced8;
}
.bg-scroll .obi-checkbox-content {
	background: #f0f2f7;
}
.cr-button-wrap {
	position: relative;
}
.po-clock-link {
	width: 255px;
	position: absolute;
	bottom: 47px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-radius: 5px;
	z-index: 1; /*added dd 31/8/16*/
}
.po-clock-link .post-popover {
	padding: 0;
}
.po-clock-link .popover-inner {
	background: #f0f2f7;
	border-top: #dcdcdc;
	padding: 23px 23px 23px 54px;
	border-radius: 0 0 5px 5px;
}
.po-title-block {
	color: #343e5c;
	font-size: 16px;
	font-family: 'montserratbold';
	padding: 20px 10px;
	text-align: center;
	text-transform: uppercase;
}
.po-clock-link .popover-inner li {
	border: none;
	padding: 0 0 20px;
	position: relative;
}
.po-clock-link .popover-inner li:before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: -28px;
}
.po-clock-link .popover-inner li.po-everyone:before {
	background: #c1c3c8;
}
.po-clock-link .popover-inner li.po-friends:before {
	background: #caa3a3;
}
.po-clock-link .popover-inner li.po-friends-to:before {
	background: #894747;
}
.po-clock-link .popover-inner li.po-just-me:before {
	background: #a20800;
}
.po-clock-link .popover-inner li:last-child {
	padding-bottom: 0;
}
.po-clock-info {
	height: 27px;
	position: absolute;
	right: 0;
	top: 39px;
	width: 23px;
}

.privpop .po-clock-info {
	right: 43px;
} /*dd 30/8/16*/

.po-clock-link .post-popover:after {
	border-color: #f0f2f7 transparent transparent;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.icon-po-camara {
	background: url("../images/sprite-blue.png") repeat scroll -649px -124px;
	display: block;
	width: 32px;
	height: 27px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.po-relative {
	position: relative;
}
.po-bg {
	background: #f0f2f7;
}
/*button.po-add-device*/ /*kw 16/09/2016*/
.po-add-device
 {
	position: absolute;
	right: 47px;
	top: 32px;
	background: #f0f2f7;
	border: 1px solid #c7c9ce;
	color: #4a4b4f;
}
.po-box-heading {
	text-transform: uppercase;
}

.mt-82 {
	/*margin-top: 82px !important;*/
}
/*======create-list-pop-up=======*/
.cr-create-list {
	max-width: 878px;
	margin: 0 auto;
	background: red;
	min-height: 556px;
}
.cr-list-wrap {
	padding: 159px 220px;
}
.cr-bp-label {
	text-align: center;
	margin-bottom: 61px;
	font-size: 18px;
	color: #343e5c;
}
.cr-input {
	background: #eff0f4 none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	box-shadow: none;
	color: rgba(58,64,91,0.35);
	font-weight: 400;
	font-size: 14px;
	height: 42px;
	padding-left: 17px;
	width: 100%; /*DD 27/9/16*/
}
.cr-single-footer {
	display: block;
}
.cr-button-wrap {
	text-align: center;
	padding: 35px 0;
	position: relative;
}
.cr-lock {
	background: url(../images/sprite-blue.png);
	height: 27px;
	width: 23px;
	background-position: -503px 0;
	display: block;
	position: absolute;
	right: 43px;
	top: 39px;
}
.cr-lock-r {
	right: 0;
	top: 0;
}
.cr-dis-blk {
	display: block;
}
.cr-border-radius {
	border-radius: 0px !important;
}
/*======create-assign--sip-pop-up=======*/
.cr-transparent-bg {
	background: transparent;
}
.cr-find-bunker {
	font-size: 15.71px;
	color: #fff;
}
.cr-find-bunker:-ms-placeholder {
	font-size: 15.71px;
	color: #fff;
	opacity: 1;
}
.cr-find-bunker:-ms-input-placeholder {
	font-size: 15.71px;
	color: #fff;
	opacity: 1;
}
.cr-find-bunker:-webkit-input-placeholder {
	font-size: 15.71px;
	color: #fff;
	opacity: 1;
}
.cr-find-bunker::-webkit-input-placeholder {
	font-size: 15.71px;
	color: #fff;
	opacity: 1;
}
.cr-search-submit {
	left: 87px;
}
.cr-search-form {
	width: 38%;
	padding-left: 127px;
	position: absolute;
	right: 120px;
	top: 10px;
}
.cr-assign-wrap {
	width: 45%;
	border: none;
	padding: 19px 0 0 0;
	min-height: 121px;
}
.cr-find-bunker-wrap {
	width: 55%;
}
.cr-assign-sip {
	font-family: 'montserratlight';
}
.cr-round-close {
	background: url(../images/sprite-blue.png);
	height: 42px;
	width: 44px;
	background-position: -551px 0;
	display: block;
	position: absolute;
	right: 49px;
	top: 16px;
	cursor: pointer;
}
.compose-msg-wrapper  .cr-filter-head {
	padding: 0 0 0 17px;
	background: #36404e;
	border-bottom: none;
}
.compose-msg-wrapper  .cr-filter-head span {
	color: #dcdcdc;
}
.compose-msg-wrapper .cr-check-box-wrap input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -286px -6px;
}
.airplane-crash {
	font-size: 24px;
	color: #9da1a7;
	margin-bottom: 16px;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
}
.cr-progress-wrap {
	position: static;
	float: left;
	width: 47%;
}
.sip-image-wrap .cr-main-img {
	float: left;
	width: auto;
}
.compose-msg-wrapper .cr-ps-filter-content li {
	padding-left: 9px;
}
.cr-progress-content {
	width: 100%;
	position: relative;
}
.cr-profile-item {
	max-width: none;
	width: 88%;
	box-shadow: none;
}
.cr-slide-no {
	position: absolute;
	right: 0;
	top: 8px;
	color: #d0d0d0;
	font-size: 14px;
}
.cr-sip-popup {
	max-width: 1026px;
}

.po-people-list .cr-post-head {
	font-size: 24px;
	color: #9da1a7;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
.po-people-list  .cr-post-subtext {
	font-size: 18px;
	color: #9da1a7;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
.cr-po-popup-heading {
	padding: 24px 19px 25px;
}
.cr-grey-bg {
	background: #f0f2f7;
}
.cr-po-popup-wrap {
	margin-top: 80px;
}
.cr-privacy-wrap {
	height: 8px;
	max-width: 90%;
	background: #f0f2f7;
}
.cr-privacy-info-wrap {
	padding: 2px 0 25px 35px;
	position: relative;
}
.cr-privacy-info-wrap h2 {
	font-size: 18px;
	padding: 15px 0 16px;
}

.po-side-wrap .create-flow-privacy {
	padding-top: 12px;
}
.cr-privacy-info-wrap .icon-close {
	right: -50px;
	top: -8px;
}
.cr-round-icon {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #b11c10;
	display: block;
	position: absolute;
	left: 0%;
	top: -3px;
	/*top: 49px;*/
	cursor: pointer;
	margin-left: -0.4em;
}
.cr-round-icon.cr-brown {
	background: #884748;
	left: 33%;
}
.cr-round-icon.cr-pink {
	background: #c9a3a3;
	left: 66.667%;
}
.cr-round-icon.cr-grey {
	background: #c1c3c8;
	left: 100%;
}
.cr-privacy-block {
	width: 133px;
	position: absolute;
	top: 18px;
	left: -68px;
	/*box-shadow: 0 4px 8px 5px rgba(0, 0, 0, 0.2);*/
	display: block;
	z-index: 9;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	text-align: center;
}
/*.cr-privacy-block:after {
	border-color: #f0f2f7 transparent transparent;
	border-style: solid;
	border-width: 10px;
	bottom: -17px;
	content: "";
	position: absolute;
	right: 55px;
}*/
.cr-privacy-title {
	font-size: 10px;
	color: #4b4c51;
	text-transform: uppercase;
	padding: 11px;
	border: 1px solid #e9e9e9;
	background: #fff;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight: 600;
}
.cr-block-subinfo {
	padding: 4px 8px;
	background: none;
	display: block;
	font-size: 10px;
	font-weight: 600;
	color: #4b4c51;
	text-transform: uppercase;
	/*-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;*/
}
.cr-privacy-content-wrap.cr-brown-wrap .cr-privacy-block {
	left: 33%;
	margin-left: -69px;
}
.cr-privacy-content-wrap.cr-pink-wrap .cr-privacy-block {
	left: 66%;
	margin-left: -66px;
	
}
.cr-privacy-content-wrap.cr-grey-wrap .cr-privacy-block {
	left: 100%;
	margin-left: -69px;
	
}

.cr-privacy-content-wrap .cr-privacy-block.point-slider {
	display: block;
}

.cr-po-bg {
	padding-left: 0;
}
#mCSB_1_container {
	margin-right: 0 !important;
}
.cr-obi-form li {
	width: 112px;
	height: 102px;
}
.cr-edit-text {
	font-size: 18px;
	color: #b31a00;
	text-transform: capitalize;
	position: absolute;
	right: 16px;
	top: 20px;
}
.obi-edit-menu {
	padding: 20px;
	text-align: center;
}
a.obi-action-btn {
	background: #b31a00;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	border: none;
	border: 1px solid #b31a00;
	display: inline-block;
}
.cr-edit-delete-wrap {
	padding: 20px;
	position: relative;
}

.po-add-device.cr-media-button {
	top: auto;
	left: 76px;
	bottom: 138px;
}
.cr-close-media-btn, .cr-back-media-btn, .cr-drag-icon, .cr-delete-button {
	background: url("../images/sprite-blue.png") no-repeat;
	height: 20px;
	width: 20px;
	background-position: -835px 0px;
	display: block;
	position: absolute;
	left: 30px;
}
.cr-back-media-btn {
	background-position: -869px 0px;
}
.cr-drag-icon {
	background-position: -782px 0px;
	height: 25px;
	width: 25px;
	left: 44px;
}
.po-add-device.cr-button-item {
	position: static;
	min-width: 149px;
	border-radius: 5px;
}
.cr-button-wrap li {
	float: left;
	width: 50%;
}
.po-add-device.cr-button-item:hover {
	border-color: #b31a00;
	background: #f6ecee;
}
.cr-edit-delete {
	font-size: 16px;
	color: #b31a00;
	display: inlin-block;
	font-family: 'montserratlight';
	position: absolute;
	left: 15px;
}

.cr-edit-add {
	font-size: 16px;
	color: #010101;
	display: inlin-block;
	font-family: 'montserratlight';
	position: absolute;
	right: 15px;
	top: 0px;
}
.cr-media-img {
	width: 100%;
}
.cr-media-img-wrap {
	position: relative;
}
.cr-media-img-wrap:after, .cr-media-img-wrap:before {
	position: absolute;
	height: 117px;
	background: rgba(0,0,0,0.3);
	left: 0;
	top: 0;
	width: 100%;
	content: '';
}
.cr-media-img-wrap:before {
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
}
.cr-drag-text {
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	display: block;
	top: 47px;
	text-transform: uppercase;
	z-index: 9;
}
.cr-left-wrap {
	width: 47%;
}
.cr-right-wrap {
	width: 53%;
}
.cr-right-wrap .po-side-wrap {
	background: #f0f2f7;
}
.cr-edit-list-head {
	padding: 28px 0px 25px 45px;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.cr-right-wrap .po-field, .cr-right-wrap .po-textarea {
	background: #e6e9f1;
}
.cr-delete-button {
	background-position: -522px -259px;
	width: 19px;
	height: 26px;
	left: auto;
	right: 21px;
	top: 31px;
}
.cr-computer-library {
	padding: 15px 15px;
	min-height: 544px;
}
.cr-computer-library button {
	width: 100%;
	max-width: inherit;
	background: #f5f7fb;
}
.cr-computer-library li {
	margin-bottom: 15px;
}
.cr-margin-top {
	margin-top: 141px;
}
.cr-button-wrap .cr-privacy-data-wrap li {
	float: none;
	width: 100%;
}
.compose-msg-wrapper .ps-filter-content ul.common-error-post {
	padding: 0;
}
.ps-filter-content .common-error-post  li {
	padding: 0;
	border-bottom: 0;
}
.ps-filter-content .common-error-post  li a {
	text-decoration: none;
}

.ai-item h4 {
	font-family: 'montserratregular';
	font-size: 20px;
	color: #3c4350;
	text-transform: capitalize;
	text-align: center;
	padding: 0 0 30px;
	border-bottom: 2px solid #e1e3e8;
}
.cb-sip-fitness  .ai-left-column.cb-left-column {
	padding: 30px 0;
}
.ai-list {
	padding-left: 12px;
	text-align: left;
	height: 466px;
	padding-top: 4px;
}
.ai-list li {
	padding: 16px 0 16px 16px;
	position: relative;
	border-bottom: 1px solid #e1e3e8;
}
/* KW */
/*.ai-list li:after {
	position: absolute;
	content: "";
	width: 7px;
	height: 12px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/sprite.png") no-repeat;
	background-position: -602px -134px;
}*/
.ai-list .ai-fig img {
	width: 46px;
}
.ai-link {
	display: block;
	font-size: 0;
}
.ai-fig {
	display: inline-block;
	vertical-align: middle;
	width: 46px;
	margin-right: 26px;
}
.cb-sip-fitness .cb-left-column .ai-fig img {
	margin: 0;
}
.ai-caption {
	display: inline-block;
	vertical-align: middle;
	width: 142px;
}
.ai-price {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
}

.ai-heading {
	font-family: 'montserratregular';
	font-size: 16px;
	color: #3a405b;
	display: block;
	margin: 0 0 10px;
}
.ai-text {
	font-size: 14px;
	color: #b9bed1;
	text-transform: capitalize;
}
.ai-add, .ai-remove {
	display: inline-block;
	vertical-align: middle;
	font-family: 'montserratregular';
	font-size: 14px;
	color: #9da1a7;
	width: 60px;
	border-radius: 20px;
	border: 1px solid #d6d5e1;
	background: #fff;
	text-align: center;
	height: 27px;
	line-height: 25px;
}

.ai-list .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.ai-list  .mCSB_scrollTools {
	background: transparent;
	border: none;
}
.ai-list .mCSB_scrollTools {
	width: 14px;
}
.ai-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
	background: #ccced8;
}
.ai-list .mCustomScrollBox {
	padding-right: 22px;
}
.inventory-head.ai-item {
	padding: 30px 0 0;
	position: relative;
}
.icon-ai-prev {
	position: absolute;
	left: 30px;
	width: 14px;
	height: 23px;
	background-position: -513px -129px;
}
.inventory-content {
	padding: 25px 30px 0;
}
.inventory-fig {
	position: relative;
	height: 300px;
	overflow: hidden;
}
.inventory-fig img {
	/*width: 100%;*/
	height: 100%;
	display: inline-block;
	margin: 0 auto;
}
.add-item-btn {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	border: 2px solid #ffffff;
	border-radius: 25px;
	width: 152px;
	height: 46px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
}
.inventory-product h4 {
	text-align: left;
	padding: 0;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
	color: #3c4350;
}
.ai-product-type {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #9da1a7;
}
.inventory-product.ai-item {
	padding: 25px 0 30px;
	font-size: 0;
	border-bottom: 1px solid #f0f2f7;
}
.ai-btn {
	height: 39px;
	width: 39px;
	border-radius: 50%;
	border: 2px solid #c5cdd0;
	background: #e7e7e7;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 21px;
}
.ai-product-name, .ai-btn-wrap {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.ai-btn-wrap {
	text-align: right;
}
.ai-total-products {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 21px;
	color: #3c4350;
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	text-align: center;
	border: 0;
}
.ai-post-btn-wrap {
	padding: 28px 0 32px;
}
.ai-post-btn {
	width: 180px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	display: block;
	margin: 0 auto;
	font-family: 'montserratregular';
	font-size: 12px;
	text-transform: uppercase;
	background: #b31a00;
	color: #fff;
	border-radius: 25px;
	letter-spacing: 0.5px;
	font-weight: 400;
}
.ai-popup {
	background: #f0f2f7;
}
.ai-popup .cb-left-column {
	border-right: none;
}
.ai-popup .cb-right-column {
	border-left: 1px solid #e1e3e8;
	background: #fff;
}

.cg-content p {
	line-height: 24px;
}
.cb-sip-fitness.cg-content .cb-left-column {
	padding: 85px 4%;
}
.csg-form {
	padding-left: 17px;
	padding-right: 24px;
	margin-top: 13px;
	position: relative;
}
.csg-input {
	width: 100%;
	background: #f0f2f7;
	border-radius: 20px;
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #485069;
	height: 43px;
	line-height: 43px;
	padding-left: 55px;
}
.tone-text .spinner-number {
	float: none;
	margin-left: 0;
	width: 100%;
	border-radius: 25px;
}
.tone-text .spinner-btn {
	width: 50px;
}
.tone-text .spinner-btn a {
	background: #ecedf1 none repeat scroll 0 0;
	font-size: 33px;
	height: 42px;
}
.tone-text .spinner-number .content-input {
	width: 136px;
	background: #fff;
	text-align: center;
}
.tone-text .spinner-btn {
	width: 45px;
}
.tone-text .spinner-btn a {
	background: #ecedf1 none repeat scroll 0 0;
	font-size: 33px;
	height: 42px;
}
.tone-spinner-wrap h4 {
	font-size: 12px;
	color: #4b4c51;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.tone-spinner-wrap {
	margin: 24px 0 23px;
}

.csg-btn {
	width: 16px;
	height: 16px;
	background: url("../images/sprite-blue.png") no-repeat;
	background-position: -515px -179px;
	display: block;
	position: absolute;
	top: 13px;
	left: 41px;
}
.csg-list {
	height: 338px;
}
.create-btn {
	background: #b31a00;
	font-size: 12px;
	margin-top: 9px;
	min-width: 170px;
	padding: 11px 20px;
}

/*KW START*/
.csg-list .ai-caption {
	width: 240px; /* KW 287*/
}

.csg-left {
	float: left;
	width: 70%;
}
.csg-right {
	float: left;
	width: 30%;
}
.ai-add-some {
	display: inline-block;
	height: 16px;
	width: 75%;
	margin: 12px 10px 10px; /*DD changed from 10px to all 22/10/16*/
	border-radius: 20px;
	border: 1px solid #D6D5E1;
	font-size: 16px;
	color: #485069;
	height: 43px;
	line-height: 43px;
	text-align: center;
}

.csg-right .ai-add-some {
	background: #b31a00;
    border: 1px solid #b31a00;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
	font-family: "Montserrat",sans-serif;
	letter-spacing: 1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.csg-right .ai-add-some:hover,
.csg-right .ai-add-some:focus,
.csg-right .ai-add-some:active
{
	background: #fff;
	color: #df2000;
}

.ai-list-empty {
 text-align: center;
 padding-top: 100px;
}
/* KW end */

.csg-btn-wrap {

	text-align: center;
	padding: 0 0 27px;
}
.icon-me-prev {
	width: 14px;
	height: 23px;
	background-position: -513px -129px;
	position: absolute;
	left: 24px;
	top: 0;
	cursor: pointer;
}

.me-popup .ai-item {
	position: relative;
}
.me-map-block-content {
	border-bottom: 1px solid #e1e3e8;
	background: #f7fafc;
}
.me-map-block-content .cb-map-miles {
	border-right: none;
}

.me-map-block-content .cb-map-miles strong {
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	color: #202228;
}
.me-map-block-content .icon-cb-car, .me-map-block-content .icon-cb-time, .me-map-block-content .cb-map-miles strong {
	display: inline-block;
	vertical-align: middle;
}
.me-map-block-content .icon-cb-car {
	background-position: -607px -463px;
	height: 19px;
}
.me-destination-block {
	padding: 12px 12px 114px 25px;
	border-bottom: 1px solid #f0f2f7;
	/*KW*/
	overflow: auto;
	height: 315px;
}
.me-form {
	/*background: #f7fafc;
	border: 1px solid #e7e7ea;
	border-radius: 10px; DD 29/7/17*/
	overflow: hidden;
}

.me-list li.route-leg {
	background: #f7fafc;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px 5px;
	margin: 0 0 12px;
	line-height: 24px;
}

.me-list li.route-wp {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 7px 5px;
	/*font-size: 0;*/
	position: relative;
	text-align: left;
	margin: 0 0 12px 13px;
	background: #f7fafc;
}
.me-list li.route-wp:last-child {
	/*border-bottom: none; DD 29/7/17*/
}

.me-list .route-leg .travel-meth a,
.me-list .route-leg .travel-options a
{
	width: 25px;
	height: 25px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.me-list .route-leg .travel-meth a:hover,
.me-list .route-leg .travel-options a:hover
{
	background-color: #ff0000;
}

.route-leg .travel-plain {
	background: url(../images/trans-plain.png) center center no-repeat;
}	

.route-leg .travel-boat {
	background: url(../images/trans-boat.png) center center no-repeat;
}	

.route-leg .travel-car {
	background: url(../images/trans-car.png) center center no-repeat;
}	

.route-leg .travel-bike {
	background: url(../images/trans-bike.png) center center no-repeat;
}	

.route-leg .travel-walk {
	background: url(../images/trans-walk.png) center center no-repeat;
}	

.me-list .route-leg .travel-options li {
	float: left;
	margin: 0 3px;
}

.me-list .route-leg .travel-options .travel-op-close {
	float: right;
    height: 25px;
    width: 25px;
	text-align: center;
	padding-top: 4px;
}

.me-list .route-wp .custom-combobox {
	float: left;
}

.me-list .convert-to-rally {
	height: 25px;
    width: 25px;
	background: url(../images/convert-rally-point.png) center center no-repeat;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.me-list .route-wp .custom-combobox-input {
	width: 100px;
}

.me-list .route-wp .custom-combobox-toggle {
	display: none;
}

.me-alpha {
	background: #710600 none repeat scroll 0 0;

	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight: 700;
	height: 21px;
	line-height: 21px;
	text-align: center;
	vertical-align: middle;
	width: 21px;
	margin: 0 5px 0 0;
}
.me-input {
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	color: #202228;
	display: inline-block;
	vertical-align: middle;
	border: none;
	background: transparent;
	line-height: 1;
}
.icon-me-close {
	width: 24px;
	height: 24px;
	background-position: -552px -175px;
	/*position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);*/
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0 6px;
	
}
.ad-btn-wrap {
	text-align: center;
	padding: 13px 0;
	width: 218px;
	margin: 0 auto;
}
.ad-btn-wrap a {
	width: 50px;
	height: 50px;
	margin: 10px 11px;
	display: block;
}
.ad-btn-wrap p {
	color: #2d2d2d;
}

.ad-btn-wrap .location-add-btn {
	background: url(../images/route-waypoint.png) center center no-repeat;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.ad-btn-wrap .add-leg-btn {
	background: url(../images/route-leg.png) center center no-repeat;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.ad-btn-wrap .add-rally-point {
	background: url(../images/rally-point.png) center center no-repeat;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.ad-btn {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #b31a00;
}
.ad-btn span {
	border-bottom: 1px solid #b31a00;
}
.me-save-btn {
	background: #b31a00;
	color: #fff;
	font-size: 12px;
}
.me-save-wrap {
	padding: 28px 0 0;
}
.me-popup .cb-left-column {
	background: transparent;
}

.pac-wrap {
	padding: 34px 41px 0 41px;
	background: #f0f2f7;
	border-radius: 10px;
}
.pac-head {
	font-size: 0;
	padding-bottom: 25px;
}
.pac-heading {
	font-size: 18px;
	color: #343e5c;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.share-btn-wrap {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	text-align: right;
}
.pac-head .share-btn {
	width: 180px;
}
.pac-content {
	width: 100%;
}
.pac-form {
	padding: 23px 20px;
	background: #ffffff;
}
.pac-group label {
	font-size: 10px;
	color: #4b4c51;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px;
}
.pac-ip-content {
	border: 1px solid #e1e3e8;
	background: #f0f2f7;
	width: 100%;
	display: block;
	font-size: 12px;
	border-radius: 5px;
	padding: 0 10px;
}
.pac-input {
	height: 35px;
	line-height: 33px;
}
.pac-text {
	height: 87px;
	resize: none;
	padding: 10px;
}
.pac-content li {
	float: left;
	width: 290px;
	border: 1px solid #e1e3e8;
	border-radius: 9px;
	overflow: hidden;
	margin-right: 18px;
}
/*
	KW: 30/09/2016 for createlist flow
*/
.pac-content li figure {
	overflow: hidden;
	height: 140px;
}
.pac-form a {
	outline: none;
}
.pac-content li figure img {
	width: 100%;
}

.pac-form .pac-group {
	margin: 0 0 15px;
}

.pac-form .pac-group:last-child {
	margin: 0;
}
.si-cart-fig {
	position: relative;
}
.icon-teddy {
	width: 75px;
	height: 75px;
	background-position: -776px -416px;
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
}

.pc-modal5 {
	background: rgba(36,47,62,0.55);
}
.stash-heading {
	font-size: 36px;
	color: #ffffff;
	position: relative;
	padding-bottom: 20px;
	text-align: left;
}
.stash-heading:after {
	position: absolute;
	content: "";
	width: 83px;
	height: 6px;
	background: #ffffff;
	display: block;
	left: 0;
	bottom: 0;
}
.pc-modal5 .modal-content {
	background-color: transparent;
	box-shadow: none;
	border: none;
}
.stash-content-wrap {
	padding: 64px 0 0;
}
.stash-content {
	max-width: 867px;
	width: 100%;
	margin: 0 auto;
	background: #f0f2f7;
	border-radius: 10px;
	overflow: hidden;
}
.stash-left-content {
	float: left;
	width: 40%;
}
.stash-head {
	padding: 25px 0;
	border-bottom: 1px solid #dddfe5;
	position: relative;

}
.stash-head .icon-close {
	position: absolute;
	right: 33px;
	top: 50%;
	transform: translateY(-50%);
}
.stash-section {
	text-align: center;
	color: #242f3e;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}
.stash-link {
	display: block;
	font-size: 0;
}
.stash-fig {
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	margin-right: 20px;
}
.stash-caption {
	display: inline-block;
	width: calc(100% - 95px);
	vertical-align: middle;
}
.sc-heading {
	font-size: 18px;
	font-weight: 700;
	color: #1c1e23;
	text-transform: capitalize;
	line-height: 1;
	display: block;
	margin: 0 0 2px;
}
.sc-text {
	font-family: 'MYRIADPROREGULAR';
	font-size: 12px;
	color: #343e5c;
	line-height: 18px;
}
.stash-list li {
	padding: 20px 0 0 20px;
}
.stash-list {
	height: 375px;
}
.pc-modal .stash-list .mCustomScrollBox {
	padding-right: 25px;
}
.manually-btn-wrap {
	padding: 26px 0 33px;
	border-top: 2px solid #dddfe5;
	background: #e8eaef;
}
.manually-btn {
	display: block;
	width: 180px;
	margin: 0 auto;
	height: 42px;
	line-height: 38px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	border: 2px solid #c7c9ce;
	border-radius: 25px;
}
.stash-right-content {
	float: left;
	width: 60%;
	background: #fff;
}
.two-tone-content {
	padding: 25px 25px 20px;
	border-bottom: 1px solid #f0f2f7;
	font-size: 0;
}
.tone-fig {
	display: inline-block;
	width: 46%;
	vertical-align: top;
}
.tone-fig img {
	width: 100%;
}
.tone-text {
	display: inline-block;
	width: 54%;
	padding-left: 25px;
}
.tone-text h2 {
	font-size: 32px;
	font-family: 'montserratblack';
	color: #1c1e23;
	text-align: left;
}
.tone-text p {
	font-size: 16px;
	font-family: 'MYRIADPROREGULAR';
	color: #343e5c;
	line-height: 22px;
}
.tone-label {
	font-size: 12px;
	text-transform: uppercase;
	color: #4b4c51;
	display: block;
	margin: 0 0 10px;
}
.tone-input {
	border: 1px solid #e3e8f0;
	background: #f0f2f7;
	height: 42px;
	line-height: 40px;
	font-size: 14px;
	width: 100%;
	padding: 0 10px;
	border-radius: 5px;
}
.pna-btn {
	display: block;
	width: 100%;
	margin: 0 0 13px;
	background: #b31a00;
	font-size: 14px;
}
.tone-btn-wrap .share-btn {
	display: inline-block;
	width: 230px;
	font-size: 14px;
}
.tone-btn-wrap {
	padding: 21px 25px 22px;
	font-size: 0;
}
.pai-btn {
	margin-right: 10px;
}

.cb-left-column-wrap {
	padding: 41px 31px 41px 47px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
.cr-checkbox-wrap {
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	overflow: visible; /*dd 30/8/16 was hidden*/
}
.cb-invite-popup .left-login-banner {
	float: none;
	width: 100%;
}
.cb-invite-popup .message-empty {
	margin-top: 62px;
}
.cb-invite-popup .message-empty strong {
	letter-spacing: 1px;
	margin-bottom: 33px;
}
.cb-invite-popup  .btn-choose {
	background: none;
	color: #4a4b4f;
	border: 2px solid #c7c9ce;
}
.cb-invite-popup .add-photo-section {
	min-height: 470px;
}
.cb-invite-popup .sips-overview-tab-head .nav-tabs > li {
	margin-left: 18px;
	padding-top: 29px;
}
.cb-invite-popup .sips-overview-tab-head .nav-tabs > li:first-child {
	margin-left: 40px;
}
.sips-overview-tab-head .nav-tabs > li > a {
	padding: 10px 14px;
}
.cb-tab-wrapper .form-group input[type="text"] {
	background: #eff0f4;
	border: medium none;
	border-radius: 30px;
	box-shadow: none;
	color: #4f5362;
	font-family: "montserratlight";
	font-size: 15px;
	height: 42px;
	text-align: left;
	padding-left: 55px;
}
.cb-tab-wrapper .form-group input[type="submit"] {
	position: absolute;
	left: 40px;
	top: 12px;
	background: url(../images/sprite-blue.png) -518px -468px no-repeat;
	height: 16px;
	width: 16px;
	border: none;
}
.cb-tab-wrapper {
	padding: 15px 0px;
}
.cb-tab-wrapper form {
	position: relative;
	text-align: center;
}
.cb-tab-wrapper form .form-group {
	padding: 0 20px;
}

#link .cb-tab-wrapper .list-block-pic img {
    border-radius: 12%;
}

.cb-tab-wrapper .list-block-pic img {
	border-radius: 50%;
}
.cb-tab-wrapper .list-block-section {
	text-align: left;
	min-height: 318px;
}

.list-block-section .mCSB_scrollTools {
	background: #fff;
	border: none;
	width: 14px;
}

.list-block-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
}

.cb-tab-wrapper .btn-wrap .btn {
	margin-top: 9px;
	min-width: 170px;
	padding: 11px 20px;
	font-size: 12px;
	background: #b31a00;
}
.cb-tab-wrapper .list-block-links.ai-list li {
	border-bottom: 1px solid #f0f2f7;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0 20px 16px;
}
.cb-tab-wrapper .list-block-links.ai-list {
	height: 351px !important;
	padding: 0;
}
.cb-tab-wrapper .list-block-links.ai-list .mCustomScrollBox {
	padding: 0;
}
.cb-pop-header {
	font-size: 18px;
	padding: 24px 0 22px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #f0f2f7;
}

/*Looks like start of create item style DD 28/9/16*/


.cb-item-category {
	text-align: left;
}
.cb-item-category li {
	margin-bottom: 18px;
}
.cb-item-category {
	padding: 18px 0px 0;
}
.cb-item-category label {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.list-block-links.ai-list li:after {
	display: none;
}
.cb-tab-wrapper .po-side-wrap {
	padding: 10px 0px 0;
	height: 445px !important;
}
.cb-tab-wrapper .po-side-wrap form {
	text-align: left;
}
.po-side-wrap .form-group input[type="text"] {
	border-radius: 5px;
	padding-left: 20px;
}
.cb-tab-wrapper .po-side-wrap form .form-group {
	padding: 0;
}
.cb-tab-wrapper .po-textarea {
	height: 140px;
}
.cb-tab-wrapper .po-editor-panel li:after {
	background: none;
}
.cb-tab-wrapper .po-editor-panel li {
	border-bottom: none;
	padding: 0;
}
.po-side-wrap.ai-list .mCustomScrollBox {
	padding: 0 38px;
}
.cb-item-category .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
	margin: 0;
}
.cb-item-category .bootstrap-select > .btn, .cb-item-category .bootstrap-select .btn:focus {
	border: 1px solid #e1e3ea !important;
	border-radius: 4px;
	line-height: 41px;
	padding: 0 16px;
}
.cb-item-category .bootstrap-select.btn-group .btn .caret {
	right: 16px;
	top: 11px;
}
.bootstrap-select.btn-group .btn .filter-option, .bootstrap-select.btn-group .dropdown-menu li > a {
	text-transform: none;
}
.cb-qty {
	float: left;
	width: 47%;
}
.cb-unit {
	float: right;
	width: 48%;
}
.cb-item-category .spinner-number {
	float: none;
	margin: 0;
	width: 100%;
	border-radius: 30px;
	background: #ecedf1;
}
.cb-item-category .spinner-btn {
	width: 50px;
}
.cb-item-category .spinner-btn a {
	font-size: 33px;
	height: 42px;
	background: #ecedf1;
}
.cb-item-category .content-input {
	width: 112px;
	text-align: center;
	background: #fff;
}
.cb-item-category.ai-list li:after {
	background: none;
}
.cb-item-category.ai-list li {
	padding: 0;
	border: none;
}
.cb-item-category.ai-list .mCustomScrollBox {
	padding: 0 30px;
}
.cb-item-category.ai-list {
	height: 367px !important;
}
.profile-form .cr-button-wrap {
	padding-bottom: 30px;
}
.cb-sb-box {
/*	overflow: hidden;*/
	clear: both;
}
.cb-add-unit {
	padding-top: 35px;
	text-align: center;
}
.cb-add-unit a {
	color: #b31a00;
	text-decoration: underline;
	text-transform: uppercase;
}
.cb-question-popup {
	overflow-y: auto;
}

.cb-question-popup .cb-left-column {
	display: none;
}
.cb-question-popup .cb-right-column {
	width: 100%;
}
.cb-question-popup .cb-questions-list {
	padding-top: 10px; /*DD 13/7/17 was 47*/
}
.cb-question-popup .cb-questions-list li {
	padding: 0 37px; 
	margin-bottom: 38px; /*DD 13/7/17 was 60*/
}

.cb-question-popup .cb-questions-list li span {
	padding-top: 5px;
	display: inline-block;
}

.cb-question-popup .cb-questions-list .spinner-number {
	float: right;
	width: 240px;
}

.cb-question-popup .cb-questions-list span {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.cb-question-popup .spinner-number .content-input {
	width: 138px;
}

.cb-question-popup .cb-questions-list li h2 {
	line-height: 22px;
}

.cb-question-popup .cb-questions-list li h2 span {
	font-size: 16px;
	padding: 0;
}

.


/*DD create Item style*/
.list_create_step {

}

.link-item-wrap h5 {
	text-align: center;
	padding-top: 25px;
	margin: 0;
}

.link-item-wrap .pac-head {
	border-bottom: 2px solid #E1E3E8;
}	

.pac-wrap.link-item-wrap,
.pac-wrap.item-details-wrap,
.pac-wrap.no-results-wrap
{
	padding: 0px;
}

.link-item-wrap .pac-content {
	padding: 34px 41px 40px;
	border-bottom: 1px solid #E1E3E8;
}

.link-item-wrap .pac-content .darken {
	color: #3c4350;
	font-size: 17px;
}

.link-item-wrap .item-pic {
	width: 340px;
	padding: 20px 2% 0 0;
	/*height: 210px;
	overflow: hidden;*/
	position: relative;
}

.item-pic img{
	/*width: 100%;*/
	display: block;
	margin: 0 auto;
	max-width: 463px;
	max-height: 340px;
}

/* for createitem */	
.create-flow-main .item-pic {
	position: relative;
}


.create-flow-main .photo-edit-nav {
    position: absolute;
    top: 45%;
    left: 135px;
}
/* end createitem */	

.link-item-wrap .item-pic .item-pic-linked img {
	width: 100%;
}

.link-item-wrap .item-pic img{
	border: 3px solid #A20800;
	border-radius: 10px;
}

.link-item-wrap .item-pic .tick {
	position: absolute;
	top: 9px;
	right: 0;
	background-image: url("../images/sprite-blue.png");
	background-position: 619px -4px;
	width: 38px;
	height: 28px;
}

.link-item-details {
	width: 45%;
	padding: 40px 0 0 0;
}

.link-item-details h3,
.item-details-wrap h3
{
	color: #444547;
	font-size: 16px;
	font-weight: 700;
}

.link-item-detail .item-price {
	padding: 6px 32px 0 0;
}

.link-item-details .item-discription {
	font-size: 14px;
	padding: 0 30px 0 0;
	height: 220px;
	overflow: auto;
}

.link-item-details a {
	text-decoration: underline;
}

.item-details-wrap .left-col {
	width: 60%;
	background: #fff;
	padding-top: 30px;
	border-radius: 10px 0 0 10px;
	border-right: 1px solid #E1E3E8;
}

.item-details-wrap .right-col {
	width:40%;
}

.item-details-wrap .item-pic  {
	width: 89%;
	margin-left: 6%;
	padding-bottom: 20px;
	overflow: hidden;
	height: 340px;
} 

.item-details-wrap .item-pic  img {
	border-radius: 5px 5px 0 0;
	border: 1px solid #E1E3E8;
}

.item-details-wrap .left-section {
	padding: 0 5% 0 6%;
}

.item-details-wrap .left-section .item-price {
	padding-top: 6px;
}

.divide {
	border-bottom: 1px solid #E1E3E8;
}

.item-details-wrap .left-section.product-title{
	padding: 20px 5% 0 6%;
}

.item-details-wrap .cr-button-wrap {
	padding: 22px 0 25px;
}

.cr-button-wrap .grey-button {
	background: #f0f2f7 none repeat scroll 0 0;
    border: 1px solid #c7c9ce;
    color: #4a4b4f;
    right: 47px;
	min-height: 42px;
	font-size: 12px;
	font-weight: 400;
}

.item-details-wrap .cr-button-wrap .grey-button {
	margin-left: 5%;
	min-width: 220px;
}

.item-details-wrap .login-btn {
	min-width: 220px;
}


.cr-button-wrap .grey-button:hover {
	background: #fff;
	color: #df2000;
}

.item-details-wrap .right-col h5{
	text-align: center;
	padding: 30px 0; 
	border-bottom: 1px solid #E1E3E8;
}

.item-details-wrap .details-list ul {
	padding: 0 9%;
}

.item-details-wrap .details-list li {
	padding: 14px 0;
	border-bottom: 1px solid #E1E3E8;
}

.item-details-wrap .details-list li:last-child {
	border-bottom: none;
}

.item-details-wrap .details-list li  p{
	margin: 0;
	color: #7b7b7b;
}

.item-details-wrap .details-list li  p.value {
	color: #2b2b2b;
	font-weight: 700;
}

.item-details-wrap .details-list li  p.item-label.warning{
	color: #A20800;
}

.item-details-wrap .details-list li  p.value.warning{
	color: #fff;
	background: #A20800;
	border-radius: 12px;
	padding: 0 10px;
}

.item-details-wrap .details-list a {
	text-decoration: underline;
	text-align: center;
	display: block;
	margin-top: 20px;
}

.pac-wrap.search-item-wrap,
.pac-wrap.no-results-wrap  {
	background: #fff;
}

.search-item-wrap h5,
.no-results-wrap h5 {
	text-align: center;
}

.search-item-wrap .form-group,
.no-results-wrap .form-group {
    position: relative;
}

.search-item-wrap .cb-tab-wrapper .form-group input[type="submit"],
.no-results-wrap .cb-tab-wrapper .form-group input[type="submit"] {
	top: 14px;
	left: 24px;
}

.search-item-wrap  .ai-list li::after {
	background: none;
}

/*.search-item-wrap .csg-list .ai-caption {
	width: 400px;
}*/

.search-item-wrap .ai-price {
	border: none;
}

.search-item-wrap .ai-price p {
	margin: 0px;
	padding-top: 18px;
	font-weight: 600;
	
}

.search-item-wrap .check-label {
	cursor: pointer;
    display: block;
    float: right;
    height: 40px;
    margin: 0;
    position: relative;
    width: 70px;
    z-index: 5;
	margin: 8px 0 0;
}

.search-item-wrap  input[type="checkbox"] {
	height: 30px;
    right: 25px;
    opacity: 0;
    position: absolute;
    top: 18px;
    width: 31px;
	z-index: 20;
	cursor: pointer;
	margin: 12px 0 0;
}

.search-item-wrap .icon-check.remove {
	background-position: -674px -6px;
}

.search-item-wrap .icon-check {
	background-position: -663px -448px;
    height: 32px;
    width: 32px;
	top: 5px;
	position: absolute;
    right: 24px;
	z-index: 4;
	background-image: url("../images/sprite-blue.png");
	background-repeat: no-repeat;
    display: inline-block;
	line-height: 14px;
    vertical-align: text-top;
}

.ai-list-manage {
	text-align: center;
	padding: 10px;
}

.search-item-wrap .ai-list.csg-list input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -713px -448px;
}

.no-results-wrap h5 {
	margin: 0;
	padding: 34px 0 24px;
}

.cb-invite-popup .no-results-wrap .message-empty strong {
	margin-bottom: 10px;
}

.no-results-wrap .icon {
	background: url("../images/big-mag.png") no-repeat;
	width: 60px;
	height: 60px;
	margin: 0 auto 25px;
}

.no-results-wrap .cb-tab-wrapper {
	padding: 0 41px 80px;
}
 
.no-results-wrap .cr-button-wrap {
	border-top: 1px solid #E1E3E8;
	padding: 25px 0;
}

.details-list input {
    float: right;
    width: 52%;
}

.left-section input {
	margin: 18px 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 2%;
}	

.left-section .left.inputs {
	width: 70%;
}

.left-section .right.inputs {
	width: 20%;
}

.left-section .left input[type="text"] {
	width: 100%;
}

.left-section .right input[type="text"]  {
	width: 100%
}

.category-dd-wrap input[type="text"],
.category-dd-wrap input[type="number"],
.category-dd-wrap select 
{
	background: #fff;
    border: 1px solid #dce1e9;
    border-radius: 5px;
    color: #343e5c;
    height: 40px;
    padding: 0 4%;
	width: 144px;
	cursor: pointer;
}








/*DD end*/



/*create sip fitnesss*/
.cb-sip-fitness {
	/*height: 550px;  DD 21/10/16*/
}
.cb-sip-fitness .cb-left-column {
	text-align: center;
	min-height: 502px;
}

.sip-left-padding {
	padding: 40px 5%;
}

.sip-review-ul {
	padding: 10px;
}

.sip-review-ul li {
	margin-left: 10px;
	padding: 10px;
}

.sip-review-ul li img {
	margin: 10px;
	width: 40px;
}

.sip-review-ul li div {
	margin-left: 55px;
	font-size: 90%;
}

.sip-content-area {
	height: 350px;
}

.cb-sip-fitness .cb-left-column img {
	margin-bottom: 90px;
}
.cb-sip-fitness .cb-left-column h3 {
	color: #3c4350;
	margin-bottom: 35px;
}
.cb-sip-fitness .cb-left-column p {
	font-size: 18px;
	color: #3c4350;
	font-family: 'Source Code Pro';
}

.sips-tab .cb-create-btn {
	padding: 25px 0;
}

.cb-create-btn {
	padding: 30px 0 0 0;
	text-align: center;
}
.cb-create-btn .btn:hover {
	color: #b31a00;
}
.cb-sip-fitness .cb-right-column {

}
.cb-sip-fitness .cb-right-column .message-empty {
	margin-top: 54px; /* changed from 100 DD 21/10/16*/
}
.cb-sip-fitness .cb-right-column .cb-create-btn {
	margin-top: 100px;
}

.cb-map-area-block {
	padding: 30px 0px 30px 36px;
	height: 375px;
	overflow-y: auto;
}
.cb-map-area-block.ai-list .mCustomScrollBox {
	padding-right: 40px;
}
.cb-map-block {
	box-shadow: 0px 1px 3px #d9dbdf;
	border-radius: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.cb-map-block img {
	width: 100%;
}
.cb-map-block-content {
	padding: 13px 0;
	border: 1px solid #ebecee;
}
.cb-map-miles {
	width: 50%;
	float: left;
	text-align: center;
	border-right: 1px solid #d9dbdf;
}
/* KW */
.cb-map-preview-wrap {
	height:150px;
	width: 100%;
}
.cb-map-preview-wrap div {
	width: 100%;
	height: 100%;
}
.icon-cb-car {
	background-position: -607px -466px;
	width: 19px;
	height: 14px;
	margin-right: 20px;
}
.icon-cb-time {
	background-position: -558px -462px;
	width: 21px;
	height: 21px;
	margin-right: 20px;
}
.sb-map-time {
	border-right: 0;
}
.cb-sip-map-routes .cb-right-column .cb-create-btn {
	margin-top: 0;
}
.cb-sip-fitness .compose-msg-wrapper .icon-check {
	background-position: -663px -448px;
	width: 32px;
	height: 32px;
}
.cb-sip-fitness .compose-msg-wrapper .check-box-wrap input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -713px -448px;
	width: 32px;
	height: 32px;
}
.cb-sip-skills {
	padding: 0;
}
.cb-sip-skills .form-group {
	position: relative;
	padding: 10px 15px 0;
	margin-bottom: 0;
}
.cb-tab-wrapper.cb-sip-skills .form-group input[type="submit"] {
	top: 23px;
	left: 35px;
}
.cb-sip-skills .sip-skills-content .compose-msg-wrapper .ps-filter-content li {
	padding: 10px 0px;
}
.cb-sip-skills .sip-skills-content {
	height: 305px;
	overflow-y: auto;
	padding: 10px 0 10px 20px;
}
.cb-sip-skills .compose-msg-wrapper .ps-filter-content ul {
	padding-right: 0;
}
.cb-sip-skills .ai-list li::after {
	background: none;
	display: none;
}
.cb-sip-fitness.cb-sip-skills .cb-right-column .cb-create-btn {
	margin-top: 0px;
}
.cb-sip-fitness.cb-sip-skills .cb-left-column {
	padding: 80px 3% 60px;
	text-align: center;
}
.cb-sip-fitness.cb-sip-skills .cb-left-column img {
	margin-bottom: 50px;
}
.cb-sip-gear-cat .profile-inner-wrap {
	padding: 20px 0px 20px 20px;
	height: 465px;
	overflow-y: auto;
}
/* KW */
.sip-item-categories {
	padding: 20px 0px 20px 20px;
}

#sip-item-category-wrap { /*DD 21/10/16*/
	min-height: 310px;
}
.sip-item-list .ai-list {
	padding: 4px 10px 0 12px;
}

.product-list-wrap {
	height: 303px; /*changed from 400 DD 21/10/16*/
	overflow-y: auto;
}
.search-item-wrap.product-list-wrap {
	height: 280px;
	margin-bottom: 10px;
}

/*.cb-sip-gear-cat*/ .sip-content .profile-bunker-item {
	width: 90px;
	height: 90px;
	margin-right: 5px;
	margin-bottom: 5px;
}
/*.cb-sip-gear-cat*/ .sip-content .category-show-link {
	width: 100%;
	height: 100%;
}

.cb-sip-gear-cat .category-show-link figure {
	height: 100%;
}
.cb-sip-gear-cat .sip-content .profile-bunker-item img {
	width: 100%;
	height: 100%;
}
.cb-sip-gear-cat .sip-content .profile-bunker-item figcaption {
	padding-top: 25px;
}
.cb-sip-gear-cat .sip-content .profile-bunker-item figcaption span {
	font-size: 10px;
}
.cb-sip-gear-cat .sip-content .profile-bunker-item.small-ft-size figcaption strong {
	font-size: 12px;
}
.cb-sip-gear-cat .sip-content .profile-bunker-item.small-ft-size figcaption {
	padding-top: 30px;
}
.cb-sip-gear-cat.cb-sip-fitness .cb-right-column .cb-create-btn {
	margin-top: 0px;
}
.sb-profile-popup .survival-box {
	padding: 0;
}
.icon-teddy {
	/*background-position: -776px -416px; 
	width: 75px;
	height: 75px;*/
	background-position: -426px -228px;
	width: 45px;
	height: 45px;
	background-size: 550px;
}
.sb-profile-popup .si-cart-fig {
	position: relative;
}
.sb-profile-popup .si-cart-fig .icon-teddy {
	position: absolute;
	right: 25px;
	top: 25px;
}

.web-flow-content .nav-tabs > li > a.btn:hover {
	background: #fff;
}
.web-flow-content .nav-tabs > li.active > a.btn {
	background: #fff;
}

.web-flow-content .nav-tabs > li.active  a.btn i.tab-list-icon {
	background-position: -192px -323px;
}

.web-flow-content .nav-tabs > li.active  a.btn i.tab-sips-icon {
	background-position: -232px -285px;
}
.web-flow-content .nav-tabs > li.active  a.btn i.tab-item-icon {
	background-position: -273px -285px;
}
.web-flow-content .nav-tabs > li.active  a.btn i.tab-bunker-icon {
	background-position: -310px -285px;
}
.web-flow-content .nav-tabs > li.active  a.btn i.tab-post-icon {
	background-position: -351px -285px;
}
.main-msg-compose .check-box-wrap input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -286px -6px;
}

body, html {
	position: relative;
}
.modal {
	/*position: absolute;*/
	/*z-index: 999999;*/
	z-index: 1090;
}
.modal-open {
	overflow: visible;
}
.min-height-local {
	min-height: 2200px;
}
.me-fig img {
	width: 100%;
}

.has-error input[type="text"], .has-error input[type="email"], .has-error input[type="password"], .has-error input[type="number"] {
	border: 1px solid #843534;
}
.has-error input[type="text"]:focus, .has-error input[type="email"]:focus, .has-error input[type="password"]:focus, .has-error input[type="number"]:focus {
	border: 1px solid #843534;
}
.wrong-password.has-error + .forget-password {
	display: block;
}
.create-sip-gear .cb-right-column .cb-create-btn {
	margin-top: 0;
	padding: 20px 0 10px;
}
.web-flow-content.padd-0 {
	padding: 0;
}
.cr-edit-delete-wrap {
	position: relative;
}

.pp-add-media .po-box-heading {
	margin: 0 0 25px;
}

.po-add-device.cr-media-button {
	bottom: 24px;
	left: 76px;
	top: auto;
}
.pp-add-media .po-textarea {
	height: 150px;
}
.pp-add-media .cr-button-wrap {
	padding: 25px 0;
}
.height-550 {
	height: 550px
}
.pp-add-media.height-550 {
	height: 550px;
	overflow: hidden;
}
.pp-add-media .po-textarea {
	height: 225px;
}

.pp-add-media .obi-link {
	min-height: 80px;
}

.icon-delete-pac {
	background-position: -931px -437px;
	width: 39px;
	height: 39px;
}
.pac-form {
	position: relative;
}
.pac-form .icon-delete-pac {
	position: absolute;
	right: 18px;
	top: -20px;
}
.new-ps-filter-from label {
	width: 100%;
	height: 72px;
	float: none;
	cursor: pointer;
}
.check-label-post {
	float: right;
	width: 50px;
	height: 55px;
}
.compose-msg-wrapper .new-ps-filter-from   .icon-check {
	top: 12px;
}

.new-ps-filter-from .po-popup-heading {
	cursor: pointer;
	padding-bottom: 30px;
}
.new-ps-filter-from .po-popup-heading:hover {
	background: #36404e;
}
.main-msg-compose .new-ps-filter-from .po-popup-heading input:checked + label  .icon-check, .main-msg-compose .new-ps-filter-from .po-popup-heading:hover  label  .icon-check {
	background-position: -284px -4px;
}
.new-height-right-column .po-textarea {
	height: 165px;
}
.new-height-right-column .cr-privacy-info-wrap {
	padding-bottom: 14px;
}
.bb-add-media-wrap .obi-checkbox-box {

}
.bb-add-media-wrap  .cr-obi-form li {
	height: 114px;
	width: 115px;
	border-radius: 0;
	padding: 0 0 3px 3px;
	margin-bottom: 0;
}
.bb-add-media-wrap .cr-po-bg {
	padding-bottom: 86px;
}
.p-height-550 {
	height: 550px;
}
.show-mobile {
	display: none;
}
.popup-create-post-list .cb-left-column-wrap {
	padding: 40px 43px 10px;
}
.cb-invite-popup.popup-create-post-list .add-photo-section {
	min-height: 360px;
	padding: 20px;
	border: 2.5px dashed #c6c7cb;
}
.cb-invite-popup.popup-create-post-list .message-empty {
	margin-top: 40px;
}
.popup-create-post-list .cr-button-wrap {
	padding: 30px 0 25px;
}
.pp-bunker-edit-basic.bb-add-media-wrap .cr-po-bg {
	padding-bottom: 0;
}
.icon-pp-plus {
	background-position: -933px -385px;
	width: 26px;
	height: 27px;
}
.bb-add-media-wrap .icon-pp-plus {
	position: absolute;
	left: 50%;
	bottom: 30px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.popup-create-post .cr-list-wrap {
	padding: 150px 220px 160px;
}
.popup-create-post .cr-button-wrap {
	padding: 40px 0 25px;
}
.popup-create-post .cr-button-wrap button.login-btn, .login-btn {
	margin-top: 0;
	display: block;
	width: 33%;
	margin: 0 auto;
}

.skip-btn {
    font-size: 15px;
    margin-top: -28px;
    padding: 0 6% 0 0;
    text-decoration: underline;
}

.popup-create-list-old.pp-add-media .cr-button-wrap {
	padding: 126px 0 25px;
	position: relative;
}
.popup-create-list-old.pp-add-media .cr-lock {
	right: 0;
	top: auto;
	bottom: 33px;
}
.popup-create-privacy .po-textarea {
	height: 150px;
}
.popup-create-privacy .cr-button-wrap {
	padding: 25px 0;
}
.popup-create-privacy .po-clock-link .popover-inner li {
	padding: 0 0 10px;
	text-align: left;
}
/*search-page-horizontal*/
.search-page-horizontal .search-block-wrap {
	width: 100%;
	float: none;
	max-width: 100%;
	margin-top: 0;
	padding: 25px 30px 0;
	min-height: 100px;
	border-right: 0;
	margin: 0 auto;
}
.search-block {
	border-bottom: 1px solid #dededf;
	min-height: 100px;
	overflow: hidden;
	padding-bottom: 15px;
}
.search-page-horizontal .searh-item {
	float: left;
	max-width: 310px;
	margin-right: 18px;
	width: 100%;
}
.search-page-horizontal .searh-item  .search-link {
	max-width: 100%;
}
.search-page-horizontal .search-modal-inner {
	padding-bottom: 50px;
}

.bdr-bottom-none {
	border-bottom: none !important;
}
.search-page-horizontal .search-modal-inner .sips-profile-pics {
	width: 105px;
	height: 58px;
}
.search-page-horizontal .search-link .profile-pic {
	margin-right: 5%;
}
.create-post-list-page .web-flow-content .page-tab {
	padding-right: 0;
}
.create-post-list-page .cr-round-close {
	right: 0;
}
/*.create-post-list-page .cb-invite-popup {
	margin-top: 40px !important;
}*/ 
.create-post-list-page  .nav-tabs > li > a.btn {
	padding-left: 30px;
}
.create-post-list-page .web-flow-content .new-page-tab-bar {
	padding-top: 20px;
	padding-right: 65px;
	display: block !important;
	float: right;
}
.tab-tablink-icons i.tab-profile-icon {
	background: url(../images/white-people.png) 0 0 no-repeat;
}
.tab-tablink-icons a.btn:hover i.tab-profile-icon {
	background: url(../images/black-people.png) 0 0 no-repeat;
}
.create-post-list-page .web-flow-content .new-page-tab-bar .nav {
	float: none;
	width: 100%;
	padding-left: 0;
}
.create-post-list-page .web-flow-content .new-page-tab-bar .nav-tabs > li {
	padding-left: 9px;
}
.pp-post-bunk-wrap .cr-button-wrap {
	padding: 32px 0 25px;
}
.pop-edit-list-photo .po-textarea {
	height: 200px;
}
.pop-edit-list-photo  .cr-edit-list-head {
	padding: 20px 0 20px 45px;
}
.pop-edit-list-photo .cr-delete-button {
	top: 21px;
}
.pop-edit-list-photo .po-side-wrap {
	padding: 23px;
}
.popup-create-assign-sip .progress-content {
	width: 100%;
	margin-right: 0;
}
.popup-create-assign-sip .cr-progress-wrap {
	max-width: 320px;
	width: 100%;
}
.popup-create-assign-sip .profile-sip-item {
	max-width: 768px;
	width: 100%;
	margin-right: 0;
}
.popup-create-assign-sip .compose-msg-wrapper .ps-filter-content ul {
	padding: 0;
}
.pp-pop-up-post-profile .cr-button-wrap {
	padding: 20px 0 25px;
}
.pp-pop-up-post-profile .cr-lock-r {
	top: -13px;
}
.p-s-photos .obi-form li {
	border-radius: 0;
	width: 125px;
	height: 116px;
	padding: 0 2px;
	margin: 0 0 4px;
}

/*code of arrow*/
/* Ken 5th Sept */
/*
.headquarters-arrow-position .communication-content-head {
	margin-top: -12px;
}
.headquarters-arrow-position .aside-top-section:after {
	width: 130%;
	left: -16.5%;
	background: #f8f9fa;
	top: -14px;
	height: 120%;
}
.headquarters-arrow-position .aside-top-section:before {
	left: -54px;
}
.headquarters-arrow-position .aside-top-section {
	margin-top: -9px;
}
.no-bdrs {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.padding-small {
	padding-bottom: 39px;
}
.bdrs-top-right-0 {
	-webkit-border-radius: 0px 0px 0px 10px !important;
	-moz-border-radius: 0px 0px 0px 10px !important;
	border-radius: 0px 0px 0px 10px !important;
}
.bdrs-right-zero {
	-webkit-border-radius: 0px 0px 10px 0px !important;
	-moz-border-radius: 0px 0px 10px 0px !important;
	border-radius: 0px 0px 10px 0px !important;
}
.profile-grey-color-arrow:before, .profile-grey-color-arrow:after {
	border-bottom: 25px solid #f8f9fa;
	border-bottom: 25px solid #fff; 
}*//*dd 5/9/16*/
.profile-content .profile-heading-gap {
	margin-top: -20px;
}
.profile-masonary .profile-heading-gap {
	padding-top: 0;
}
.profile-masonary .absolute-plus {
	top: -58px;
}
.search-bdb-0 {
	border-bottom: 0;
}
.servival-main-content-page .communication-content-head {
	margin-top: -25px;
}
.servival-main-content-page .aside .aside-top-section .communication-content-head {
	margin-top: -20px;
	background: none;
}
.servival-main-content-page .aside .aside-top-section {
	margin-top: -20px;
}
.servival-main-content-page .aside .aside-top-section:after {
	background: #ebedef;
}
.servival-main-content-page  .aside .aside-top-section .communication-content-head h6 {
	padding-top: 18px;
	padding-bottom: 5px;
}
.servival-main-content-page .margin-top-o-space {
	margin-top: 0;
}

.profile-main-heading-value {
	margin-top: -18px;
}
.servival-main-content-page .communication-main-content {
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 10px;
	border-radius: 0px 0px 0px 10px;
}
.servival-main-content-page .aside {
	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}
.sips-arrow .communication-content-head {
	margin-top: -25px;
}
.sips-arrow  .aside-top-section .communication-content-head {
	margin-top: 0px;
}
.sips-arrow  .aside-top-section:after, .sip-over-view-main  .aside-top-section:after {
	background: #ebedef;
}
.sips-arrow .aside .aside-top-section .communication-content-head h6, .sip-over-view-main  .aside-top-section .communication-content-head h6 {
	padding-top: 18px;
	padding-bottom: 5px;
}

.margin-top-25-minus {
	margin-top: -25px;
}

.swag-padding-top {
	padding-top: 35px;
}
.swag-list-value-top {
	padding-top: 25px;
}
.margin-top-popup-0 {
	margin-top: 0;
}
.popup-create-privacy-page {
	margin-top: 0;
}
.cr-assign-post-nav {
	min-height: 70px;
}
.cb-left-post-nav-wrap {
	padding-bottom: 39px;
}
.popup-create-post-nav .po-textarea {
	height: 231px;
}
.creat-post-nav-wrapper  .web-flow-content .page-tab, .creat-post-nav-wrapper .web-flow-content .new-page-tab-bar {
	padding-right: 60px;
}
.popup-create-post-nav:before {
	border-bottom: 25px solid #f0f2f7;
}
/*
.create-post-profile-heading {
	max-width: 868px;
	margin: 0 auto;
}
.create-post-profile-heading {
	padding: 24px 48px 10px;
}
*/
.create-post-profile-heading .po-list-block-pic {
	width: 70px;
	height: 70px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.create-post-profile-heading .po-list-block-pic img {
	width: 100%;
}
.create-post-profile-heading .po-people-list strong {
	font-size: 23px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
.create-post-profile-heading .po-people-list span {
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
}

/* KW: TESTING */
/*.create-post-profile-heading .cr-round-close {
	right: 47px;
	top: 38px;
}*/
.create-post-list-nav .cb-invite-popup ,.create-post-bunker-nav .cb-invite-popup
{
	margin-top: 25px !important;
}
.create-post-list-nav .po-popup-heading
{
	padding-left: 20px;
	padding-bottom: 20px;
}
.cr-btn-wrap-new{
	padding-top: 40px;
}
.poup-mobile-menu-new{
	display: none;
}
/* KW - in globalheader component style second */
/*.header-fixed{
	-webkit-transition: all .5s ease ;
	-moz-transition: all .5s ease ;
	-ms-transition: all .5s ease ;
	-o-transition: all .5s ease ;
	transition: all .5s ease ;
	z-index: 999;
}*/
/* KW - in globalheader component style second */
/*.header-fixed.fixed-on-top
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	padding-top: 15px;
}*/
.header-fixed.fixed-on-top .container
{
	padding-bottom: 15px;
	border-bottom: 0;
}
.login-page .header-fixed.fixed-on-top
{
	background: rgba(255,255,255,.8);
}
.open-default-model
{
	position: absolute;
}
.offgridmodel-wrap,.offgridupgrad-wrap,.scroll-model ,.pc-modal
{
	overflow-x: hidden;
    overflow-y: auto;
}
.profile-content .some-uniq-style button.login-btn.white-btn
{
	min-height: 42px;
	min-width: 120px;
	margin-top: 0;
	
}
.clock-clock-c
	{
		right: -12px;
	}
	
.off {
	display: none;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: url(../images/slider-grip.png) #c1c3c8 18px 2px no-repeat;
    border: 1px solid #bbbec3;
    color: #454545;
    font-weight: normal;
	height: 20px;
	width: 50px;
	margin-left: -1.85em;
	border-radius: 10px;
	top: -0.5em;
	cursor: pointer;
	outline: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: url(../images/slider-grip.png) #c1c3c8 18px 2px no-repeat;
    border: 1px solid #bbbec3;
    color: #454545;
    font-weight: normal;
}*/

/*DD new style*/

.plain .container {
	padding: 0;
	max-width: 100%;
}

#e-header {
	padding-top: 25px;
}

.ecom-main-heading {
	padding-bottom: 13px;
	float: left;
}

.ecom-pop {
	background: rgba(240,242,247, 0.95);
	padding-top: 50px;
	display: block;
}

.continue-shop,
.return-to-site
{
	float: right;
	padding-top: 6px;
	
}

.continue-shop {
	width: 250px;
}

.return-to-site {
	width: 170px;
}

.continue-shop p,
.return-to-site p

{
	float: left;
	margin: 0;
	padding-top: 5px;
	font-family: "Montserrat",sans-serif;
	color: #2C3746;
	font-size: 14px;
	text-decoration: underline;
}

.continue-shop p {
	width: 164px;
}

.return-to-site p {
	width: 125px;
}

.continue-shop span,
.return-to-site span
{
	width: 20px;
	background: url(../images/sprite-blue.png) -165px -38px no-repeat;
	height: 23px;
	display: inline-block;
	float: left
}

.ecom-pop .cr-round-close {
	background: url("../images/sprite-blue.png") -150px -166px;
}

.ecom-pop .cb-tab-wrap,
#e-header  .cb-tab-wrap {
	border-bottom: 1px solid #CCCED2;
}


#e-header .web-flow-content,
.ecom-pop .web-flow-content
 {
	max-width: 1180px;
}

.ecom-content-wrapper {
	width: 100%;
	margin: 25px auto 0;
	border: 1px solid #E0E5EB;
	border-radius: 10px;
}

.ecom-left {
	background: #fff;
	padding: 20px 0 0;
	border-radius: 10px 0 0 10px;
	width: 60%;
	float: left;
	height: 650px;
}

.ecom-right {
	background: #24303F;
	padding: 20px 0 0;
	border-radius: 0 10px 10px 0;
	width: 40%;
	float: right;
	height: 650px;
}

.ecom-left .item-list {
	padding: 0 2% 0 5%;
	height: 440px;
	/*overflow-y: scroll;*/
}

.preview .list-headings {
	background: #F0F2F7;
	border-radius: 5px;
	padding: 5px 0;
	width: 97%;
}

.preview .list-headings h4{
	font-size: 13px;
	color: #A1A8BD;
	text-transform: uppercase;
	font-weight: 600;
}

.preview .list-headings .lh3 {
	padding-right: 4%;
}

.preview .list-headings .lh2 {
	padding-right: 18%;
}

.preview .list-headings .lh1 {
	padding-left: 3%;
}

.preview .items {
	padding: 10px 0;
}

.ecom-left .items li {
	padding: 10px 0;
	border-bottom: 1px solid #F0F2F7;
	width: 97%;
}

.ecom-left .items li:last-child {
	border-bottom: none;
}

.ecom-content-wrapper .image-wrap img {
	border-radius: 5px;
	width: 100%;
}

.ecom-content-wrapper .image-wrap {
	margin-right: 4%;
	width: 115px;
}

.ecom-left .text-wrap {
	width: 31%;
}

.ecom-content-wrapper .text-wrap h5 {
	font-size: 16px;
}

.ecom-content-wrapper .text-wrap p {
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

.ecom-left .text-wrap p span{
	color: #444547;
}

.ecom-left .spinner-wrap
 {
	width: 19%;
	margin-right: 14%;
	padding-top: 18px;
}

.item-details-wrap .spinner-wrap {
	padding: 18px 0;
	width: 100%;
}

.ecom-left .ai-btn-wrap {
	width: 88%;
}

.ecom-left .ai-btn-wrap,
.item-details-wrap .ai-btn-wrap  {	
	border: 2px solid #E4E8F0;
	border-radius: 16px;
}

.item-details-wrap .ai-btn-wrap  {
	width: 100%;
}

.ecom-left .ai-btn-wrap .ai-btn,
.item-details-wrap .ai-btn-wrap .ai-btn  { 
	background: #fff;
	font-size: 22px;
	border: none;
	width: 30px;
	height: 30px;
	line-height: 20px;
	color: #A0A8BD;
}

.ecom-left .ai-btn-wrap .ai-btn:hover,
.item-details-wrap .ai-btn-wrap .ai-btn:hover{ 
	color: #2d2d2d;
}

.ecom-left .ai-btn-wrap .ai-btn.ai-minus,
.item-details-wrap .ai-btn-wrap .ai-btn.ai-minus { 
	border-radius: 50% 0 0 50%;
	float: left;
}

.ecom-left .ai-btn-wrap .ai-btn.ai-plus,
.item-details-wrap .ai-btn-wrap .ai-btn.ai-plus { 
	border-radius: 0 50% 50% 0;
	clear: both;
}

.ecom-left .ai-btn-wrap .ai-total-products,
.item-details-wrap .ai-btn-wrap .ai-total-products
{
	font-size: 14px;
	width: 30px;
	font-weight: 600;
	
}
.item-details-wrap .ai-btn-wrap .ai-total-products {
	padding: 0;
	margin: 0;
	border: none;
}


.ecom-left .price-wrap {
	padding-top: 23px;
	margin-right: 1%;
}

.ecom-left .price-wrap p {
	color: #1C1E23;
	font-weight: 600;
	font-size: 14px;
}

.ecom-left .cancel-wrap {
	padding-top: 23px;
	margin-right: 10px;
}

.ecom-left .total-wrap {
	border-top: 1px solid #F0F2F7;
	border-bottom: 1px solid #F0F2F7;
	padding: 20px 5%;
}

.ecom-left .total-promo p {
	font-size: 13px;
	font-weight: 600;
	padding-right: 4%;
	margin: 0;
	padding-top: 5px;
}

.ecom-left .total-promo input {
	background: #F0F2F7;
	border: 1px solid #ebedf2;
	border-radius: 10px;
	color: #343E5C;
	font-size: 15px;
	font-weight: 600;
	width: 35%;
	padding: 5px 4%;
}

.ecom-left .total  {
	width: 40%;
	padding-top: 5px;
}

.ecom-left .total p {
	color: #343E5C;
	font-weight: 600;
	margin: 0;
}

.ecom-left .total .right {
	padding-right: 4%;
	font-size: 14px;
}

.ecom-left .total .total-price {
	font-size: 15px;
}

.ecom-left  .login-btn {
	margin: 35px 4% 0 0;
	padding: 0 4%;
}


.ecom-right .sidebar-heading {
	padding: 20px 0 30px;
}

.ecom-right .sidebar-heading h2 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.ecom-right .sidebar-heading a {
	margin: -17px 6% 0 0;
	text-decoration: underline;
	color: #fff;
	font-size: 12px;
}

.ecom-right ul {
	height: 500px;
	/*overflow-y: scroll; */
}

.ecom-right  li {
	border-top: 2px solid #1D2632;
	padding: 15px 7%;
}

.ecom-right  .text-wrap h5,
.ecom-right  .text-wrap p span
{
	color: #fff;
}

.ecom-right .check-box-wrap input[type="checkbox"],
.payment .ecom-check input[type="checkbox"]
{
    cursor: pointer;
    height: 30px;
    opacity: 0;
    position: absolute;
    width: 34px;
	z-index: 5;
}

.ecom-right .check-box-wrap input[type="checkbox"] {
	left: 12px;
    top: 9px;
}

.sip-items .complete-list li::after {
	background: none;
}

.ecom-right .check-label {
    cursor: pointer;
    display: block;
    float: right;
    height: 40px;
    margin: 8px 0 0;
    position: relative;
    width: 70px;
    z-index: 2;
}
.ecom-right .icon-check,
.payment .ecom-check .icon-check
 {
    background-image: url("../images/sprite-blue.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    line-height: 14px;
    position: absolute;   
    vertical-align: text-top;
    width: 32px;
    z-index: 4;
}

.ecom-right .icon-check {
	background-position: -62px -296px;
	right: 24px;
    top: 5px;
}
 
.check-box-wrap.ecom input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -119px -296px;
}

.ecom-right .add-selected {
	color: #fff;
	font-weight: 600;
	display: block;
	margin: 160px auto 0;
	text-decoration: underline;
	text-align: center;
}

.ecom-content-wrapper .mCSB_scrollTools {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    opacity: 1;
    width: 14px;
}

.ecom-content-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 5px;
}

.ecom-right .check-box-wrap {
	padding-top: 8px;
}

.ecom-right .complete-list {
	margin: 0;
}


/*Shipping*/

.shipping .ecom-left .item-list
{
    height: 515px;

}

.payment .ecom-left .item-list {
	height: 690px;
}

.ecom-left .list-headings.stepped

{
	background: none;
	margin-bottom: 50px;
}

.ecom-left  .list-headings.stepped h2
{
	font-size: 16px;
	width: 29%;
	color: #A1A8BD;
	font-weight: 500;
	height: 40px;
	border-bottom: 2px solid #E4E6EC;
	margin: 0 2%;
}

.ecom-left  .list-headings.stepped .active
{
	color: #343E5C;
	font-weight: 700;
	border-bottom: 4px solid #343E5C;
	height: 41px;
}

.shipping-details label {
	display: block;
	color: #A1A8BD;
}

.billing-input-field {
	/*background: #F0F2F7;
	border: 1px solid #E3E8F0;*/
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	border-radius: 5px;
	color: #CACACA;
	width: 100%;
}

.shipping-details input[type=number],
.shipping-details input[type=text],
.shipping-details input[type=email],
.shipping-details select {
	background: #F0F2F7;
	border: 1px solid #E3E8F0;
	height: 40px;
	padding: 0 10px;
	border-radius: 5px;
	color: #343E5C;
	width: 100%;
}

.shipping-details input[type=number] {
	-moz-appearance: textfield;
	
}

.shipping-details input[type=number]::-webkit-inner-spin-button, 
.shipping-details input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0;
}

.shipping-details .half-width {
	width: 40%;
	padding-bottom: 25px;
}

.shipping-details .full-width {
	width: 100%;
	padding-bottom: 25px;
}

.shipping-details .third-width {
	width: 30%;
	padding-bottom: 25px;
}

.shipping-details .expire-date {
	width: 34%;
	padding-bottom: 25px;
	float: left;
	margin-right: 6%;
}

.shipping-details .secure-number {
	width: 15%;
	padding-bottom: 25px;
	float: left;
}	

.shipping-details .state {
	margin: 0 5%;
}

.payment .ecom-check input[type="checkbox"] {
	left: -1px;
    top: -1x;
}

.payment .ecom-check input[type="checkbox"]:checked + .check-label .icon-check {
	background-position: -384px -2px;
}

.payment .ecom-check .icon-check {
	background-position: -878px -438px;
    left: 0;
    top: 2px;
}
.payment .ecom-check p {
	padding: 7px 0 0 17%;
	float: left;
	margin: 0;
	color: #343E5C;
	font-size: 14px;
	font-weight: 600;
}

.payment .ecom-check.terms-check {
	margin-top: 20px;
}

.payment .ecom-check.terms-check p {
	padding: 7px 0 0 19%;
}

.button-wrap {
	border-top: 1px solid #E4E6EC;
}

.button-wrap .back-btn {
	background: none;
	color: #2d2d2d;
	font-size: 14px;
	border:none;
	min-height: 10px;
	min-width: 85px;
	margin: 45px 0 0 5%;
}	

.button-wrap .back-btn:hover {
	color: #A1A8BD;
}

.shopping-cart.ecom-mobile .sidebar-heading h2 {
	font-size: 16px;
	padding: 0 0 15px;
	display: block;
	margin: 0 auto;
	border-bottom: 4px solid #343E5C;
	width: 195px
}

.shopping-cart.ecom-mobile li {
	padding: 5px 3% 5px 0;
	border-bottom: 1px solid #F0F2F7;
}

.shopping-cart.ecom-mobile ul {
	padding: 3px 4% 0 7%;
}

.shopping-cart.ecom-mobile .text-wrap {
	padding-top: 10px;
}

.shopping-cart .price {
	padding: 27px 0 0 0;
}

.ecom-right .shopping-cart ul {
	height: 332px;
	border-bottom: 2px solid #1d2632;
}

.shopping-cart .shopping-total {
	padding: 20px 7%;
}

.shopping-cart .shopping-total p,
.shopping-cart .price
{
	font-size: 15px;
	font-weight: 600;
}

.shopping-cart .shopping-total .shop-total {
	padding-top: 20px;
}

.shopping-cart .shopping-total .shop-total p {
	color: #fff;
}

.billing-address {
	padding-top: 25px;
}

.payment .ecom-left {
	height: 820px;
}

.payment .ecom-right {
	height: 820px;
}

.terms-check a {
	color: #B31A00;
}

.confirmation .tick-icon {
	background-image: url("../images/sprite-blue.png");
    background-repeat: no-repeat;
	width: 98px;
	height: 98px;
	margin: 0 auto 30px;
	background-position: -60px -394px;
}

.confirmation h2 {
	font-size: 29px;
	padding-bottom: 20px;
}

.confirmation .darker {
	color: #2E333F;
	font-weight: 600;
}

.confirmation .customer-info {
	padding: 10px 0 20px;
}

.confirmation .customer-info p {
	margin: 0;
}

.confirmation .customer-info .f-name {
	padding-right: 5px;
}

.confirmation .ecom-left .item-list {
    height: 590px;
}

.confirmation .ecom-left,
.confirmation .ecom-right
{
	height: 720px;
}

.ship-address,
.bill-address,
.ship-method 
{
	width: 30%;
	float: left;
}

.bill-address {
	margin: 0 5%;
}


.create-item-stash-details { width: 75%; }


.category-dd-wrap .right.value select { display: block; }

.item-details-linked { padding-top: 16px; }


/*Terms and Returns*/

.legal-banner h1 {
	font-size: 51px;
}

.tr-header {
	position: fixed;
	width: 100%;
	background: #EFF0F4;
	top: 0;
}

#e-header.tr-header  .cb-tab-wrap {
	border-bottom: 1px solid #ccced2;
}	

.full-width-wrap {
	background: #fff;
}

.blank .full-width-wrap {
	background: #eff0f4;
}

.tr-text {
	padding: 100px 40px 20px;
	max-width: 1155px;
	margin: 0 auto;
}	
.tr-text .terms-of-use {
	max-width: 1180px;
	padding: 120px 10px 20px;
}

.tr-text.tr-desktop {
	padding-bottom: 10px;
}

.tr-text h1,
.tr-text h2,
.tr-text p
{
	/*font-family: "Open Sans",sans-serif; updated DD 14/3/17*/
	font-family: "montserratlight",sans-serif;
	color: #202228;
	font-size: 14px;
	line-height: normal;
}


.tr-text h1,
.tr-text h2
{
	text-align: left;
	font-weight: bold;
	margin-bottom: 12px;
	/*text-transform: uppercase; DD 18/3/17*/
	letter-spacing: 0;
}

.tr-text h2 {
	margin-top: 20px;
}

.tr-text h2.gubd {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.tr-text ul {
	padding-left: 30px;
}

.tr-text ul li {
	list-style: outside disc;
	padding-left: 10px;
}

.tr-text a {
	line-height: normal;
	color: #df2000;
	text-decoration: underline;
}

.tr-mobile {
	display: none;
}

.tr-mobile.tr-text {
	padding: 70px 0 0;
}

.tr-mobile .mob-tr-list {
    padding: 0;
}

.tr-mobile .mob-tr-list div {
	padding: 0 5%;
}

.tr-mobile h1 {
	padding-left: 5%;
}

.tr-mobile p.right {
	padding-right: 5%;
}

.tr-mobile .mob-tr-list li {
	list-style: outside none none;
	padding-left: 0;
}

.tr-mobile .sub_title {
	outline: none;
	text-decoration: none;
}

.tr-mobile .sub_title  h2 {
	border-top: 1px solid #ddd;
    color: ##202228;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 15px 5%;
}

.tr-mobile .sub_title  h2 span{
	float: right;
    font-size: 22px;
    line-height: 21px;
    margin-top: -4px;
    padding: 0 4px;
	text-align: center;
}

.tr-mobile .silver-btn {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #7f7f7f;
    display: block;
    font-weight: bold
}	
/*About us page*/
/*
.tr-text.about-page h2{
	color: #a20800;
	text-decoration: underline;
}
*/

/*New about page*/

.about-page.tr-text p {
	font: 16px/24px montserratlight, Arial, Helvetica, sans-serif;
	color: #525962;
}

.tr-text.about-page {
	padding: 60px 40px 20px;
}

.tr-text .mission-block p {
	text-align: center;
	color: #0e1c2a;
	font: italic 20px/38px montserratregular, Arial, Helvetica, sans-serif;
	padding: 0 0 31px;
}

.mission-block h2 {
	color: #0e1c2a;
	font: 30px/34px montserratbold, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #e9e9e9;
	padding: 0 0 36px;
	margin: 0 0 52px;
	text-align: center;
}

.mission-block .text-block {
	max-width: 790px;
	margin: 0 auto;
}

.who-we-are {
	color: #101d2b;
	padding: 122px 110px 197px;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 -108px 83px -109px;
}

.who-we-are h2 {
	color: #0e1c2a;
	font: 30px/34px montserratbold, Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
}

.who-we-are .text-block {
	max-width: 500px;
}

.philosophy-block {
	overflow: hidden;
	padding: 20px 0 55px;
	border-bottom: 2px solid #e2e2e3;
}

.philosophy-block h2 {
	text-transform: uppercase;
	color: #172532;
	font: 30px/34px montserratbold, Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 0 28px;
}

.philosophy-block h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 108px;
	height: 3px;
	background-color: #dde1e5;
}

.philosophy-block h3 {
	font: 24px/28px montserratbold, Arial, Helvetica, sans-serif;
	color: #0e1c2a;
	margin: 0 0 17px;
}

.philosophy-block .img-block {
	float: left;
	width: 41%;
	margin: 0 108px 0 0;
}

.philosophy-block img {
	display: block;
}

.philosophy-block .text-block {
	overflow: hidden;
}

.philosophy-block .text-holder {
	margin: 0 0 38px;
}

.about-block {
	padding: 10px;
}

.about-block .center-block {
	max-width: 1220px;
}

.brand-block {
	padding: 100px 0 82px;
	line-height: 27px;
	position: relative;
	z-index: 1;
}

.brand-block:before {
	content: "";
	position: absolute;
	bottom: -56px;
	right: 7px;
	background: url(../images/brand-img.png) no-repeat;
	width: 657px;
	height: 612px;
	z-index: -1;
	background-size: 100% 100%;
}

.brand-block h2 {
	font: 30px/34px montserratbold, Arial, Helvetica, sans-serif;
	color: #172532;
	position: relative;
	margin: 0 0 44px;
}

.brand-block h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 108px;
	height: 3px;
	background-color: #dde1e5;
}

.brand-block p {
	margin: 0 0 27px;
}
.about-page.tr-text .brand-block p {
	line-height: 27px;
}


.brand-block .text-holder {
	padding: 0 270px 34px 0;
}

.brand-block .btn {
	text-transform: none;
	padding: 14px 45px;
	letter-spacing: 2px;
	text-decoration: none;
	color: #fff;
	font: 14px/18px montserratregular, Arial, Helvetica, sans-serif;
    background-color: #df2000;
	border-radius: 26px;
	text-shadow: none;
	-webkit-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}

.brand-block .btn:hover {
	background-color: #ac1900;
}

/*Contact us page*/
/*
.contact-page .right-card,
.contact-page .left-card
{
	background: #fff;
	border-radius: 12px;
	padding: 0 30px;
	width: 49%;
	min-height: 477px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.contact-page .half-size {
		width: 49%;
	}

.contact-page .right-card h2,
.contact-page .left-card h2 
{
	border-bottom: 1px solid #d0d5dd;
	padding-bottom: 15px;
}


.contact-page .right-card {
	float: right;
}

.contact-page .left-card {
	float: left;
}

.contact-page label {
	width: 100%;
	padding-top: 8px;
}

.contact-page input,
.contact-page textarea
{
	width: 100%;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 5px;
	color: #2d2d2d;
}

.contact-page input[type="checkbox"] {
	width: 10px;
	height: 10px;
	margin: 11px 0 0 0;
	cursor: pointer;
}

.contact-page button {
	margin: 25px 0;
	width: 160px;
	display: block;
}

.contact-page .check-1 {
	width: 300px;
	padding-left: 10px;
	cursor: pointer;
}

.contact-page input {
	height: 35px;
	margin-bottom: 12px;
	padding: 0 10px;
}	

.contact-page textarea {
	resize: none;
	min-height: 120px;
	padding: 10px;
}
*/

/*New Contact us*/

.contact-us {
	padding: 0 0 80px;
}

.contact-us .center-block {
	max-width: 1010px;
}

.contact-us .text-block {
	width: 41%;
	line-height: 26px;
	float: left;
	padding: 0 0 1px;
	
}

.contact-us .text-block .text-holder {
	margin: 0 0 64px;
}

.tr-text .contact-us .text-block .text-holder p {
	font-size: 16px;
	color: #525962;
	line-height: 26px;
    margin-bottom: 16px;
}

.contact-us .text-block .contact-form {
	display: none;
}

.contact-us h2 {
	text-transform: uppercase;
	color: #2c2c2c;
	font: 48px/56px montserratbold, Arial, Helvetica, sans-serif;
	margin: 0 0 14px;
}

.contact-us .contact-block {
	font: 14px/18px montserratsemi_bold, Arial, Helvetica, sans-serif;
	color: #2c2c2c;
}

.contact-us .contact-block a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #2c2c2c;
}

.contact-us .contact-block a:hover {
	text-decoration: underline;
}

.contact-us .contact-block .holder {
	padding: 0 0 0 31px;
	position: relative;
	margin: 0 0 25px;
}

.contact-us .contact-block .holder.phone:before,
.contact-us .contact-block .holder.email:before,
.contact-us .contact-block .holder.address:before {
	content: "\e906";
	font-family: "icomoon";
	position: absolute;
	top: 50%;
	margin: -10px 0 0;
	left: 0;
	font-size: 20px;
	line-height: 1;
	color: #df2000;
}

.contact-us .contact-block .holder.phone:before {
	content: "\e908";
	font-size: 16px;
}

.contact-us .contact-block .holder.email:before {
	content: "\e907";
	font-size: 11px;
	margin: -6px 0 0;
}

.contact-us address {
	font-style: normal;
}

.contact-form {
	float: right;
	width: 41.8%;
	padding: 4px 0 0;
	color: #2c2c2c;
	font: 14px/18px montserratregular, Arial, Helvetica, sans-serif;
}

.contact-form .input-holder {
	overflow: hidden;
	margin: 0 0 34px;
}

.contact-form label {
	text-transform: uppercase;
	float: left;
	width: 70px;
	color: #9fa3a7;
	font: 12px/16px montserratsemi_bold, Arial, Helvetica, sans-serif;
	margin: 8px 10px 0 0;
	letter-spacing: 1px;
}

.contact-form .holder {
	overflow: hidden;
	position: relative;
}

.contact-form .holder.success:before,
.contact-form .holder.required:before {
	content: "\e909";
	font-family: "icomoon";
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 14px;
	line-height: 1;
	color: #15202d;
	margin: -13px 0 0;
}

.contact-form .holder.required:before {
	content: "*";
	color: #df2000;
	font-size: 20px;
	right: 8px;
	margin: -7px 0 0;
}

.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form textarea {
	padding: 2px 30px 2px 22px;
	margin: 0;
	border: solid #ccc;
	border-width: 0 0 1px;
	display: block;
	width: 100%;
	height: 29px;
}

.contact-form textarea {
	border: none;
	height: 111px;
	resize: none;
	line-height: 38px;
}

.contact-form .textarea-holder {
	border-bottom: 1px solid #ccc;
}

.contact-form .textarea-holder:before,
.contact-form .textarea-holder:after {
	content: "";
	position: absolute;
	top: 31px;
	right: 0;
	left: 0;
	border-bottom: 1px solid #ccc;
}

.contact-form .textarea-holder:after {
	top: 71px;
}

.contact-form input[type="submit"] {
	padding: 0;
	margin: 13px 0 0;
	border: none;
	float: right;
	width: 195px;
	height: 47px;
	background-color: #df2000;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	border-radius: 24px;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	font-family: montserratsemi_bold, Arial, Helvetica, sans-serif;
}

.contact-form input[type="submit"]:hover {
	background-color: #ac1900;
}

.contact-form .submit-holder {
	overflow: hidden;
	padding: 6px 0 0;
}

.contact-form .notification {
	float: left;
	font: 13px/16px montserratsemi_bold, Arial, Helvetica, sans-serif;
	color: #9fa3a7;
	position: relative;
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
	max-width: 200px;
}

.contact-form .notification:before {
	content: "*";
	position: absolute;
	top: 0;
	left: 1px;
	font-size: 20px;
	line-height: 1;
	color: #f9593a;
	font-family: "Open Sans",Arial, Helvetica, sans-serif;
}


/*global header*/

.header-fixed{
	-webkit-transition: all .5s ease ;
	-moz-transition: all .5s ease ;
	-ms-transition: all .5s ease ;
	-o-transition: all .5s ease ;
	transition: all .5s ease ;
	/*z-index: 999;*/
	z-index: 2;
}
.header-fixed.fixed-on-top
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	padding-top: 15px;
	z-index: 2;
}
.header-fixed.fixed-on-top .container
{
	padding-bottom: 15px;
	border-bottom: 0;
}

.search-modal-close-btn-wrap {
	position: absolute;
	right: 0;
	top: 11px;
}

.search-modal-close-btn {
    display: block;
    float: none;
    height: 42px;
    width: 42px;
	background: url(../images/sprite-blue.png) no-repeat -553px 0px;
	margin-top: 5px;
}

/*Search results*/

.global-fade {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	background: rgba(33,45,60,0.95);
}

.global-pop-container{
	position: absolute;
	width: 100%;
	top: 135px;
}

.search-modal-wrapper .global-pop-container{
	top: 90px;
}

.search-modal-wrapper .arrow-left,
.search-modal-wrapper .arrow-right
{
	border-bottom: 25px solid #F8F9FA;
}

.search-modal-wrapper .arrow-corner-botch,
.search-modal-wrapper .arrow-corner-botch2 
{
	background: #F8F9FA;
}

.global-pop {
	width: 1150px;
	margin: 0 auto;
	border-radius: 20px
}

.results-wrap {
	background-color: #F8F9FA;
	margin-top: -5px;
	padding: 20px 35px;
	border-radius: 0 0 12px 12px;
}

.results-title {
	margin-bottom: 15px;
}

.mates-results,
.bunkers-results,
.lists-results
{
	border-bottom: 1px solid #dededf;
}

.mates-results img {
	border-radius: 50%;
}

.bunkers-results img,
.lists-results img,
.sips-results img
{
	border-radius: 15%;
}

.profile-mates-wrap,
.bunker-members-wrap
{
    padding: 20px 10px 0;
    width: 650px;
    margin: 0px auto;
}

.profile-mates-wrap .search-block,
.bunker-members-wrap .search-block
{
	padding: 5px 0 15px 5px;
	border-bottom: none;
}

.search-list {
	padding-bottom: 20px;
}

.search-item {
	float: left;
	margin: 0 20px 20px 0;
}

.profile-mates-wrap .search-list li:nth-child(2n),
.bunker-members-wrap .search-list li:nth-child(2n)
{
	margin: 0 0 20px 0;
}

.results-block {
	padding-top: 20px;
}	

.bunker-create-invite .results-block {
	padding-top: 0px;
}

.results-block p b {
	color: #343e5c;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
	padding-bottom: 10px;
}

.results-block .see-all {
	color: #8a97a9;
    float: right;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    text-decoration: underline;
}

.search-link {
	padding: 10px 7px;
	width: 300px;
}

.continue-arrow {
	background: url(../images/sprite-blue.png) no-repeat -92px -83px;
	height: 14px;
	width: 8px;
	float: right;
	margin: 20px 15px 0 0;
}

.remove-cross {
	background: url(../images/sprite-blue.png) no-repeat -120px -75px;
	height: 30px;
	width: 30px;
	float: right;
	margin: 13px 15px 0 0;
}

.profile-avatar-wrap {
	border-radius: 50%;
	overflow: hidden;
	width: 48px;
	height: 48px;
	text-align: center;
}

.image-position {
	overflow: hidden;
	width: 100%;
}

.sip-tab-map .custom-combobox input {
	padding: 2px;
}

.sip-tab-map .custom-combobox a {
	height: 20px;
	vertical-align: text-bottom;
}

.top-level-error-wrap {
	min-height: 500px;
	width: 75%;
	margin: 0 auto;
	padding: 20px;
}

.top-level-error-details {
}

.error-padding {
	padding: 20px;
}

/*
 * from createbunker.xml
 */

.image-position {
	height: 550px;
}

.cb-left-column {
	height: 550px;
	overflow: inherit;
	position: relative;
}

/*
 * from dropfile.xml
 */

 
 
.file-progress-wrap {
	margin-top: 110px;
}
.login-page .file-progress-wrap {
	margin-top: 90px;
}

.uploadProgress {
	margin-top: 120px;
}

.photo-icon {
	width: 75px;
	height: 74px;
	margin: 0 auto 20px;
	background: url(/assets/images/camera-icon2.png) no-repeat;
}

.dropfilewrap {
	padding: 41px 47px 41px 47px;
}

.dropfile-parts .crop-top {
	position: absolute;
	height: 150px;
	width: 100%;
	top: 0;

	background: black;
	opacity: .6;
}

.dropfile-parts .crop-bottom {
	position: absolute;
	height: 150px;
	width: 100%;
	bottom: 0;
	background: black;
	opacity: .6;
}

.dropfile-parts .crop-bottom .slider-wrap {
	padding: 67px 40px 20px 23px;
}

/*
 * Attempt to stop the header making the page content jump around when
 * it moves to 'pinned on top'
 */
.header-wrapper {
	height: 100px;
}

.signup-errors {
	display: none;
	padding: 10px;
	color: #ac1221;
	border: 1px solid #ac1221;
	margin: 10px;
}

.bunker-left-title {
	padding: 33px 20px 14px;
}

.bunker-create-invite .bunker-left-title {
	padding: 33px 15px 0px 15px;
}

.bunker-create-invite  .cb-tab-wrapper {
    padding: 25px 0px 0;
}

.bunker-create-invite .cb-tab-wrapper .list-block-section {
    min-height: 375px;
}

.bunker-create-invite .bunker-left-title p.subtext {
	text-align: left;
}

.bunker-left-title p {
	color: black;
	font-size: 14pt;
	text-align: center;
	margin-bottom: 20px;
}

.bunker-left-title p.subtext {
	color: #ACACAC;
	font-size: 12pt;
}

.bunker-left-content {
	min-height: 350px;
}

.feedback-flow {
}

.feedback-card-wrapper {
	margin-top: 20px;
}

.feedback-heading {
	font-weight: 700;
	margin-bottom: 10px;
}

#feedbackbutton {
	position: fixed;
	right: 0;
	top: 75%;
	width: 50px;
	height: 50px;
	background: url(/assets/images/sprite-blue.png) -326px 66px;
	z-index: 1090;
}

#feedbackbutton a {
	display: block;
	width: 100%;
	height: 100%;
}

.feedback-input {
	display: block;
	padding: 10px;
	width: 100%;
}
/*internal faq page*/

.faq-wrap {
	background: #fff;
}
.faq-block {
	width: 1150px;
	margin: 0 auto;
}
.faq-block ul {
	list-style: none;
	padding: 0;
}
.faq-block a {
	text-decoration: none;
}
.faq-block .circle {
	border: 1px solid #dfdfdf;
	padding: 6px 0;
	border-radius: 18px;
	display: inline-block;
	width: 35px;
	text-align: center;
	font-size: 13px;
	margin-right: 20px;
	font-family: montserratregular;
	color: #3c3d41;
	padding: 6px 0 6px 0px;
	float: left;
	margin-top: 9px;
	line-height: 1.5
}

.faq-block h2 {
	font-size: 11px;
	color: #3b3d40;
	font-family: montserratbold, arial;
	font-weight: 200;
	letter-spacing: 3px;
	margin: 0;
	float: left;
	padding-top: 19px;
	height: 50px;
	text-align: left;
	line-height: 1.5;
}

.faq-block ul {
	margin: 0 20px;
}

.faq-block li {
	border-bottom: 1px solid #dfdfdf;
}

.faq-block li:last-child {
	border-bottom: none;
}

.faq-block li:last-child p {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.faq-block .sub_title {
	/*padding: 20px 0;*/
	display: block;
}

.faq-block .silver-btn {
	float: right;
	font-family: monospace;
	font-size: 40px;
	line-height: 40px;
	color: #3b3d40;
	font-weight: 200;
	margin-top: 6px;
}

.faq-block p {
	font-size: 14px;
	padding: 0 80px 0 60px;
	font-family: montserratlight, arial;
	color: #525962;
}

.faq-block p a {
	color: #df2000;
	text-decoration: underline;
}

/**
 * Article Style Start
 */

.article-content .ae-edit,
.article-content .ae-edit-titlebar,
.article-content .image-edit-wrap,
.article-section .author-select-wrapper {
	display: none;
}

.article-edit .ae-edit-titlebar,
.article-edit .author-select-wrapper {
	display: block;
}

.article-edit .ae-edit-titlebar {
	background: white;
}

.article-edit .author-select-chosen {
	display: none;
}

.article-add-btn {
	width: 66px;
	height: 66px;
	background: #b31a00;
	display: block;
	border-radius: 50%;
	padding: 22px;
}
.article-edit .icon-plus {
	background-position: -267px -194px;
}
.article-edit .article-edit-btn .icon-edit {
	background-position: -256px -80px;
}
/*.article-edit .article-wrapper {
	background: url(/assets/images/dotted.png) 0 0 repeat-y #eee;
}*/

.article-edit .article-content {
	background: white;
}

.article-edit .article-wrapper .ae-close {
	background-image: url('../images/sprite-blue.png');
	background-position: -149px -125px;
	background-color: #a6a8af;
	background-size: 750px 350px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}


.article-edit .article-content .image-edit-wrap {
	display: block;
	position: absolute;
	opacity: 0.33;
	right: 0;
	top: 0;
	background-color: black;
	width: 100%;
	height: 100%;
}

.article-edit .article-content .ae-edit {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: white;
}

.article-edit .article-content .ae-edit a {
	position: relative;
	left: -50%;
	top: -50%;
	color: white;
}

.article-edit .article-image-edit-btn{
	background-image: url('../images/sprite-blue.png');
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: -423px 0px;
}

.article-edit .comment-pane-wrapper {
	display: none;
}

.article-para-content-write {
	display: none;
}
.article-edit .article-para-content-read {
	display: none;
}
.article-edit .article-para-content-write {
	display: block;
	border: 1px solid #ccc;
}

.article-para-img-wrap {
	position: relative;
}

.article-edit .article-para-img-wrap {
	margin: 0px 30px 10px;
}

.article-rel {
	position: relative;
	text-align: center;
}

.article-rel .post-image-wrap {
	max-height: 393px;
	overflow: hidden;
}

.article-rel img.post-img-single {
	width: 100%;
}

/*.article-edit .article-rel {
	min-height: 150px;
}*/

.article-wrapper {
	/*padding: 20px;*/
	position: relative;
}

.article-wrapper .article-edit-tools {
	display: none;
	background: #aaa;
	text-align: center;
	height: 100%;
}

.article-wrapper.article-edit-mode .article-edit-tools {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 1%;
	border-radius: 50%;
	/*background: #B31A00;*/
}
.article-wrapper.article-edit-mode .article-content {
	float: left;
	width: 94%;
}

.article-para .article-actions {
	margin: 10px;
	display: none;
}
.article-para .article-edit-toggler {
	display: block;
}
.article-para .article-edit-overlay {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 100%;
	background: black;
	opacity: 0.4;
	z-index: 1;
}

.article-para .article-edit-mode .post-content {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
}

.article-para .article-edit-mode .article-edit-toggler {
	display: none;
}

.article-para .article-edit-mode .article-actions {
	display: block;
}

/**
 * Article Style End
 */

/*faq responsive*/
@media (max-width: 1199px) {
	.faq-block {
		width: 100%;
	}
	.faq-block .silver-btn {
		margin-right: 2%;
	}
	.faq-block .circle {
			margin-left: 5px;
	}
}

@media (max-width: 640px) {
	.faq-block h2 {
		font-size: 9px;
	}
}

@media (max-width: 560px) {
	.faq-block h2.step1 {
		width: 238px;
		padding-top: 13px;
	}
	.faq-block .circle {
		margin-right: 8px;
	}
}

@media (max-width: 450px) {
	.faq-block h2.step1 {
		width: 228px;
	}
	.faq-block h2.step2 {
		width: 228px;
		padding-top: 13px;
	}
	
	.faq-block ul {
		margin: 20px 0;
	}
	
	.faq-block h2 {
		letter-spacing: 2px;
	}
	
	.faq-block p {
		font-size: 12px;
		padding: 0 35px 0 45px;
	}
	
}
/*internal how it works page*/

.main-holder {
	background: #fff;
}

.how-it-works-block .center-block {
	max-width: 1220px;
}

.get-started-block {
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 67px;
}

.how-it-works-block {
    padding: 110px 0 0;
}

.get-started-block h2 {
    color: #343c3f;
    font: 30px/34px montserratbold,Arial,Helvetica,sans-serif;
    margin: 0 0 68px;
    position: relative;
    text-align: center;
}

.get-started-block h2:before {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 108px;
	height: 3px;
	background-color: #dde1e5;
}


.get-started-block .box-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 41px;
}

.get-started-block .box-holder {
	width: 33.3333%;
	position: relative;
	padding: 0 50px;
}

.get-started-block .box-holder:before {
	content: "";
	position: absolute;
	top: 61px;
	bottom: 62px;
	left: 0;
	width: 1px;
	background-color: #d1d1d1;
}

.get-started-block .box-holder:first-child:before {
	display: none;
}

.get-started-block .btn {
	box-shadow: 0 10px 25px 0 rgba(58, 64, 91, .4);
	font-family: montserratsemi_bold, Arial, Helvetica, sans-serif;
}

.get-started-block .number {
	display: block;
	margin: 0 auto 20px;
	width: 60px;
	height: 60px;
	background-color: #dde1e5;
	color: #212121;
	font: 22px/26px montserratbold, Arial, Helvetica, sans-serif;
	border-radius: 50%;
	padding: 19px 0 0;
}

.get-started-block .title {
	display: block;
	text-transform: uppercase;
	color: #212121;
	font: 12px/16px montserratbold, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 0 0 13px;
}

.sip-block {
	position: relative;
	padding: 53px 0 72px;
	font-size: 14px;
	line-height: 26px;
	height: 528px;
}

.sip-block:before,
.sip-block:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #dde1e5;
}

.sip-block:after {
	top: auto;
	bottom: 0;
}

.sip-block .text-block {
	float: left;
	width: 46%;
	margin: 34px 0 0 0;
	position: relative;
	padding: 91px 40px 0 0;
}

.sip-block .text-block:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icon2.png) no-repeat;
	width: 60px;
	height: 60px;
	background-size: 100% 100%;
}

.sip-block .img-holder {
	float: right;
	margin: 0 -18px 0 0;
	width: 52%;
}

.sip-block img {
	display: block;
	width: 100%;
}

.sip-block h2 {
	color: #343c3f;
	font: 30px/34px montserratbold, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	text-align: left;
}


.question-block {
	font-size: 14px;
	line-height: 24px;
}

.question-block .center-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.question-block .box {
	width: 50%;
	position: relative;
	padding: 55px 0 42px 63px;
}

.question-block .box:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #dde1e5;
	width: 1px;
}

.question-block .box:first-child {
	padding: 55px 130px 42px 0;
}

.question-block .box:first-child:before {
	display: none;
}

.question-block h3 {
	text-transform: uppercase;
	color: #222328;
	font: 16px/20px montserratregular, Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
}

.question-block .text-holder {
	margin: 0 0 22px;
}

.question-block .btn {
	border-width: 2px;
	padding: 11px 55px;
	letter-spacing: 1px;
}


/*internal legal pages 10/3/17 DD*/ 

.legal-heading .bottom-underline::after  {
	background: none;
}

.legal-heading .page-main-heading {
    float: none;
    text-align: center;
}


/*updated create flow*/

.create-flow-content {
	position: relative;
	top: 20%;
	width: 868px;
	min-height: 50%;
	border-radius: 20px 20px;
	margin: 0 auto;
	background: white;
}

.create-flow-toolbar {
	height: 60px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.tools .create-flow-toolbar {
	margin-top: -23px;
}

.cf-toolbar-section {
	float: left;
}

.cf-toolbar-section.cf-previous,
.medialibrary-browse .cf-toolbar-section
{
	position: absolute;
	top: 10px;
	left: 10px;
	float: none;
}

.sip-gear .edit-title {
	width: 100%;
	text-align: center;
}

.cf-action-btns {
	position: absolute;
	top: 10px;
	right: 10px;
}

.cf-post-title {
}

.cf-field {
	background: #f0f2f7;
	border: 1px solid #e1e3ea;
	border-radius: 4px;
	height: 40px;
	width: 100%;
	padding: 10px 17px;
	display: block;
}

.cf-post-content {
	border: 0px;
	padding: 20px;
	width: 100%;
	/*min-height: 150px;*/
	height: 100%;
}

.cf-post-section-as {
	width: 25%;
}
.cf-post-section-camera {
	width: 10%;
	text-align: center; 
}
.medialibrary-browse .cf-post-section-camera {
	width: 22%;
}
.cf-post-medialibrary .cf-post-section-camera {
	width: 70px;
}
.cf-post-section-title {
	width: 60%;
}
.ae-edit-titlebar .cf-post-section-title {
	width: 93%;
}

.ae-edit-titlebar .cf-post-section-camera {
	width: 7%;
}

.ae-edit-titlebar .cf-post-section-camera img{
	float: right;
}

.medialibrary-browse h1 {
	font-size: 35px;
	line-height: initial;
}
#medialibrary-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    background: rgba(33,45,60,0.95);
    z-index: 2;
    display: none;
}
.nicEdit-main {
	padding: 20px;
}

.create-flow-main {
	height: 350px;
	overflow: auto; /*DD 11/9/17*/
}

.cb-question-popup.create-flow-main {
	overflow: initial;
}

.medialibrary-browse .create-flow-main {
	height: 342px;
}

.cf-sip-background .create-flow-main {
	height: 340px;
	overflow-y: auto;
}

.media-none {
	/*min-height: 350px;*/
	height: 100%;
}

.medialibrary-flow {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}


/*.media-none textarea {
	min-height: 341px;
}*/

.cf-post-editpane {
	height: 170px;
	overflow: auto;
}

.cf-media-list-wrap {
	height: 170px;
}

.media-none .cf-post-editpane {
	height: 350px;
}

.media-none .cf-media-list-wrap {
	display: none;
}


.cf-post-media {
	padding: 15px;
}

.cf-media {
	width: 150px;
	height: 150px;
	border: 1px solid #ccc;
	position: relative;
	float: left;
	margin: 0 0 14px 14px;
}

.skills-badge {
	margin: 0 0 25px 18px;
	width: 150px;
	height: 150px;
	float: left;
	position: relative;
}

.cf-media img,
.skills-badge img
{
	width: 100%;
	height: 100%;
}

.cf-remove-media {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	width: 20px;
	background: url("../images/sprite-blue.png") no-repeat -833px 1px;
	display: block;
}

.cf-bottom-bar {
	border-top: 1px solid #ccc;
	height: 120px; /*KW: So we don't depend on the button height*/
}

.cf-media-drag-upload {
	width: 100%;
	height: 350px;
	position: absolute;
	border-radius: 12px;
	padding: 20px;
	top: 60px;
	left: 0;
	background: #fff;
	z-index: 1;
}

.cf-media-upload-content {
	border: 2px dashed #cfcfcf;
	height: 310px;
	width: 10%;
	border-radius: 12px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.cf-media-upload-content p {
	font-size: 14px;
	font-weight: 600;
}

.create-flow-wrap-privacy .privacy-close {
	margin: 45px 20px 0 0;
}

.cr-advanced {
	height: 27px;
	width: 23px;
	background: url("../images/sprite-blue.png") no-repeat -189px -281px;
	display: block;
	position: absolute;
	left: 43px;
	top: 39px;
}

.cr-advanced-message {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	top: -65px;
	left: 35px;
	width: 255px;
	text-align: left;
}

.close-advanced-message {
	position: absolute;
	top: 4px;
	right: 3px;
	background: url("../images/sprite-blue.png") no-repeat -142px -48px;
	width: 10px;
	height: 11px;
}

.create-flow-toolbar h1 {
	color: #343e5c;
	text-align: center;
	font-family: montserrat;
	text-transform: uppercase;
	font-size: 23px;
	padding-top: 8px;
	font-weight: 600;
	
}

.create-flow-toolbar .back-arrow {
	background: url("../images/sprite-blue.png") no-repeat -513px -120px;
	width: 25px;
	height: 35px;
	
}

.tools .create-flow-toolbar .back-arrow {
	background: url("../images/sprite-blue.png") no-repeat -862px 12px;
}

.cf-add-media-wrap {
	width: 150px;
	height: 150px;
	border: 1px dashed #ccc;
	border-radius: 5px;
	float: left;
	margin: 15px 0 14px 29px;
	display: block;
}

.cf-add-media {
	background: url("../images/sprite-blue.png") no-repeat -147px -160px;
	width: 50px;
	height: 50px;
	margin: 46px auto 0;
	 -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cf-empty-library {
	padding: 15px 15px 15px 30px;
}

.cf-empty-library div {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 8px 10px 0;
}

.cf-library-list,
.cf-route-list
{
	padding: 15px 0 0 15px;
}

.cf-library-list li,
.cf-route-list li
{
	overflow: unset;
}

.cf-library-list .obi-checkbox,
.cf-route-list .obi-checkbox
{
	position: relative;
}

.cf-library-list input[type="checkbox"],
.cf-library-list input[type="radio"],
.cf-list-library input[type="checkbox"],
.cf-route-list input[type="checkbox"],
.skills-list input[type="checkbox"]
{
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}

.skills-list input[type="checkbox"] {
	z-index: 0; /*if not needed on others remove it*/
}

.cf-library-list input[type="checkbox"]:checked + .obi-check-label .icon-obi-check,
.cf-library-list input[type="radio"]:checked + .obi-check-label .icon-obi-check,
.cf-list-library  input[type="checkbox"]:checked + .obi-check-label .icon-obi-check,
.cf-route-list input[type="checkbox"]:checked + .obi-check-label .icon-obi-check,
.skills-list input[type="checkbox"]:checked + .obi-check-label .icon-obi-check
{
	border: none;
	background: url("../images/sprite-blue.png") no-repeat -386px -3px;
}

.cf-library-list label,
.cf-list-library label,
.cf-route-list label,
.skills-list label
{
	display: block;
	margin: 0;
}

.cf-library-list .obi-link,
.cf-list-library .obi-link,
.cf-route-list .obi-link,
.skills-list .obi-link
{
	display: block;
	min-height: 141px;
	position: relative;
	background: none;
}

.cf-library-list img,
.cf-list-library img,
.cf-route-list img
{
	width: 100%;
}

.cf-library-list .icon-obi-check,
.cf-list-library .icon-obi-check,
.cf-route-list .icon-obi-check
{
	height: 29px;
	position: absolute;
	right: 13px;
	top: 10px;
	width: 29px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
}

.skills-list .icon-obi-check {
	height: 29px;
	position: absolute;
	right: -11px;
	top: 18px;
	width: 29px;
	border-radius: 50%;
	border: 2px solid #131f28;
	background: transparent;
	cursor: pointer;
}

.cf-progress-wrap {
    position: absolute;
    top: 50px;
    left: 50px;
}

/*createlist2*/

.cf-list-library {
	padding: 15px 0 0 15px;
	width: 855px;
	height: 350px;
	overflow-x: auto;
	white-space: nowrap;
}

.cf-list-library  li {
	display: inline-block;
}

.cf-list-media {
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	margin: 0 0 0px 14px;
	float: none;
	position: relative;
}


/*edit photo*/

.edit-photo h2,
.link-product h2,
.item-detail h2
{
	font-size: 20px;
	padding: 8px 0 0 30px;
	font-family: montserrat;
	text-transform: uppercase;
	font-weight: 600;
	color: #343e5c;
}

.tools .item-detail h2 {
	letter-spacing: 1px;
	font-size: 14px;
	color: #343e5c;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	padding: 13px 0 0 10px;
	font-weight: normal;
	font-weight: 600;
}

.edit-photo .title-wrap,
.link-product  .title-wrap{
	width: 35%;
}

.edit-photo .edit-title,
.link-product .edit-title {
	text-align: center;
}

.edit-photo .create-flow-main,
.link-product  .create-flow-main{
	height: 462px;
}

.edit-photo .cf-toolbar-section,
.link-product  .cf-toolbar-section{
	float: right;
}

.edit-photo .cf-post-section-title,
.link-product  .cf-post-section-title {
	width: 65%;
}

.edit-photo .left-clm,
.link-product .left-clm {
	width: 35%;
	border-right: 1px solid #ccc;
	float: left;
	height: 462px;
}
.edit-photo .right-clm,
.link-product .right-clm
{
	width: 65%;
	float: right;
	height: 462px;
}

.edit-photo .left-clm a,
.link-product .left-clm a,
.sip-add-item .left-clm-main a
{
	display: block;
	width: 80%;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
}

.edit-photo .edit-button,
.sip-add-item .left-clm-main a
{
	margin: 20px auto 0;
	height: 45px;
	padding-top: 12px;
}

.sip-add-item .left-clm-main a {
	margin: 28px auto 0;
}

.edit-photo .edit-cancel {
	height: 30px;
	margin: 212px auto 0;
	padding-top: 4px;
}

.edit-photo .edit-button.crop-btn,
.edit-photo .edit-button.link-btn
{
	position: relative;
}

.edit-photo .edit-button.crop-btn div {
	position: absolute;
	background: url("../images/sprite-blue.png") no-repeat -739px 0px;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 10px;
}

.edit-photo .edit-button.link-btn div {
	position: absolute;
	background: url("../images/sprite-blue.png") no-repeat -745px -27px;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 10px;
}

/* some strange style for 'croppie' */
.edit-photo .cfphotoedit {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.edit-photo .crop-space .crop-wrapper {
	width: 100%;
	height: 410px;
}

/* keeping aspect ratio the same as the post list, but
 smaller */
.image-edit-rect {
	width: 500px;
	height: 282px;
	margin: 0 auto;
}


/*Link product*/

.link-product,
.link-product-list
{
	position: relative;
}

.close-product-info {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: url("../images/sprite-blue.png") no-repeat -162px -176px;
}

.link-product-info {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 94%;
	height: 190px;
	padding: 10px 28px 0 10px;
	border: 2px dashed #ccc;
	background: #fff;
	border-radius: 12px;
}

.link-product-instructions {
	height: 48px;
	width: 95%;
	background: #fff;
	border-radius: 12px;
	border: 2px dashed #ccc;
	padding: 10px 20px 0 10px;
	text-align: center;
	margin: 15px auto 0;
}

.image-space {
	width: 100%;
	height: 400px;
}

.product-btn {
	border-top: 1px solid #ccc;
}

.product-btn a {
	display: block;
	width: 45%;
	margin: 0 auto;
}

.product-btn a.off {
	display: none;
}

.link-product  .search-btn {
	margin: 10px auto;
	height: 45px;
	padding-top: 13px;
}

.link-product .left-clm p {
	text-align: center;
	padding: 0 40px;
	line-height: 18px;
}

.link-product-list {
	height: 400px;
	overflow-y: auto;
} 

/*Item Details*/

.item-detail .left-clm {
	float: left;
	width: 60%;
}

.item-detail .right-clm {
	float: right;
	width: 40%;
}

.item-info-tabs {
	border-bottom: 1px solid #ccc;
	margin-left: 0px;
	margin-right: 0px;
}

.stash-item-card-wrapper .item-info-tabs {
	margin-left: 0px;
	margin-right: 0px;
}

.item-info-tabs li a {
	display: block;
	font-size: 12px;
	text-align: center;
	padding: 23px 0 22px;
}

.item-info-tabs li {
	height: 59px;
	width: 86px;
	float: left; 
}

.item-info-tabs li:first-child {
	border-left: none;
}

.item-info-tabs li:last-child {
	width: 89px;
}

.create-flow-main .item-pic {
	padding: 15px 0 0 10px;
    width: 285px;
}

.item-pic img {
	width: 100%;
	height: auto;
	/*border: 1px solid #ccc;*/
	border-radius: 3px;
	margin: 0 0 0 10px;
}

.create-item-inputs p {
    font-size: 23px;
    margin: 5px 0 0;
}

.item-detail .item-details-wrap {
	width: 39%;
	padding-top: 15px;
	padding-right: 1%;
}

.item-detail .product-btn {
	padding: 35px 0;
}

.pro-tabbing-content #description,
.pro-tabbing-content #specification,
.pro-tabbing-content #contents,
.pro-tabbing-content #features
{
	padding: 15px 15px 0;
	color: #30313a;
	font-weight: 400;
	height:350px;
	overflow-y: auto;
	font-family: 'Poppins', sans-serif;
}

.pro-tabbing-content  p {
	padding: 15px 15px 0;
	color: #30313a;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.item-info-tabs li.active a {
	/*color: #b31a00;*/
	font-weight: 600;
	/*border-bottom: 2px solid #b31a00;*/
	padding: 23px 0 20px;
}

.item-info-tabs li:last-child.active a {
	border-radius: 0 18px 0 0;
}


.create-item-inputs input {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 5px;
	width: 187px;
}

.create-item-inputs input.left {
	width: 70px;
	margin-left: 103px;
}

.create-item-inputs input[type=number]::-webkit-inner-spin-button,
.create-item-inputs input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.create-item-inputs input[type=number] {
	-moz-appearance: textfield;
}

.create-item-inputs select {
	width: 187px;
	height: 35px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0;
}


.item-detail .right-clm textarea {
	border: 1px solid #ccc;
    border-radius: 3px;
    height: 320px;
    padding: 5px;
    resize: none;
    width: 100%;
}

/*New create sip*/

.cf-sip-main .cf-toolbar-section.cf-post-section-title {
	float: right;
}

.cf-sip-main .info-message {
	padding: 10px;
	position: absolute;
	top: 60px;
	left: 0px;
	background: #fff;
}

.cf-sip-main .info-wrap {
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
	padding: 10px 5px;
	
	display: none;
}

.info-wrap .btn {
    display: block;
    margin: 0 auto;
    width: 200px;
	background: #b31a00;
	border: 1px solid #b31a00;	
	color: #fff;
}

.info-wrap .btn:hover {
	background: #fff;
	color: #df2000;
}

.show-check {
	float: left;
	padding: 8px 0 0 10px;
}

.cf-sip-main .select-wrap {
	float: right;
}

.cf-sip-main .select-wrap select {
	width: 238px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

.create-sip-intro .selectpicker {
    width: 236px;
}

.cb-question-popup .cb-questions-list li .selectpicker span {
	padding-top: 0;
}

.select-wrap .dropdown-menu ul li {
	padding: 0;
	margin-bottom: 5px;
}

.create-sip-intro .cb-item-category .bootstrap-select.btn-group .btn .caret {
    right: 16px;
    top: 12px;
}

/*create sip summary*/

.summary-content {
	text-align: center;
}

.summary-content li {
	float: left;
	display: inline;
}

.summary-content .top-list {
	margin: 10px 7.2% 0;
}

.summary-content .bottom-list {
	margin: 20px 7.2% 0;
}

.summary-content .summary-four {
	padding-left: 16.2%;
}

.summary-content li a {
	display: block;
	width: 160px;
	height: 150px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	position: relative;
}

.summary-content li  p {
	font-weight: bold;
	font-size: 14px;
	color: #2d2d2d;
}

.summary-content li .summary-pic {
	width: 65px;
	height: 68px;
	margin: 20px auto 15px;
}	

.summary-content li a .content-added {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
}

.summary-content li.active a .content-added {
	border-radius: 12px;
	background: url("../images/sprite-blue.png") no-repeat -720px -455px;
}

.summary-content .summary-one.active .summary-pic {
	background-size: 100%;
}

.summary-content .summary-one .summary-pic {
	background: url("../images/create-sip/infoicongrey.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-two.active .summary-pic {
	background-size: 100%;
}

.summary-content .summary-two .summary-pic {
	background: url("../images/create-sip/gear-1-grey.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-three.active .summary-pic {
	background: url("../images/create-flow-2/map-img-blue.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-three .summary-pic {
	background: url("../images/create-flow-2/map-img-grey.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-four.active .summary-pic {
	background: url("../images/create-flow-2/heart-blue.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-four .summary-pic {
	background: url("../images/create-flow-2/heart-grey.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-five.active .summary-pic {
	background: url("../images/create-flow-2/skills-img-blue.png") no-repeat;
	background-size: 100%;
}

.summary-content .summary-five .summary-pic {
	background: url("../images/create-flow-2/skills-img-grey.png") no-repeat;
	background-size: 100%;
}

/*create sip basic info*/

.cf-sip-main .sip-basic-info textarea {
	width: 100%;
	height: 349px;
	border: 1px solid #fff;
	resize: none;
	padding: 12px 20px;
}

.basic-info-text::-webkit-input-placeholder {
	color: #000;
}
.basic-info-text::-moz-placeholder {
	color: #000;
}
.basic-info-text::-moz-placeholder {
	color: #000;
}
.basic-info-text:-ms-input-placeholder {
	color: #000;
}
.basic-info-text:-moz-placeholder {
	color: #000; 
}

/*Create sip gear*/

.sip-gear .title-graphic {
	background: url("../images/create-sip/gear-1-blue.png") no-repeat;
	background-size: 44%;
	width: 91px;
	height: 42px;
	margin-left: 10px;
}

.sip-gear .edit-title h2,
.sip-add-item .edit-title h2
{
	font-size: 23px;
	padding: 8px 0 0;
	color: #343e5c;
	font-family: montserrat;
	font-weight: 600;
}

.add-sip-item-btn a {
	/*background: url("../images/additem-grey.png") no-repeat center center;*/
	background: url("../images/additem-blue.png") no-repeat center center;
	display: block;
	width: 40px;
	height: 40px;
	background-size: 25px;
	margin-right: 10px;
}

.add-sip-item-btn a:hover,
.add-sip-item-btn a:focus
{
	color: #df2000; 
}

.sip-gear .left-clm,
.sip-add-item .left-clm
{
	width: 29%;
	border-right: 1px solid #ccc;
	float: left;
}

.sip-add-item .left-clm {
	height: 460px;
}

.sip-gear  .left-clm-main .sip-assigned-info {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 10px auto;
	width: 90%;
	text-align: center;
} 

.sip-gear  .left-clm-main .sip-assigned-info p {
	margin: 0;
	padding: 3px;
}

.sip-gear  .left-clm-main .sip-items-list li {
	float: left;
	margin: 10px 0 0 4%;
}

.sip-gear  .left-clm-main .sip-items-list li a {
	display: block;
	width: 70px;
	height: 66px;
	position: relative;
}

.sip-gear  .left-clm-main .sip-items-list li a p {
	position: absolute;
	top: 24px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	margin: 0;
	line-height: 16px;
}

.sip-gear  .left-clm-main .sip-items-list li a img {
	border: 2px solid #fff;
	border-radius: 7px;
}

.sip-gear  .left-clm-main .btn {
	margin: 10px auto;
}	

.sip-gear  .left-clm-main .clear-button a {
	display: block;
	width: 33%;
	min-width: 180px;
	background: #f0f2f7;
	border: 1px solid #c7c9ce;	
	color: #4a4b4f;
}
.sip-gear  .left-clm-main .clear-button a:hover {
	background: #fff;
	color: #df2000;
}

.sip-gear .left-clm-main .sip-items-list li a.active img {
	border: 2px solid #b31a00;
	border-radius: 7px;
}

.sip-gear  .left-clm-main .sip-items-list li a img {
	width: 100%;
}

.sip-gear .right-clm,
.sip-add-item .right-clm
{
	width:100%;
	/*float: right;*/
}

.sip-gear .right-clm .right-gear-header,
.sip-add-item .right-clm .right-search-header,
.sip-route-builder .right-clm .right-search-header,
.sip-rally-point .right-clm .right-search-header,
.right-gear-header
{
	border-bottom: 1px solid #ccc;
	height: 60px;
	padding: 10px 10px 10px 20px;
}

.sip-gear .right-clm .right-gear-header li,
.sips-results-header li
{
	float: left;
}

.sip-gear .right-clm .right-gear-header li p,
.sips-results-header li p
{
	color: #2e333f;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
}

.sip-gear .right-clm .right-gear-header .rgh-1,
.sips-results-header .rgh-1
{
	margin-right: 30px;
	width: 55px;
}

.sip-gear .right-clm .right-gear-header .rgh-2,
.sips-results-header .rgh-2
{
	margin-right: 35px;
}

.sip-gear .right-clm .right-gear-header .rgh-3,
.sips-results-header .rgh-3 
{
	margin-right: 477px;
}


.gear-list .remove {
	display: block;
	border: 2px solid #343E5C;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	margin: 22px 35px 7px 20px;
	background: url("../images/sprite-blue.png") no-repeat -829px 6px;
}

.gear-list .remove.off {
	display: none;
}

.gear-list .gear-radio {
	width: 32px;
	height: 32px;
	margin: 7px 35px 7px 20px;
}

.inventory-gear-list-wrap .gear-fig {
	margin-right: 30px;
    vertical-align: middle;
    width: 10%;
	height: 83px;
}

.gear-fig img {
	width: 100%;
}

.gear-caption {
	vertical-align: middle;
    width: 56%; /*was 490px*/
	overflow: hidden;
	margin: 18px 0 0 10px;
}

.inventory-gear-list-wrap .gear-caption {
    width: 30%;
	padding-right: 1%;
}

.inventory-gear-list-wrap .inventory-edit.off {
	display: block;
	width: 140px;
	height: 45px;
	margin-left: 3%;
	float: left;
	margin-top: 18px;
}

.inventory-gear-list-wrap .inventory-edit .buy-btn-product {
	margin-left: 22px;
	margin-top: 0;
}

.inventory-edit .buy-btn-product .icon-link {
	background-position: -745px -77px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: -4px;
	width: 20px;
}

.inventory-gear-list-wrap .gear-list li {
	border-bottom: 1px solid #ccc;
}

.gear-caption p {
	margin: 0;
}

.gear-list li {
	position: relative;
	padding: 10px 0 0 12px;
}

.gear-list .g-heading {
	color: #3a405b;
	font-family: "montserratregular";
    font-size: 14px;
}	

.gear-list  .g-text {
	color: #b9bed1;
    font-size: 13px;
}

.gear-list .spinner-number {
	float: left;
	width: 118px;
	background: #ecedf1;
	border-radius: 30px;
	margin: 17px 22px 0 0;
}

.inventory-gear-list-wrap .gear-list .spinner-number {
	margin: 18px 22px 0 0;
}

.gear-list .spinner-btn {
	width: 34px;
}

.gear-list .spinner-btn a {
	background: #ecedf1; 
	font-size: 33px;
    height: 42px;
}

.gear-list .spinner-number .content-input {
	width: 48px;
	background: #fff;
	text-align: center;
	padding: 15px 0;
	
}

.gear-list .gear-select {
	width: 38px;
	height: 42px;
	border-radius: 5px;
	background: url("../images/sprite-blue.png") no-repeat -857px 11px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	margin-top: 16px;
}

.inventory-gear-list-wrap .gear-list .gear-select {
	margin-left: 2%;
	display: none;
}

.create-info-msg {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	text-align: center;
}

.gear-no-content {
	padding: 10px;
}

.assign-btns-wrap {
	padding: 20px 40px;
}

.assign-btns-wrap div {
	float: left;
	width: 30%;
}

.assign-btns-wrap .sip-gear-create {
	margin: 0 5%;
}

.assign-btns-wrap a {
	text-align: center;
	width: 100%;
	display: block;
	height: 160px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 20px;
	padding-top: 65px;
	color: #63647c;
}

.assign-btns-wrap a:hover {
	color: #151515;
	text-shadow: 1px 1px 1px #c0c0c0;
}

.assign-btns-wrap p {
	text-align: center;
	color: #2d2d2d;
	padding-top: 10px;
}

/*Sip Add Item*/

.sip-add-item .left-clm-main p{
	text-align: center;
	color: #2d2d2d;
	padding: 5px 10px 0;
}

.sip-add-item .left-clm-main a {
	color: #333;
}

.sip-add-item .left-clm-main a.active {
	background: #b31a00;
	color: #fff;
	border: 1px solid #b31a00;
	pointer-events: none;
	cursor: default;
}

.sip-add-item .right-clm .right-search-header {
}

.sip-add-item .right-clm .sip-search-wrap,
.sip-route-builder .right-clm .sip-search-wrap,
.sip-rally-point .right-clm .sip-search-wrap,
.sip-add-item .sip-search-wrap

{
	background: #ccd2d9 ;
	height: 40px;
    width: 68%;
	border-radius: 22px;
	margin: 0;
	padding-left: 4px;
	float: right;
}

.search-filer-wrap {
	width: 74%;
}

.sip-add-item .sip-search-wrap {
	width: 91%;
}

.sip-add-item.modal-skill-search .sip-search-wrap { /*temp*/
	width: 88%;
}

.search-filer-wrap .sg-menu-btn { 
	border-right: 1px solid #ccc;
}

.modal-skill-search .search-filer-wrap .sg-menu-btn {
	border-right: none;
}

.search-filer-wrap .sg-menu-btn.close-icn {
	border-right: none;
}

.sip-add-item .right-clm .sip-search-wrap button,
.sip-route-builder .right-clm .sip-search-wrap button,
.sip-rally-point .right-clm .sip-search-wrap button,
.sip-add-item .sip-search-wrap button
{
	background-position: -133px 3px;
	height: 36px;
	width: 30px;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	float: left;
}

.sip-add-item .right-clm .sip-item-search,
.sip-route-builder .right-clm .sip-item-search,
.sip-rally-point .right-clm .sip-item-search,
.sip-add-item .sip-item-search
{
    border: none;
	height: 40px;
	width: 92%;
    float: left;
	background-color: rgba(0,0,0,0);
	padding: 1px 1px 1px 5px;
}

/*was .sip-add-item .right-clm .sip-item-search::-webkit-input-placeholder DD*/
.sip-add-item .sip-item-search::-webkit-input-placeholder,
.sip-route-builder .sip-item-search::-webkit-input-placeholder,
.assign-to-sip-modal .sip-search::-webkit-input-placeholder
{
	color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 1px #727272;
}
.sip-add-item .sip-item-search::-moz-placeholder,
.sip-route-builder .sip-item-search::-moz-placeholder,
.assign-to-sip-modal .sip-search::-moz-placeholder
{
	color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 1px #727272;
}
.sip-add-item  .sip-item-search::-moz-placeholder,
.sip-route-builder .sip-item-search::-moz-placeholder,
.assign-to-sip-modal .sip-search::-moz-placeholder
{
	color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 1px #727272;
}
.sip-add-item .sip-item-search:-ms-input-placeholder,
.sip-route-builder .sip-item-search:-ms-input-placeholder,
.assign-to-sip-modal .sip-search:-ms-input-placeholder
{
	color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 1px #727272;
}
.sip-add-item .sip-item-search:-moz-placeholder,
.sip-route-builder .sip-item-search:-moz-placeholder,
.assign-to-sip-modal .sip-search:-moz-placeholder
{
	color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 1px #727272;
}

.sip-add-item .add-item-content {
	padding: 0px;
	height: 328px;
}	

.sip-add-item .cf-bottom-bar {
	height: auto;
}

/*.sip-add-item .cr-button-wrap {
	padding: 15px 0;
}*/

.gear-content {
	height: 268px;
	overflow-y: auto;
}

.cf-ai-btn {
	display: block;
    height: 41px;
    width: 50px;
}

.ai-depot-btn {
	background: url("../images/cart-icon.png") no-repeat center center;
}

.ai-create-btn {
	background: url("../images/create-icon-darker.png") no-repeat center center;
	background-size: 25px;
}	

.ai-invent-btn {
	background: url("../images/inventory-img.png") no-repeat center center;
	background-size: 25px;
}

.ai-depot-btn.active {
	background: url("../images/cart-icon-blue-active.png") no-repeat center center;
}

.ai-invent-btn.active {
	background: url("../images/inventory-img-blue-active.png") no-repeat center center;
	background-size: 25px;
}

.create-sip-add .title-graphic {
	background: rgba(0, 0, 0, 0) url("../images/additem-grey.png") no-repeat center center;
	background-size: 25px;
	width: 30px;
	height: 40px;
}

.ttip {
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    left: -20px;
    padding: 5px;
    position: absolute;
	z-index: 1;
	background: -webkit-linear-gradient(#fff, #f0f1f6); 
    background: -o-linear-gradient(#fff, #f0f1f6); 
    background: -moz-linear-gradient(#fff, #f0f1f6);  
    background: linear-gradient(#fff, #f0f1f6);
}

.ttip p {
	margin: 0;
}

.ai-invent-btn:hover + .ttip,
.ai-create-btn:hover + .ttip,
.ai-depot-btn:hover + .ttip,
.sg-menu-btn:hover + .ttip,
.btn-sip-create-item:hover + .ttip
{
	display: block;
}

.sg-menu-btn.close-icn:hover + .ttip {
	display: none;
}

.ai-invent-btn:hover + .ttip {
	width: 155px;
}

.ai-create-btn:hover + .ttip {
	width: 170px;
}

.ai-depot-btn:hover + .ttip {
	width: 150px;
}

.sg-menu-btn:hover + .ttip {
	width: 150px;
}

.cf-action-btns .sg-menu-btn:hover + .ttip {
	width: 155px;
	top: 40px;
	left: -45px;
}

.btn-sip-create-item:hover + .ttip {
	width: 200px;
	top: 40px;
	left: -92px;
}


/*Sip Route builder section*/

.cf-assigned-routes .cf-add-media-wrap {
	height: 230px;
	text-align: center;
}

.cf-assigned-routes .cf-add-media-wrap p {
	margin-top: 60px;
	color: #5d6479;
	font-size: 15px;
	font-weight: bold;
}

.cf-assigned-routes .cf-media {
	height: 230px;
}

.cf-assigned-routes .create-flow-wrap-button {
	padding-top: 80px;
}

.saved-route-info {
	height: 80px;
	padding: 10px 5px 5px;
}

.saved-route-info p {
	font-weight: normal;
	color: #333;
}

.sip-route-builder .left-clm,
.sip-rally-point .left-clm
{
	float: left;
	width: 29%;
	border-right: 1px solid #ccc;
}

.sip-route-builder .right-clm,
.sip-rally-point .right-clm
{
	float: right;
	width: 71%;
}

.sip-route-builder .title-graphic {
	background: url("../images/create-flow-2/map-img.png") no-repeat;
	background-size: 97%;
    height: 40px;
    margin-left: 2px;
    width: 50px;
}

.sip-route-builder .edit-title h2 {
	font-size: 20px;
	padding: 8px 0 0 10px;
}

.sip-route-builder .left-cl-main {
	height: 300px;
}

.sip-route-builder .me-destination-block {
	height: 401px;
}

.sip-route-builder .map-tools-wrap {
	border-top: 1px solid #ccc;
	height: 120px;
}

.route-name {
	padding: 15px 12px 0px;
}

.route-name input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 32px;
	padding: 0 3px;
}

.sip-rally-point .title-graphic {
    background: rgba(0, 0, 0, 0) url("../images/create-flow-2/map-img.png") no-repeat scroll 0 0 / 97% auto;
    height: 40px;
    margin-left: 2px;
    width: 50px;
}

.sip-rally-point .edit-title h2 {
	font-size: 20px;
	padding: 8px 0 0 10px;
}

.sip-rally-point .rp-assigned-items,
.sip-rally-point .rp-instructions 
{
	height: 331px;	
}

.sip-rally-point .rp-instructions textarea {
	border: none;
	width: 100%;
	height: 330px;
	padding: 12px;
	resize: none;
}

.sip-rally-point .route-map {
	border-bottom: 1px solid #ccc;
}

.sip-rally-point .rally-buttons-wrap {
	text-align: center;
	
}

.sip-rally-point .rally-buttons-wrap a {
	display: block;
	height: 200px;
	width: 50%;
	padding: 80px 5px 0;
}

.sip-rally-point .rally-assigned-btn {
	border-right: 1px solid #ccc;
}

/*SIP SUB HEADING*/

.sip-sub-heading {
	padding: 0 7.5% 20px;
}

.sip-bg {
	height: 87px;
	width: 160px;
	position: relative;
}

.sip-bg img {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	max-height: 87px;
}

.sip-sub-heading .sip-sub-text {
	max-width: 67%;
	margin-left: 2%;
}

.sip-sub-text h2 {
	color: #fff;
	font-size: 24px;
	text-align: left;
}

.sip-sub-text input {
	width: 695px;
	height: 30px;
}

.edit-sip-bg {
	disply: block;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	border-radius: 16px;
	position: absolute;
	top: 29px;
	left: 65px;
	background: url("../images/sprite-blue.png") no-repeat -320px -72px;
	box-shadow: 0 0 3px #8f8f8f;
}

/*SIP Background library*/

.cf-sip-background  .cf-add-media {
	background: url("../images/camera-icon2.png") no-repeat;
	background-size: 40px;
	transform: none;
	width: 40px;
}

.cf-sip-background .cf-add-media-wrap p{
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

.cf-sip-background .cf-media p {
	color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    text-shadow: 1px 2px 1px #000;
    top: 75%;
    width: 100%;
}


/*SIP Item list*/

.radio-block {
	float: left;
	width: 87px;
	margin-top: 24px;
}

.inventory-gear-list-wrap .radio-block {
	margin-top: 25px;
	width: 55px;
}

.radio-block input {
	display: none;
}

.radio-block label {
	margin: 0;
}

.radio-block input.gear-radio + label span {
	display:inline-block;
    width:29px;
    height:29px;
	background: url("../images/sprite-blue.png") no-repeat -880px -440px;
	margin-left: 22px;
	cursor: pointer;
}

.inventory-gear-list-wrap .radio-block input.gear-radio + label span,
.create-sip-search-results-wrap .radio-block input.gear-radio + label span
{
	margin-left: 10px;
}

.radio-block input.gear-radio:checked + label span{
	background: url("../images/sprite-blue.png") no-repeat -386px -3px;
}

/*SIP under construction*/

.under-construction {
	text-align: center;
	padding: 20px 36px;
}

.under-construction p {
	color: #2d2d2d;
	font-size: 14px;
	font-weight: 600;
}

.under-construction h2 {
	color: #2d2d2d;
	font-size: 22px;
}

.under-construction img {
	padding: 10px 0 15px;
}

.cr-button-wrap.under-con-btns {
    padding: 35px 100px;
}

.under-con-btns a {
	width: 260px;
}

.sip-view .sip-cats ul {
	width: 87%;
}

.sip-view .sip-cats li {
	margin: 10px 0 0 1%;
}



/*view sip item detals*/

.sip-item-detail .item-details-wrap {
    width: 44%;
    padding-top: 15px;
    margin-right: 75px;
}

.sip-item-detail .item-detail .left-clm {
	Float: none;
	width: 100%;
	border: none;
}

.sip-item-detail .item-detail .right-clm {
	Float: none;
	width: 100%;
	border: none;
}

.sip-item-detail .item-details-text h3 {
	padding-bottom: 4px;
}

.sip-item-detail .item-details-text p.sub-heading {
	font-size: 13px;
	color: #a1a8bd;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
}

.sip-item-detail .item-details-text p {
	color: #2d2d2d;
	font-size: 14px;
}

.sip-item-detail .item-details-text .right {
	margin-right: 22px;
}

.sip-item-detail .item-details-text .product-qty {
	float: right;
	margin-right: 0;
}

.sip-item-detail .item-details-text .status-circle {
	float: left;
	margin-right: 0;
}

.sip-item-detail .item-info-tabs li {
	border-left: none;
	width: 130px;
	font-size: 15px;
}

.sip-item-detail .item-info-tabs li:last-child {
	width: 130px;
}

.sip-item-detail .item-info-tabs li a {
	font-size: 12px; /*was 15*/
	padding: 23px 0 21px;
	letter-spacing: 1.5px;
	font-family: Poppins, Sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

.sip-item-detail .item-info-tabs li.active a {
	background: none;
}

.sip-item-detail .pro-tabbing-content #description,
.sip-item-detail .pro-tabbing-content #specification,
.sip-item-detail .pro-tabbing-content #contents,
.sip-item-detail .pro-tabbing-content #features
{
	padding: 15px 23px 0;
}

.sip-item-detail .pro-tabbing-content p {
	font-size: 14px;
}

.sip-item-detail .status-item-value {
	float: right;
	padding: 0;
	min-width: 108px;
}

.sip-item-detail .product-qty {
	float: none;
	margin-top: 0;
}

.sip-item-detail .item-details-text button {
	background: #343e5c;
	border: 1px solid #343e5c;
	color: #fff;
	float: none;
	font-size: 11px;
	margin: 26px auto 0;
	min-height: 42px;
	min-width: 230px;
	padding-top: 6px;
	text-transform: uppercase;
	display: block;
}

.sip-assigned-empty {
	padding-top: 20px;
}

.assign-to-sip-modal .sip-search-wrap {
	background: #ccd2d9;
	height: 40px;
	width: 80%;
	border-radius: 22px;
	margin: 0 auto;
	padding-left: 4px;
}

.assign-to-sip-modal .sip-search-wrap button {
	background-position: -133px 3px;
	height: 36px;
	width: 30px;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	float: left;
}

.assign-to-sip-modal .profile-sip-item {
	position: relative;
}

.sip-search-wrap .sip-search {
	border: none;
	height: 40px;
	width: 92%;
	float: left;
	background-color: rgba(0,0,0,0);
	padding: 1px 1px 1px 5px;
}

.assign-to-sip-modal .title-graphic {
	background: rgba(0, 0, 0, 0) url("../images/sips-img.png") no-repeat center center;
	background-size: 30px;
	width: 60px;
	height: 42px;
}

.sip-list-wrap .sip-check-label {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 349px;
	height: 201px;
	display: block;
	z-index: 1;
	margin: 0;
}

.sip-list-wrap .sip-check-label  .input-check{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.sip-list-wrap .sip-check-label .icon-obi-check {
    right: 10px;
    top: 10px;
}

.sip-list-wrap .sip-check-label .input-check:checked + .icon-obi-check {
    background-position: -386px -3px;
}

/*sip suggested sidebar*/

#right-hand .popular-sips-list .sip-image-wrap .main-img {
	max-width: 100%;	
}

.popular-sips-list .sip-image-wrap .main-img {
	width: 272px;
	height: 147px;
}

.popular-sips-list .sip-link-restrict {
	height: 147px;
}

.popular-sips-list .progress-content {
	width: 75%;
}

.popular-sips-list .sip-view-wrap {
	width: 18%;
	text-align: right;
}

.sip-header-nav-bar .view-sip {
	line-height: 1.2;
}
	

.sip-header-nav-bar .view-sip span {
	color: rgb(52, 62, 92);
	font-weight: 600;
	cursor: default;
	
}

.sip-header-nav-bar .view-sip .icon-view {
	background-position: -308px -327px;
	width: 23px;
	height: 19px;
	margin-top: 0px;
}

/*full external lander style header*/

#header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	padding: 24px 0 10px;
}

#header .center-block {
	max-width: 1180px;
	padding: 0 25px;
	
}
.logo {
	width: 195px;
	height: auto;
	float: left;
	margin: 1px 0 0;
}

.logo img {
	display: block;
}

.nav-block {
	float: right;
}

.nav-opener {
	display: none;
	float: right;
	width: 31px;
	height: 31px;
	background: #000;
	background: rgba(0, 0, 0, .5);
	position: relative;
	border-radius: 3px;
	text-indent: -9999px;
	overflow: hidden;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 16px;
	left: 25%;
	right: 25%;
	height: 3px;
	margin-top: -2px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.nav-opener:before,
.nav-opener:after {
	content: "";
	top: 10px;
}

.nav-opener:after {
	top: 22px;
}

.nav-active .nav-opener span {
	opacity: 0;
}

.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	left: 15%;
	right: 15%;
}

.nav-active .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-active .nav-drop {
	left: 0;
}

.resize-active .nav-drop {
	-webkit-transition: none !important;
	transition: none !important;
}

.resize-active .drop {
	-webkit-transition: none !important;
	transition: none !important;
}

#nav {
	float: left;
	margin: 12px 80px 0 0;
}

#nav ul {
	text-transform: uppercase;
	font: 14px/18px montserratregular, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#nav ul > li {
	float: left;
	margin: 0 0 0 30px;
}

#nav ul > li:first-child {
	margin: 0;
}

#nav ul > li > a {
	display: block;
	text-decoration: none;
	color: #fff;
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s;
	text-shadow: 1px 1px 1px #3f3f3f;
	padding-bottom: 5px;
}

#nav ul > li > a:hover {
	border-bottom: 4px solid #fff;
}

#nav .current-menu-item > a {
	color: #fff;
}

#nav .current-menu-item > a:before {
	content: "";
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	border-bottom: 3px solid #dde1e5;
}

.login-block {
	float: right;
	font: 14px/18px montserratregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.login-block a {
	text-decoration: none;
	color: #fff;
	-webkit-transition: color .3s;
	transition: color .3s;
	/*display: inline-block;*/
	vertical-align: top;
	text-shadow: 1px 1px 1px #3f3f3f;
	padding-bottom: 5px;
}

.login-block a:hover {
	color: #fff;
	border-bottom: 4px solid #fff;
}

.login-block .btn-holder {
	margin: 0 0 0 30px;
}

.login-block .btn {
	background: none;
	border: 2px solid #fff;
	padding: 6px 23px;
	color: #fff;
	-webkit-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
	box-shadow: 0px 0px 2px 0px #3f3f3f;
	font-size: 14px;
	width: 100px;
	min-width: 100px;
}

.login-block .btn:hover {
	background-color: #fff;
	color: #0e1927;
	text-shadow: none;
	border-bottom: 2px solid #fff;
}

/*Reset Form*/

.reset-form {
	width: 560px;
	padding: 20px 20px 40px;
}

.reset-form h5 {
	color: #44454c;
    font-family: "Oswald",sans-serif;
    letter-spacing: 1.8px;
    margin-bottom: 22px;
    text-align: center;
    text-transform: uppercase;
	font-size: 28px;
	font-weight: 400;
	padding-top: 12px;
}

.reset-form p {
	text-align: center;
}

.reset-form a {
	text-decoration: underline;
	color: #C00A27;
	font-weight: 500;
}

.reset-form input {
	width: 80%;
	display: block;
	margin: 40px auto 50px;
	background: #EFF0F4;
	border: 2px solid #fff;
	border-radius: 3px;
	padding: 10px;
}

.reset-form .btn {
	margin: 0 auto 20px;
	display: block;
}

.reset-form label {
	font-family: "montserratlight",sans-serif;
	color: #a1a8bd;
	font-weight: normal;
	font-size: 12px;
	padding-left: 55px;
	margin: 0;
}

.reset-form .form-wrap {
	padding: 20px 0 30px;
}

.reset-form.new-password input{
	margin: 5px auto 16px;
}

.reset-form.new-password .btn {
	width: 200px;
}

.login-wrap.reset-form {
	max-width: 900px;
	margin: 140px auto;	
	-webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 60px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 60px 0 rgba(0,0,0,0.25);
	background: #fff;
	height: auto;
	min-height: auto;
}

.has-reset h4,
.has-resent h4
{
	font-family: "montserrat",sans-serif;
	font-size: 22px;
	color: #474c65;
	text-align: center;
	font-weight: normal;
}

.has-reset a,
.has-resent a
{
	width: 200px;
	color: #fff;
	text-decoration: none;
}

.has-reset p {
	padding-bottom: 30px;
}

.has-reset img,
.has-resent img
{
	display: block;
	margin: 30px auto 40px;
}

.has-resent p {
	padding: 0 90px 30px; 
}

/*File sip modal*/

#modalfile .working {
	text-align: center;
}

#modalfile .working img {
	padding-top: 10px;
}

/*new global header*/
.menu-navigation {
	float: right;
	width: 78%;
	padding-left: 1.6%;
	/* KW for search box enlargement transition*/
	position: relative;
}

.header {
	padding: 25px 0px 0px;
}
.header .container {
	border-bottom: 1px solid rgba(0,0,0,0.2); /*was #27303d*/
	padding-bottom: 25px;
}
.header-absolute {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	/*z-index: 999999;*/
}

.header .container {
	width: 1500px;
	max-width: 1500px;
	padding: 0 15px;
	margin: 0 auto;
}

.proheader {
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.proheader.header-profile .container {
	border-bottom: none;
	padding-bottom: 0;
}

.proheader .left-menu {
	float: left;
	width: 20%;
}

.proheader .left-menu ul li {
	display: inline-block;
	vertical-align: top;
	min-height: 74px;
	padding: 22px 20px 10px;
	border-right: 1px solid rgba(255,255,255,0.2);
	position: relative;
}

.proheader .logo {
	display: block;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}

.proheader .menu-navigation {
	padding-top: 12px;
	float: left;
	width: 68%;
}

.proheader .nav {
	width: 60%;
}

.user-info {
	float: right;
	width: 11%;
	margin: 0;
	height: 74px;
}

.user-info ul  li {
    border-left: 1px solid rgba(255,255,255,0.2);
    padding: 12px 18px 0px;
	display: inline-block;
	height: 74px;
}

.proheader .dropdown-menu li {
	height: auto;
	padding: 0;
	border: none;
	text-align: center;
	width: 100%;
}

.proheader .dropdown-menu {
	left: -25px;
}


.proheader.header-fixed.fixed-on-top {
	padding-top: 0px;
}

.count-cart {
    background: #d50000;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    position: absolute;
    text-align: center;
    font-size: 11px;
    color: #fffefe;
    font-weight: 500;
    position: absolute;
    right: -9px;
    top: -11px;
}

/*hamberger menu*/

.mob-list {
	display: none;
}

.nav-navigation-fixed {
    height: 100%;
    left: -370px;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
	width: 370px;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 99;
}

.hamburger-menu .nav-navigation-fixed {
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	border-right: 1px solid #efefef;
}

.nav-navigation {
	background: #ffffff;
	position: relative;
	height: 100%;
}

.nav-navigation .nav-logo {
	display: inline-block;
	margin-left: 15px;
}
.nav-navigation .icon-close-popup {
	position: absolute;
	right: 30px;
	top: 36px;
    width: 25px;
    height: 25px;
	background: url("../images/depot-sprite.png") no-repeat -251px -37px;
}
.nav-navigation-list {
	padding-top: 29px;
}
.nav-navigation-list li {
	font-size: 14px;
	color: #3a405b;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.nav-navigation-list li a {
	padding: 8px 17px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #2d2d2d;
}
.nav-navigation-list li a:hover {
	background: #f0f2f7;
}
.nav-navigation-top {
	padding: 30px 21px 17px;
	border-bottom: 1px solid #f0f2f7;
}
.nav-navigation-bottom {
	padding: 30px 21px 17px;
}
.nav-navigation-bottom .btn {
	display: block;
}
.nav-navigation-menu {
	padding: 0; /*DD changed to 20px from 50px*//*DD Now 0*/
}
.acc-bottom .nav-navigation-menu > li {
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding: 0;
	display: block;
	min-height: 1px;
}
.nav-navigation-menu > li
{
	position: relative;
}
.nav-navigation-menu > li a {
	display: block;
	/*color: #b9bed1;*/
	/* KW: customer feedback */
	color: gray;
	padding: 8px 10px 7px;
}

/*new cart page*/

.main-cart-content h3 {
	color: #343e5c;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-bottom: 1px solid #d9dde5;
	letter-spacing: 1.1px;
	padding: 0px 35px 18px;
}

.pro-cart-block {
    padding: 35px 6.4% 13px;
    border-bottom: 1px solid #e6e6e6;
}

.pro-cart-block-fig {
    float: left;
    margin-right: 2.8%;
    width: 105px;
}

.pro-cart-block-fig img {
    width: 100%;
    mix-blend-mode: darken;
}

.pro-cart-block-content {
    float: left;
    width: 370px;
}

.pro-cart-block-content h4 {
    color: #111111;
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}

.pro-cart-block-content .txt {
    color: #bbbbbb;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.pro-cart-block-footer {
    padding-top: 3px;
}

.pro-custom-check {
    display: inline-block;
}

.pro-custom-check input {
    opacity: 0;
    position: absolute;
}

.pro-custom-check-label {
    color: #888888;
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px;
}

.pro-custom-check-label .pro-check-box {
    margin-right: 3px;
}
.pro-check-box {
    width: 17px;
    height: 17px;
    border-radius: 3px;
    display: inline-block;
    border: 2px solid #dadde2;
    position: relative;
    vertical-align: top;
}

.pro-check-box i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
}
.icon-red-check {
	background-image: url('../images/depot-sprite.png');
    background-position: -119px -43px;
    width: 10px;
    height: 8px;
}

.pro-cart-block-price {
    color: #bbbbbb;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 40px;
    margin-top: 31px;
    vertical-align: top;
    width: 100px;
}

.pro-cart-block .pro-counter {

    margin-top: 16px;
    vertical-align: top;
    margin-right: 26px;

}
.pro-counter {

    border: 1px solid #dddddd;
    width: 100px;
    border-radius: 30px;
    height: 50px;
    position: relative;
    padding: 12px;
    display: inline-block;
    margin-right: 12px;

}

.pro-counter .pro-counter-btn {
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 20px;
    color: #b1b1b1;
}

.pro-counter input {
    border: 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.pro-counter .down {
    right: auto;
    left: 15px;
}

.pro-cart-block-tot-price {
    color: #d50000;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 40px;
    margin-top: 30px;
    vertical-align: top;
    width: 120px;
}

.pro-close-btn {
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    margin-top: 14px;
    position: relative;
    vertical-align: top;
    width: 50px;
}

.pro-close-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.icon-close-arrow {
	background-image: url('../images/depot-sprite.png');
    background-position: -301px -7px;
    width: 10px;
    height: 10px;
}

.pro-check-out {
    padding: 37px 7.2% 39px;
    text-align: right;
    border-bottom: 1px solid #e6e6e6;
}

.pro-check-out .total {
    display: block;
    font-size: 16px;
    color: #2c2c2c;
    margin-bottom: 4px;
}

.pro-check-out .total .price {
    font-weight: 700;
}

.pro-check-out .txt {
    display: block;
    font-size: 16px;
    color: #2c2c2c;
    letter-spacing: -0.7px;
    margin-bottom: 35px;
}

.pro-check-btn-list li {
    display: inline-block;
    margin-left: 10px;
}
.pro-check-btn-list li .light-grey-btn {
	min-width: 220px;
}

.pro-check-btn-list li .light-grey-btn:hover {
	color: #333e48;
}

.light-grey-bg {
    background: #eceff1;
    color: #333e48;
    position: relative;
	min-width: 180px;
	min-height: 42px;
	font-size: 12px;
}

.light-grey-bg i {
    left: 19px;
    position: absolute;
    top: 15px;
}

.icon-left-arrow {
	background-image: url('../images/depot-sprite.png');
    background-position: -321px -6px;
    width: 6px;
    height: 10px;
}

/*Inventory managemant*/

.inventory-detail-tab .survival-box h6 {
	letter-spacing: 1px;
	font-weight: 600;
	padding-left: 7px;
}

.depleted-toggle {
	margin-top: -7px;
}

.sip-view .profile-inner-wrap {
    padding-top: 7px;
}

.edit-profile .sip-view .profile-inner-wrap {
    padding-top: 7px;
}

.sip-view .inventory-category-main-wrap.edit-profile .profile-inner-wrap {
	padding-top: 0;
}	

.inventory-gear-list-wrap .gear-list {
	text-align: left;
}

.inventory-tabs {
	border-top: 1px solid #ccc;
	padding: 15px 0 15px 26px;
}

.inventory-tabs a{
	padding: 0 10px;
}


.inventory-tabs a.active{
	text-decoration: underline;
}

.invent-tab-content {
	display: none;
}

.invent-tab-content:target {
	display: block;
}


/*Stash Item*/

.stash-btn-wrap .btn {
    min-width: 325px;
    margin: 0 10px;
}

.stash-btn-wrap {
    margin: 0 auto;
	padding: 35px 10%;
	border-top: 1px solid #ccc;
}

.pro-tabbing-content .tab-content {
    height: 350px;
    overflow-y: auto;
	padding: 10px 0;
	/*border-left: 1px solid #ccc;*/
}

.tools .pro-tabbing-content .tab-content {
	overflow-y: initial;
}

/*New Create Bunker*/

.cf-bunker .create-flow-toolbar input {
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 97%;
	height: 38px;
	margin: 0 auto;
	display: block;
	padding: 0 0 0 10px;
}

.cf-bunker-left-clm {
	width: 35%;
	float: left;
	padding: 10px;
}

.cf-bunker-right-clm {
	width: 65%;
	float: right;
	padding: 10px;
}

.cf-bunker  .cf-add-media-wrap {
	width: 100%;
	height: 328px;
	margin: 0;
}

.cf-bunker .cf-add-media {
	background: url("../images/camera-icon2.png") no-repeat;
	transform: none;
	background-size: 100%;
	margin: 132px auto 0;
}

.cf-bunker .cf-bunker-right-clm textarea {
	width: 100%;
	height: 328px;
	border: 1px solid #ccc;
	border-radius: 5px;
	resize: none;
	padding: 10px;
}

.join-wrap {
	position: absolute;
	top: -8px;
	right: 5px;
}

/*Create Item*/
.create-item-add .title-graphic {
	background: rgba(0, 0, 0, 0) url("../images/backpack.png") no-repeat center center;
	background-size: 30px;
	width: 60px;
	height: 42px;
}

.create-item-add .search-filer-wrap {
    width: 80%;
}

/*------------New Communication Pages  ---------------*/

.comms-input-head {
	padding: 10px 30px;
}

.comms-input-head h6 {
	padding-top: 10px;
	float: left;
	padding-left: 7px;
	letter-spacing: 1px;
	font-weight: 600;
}

.header-input-wrapper {
	width: 650px;
	float: left;
}

.comms-input-head input {
	float: left;
	width: 100%;
	height: 30px;
	margin-left: 10px;
	margin-top: 4px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.comms-input-head .cancel-message {
	float: right;
	padding-top: 10px;
	font-weight: 500;
}

.message-filter-content {
	padding-top: 10px;
}

.form-submission {
	padding: 15px 30px;
}

.author-wrap {
	float: left;
}

.author-wrap .author-details {
	overflow: hidden;
}

.author-wrap .author-details .listing-profile-name {
	padding-left: 7px;
	line-height: 40px;
}

.create-message-wrap .textarea-msg {
	width: 388px;
	float: left;
	padding: 5px 10px;
	border-radius: 3px;
	resize: vertical;
	height: 36px;
	margin-top: 5px;
}

.gallery-link-wrap {
	float: left;
	text-align: center;
	width: 60px;	
}

.chat-composition-panel .gallery-link-wrap {
	margin-top: 4px;
}

.message-post {
	float: right;
}

.message-post {
	width: 80px;
	min-width: 80px;
	border-radius: 5px;
	height: 36px;
	min-height: 26px;
	margin-top: 5px;
	padding: 0;
	border: none;
}

.no-recent-messages {
	padding: 10px 30px;
}

.new-msg {
	height: 150px;
	background: #dbdbdb;
}

.avater-name.new-message {
	color: #111;
	font-weight: 800;
}

.start-message {
	background: url(../images/sprite.png) -663px -404px no-repeat;
	width: 32px;
	height: 32px;
	/*background-size: 25px;*/
	display: block;
	position: absolute;
	top: -8px;
	right: 0;
}

.comms-message-block {
	float: right;
	width: 85%;
	position: relative;
	padding-bottom: 20px;
}

.comms-message-divider {
    width: 100%;
    height: 50px;
    float: left;
}

.comms-message-divider .middle-margin {
	top: -35px;
	position: relative;
}

.comms-message-divider p {
	position: relative;
	width: 35%;
	background: white;
	margin: 0 auto;
	text-align: center;
}

.reciver-msg-block {
    float: left;
    padding-right: 0;
    padding-left: 64px;
}

.sender-msg-block .comms-nt-stamp {
	float: right;
	padding-right: 17px;
}

.receiver-msg-block .comms-nt-stamp {
	float: left;
	padding-left: 17px;
}

.comms-nt-stamp .com-name-stamp {
	font-size: 12px;
	color: #a1a8bd;
}

.comms-nt-stamp .com-time-stamp {
	font-size: 10px;
	color: #a1a8bd;
}

.text-msg {
	font-size: 14px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	padding: 12px 20px;
	background: #424d5c;
	-webkit-border-radius: 20px 20px 0px 20px;
	-moz-border-radius: 20px 20px 0px 20px;
	border-radius: 20px 20px 20px 20px;
	float: right;
	margin-right: 18px;
	position: relative;
	max-width: 82%;
	/*min-width: 170px;*/
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
	clear: both;
}

.reciver-msg-block .text-msg:after {
	background: url(../images/chat-direction-white.png) 0 0 no-repeat;
	left: -13px;
	bottom: -8px;
	width: 20px;
	height: 20px;
	right: -19px;
	bottom: -8px;
	content: "";
	position: absolute;
	border-radius: 20px 20px 20px 8px;
}


.sender-msg-block .text-msg:after {
	width: 20px;
	height: 20px;
	background: url(../images/chat-direction-grey.png) 0 0 no-repeat;
	position: absolute;
	right: -19px;
	bottom: -5px;
	content: "";
}

.sender-profile-pic {
	float: right;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 30px;
	bottom: 8px;
}

.sender-profile-pic img {
	width: 100%;
}

.lg-status {
	width: 12px;
	height: 12px;
}

.reciver-msg-block .sender-profile-pic {
	left: 0;
}
.reciver-msg-block .sender-profile-pic,
.reciver-msg-block .text-msg
{
	float: left;
}
.reciver-msg-block .text-msg {
	-webkit-border-radius: 20px 20px 20px 0px;
	-moz-border-radius: 20px 20px 20px 0px;
	border-radius: 20px 20px 20px 0px;
	background: #f5f8fc;
	color: #373f52;
	margin-right: 0;
	margin-left: 18px;
	word-wrap: break-word;
}

.sender-msg-block .text-msg {
	-webkit-border-radius: 20px 20px 0px 20px;
	-moz-border-radius: 20px 20px 0px 20px;
	border-radius: 20px 20px 0px 20px;
}

.message-head.communication-content-head {
	/*border-bottom: none;*/
}

.message-head .back-button {
	margin-top: 10px; /*make this spacing uniform later*/
}

.chat-window-date {
	background: #f8f9fa;
	padding: 11px 0px;
	border-bottom: 1px solid #e1e6eb;
	border-top: 1px solid #e1e6eb;
}
.chat-window-date span {
	font-size: 14px;
	color: #788598;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.chat-window-dispaly-msg {
	padding: 30px 42px;
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.chat-info {
	margin-right: 20px;
}

.chat-end-divider {
	margin: 0 30px;
	border-top: 1px solid #e1e6eb;
}

/*.com-information {
	display: none;
}*/ 

.com-information hr {
	border-top: 1px solid #e1e6eb;
}

.main-info-section {
	padding: 20px 30px;
}

.com-group-name {
	/*padding-bottom: 10px;*/
}

.com-group-name h2 {
	font-size: 14px;
	color: #2a3245;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 5px;
	text-align: left;
	line-height: inital;
	font-weight: 600;
}

.com-group-name input {
	width: 100%;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 3px 5px;
}

.com-group-name p {
	padding-top: 5px;
	font-size: 15px;
	color: #4d5563;
	clear: both;
}

.group-show-more {
	float: left;
	width: 100%;
	text-align: left;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	display: block;
}

.group-add-more {
	text-align: left;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
}

.group-add-more a {
	
}

.com-information h2
{
	float: left;
	font-size: 14px;
	color: #2a3245;
	font-family: 'Open Sans', sans-serif;
	line-height: inital;
	font-weight: 600;
}

.com-alerts h2 {
	padding-top: 8px;
}

.com-abandon h2 {
	padding-top: 12px;
}

.leave-convo {
	border-radius: 20px;
	text-align: center;
	min-width: 125px;
}

.com-group-identities .leave-convo {
    margin-top: 7px;
}

.chat-participants {
	padding-bottom: 20px;
}

/*.com-group-members, .com-group-identities {
	padding-top: 20px;

}*/

.com-group-members .search-item, .com-group-identities .search-item {
	float: none;
	margin: 0 0 20px 0;
}

.com-group-members .search-link,
.com-group-identities .search-link  
{
    padding: 10px 7px;
    width: 100%;
    max-width: 100%;
}



.chat-info {
	background: url("../images/create-sip/infoicongrey.png") no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 6px;
	background-size: 100%;
	display: block;
}

.chat-delete {
	background: url("../images/bin-dark.png") no-repeat;
	width: 18px;
	height: 22px;
	margin-top: 4px;
	background-size: 100%;
	display: block;
}

.recent-message-list > li {
	border-bottom: 1px solid #d4dde6;
	border-left: 3px solid transparent;
}

.aside .recent-message-list > li {
	padding: 15px 15px 12px 38px;
	margin-left: -22px;
	width: 316px;
}

.recent-message-list > li.active {
	border-left: 3px solid #a61800;
	background: #f2f2f2;
}

.aside .recent-message-list  li .img-circle,
.aside .recent-message-list  li .img-rounded
{
	width: 42px;
}

.recent-message-list li .com-open-message {
	padding: 15px 40px 12px 28px;
	display: block;
}

.recent-message-list li:hover {
	background: #efefef;
}

.message-head .avater-name {
	padding-left: 0;
}

.com-alerts .switch-move label {
	margin-bottom: 0;
}

.compose-message .results-block {
    width: 640px;
    margin: 0 auto;
}

.compose-message .recipient-results-wrapper {
	padding-bottom: 20px;
}

.com-media-images {
	padding-top: 20px;
}

/*.com-media-images img {
	width: 100%;
	height: 100%;
}*/

.photo-wrap {
	background: #707070;
	text-align: center;
	border-radius: 3px;
}

.lrg-left  .photo-wrap,
.lrg-right .photo-wrap
{
	width: 100%;
	height: 100%;
	line-height: 430px;
}

.smll-top .photo-wrap {
	width: 100%;
	height: 100%;
	line-height: 210px;
}

.smll-bottom .photo-wrap {
	width: 100%;
	height: 100%;
	line-height: 222px;
}


.com-media-images .lrg-left {
	width: 500px;
	height: 450px;
	float: left;
	padding: 2px;
}

.com-media-images .lrg-left img {
	max-height: 446px;
	max-width: 496px;
	vertical-align: middle;
}

.com-media-images .lrg-right {
	width: 500px;
	height: 450px;
	float: right;
	padding: 2px;
}

.com-media-images .lrg-right img{
	max-height: 446px;
	max-width: 496px;
	vertical-align: middle;
}

.com-media-images .smll-top {
	width: 245px;
	height: 220px;
	float: right;
	padding: 2px;
}

.com-media-images .smll-top img {
	max-height: 216px;
	max-width: 241px;
	vertical-align: middle;
}


.com-media-images .smll-bottom {
	width: 245px;
	height: 230px;
	float: right;
	padding: 2px;
}

.com-media-images .smll-bottom img {
	max-height: 226px;
	max-width: 241px;
	vertical-align: middle;
}


.user-chat-window-dynamic .back-button { 
    margin-top: 6px;
}

.recipient-wrapper {
    padding-left: 10px;
}

.recipient-tag {
	float: left;
	border: 1px solid #B31A00;
	padding: 5px 10px;
	margin-right: 5px;
	margin-top: 5px;
	background: #B31A00;
	border-radius: 5px;
}

.recipient-tag span {
	padding-right: 10px;
	font-size: 13px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}

.recipient-tag .icon-close {
	width: 22px;
	height: 22px;
	background-position: -553px -175px;
}

.modal-dialog-content {
	text-align: center;
}

/*Global Notification*/

#globalnotificationpop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 300px;
	min-height: 112px;
	background: #fff;
	color: #2d2d2d;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
}

#globalnotificationpop h2 {
	font-size: 16px;
	line-height: initial;
}

#globalnotificationpop p {
	padding: 10px 36px 0;
	margin: 0;
	color: #2a3245;
	font-weight: 600;
}

.notifi-wrap {
	position: relative;
}

.notifi-type {
	position: absolute;
	top: 0px;
	left: 5px;
}

.notifi-wrap .sender-profile-pic {
	bottom: 0;
	right: 0;
	left: -5px;
	top: 36px;
	width: 40px;
	height: 40px;
}

.com-header-link {
	position: relative;
}

.count-notif, .count-msgs, .count-social {
	background: #d50000;
	min-width: 15px;
	height: 15px;
	border-radius: 25px;
	text-align: center;
	font-size: 11px;
	color: #fffefe;
	font-weight: 500;
	position: absolute;
	padding: 0 2px;
}

.com-header-link .count-notif {
	top: -5px;
	right: -10px;
}

.proheader .left-menu ul li .count-notif {
	top: 12px;
	right: 6px;
}

.burger-messages {
	position: relative;
}

.burger-messages .count-notif,
.burger-messages .count-msgs,
.burger-messages .count-social
{
	top: 10px;
	right: 14px;
}

.burger-messages .count-cart {
	padding: 3px 12px;
	width: auto;
	height: auto;
	top: 6px;
	right: 6px;
}

/*coms contact side column*/

.coms-contacts-wrap {
	padding-top: 12px;
	position: relative;
}

.coms-contacts-wrap .all-contacts {
	position: absolute;
	top: -33px;
	right: 0;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/sprite-blue.png) -392px -140px no-repeat;
}

.coms-contacts-wrap .search-block {
	border-bottom: none;
	border-top: 1px solid #d4dde6;
	height: 358px;
	overflow-y: auto;
}

.coms-contacts-wrap .search-block.all {
	overflow-y: unset;
	height: auto;
}

.coms-contacts-wrap .search-item {
	margin: 0;
	float: none;
}

.coms-contacts-wrap .search-link {
	margin: 0 auto;
	width: 275px;
	border-bottom: 1px solid #d4dde6;
	background: rgba(0,0,0,0);
	box-shadow: none;
    padding: 15px 5px 15px 10px;
	border-right: none;
	border-left: none;
	border-radius: 0;
}

.coms-contacts-wrap .search-link:hover {
    background: #f2f2f2;
}

/*New create bunker style*/

.bunker-image-upload .cb-pic {
	position: relative;
	text-align: center;
}

.bunker-image-upload .photo-edit-nav {
	position: absolute;
	left: 50%;
	top: 105px;
	transform: translateX(-50%);
}

/*Article */

.share-modal h2 {
    font-size: 28px;
    padding: 28px 0 0;
}

/*misc*/

.follow-toggle {
	position: absolute;
	top: -10px;
	right: 0;
}

/*container*/

.new-container .cr-button-wrap a {
	margin-bottom: 10px;
}

.new-container .create-flow-main,
.new-container .cf-bottom-bar
{
	height: auto;
}

.new-container h2 {
	font-size: 18px;
	color: #343e5c;
}

.modal-header {
	padding: 20px 0; 
}

.new-container .create-flow-main p{
	padding: 20px;
}

.new-container .create-flow-main .item-pic {
    padding: 0px 0 0 10px;
	width: 47%;
}

.new-container .create-flow-main .item-details-wrap {
    padding: 0 10px 0 0;
	width: 47%;
}

.cf-item-container.create-flow-content {
	width: 650px;
}

.container-items .back-arrow {
	background: url(../images/sprite-blue.png) no-repeat -866px 11px;
	width: 25px;
	height: 35px;
	position: absolute;
	top: -12px;
	left: 10px;
}

.container-toggle {
	padding-top: 4px;
}

.add-to-container,
.assign-to-sip-con
{
	margin-top: 20px;
}

.add-to-container:hover,
.assign-to-sip-con:hover
{
	color: #fff;
}

.is-container-item {
	width: 60px;
	height: 60px;
	float: left;
	margin: 12px 0 0 50px;
}

.containeritem .is-container-item {
	background: url(../images/container.png) no-repeat center center;
	background-size: 100%;
}


/*
item detail stuff
*/
#items .edit-mode .view {
	display: none;
} 

#items .edit-mode .select {
	display: block;
}

.items-tool-header {
	height: 30px;
}

.items-tool-header a,
.sg-content-head a
{
	margin: 10px;
}

.items-tool-header a.item-delete,
.sg-content-head a.item-delete
{
	margin: 12px 10px 0;
}

.sg-content-head a.sg-menu-btn {
	margin: 0;
}

.item-detail-tools {
	padding: 10px 10px 0 0;
	height: 60px;
}

.item-detail-tools .assign-to-sip-con {
	margin-top: 0;
	margin-right: 20px;
}

.containers-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.containers-info p,
.container-items p
{
	padding: 10px;
	color: #30313a;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.item-delete {
	background: url(../images/bin-dark.png) no-repeat;
	width: 18px;
	height: 22px;
	margin-top: 4px;
	background-size: 100%;

}

.add-icon {
	background: url(../images/sprite.png) -593px -361px no-repeat;
	width: 32px;
	height: 32px;
	background-size: 896px;
}

.item-detail .inventory-gear-list-wrap .gear-fig {
	margin-right: 0;
	width: 80px;
}

.item-detail .inventory-gear-list-wrap .gear-caption  {
	width: 38%;
    float: left;
    padding-top: 6px;
    padding-right: 1%;
    padding-left: 1%;
	margin: 0;
}

.item-detail .gear-list li{
	padding: 12px 0 12px 12px;
}

.item-detail .sg-list figure {
    margin: 0 0 0 67px;
	width: 80px;
}


.item-detail .gear-list .g-heading,
.item-detail .pro-tabbing-content #items .gear-list .g-heading
 {
	font-family: "montserratlight";
    font-weight: 300;
    color: #3c4350;
    font-size: 16px;
    line-height: 20px;
	padding: 0;
	margin-bottom: 8px;
}

.item-detail .gear-list .g-text,
.item-detail .pro-tabbing-content #items .gear-list .g-text
{
    color: #9da1a7;
    font-family: "montserratlight";
    font-size: 14px;
    padding: 0;
	margin-top: -11px;
}

.item-detail .item-pic img {
	width: 75%;
}

.item-detail.item-type-detail .item-pic img { /*remove item detail if code doesnt mess up*/
	width: 100%;
}

.item-detail .sg-content-head {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 50px;
}

.item-detail .sg-content-head li {
    height: 49px;
    line-height: 45px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
	padding-left: 11%;
}

.btn-item-assign,
.btn-item-add
{
	display: block;
	margin: 20px auto;
	width: 150px;
}

.empty-container {
	padding-top: 20px;
}

/*sip-info*/
.sip-info-content {
	padding: 20px;
	border-top: 1px solid #ccc;
}

.sip-info-content p{
	font-size: 14px;
	color: #1c1e23;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

/*Skills*/

.skills-content .skills-list,
.skills-wrapper
{
	padding: 25px 0 0;
}

.skills-content .skills-badge,
.skills-wrapper .skills-badge
{
	width: 138px;
	height: 120px;
	margin: 0 31px 25px;
}

.modal-skills-content.skills-content .skills-badge,
.create-flow-main.sip-skills .skills-badge
{
	margin: 0 36px 25px;
}

.modal-skills-content {
	height: 300px;
	overflow-y: auto;
}

.skills-badge p {
	position: relative;
	left: 19px;
	bottom: 45px;
	color: #141e28;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	width: 102px;
	text-align: center;
	vertical-align: middle;
	line-height: 11px;
	height: 23px;
	display: table-cell;
}

.edit-profile .view {
	display: none; 
}

.edit-profile .select {
	display: block;	
}

.skills-badge .brand-img {
	display: none;
}

.skills-list .active .skills-badge .brand-img {
	display: block;
}

.skills-list .active .skills-badge .plain-img {
	display: none;
}

.skills-list .active .skills-badge p {
	color: #0095f4;
}

.skills-list .active .icon-obi-check {
	border: 2px solid #0095f4;
}

.content-empty {
	padding: 0 30px 20px;
}

.content-empty p {
	color: #30313a;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.content-empty a{
	font-size: 11px;
	border-radius: 20px;
	line-height: 2;
	width: 180px;
	height: 40px;
	letter-spacing: 1px;
	display: block;
	padding: 8px 15px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	margin: 25px auto 0;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #2d2d2d;
}

.modal-skill-search .skill-icon {
	width: 38px;
	height: 41px;
	background: url(../images/additem-blue.png) no-repeat center center;
	background-size: 25px;
	margin-left: 5px;
}

#globalmodal  .modal-skill-search .skill-icon {
	background: url(../images/create-flow-2/skills-img-blue.png) no-repeat center center;
	background-size: 100%;
}

/*load more section*/

.post-actions {
	display: block;
}

.post-border {
	border-bottom: 2px dashed #ccc;
	height: 40px;
}

.post-load-more-wrap {
	text-align: center;
	height: 25px;
	background: #fff;
	width: 160px;
	margin: 0 auto;
	position: relative;
	top: -12px;
}

.post-load-more {
	font-weight: 500;
}

.empty-state {
	text-align: center; 
	padding: 20px 36px;
}
 
.empty-state p {
	color: #2d2d2d;
	font-size: 14px;
	font-weight: 600;
}

/*modal*/

#globalmodal .cb-tab-wrap {
	padding: 24px 24px 60px;
}

/*404*/

.error404 {
	min-height: 560px;
}

.error404 h2 {
	font-size: 120px;
	padding-bottom: 30px;
}

.error404 p {
	font-size: 15px;
	padding-top: 0px;
}

.header-wh {
    position: unset;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.header-wh .logo {
	float: none;
}

.header-wh .logo img {
	display: unset;
}

.header-wh .container {
	border-bottom: none;
}