/*
    Section: General
*/
html { height: 100% }
body {
    /*background: url(../images/background.png);*/
    background-color: #fff;
    font-family: Arial,sans-serif; font-size: 12px; line-height: 1.5em;
    height:100%; margin: 0; padding: 0;
    font-family: "Proxima","Helvetica Neue",Helvetica;
}

h1, h3, h4, h5, h6, .h1, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.1;
  color: inherit;
}

.forgot{
    font-family: inherit;
  color: #08921d;
  font-weight: bold;

    
}

.no-updatess{
    text-align: center;
}

.hdxtt{
    text-align: center;
  margin-top: 59px;
  font-weight: bold;
  color: #1c817d;
}

.hdxtty{
    text-align: center;
  margin-top: 59px;
  color: #1c817d;
}

h2, .h2 {
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
}


.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777;
  background-color: #eee;
  background-color: #efefd1;
}


.btn-block {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  padding: 3px;
  transition-property: background-color;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
  flex: 1 1 0%;
  align-self: stretch;
  color: inherit;
  text-align: inherit;
  border-radius: 11px;
  color: whitesmoke;
  background-color: azure;
}


.butnn {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


h span
	{
	font-size: 14px;
	}
	
p span
	{
	font-size: 14px;
	}

div span
	{
	font-size: 14px;
	}

ul li span
	{
	font-size: 14px;
	}
span.tab
	{
	font-size: 14px;
	}


.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 12px;
}

.disconnect-action{
    background-color: #9797a4b3;
}

.connect-action{
    background-color: #1c817d;
    /*background-color: rgb(219, 84, 156);*/
}
   
   

.playpause {
  border-width: 37px 37px 37px 37px;
  border-color: red blue green yellow;
}

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

.bio{
    margin-top: 47px;
padding-top: 5px;
font-size: 14px;
    
}


.hovvx{
    /*font-weight: bold;*/
    /*margin-top: -4px;*/
    /*padding: 53px;*/
    /*border: 1px solid #ddd;*/
    /*border-radius: 7px;*/
    /*width: 100%;*/
    /*position: relative;*/
    /*margin-top: 50px;*/
    /*background-color: #eef1f3;*/
    /*background-image: url(../images/swli.png);*/
    /*height: 116px;*/
    
    
    padding: 3px;
    /*border: 1px solid #ddd;*/
    /* border-radius: 1px; */
    /* width: 100%; */
    /* position: relative; */
    /* margin-top: 50px; */
    /*background-color: #dd549017;*/
    /*background-color: #fff;*/
    /* background-image: url(../images/swli.png); */
    /*height: 100%;*/
    font-size: 100%;
}




a {
    color: #3692e3;
    text-decoration: none;
}

.hashtag{
    font-weight: bold;
    color: brown;
}

.county{
    font-size: 18px;
    font-weight: bold;
    color: cornflowerblue;

    
}

.hovv{
    color: #3692e3;
}


.fago {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 44px;
  

}

.fago2 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 75px;
  

}

.fago3 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 54px;
}

.user1{
    padding-left: 54px;
    
}

.user2{
    padding-right: 54px;
    
    
}

.fago4 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 44px;
}


.tesx{
    width: 240%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border-radius: 25px;
}

.fago5 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 70px;
}


/*.notiff-settings {*/
/*    width: 80px;*/
/*    height: 80px;*/
    /*border-radius: 10%;*/
/*    -moz-force-broken-image-icon: 1;*/
/*    margin-top: 54px;*/
/*    position: absolute;*/
/*    margin-left: -184px;*/
/*    border-radius: 50%;*/
/*    border-top: 5px solid #f9f4f4;*/
/*    border-left: 5px solid #f9f4f4;*/
/*    border-right: 5px solid #f9f4f4;*/
/*}*/

.notiff-settings {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    margin-top: -55px;
    /*position: absolute;*/
    margin-left: 94px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}

.notiff-messages {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    margin-top: 54px;
    position: absolute;
    margin-left: -184px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}

.profile-image-large-settings{
    margin: 5px;
    /*padding: 10px;*/
    /*border: 1px solid #ddd;*/
    /* border-radius: 10px; */
    /* width: 50%; */
    position: relative;
    /* margin-top: -40px; */
    background-color: #f8f9fa !important;
    
}




.popover__title {
  /*font-size: 24px;*/
  line-height: 36px;
  text-decoration: none;
  /*color: rgb(228, 68, 68);*/
  text-align: center;
  /*padding: 15px 0;*/
}

.popover__update {
  /*font-size: 24px;*/
  line-height: 186px;
  text-decoration: none;
  /*color: rgb(228, 68, 68);*/
  text-align: center;
  /*padding: 15px 0;*/
}

.popover__wrapper {
  /*position: relative;*/
  /*margin-top: 1.5rem;*/
  /*display: inline-block;*/
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -150px;
  transform: translate(0, 10px);
  background-color: #bfbfbf;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
  text-align: center;
}

.mecha{
    /*margin-top: 20px;*/
    margin-top: 60%;
    margin-left: 33px;
}


.sponsored{
    /*height: 50%;*/
    width: 80%;
    margin-top: -11px;
}
    



.apex{
    font-weight: bold;
    transition: color .15s ease-in-out;
    color: #000;
    margin-left: 2px;
    /*line-height: 26px;*/
    font-size: 12px;
}

.apex-reco{
    font-weight: bold;
    transition: color .15s ease-in-out;
    color: #000;
    margin-left: 20px;
    /*line-height: 26px;*/
    padding-top: 7px;
}

.apex-reco-update{
    font-weight: bold;
    transition: color .15s ease-in-out;
    color: #000;
    margin-left: 20px;
    /*line-height: 26px;*/
    padding-top: 7px;
    /*margin-bottom: -8px;*/
}


.bloker {
    background-color: #eef;
    padding: 4px;
    height: 189px;
    border-radius: 8px;
    border: 1px solid #ddd;

}
    


.lin{
  width: 211px;
  text-align: left;

}

.comy{
    color:ffa;
}

.fullname{
   /*word-break: break-all;*/
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   /*padding-left:10px;*/
   padding-left: 52px;
   /*line-height: 26px;*/
}

.fullname-user {
    word-break: break-all;
    color: #000000;
    font-size: 11px;
    /*font-weight: bold;*/
    /*padding-left: 10px;*/
    padding-left: 52px;
    margin-top: -39px;
}

.fullname-userxx {
    word-break: break-all;
    color: #000000;
    font-size: 11px;
    
}

.fullname-msg {
    /*word-break: break-all;*/
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    /*padding-left: 52px;*/
    margin-left: 52%;
    margin-top: -15px;
}

.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
}

.avatar-home {
     width: 80px;
     height: 80px;
     border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    margin-top: -49px;
    /*position: absolute;*/
    margin-left: 87px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}

.avatar-recom {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
}

.avatar-noti {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
}

.avatary {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
}



.avatar-comments {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
}

.avatar-notification {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
    margin-top: 9px;
}

.avatar-msg {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 1;
    margin-left: 43%;
  
}

.back-ground-image-home {
    /*margin: 5px;*/
    /*    margin-top: 5px;*/
    margin-top: 4px;
    /*padding: 53px;*/
    border: 1px solid #ddd;
    border-radius: 7px;
    width: 100%;
    /*position: relative;*/
    /*margin-top: 50px;*/
    background-color: #eef1f3;
    /*background-image: url(../images/swli.png);*/
    /*height: 116px;*/
    font-size: 12px;
}


.back-ground-image-home-reco {
    /*margin: 5px;*/
        margin-top: 5px;
    /*margin-top: -4px;*/
    /*padding: 53px;*/
    border: 1px solid #ddd;
    border-radius: 7px;
    width: 100%;
    /*position: relative;*/
    /*margin-top: 50px;*/
    background-color: #eef1f3;
    /*background-image: url(../images/swli.png);*/
    height: 98px;
}



.com-msg{
    /*text-align: center;*/
    /*padding-top: 27px;*/
    /*background-color: aliceblue;*/
    /*border-radius: 10px;*/
    	margin-top: auto;
		margin-bottom: auto;
		margin-left: 10px;
		border-radius: 25px;
		background-color: #82ccdd;
		padding: 10px;
		position: relative;
}


.notification-username {
    padding-left: 55px;
    /*font-size: medium;*/
    font-weight: bold;
    margin-top: 13px;
    font-size: 11px;
    
}

.like{
    padding-left:94px;
    color: #1a7f7b;
    font-size: 10px;
    font-weight: bold;
}


.recond {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    /*margin-top: -25px;*/
    /*position: absolute;*/
    /*margin-left: -184px;*/
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}

.recomm {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    /*margin-top: -25px;*/
    /*position: absolute;*/
    /*margin-left: -184px;*/
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}


.recomm-one {
    width: 80px;
    height: 80px;
    -moz-force-broken-image-icon: 1;
    margin-top: -50px;
    /*position: absolute;*/
    margin-left: 92px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}


.recomm-update {
    width: 80px;
    height: 80px;
    -moz-force-broken-image-icon: 1;
    margin-top: -50px;
    /*position: absolute;*/
    margin-left: 26px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}




.lix{
      margin-top: -62px;
    margin-right: -197px;


}
.dor{
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #f3e8d2;

}

.comx{
    /*border: 1px solid #ddd;*/
    /*margin-top: 46px;*/
    /*background-color: #f6f1f133;*/
    
    /*margin-top: 46px;*/
  float: left;
  margin-bottom: 0px;
  padding: 8px;
  border: 1px solid #ddd;
  width: 100%;
  background-color: #f8f9fa !important;
  margin-top: -11%;
}

.comxm{
    /*border: 1px solid #ddd;*/
    /*margin-top: 46px;*/
    /*background-color: #f6f1f133;*/
    
    /*margin-top: 46px;*/
  float: left;
  margin-bottom: 0px;
  padding: 8px;
  border: 1px solid #ddd;
  width: 100%;
  background-color: #f8f9fa !important;
  /*margin-top: -11%;*/
}

.comxmex
{
  margin-top: 158px;
  float: left;
  margin-bottom: 0px;
  padding: 8px;
  border: 1px solid #ddd;
  width: 100%;
  background-color: #f8f9fa !important;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 0px;
    /*background-color: #faf5f6;*/
    background-color: #f0f8ffcc;
}

.fomi {
    /*padding-top: 615px;*/
    /*color: aliceblue;*/
    /*background-color: rgba(246, 209, 235, 0.8);*/
}


.navbar .nav.pull-right, #updates-list-home {
    overflow: hidden;
}

.container-fluidx {
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
    /*background-image: url(../images/landing/fr.jpg);*/
    background-color: rgba(114, 103, 75, 0.8);
    height: 200%;
}

.aboo{
    /*background-color:#000000;*/
}


.containine {
    margin-top: 60px;
    margin-left: 60px;
}

.foot {
    padding: 0px 38px;
    /* z-index: 1000; */
    text-align: center;
    /* text-shadow: 1px -2px 0 #000; */
    background: #f8f9fa !important;
    border: 1px solid rgba(200, 255, 200, 0.17);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: rgba(191, 85, 85, 0.7);
    font-size: 13px;
}

.lango {
    padding: 0px 38px;
    /* z-index: 1000; */
    text-align: center;
    /* text-shadow: 1px -2px 0 #000; */
    background: rgb(249, 250, 249);
    border: 1px solid rgba(200,255,200,0.3);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: rgba(191, 85, 85, 0.7);
    font-size: 13px;
}

