/*------------------------------------------------------------------
	Global
-------------------------------------------------------------------*/

body {
	line-height: 24px;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, .feed-poster i, .panel-heading, .the_latest_on_tws .news-nav a, .the_latest_on_tws .tab-pane a.btn, .dropdown-menu > li > ul a, .form-manage-panel.edit-entries .add-more b, a.btn, .navbar-collapse a, p.smooth, .smooth p, .smooth label, sup, .smooth a,
.btn-show-more .caption, .btn-show-more i {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a.brand-text-color:hover,
.brand-text-color a:hover {
	color: #686436 !important;
}
.sprite {
	background-image: url("../../images/singlepage/user-menu.png");
}
.top-header .row.outer, .navbar-default .row.outer {
	margin: 0 -15px;
}
.no-margin {
	margin: 0 !important; 
}
.no-padding {
	padding: 0 !important; 
}
.justify {
	text-align: justify;
	text-justify: inter-word; 
}
.edit-link-overlay > a {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	color: #fff;
	display: block;
	height: 100%;
	padding-top: 20px;
	text-align: center;
	vertical-align: middle;
}
.hide-this {
	display: none;
}
.row.clean-row {
	margin-left: -30px;
	margin-right: -30px;
}
.row.clean-row-photo {
	margin-left: -25px;
	margin-right: -25px;
}
sup {
	top: 0;
	font-size: 120%;
	font-weight: normal;
	color: #888;
}
.mb10 {
	margin-bottom: 10px;
}
.info-bar, .mb20 {
	margin-bottom: 20px;
}
.btn-default-tws {
	background: #808080;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 25px;
	color: #fff;
	font-family: "Quantico",sans-serif;
	font-style: normal;
	white-space: normal;
}
.btn-default.btn-default-tws:hover, .btn-default.btn-default-tws:focus, .btn-default.btn-default-tws:active, .btn-default.btn-default-tws.active {
	background: #808080;
	color: #fff;
	opacity: 0.9;
}
.btn-edit-entries {
	background: #808080;
	font-weight: normal;
	font-size: 16px;
	font-weight: normal;
	padding: 7px 25px;
	color: #fff;
	font-style: normal;
	white-space: normal;
	width: 300px;
}
.btn-edit-entries:hover,
.btn-edit-entries:active,
.btn-edit-entries:focus{
	color: #fff;
}
.underline {
	text-decoration: underline;
}
.thumbnail .caption,
.excerpt,
.break-word {
	word-wrap: break-word;
}
.thumbnail .caption p {
	font-size: 14px;
}
.clear,
.clear-xs {
	clear: both;
}
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.panel-no-borders {
	border: none;
	box-shadow: none;
}
.fl-right {
	float: right;	
}
.fs-14 {
	font-size: 14px;
}
.fs-12 {
	font-size: 12px;
}
.fw-bold {
	font-weight: bold;
}
.btm-line {
	border-bottom: 1px solid #ccc;
}
#incorrect {
	background-color: #ad8888;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
.carousel-inner {
	margin-top: -1px;
}
.panel .panel-body .forgot-login strong u a,
.panel .panel-body u,
.panel .panel-body u a {
	color: #888670;
	text-decoration: underline;
}
.sos-layout .btn-show-more {
	font-size: 14px;
}
.sos-layout .btn-show-more i {
	font-size: 12px;
}
.landing-page .callout .dropdown a.dropdown-toggle,
.sos-layout .callout .dropdown-menu li a {
	white-space: normal;
}
.sos-layout .callout .dropdown-menu {
	max-height: 188px;
	overflow-y: scroll;
}
.landing-page .callout .dropdown a.dropdown-toggle {
	line-height: 20px;
}
.sos-layout .landing-page .callout h5 {
	font-size: 16px;
}
.sos-layout .btn.text-left {
	padding: 5px 28px 5px 12px;
	font-size: 14px;
}
.sos-layout .btn.text-left i.fa-caret-down {
	padding: 9px 10px;
}
.sos-layout .callout > p {
	margin-bottom: 20px;
}

/* pagination */
.content-with-paging {
	margin-bottom: 30px;
}
.pagination-nav {
	padding: 8px 12px;
	line-height: 1.42857;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
}
.pagination-nav.top {
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
.pagination-nav.bottom {
	border-top: 1px solid #ccc;
	margin-top: 50px;
}

/* display notif if user have not assign/add/upload any information on it's profile */
.warning-uncomplete {
	background-color: #fcf8e3;
	padding: 10px 20px;
	color: #666;
	position: relative;
}
.warning-uncomplete.bg-danger {
	background: #f2dede;
}
.section-error-message .warning-uncomplete {
	margin: 0;
}
.sign-form > div.row {
	background-position: center top;
}
.sign-form .panel .panel-body form .errormessage label {
	font-size: 14px;
}
.warning-uncomplete i,
.warning-uncomplete font,
.warning-uncomplete b {
	vertical-align: middle;
}
.warning-uncomplete > a {
	margin-left: 5px;
}
.hide-notif {
	position: absolute;
	right: -6px;
	top: -12px;
}
.hide-notif i {
	font-size: 22px;
	vertical-align: middle;
	color: #9B998D;
}
.site-message {
	margin-top: 50px;
	margin-bottom: 20px;
}
.site-message i,
.warning-uncomplete > i {
	margin-right: 8px
}
.site-message > h4 {
	text-transform: none;
}
.site-message > h4,
.site-message > p {
	margin-bottom: 5px;
}
.site-message[class*="bg-"] {
	padding: 10px 20px;
	margin: 20px 0; 
}
.bg-query {
	background: #F5F5F5;
}
.form-inline .form-control.block {
	display: block;
}
.align-btm {
	vertical-align: bottom;
}
.main-inner-wrapper {
	margin: 0;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.cant-see-post > img {
	padding-top: 20px;
}
img {
	max-width: 100%;
}
.home-body.display-section dl.dl-horizontal dt .image img {
	border: none !important;
}

/* Button */
.btn-gray-1 {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ddd;
	font-weight: normal;
	min-width: 200px;
	padding: 8px 15px;
	text-align: left;
}
.main-btn-edit {
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn-gray-10 {
	border: 1px solid #eeeeee;
	font-weight: normal;
	background-color: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background: -webkit-linear-gradient(top, #ffffff, #efefef);
	background: -moz-linear-gradient(top, #ffffff, #efefef);
	background: -ms-linear-gradient(top, #ffffff, #efefef);
	background: -o-linear-gradient(top, #ffffff, #efefef);
}
.loadmore-button-container {
	clear: both;
	padding-top: 20px;
	text-align: center;
	margin-top: 50px;
}
.loadmore-button {
	margin: 0 auto;
	display: block;
	border: 1px solid #eeeeee;
	max-width: 300px;
	width: 85%;
	padding: 5px 10px;
	background-color: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background: -webkit-linear-gradient(top, #ffffff, #efefef);
	background: -moz-linear-gradient(top, #ffffff, #efefef);
	background: -ms-linear-gradient(top, #ffffff, #efefef);
	background: -o-linear-gradient(top, #ffffff, #efefef);
	font-weight: normal;
}

/* radio & checkbox */
.checkbox label,
.radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	font-size: 13px;
}
.checkbox label {
	padding-left: 29px;
}
input[type=radio],
input[type=checkbox] {
	display: none;
}
.checkbox label:before,
.radio label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	bottom: 50%;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: -8px;
}
.checkbox label:before {
	width: 20px;
	height: 20px;
	margin-bottom: -10px;
}
.radio label:before {
	border-radius: 8px;
}
.checkbox label:before {
	border-radius: 3px;
}
input[type=radio]:checked + label:before {
	content: "\2022";
	color: #666;
	font-size: 22px;
	text-align: center;
	line-height: 14px;
}
input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 16px;
	padding: 2px;
}
.input-disabled-plain {
	background: none !important;
	border: none #fff !important;
	box-shadow: none !important;
	padding: 1px 0 !important;
}
.input-default {
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #e0e0e0;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 6px 12px;
	font-size: 14px;
	color: #555555;
	height: 34px;
	line-height: 33px;
	vertical-align: middle;
}

/* popup page */
.popup-mode {
	background: #fff;
	position: relative;
}
.popup-mode .nav {
	display: block;
	margin: 30px 15px -5px;
	min-height: 25px;
}
.popup-mode .section.first {
	margin-top: 40px;
}
.popup-mode .section-field.date {
	margin-bottom: 15px;
}
.popup-mode .section-field.date:last-child {
	margin-bottom: 0;
}
.popup-mode img.ui-datepicker-trigger {
	display: none;
}
.popup-mode .section-field .fa-calendar {
	bottom: 6px;
	color: #bbb;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	right: -40px;
}
.layout.popup-mode .section.section-save-form {
	text-align: center;
}

/* navigation */
nav.navbar ul.nav li.dropdown > a i {
	color: #fff;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
}
nav.navbar ul.nav li.dropdown.active > a i, nav.navbar ul.nav li a:hover i, nav.navbar ul.nav li a:active i, nav.navbar ul.nav li a:focus i  {
	color: #fedd84;
}

/* Upload Button */
.main-content .choose-file.show-name-0 {
	margin-bottom: 15px;
}

/* Like button */
.feed-like {
	line-height: 2.5;
	color: #888;
	font-family: "PT Sans",sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}
dl.dl-horizontal dt .feed-like > a, dl.dl-horizontal dt .feed-like > span,
.feed-like > a, .feed-like > span {
	display: inline-block;
}
dl.dl-horizontal dt .feed-like a,
.home-body.display-section dl.dl-horizontal dt .feed-like a {
	text-align: left;
	width: auto;
}
.feed-like i {
	color: #999;
}

/* select */
select.form-control.chosen-select {
	border: 1px solid #dadada;
	border-radius: 2px;
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	white-space: nowrap;
}

/* loop index lists */
.outer-wrapper-list {
	display: block;
	position: relative;
}

/* Profile Type Status */
.person-type {
	color: #989898;
	font-family: "PT Sans",sans-serif;
	font-weight: normal;
}

/* TWS Article Page */
#tws-article img:first-child {
	margin-top: 30px;
}
#tws-article h1 {
	margin-top:28px;
	margin-bottom:20px;
	font-size:22px;
	font-family:'Quantico', sans-serif;
	font-woight:bold;
}
#tws-article h2 {
	margin-top:25px;
	margin-bottom:10px;
	font-size:18px;
	font-family:'PT Sans', sans-serif;
	font-weight:bold;
	text-transform: none;
}
#tws-article h3 {
	margin-top:25px;
	margin-bottom:10px;
	font-size:16px;
	font-family:'PT Sans', sans-serif;
	font-weight:bold;
	text-transform: none;
}
#tws-article a {
	text-decoration: underline;
}
#tws-article ul {
	margin-left: 50px;
	margin-bottom: 10px;
	list-style: disc;
}
#tws-article article img {
	margin-bottom: 10px;
}
#tws-article .table-responsive table {
	border-collapse: collapse;
	width: 100%;
}
#tws-article .table-responsive td,
#tws-article .table-responsive th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}
#tws-article .table-responsive td:nth-child(5),
#tws-article .table-responsive th:nth-child(5) {
	width: 100px;
}
#tws-article .table-responsive th {
	text-align: center;
	vertical-align: middle !important;
	line-height: 1 !important;
}
#tws-article .table-responsive td img {
	margin: 0 !important;
}

