.cropper {
	background:url(images/pr_main.gif) center center no-repeat;
}

.cropper.ready{
	background:none;
}

.wrapper{
	background:#ccc;
}

label {
	font-weight:400;
}

label.error {
	color:red;
}

.support-button{
	position: fixed;
    right: 0px;
    bottom: 0px;
    background: #4267b2;
    text-align: center;
    padding: 10px 40px;
    border-radius: 30px 0px 0px 0px;
    color: white;
    z-index:9999;
}
.support-button a {
	color: white;
}

.support-button a:hover {
	text-decoration:underline;
}


#encounter_gift_container {
  position: relative;
  display: inline-block;
  text-align: center;
}
.encounter_gift_button {
  position:absolute;
  bottom: -5px;
  right: 0px;
  width: 100px;
  height: 30px;
  padding-top: 5px !important;
  padding-left: 5px !important;
}
.encounter-controls {
  position: relative;
  bottom:10px;
}
.encounter-info {
  position: relative;
 /* top: 12px;
  left: 7px;  */
  line-height: 50px;
}
.encounters-name {
  display:inline;
  font-size: 1.4em !important;
  padding-right:7px;
  font-weight: 400;
}
.encounters-name {
  display:inline;
  font-size: 1.4em !important;
  padding-right:7px;
  font-weight: 400;
}
.encounters-extra {
  display:inline;
  font-size: 1.2em !important;
  font-weight: 300;
}

.encounters-name a {
  color: #66615b !important;
}
.encounters-name span, .encounters-name a span {
 margin-left: 5px;
}
.encounter-info .btn-icon {
  vertical-align: text-bottom !important;
}
.encounter-info .text-muted {
  padding-top:3px;
  font-weight:400;
}
.well-encounter {
  border: 0;
}
.well-encounter.right .profile-info{
 right: 10px;
 left:unset;
}

.btn-wet {
	display: inline-block;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    border-color: #878787!important;
    background: #525252;
	min-width: 100px;
}

.btn-wet:disabled, .btn-wet[disabled], .btn-wet.disabled, .btn-wet.btn-disabled {
  background-color: #4f4f4f!important;
  opacity: 0.5; }


.btn-wet:hover {
    background: #4f4f4f!important;
}

.wet .input-group-addon {
	/* color: #525252!important; */
	/* background-color: #525252; */
}

.wet select, .wet input{
	border: 1px solid #525252;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn-circle.btn-like,.btn-circle.btn-dislike {
  width: 75px;
  height: 75px;
  font-size: 130%;
  line-height: 75px;
  border-radius: 50%;
  border:2px solid #FFF;
  color: #FFF;
  display:inline-block;
}

.btn-circle.btn-like {
 color: #FFF;
 background:#eb5e289c!important;
}

.btn-circle.btn-dislike {
 color: #FFF;
 background:#66615b9e!important;
}

.profile-info {
  position: relative;
  top: 23px;
  left: 7px;
}
.profile-info .btn-icon {
  vertical-align: text-bottom !important;
}
.profile-section {
  font-size: 14px;
}
.profile-controls {
  position: relative;
  top: 20px;
}
.profile-control {
  margin-right: 5px;
}
.profile-control i {
  font-size: 16px;
}
.profile-control span {
  font-size: 15.5px;
  font-weight: 400;
  margin-left: 5px;
}
.profile-badge {
  margin-right: 5px;
}

.func_wrapper:hover .profile-func{
	visibility: visible;
}

.profile-func {
	visibility: hidden;
	width: 20px;
    height: 20px;
    background: #3c3c3cb3;
    text-align: center;
    line-height: 20px!important;
    border-radius: 10px;
    color: #FFF;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	font-size: 12px;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
 }

.profile-func:hover{
 -webkit-transform: scale(1.3);
 -moz-transform: scale(1.3);
 -o-transform: scale(1.3);
 }

.profile-func.delete {
  top: 5px;
  right: 5px;
  background: #a709099e;
}
.profile-func.setavatar {
  top: 5px;
  left: 50%;
}

.profile-section-heading {
  font-weight: 500;
}

.thumb_user_info {
	display:none;
	bottom: 0;
    position: absolute;
    background: #00000082;
    line-height: 25px;
    padding: 0 5px;
    left: 0px;
    margin: 0px;
    color: #fff;
    font-weight: 400;
}
.gift-selection {
  height:200px;
  overflow:auto;
}
.gift-image {
  height: 75px;
  width: 75px;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
}
.gift-image:hover {
  background: #EEE;
  transition: all 0.2s ease;
}
.gift-image-small {
  height: 55px;
  width: 55px;
  padding: 5px;
}
.interest-item {
  background-color: #66615b;
  cursor: pointer;
  margin: 5px 3px 5px 0;
  position: relative;
  padding: 0.4em 0.9em;
  border-radius: 10px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 0.75em;
  line-height: 1;
  display: inline-block;
  padding-left: 0.8em;
}
.bg-white {
  background: #fff;
  border: 1px solid #100f0f08!important;
  border-radius: 0px;
}
.bg-grey {
  background: rgba(242, 242, 242, 0.4);
  border: none;
  border-radius: 0px;
}
.bg-grey .panel-heading {
  background: rgba(242, 242, 242, 0.4);
}