.tabb {
    padding: 2px 0;
    z-index: 1000;
    text-align: center;
    background: rgb(250, 245, 246);
    border: 1px solid rgba(200,255,200,0.3);
    border-bottom: 0;
    border-radius: -1px 1px 0 0;
    color: rgba(140, 44, 44, 0.8);
    font-size: 20px;
    margin-bottom: -34px;
    margin-top: -11px;
    margin-left: 5px;
    margin-right: -5px;
}

.actions {
    list-style: none;
    padding: 9px;
    margin: 5px;
    font-size: 13px;
    background-color: #faf5f6;
}

.actions > li {
    display: inline-block;
}

a {
    color: #000000;
    text-decoration: none;
}

   #top-navigation-actions a.message {
    position: absolute;
    /*width: 220px;*/
   /* left: 50%;
    top: 15px;*/
    margin: 0 1px 0 -680px;
}

/*#search-form {
    position: absolute;
    width: 220px;
    left: 50%;
    top: 8px;
    margin: 0 110px 0 -110px;
}*/

.abou{
    padding-top: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: -35px;
    font-weight: bold;
}

.homas{
    padding-right: 32px;
}

.photox{
    padding-top: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: -16px;
    font-weight: bold;
}

.setto {
    padding-top: 5px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: bold;
}

.notif {
   padding-top: 5px;
   text-align: center;
   font-size: 20px;
   margin-bottom: 21px;
   margin-top: -35px;
   font-weight: bold;
}

.updates-list-item-recommended {
    float: left;
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -17px;
    background-color: #ffffff;
    margin-bottom: 21px;
    color: #1b7b7b;
    height: 60px;
}


.updates-list-item-srch {
    float: left;
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -17px;
    background-color: #ffffff;
    margin-bottom: 21px;
    color: #1b7b7b;
    height: 60px;
}

   
.users-more{
    font-size: 14px;
}
    




/*.row {
  margin-right: -15px;
  margin-left: -15px;
}*/

h2, .h2 {
  font-size: 14px;
}



h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 9px;
  margin-bottom: 0px;
}


.footer {
  background-color: #00ACED;
  color: #fff;
}


img { border:0; }
/*a { color: #000000; text-decoration: underline; }*/
/*a:visited { color: #3692e3; }*/
a { color: #000000; text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #428bca; }
/*
h1{ margin:1em 0 0.5em; font-size: 2em; }
h2{ margin:0.8em 0 0.4em; font-size: 1.5em; }
h3{ margin:0.6em 0 0.3em; font-size: 1.3em; }
*/
/*h4{ margin:0.5em 0 0.3em; font-size: 1.1em; }
h1, h2, h3, h4{
    color:#151;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}
h1 > a, h2 > a, h3 > a, h4 > a{
    text-decoration: none;
}*/

p{margin: 0.5em 0}

input, button, textarea, select{
    border:1px solid #aaa;
    border-radius: 4px;
    padding:2px 4px;
    /*color:#000;*/
    font-family: Arial, sans-serif;
    font-size: 12px;
    outline:none;
}

.col-md-6 {
    width: 50%;
    margin-top: 10px;
margin-left: -18px;
margin-right: 7px;
}

.col-md-3 {
    width: 25%;
    margin-top: 20px;
}

h1, .h1 {
    font-size: 25px;
}



.logos {
    padding-left: 6%;
    margin-top: 4px;
}


.googlex {
    width: 45px;
    height: 4px;
}


/*
    Navigation bar
*/
#top-navigation {
  position: fixed;
  top: 0;
  z-index: 100;
  height: 45px;
  width: 100%;
  box-shadow: 0 0 5px #000;
  border-top: 0;
  background: #EA218C;
  background: -moz-linear-gradient(top, #EA218C 0%, #EA218C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b9b0c), color-stop(100%,#EA218C));
  background: -webkit-linear-gradient(top, #EA218C 0%,#EA218C 100%);
  background: -o-linear-gradient(top, #EA218C 0%,#EA218C 100%);
  background: -ms-linear-gradient(top, #EA218C 0%,#EA218C 100%);
  /*background: linear-gradient(to bottom, #E33792 0%,#DB3990 100%);*/
  background: linear-gradient(to bottom, #fff 0%,#fff 100%);
  border-color: #dee0e1 !important;

}





#top-navigation a {
   color: #2d2525;
  line-height: 18px;
  font-size: 14px;
}
body.popup #top-navigation{
    width:80%;
    margin:0 -40% auto;
}
a.navigation-home{
    padding-left: 30px;
    /*background: url(../images/logo.png) no-repeat 6px 0;*/
}


/*#top-navigation-actions {
    position: fixed;
    float: right;
    z-index: 100;
    color: #fff;
    text-shadow: 1px 1px 0 #0000001A;
    text-decoration: none;
    line-height: 30px;
    list-style: none;
    margin: 0 24px 0 1011px;
    padding: 0;
    font-family: 'ProximaBold',Helvetica,sans-serif;
    margin-top: -40px;
}*/

#top-navigation-actions {
    position: absolute;
  list-style: none;
  right: 21%;
  top: 11px;
  font-weight: bold;
}


#top-navigation-actions-sign-in {
    position: absolute;
  list-style: none;
  right: 5%;
  top: 11px;
  font-weight: bold;
}


.gradient-btn-regix {

color: #fff !important;
  text-align: center;
  border-radius: 11px;
  padding: 8px 10px;
  cursor: pointer;
  background: linear-gradient(to bottom, #1c817d 0%,#1c817d 100%);
  font-weight: bold;

}




.gradient-btn-top-nav {
  color: #fff !important;
  text-align: center;
  border-radius: 11px;
  padding: 8px 10px;
  cursor: pointer;
  background: linear-gradient(to bottom, #1c817d 0%,#1c817d 100%);
  font-weight: bold;
}


.gradient-btn-top-nav-post {
  color: #fff !important;
  text-align: center;
  border-radius: 11px;
  padding: 8px 10px;
  cursor: pointer;
  background: linear-gradient(to bottom, #1c817d 0%,#1c817d 100%);
  font-weight: bold;
  margin-left: 75%;
}

/*#search-form {
    position: absolute;
    width: 220px;
    left: 50%;
    top: 8px;
    margin: 0 110px 0 -110px;
}*/

.updates-item-divider {
    margin-top: -2px;
    margin-bottom: 3px;
    border: 0;
    border-top: 1px solid #eee;
}


.top-link{
    font-size: 14px;
    color: #599ee3;
    margin-left: 21%;
}

.down-line{
    margin-top: -2px;

    
}


.updates-list-item-hashtag {
    float: left;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 5px;
    background-color: #ffffff;
    margin-bottom: -18px;
    /*color: #1b7b7b;*/
    /*height: 55px;*/

}



.rowas {
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
    /*margin-top: 0px;*/
    background-color: #faf5f6;
}


#top-navigation-actions a.top-link{
    padding: 8px 17px;
  border-radius: 5px;
  margin: 1px;
    
}
#top-navigation-actions a.top-link:hover, #top-navigation-actions a.selected{
    background-color:#bca2a2;;
    border:1px solid #bca2a2;
    margin:0;
}

#top-navigation-actions a.top-linkx{
    padding:4px 15px;
    border-radius:5px;
    margin:1px;
    
}
#top-navigation-actions a.top-linkx:hover, #top-navigation-actions a.selected{
    background-color:#bca2a2;;
    border:1px solid #bca2a2;
    margin:0;
}

#top-navigation-actions a.language{
    padding:4px 6px;
    border-radius:5px;
    margin:1px;
    
}
#top-navigation-actions a.language:hover, #top-navigation-actions a.selected{
    background-color:#bca2a2;;
    border:1px solid #bca2a2;
    margin:0;
}



#top-navigation-actions li{
    position:relative;
    float:left;
}
#top-navigation-menu-icon{
    background: url(../images/icon/menux1.png) no-repeat left -76px;
    padding:10px 10px 0;
      background-color: cadetblue;
    color: aliceblue;
    
}

#language {
    background: url(../images/icon/menux.png) no-repeat center -79px;
    padding: 5px 5px 0px;
    background-color: cadetblue;
    color: aliceblue;
    
}


.top-navigation-image{
    float:left;
    margin:0px 2px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    border-radius: 2px;
}

/*--- DROPDOWN ---*/
#top-navigation-actions ul{
    background:#f9f9f9; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    border:1px solid #ddd;
    box-shadow:0 0 4px #000;
    list-style:none;
    position:absolute;
    right:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    padding:0;
    /*border-radius: 10px;*/
}
#top-navigation-actions ul li{
    float:none;
}


#top-navigation-actions ul a {
    white-space: nowrap;
    color: #6B8FD2;
    /*text-shadow: 1px 1px 0 #fff;*/
    /*font-weight: bold;*/
    border: 0;
    border-radius: 10px;
}
#top-navigation-actions li.menu:hover ul, #top-navigation-actions li.selected ul{ /* Display the dropdown on hover */
    right:-5px; /* Bring back on-screen when needed */
}
#top-navigation-actions li.menu:hover a, #top-navigation-actions li.selected a{ /* These create persistent hover states, meaning the top-most link stays 'h2overed' even when your cursor has moved down the list. */
    background-color:#BA94C2;
    border:1px solid #BA94C2;
    margin:0;
}
#top-navigation-actions li.menu:hover ul a, #top-navigation-actions li.selected ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    background:#f9f9f9;
    border:1px transparent;
    border-bottom:1px solid #ddd;
    border-radius:0;
    width:170px;
    display:block;
    padding: 8px 37px;
}
#top-navigation-actions li.menu:hover ul a i, #top-navigation-actions li.selected ul a i{
    display: inline-block;
    width:16px;
    height:16px;
    margin: 0 10px 0 0;
    vertical-align: text-top;
}
/*#top-navigation-actions li.menu:hover ul a.home i, #top-navigation-actions li.selected ul a.home i{
    background: transparent url(../images/icon/menu-sprite.png) no-repeat 0 -21px;
}
#top-navigation-actions li.menu:hover ul a.profile i, #top-navigation-actions li.selected ul a.profile i{
    background: transparent url(../images/icon/menu-sprite.png) no-repeat 0 -42px;
}
#top-navigation-actions li.menu:hover ul a.settings i, #top-navigation-actions li.selected ul a.settings i{
    background: transparent url(../images/icon/menu-sprite.png) no-repeat 0 -42px;
}
#top-navigation-actions li.menu:hover ul a.signout i, #top-navigation-actions li.selected ul a.signout i{
    background: transparent url(../images/icon/menu-sprite.png) no-repeat 0 -63px;
}
#top-navigation-actions li.menu:hover ul li a:hover, #top-navigation-actions li.selected ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color:#eee;
    color: #0a0;
    border:0;
    border-bottom:1px solid #ddd;
}*/
#notifications-link{
    position:relative;
}
#notification-count{
   border: 1px solid #fff;
  background: #5f9ea0;
  padding: 5px 7px;
  border-radius: 6px;
  font-size: 0.9em;
  color: #fff;
  font-weight: bold;
  margin-left: 2px;
}