/* Modal */
.modal-backdrop.in {
	opacity: 0.6;
}
.modal-dialog {
	margin: 40px 10px;
}
.modal-title {
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
	padding: 8px 15px;
	background-color: #f2f2f2;
}
.modal-body {
	padding: 25px 15px;
}
.modal-content {
	background-color: #000;
}
.modal-footer {
	text-align: left;
}
.video-modal-content {
	border: none;
	background: #000;		
}



/* smaller phone view */
@media (min-width: 481px) {
	.truncate-xs {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#login-page .landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 40px;
	}
}
	
/* Small devices (tablets, 768px and up) .col-sm- */
@media (min-width: 768px) {
	.main-inner-wrapper {
		margin: 0 20px;
	}
	.fl-right-sm {
		float: right;	
	}
	.fl-left-sm {
		float: left;	
	}
	.clear-xs {
		clear: none;
	}
	.clear-sm {
		clear: both;
	}
	.modal-dialog {
		margin: 100px auto;
	}
	.modal-body,
	.modal-footer {
		padding: 25px 30px;
	}
	.modal-title {
		padding: 8px 30px;
	}
	.landing-page .callout {
		padding: 0 15px;
	}
}

/* Medium devices (desktops, 992px and up) .col-md- */
@media (min-width: 992px) {
	.fl-right-md {
		float: right;	
	}
	.fl-left-md {
		float: left;	
	}
	.clear-sm {
		clear: none;
	}
	.clear-md {
		clear: both;
	}
	.img-full-md {
		width: 100%;
	}
	.landing-page .callout {
		padding: 0 50px;
	}
}