.bg-grey .panel-heading .panel-title {
  font-weight: 500;
}
.overflow-auto {
  overflow:auto;
}
.m-5 {
  margin: 5px !important;
}
.mr-15 {
  margin-right: 15px;
}
.mr-5 {
  margin-right: 5px;
}
.ml-30 {
  margin-left: 30px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-0 {
  margin-top: 0px !important;
}
.col-centered {
  margin: 0 auto;
  float:none;
}
.well {
  overflow: hidden;
  border-radius: 3px;
  border:0px;
  background-color:#FFF;
}

.well.profile .btn{
	border: 2px solid;
}

.well .pagination{
	margin: 8px 10px 2px 0!important;
}

.no-padding {
  padding: 0px;
}
.lh20 {
  line-height: 25px !important;
}
.spotlight-container {
  padding-top: 10px;
  padding-bottom: 0px;
  background: #bfc3c2;
}
.spotlight-inner {
  max-width: 850px;
  margin: 0 auto;
  float:none;
}
.spotlight-image, .spotlight-image-add {
  height: 50px;
  width: 50px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  padding:0px;
}
.spotlight-image:hover {
  -webkit-filter: grayscale(100%);
}
.box {
  cursor: pointer;
  height: 50px;
  position: relative;
  overflow: hidden;
  width: 50px;

}
.box img {
  position: absolute;
  left: 0;
}
.box .overbox {
  background-color: #666159;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  z-index: 100;
  width: 50px;
  height: 50px;
  text-align:center;
  border-radius: 50%;
  line-height: 55px;
  opacity: 0.7;
}
.box .title {
  font-size: 1.2em;
  opacity: 1;
}
.image-container {
  margin: 5px;
  height: 100%;
  width: 100%;
}
.caption {
  width: 100%;
  bottom: 0;
  position: absolute;
  background: #000;
  background: -webkit-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 5-%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(to top, #000 10%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.thumbnail {
  border: 0 none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  background: #FFF !important;
}
.caption h4 {
  color: #FFF;
  margin-bottom: 0px;
  position: relative;
}
.caption h4 a {
  color: #FFF;
}
.photo-upload-select {
  font-size:20px;
  padding:10px;
}
#photo_file {
  position:absolute;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.vip-page-heading {
  background-color: none;
  height: 60px;
}
.vip-page-heading:after {
  content: '.';
  visibility: hidden;
}
.vip-page-body {
  padding: 35px;
  padding-top:60px;
}
.vip-page-body h4 {
  font-size: 1.4em;
}
.vip-page-user {
  height: 90px!important;
  width: 90px!important;
  border:5px solid white;
  position:absolute!important;
  top: 15px;
  left: calc(50% - 20px);
  margin: 0 auto;
  float: none;
  padding: 3px;
}
.vip-page-user-crown {
  position: absolute;
  top: 73px;
  left: 49.5%;
  background-color: #F3BB45 !important;
  border-color: #F3BB45 !important;
}
.vip-page-center {
  margin: 0 auto;
  text-align: center;
  float: none;
}
.vip-page-center a {
  margin-top: 5px;
  margin-right: 5px;
}
.vip-features {
  padding: 250px;
  padding-top: 45px;
}
.vip-feature-1 {
  float:left;
  padding-right: 50px;
}
.vip-feature-1 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.vip-feature-1 p {
  padding-top: 10px;
  text-align: center;
  font-size: 0.95em;
}
.vip-feature-2 {
  float: left;
  padding-right: 50px;
}
.vip-feature-2 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.vip-feature-2 p {
  padding-top: 10px;
  text-align: center;
  font-size: 0.95em;
}
.vip-feature-3 {
  float:left;
  padding-right: 0px;
}
.vip-feature-3 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.vip-feature-3 p {
  padding-top: 10px;
  text-align: center;
  font-size: 0.95em;
}
.vip-secondary-features {
  padding-top: 0px;
}
.vip-secondary-1 {
  float: left;
  padding-right: 50px;
}
.vip-secondary-1 img {
  height: 60px;
  width: 60px;
  display: block;
  margin: 0 auto;
}
.vip-secondary-1 p {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
}
.vip-secondary-2 {
  float: left;
  padding-right: 50px;
}
.vip-secondary-2 img {
  height: 60px;
  width: 60px;
  display: block;
  margin: 0 auto;
}
.vip-secondary-2 p {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
}
.vip-secondary-3 {
  float:left;
  padding-right: 0px;
}
.vip-secondary-3 img {
  height: 60px;
  width: 60px;
  display: block;
  margin: 0 auto;
}
.vip-secondary-3 p {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
}
.modal-important {
  background-color: #252422;
  color: #FFF;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.wet .modal-header {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    background: url('images/wet-header-bg.jpg') no-repeat center center ;
}

.wet .modal-content {
    border-radius: 5px;
}

.modal-warning {
  background-color: #ef5547;
  color: #FFF;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.modal-important .close {
  color: #FFF !important;
}
.payment-gateways {
  margin: 15px;
}
.payment-gateway-select {
  padding: 17px;
  border: 1px solid #EEE;
  display: inline;
  margin-right: 7px;
}
input.form-input{
	display:inline-block;
	border:0px;
	width: 60px;
	color: #403D39;
    font-weight: 500;
}

.payment-gateway-select input[type=radio] {
 margin-right: 2px;
}
.divider {
 border-color: #DDDDDD;
 margin-top: 0px;
 margin-bottom: 0px;
}
.package-select {
 padding: 15px;
 padding-left: 20px;
}
.vip-duration {
 font-size: 14px;
 display: block;
 padding: 1px;
}
.vip-duration input {
 margin-right: 5px;
}
.duration-space {
 padding-right: 10px;
}
.payment-details {
 padding: 15px;
 padding-left: 20px;
 width: 400px;
}
.payment-button-area {
  padding: 15px;
  padding-left: 20px;
}
.bottom-description {
    font-size: 11px;
    line-height: 12px;
    padding-top: 5px;
}
.credit-card-details {
  display:none;
}
.credits-page-center {
  margin: 0 auto;
  text-align: center;
  float: none;
}
.credits-page-center h4 {
  font-size:1.5em;
  margin-top:0px;
}
.credits-page-center a {
  margin-top: 5px;
}
.credits-features {
  padding: 250px;
  padding-top: 45px;
}
.credit-feature-1 {
  float:left;
  padding-right:50px;
}
.credit-feature-1 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.credit-feature-1 p {
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
}
.credit-feature-1 a {
  margin-top: 10px;
}
.credit-feature-2 {
  float:left;
  padding-right: 50px;
}
.credit-feature-2 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.credit-feature-2 p {
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
}
.credit-feature-2 a {
  margin-top: 10px;
  font-weight: 500;
}

.credit-feature-3 {
  float:left;
}
.credit-feature-3 img {
  display: block;
  margin: 0 auto;
  height: 150px;
  width: 150px;
}
.credit-feature-3 p {
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
}
.credit-feature-3 a {
  margin-top: 10px;
}
.credits-page-counter {
  font-size: 1.2em;
  color: #FFf;
  position:absolute;
  top:17px;
  left:45%;
  cursor: pointer;
}
.credits-page-counter i {
  font-size: 0.9em;
}
.vip-page-popular-user {
  position: relative;
  bottom: 98px;
  left: 38%;
  background-color: #66615B !important;
  border-color: #66615B !important;
}
.vip-page-popular-user img {
  height: 18px;
  width: 18px;
}
.vip-page-featured-user {
  position: relative;
  bottom: 98px;
  left: 38%;
  background-color: #66615B !important;
  border-color: #66615B !important;
}
.vip-page-featured-user img {
  height: 18px;
  width: 18px;
}
.vip-page-new-user {
  position: relative;
  bottom: 98px;
  left: 38%;
  background-color: #66615B !important;
  border-color: #66615B !important;
}
.vip-page-new-user img {
  height: 18px;
  width: 18px;
}
.nav-sidebar li a {
  border-radius: 0px !important;
  border: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.nav-sidebar li a span {
  line-height: 42px !important;
  padding-left: 10px;
}
.sidebar-container {
  padding: 0px;
  width: 85%;
}
.sidebar-user-area {
  padding: 10px;
  padding-top: 0px;
}
.sidebar-user-area img {
  height: 60px;
  width: 60px;
  display: inline;
}
.sidebar-user-area .user-name {
  display:inline;
  font-size: 1.2em;
  position:relative;
  left: 5px;
  bottom: 10px;
}
.sidebar-user-area .user-popularity {
  display:inline;
  font-size: 0.7em;
  position:relative;
  right: 80px;
  top: 7px;
}
.page-title {
  font-weight: 400;
  padding-bottom:30px;
  font-family: 'Roboto', sans-serif;
  /*text-transform: uppercase;*/
  color:#202020;

}

h3.page-title {
  margin:0px;
}

.page-title .backpart{
	color:black;
	padding-right:10px;
	border:2px solid;
	margin-right: 10px
}
.page-title .backpart:hover{
	background:white;
}
.tiles {
	padding-top:30px;
}
.page p strong, .page li strong {
	font-weight: 500;
}

.page ol+p {
	margin-left: 60px;
	color:red;
}

.page ol p  {
	margin-left: 60px;
}

.page ol li {
	margin: 0 10px;
	padding-bottom: 10px;
}

.page ol li p {
	margin: 0 10px;
	padding-top:10px;
}

.chat-modal {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.chat-left {
  width: 32%;
  border-right: 1px solid #eee;
  height:650px;
}
.chat-sidebar-top {
  padding-bottom: 0px;
  height: 70px;
  border-bottom: 1px solid #eee;
}

.chat-sidebar-top h4 {
	position: relative;
    top: 25px;
    left: 20px;
}

.chat-sidebar-top input {
  font-weight:400;
  border-top-left-radius: 10px !important;
  height:70px;
}

.chat-sidebar-top input:focus {
  background-color: #F2F2F2;
}

.chat-sidebar-user {
  padding: 10px;
  border: none !important;
  color: #666157 !important;
  height: 75px;
  margin-right: 12px;
  transition: all 0.1s ease;
  position: relative;
}

.chat-sidebar-user .sidebar_user_content{
	max-height:60px;
}

.chat-sidebar-user i.ti-trash{
	position: absolute;
	left: 90%;
	bottom: 15px;
	font-weight: 200;
	color: white;
	display:none;
	transition: transform .1s;
	cursor:pointer;
	width: 18px;
    height: 22px;
	z-index: 9999;
}

.chat-sidebar-user .chat-sidebar-username{
  color: #66615b;
}

.chat-sidebar-user:hover .chat-sidebar-username{
	color:white;
}

.chat-sidebar-user i.ti-trash:hover{
	transform: scale(1.3,1.3);
}

.chat-sidebar-user .img-circle {
  padding: 0px;
}

.chat-sidebar-user.active {
  background-color: #66615B !important;
  color: #FFF !important;
}
.chat-sidebar-user.active .chat-sidebar-username{
  color: #ffcb80!important;
}

.chat-sidebar-user:hover {
  background-color: #66615B;
  color: #FFF !important;
}
.chat-sidebar-user:hover i.ti-trash{
	display:block!important;
}

.chat-content-photos img {
	height: 80px;
    display: inline;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    width: auto;
}

.chat-sidebar-user .avatar{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    display:inline-block;
    margin-bottom: 15px;

    background-size: cover!important;
    background-position-x: 50%!important;
    background-position-y: 0!important;
    margin: 0px auto!important;
}

.photo_hover_actions {
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
    height: 58px;
    margin-top: -29px;
    z-index: 2;
    text-align: center;
    display:none;
}

.photo_hover_actions:hover{
	display:block!important;
}

.photo_hover_actions button {
	padding:0!important;
	margin:0 10px!important;

}

.photo_action  {
	display:inline-block;
}

.photo_hover_actions button > i {
	padding:0!important;
	margin:0!important;
}

.chat-image-checkbox{
	width:100px!important;
	height:100px!important;
}

.chat-sidebar-thumb {
  width: 50px;
  height: 50px;
  display: inline;
}
.chat-sidebar-username {
  display: inline;
  padding-left: 7px;
  position: relative;
  bottom: 10px;
}
.chat-sidebar-usermsg,
.chat-sidebar-usericons {
  font-weight: 400;
  font-size: 0.8em;
  position:relative;
  left:60px;
  bottom:25px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-sidebar-usericons {
  bottom:20px;
}

.online-status, .num-bullet{
  display: inline-block;
  z-index: 2;
  box-sizing: content-box;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-radius: 100%;
  vertical-align: middle;
}

.num-bullet{
	text-align: center;
    line-height: 23px;
     width: 22px;
    height: 22px;
    background-color: #33ce19;
    font-style: normal;
    font-size: 16px;
}

.online {
  background-color: #47D282;
}
.offline {
  background-color: #D9D9D9;
}

i.new {
	color: #4caf50;
}

i.new-translate {
  color:#3c7fb1;
}

i.wet:before {
    content: "";
    height: 20px;
    width: 20px;
    background: url(images/wet.png);
}

.indicator {
  display: inline-block;
  z-index: 2;
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  border-radius: 100%;
  vertical-align: middle;
}

.indicator.ion,.indicator.switch-1 {
  background-color: #47D282;
}

.indicator.ioff,.indicator.switch-0 {
  background-color: #D9D9D9;
}

a.btn.ion{
	border-color: #47D282;
}

button.load i, btn.load i,button.load span, btn.load span,
button.load-white i, btn.load-white i,button.load-white span, btn.load-white span {
    display:none!important;
}

button.load, btn.load{
	background: black url('images/b16_preloader.gif') no-repeat center center!important;
}

button.load-white, load-white{
	background: white url('images/b16_preloader.gif') no-repeat center center!important;
}

.preview-block {
	background:white url('images/w32_preloader.gif') no-repeat center center!important;
	min-height:100px;
	min-width:100px;
	display: inline-block;
	width: 50%;
	padding: 15px;
}
.preview-block.loaded{
	background:white!important;
}

.wordCounter {
  font-size:12px;
  padding: 10px;
  margin-left: -15px;
  margin-right: -15px;
  background:#eeeeee;
}

.wordCounter span {
	padding: 0px 5px;
}

.chat-sidebar-favorite i {
  font-size: 14px;
}
.chat-sidebar-favorite i:hover {
  color: #F3BB45;
}
.chat-area {
  width: 68%;
}
.chat-top-right {
  border-bottom: 1px solid #EEE;
  padding-bottom: 20px;
  height: 70px;
}
.chat-receiver-name {
  font-size: 20px;
  display: inline;
  padding-right: 7px;
  position: relative;
  top: 3px;
}
.chat-receiver-info {
  position: relative;
  top: 25px;
  left: 20px;
}

.chat-receiver-info .btn-xs{
	padding:2px 5px;
}

.chat-receiver-info .btn-sm{
	/*padding:8px 8px;*/
}

.chat-receiver-actions a {
  position: relative;
  bottom: 3px;
  right: 33px;
}
.chat-bottom {
  position: relative;
  bottom: 10px;
  left: 15px;
  border-top: 1px solid #EEE;
  padding-top: 15px;
  height:55px;
}
.chat-addons a,.chat-addons button  {
  color: #666157 !important;
  position: relative;
  /* padding-right: 6px; */
  /* bottom: 2px; */
  /* left: 10px; */
  outline: none;
}
.chat-addons a i,.chat-addons button i {
  font-size: 19px;
  font-weight: 300;
}
.chat-addons a i:hover,.chat-addons button:hover i, .chat-addons a.active,.chat-addons button.active{
  color: #EB5E28!important;
}
.chat-input {
  position: relative;
  bottom: 32px;
  left: 70px;
}
.chat-input input {
  width: 76.9%;
  height: 32px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 20px !important;
  background-color: #FFF !important;
  border: 1px solid #666157 !important;
}
.chat-input a {
  position: relative;
  bottom: 32px;
}
.chat-content-wrap {
  padding: 15px;
  padding-right: 5px;
  height: 605px;
  min-height:300px;
  overflow-y:scroll;
  
}
.chat-content-wrap hr {
	border-color: #d9d9d9;
}

.chat-content {
  height:auto;
}
.chat-message {
  margin-bottom: 0px;
}

.support-chat-content .chat-message{
	text-align: left;
}
.chat-message-control{
	cursor:pointer;
}

.chat-message-control i{
	color:#666;
}

.chat-message-control:hover i {
	color:#487fbb;
}

.mailer .chat-input {
  padding:15px!important;
}

.mailer .chat-addons {
  width:100%;
  height: 40px;
  background:#eee;
  border-bottom:1px solid #ddd;
  z-index: 1;
  display: block;
  position: relative!important;
  height: 40px!important;
}

.mailer .chat-addons button{
  padding: 0px;
  margin:0px;
  border:0px;
  background:transparent;
  text-align: left;
  float: left;
  height: 40px;
  width:40px;
  text-align: center;
}
.mailer .chat-addons button.send {
  background: #2a2a2a;
  color: white !important;
  width:auto;
  padding:0 20px;
}

.mailer .chat-addons button.send span{
	position: relative;
    top: -3px;
}

.mailer .chat-addons.right{
  width:100px;
  right: 0px;
    top: 0px;
    padding: 0px!important;
    background:#66615b;
    text-aligN: center;
}
.mailer .chat-addons.right i {
  font-size: 26px;
  font-weight: 300;
  color:white;
}

.mailer .chat-bottom{
  position:relative;
  width: 100%;
  bottom:0;
  display:block;
}

.mailer .chat-content-wrap{
  height:auto;
}

.mailer .messages-wrapper{

}

.mailer .messages-list {
	position:relative;
}

.mailer .messages-list a{
	color: #66615b!important;
}

.mailer .chat-message {
	height:40px;
	line-height:40px;
}

.mailer .chat-message:hover .chat-content-username{
	color: #4267b2;
}

.mailer .chat-message:hover .chat-content-thumb.right {
	display:none;
}

.mailer .chat-message:hover span.time {

}
.mailer .chat-message .toggle_check_wrapper{
	float: left;
    padding: 0px 0px 5px 5px;
}

.mailer .chat-message .toggle_check_wrapper .label-text{
	font-size: 18px;
}

.mailer .chat-message:hover span.direction {
	background: #838383;
	color: white;
}
.mailer .chat-message:hover .chat-message-body {
    background: #ececec!important;
}

.mailer .chat-message:hover span.being_translated {
}

.mailer .chat-message:hover .prtext {
  display:inline-block;
}

.mailer .chat-message .chat-content-thumb.right {
	margin-right: 0px;
}

.mailer .chat-message-body:hover .chat-controls-group,
.mailer .chat-message-body:active .chat-controls-group,
.mailer .chat-message-body:focus .chat-controls-group {
	display: inline-block;
    position: absolute;
    right: 20px;
}

.mailer .chat-controls-group{
	display:none;
	padding-right: 10px;
}
.mailer .chat-controls-group button,.mailer .chat-controls-group a{
	border:0px!important;
}
.mailer .chat-controls-group button>i, mailer .chat-controls-group a>i{
	margin-right:5px!important;
}


.mailer .chat-message-body {
	height:40px;
	margin: 10px 30px;
	border-radius: 20px;
}

.mailer .chat-message-body i:not(.chat-controls-group i){
  /*padding-rigth:5px;*/
}

.mailer .chat-message-body .being_translated{
  font-size: 80%;
  color:#3c7fb1;
}

.mailer .chat-message:nth-child(odd) .chat-message-body {
    background: #f9f9f9;
}

.mailer .chat-content-thumb {

}

.mailer .chat-content-username {
  font-size: 1.2em;
  line-height: 40px;
}
.mailer .chat-content-username a {
    color:#66615b;
}
.mailer .chat-message span {
	font-size: 14px;
	margin:0 5px;
  text-align: center;
  padding: 0px!important;
      vertical-align: top;
}
.mailer .chat-message span.time {
  font-size: 12px;
}
.mailer .chat-message .prtext {
  display:none;
  width:70%;
  color: gray;
  height: 40px;
}

.mailer .chat-message .truncate-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 40px;
  height: 40px;
  font-size: 12px;
}

.mailer .chat-message span i {
  font-weight:200;
}

.mailer .chat-message input {
	float:left;
	margin-top: 15px;
}

.mailer .chat-message-control,
.mailer .chat-main-control{
	width: 40px;
    padding-left: 7px!important;
    height: 40px;
    line-height: 50px;
    border-radius: 50%;
}

.mailer .chat-message-control i{
	font-size: 20px!important;
    line-height: 30px;
}

.mailer .chat-main-control{
	position:absolute;
	top: -50px;
    right: 5%;
	background: #f44336;
	border:0px;
	cursor:pointer;
	display:none;

}

.mailer .chat-main-control i{
	font-size: 26px!important;
    line-height: 40px;
    color:white;
    font-weight: 200;
}

.mailer .chat-content-text {
	max-height:20px;
	overflow: hidden;
	cursor: text;
	box-shadow: inset -190px 0px 190px -50px #FFF;
}
.mailer .chat-content-text p {
	color: #bbb;
    position: relative;
    z-index: -1;
    background: #fff;
}

.mailer .chat-placeholder .avatar {
	height:150px;
	width:150px;
}
.chat-content-username {
  font-weight: 500;
}

.chat-content-thumb {
	display: inline;
	height: 40px;
	width: 40px;
	margin-right:4px;
	transition: all 150ms linear;
	position: relative;
	z-index:99;
	padding: 0px;
	background-size: cover;
	background-position: center center;
	object-fit: cover;
}

.chat-content-thumb.receiver {
	right: 16px;
    position: relative;
}

.chat-content-thumb.top {
    border: 2px solid white;
	z-index:1000!important;
}

.chat-content-thumb:hover {	
	z-index:99!important;	
}

.chat-content-username {
  font-size: 0.9em;
  line-height:  30px;
  font-weight: 400;
}

.chat-content-text {
  font-size:  0.9em;
  position: relative;
  bottom: 18px;
  margin: 0px;
  font-weight: 400;
}
.chat-placeholder {
  margin: 0 auto;
  display: block;
  text-align: center;
  float: none;
  position: relative;
  top: 70px;
}
.chat-placeholder h4 {
  font-weight: 300;
}
.chat-placeholder h4 span {
  font-weight: 500;
}
.chat-placeholder .photo-count {
  position: relative;
  bottom: 40px;
  left: 40%;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 2px solid #FFF;
  background-color: #66615B;
  color: #fff;
  line-height: 53px;
}
.chat-placeholder .photo-count small {
  position: relative;
  display: block;
  bottom: 39px;
  font-size: 10px;
}
.chat-placeholder-image {
  height: 220px;
  width: 220px;
  border-radius: 50%;
}
.chat-promo {
  background-color: #F7F7F7;
  border-radius: 10px !important;
  height: 70px;
  width: 100%;
  position: relative;
  bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.chat-promo img {
  float: left;
  height: 50px;
  width: 50px;
  position: relative;
  top: 10px;
}
.emoji-menu {
  position: absolute;
  bottom: 59px;
  width: 613px;
}
.emoji-top {
  height: 40px;
  border: 1px solid #EEE;
  padding-top: 6px;
  padding-bottom: 10px;
  background-color: #FFF;
}
.emoji-top-link:first-child {
  padding-left:12px;
}
.emoji-top-link{
  padding-right: 4px;
  cursor: pointer;
  border-right: 1px solid #EEE;
}
.emoji-top-img {
  padding-right: 4px;
  padding-left: 4px;
  cursor: pointer;
  border-right: 1px solid #EEE;
}
.emoji-top-img img {
  height: 26px;
  width: 26px;
  margin-bottom: 8px;
}
.emoji-content-wrap {
  height: 150px;
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 0px;
  background-color: #FFF;
}
.emoji-content, {
  height: auto;
  width:  100%;
  overflow: hidden;
}
.chat-message-send {
  position: relative;
  bottom: 34px;
  left: 474px;
}
.emoji-content .emoticon {
  display:inline-block;
}
.emoji-content .emoticon:hover {
	background-color: #d0d0d0;
    transition: all 0.2s ease;
    border-radius: 10px;
}
.emoji-content .emojione {
  height: 22px;
  width:  22px;
  margin: 4px;
  cursor: pointer;
}
.sticker {
  height: 70px;
  width: 70px;
  padding: 8px;
  border-radius: 10px;
}
.sticker-disabled {
  height: 70px;
  width: 70px;
  padding: 8px;
  border-radius: 10px;
}
.sticker:hover {
  background-color: #d0d0d0;
  transition: all 0.2s ease;
}
.sticker-chat {
  height: 80px;
  width: 80px;
  padding-top:10px;
}
.emoji-top-link.active, .emoji-top-img.active {
  border-bottom: 2px solid #EB5E28;
  padding-bottom: 5px;
  color: #EB5E28;
}
.darkClass {
  background-color: white;
  filter:alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity:0.50;
  z-index: 20;
  height: 100%;
  width: 95%;
  background-repeat:no-repeat;
  background-position:center;
  position:relative;
  top: 0px;
  left: 0px;
}
.sticker-unlock-area {
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 0px;
}
.sticker-unlock-area a {
  display: inline;
  float:left;
  margin-right: 10px;
}
.sticker-unlock-name {
  font-size: 1em;
}
.sticker-disclaimer {
  font-size: 0.8em;
  font-weight: 300;
  position: relative;
  bottom: 10px;
  left: 86px;
}
.sticker-unlock-name span {
  font-weight: 300;
}
.photo-menu {
  position: absolute;
  bottom: 66px;
}
.photo-content-wrap {
  overflow: auto;
  height: 150px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  background-color:#f7f7f7;
  border-top: 1px solid #EEE;
}
.photo-content {
  height: 120px;
  padding-bottom:10px;
  background-color:#f7f7f7;
}
.chat-photo-image {
  height: 100px;
  width: auto;
  padding: 8px;
  border-radius: 10px;
  cursor:pointer;
}

.chat-photo-image:hover {
  background-color: #d0d0d0;
  transition: all 0.2s ease;
}

.func_wrapper.checked i.ti-check, .func_wrapper.checked:hover i.ti-check{
	position: absolute;
	visibility: visible!important;
	background: #0acb369e;
	color: white;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	font-size: 12px;
	text-align: center;
	line-height: 20px!important;
}

.chat-photo-selected {
  margin: 0 auto;
  float: none;
  text-align: center;
  display: block;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
}

.gift-menu {
  position: absolute;
  bottom: 66px;
  width: 613px;
}
.gift-content-wrap {
  overflow: auto;
  height: 150px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  background-color:#f7f7f7;
  border-top: 1px solid #EEE;
}
.gift-content {
  height: auto;
  width: 100%;
  background-color:#f7f7f7;
  overflow: hidden;
}
.chat-gift-image {
  height: 70px;
  width: 70px;
  padding: 8px;
  border-radius: 10px;
}
.chat-gift-image:hover {
  background-color: #d0d0d0;
  transition: all 0.2s ease;
}
.chat-gift-selected {
  margin: 0 auto;
  float: none;
  text-align: center;
  display: block;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
}
.close span {
  font-size: 40px;
  font-weight: 300;
  position: relative;
  left: 0px;
  bottom: 8px;
}
.gift-send-btn {
  margin-top: 20px;
  margin-bottom: 10px;
}
.send-gift-diclaimer {
  font-size: 14px;
}
.send-gift-success i {
  font-size: 70px;
  color: #2ECC71;
}
.send-gift-success p, .send-gift-error p {
  font-size: 14px;
  padding-top: 10px;
}
.send-gift-error i {
  font-size: 70px;
  color: #EB5E28;
}
.chat-content-text .emojione {
  height: 18px;
  width: 18px;
}
.text-light {
  font-weight: 300;
}
.well-round {
  border-radius: 5px !important;
}

.footer {
  background-color: #f2f2f2;
  line-height: 36px;
  padding-top: 30px;
  padding-bottom: 30px; }
  .footer .links {
    display: inline-block; }
    .footer .links ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-weight: 500; }
      .footer .links ul > li {
        display: inline-block;
        padding-right: 20px; }
      .footer .links ul > li:last-child {
        padding-right: 0px; }
      .footer .links ul a:not(.btn) {
        color: #66615b;
        display: block;
        font-size: 0.8em;
        margin-bottom: 3px; }
        .footer .links ul a:not(.btn):hover, .footer .links ul a:not(.btn):focus {
          color: #403D39;
          text-decoration:underline;}
      .footer .links ul.uppercase-links {
        text-transform: uppercase; }
      .footer .links ul.stacked-links {
        margin-top: 15px; }
        .footer .links ul.stacked-links > li {
          display: block;
          line-height: 26px; }
        .footer .links ul.stacked-links h4 {
          margin-top: 0px; }
  .footer .social-area {
    padding: 15px 0; }
    .footer .social-area .btn {
      margin-bottom: 3px; }
  .footer hr {
    border-color: #66615b;
    border-width: 1px 0 0;
    margin-top: 5px;
    margin-bottom: 5px; }
  .footer .copyright {
    color: #A49E9E;
    font-size: 0.9em; }
    .footer .copyright ul > li {
      padding-right: 0px; }
  .footer .title {
    color: #403D39; }

.footer-black,
.footer-transparent,
.subscribe-line-transparent {
   background: #33373e;
  color: #DDDDDD; }
  .footer-black .links ul a:not(.btn),
  .footer-transparent .links ul a:not(.btn),
  .subscribe-line-transparent .links ul a:not(.btn) {
    color: #f1f1f1;
    font-weight: 400;}
    .footer-black .links ul a:not(.btn):hover, .footer-black .links ul a:not(.btn):focus,
    .footer-transparent .links ul a:not(.btn):hover,
    .subscribe-line-transparent .links ul a:not(.btn):hover,
    .footer-transparent .links ul a:not(.btn):focus,
    .subscribe-line-transparent .links ul a:not(.btn):focus {
      color: #F1EAE0; }
  .footer-black .copyright,
  .footer-transparent .copyright,
  .subscribe-line-transparent .copyright {
    color: #66615b; }
    .footer-black .copyright ul > li a:not(.btn),
    .footer-transparent .copyright ul > li a:not(.btn),
    .subscribe-line-transparent .copyright ul > li a:not(.btn) {
      color: #66615b; }
  .footer-black hr,
  .footer-transparent hr,
  .subscribe-line-transparent hr {
    border-color: #66615b; }

.footer-transparent, .subscribe-line-transparent {
  background-size: cover;
  position: relative; }
  .footer-transparent .container, .subscribe-line-transparent .container {
    z-index: 2;
    position: relative; }
  .footer-transparent hr, .subscribe-line-transparent hr {
    border-color: #A49E9E; }
  .footer-transparent .copyright, .subscribe-line-transparent .copyright {
    color: #A49E9E; }
    .footer-transparent .copyright ul > li a:not(.btn), .subscribe-line-transparent .copyright ul > li a:not(.btn) {
      color: #A49E9E; }
  .footer-transparent::after, .subscribe-line-transparent::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(17, 17, 17, 0.5);
    display: block;
    content: "";
    z-index: 1; }

.footer-big {
  padding-top: 30px; }
  .footer-big hr {
    margin-top: 20px; }
  .footer-big .copyright {
    margin: 10px 0px 20px; }
  .footer-big .form-group {
    margin-top: 15px; }

.col-padding {
    padding: 0px;
    height: 200px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.facedIndex {
	-webkit-column-count: 8;
	-webkit-column-gap: 2px;
	-moz-column-count: 8;
	-moz-column-gap: 2px;
	column-count: 8;
	column-gap: 2px;
	text-align:justify;
}

.faceitem:hover {
	transition: 0.4s;
	z-index:999;
}

.faceitem:hover {
 transform: scale(1.15, 1.15);
}

.float-center {
	margin: 0 auto;
    float: none;
    text-align: center
}


/*----------------------------------------Added */
.added .chat-placeholder  {
	/* top: 20px;*/
	top:0;
	height:180px;
	background: url('images/newsletter.png') no-repeat center bottom;
}

.added .chat-bottom {
	left:0!important;
}


.added .chats-list {
    overflow-y: auto;
    overflow-x: hidden;
}
/*
.search-panel input.search{
	width: calc(100% - 40px);
	float:right;
	width: 45%;
	height:30px;
	border-radius: 25px;
	border: 1px solid #ccc;
	padding: 5px 15px;
	font-size: 1.4rem;
    line-height: 2rem;
}
*/

.search-panel .input-wrapper {
	margin: 0 15px;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px; color: #d3d3d3;}
.right-addon .glyphicon { right: 0px; color: #d3d3d3;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.visible-xs .search-panel input.search{

	float: left;	
	
}

.search-panel input.search:focus{
	
}


.added .chat-input .chat-message-send {
	position:absolute;
}

.added .chat-modal .chat-left {
	width:30%!important;
}


.added .chat-area {
    width: 70%;
}

.added .chat-top-right {
	padding-bottom:0px;
}

.added .chat-input {
	left:0px;
	bottom:0px;
    padding-right: 60px;
    padding-left: 30px;
	min-height:60px;
}

.added .chat-bottom {
 padding-top: 0px;
}

.added .chat-input a.chat-message-send{
	display:none;
}

.added .chat-input textarea {
    width: 100%;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    background:#fff;
    max-height:300px;
}
.added .chat-input textarea:focus {
	border:0px!important;
}

.added .chat-message {
	margin-right:10px;
	padding: 5px 0;
}

.added .chat-content-username {
    line-height: 40px;
    margin-left: 25px;
}

.added .chat-content-username span.time {
 	font-size: 75%;
    color: black;
    padding-left: 10px;
    color:#a49e93;
    height:30px;
    display:none;
}

.support-chat-content .answer .chat-content-username{
	color:#4267b2;
	font-weight:500;
}
.support-chat-content .answer .chat-content-text{
	color:#4267b2;
}
/*

.added .chat-content-username:hover{
		background:#403d39;
}

*/

.added p.chat-content-text{
	padding-left:45px;
	padding-right:10px;
	padding-top: 5px;
	color:#66615b;
	font-weight:400;
}

.added .right-info{
	display: inline;
	margin-right:10px;
	font-size:10px;
	line-height:40px;
}

.added .chat-content-wrap {
 overflow-y: auto;
}

.added .emoji-menu {
    bottom: 110px;
    width: auto;
}
.added .emoji-content-wrap {
    height: 185px;
    background:#f7f7f7;
}

.added .photo-menu{
	height:130px;
	width: 100%;
}
.added .photo-content-wrap{
  overflow: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: bottom;
    height: 135px;
    padding-bottom: 15px;
    background-color:#f7f7f7;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.added .photo-content {
  height: 100px;
  background-color:#f7f7f7;
}

.added .gift-menu {
    bottom: 140px;
    width: auto;
}
.added .chat-bottom {
    height: auto;
}


.added .chat-addons  {
   height: 30px;
   position: absolute;
   z-index: 999;
   left: 0px;
}

.added .chat-addons.right {
   left: unset;
   right: 20px;
}

.added .chat-addons li {
	list-style-type:none;
}

.added .translate-control {
	padding-right:20px;
	font-size:  0.8em;
	line-height:  30px;
	font-weight: 500;
	color:#47af50;
	display:none;
	line-height: 40px;
}

.added .chat-message:hover .translate-control,
.added .chat-message:hover .time {
	 display:inline-block;
}

.added .chat-message:hover .chat-content-username {
	 background:#f4f4f4;
}

.added .translate-info {
	margin-right: 10px;
	padding-right:25px;
	font-size:  0.8em;
	line-height:  30px;
	font-weight: 400;
	color:#848484;
	line-height: 40px;
}
.added .translate-info span {
    font-weight: 500;
}

.added .translate-info span.switch{
	 color:#47af50;
	 cursor:pointer;
}

.added .translating .translate-info span {

}

.added .translate-control {
	padding-left:25px;
	margin-right: 15px;
	background: url('images/wet.png') no-repeat 100% 50%;
}

.added .translate-info {
	padding-left:25px;
	background: url('images/wet.png') no-repeat 100% 50%;
}

.added .translate-control a {
	color:#47af50;
}

.added .translate-control select.form-control {
    padding: 0px;
    height: 28px;
    width: auto;
    display: inline;
    background:#FFF;
}

.added .translate-control li.dropdown a{
	background-color: #FFF;
}


.bx-wrapper {
	padding-top: 35px;
}
.mailer .profile-gallery-vertical{
	padding: 0px;
}
.mailer .bx-wrapper  {
	background: #eee!important;
	padding-top: 0px!important;
}

.mailer .bx-wrapper .bx-controls-direction{
	position: absolute;
    top: -55px;
    right: 0px;
    width: 92px;
}

.mailer .bx-wrapper .bx-controls-direction a {
	
}
.mailer .bx-wrapper .bx-controls-direction a.bx-prev {
	
}


.mailer .bx-wrapper ul figure div.thumbdiv {
	width:100%!important;
}

.mailer .gift-menu {
  top: 40px;
  left: 0px;
  z-index: 999;
}

.mailer .photo-menu{
	position:relative!important;
	top:0px!important;
}


.mail-profile {
}

.tool-panel {
	background:#eee;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tool-panel-right {
	background:#eee;
	padding: 21px 0;
	border-bottom: 1px solid #ddd;
}

.tool-panel-right .btn {
    background-color: #828282!important;
	border:0px;
	
}

.tool-panel-right .btn i {
	color:white;
}

.tool-panel .form-control {
    background-color: #f6f6f6;
}

.tool-panel input{
	height:33px;
}
.tool-panel input:focus{
	background:white;
}

.page ol{
	padding: 0px;
}

.page .panel-body{
	padding:30px;
}

.btn-sm.btn-icon.tools:hover i {
    color: #FFF;
}

.btn.tools:active i{
	color:#666;
}

@keyframes blink { 50% {  border-color: #12ca64; }  }
.alert-border {	
	border: 2px solid #12ca64; 
    animation: blink 1s;
    animation-iteration-count: 3;
}

.settings #profile-status{
	height: 100px!important;
}

.container_grid_images{
    padding: 1em;
    column-count: 4;
}

.container_grid_images img{
    width: 100%;
    margin-bottom: 1em;
}

.navbar button, .navbar a.navbar-toggle {
    border-radius: 50%;
	color:#FFF;
	cursor:pointer;
	line-height: 38px;
    text-align: center;
}

.navbar-header button.navbar-toggle{
	width:40px;
	height:40px;
	line-height:38px;
}

.navbar-toggle{
	padding:0px!important;
}

.navbar-toggle.colapsed{
    background: rgba(0, 0, 0, .1);
}

li.lang .lang_flag img, .lang_flag img{
	width:24px;
}

span.lang_flag {
	background:none!important;
}

.navbar-toggle .icon-bar{
	background:white!important;
	width:unset;
	margin: 0px 10px;
	height: 3px;
}

li a span.lang_name {
	font-size:15px;
	padding-left:7px;
	
}

.navbar .navbar-nav.mainpage > li > a {
    color:white;
}

.navbar .navbar-nav.mainpage > li.active > a {
    color:black;
}

.navbar .navbar-nav > li > a.btn.btn-sm.btn-icon {
     color:white;
}

.dropdown.language{
	border: 0px;
}

.dropdown.language li.lang a{
	padding: 10px 10px!important;
}

@media(max-width: 600px){
    .container_grid_images{
        column-count: 2;
    }
}

@media(max-width: 400px){
    .container_grid_images{
        column-count: 1;
    }
	
}

@media(max-width: 320px){
	.navbar-header button, .navbar a.navbar-toggle{
		margin-right: 5px!important;
	}
	
	.navbar-header .langbutton{
		display:none!important;
	}
}

@media(max-width: 800px){
    .container_grid_images{
        column-count: 3;
		padding: 0px;
    }
}

@media (min-width: 767px) {
	#avator {
		height: 142px;
		
	}

	
    .mail-profile{
		/*border-bottom: 1px solid #ddd;
		background: #eee;*/
		padding: 20px;
	}
	
	.navbar .navbar-nav.main > li {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.navbar-nav li{
		width: auto!important;
	}

	#nav-language,#nav-profile {
		display:none!important;
	}

	.added .extended-width {
		width:90%!important;
	}

	.visible-inline-xs{
		display:none;
	}
}

@media (max-width: 767px) {
	
	.navbar-toggle:hover, .navbar-toggle:focus {
		background: rgba(0, 0, 0, .1)!important;
	}
	
	.payment-gateways {
		margin: 0px!important;
	}
	
	.form-group {
		margin-bottom: 0px;
	}
	
	.chat-text.right .callout button {
		height: 25px;
		font-size: 14px;
	}
		
	.chat-text {
		max-width: 95%;
	}
	.column-right.chat.right {
		padding-left: 0px;
	}
	.dropdown-notification{
		margin-top:0px!important;
		width: 100%;
	}
	.dropdown-notification .dropdown-header{
		background:#494949;
		color:white;
		
	}
	
	.inline-visible-xs{
		display: inline-block!important;
	}
	
	.wrapper .container{
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.well.profile .row>div{
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	
	.navbar .navbar-nav > li > a {
		padding: 0px 5px 0px 5px;
		margin-top: 20px;
	}
	
	.navbar .navbar-nav.mainpage  > li > a {
		padding: 15px 5px 15px 5px!important;
		margin-top: 0px!important;
	}
	
	.navbar li.lang > a {
		margin: 0px;
		padding: 15px 10px!important;
	}
	
	.navbar .navbar-nav.main > li {
		padding-left: 0px!important;
		padding-right: 0px!important;
		height: 60px;
	}
	
	.container.mailer {
		padding-left:5px!important;
		padding-right:5px!important;
	}
	
	.btn-sm.btn-icon.tools {
		padding: 5px 15px!important;
	}
	
	.page-title {
		padding-bottom: 20px!important;
	}
	
	h3.page-title {
		margin-top: 20px;
	}
	
	.page-title .backpart{
		margin-right:0px!important;
		float:right;
	}
	
	.settings .panel-body{
		padding:0px!important;
	}
	
	.chat-content-wrap{
		min-height:250px!important;
	}

	.well-encounter {
		padding:0px!important;
	}

	div.section {
		padding: 0px!important;
	}

	#photoProfile .myavator{
		/*
		width:100%!important;
		height:150px!important;
		border-radius:0px;
		background-position-y: 25%!important;
		*/
	}

	.visible-inline-xs{
		display:inline-block!important;
	}

	.added .chat-area {width:100%!important;}

	.modal-body {padding: 15px!important;}

	section { padding: 30px 0!important; }

	.no-paddings {padding:0px!important;}

	ul.languages li {
		padding-right: 5px;
    	padding-left: 5px;
    	width:33.333%;
    	float:left;
	}	
	
	.speech{		
		margin: 0px 0px 0px 0px!important;
		max-width: 100%!important;
	}
	
	.speech:after {
		border-left: 9px solid transparent!important;
		border-right: 4px solid #fff!important;
		border-top: 12px solid #fff!important;
		border-bottom: 4px solid transparent!important;
		left: 37px!important;
		top: 100%!important;
		filter: drop-shadow(0px 0px 0px #cccccc)!important;
	}
}


label.big>input[type="checkbox"] + .label-text{
		font-size:100%;
	}
	
label.big>input[type="checkbox"]+ .label-text:before {
	font-size: 20px;    
	position: relative;
	top: 2px;
}

.profile-photo-small.mobile:after{
    font-family: 'themify';
    content: '\e64b';
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    line-height: 40px;
    display: inline-block;
    position: absolute;
}

.minimized {
  width: 300px;
  cursor: pointer;
  border: 1px solid #FFF;
}

.minimized:hover {
  border: 1px solid yellow;
}

.filename{
	padding-top:5px;
	padding-right:5px;
	font-size:12px;
	display: inline-block
}

.scale {
    transition: 0.8s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
   }


/* ����������� �������� Light Zoom*/

a.lightzoom {
  cursor: zoom-in;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}

#lz-container {
  display: block;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  white-space: nowrap;
  position: absolute;
  z-index: 9999990 !important;
}

#lz-box {
  position: fixed;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
  z-index: 9999998 !important;
}

#lz-overlay {
  display: block;
  opacity: 0.6;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999991 !important;
}

#lz-box:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#lz-box img {
  float: none;
  display: inline-block;
  max-height: 80%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
  opacity: 0;
  position: relative;
  z-index: 9999995 !important;
}

#lz-box p {
  position: relative;
  bottom: 0;
  margin-top: -30px;
  margin-bottom: 0;
  line-height: 20px;
  font-size: 18px;
  z-index: 9999997 !important;
}

#lz-close {
  display: block;
  position: absolute;
  top: 2%;
  right: 2%;
  background: url("images/close.png") no-repeat 5px 5px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  padding: 5px;
  opacity: 0.5;
  z-index: 9999998 !important;
}

#lz-close:hover {
  opacity: 1;
}


#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9999999 !important;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}

.object {
  width: 20px;
  height: 20px;
  background-color: #FFF;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_one {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

@-webkit-keyframes object_two {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

@-webkit-keyframes object_three {
  75% {
    -webkit-transform: scale(0);
  }
}

@keyframes object_three {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

/* END Light Zoom */

#offices .modal-dialog {
	width:70%;
}
#offices .navigation-tabs{
	padding-left: 0px;
	background:none!important;
}

#offices .navigation-tabs li {
	display:inline;
	border-bottom: 1px dashed black;
}
#offices .navigation-tabs li:hover{
	border-bottom: none;
}


#tabs .tab_buttons > li > a {
	border: 1px solid #d7d7d7;
    border-radius: 10px 10px 0px 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    /* height: 50px; */
    padding-top: 10px;
    color:#666;
    cursor:pointer;
    border-bottom:0px;
	font-weight: 400;
}


#tabs .tab_buttons > li > a:before{
	display:none;
}

#tabs .tab_buttons > li > a:hover {
	text-decoration:underline;
}

#tab .tab_buttons > li > a.active {
    color: #000;
    cursor: default;
    font-weight: 500;
    text-decoration: none;
    background:#FFF;
}

#tabs .tab_buttons {
	border-bottom:1px solid #d7d7d7;
}

#tabs .tab_content > div.active {
    display:block;
    width:100%;
}

#tabs .tab_content > div {
    display:none;
    background:#FFF;
}

.tabs-x .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color:black;
	color:white!important;
}

.dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus {
	background-color:black;
	color:white!important;	
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 
    color: #777777!important;
}

.btn.paymentwallL{
	background:url(../images/paymentwall.png)50% 50% no-repeat transparent;
	-webkit-background-size:90% auto;
	-moz-background-size:90% auto;
	background-size:90% auto;
	width:162px;
	height:40px
}

.modal-content.paymentwallM{
	position:absolute;
	width:750px;
	height:600px;
	margin-left:-375px;
	left:50%
}

.modal-content.paymentwallM .modal-header{
	background:#212121;
	border:0
}

.modal-content.paymentwallM>iframe{
	height:600px!important
}

/*------NEWS-------*/



.support-news-block h3{
	margin-top: 0px;
}

.support-wrap {
 	padding-top:30px;
}

.support-chat-content-wrap{
	background:#fff;
	border:0px;
	    max-height: 630px;
	/*min-height:350px;
	max-height:500px;
	padding-top:30px;

	*/
}

.support-chat-content{

}

.support-chat-input{
	border-left: 2px solid #6b6b6b;
}
.support-control {
	background:#fff;
	border:1px solid #eee;
	border-radius:0px;
}


.support-news-block {
}

.support-news-wrap {
  overflow-x: auto;
  height:300px;
}

.support-news-wrap .support-news-item{
	padding-right: 20px;
}

