.header-top.dark {
    background-color: #A4C639;
    border-bottom: 1px solid #A4C639;
}
.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, 0.2);
}
.dark.header-top .dropdown-menu {

    border: 1px solid #A4C639;
    background: #A4C639;

}

.dark .form-control {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    padding-right: 30px;
    border-color: #e1e1e1;
    color: #777777;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
#ShareButton48{
	color:#fff !important
}
.banner.video-background-banner {

    min-height: 300px;
    padding-top: 80px;

}
select.form-control:not([size]):not([multiple]) {

    height: calc(2.25rem + 6px);

}
.slideshow .dark-translucent-bg {
    background-color: rgba(0, 0, 0, 0.12);
}
.lang-label{
	color:#fff !important
}
.form-group .error{color:red;display:block}
#username-error{color:red;display:block}
#password-error{color:red;display:block}
	.row .error{color:red;display:block}
	.row .attribute-class{height:110px}
	.form-control.error{
    border-color: #f2676b !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 103, 107, 0.66) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242, 103, 107, 0.68) !important;
}
.header-top.orange {
    background-color: #fab131;
    border-bottom: 1px solid #fab131;
}
.header-top.orange, .header-top.colored {
    color: #ffffff;
}
.infographic-box.colored {
    color: #fff;
    border: 0 !important;
	min-height: 130px;
}
.emerald-bg {
    background-color: #03a9f4 !important;
}
.infographic-box {
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.green-bg {
    background-color: #8bc34a !important;
}
.red-bg {
    background-color: #e84e40 !important;
}
.purple-bg {
    background-color: #9c27b0 !important;
}
.gray-bg {
    background-color: #90a4ae !important;
}
.yellow-bg {
    background-color: #f3be1e !important;
}
.green2-bg {
    background-color: #A4C639 !important;
}
.yellow2-bg {
    background-color: #FAB131 !important;
}
.blue-bg {
    background-color: #3097ce !important;
}
.nav-tabs.style-3 > li > a {
    color: #ffffff;
    background-color: #A4C639;
}
.nav-tabs.style-3 {
    border-bottom: 1px solid #ddd;
    background-color: transparent;
}
.nav-tabs.style-3 > li > a.active, .nav-tabs.style-3 > li > a.active:hover, .nav-tabs.style-3 > li > a.active:focus {
    border-top: 3px solid #FAB131;
    border-bottom: none !important;
}
.nav-tabs.style-3 + .tab-content > .tab-pane{
	border: 1px solid #ddd;
border-top: none;
}
.infographic-box i {
    font-size: 2.4em;
    display: block;
    float: left;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    color: #fff;
}
.infographic-box.colored i {
    font-size: 4.6em;
    margin-left: 7px;
    color: #fff;
}
.infographic-box .headline {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    text-align: right;
}
.infographic-box.colored .headline {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 4px;
}
.infographic-box .value {
    font-size: 2.1em;
    font-weight: 600;
    margin-top: -5px;
    display: block;
    text-align: right;
}
.header-top.orange .dropdown-flag{
    background-color: #fab131;
    border-bottom: 1px solid #fab131;
}

.header-top.orange .dropdown-flag .lang-label{
    font-size: 12px;
}
.btn-share{
	display: block;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.forgot-password{
	color:#fff !important
}
thead.notifications-thead{ display: block; }
tbody.notifications-tbody { display: block; }
tbody.notifications-tbody {
    height: 250px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: auto;  /* Hide the horizontal scroll */
}
.class-head1{display:none !important}
.header-top-dropdown .cart {
    min-width: 450px !important;
}

element.style {
}
.hc-offcanvas-nav .nav-content .second-nav .contact {
    height: 80px;
    padding: 5px;
    position: relative;
	cursor: pointer;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-avatar img {
    width: 50px;
    height: 50px;
	border-radius: 50%;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-name {
    font-size: 0.8em;
    padding-bottom: 2px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status {
    font-size: .8em;
    margin-bottom: 2px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status .online {
    background-color: #a0d468;
}

.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status .online, .hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status .offline {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status .status {
    display: inline-block;
    margin-left: 4px;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .last-chat-time {
    position: absolute;
    right: 20px;
    bottom: 12px;
    font-size: .8em;
}
.hc-offcanvas-nav .nav-content .second-nav .contact .contact-info .contact-status .offline {
    background-color: #d73d32;
}
.hc-nav-trigger.toggle2 {
font-size: 17px;
color: #222;
top: 4px !important;
margin-right:2px
}
.wrapper1{display:inline-block}

.hc-offcanvas-nav .nav-item.open-chat {
    padding: 3px 2px !important;
}
.hc-nav-trigger.toggle {
padding-top:4px
}
#chatwidget {
    position: fixed;
    bottom: 0px;
    width: 336px;
    z-index: 99999;
    /* height: 352px; */
    right: 100px;
	border-radius: 20px;
}
/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Stay on top */
  top: 0;
  right: 0;
  background-color: #fab131; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#otherClients img{display:inline-block;
border: 1px solid transparent;
    border-radius: 50%;
}
#otherClients li{float: left;
    position: relative;
    display: block;
	margin-bottom:8px
}
#otherClients li:hover{    background: #e07e27;
}
ul#otherClients{padding-left:0}
#otherClients .contact{width: 215px;
    text-align: left;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
	display: inline-block;
}
#inputString{
	border-color: #af7c22;
	background:transparent;
	color: #fff;
}
.input-group-text {
    background-color: #af7c22;
    border-color: #af7c22;
    min-height: 40px;
}
    
#contacts ul li{
	list-style:none
}

li.contact {
    border-bottom: 1px solid #e8e7e7;
    margin-bottom: 20px;
}

#proximity .gallery-img img {
width: 100%;
height: 100%;
visibility: hidden;
}
#proximity .col-md-2 {
    margin-bottom: 80px;
	display:inline-block
}