/* Large devices (large desktops, 1200px and up) .col-lg- */
@media (min-width: 1200px) {
	.main-inner-wrapper {
		margin: 0 200px;
	}
	.col-div-5 {
		width: 20%;
	}
	.clear-md {
		clear: none;
	}
	.clear-lg {
		clear: both;
	}
	.img-full-md {
		width: auto;
	}
	.modal-dialog {
		margin: 180px auto;
	}
	.sos-layout .modal-dialog {
		margin: 220px auto;
	}
}

/*------------------------------------------------------------------
	Media Queries MAX-WIDTH - Wide to Small
-------------------------------------------------------------------*/
@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	.modal.video-modal .modal-dialog .modal-content,
	.modal.video-modal .modal-dialog .modal-content .modal-body #ytplayer {
		height: 337px;
		max-height: none;
	}
}

@media (max-width: 767px) {
	dl.dl-horizontal.dl-post dt .image,
	.feed-like {
		width: 70px;
	}
	dl.dl-horizontal.dl-post dt .image {
		height: 70px;
	}
	.modal .close {
		right:0;
	}
	.modal.video-modal .modal-dialog {
		width: 93%;
		display: block;
		margin: auto;
	}
	.modal.video-modal .modal-dialog .modal-content,
	.modal.video-modal .modal-dialog .modal-content .modal-body #ytplayer {
		height: 100%;
	}
}