#notification_msg_count {
    border: 1px solid #fff;
    background: #fff;
    padding: 0 2px;
    border-radius: 5px;
    box-shadow: 1px 1px 0 #000;
    font-size: 0.9em;
    color: #000;
    text-shadow: none;
    font-weight: bold;
    margin-left: 8px;
}

#notifications-window {
    position: absolute;
    right: -22px;
    top: 30px;
    background: #d8cbcb;;
    width: 335px;
    color: #692E2E;
    /*max-height: 300px;*/
    z-index: 110;
    border: 1px solid #ddd;
    text-shadow: none;
    padding: 5px 5px 35px;
    /*box-shadow: 0 0 4px #000;*/
    font-size: 13px;
    font-family: "Proxima","Helvetica Neue",Helvetica;
    border-radius: 15px;
}
#notifications-window .list-items-wrap{
    overflow-x: hidden;
    overflow-y:auto;
    height: 300px;
}
#notifications-window a { color: #6B8FD2; text-decoration: underline; text-shadow:none; padding:0; line-height: 1.5em;
font-size: 11px;}
#notifications-window a:visited { color: #6B8FD2; }
#notifications-window a:hover { color: #0a0; }
#notifications-window .list-item:first-child{
    border-top:1px solid #ddd;
    
}


.notiff-set{
    width: 80px;
height: 80px;
border-radius: 10%;
-moz-force-broken-image-icon: 1;
margin-top: 54px;
position: absolute;
margin-left: -184px;
border-radius: 50%;
border-top: 5px solid #f9f4f4;
border-left: 5px solid #f9f4f4;
border-right: 5px solid #f9f4f4;

    
}


.notiffxxx {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    margin-top: -53px;
    /*position: absolute;*/
    margin-left: 91px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}


.notiff {
    width: 80px;
    height: 80px;
    border-radius: 10%;
    -moz-force-broken-image-icon: 1;
    margin-top: -51px;
    /*position: absolute;*/
    margin-left: 87px;
    border-radius: 50%;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;
}


#notifications-window .list-item{
    border-bottom:1px solid #ddd;
    line-height: 2.5em;
    padding:5px;
    margin:2px 0 3px;
    font-size: 11px;
}
#notifications-window .list-item.unread{
    background: #efefd18c;
}
#notifications-window .list-item:hover{
    box-shadow:0 0 5px #6B8FD2;
}
#notifications-window a.notifications-view-all{
    position:absolute;
    bottom:30px;
    left:110px;
    width:74px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    text-decoration:none;
}
/* Search friends */
#search-form{
    position: absolute;
    width: 40%;
    left: 21%;
    top: 8px;
}
#search-form input[type=text]{
    /*width: 160px;*/
    border-radius: 21px;
    border: 1px solid #e6ecf0;
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*color: #14171a;*/
    /*display: block;*/
    font-size: 15px;
    height: 35px;
    /*line-height: 16px;*/
    padding: 8px 32px 8px 12px;
    transition: all .2s ease-in-out;
    text-align: center;
    background-color: #efefd1;
}
#search-form input[type=submit]{
    background: url(../images/icon/search.png) no-repeat center -10px, linear-gradient(to bottom, #efefd1 0%,#efefd1 100%);
  width: 35px;
  border-radius: 12px;
  height: 32px;

}
#search-form input[type=submit] i{
    background-color: transparent;
    background-image: url(../images/icon/update-spritesx.png);
    background-repeat: no-repeat;
    background-position: 0 16px;
}
#search-form input[type=submit]:hover {
       background: url(../images/icon/update-sprite.png) no-repeat center -14px, linear-gradient(to bottom,  #aab 0%,#aab 100%); /* W3C */
}
/*
    Landing page
*/
.landing{
    min-height:600px;
    height:100%;
    width: 100%;
    position:relative;
   /*background-color: rgba(55, 33, 49, 0.8);*/
   background-color: rgb(240, 248, 255);
   

}
.landing-wrap{
    position:absolute;
    top:50%;
    left:50%;
    width:960px;
    height:360px;
    margin:-180px 0 0 -480px;
    border-radius: 20px 0 20px 0;
    border:1px solid #000;
    box-shadow: 0 0 30px #5a5;
    /*background-color: rgba(114, 103, 75, 0.8);*/
}


.back-ground-image{
    margin: 5px;
    margin-top: 5px;
    /*padding: 53px;*/
    border: 1px solid #ddd;
    /*border-radius: 10px;*/
    width: 100%;
    position: relative;
    margin-top: 50px;
    background-color: #eef1f3;
    /*background-image: url(../images/swli.png);*/
    height: 300px;
    
}


#updates-list-rightoox {
    float: right;
    width: 100%;
    margin: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: -5px;
}
/*.landing-image{
    width:660px;
    height:100%;
    border-radius: 20px 0 0 0;
    position:relative;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:center center;
}
.landing-image-credits{
    position:absolute;
    right:4px;
    bottom:2px;
    color:#ddd;
    background:rgba(0,0,0, 0.75);
    text-shadow:1px 1px 0 #000;
    padding:2px 6px;
    border:1px solid #000;
    border-radius:5px;
}*/
.landing-image-credits a{
    color:#ddd;
}
.landing-image-credits img{
    vertical-align: middle;
    margin:0 2px;
}
.landing-logo{
    width:660px;
    height:100%;
    background:url(../images/logo.png) no-repeat center center;
    border-radius: 20px 0 0 0;
}
.landing-info {
    position: absolute;
    top: 88px;
    /*right: 0;*/
    /*margin: -49px 52px 16px;*/
    width: 28%;
    border-radius: 15px;
    /*border: 0px solid #007000;*/
    text-align: center;
    padding: 10px;
    font-size: 1.4em;
    /*text-shadow: 1px 1px 0 #fff;*/
    background-color: #ddd6;
    /*background-color: #fffaf0cc;*/
    /*background-color: aliceblue;*/
    margin-left: 35%;
}

.retry{
    font-weight: bold;
}

.regi {
    font-size: 21px;
    color: #2a5353;
    text-align: center;
    margin-top: -37px;
    margin-bottom: 10px;
    font-style: initial;
}

.updates-list-share-update {
    margin: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    /*border-radius: 10px;*/
    /*width: 50%;*/
    position: relative;
    margin-top: 40px;
    /*background-color: #ffffff;*/
    background: #f8f9fa !important;
}



.card-textxxy{
 font-size: 19px;
    font-weight: bold;
    line-height: 2.75rem;
}




.landing-infox {
     position: absolute;
    top: 88px;
    /*right: 0;*/
    /*margin: -49px 52px 16px;*/
    width: 34%;
    border-radius: 10px;
    /*border: 0px solid #007000;*/
    text-align: center;
    padding: 10px;
    font-size: 1.4em;
    /*text-shadow: 1px 1px 0 #fff;*/
    background-color: #ddd6;
    /*background-color: #fffaf0cc;*/
    /*background-color: aliceblue;*/
    margin-left: 35%;
}

td, th {
    padding: 9px;
}

./*landing-infox {
    position: absolute;
    top: 80px;
    right: 0;
    margin: 23px 0px 5px;
    width: 40%;
    
    text-align: center;
    padding: 22px;
    font-size: 1.4em;
    
    background: #ddd;
   
}*/


.landing-latest{
    position:absolute;
    overflow:hidden;
    bottom:50px;
    left:50%;
    width:940px;
    height:54px;
    margin:0 0 0 -480px;
    padding:10px;
    border-radius: 20px;
    border:2px solid #007000;
    background: #ddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
}
.landing-latest .landing-title{
    float:left;
    width:100px;
    font-weight: bold;
}
.landing-latest .landing-update-list{
    float:left;
    width:840px;
}
.landing-latest .landing-update-list a{
    float:left;
    width:96px;
    height:50px;
    overflow:hidden;
    margin:0 2px 10px 0;
    padding:2px;
    border:1px solid #aaa;
    text-decoration: none;
    color:#000;
}
.landing-latest .landing-update-list a:hover{
    text-decoration: none;
    background: #eeeeee;
}
#sign-in-wrap, .sign-up-wrap{
    font-size:0.8em;
    padding:10px 5px;
    margin:5px auto;
    border:1px solid #aaa;
    border-radius: 4px;
}

#sign-in-wrapx, .sign-up-wrapx{
    font-size:0.8em;
    padding:10px 5px;
    margin:5px auto;
    border:1px solid #aaa;
    border-radius: 4px;
}


#sign-in-wrap form{
    display:inline;
}
#sign-in-wrap input[type=text]{
    /*float:left;*/
    width: 60%;
  margin: 10px;
  font-size: 16px;
  height: 39px;
  border-radius: 17px;
  text-align: center;

}
#sign-in-wrap input[type=text].error_box{
    border: 1px solid #f00;
    background-color: #fee;
}
#sign-in-wrap input[type=password]{
    /*float:left;*/
  width: 60%;
  margin: 10px;
  font-size: 16px;
  height: 39px;
  border-radius: 17px;
  text-align: center;
}
#sign-in-wrap input[type=text]:focus, #sign-in-wrap input[type=password]:focus{
    border:1px solid #5a5;
    box-shadow:0 0 2px #5a5;
}
#sign-in-wrap input[type=text].error_box:focus, #sign-in-wrap input[type=password].error_box:focus{
    border: 1px solid #f00;
    box-shadow: 0 0 2px #f00;
}

#sign-in-wrap input[type="submit"] {
    /*margin: 9px 0;*/
    /*float: left;*/
    width: 60%;
  color: antiquewhite;
  font-size: 12px;
  border-radius: 17px;
  height: 39px;
  margin: 10px;

}


.forgot{
    font-size: 13px;
    text-align: center;
}

label {
    display: inline-block;
    max-width: 97%;
    margin-bottom: 5px;
    /*font-weight: bold;*/
    font-size: 13px;
}


#sign-in-wrap a{
    margin:5px 5px 0;
    /*float:right;*/
}
.sign-up-wrap a{
    padding:2px 0;
    display:inline-block;
}
.sign-up-external{
    text-align:center;
}
.sign-up-external a{
    float:none !important;
}
.sign-up-external i{
    width:16px;
    height:16px;
    display:inline-block;
    vertical-align: middle;
}
.sign-divider{
    border:0;
    border-top:1px solid #aaa;
    margin:5px 0 10px;
}
#bio-length-remaining{
    border-radius:5px;
    background:#ddd;
    padding:2px;
}

h1, .h1 {
    font-size: 28px;
}

/*
    About Pages
*/
.about-page h1, .about-page h2, .about-page h3, .about-page h4{
    text-align: left;
    margin:1em 0;
    font-size: 20px;
}
.about-menu{
    width: 175px;
    margin: 62px 0 0;
    position: fixed;
}
.about-menu a{
    display:block;
    margin:0;
    padding: 23px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-size: 11px;
}
.about-menu a:first-child{
    border-top: 1px solid #ddd;
}
.about-menu a.selected, .about-menu a:hover{
    background: #eee;
}
.about-body{
    float:left;
    width:710px;
    margin: 61px 0 10px 185px;
    padding:20px;
    border: 1px solid #ddd;
    text-align: justify;
}
.about-body h1{
    margin-top:0;
}
/*blockquote {*/
/*    font-weight: bold;*/
/*    font-style: italic;*/
/*    text-align: right;*/
/*    margin: 1em;*/
/*    float: right;*/
/*    padding:10px;*/
/*    background: #fff;*/
/*    border: 1px solid #ddd;*/
/*    width: 40%;*/
/*}*/