#proximity .gallery-img {
width: 90px;
height: 90px;
background-size:cover;
background-position:50% 5%;
background-repeat:no-repeat;
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
p.proximity-name {
    text-align: center;
    color: #414141;
}

p.block-side {
    top: 60px;
    position: relative;
}

#proximity .material-icons{
	font-size: 6px;
}

@media (max-width: 760px) {
#proximity .proximityList .col-sm-4:nth-of-type(3n+2) {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
}
#proximity .col-sm-4 {
    margin-bottom: 50px;
	display:inline-block;
	width:33.33%
}
}

@media (min-width: 991px) {
#proximity .proximityList .col-md-2:nth-of-type(6n+3) {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
}
#proximity .proximityList .col-md-2:nth-of-type(6n+4) {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
}
}



#proximity .radius1 {
    width: 350px;
    height: 350px;
    margin: 0 auto;
    border: 1px solid #ff9800;
    padding: 25px 0 0 0;
    border-radius: 100%;
    background: rgba(255, 152, 0, 0.06);
}
#proximity .radius2 {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border: 1px solid #ff9800;
    padding: 30px 0 0 0;
    border-radius: 100%;
	background: rgba(255, 152, 0, 0.12);
}
#proximity .radius3 {
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border: 1px solid #ff9800;
    padding: 30px 0 0 0;
    border-radius: 100%;
	background: rgba(255, 152, 0, 0.16);
}

#proximity .radius4 {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border: 1px solid #ff9800;
    padding: 34px 0 0 0;
    border-radius: 100%;
	background: rgba(255, 152, 0, 0.18);
}

#proximity .gallery-radius {
width: 130px;
height: 130px;
background-size:cover;
background-position:50% 5%;
background-repeat:no-repeat;
border-radius: 50%;
margin: 0 auto;
}
#proximity .map-floating-button {
position: relative;
    background: #a4c639;
    padding: 5px 5px 4px 5px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}

#proximity .notify-badge{
    position: relative;
    right:-65px;
    top:45px;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:20px;
}
#proximity .premium{
box-shadow:1px 1px 3px 2px #ffd700;
border : 1px solid #ffd700;
}

#proximity .badge-success {
    color: #28a745;
    background-color: #28a745;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    font-size: 20%;
	line-height:4
}


#proximity .badge-danger {
    color: #dc3545;
    background-color: #dc3545;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    font-size: 20%;
	line-height:4
}