@media (max-width: 480px) {
	.img-full {
		width: 100%
	}
}


/*
	KEEP THIS AREA CLEAN
*/

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body, .btn,
.sign-form .panel .panel-body form label {
	font-size: 16px;
	line-height: 24px;
}
header .brands-menu a.logo {
	margin-top: 0;
}
.about-page .hero-image {
	margin-top: -1px;
}
#login-page .landing-page .hero-image .hero-text {
	top: 40px;
}
#login-page .landing-page .hero-image .hero-text span{
	display: inline-block;
	position: relative;
}
#login-page .landing-page .hero-image .hero-text .hero-text-free {
	position: absolute; 
	left: 0;
	right: 0;
	text-align: center;
	bottom: -36px; 
	font-size: 18px;
}
#login-page .landing-page .hero-image {
	background-position: left center;
	min-height: 200px;
}
#login-page .landing-page.sosfamily .hero-image {
		min-height: 250px;
}
#login-page .landing-page.remembrance .hero-image {
		min-height: 250px;
}
header .brands-menu ul.be-part-menu li a.btn-join-now,
.landing-page .hero-image .hero-text a,
.landing-page .hero-image .hero-text .buttons-group a,
.about-page .hero-image .hero-text a {
	font-family: "PT Sans",sans-serif;
	font-size: 17px;
	text-transform: capitalize;
	text-shadow: none;
}
#login-page .hero-image .hero-text a {
	padding: 7px 25px;
	display: inline-block;
	line-height: 24px;
}
#login-page .hero-image .hero-text a.watch-video {
	margin-left: 5px;
	padding: 7px 14px;
	font-weight: bold;
}
.clicked > a {
	opacity: 0.6;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus {
	color: #fff;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus,
header .brands-menu ul.be-part-menu li.clicked a:hover,
header .brands-menu ul.be-part-menu li.clicked a:focus {
	transition: opacity 0.3s ease-in-out 0s;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus,
header .brands-menu ul.nav.navbar-nav li.clicked a.active,
header .brands-menu ul.be-part-menu li.clicked a:hover,
header .brands-menu ul.be-part-menu li.clicked a:focus,
header .brands-menu ul.be-part-menu li.clicked a.active  {
	opacity: 1;
}
header .brands-menu ul.nav.navbar-nav li.btn-join-now a {
	color: #4a4a4a;
	text-shadow: none;
}
#login-page .hero-image .hero-text a {
	margin-top: 15px;
}
#key-benefit {
	padding-top: 50px;
	padding-bottom: 50px;
}
.about-page h3 {
	margin-bottom: 20px;
}
.sign-form .panel .panel-body {
	padding: 30px;
}
.sign-form .panel .panel-heading h3 {
	font-size: 22px;
}
.sos-layout .sign-form .panel .panel-heading h3 {
	font-size: 24px;
}
.sos-layout .sign-form .panel .panel-heading h3 span {
	font-size: 16px;
}
.sign-form .panel .panel-heading h3 small {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sign-form .panel .panel-body form label {
	margin-bottom: 10px;
}
.sign-form .panel .panel-body form .checkbox label {
	font-weight: normal;
}
.forgot-login a,
.switch-to, .switch-to a {
	font-weight: bold;
}
.panel.panel-gray .panel-heading {
	border-bottom: 1px solid #ccc;
}
.sign-form .panel .panel-body p.switch-to {
	margin-bottom: 0;
}
.btn.btn-facebook-sign-up {
	font-size: 16px;
}
.sign-form .panel .panel-body button {
	margin-bottom: 30px;
}
.sign-form a.btn {
	 line-height: 38px;
}
.sign-in .panel .panel-body p.forgot-login {
	margin-bottom: 35px;
}
.sign-form .panel .panel-body form .input-group {
	margin-top: 5px;
}
footer .copy p {
	font-size: 14px;
	line-height: normal;
}
#login-page .maintenance .panel-body h4 {
	line-height: 26px;
}
#login-page .maintenance .panel-body p {
	font-size: 15px;
	line-height: 22px;
}
#login-page .maintenance .panel-body .text-center * {
	vertical-align: top;
}