blockquote {
  /*font-weight: bold;*/
  text-align: left;
  float: left;
  background: #eeededbd;
  border: 1px solid #ddd;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(221, 221, 221);
  width: 101%;
  line-height: 1;
}

blockquote p:before {
    content: open-quote;
}
blockquote p:after {
    content: close-quote;
}
.about-page blockquote small{
    font-style: italic;
    text-align: right;
    display: block;
}

/*
    Main section
*/
/*.container {
  width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: 55px 10px 20px;
  background: #f9f9f9;
  box-shadow: 0 0 20px #FFF;
  border: 1px solid #fff;
}*/

.container {
  width: 1170px;
}
.sign-up-page small, .settings-edit-page small{
    display:block;
    color:#333;
}

/*
    Sign Up
*/
.sign-up-page fieldset{
    border:1px solid #6B8FD2;
    border-radius:5px;
    margin:20px 0;
    /*box-shadow: 1px 1px 0 #000;*/
}
.sign-up-page fieldset>legend{
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
.sign-up-page .label{
    font-weight: bold;
    width:200px;
}
.sign-up-page .input{
    width:300px;
}
.sign-up-page input[type=text],.sign-up-page input[type=password],.sign-up-page textarea{
    width:200px;
}
.form-hint{
    width:16px;
    line-height: 16px;
    display:inline-block;
    text-align: center;
    font-weight: bold;
    box-shadow: 1px 1px 0 #333;
    border:1px solid #999;
    border-radius:2px;
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #ddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#ddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#ddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff 0%,#ddd 100%); /* W3C */
}
.form-required{
    color:#d00;
}
.form-length{
    color:#00d;
}
.form-buttons{
    text-align: center;
    padding-right: 80px;
}

/*
    Edit profile
*/
.profile-edit-page .profile-edit-info{
    border:1px solid #6B8FD2;
    border-radius:5px;
    float:left;
    margin:0 0 20px 0;
    padding:20px;
    width:740px;
    box-shadow: 1px 1px 0 #000;
}
.profile-edit-page .label{
    font-weight: bold;
    width:150px;
}
.profile-edit-page .input{
    width:300px;
}
.profile-edit-page input[type=text],.profile-edit-page input[type=password],.profile-edit-page textarea{
    font-size:1em;
    width:200px;
}
/*
    Settings
*/
.settings-menu{
    float: left;
    width: 82%;
    margin: -17px 0 0;
    border: 1px solid #ddd;
    background-color: #ffffff;
}
.settings-menu a{
    display:block;
    margin:0;
    padding:15px 0;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-size: 13px;
}
.settings-menu a:first-child{
    border-top: 1px solid #ddd;
}
.settings-menu a.selected, .settings-menu a:hover{
    background: #f5ebf0;;

}

.container {
  width: 100%;
}


/*.sing{*/
    .updates-list-bo {
    float: left;
    margin: 26px;
    padding: 3px;
    border: 1px solid #ddd;
    width: 90%;
    margin-top: -15px;
}


.settings-form-page-settings-notification{
    /*padding: 24px;*/
    margin-right: -136px;
}



.settings-form-wrap {
    float: left;
    width: 100%;
    margin: -17px 32px 10px 0px;
    padding: 24px;
    border: 1px solid #ddd;
    font-size: 13px;
    background-color: #ffffff;
}


.settings-form-wrap .error-msg{
    float:left;
    margin: 5px 10px;
    width: 250px;
}
.settings-edit-page input[type=text],.settings-edit-page input[type=password],.settings-edit-page textarea, .settings-edit-page select{
    font-size:1em;
    width:200px;
}
.settings-form-wrap label{
    float:left;
    clear:left;
    font-weight: bold;
    width:120px;
    margin: 5px 0;
    font-size: 12px;
}
.settings-form-wrap input, .settings-form-wrap select{
    float:left;
}
div.settings-input {
    float: left;
    margin: 0;
    padding-top: 17px;
}
.settings-profile-column{
    float:left;
    width: 100%;
}
.settings-message{
    text-align: center;
    border: 1px solid #ddd;
    background: #9be69c33;
    padding: 4px;
    color: #0D121B;
    /*font-weight: bold;*/
    /*text-shadow: 1px 1px 0 #fff;*/
    border-radius: 5px;
    margin-bottom: 32px;
}
.settings-description {
    margin: 3px 2px 16px;
    padding: 46px 4px 10px;
    border-bottom: 1px solid #ddd;
}



.settings-notification p.label {
    font-weight: bold;
    padding-right: 10px;
    color: black;
    font-size: 12px;
}
.settings-notification td.radio {
    padding: 0 20px;
    display: ruby-text;
    padding-bottom: -6px;
}
.settings-notification input[type=radio]{
    float:none;
    margin-left: 19px;
    position: absolute;
}


.welo {
    font-size: 4.75rem;
    line-height: 5.5rem;
    color: #fff;
    letter-spacing: .4rem;
    text-align: center;
    padding-top: 181px;
}

.welox {
    font-size: 3.75rem;
    line-height: 5.5rem;
    color: #fff;
    letter-spacing: .4rem;
    text-align: center;
    /*padding-top: 181px;*/
}





/*
    Updates list
*/
/* Profile Info */
#updates-list-left {
  /* float: left; */
  width: 100%;
  /* height: 120px; */
 /* margin: 8px;
  padding: 74px;*/
  background-color: #ffffff;
}

#updates-list-leftx {
    float: right;
    width: 73%;
    height: 120px;
    margin: 45px;
    padding: 74px;
}

#updates-list-partners {
    /*float: right;*/
    width: 100%;
    /*height: 120px;*/
    /*margin: 45px;*/
    /*padding: 74px;*/
    margin-top: 10px;
    
}


#updates-list-center {
  /* float: left; */
  width: 100%;
  /* height: 120px; */
  margin: 15px;
  padding: 0px;
  /*background-color: #ffffff;*/
}

#updates-list-right {
  /* float: right; */
  width: 100%;
  margin: 0px;
  padding: 6px;
  /*border: 1px solid #ddd;*/
  /*background-color: #ffffff;*/
   background-color: #e5eaef !important;
   margin-top: -16px;
}


#updates-app-list-right {
  /* float: right; */
  width: 100%;
  margin: 0px;
  /*padding: 6px;*/
  /*border: 1px solid #ddd;*/
  /*background-color: #ffffff;*/
   /*background-color: #e5eaef !important;*/
   /*margin-top: -16px;*/
}

#updates-list-right-noti {
    float: right;
    width: 100%;
    margin: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: 0px;
    /*background-color: #fff;*/
    background: #f8f9fa !important;
}

#updates-list-right-settings {
    float: right;
    width: 100%;
    margin: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: -17px;
    /*background-color: #fff;*/
    background: #f8f9fa !important;
}

#updates-list-right-msg {
    float: right;
    width: 100%;
    margin: -1px;
        margin-top: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: -1px;
    /*background-color: #fff;*/
    background: #f8f9fa !important;
}

#updates-list-right-search {
    float: right;
    width: 100%;
    margin: -1px;
        margin-top: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: 31px;
    /*background-color: #fff;*/
    background: #f8f9fa !important;
}

.dop {
   margin-top: -59px;
    padding-left: 2px;
    /*color: #599ee1;*/
    padding: 35px;
    margin-bottom: -20px;
}

.dop-settings {
   margin-top: 35px;
    /*padding-left: 2px;*/
    /*color: #599ee1;*/
    padding: 35px;
}

.dop-msg {
    margin-top: 26px;
    padding-left: 2px;
    color: #000;
    padding: 35px;
}


/*#updates-list-left {
    float: right;
    width: 100%;
    margin: -1px;
    padding: 7px;
    border: 1px solid #ddd;
    margin-top: 20px;
}*/

#updates-list-righty {
    float: right;
    width: 100%;
    margin: -1px;
    padding: 6px;
    border: 1px solid #ddd;
    margin-top: 70px;
}

.ser {
    padding-bottom: 11px;
    color: #111414;
    text-align: center;
    font-weight: bold;
}




.updates-list-rightx {
    /* float: right; */
   /* width: 100%;*/
    width: 21%;
    margin: -1px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-top: 4px;
    position: fixed;
    background-color: #fff;
}


.updates-list-right-sharex {
    /* float: right; */
   /* width: 100%;*/
    width: 21%;
    margin: -1px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-top: 4px;
    position: fixed;
    background-color: #fff;
}



.remov{
    padding-right:20px;
    color: #c0b8b8;

    
}

.small{
    padding-left: 10px;
}

.profile-username {
    margin-top: 32px;
    font-family: initial;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    margin-left: 21%;
}

.profile-fullname {
    margin-top: 0px;
    font-family: initial;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    position: absolute;
}

.profile-fullname-notification {
    margin-top: 29px;
    font-family: initial;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    margin-left: 17%;
}

.profile-fullname-comment {
    margin-top: 111px;
    font-family: initial;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
}

.profile-username-username {
   /*margin-top: 0px;*/
    font-family: initial;
    line-height: 25px;
    font-size: 14px;
    position: absolute;
}

.profile-username-username-noti {
   margin-top: 47px;
    font-family: initial;
    line-height: 25px;
    font-size: 14px;
    position: absolute;
    margin-left: 17%;
}

.profile-username-comment{
    margin-top: 130px;
    font-family: initial;
    line-height: 25px;
    font-size: 13px;
    position: absolute;

}

.profile-username-partners {
    margin-top: 23px;
    font-family: initial;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    padding-left: 92px;
}

h4, .h4 {
    font-size: 18px;
    padding-top: 33px;
}

/*.updates-list-share {
    float: left;
    border: 1px solid #ddd;
    margin: 26px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 90%;
    margin-top: 15px;
    border-radius: 10px;
}*/

.not{
    height: 10%;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 50px;
    margin-bottom: 10px;
}


.updates-list-profile{
    margin:5px;
    padding:10px;
    border:1px solid #ddd;
    border-radius: 10px;
    width:24%;
    position:relative;
    margin-top: 60px;
}

.updates-list-profilex {
  /*margin: 5px;*/
  /*padding: 53px;*/
  /*border: 1px solid #ddd;*/
  /*border-radius: 10px;*/
  /*width: 100%;*/
  /*position: relative;*/
  /*margin-top: 50px;*/
  /*background-color: #eef1f3;*/
  /*background-image: url(../images/swli.png);*/
  /*height: 300px;*/
}

.updates-list-home {
  margin: 5px;
  padding: 10px;
  border: 1px solid #ddd;
  /*border-radius: 10px;*/
  /*width: 50%;*/
  position: relative;
  /*margin-top: -40px;*/
  background-color: #f8f9fa !important;
}

.updates-list-stories {
  margin: 5px;
  padding: 10px;
  border: 1px solid #ddd;
  /*border-radius: 10px;*/
  /*width: 47%;*/
  position: relative;
  /*margin-top: -40px;*/
  background-color: #f8f9fa !important;
}

.updates-list-stories-search {
  margin: 15px;
  padding: 10px;
  border: 1px solid #ddd;
  /*border-radius: 10px;*/
  /*width: 50%;*/
  /*position: relative;*/
  /*margin-top: 284px;*/
  background-color: #f8f9fa !important;
}

.stories{
   display: block;
font-size: 17px;
font-weight: bold;
padding-top: 0px;
transition: color .15s ease-in-out;
text-align: center;
    
}