#loadmore {
    margin: 0 auto;
    display: block;
    max-width: 300px;
}

.block{
	margin-bottom:20px
}

.banner-newsletter {
    background-color: #f0f4f6;
    padding: 80px 0 190px;
    position: relative;
}
.banner-newsletter .section-cloud li:nth-child(1n) {
    top: 20%;
    -webkit-animation: moveclouds 35s linear infinite;
    animation: moveclouds 35s linear infinite;
}

.banner-newsletter .section-cloud li {
    position: absolute;
}
.banner-newsletter .section-shape {
    position: relative;
}
.banner-newsletter .section-shape li {
    position: absolute;
}
.banner-newsletter .section-shape li:nth-child(1n) {
    top: 50px;
    left: 0;
    -webkit-animation: movingleftright1 15000ms infinite;
    animation: movingleftright1 15000ms infinite;
}
.banner-newsletter .section-shape li:nth-child(2n) {
    top: 200px;
    left: 22%;
    -webkit-animation: movingleftright2 20000ms infinite;
    animation: movingleftright2 20000ms infinite;
}
.banner-newsletter .section-shape li:nth-child(3n) {
    top: 220px;
    left: 50%;
    -webkit-animation: movingleftright3 25000ms infinite;
    animation: movingleftright3 25000ms infinite;
}
.banner-newsletter .section-shape li:nth-child(4n) {
    top: 130px;
    left: 90%;
    -webkit-animation: movingleftright2 15000ms infinite;
    animation: movingleftright2 15000ms infinite;
}
.banner-newsletter .section-shape li:nth-child(5n) {
    top: -130px;
    left: 40%;
    -webkit-animation: movingleftright1 30000ms infinite;
    animation: movingleftright1 30000ms infinite;
}
.banner-newsletter .newsletter-box {
    text-align: center;
}
.banner-newsletter .newsletter-box .item-title {
    margin-bottom: 12px;
	text-transform:inherit
}
.banner-newsletter .newsletter-box p {
    color: #71728c;
    width: 60%;
    margin: 0 auto 22px;
}
.input-group {
    border-radius: 30px;
    background-color: #ffffff;
    border: none;
}
.banner-newsletter .newsletter-box .input-group .form-control {
    height: 52px;
    border-radius: 30px;
    font-size: 14px;
}
.banner-newsletter .newsletter-box .input-group .input-group-append .button-slide {
    background-color: #5edfff;
    border: none;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-slide .btn-text {
    margin-left: 24px;
}
.banner-newsletter .section-shape li:nth-child(n) {
    top: 50px;
    left: 0px;
    animation: 15000ms ease 0s infinite normal none running movingleftright1;
}
.banner-newsletter .section-shape li:nth-child(2n) {
    top: 200px;
    left: 22%;
    animation: 20000ms ease 0s infinite normal none running movingleftright2;
}
.banner-newsletter .section-shape li:nth-child(3n) {
    top: 220px;
    left: 50%;
    animation: 25000ms ease 0s infinite normal none running movingleftright3;
}

.banner-newsletter .section-shape li:nth-child(5n) {
    top: -51px;
    left: 40%;
    animation: 30000ms ease 0s infinite normal none running movingleftright1;
}
.banner-newsletter .section-shape li:nth-child(4n) {
    top: 130px;
    left: 90%;
    animation: 15000ms ease 0s infinite normal none running movingleftright2;
}

.banner-newsletter ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.banner-newsletter .footer-top-image li:nth-child(1n) {
    left: 50%;
}

.banner-newsletter .footer-top-image li {
    display: inline-block;
    position: absolute;
    top: -103px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -2;
}
.banner-newsletter .footer-top-image li:nth-child(2n) {
    left: calc(50% + 135px);
    top: -100px;
}
.banner-newsletter .footer-top-image li:nth-child(3n) {
    left: calc(50% - 135px);
    top: -97px;
}
.banner-newsletter .footer-top-image li:nth-child(4n) {
    left: calc(50% + 270px);
    top: -97px;
}
.banner-newsletter .footer-top-image li:nth-child(5n) {
    left: calc(50% - 270px);
    top: -88px;
}
.banner-newsletter .footer-top-image li:nth-child(6n) {
    left: calc(50% + 405px);
    top: -80px;
}
.banner-newsletter .footer-top-image li:nth-child(7n) {
    left: calc(50% - 405px);
    top: -69px;
}
.banner-newsletter .footer-top-image li:nth-child(8n) {
    left: calc(50% + 540px);
    top: -60px;
}
.banner-newsletter .footer-top-image li:nth-child(9n) {
    left: calc(50% - 540px);
    top: -44px;
}

@keyframes moveclouds {
  100% { 
    transform: translateX(-100%);  
  }
}

@keyframes movingleftright1 {
  100% { 
    transform: translateX(-66.6666%);  
  }
}

@keyframes movingleftright2 {
  100% { 
    transform: translateX(-88.6666%);  
  }
}

@keyframes movingleftright3 {
  100% { 
    transform: translateX(-90.6666%);  
  }
}

.banner-newsletter ul.footer-top-image {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	z-index: 2;
    position: relative;
	bottom: -110px;
}
.footer-back {
    background: #f0f4f6;
}

.getPhoto a {
    position: absolute;
    border-radius: 50%;
    padding: 9px;
    width: 50px;
    height: 50px;
	top: 4%;
    left: 2%;
}

.getPhoto i {
    font-size: 28px;
}

.profile-img img {
width: 100% !important;
height: 100% !important;
visibility: hidden;
}

.profile-img {
height: 150px;
width: 150px;
background-size:cover;
background-position:50% 30%;
background-repeat:no-repeat;
border-radius: 50%;
border: 3px solid #ff9800;
margin-bottom: 20px;
}

.smart-container{
	box-shadow:none;
	border-radius: 5px 5px 5px 5px;
}

.photo-album-item-wrap {
    display: inline-block;
    margin-right: -3px;
    padding: 0 12px 12px 0;
    vertical-align: top;
}
.photo-album-item.create-album {
    background-color: transparent;
    border: 2px dashed #bbc0d5;
	margin-bottom: 10px;
}

.photo-album-item:last-child {
    margin-right: 0;
}
.photo-album-item {
    min-height: 100px !important;
    border-radius: 10px;
}
.photo-album-item {
    position: relative;
    border-radius: 5px;
    background-color: #fff;
}
.full-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.photo-album-item .content {
    text-align: center;
	padding-top: 20px;
}
.photo-album-item.create-album .btn-control {
    margin-bottom: 20px;
    float: none;
}

.bg-primary {
    background-color: #f4599a;
}
.btn-control {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border: 1px solid #ff9800;
    font-size: 15px;
}
.photo-album-item-wrap .create-album .title.h5 {
    color: #515365;
	font-size: 14px;
    line-height: 0.5;
}
.create-album .sub-title {
    color: #515365;
}

.photo-album-item .sub-title {
    text-align: left;
    margin-bottom: 15px;
}
.photo-album-item .sub-title {
    margin-bottom: 30px;
    display: block;
}
.photo-album-item .photo-item {
    border-radius: 10px;
}


.photo-item {
    display: inline-block;
    margin-right: -3px;
    position: relative;
    overflow: hidden;
}


.photo-item:last-child {
    margin-right: 0;
}

@media (min-width: 1024px)
{
.photo-album-wrapper .gallery-img {
    width: 210px;
    height: 210px;
}

.photo-album-wrapper .gallery-img img {
    width: 100%;
    height: 100%;
}

}
.photo-album-item .photo-item:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    /* opacity: 0; */
    pointer-events: none;
    position: absolute;
    background-color: rgb(12 12 12 / 28%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.photo-album-item .photo-item img {
    width: 100%;
    border-radius: 0;
    display: block;
}
.photo-item img {
    border-radius: 5px;
    width: 100%;
    display: block;
}

.photo-album-item .photo-item .overlay {
    bottom: 0;
    right: 0;
    border-radius: 0;
}
.overlay.overlay-dark {
    background: rgba(43, 45, 59, 0.8);
}
.photo-item .overlay {
    bottom: 12px;
    right: 12px;
    border-radius: 5px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(43, 45, 59, 0.2);
    transition: all .3s ease;
    opacity: 0;
}