.support-chat-block{

}

.suport-news-item h4 {
	margin-top:0px;
	margin-bottom:5px;
}

.support-news-item-content {
	padding-top:15px;
	clear:both;
	display:block;
	font-size: 14px;
}
.support-news-item-content p {
	font-size: 14px;
}
.news-title {
	font-size:1.1em;
	color:#1a1a1a;
}

.last-news-wrapper {
	padding-right: 15px!important;
}

.last-news-wrapper .mCustomScrollBox{
     padding-right: 10px;
}

.card-block{

}

.card-block .news-title{
	margin-top: 0px;
}

.lastnews p {
	font-size:14px;
}

a.left-right-b{
	border:0px!important;
	height:40px!important;
	width:100%;
	text-align:left;
	border-radius:0px!important;
}

a.left-right-b:hover{
	color:white;
	background:gray!important;        !
}

.folder-message{
	padding: 20px;
    font-size: 90%;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
}

.user-info-section label{
	padding-right:20px;
}

.chats-list-wrapper {
	padding-top:5px;
}

.chats-list li:first-child{
	
}

.user-info-section table tr:not(:first-child){
  font-size:14px;
}

.user-info-section table tr:not(:first-child) td{
      padding-right: 30px;
      padding: 2px 0px;
      vertical-align: top;
}