.stories-search{
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding-top: 3px;
    transition: color .15s ease-in-out;
    text-align: center;
}

.atat{
    /*padding-top: 21px;*/
    margin-top: -13px;
}
    




.updates-profile .updates-list-profile{
    width:100%;
}


.time-since{
    padding-top: 20px;
    font-size: 10px;
}


.updates-list h1, h2, h3, h4 {
    text-align: left;
    padding-left: 3px;
}
.updates-list h1{ font-size: 1.3em; margin:0.5em 0 0.3em; }
.updates-list h2{ font-size: 1.2em; margin:0.4em 0 0.3em; }
.updates-list h3{ font-size: 1.1em; margin:0.4em 0 0.2em; }
.updates-list h4{ font-size: 1.05em; margin:0.3em 0 0.2em; }
.profile-image-large, .profile-image-medium, .profile-image-small, .profile-image-thumb {
    margin: 1px 0px 1px 0;
    float: left;
    overflow: hidden;
    padding-left: 2px;
    /*background-color: #fff;*/
    
}



.profile-image-small-recom {
    /*margin: -3px 9px 1px 0;*/
    /*float: left;*/
    /*overflow: hidden;*/
    /*padding-left: 2px;*/
    /*background-color: #fff;*/
    
}

.profile-image-small-partner{
    margin: -5px 0px 1px 0;
    float: left;
    overflow: hidden;
    padding-left: 2px;
    background-color: #f8f9fa;
    margin-top:10px;
}

.lrg{
    width: 172px;
    height: 160px;
    border-radius: 14px;
    margin-top: -173px;
    position: absolute;
    border-top: 5px solid #f9f4f4;
    border-left: 5px solid #f9f4f4;
    border-right: 5px solid #f9f4f4;

    
}

.commet-row{
    margin-top: 41px;
}


.profile-image-large{
    /*width: 128px;*/
    /*height: 211px;*/
    /*box-shadow: 0 0 5px #6B8FD2;*/
    /*border-radius: 5px;*/
    /*background: #fff;*/
    /*border: 5px solid #fff;*/
    /*border-radius: 50%;*/
    height: 170px;
    /*position: relative;*/
        
}
.profile-image-medium{
    /*width: 80px;*/
   /* height: 64px;*/
    /*box-shadow: 0 0 5px #6B8FD2;*/
    border-radius: 5px;
    margin-top: 15px;
    /*background-color: #fff;*/
}

.profile-image-medium-notification{
    /*width: 80px;*/
   /* height: 64px;*/
    /*box-shadow: 0 0 5px #6B8FD2;*/
    border-radius: 5px;
    margin-top: 45px;
    /*background-color: #fff;*/
}

.noinfo{
    padding-left: 68px;
    margin-top: -16px;
    font-size: 12px;
}

.ntime{
    font-size: 11px;
}

profile-image-small {
    width: 37px;
    height: 35px;
    box-shadow: 0 0 1px #C6D1C6;
    border-radius: 1px;
}

.profile-usernamex {
    font-size: 19px;
    margin-top: -24px;
    font-family: initial;
    padding-left: 15px;
    
}

/*.poll {*/
/*    width: 100%;*/
/*    margin: 0px;*/
/*    padding: 42px;*/
/*    border: 1px solid #ddd;*/
/*    margin-top: 4px;*/
/*    background-color: aliceblue;*/
/*}*/

.poll {
    width: 100%;
    margin: 0px;
        margin-top: 0px;
    padding: 42px;
    /*border: 1px solid #ddd;*/
    /*margin-top: 4px;*/
    /*background-color: aliceblue;*/
    
}

.fullo {
    font-size: 17px;
    margin-top: -2px;
    font-style: inherit;
    font-family: 'Montserrat', sans-serif;
    color: darkslategrey;
    padding-top: 13px;
}

.fullx{
    margin-top: -10px;

}

.uhome{
    color: #12998e;

}

.container {
    width: 1170px;
    /*background-color: floralwhite;*/
    background-color: aliceblue;
}

.but_share{
    padding-left: 17%;
    font-size: 12px;
    color: #178181;
    font-size: 13px;
    font-weight: bold;
}

.but_com{
    padding-left: 66px;
font-size: 12px;
color: #137b7b;
font-size: 13px;
font-weight: bold;
}


small, .small {
    /*font-size: 80%;*/
    /*padding-left: 25px;*/
    /*color: #53b6f3;*/
    padding-left: 28px;
color: #000;
font-weight: bold;
}
/*.profile-image-thumb{*/
/*   width: 37px;*/
/*    height: 35px;*/
/*    box-shadow: 0 0 1px #C6D1C6;*/
/*    border-radius: 1px;*/
/*}*/
.profile-info{
    margin:0 5px;
    padding-left:10px;
    float:left;
}
.profile-btn{
    float:right;
    margin-left:2px;
    position:relative;
}

.profile-btn-fw {
    float: right;
    margin-left: 2px;
    position: relative;
    color: #fff;
}


.profile-btn i{
    width:16px;
    height:16px;
    display:block;
}
.profile-bio {
    color: #333;
    padding-left: 0px;
    padding-top: 0px;
    padding-left: 13px;
}

p {
    margin: 0 0 10px;
    font-size: 16px;
    /*padding-left: 42px;*/
    /*padding-right: 15px;*/
    color: #504444;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}

.comsh{
    background-color: #fff;
}

.tx{
    color: #000;
}

hr {
    border-top: 1px solid #de38911a;
    margin-right: 8px;
    margin-left: 8px;
}


.find {
   display: block;
   font-size: 13px;
   font-weight: bold;
   padding-top: 0px;
   transition: color .15s ease-in-out;
   text-align: center;
}


/* Viewing/Showing */
.updates-list-view, .updates-list-invite {
  /* margin: -64px; */
  padding: 0px;
  border: 1px solid #eeeeee4d;
  border-radius: 5px;
  width: 100%;
  /*background: #eeeeee4d;*/
  background-color: #e0e4e9e6 !important;
  position: relative;
   margin-top: 136px;
}

.updates-app-list-view{
    /* margin: -64px; */
    padding: 0px;
    border: 1px solid #eeeeee4d;
    border-radius: 5px;
    width: 100%;
    /* background: #eeeeee4d; */
    background-color: #e0e4e9e6 !important;
    position: relative;
    margin-top: 160px;
}


.updates-list-view-search, .updates-list-invite {
  /* margin: -64px; */
  padding: 0px;
  border: 1px solid #eeeeee4d;
  border-radius: 5px;
  width: 100%;
  /*background: #eeeeee4d;*/
  background-color: #e0e4e9e6 !important;
  position: relative;
   margin-top: 31px;
}


.updates-list-header{
    width:100%;
    /*border-bottom:1px solid #ddd;*/
    display:inline-block;
    margin-bottom:3px;
    /*background-color: #ffffff;*/
     background-color: #e0e4e9b3 !important;
    /*border: 1px solid #ddd;*/
    height: 228px;
}

.updates-list-header-comment {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 3px;
    /*background-color: #ffffff;*/
    background: #f8f9fa !important;
    border: 1px solid #ddd;
    height: 228px;
    margin-top: 49px;
}

.updates-list-header-right{
    width:100%;
    border-bottom:1px solid #ddd;
    display:inline-block;
    margin-bottom:3px;
    background-color: #ffffff;
    
}

.updates-list-header-right-comment {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 3px;
    background-color: #ffffff;
    margin-top: 31px;
}

.updates-list-header-home-share{
    width:100%;
    border-bottom:1px solid #ddd;
    display:inline-block;
    margin-bottom:-3px;
    /*background-color: #efefd1;*/
    
}


.updates-list-header-home-share-message{
    width:100%;
    /*border-bottom:1px solid #ddd;*/
    display:inline-block;
    margin-bottom:-3px;
    /*background-color: #efefd1;*/
    
}

.updates-list-headerc{
    width:100%;
    border-bottom:1px solid #ddd;
    display:inline-block;
    margin-bottom:3px;
    background-color: #efefd1;
    /*border: 1px solid #ddd;*/
}

.updates-list-headerzz{
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-bottom: 3px;
    background-color: #efefd1;
}

.updates-list-headerff{
    width:100%;
    border-bottom:1px solid #ddd;
    display:inline-block;
    margin-bottom:3px;
    background-color: #efefd1;
    /*border: 1px solid #ddd;*/
    margin-top: 35px;
}


.shar {
     margin-top: 0px;
    font-size: 12px;
    font-weight: bolder;
    width: 100%;
    border-radius: 13px;
    height: 36px;
    transition-timing-function: ease-in-out;
    flex: 1 1 0%;
    align-self: stretch;
    color: inherit;
    text-align: left;
    padding-inline: 20px;
}

.down {
    background-color: #fff;
    height: 24px;
    padding-left: 10px;
    font-size: 10px;
    font-weight: bold;
}



/*.updates-list-header h2{
    display:inline-block;
}*/
.updates-list-header small{
    color:#333;
    font-style: italic;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
    transition: color .15s ease-in-out;
}
.updates-list-view a{
    display:inline-block;
    vertical-align: bottom;
    margin:2px;
    /*width:24px;*/
    /*height: 24px;*/
    overflow:hidden;
    /*border-radius:11px;*/
    font-size: 12px;
}
.updates-list-view a.username{
    width:auto;
    line-height: 24px;
    text-decoration: none;
}
.updates-list-view .recommended-user{
    /*margin-bottom:2px;*/
    /*margin-bottom: -19px;*/
    margin-top: -2px;
    background-color: #fff;
    padding-bottom: 10px;
    height: 68px;
    
}
.view-more{
    width:24px;
    height:24px;
    display:block;
    background: url(../images/icon/share-sprite.png) no-repeat center 0;
}
/* Search friends */
.updates-list-search{
    margin:5px;
    padding:10px;
    border:1px solid #ddd;
    border-radius: 10px;
    width:268px;
    background: #eee;
}
.updates-list-search-form{
    display:inline-block;
}
.updates-list-search-form input[type=text]{
    width:200px;
}
.updates-list-search-form input[type=submit]{
    width:40px;
}
/* Invite */
.updates-list-invite input[type=text]{
    width:190px;
    font-size: 13px;
}
.updates-list-invite input[type=submit]{
    /*width:50px;*/
}
.updates-list-answer{
    background: #fff;
    padding:10px;
    border:1px solid #ddd;
    margin-top:10px;
}

/* Share */
/*.updates-list-share {
    margin: 0px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #eee;
    width: 90%;
    margin-top: 20px;
}*/

.updates-list-share {
    float: left;
    border: 1px solid #ddd;
    margin: 26px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 90%;
    margin-top: 6px;
    border-radius: 10px;
}

.updates-list-share-message {
    float: left;
    border: 1px solid #ddd;
    margin: 26px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 90%;
    margin-top: -23px;
    border-radius: 10px;
}

.msg{
    text-align: center;
    font-weight: bold;
}



.updates-list-item {
    /*float: left;*/
    /*margin: 26px;*/
    /*padding: 0px;*/
    /*border: 1px solid #ddd;*/
    width: 90%;
    /*margin-top: -15px;*/
}






.updates-list-share .updates-list-header{
    width:380px;
    background-color: #efefd1;
}
.update-list-share-form {
    position: relative;
    background-color: #efefd1;
    border-radius: 10px;
}

.update-list-share-form-message {
    position: relative;
    background-color: #f0f0ec;
    border-radius: 10px;
    margin-top: -25px;
}

.updates-list-share textarea {
    margin-top: 0px;
    width: 89%;
    /*height: 30px;*/
    margin-left: 3px;
    /*float: right;*/
    -webkit-transition: -webkit-box-shadow 0.5s ease-out;
    -moz-transition: -moz-box-shadow 0.5s ease-out;
    -ms-transition: box-shadow 0.5s ease-out;
    -o-transition: box-shadow 0.5s ease-out;
    transition: box-shadow 0.5s ease-out;
    font-size: 13px;
}
.updates-list-share textarea.animate{
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}
#update-list-share-add{
    clear:both;
    display:inline-block;
    margin-top:2px;
    margin-bottom: -2px;
    width:505px;
    overflow:hidden;
    position:relative;
    background-color: #efe9e9;
    color: #0d7de0;

}
.updates-list-share input {
    display: inline-block;
    width: 495px;
    color: #000;
    background-color: #fff;
    padding-left: 10px;
}
.updates-list-share input#photo-styled{
   position:absolute;
   left:0;
   top:0;
   background: #fff url(../images/icon/update-sprite.png) no-repeat 477px -14px;
   padding-right: 20px;
   width:180px;
   z-index: 1;
   color:#000;
   
}
.updates-list-share input[type=file]{
    position: relative;
    /*text-align: right;*/
    /*opacity: 0;*/
    /*filter: alpha(opacity=0);*/
    z-index: 2;
    margin-bottom: -4px;
}
.updates-list-share input[type="submit"] {
    width: 14%;
    float: right;
    font-size: 13px;
}
#update-list-share-btns {
    /*display: inline-block;*/
    /*float: right;*/
    /*font-size: 1px;*/
    /*padding-right: 12px;*/
    /*margin-top: -30px;*/
    
    margin-top: -26px;
    padding-left: 6%;
}