.sign-up .panel .panel-heading h4 {
	text-align: center;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.sign-up .panel .panel-heading h4.blue {
	color: #425c91;
}
.sign-up .panel .panel-heading hr {
	margin: 15px 0 10px;
	background-color: black;
	height: 1px;
}
	
	
/*------------------------------------------------------------------
	Media Queries MIN-WIDTH - Small to Wide
-------------------------------------------------------------------*/
/* Small devices (tablets, 768px and up) .col-sm- */
@media (min-width: 768px) {
	header .brands-menu a.logo {
		margin-top: 10px;
	}
	.landing-page .hero-image .hero-text {
		font-size: 36px;
		bottom: 110px;
	}
	.sos-layout .landing-page .hero-image .hero-text {
		font-size: 32px;
		bottom: 60px;
	}
	#login-page .hero-image .hero-text a {
		padding: 10px 50px;
	}
	#login-page .hero-image .hero-text a.watch-video {
		margin-left: 20px;
		padding: 10px 39px;
	}
	.landing-page .hero-image .hero-text a {
		margin-top: 20px;
	}
	.sos-layout .landing-page .hero-image .hero-text a {
		margin-top: 0;
	}
	header .brands-menu ul.be-part-menu li a {
		padding: 4px 12px;
		line-height: 1;
	}
	#login-page .landing-page .hero-image .hero-text {
		top: 20px;
	}
	#login-page .landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 38px;
	}
}