.user-info-section table tr td input{
  margin-right:5px;
}

.user-info-section table{
  padding-bottom:20px;
}

/** Simple checkbox */
label>input[type="checkbox"],.form-group>input[type="checkbox"],.form-group>input[type="radio"],label>input[type="radio"]{
  position: absolute!important;
  right: 9000px!important;
}

/*Check box*/
label>input[type="checkbox"] + .label-text:before{
  content: "\f096";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

label>input[type="checkbox"]:checked + .label-text:before{
  content: "\f14a";
  color: #2980b9;
  animation: effect 250ms ease-in;
}

label>input[type="checkbox"]:disabled + .label-text{
  color: #aaa;
}

label>input[type="checkbox"]:disabled + .label-text:before{
  content: "\f0c8";
  color: #ccc;
}

/*Radio box*/

label>input[type="radio"] + .label-text:before{
  content: "\f10c";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

label>input[type="radio"]:checked + .label-text:before{
  content: "\f192";
  color: #8e44ad;
  animation: effect 250ms ease-in;
}

label>input[type="radio"]:disabled + .label-text{
  color: #aaa;
}

label>input[type="radio"]:disabled + .label-text:before{
  content: "\f111";
  color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
  content: "\f204";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
  content: "\f205";
  color: #16a085;
  animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
  color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
  content: "\f204";
  color: #ccc;
}
/* End Simple */

select.tremor {
	-webkit-animation: 0.2s tremor ease-out infinite;
    animation: 0.2s tremor ease-out infinite;
}

@-webkit-keyframes tremor {
    0%, 25% {
        left: -1px;
        top:-1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        top: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-moz-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-ms-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-o-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}

.standartBlur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.svgBlur{
  border:1px solid #FFF;
  -webkit-filter:url(#blur);
  filter:url(#blur);
  -webkit-filter:blur(3px);
  filter:blur(3px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  -webkit-transition:0.5s -webkit-filter linear;transition:0.5s filter linear}
  img.blur:hover{filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  -webkit-filter:blur(0);filter:blur(0)
}

.blur{
  -webkit-filter:url(#blur);
  filter:url(#blur);
  -webkit-filter:blur(3px);
  filter: blur(3px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  -webkit-transition:0.5s -webkit-filter linear;transition:0.5s filter linear;
}
.blurcover{
    width: 300px;
    position: absolute;
    top: 0;
    height: 1000px;
    z-index: 999;
}

.textblur{
    color: transparent!important;
    text-shadow: 0 0 9px rgba(0,0,0,0.5);
    /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530');
filter:DropShadow(Color=#102530, OffX=0, OffY=3);
zoom: 1;
}

.shadow {
  height: 1em;
  filter: Shadow(Color=#666666, Direction=135, Strength=5);
  line-height: 2em;
  white-space: nowrap;}
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; }
html*.shadow {
[color:red;text-shadow: #666666 5px 5px 5px; ]color:auto; }
.dummyend[id]{clear: both;}
html*.shadow:before {[color:red;display: none; ]color:auto;}
.dummyend[id]{clear: both;}


.noselect{
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.flex-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.b-card-icon .item {
    width: 5.25rem;
    margin-right: 1rem;
}

.b-card-icon .item img {
    width: 100%;
}

.testimonial{
 background: #fff;
 text-align: center;
 padding: 40px 5%;
 border-radius: 5px;
}

.testimonial.maxh{
	max-height:400px!important;
}

.testimonial.maxh .description {
   height: 200px!important;
}

.testimonial.maxh:after{
 background:none;
}


.testimonial:after{
	content: "";
	display: block;    
	width: 100%;
	height: 50%;    
	position: absolute;
	bottom: 0;      
	left: 0;   
	background: -moz-linear-gradient(top,   rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%);
}

.testimonial .pic{
 width: 70px;
 height: 70px;
 border-radius: 50%;
 overflow: hidden;
 margin: 0 auto;
}
.testimonial .pic img{
 width: 100%;
 height: auto;
 filter: grayscale(100%);
}
.testimonial .testimonial-title{
 font-size: 16px;
 color: #9e9e9e;
 letter-spacing: 3px;
 text-transform: uppercase;
 margin-bottom: 0;
}
.testimonial .post{
 display: block;
 font-size: 12px;
 font-style: italic;
 color: #bcbcbc;
 margin-top: 10px;
 text-transform: uppercase;
}
.testimonial .description{
 color: #86868a;
 line-height: 1.8;
 margin-top: 10px;
}
.testimonial .description p{

 line-height: 1.8;

}

.owl-theme .owl-controls{
 width: 100%;
 position: absolute;
 top: 45px;
}
.owl-theme .owl-controls .owl-buttons div{
 font-size: 18px;
 background: transparent;
 opacity: 0.5;
}
.owl-theme .owl-prev{
 position: relative;
 left: -45px;
}
.owl-theme .owl-next{
 position: relative;
 right: -45px;
}
.owl-prev:before,
.owl-next:before{
 content: "\f177";
 font-family: 'FontAwesome';
 color: #444;
}
.owl-next:before{
 content: "\f178";
}
.owl-button {
    color: #FFF;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	border: 1px solid #2e6da4;
    background: white;
    filter: Alpha(Opacity=50);
    z-index: 9999;
	font-size: 16px;
    font-weight: 400;
    color: #337ab7;
}

.speech {
	background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0px 0px 0px 50px;
    max-width: 82%;
    padding: 15px;
    position: relative;
    filter: drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.1));
    border: 1px solid #cccccc;
    display: inline-block;
}

.onLeft::after {
	
  border-left: 11px solid transparent;
  border-right: 11px solid #fff;
  border-top: 11px solid #fff;
  border-bottom: 11px solid transparent;
  
  content: "";
  position: absolute;
  left: -20px;
  top: 8px;
  filter: drop-shadow(-2px -1px 0px #cccccc);
}

/* The popup form - hidden by default */
.widget-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.widget-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.widget-container input[type=text], .widget-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.widget-container input[type=text]:focus, .widget-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.widget-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.widget-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.widget-container .btn:hover, .open-button:hover {
  opacity: 1;
}

/* */

.marketing.container {
  display: flex;
  flex-direction: column;
  background: var(--white_100);
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  width: 296px;
}

.marketing.top-block {
  position: relative;
  background-image: url('internal/assets/top-block-background.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 296px;
  height: 115px;

  .button-close {
    position: absolute;
    padding: 12px;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
}

.marketing.content {
  display: flex;
  flex-direction: column;
  padding: 20px 18px 20px 20px;
}

.marketing.content-header {
  padding-bottom: 8px;
}

.marketing.content-description {
  margin-bottom: 12px;
}

.sort {
    padding: 5px 15px;
    border-radius: 25px;
    border: none;
    display: inline-block;
    color: #2e2e2e;
    text-decoration: none;
    background-color: rgba(0,0,0,0.05);
	font-size: 1.2rem;
    line-height: 2rem;
}

.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #2e2e2e;
    content: "";
    position: relative;
    top: -9px;
    right: -4px;
}

.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #2e2e2e;
    content: "";
    position: relative;
    top: 11px;
    right: -4px;
}


.cookie__banner {
	position: fixed;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	bottom: 0;
	z-index: 5000;
	padding: 5px 40px;  
}

.cookie__content {
	width: 80%;	
}

.cookie__control {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cookie__text {
	color:white;
	margin: 10px 0px 10px 0px!important;
}

.cookie__link {

}


.ep-cookie-consent{position:fixed;bottom:20px;left:50%;width:280px;padding:16px;background:var(--ep-box-marigold-yellow-surface);color:var(--ep-box-marigold-yellow-on-surface);-webkit-box-shadow:6px 6px 40px rgba(52,49,63,0.15);box-shadow:6px 6px 40px rgba(52,49,63,0.15);z-index:9999999999;border-radius:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.ep-cookie-consent__message{display:block;margin:0 0 16px 0}
.ep-cookie-consent__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ep-cookie-consent__buttons .btn,.ep-cookie-consent__buttons .wp-block-button__link{padding:12.5px 30px}
.ep-cookie-consent__buttons .btn:first-child,.ep-cookie-consent__buttons .wp-block-button__link:first-child{background:transparent;color:var(--ep-box-marigold-yellow-on-surface);border:1px solid var(--ep-box-marigold-yellow-on-surface)}
.ep-cookie-consent__buttons .btn:first-child:hover,.ep-cookie-consent__buttons .wp-block-button__link:first-child:hover,.ep-cookie-consent__buttons .btn:first-child:focus,.ep-cookie-consent__buttons .wp-block-button__link:first-child:focus{background:rgba(0,0,0,0.1)}
.ep-cookie-consent__buttons .btn:last-child,.ep-cookie-consent__buttons .wp-block-button__link:last-child{background:var(--ep-box-marigold-yellow-on-surface);color:#fff}
.ep-cookie-consent__buttons .btn:last-child:hover,.ep-cookie-consent__buttons .wp-block-button__link:last-child:hover,.ep-cookie-consent__buttons .btn:last-child:focus,.ep-cookie-consent__buttons .wp-block-button__link:last-child:focus{background:#514404}


@media only screen and (max-width: 480px){
 .testimonial{
 padding: 40px 10%;
 }
}