.commet{
     /*margin-top: 20%;*/

    
}


.list-group-item.disabled{
  color: #fff;
  background-color: #1c817d;
}

.yobb{
    text-align: center;
}




.list-group{
    list-style-type: none;
    margin: 13px;
    display: block;
    /*font-size: 16px;*/
    font-weight: bold;
    transition: color .15s ease-in-out;
    /*margin-top: 129%;*/
}


.list-group-recco{
    list-style-type: none;
    /*margin: 13px;*/
    display: block;
    /*font-size: 16px;*/
    font-weight: bold;
    transition: color .15s ease-in-out;
    /*margin-top: 129%;*/
    width: 100%;
    /*position: fixed;*/
}


.gradient-btnxxzzz{
     color: #fcfff4;
    background-color: #1c817d;
    margin-left: 88%;
    margin-top: 7px;
}


.catog{
    padding: 8px;
}




.cat_icon{
  width: 27px;
  height: 20px;
    padding-right: 7px;
    margin-top: 3px;
    
    
}



.update-list-share-btns-message {
    /*display: inline-block;*/
    /*float: right;*/
    /*font-size: 1px;*/
    /*padding-right: 12px;*/
    /*margin-top: -30px;*/
    
    margin-top: -22px;
    padding-left: 76%;
}

#update-list-share-btns a{
    margin:0;
    padding:2px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* msie */
    width: 23%;
    height: 46px;
    overflow:hidden;
    display:inline-block;
    border-radius:4px;
    border: 1px solid #3c763d;
}
#update-list-share-btns a.selected, #update-list-share-btns a:hover{
    opacity : 1;
    filter: alpha(opacity=100); /* msie */
    background: #A98DA3; /* Old browsers */
    box-shadow:0 0 2px #A98DA3;
}
.text-btn,.url-btn, .video-btn, .photo-btn{
    width:97px;
    height:24px;
    display:block;
}
.text-btn{ background: url(../images/icon/share-sprite.png) no-repeat center -24px; }
.url-btn{ background: url(../images/icon/share-sprite.png) no-repeat center -48px; }
.video-btn{ background: url(../images/icon/share_hm.png) no-repeat center -72px; }
.photo-btn{ background: url(../images/icon/share_hm.png) no-repeat center -96px; }
#update-share-form{
    position:relative;
    margin:34px;
    padding-top: 30px;
}
#update-share-form textarea.full-screen-share{
    width: 100%;
    height: 100px;
    margin: 6px;
}
#update-share-form textarea.popup-screen{
    width: 100%;
    height: 70px;
    margin: 0;
}
#update-share-form input[type=submit]{
    position:absolute;
    right:-6px;
    /*bottom:7px;*/
}

/* Share Result */
.share-images{
    float:left;
    margin:0 10px 15px 0;
    width:80px;
    height:64px;
}
.share-images-list{
    overflow: hidden;
    width:64px;
    height:64px;
    display:block;
    margin:0 auto;
}
.share-images-count{
    width:80px;
    font-size:0.8em;
    display:block;
    text-align:center;
}
#share-images-left, #share-images-right{
    width:16px;
    height: 16px;
    cursor:pointer;
}
#share-images-left {
    float:left;
    background:url(../images/icon/left.png) no-repeat center center;
}
#share-images-right {
    float:right;
    background:url(../images/icon/right.png) no-repeat center center;
}
.share-image{
    width:64px;
    height:64px;
}
.share-url-wrap small{
    vertical-align: middle;
    padding-left: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
}
/* Updates */
.updates-list-item {
    float: left;
    margin: 0px;
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
    background-color: #f8f9fa !important;
    margin-bottom: 21px;
    /*color: #1b7b7b;*/
    /*height: 55px;*/
}


.updates-list-item-follow {
    float: left;
    margin: 0px;
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -15px;
    background-color: #f8f9fa !important;
    margin-bottom: 21px;
    /* color: #1b7b7b; */
    /* height: 55px; */
}

.updates-list-item-cat {
    float: left;
    margin: 0px;
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
    background-color: #f8f9fa !important;
    /*margin-bottom: 21px;*/
    /* color: #1b7b7b; */
    /* height: 55px; */
}


/* Updates */
.updates-list-item-notix {
    float: left;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -15px;
    /*background-color: #f8f9fa !important;*/
    margin-bottom: 21px;
    /*color: #1b7b7b;*/
    /*height: 55px;*/
}

.updates-list-item-message {
    float: left;
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0px;
    /*border: 1px solid #ddd;*/
    width: 100%;
    margin-top: -15px;
    background-color: #ffffff;
    margin-bottom: -33px;
    color: #1b7b7b;
    height: 55px;
}

.updates-list-item-msg {
    float: left;
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0px;
    /*border: 1px solid #ddd;*/
    width: 100%;
    margin-top: -15px;
    background-color: #f0f8ff;
    margin-bottom: -33px;
    color: #1b7b7b;
    height: 55px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.updates-list-item-note{
    float: left;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -15px;
    background-color: #ffffff;
    margin-bottom: 21px;
    /*color: #1b7b7b;*/
    height: 55px;
}


.backer{
    left: -4.5rem;
  margin-top: 1px;
  position: absolute;
  color: aliceblue;
  background-color: #1c817d;
}


.col-sm-8 {
    width: 66.66666667%;
    margin-top: -70px;
}

.col-sm-4 {
    width: 33.33333333%;
    margin-top: -30px;
}

.updates-list-bo {
    float: left;
    margin: 26px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -7px;
    padding-top: 51px;
    background-color: #ffffff;
}

.updates-list-boader{
    float: left;
    margin: 26px;
    padding: 73px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -7px;
    padding-top: 51px;
    background-color: #ffffff;
}

.updates-list-box {
    float: left;
    margin: 26px;
    padding: 3px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
    padding-top: 40px;
    background-color: #ffffff;
}

.mg{
    margin-top: 33px;
    color: deepskyblue;
}

/*h6, .h6 {
    font-size: 12px;
    color: deepskyblue;
}*/

.updates-list-item:hover{
    box-shadow:0 0 5px #000000;
    color: black;
    background-color: #faf5f6;
}
.updates-list-item.unread {
    /*border: 1px solid #bd1313;*/
    border: 5px solid #efcece;
    background: #c3b3b3;
}
.entry-btn{
    float:right;
    /*width:16px;*/
    margin-left:2px;
    position:relative;
}


.entry-btnvv {
    float: right;
    width: 104px;
    /*margin-left: 2px;*/
    position: relative;
}



.entry-btn i{
    width:16px;
    height:17px;
    display:block;
   
}

.entry-btnxx i{
    width:16px;
    height:17px;
    display:block;
    margin-top: -15px;
}





.setter {
    padding-top: 20px;
    padding-bottom: 17px;
}
.settings-input {
    padding-top: 20px;
    padding-bottom: 17px;
}


/*.remove-btn{ background: url(../images/icon/update-sprite.png) no-repeat center 0; }*/
.connect-btn{ 
    background-color: #faa;
    /*background: url(../images/icon/update-sprite.png) no-repeat center -128px;*/
    background: url(../images/icon/update-sprite.png) no-repeat center center, -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */

    }
.disconnect-btn{ 
    background-color: #000;
    background: url(../images/icon/update-sprite.png) no-repeat center -144px; }
/*.share-btn{ background: url(../images/icon/update-sprite.png) no-repeat center -64px; }*/
/*.comment-btn{ background: url(../images/icon/update-sprite.png) no-repeat center -32px; }*/
/*.view-btn{ background: url(../images/icon/update-sprite.png) no-repeat center -16px; }*/
/*.styh-btn{ background: url(../images/icon/update-sprite.png) no-repeat center -48px; }*/
.facebook-btn{ background: url(../images/icon/ca.png); }
/*.gplus-btn{ background: url(../images/icon/share_b.png) no-repeat center -112px; }*/
.twitter-btn{ background: url(../images/icon/dr2.png); }
.caret-btn{ background: url(../images/icon/ca.png); }
/*.updates-list-item h2 > a, .update-single-entry h2 > a{*/
/*    float: left;*/
/*    margin: 26px;*/
/*    padding: 0px;*/
/*    border: 1px solid #ddd;*/
/*    width: 90%;*/
/*    margin-top: -15px;*/
/*}*/
/*    text-decoration: none;*/

hr.updates-item-divider{
    border:0;
    border-top:1px solid #ddd;
    margin:10px 0;
}
.updates-list-item.unread hr.updates-item-divider{
    border-top:1px solid #999;
}

.linker{
    font-size:14px;
    padding-top: 1px;
    font-weight: bold;
}
.updates-list-item-link {
    background: #d4cdcd33;
    /*padding: 10px;*/
    /*border: 1px solid #ddd;*/
    /*width: 643px;*/
    /*height: 123px;*/
    /*text-align: center;*/
    padding: 10px 5px 5px;
    border-radius: 8px;
    padding-left: 53px;
    padding-right: 10px;
}
.updates-list-item-link img {
    float: left;
    margin: 0 10px 5px 0;
    padding: 1px;
    border: 1px solid #ddd;
    width: 100%;
    height: 50%;
}

.likeg{
    width:300px;
    height:200px;
}

.link-description{
    padding-top:-4px;
    margin-left: -39px;
}
.updates-list-item-link-info small{
    vertical-align: middle;
    padding-left: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
}
.updates-list-item-video, .updates-list-item-photo{
    /*background: #fff;*/
    /*border:1px solid #ddd;*/
    text-align:center;
    padding:10px 5px 5px;
    border-radius: 8px;
    padding-left: 53px;
    padding-right: 10px;
}
.updates-list-item-photo.popup, .updates-list-item-video.popup{
    overflow:hidden;
    max-height: 30%;
}
.updates-list-item-photo.popup img{
    width:30%;
}

.pho{
    width:100%;
    height: 100%;

}

.phoy{
    width:30%;
    height: 30%;
    border-radius: 14px;
    display: block;

}

.phot{
    width:100%;
    height: 100%;
}


input[type="file"] {
    display: block;
    background-color: aliceblue;
}


#updates-list-load-wrap{
    margin:10px auto 40px;
    text-align: center;
    /*width:940px;*/
    font-weight: bold;
    text-transform: uppercase;
    clear:both;
}
.updates-list-load-more{
    display:none;
    width:200px;
}
.updates-list-load-more.loading{
    
}
#updates-list-load-more-pages{
    display:inline;
    /*padding-right: 321px;*/
}
#updates-list-load-more-pages a{
    color:#fff !important; 
    text-decoration: none;
    text-align:center;
    text-shadow: 1px 1px 0 #fcfff4;
    border: 1px solid #2486d8;
    border-radius:4px;
    padding: 4px 8px;
    cursor:pointer;
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top,  #2486d8 0%, #2486d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2486d8 0%,#2486d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2486d8 0%,#2486d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2486d8 0%,#2486d8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2486d8 0%,#2486d8 100%); /* W3C */
    font-size: 11px;
}
#updates-list-load-more-pages strong,#updates-list-load-more-pages b{
    color:#000 !important; 
    text-decoration: none;
    text-align:center;
    border-radius:4px;
    padding: 4px 8px;
    border: 1px solid #66b6fc;
    /*text-shadow: 1px 1px 0 #b2e1ff;*/
    background: #b2e1ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
}
.advertisement-block{
    position: relative;
    /*border:1px solid #ddd;*/
    width:268px;
    padding:10px;
    margin:5px;
    text-align: center;
}
.advertisement-block p{
    color: #333;
    font-size: 0.8em;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
}
.advertisement-block iframe{
    border:1px solid #ddd;
}
#updates-list-refresh, .updates-list-delete-undo{
    text-align: center;
    border: 1px solid #ddd;
    background: #eee;
    padding: 0 10px;
    margin: 5px;
    width:603px;
    color: #6B8FD2;
    float:left;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 5px;
}
#updates-list-refresh a, .updates-list-delete-undo a{
    text-decoration: none;
    display: block;
    padding: 5px;
}