/* Medium devices (desktops, 992px and up) .col-md- */
@media (min-width: 992px) {
	header .brands-menu {
		padding-bottom: 20px;
		padding-top: 5px;
	}
	header .brands-menu a.logo {
		margin-top: 25px;
	}
	header .brands-menu ul.be-part-menu li a {;
		padding: 8px 15px;
	}
	header .brands-menu ul.be-part-menu li a.btn-join-now {
		padding: 10px 25px;
	}
	#login-page .landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 40px;
	}
}

/* Large devices (large desktops, 1200px and up) .col-lg- */
@media (min-width: 1200px) {
	header .brands-menu a.logo {
		margin-top: 0;
	}
	.sos-layout header .brands-menu a.logo {
		margin-top: 10px;
	}
	header .brands-menu {
		padding-top: 35px;
		padding-bottom: 30px;
	}
	#login-page .landing-page .hero-image .hero-text {
		top: auto;
	}
	#login-page .landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 50px;
	}
}

/*------------------------------------------------------------------
	Media Queries MAX-WIDTH - Wide to Small
-------------------------------------------------------------------*/
@media (max-width: 1199px) {
	.sos-layout .landing-page .hero-image .hero-text {
		bottom: 30px;
		font-size: 32px;
		top: auto;
	}
}
@media (max-width: 991px) {
	.layout.default nav .navbar-collapse {
		background: #888670;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -34px; 
		font-size: 16px;
	}
	.sos-layout .landing-page .hero-image .hero-text {
		bottom: 110px;
		font-size: 26px;
		line-height: 32px;
		top: 30px;
	}
	.landing-page .hero-image .hero-text .buttons-group {
		margin-top: 15px;
	}
	.landing-page .hero-image .hero-text .buttons-group a,
	.landing-page .hero-image .hero-text .quantity-pages {
		font-size: 16px;
	}
}
@media (max-width:767px) {
	#login-page .landing-page .hero-image .hero-text {
		font-size: 18px;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -21px; 
		font-size: 13px;
	}
	.sos-layout .landing-page .hero-image .hero-text {
		bottom: 10px;
		font-size: 18px;
		line-height: 20px;
		top: 40px;
	}
	.sign-form .panel {
		margin: 30px auto;
	}
	.sign-form .panel .panel-heading {
		padding: 0 30px;
	}
	.sign-form .panel .panel-body {
		padding: 15px 30px;
	}
	.sign-form .panel .panel-body form .form-group {
		margin-bottom: 15px;
	}
	.sign-form .panel .panel-body p.forgot-login {
		margin: 30px 0 35px;
	}
	.sign-form .panel .panel-body p.switch-to {
		margin-bottom: 20px;
	}
	.sign-up .panel .panel-heading h4 {
		margin: 15px 0;
	}
	#tws-article .table-responsive {
		border-top: none;
		border-bottom: none;
		border-left: none;
		border-right: 1px solid #dddddd;
		margin-bottom: 25px !important;
	}
}
@media (max-width: 480px) {
	header .brands-menu a.logo img {
		width: 100%;
	}
	#loginForm .input-group.checkbox label {
		max-width: 100px;
		min-height: 50px;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -17px; 
		font-size: 12px;
	}
	#login-page .landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 40px;
	}
	#tws-article .table-responsive td,
	#tws-article .table-responsive th {
		white-space: normal;
	}
	#tws-article article img {
		max-height: 200px;
		width: auto;
		display: block;
		margin: 0 auto 10px;
	}
}
@media (max-width: 450px) {
	.sos-layout .landing-page .hero-image .hero-text {
		font-size: 24px;
		line-height: 1.2;
		top: 20px;
	}
}

h1,h2,h3{
	font-weight: bold;
	text-transform: uppercase;
}
h1,.landing-page .amount-of-memebers{
	font-size: 25px;
}
h2, #key-benefit h2{
	font-size:20px;
	margin:10px 0;
}
h2.no-bold{
	font-weight: normal;
}
h3, .landing-page h3{
	font-size:16px;
	margin:15px 0;
}
.landing-page h3.extra-top-space{
	margin-top:40px;
}

#key-benefit p{
	margin-top:15px;
}