.up{
    padding-top: 20px;
}

.sha{
   float: left;
    margin: 26px;
    padding: 0px;
    border: 1px solid #ddd;
    width: 90%;
    margin-top: -15px;
    background-color: #f9f9f5;
}

    




#updates-list-refresh:hover, .updates-list-delete-undo:hover{
    background: #f9f9f9;
}
/* Single entry */
.update-single-entry {
    float: left;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    width: 100%;
    margin-top: -13px;
    background-color: #f0f8ff47;
}
.update-single-entry:hover{
    box-shadow:0 0 5px #6B8FD2;
    background: #f9f9f9;
    
}
.update-single-entry.popup{
    width:365px;
}
.updates-item-share-wrap{
    overflow:hidden;
    float:right;
}
.updates-item-share{
    width:108px;
}
.updates-view-comments-btn{
    display:inline-block;
}
/* Single entry - comment */
.updates-item-comment-form{
    float:left;
    position:relative;
    width:100%;
    margin-top:28px;
    margin-bottom: 120px;
}
.updates-item-comment-form textarea{
    height: 2em;
    float:left;
}
#entry .updates-item-comment-form textarea {
    width: 70%;
}
.updates-list-item .updates-item-comment-form textarea{
    height:4em;
    width:593px;
}
.comment-submit{
    position:absolute;
    right:2px;
    bottom:2px;
}
#updates-list-share-answer{
    background: #fff;
    padding:10px;
    border:1px solid #ddd;
    margin-top:10px;
}
.updates-item-comments-wrap{
    border: 1px solid #ddd;
    margin: 11px -2px -11px;
    padding: 5px
    
}

.advx{
    margin-top:50px;
    /*padding-left: 10%;*/
}



.commenter{
    font-size: 12px;
    padding-left: 56px;
    padding-top: -3px;
    padding-bottom: 9px;
    margin-top: -52px;
    
}

.fullname-comment {
    word-break: break-all;
    color: #47847d;
    font-size: 12px;
    /*font-weight: bold;*/
    padding-top: 0px;
    padding-left: 40px;
    font-size: 10px;
    font-weight: bold;
}


.profile-image-thumb-comment {
    margin: 1px 0px 1px 0;
    float: left;
    overflow: hidden;
    padding-left: 2px;
    /*background-color: #fff;*/
    padding-right: 19px;
}

.comm-username{
    font-size: 12px;
    padding-left: 16px;
}

.update-item-comment {
    border-top: 1px dotted #ddd;
    margin: 5px 0 0;
    padding: 5px 0 0;
    background-color: #f0eaea;
    border-radius: 5px;
}
.update-item-comment.first{
    border-top:0;
    margin: 0;
    padding:0;
    padding-top: 5px;
}
.updates-item-comment-form-answer{
    border:1px solid #ddd;
    margin-bottom:10px;
    padding:0 10px;
}
.update-comment-remove{
    float:right;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.update-comment-remove:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* msie */
}
/* Notificaitons */
.updates-list-actions {
    margin: 3px;
    padding: 42px;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 268px;
    overflow: hidden;
    background: #f8f9fa !important;
}
.updates-list-actions a{
    float:right;
}

/*
    Footer
*/
.bottom-navigation{
    position:fixed;
    bottom:0;
    left:50%;
    width:960px;
    margin:0 -480px auto;
    padding:2px 0;
    z-index:1000;
    text-align:center;
    text-shadow:1px 1px 0 #000;
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(200,255,200,0.3);
    border-bottom: 0;
    border-radius:5px 5px 0 0;
    color:rgba(255,255,255,0.75);
}
.bottom-navigation a{
    color:rgba(255,255,255,0.75);
}

.labelx{
    /*padding: 10px;*/
}

h1, .h1 {
    font-size: 24px;
}

.reg{
    padding: 10px;
}

.tes{
    width:60px;
    height:60px;
}
    


/*
    General Classes
*/
.gradient-btn{
    color:#fff !important; 
    text-decoration: none;
    text-align:center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    border: 1px solid #aaa;
    border-radius:4px;
    padding: 4px 8px;
    cursor:pointer;
    /*background: rgb(53, 123, 183); */
    /*background: rgba(221, 56, 144, 0.76);*/
    /*browsers */
    
}

.gradient-load {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    /*border: 1px solid #aaa;*/
    border: 1px solid #1da1f2;
    border-radius: 17px;
    padding: 4px 17px;
    cursor: pointer;
    font-weight: bold;
    /*background: rgb(95, 158, 160);*/
    font-size: 12px;
}

.gradient-load-reco {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    border: 1px solid #1da1f2;
    border-radius: 17px;
    padding: 4px 14px;
    cursor: pointer;
    font-weight: bold;
    /*background: rgb(95, 158, 160);*/
    margin-top: -76px;
    margin-right: 20px;
}

.gradient-load-reco-update {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fcfff4;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    /*font-weight: bold;*/
    /*background: rgb(95, 158, 160);*/
    margin-top: -67px;
    margin-right: 167px;
}

.gradient-load-rexx {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fcfff4;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    /*font-weight: bold;*/
    /*background: rgb(95, 158, 160);*/
    margin-top: 5px;
    margin-right: 20px;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    border-radius: 14px;
    /*color: #c816b3;*/
    background-color: #4b00821a;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000);
    transition: opacity 150ms;
}

.gradient-load-more{
    color:#fff !important; 
    text-decoration: none;
    text-align:center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    border: 1px solid #aaa;
    border-radius:4px;
    padding: 4px 8px;
    cursor:pointer;
    font-weight: bold;
    background: rgba(221, 56, 144, 0.76); /*browsers */
    
}


.gradient-btny{
    color:#fff !important; 
    text-decoration: none;
    text-align:center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    /*border: 1px solid #aaa;*/
    border-radius:17px;
    padding: 4px 8px;
    cursor:pointer;
    background: #EA218C; /* Old browsers */
    background: -moz-linear-gradient(top,  #EA218C 0%, #EA218C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #EA218C 0%,#EA218C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #EA218C 0%,#EA218C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #EA218C 0%,#EA218C 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #47DAC599 0%,#1F8D89 100%);*/
}



.gradient-btnx {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    border: 1px solid #ea218c;
    border-radius: 4px;
    /*padding: 4px 8px;*/
    cursor: pointer;
    background: #ddd;
    background: -moz-linear-gradient(top, #1c817d 0%, #1c817d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#b3bead));
    background: -webkit-linear-gradient(top, #1c817d 0%,#1c817d 100%);
    background: -o-linear-gradient(top, #1c817d 0%,#1c817d 100%);
    background: -ms-linear-gradient(top, #1c817d 0%,#1c817d 100%);
    background: linear-gradient(to bottom, #1c817d 0%,#1c817d 100%);
    /*width: 100%;*/
    font-size: 13px;
    font-weight: bold;
}

.gradient-btno {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fcfff4;*/
    /*border: 1px solid #ea218c;*/
    border-radius: 4px;
    /*padding: 4px 8px;*/
    cursor: pointer;
    /*background: #ddd;
    background: -moz-linear-gradient(top, #fcfff4 0%, #b3bead 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#b3bead));
    background: -webkit-linear-gradient(top, #fcfff4 0%,#b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%,#b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%,#b3bead 100%);
    background: linear-gradient(to bottom, #ea218c 0%,#ea218c 100%);*/
    width: 4%;
    font-size: 13px;
}



.thumbnailx {
    display: block;
    /*padding: 4px;*/
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    /*-webkit-transition: all .2s ease-in-out;*/
    /*-o-transition: all .2s ease-in-out;*/
    transition: all .2s ease-in-out;
}





.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

















a.gradient-btn {
    font-size: 13px;
    padding: 3px 35px 5px;
   background-color: #1da1f2;
   border: 1px solid #1da1f2;
    border-radius: 17px;
    color: #fff;
    position: relative;
    margin-bottom: -24px;
    font-weight: bold;
}

a.gradient-btn-view {
    font-size: 13px;
    padding: 3px 35px 5px;
    /*background-color: #32a29b;;*/
    border: 1px solid #1da1f2;
    border-radius: 17px;
    color: #fff;
    position: relative;
    margin-bottom: -24px;
    font-weight: bold;
}

a.gradient-btn-edit {
    font-size: 13px;
    padding: 3px 35px 5px;
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    border-radius: 4px;
    color: #fff;
    position: relative;
    margin-bottom: -24px;
    font-weight: bold;
}


a.gradient-btnk {
   font-size: 11px;
    padding: 7px 4px 10px;
    background-color: #85898f;
    /*border: 1px solid #e8eef3;*/
    border-radius: 24px;
    color: #fff;
    position: relative;
    width: 61px;
    font-weight: bold;
    transition: color .15s ease-in-out;
    height: 28px;
}


.morex{
       /* margin-left: 12px; */
    font-weight: bold;
    transition: color .15s ease-in-out;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 15px;
    background-color: #fff;
    padding-top: 15px;
    font-size: 11px;

}

.more-recom{
       /* margin-left: 12px; */
    font-weight: bold;
    transition: color .15s ease-in-out;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 15px;
    background-color: #fff;
    padding-top: 15px;
    font-size: 15px;

}


.faxx {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e03791;
}

a.gradient-btn-more {
    font-size: 13px;
    padding: 7px 4px 10px;
    /*background-color: #060f17;*/
    border: 1px solid #e8eef3;
    border-radius: 24px;
    color: #000;
    position: relative;
   text-align: center;
    font-weight: bold;
    transition: color .15s ease-in-out;
    height: 33px;
}


.recomed{
    font-weight: bold;
    transition: color .15s ease-in-out;
    color: #000;
}


input[type=text]:focus {
  background-color: lightblue;
}




a.gradient-btny {
   padding: 6px 34px;
   font-size: 12px;
   margin-left: 18px;
   background-color: cadetblue;
   font-weight: bold;
    
    
}
input.gradient-btn, button.gradient-btn {
    padding: 8px 20px;    
    margin: 2px;
    font-size: 12px;
    background-color: cadetblue;
    font-weight: bold;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

input.gradient-btny, button.gradient-btny {
    padding: 1px 11px;
    margin: 2px;
    font-size: 12px;
}


#sticky {
  padding: 0.5ex;
  width: 100%;
  /*background-color: #333;*/
  /*color: #fff;*/
  /*font-size: 2em;*/
  /*border-radius: 0.5ex;*/
}

#sticky.stick {
  /*position: fixed;*/
  top: 0;
  /*z-index: 10000;*/
  border-radius: 0 0 0.5em 0.5em;
  /*border: 1px solid #ddd;*/
  padding: 10px;
  /*width: 100%;*/
  margin-top: 44px;
  /*background-color: #f8f9fa !important;*/

}


    







.gradient-btn:hover, .gradient-btn.selected{
    border: 1px solid #66b6fc;
    text-shadow: 1px 1px 0 #b2e1ff;
    background: #b2e1ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
}

.gradient-btny.selected{
    border: 1px solid #66b6fc;
    text-shadow: 1px 1px 0 #b2e1ff;
    background: #b2e1ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
}


.gradient-btn[disabled='disabled']{
    color:#999 !important;
    border: 1px solid #ddd;
    text-shadow: 1px 1px 0 #fcfff4;
    background: #fefff9; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefff9 0%, #c3cebd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefff9), color-stop(100%,#c3cebd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefff9 0%,#c3cebd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefff9 0%,#c3cebd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefff9 0%,#c3cebd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefff9 0%,#c3cebd 100%); /* W3C */
}
.gradient-btn.gradient-red:hover{
    border: 1px solid #cf0404;
    text-shadow: 1px 1px 0 #febbbb;
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #febbbb 0%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #febbbb 0%,#ff5c5c 100%); /* W3C */
}
.error_box{
    border: 1px solid #f00;
    margin: 2px;
    padding: 2px;
    background-color: #fee;
}
.error_box:focus{
    border: 1px solid #f00;
    box-shadow: 0 0 2px #f00;
}
.noerror_box { border: 1px solid green; margin: 2px; padding: 2px; background-color: #efe; }
.error-msg {color:red; text-shadow:1px 1px 0 #fff; font-size: 12px; }
.round { border-radius: 4px; }
.loading, .loading-inner, .loading-icon{
    background: url(../images/ajax-loader.gif) no-repeat center center;
    width:100%;
    height:16px;
    display:inline-block;
}
.gradient-loading, .gradient-loading:hover {

    border: 1px solid #f866fc4d;
    text-shadow: 1px 1px 0 #fdb2ff99;
    background: #ffb2fe80 url(../images/ajax-loader.gif) no-repeat center center;
    background: url(../images/ajax-loader.gif) no-repeat center center, -moz-linear-gradient(top, #fdb2ff99 0%, #e789e600 100%);
    background: url(../images/ajax-loader.gif) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc));
    background: url(../images/ajax-loader.gif) no-repeat center center, -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%);
    background: url(../images/ajax-loader.gif) no-repeat center center, -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%);
    background: url(../images/ajax-loader.gif) no-repeat center center, -ms-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%);
    background: url(../images/ajax-loader.gif) no-repeat center center, linear-gradient(to bottom, #faf5f6 0%,#faf5f6 100%);
        background-color: rgba(0, 0, 0, 0);

}
.loading-wrap{
    position:absolute;
    height:100%;
    width:100%;
    /*left:-5px;*/
    top:0px;
    padding:5px;
    border:1px solid #000;
    background:rgba(150,150,150,0.5);
    border-radius:10px;
    z-index:5;
}
.loading-inner{
    height:100%;
    z-index:6;
}
.updates-list-share .loading-inner, #update-share-form .loading-inner, .updates-list-invite .loading-inner{
    background: url(../images/ajax-loader-big.gif) no-repeat center center;
    opacity:0.9;
    filter: alpha(opacity=90); /* msie */
}
.loading-icon{
    width:16px;
    vertical-align:middle;
    margin-left:4px;
}
.loading-btn{
    background:rgba(255,255,255,0.7) url(../images/ajax-loader.gif) no-repeat center center;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius: 4px;
}
.relative{
    position:relative;
}
.hide{
    display:none;
}
.clear{
    clear:both;
}
.placeholder
{
    color: #aaa;
}

h1.page-title {
    text-align: center;
    font-size: 19px;
    padding-bottom: 3px;
    color: #0c0101;
}


/* JQUERY UI DIALOG */
.ui-dialog{
    border:1px solid #ddd;
    background: #f9f9f9;
    padding:2px;
    box-shadow:0 0 10px #000;
}
.ui-dialog-titlebar{
    padding:2px;
    border: 1px solid #6B8FD2;
    background: #2b9b0c; /* Old browsers */
    background: -moz-linear-gradient(top,  #2b9b0c 0%, #1e6d08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b9b0c), color-stop(100%,#1e6d08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b9b0c 0%,#1e6d08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b9b0c 0%,#1e6d08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b9b0c 0%,#1e6d08 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2b9b0c 0%,#1e6d08 100%); /* W3C */
}
.ui-dialog-title{
    color:#fff;
    text-shadow:1px 1px 0 #000;
}
.ui-dialog-titlebar-close{
    float:right;
    margin-right: 16px;
    text-indent: -10000px;
    outline: none;
}
.ui-icon{
    width:16px;
    height:16px;
    float:left;
}
.ui-icon-closethick{
    background-image: url(../images/icon/remove.png);
}
.ui-button{
    color:#000 !important; 
    text-decoration: none;
    text-align:center;
    text-shadow: 1px 1px 0 #fcfff4;
    border: 1px solid #aaa;
    border-radius:4px;
    padding: 4px 8px;
    cursor:pointer;
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfff4 0%, #b3bead 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfff4 0%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfff4 0%,#b3bead 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfff4 0%,#b3bead 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfff4 0%,#b3bead 100%); /* W3C */
}
.ui-button:hover{
    border: 1px solid #66b6fc;
    text-shadow: 1px 1px 0 #b2e1ff;
    background: #b2e1ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
}
.ui-dialog-buttonset{
    border-top:1px solid #ddd;
    padding:2px 0 0;
    text-align:center;
}
.ui-icon-alert{
    background-image: url(../images/icon/alert.png);
    margin:10px;
}
.ui-icon-styh{
    background-image: url(../images/icon/styh.png);
    margin:10px;
}
.ui-widget-overlay{
    position:fixed;
    top:0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50); /* msie */
}

/*
 * Animations
 */
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}   
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
    0% {-moz-transform: scale(1);}  
    10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
    100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
    0% {-o-transform: scale(1);}    
    10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
    100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
    0% {transform: scale(1);}   
    10%, 20% {transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
    100% {transform: scale(1) rotate(0);}
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}


*{
	/*padding:0;*/
	margin:0;
    -webkit-transition: 1s;
    transition: 1s;
}
.clrd-font{
	background: #FF512F;
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);
	background: linear-gradient(to right, #F09819, #FF512F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.btn-primary {
	background-color:transparent;
	color: #fff;
	border: 2px solid #fff;
	font-size:20px;
	text-transform: uppercase;
	border-radius: 0px;	
}
.btn-primary:hover {
	background-color:transparent;
	border-color: #d6962c;
	color: #d6962c;
	border-radius: 20px;
}

.single_portfolio_text{
	display:inline-block;
	padding: 35px;
	position:relative;
	overflow:hidden;
	border: 1px solid #ddd;
}
.single_portfolio_text img{
	/*width:100%;*/
}

.single_portfolio_text:hover .portfolio_images_overlay{
	top:5%;
	left: 5%;
}

.portfolio_images_overlay{
	width: 90%;
	height: 90%;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px;
	margin: 0 auto;
	top: -100%;
	left: 5%;
	position: absolute;
	transition:.6s;
	
}
.portfolio_images_overlay h6{
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	border: 2px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.portfolio_images_overlay .product_price{
	font-size: 35px;
	color: #fff;
	font-weight:800;
	line-height:30px;
}
.portfolio_images_overlay .product_price i{
    margin-right: -10px;
}
.zoom{
	width: 200px;
    height: 200px;
    position: absolute;
    bottom: -100px;
    right: -100px;
    border-radius: 50%;

	background: #FF512F;
	background: -webkit-linear-gradient(to right, #F09819, #FF512F);
	background: linear-gradient(to right, #F09819, #FF512F);
    box-shadow:0px 0px 0px 10px rgba(0,0,0,0.5);
	opacity:0.9;
}
.zoom:before {
	content: "\f00e";
    font-family: FontAwesome;
    color: rgba(255, 255, 255, 0.5);
    font-size: 70px;
    padding-right: 20px;
    position: absolute;
    top: 10px;
    left: 30px;
}
@media (min-width:769px) and (max-width:991px) {
	.portfolio_images_overlay {
		padding: 0px;
	}
}
@media (max-width:768px) {
	.portfolio_images_overlay{
		padding: 170px 20px;
	}
}
@media (max-width:580px) {
	.portfolio_images_overlay{
		padding: 100px 20px;
	}
}
@media (max-width:480px) {
	.portfolio_images_overlay{
		padding: 40px 20px;
	}
}
@media (max-width:320px) {
	.portfolio_images_overlay{
		padding: 20px;
	}
}


.MultiCarousel { 
    float: left;
    overflow: hidden;
    padding: -15px;
    width: 100%;
    position:relative;
    }
    
    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
        }
        
        .MultiCarousel .MultiCarousel-inner .item {
            float: left;
            width: 260.167px;
            
        }
        .MultiCarousel .MultiCarousel-inner .item > div {
            text-align: center;
            padding:10px;
            margin:10px;
            background:#f1f1f1;
            color:#666;
            width: 260.167px;
            
        }
    .MultiCarousel .leftLst, .MultiCarousel .rightLst {
        position:absolute;
        border-radius:50%;
        top:calc(50% - 40px);
        }
    .MultiCarousel .leftLst {
        left:0;
        }
    .MultiCarousel .rightLst {
        right:0;
        }
    
        /*.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }*/




/*
 * Browser specific fixes
 */
 @-moz-document url-prefix(){
    .comment-submit{
        bottom:4px
    }
}