/* YOUR CUSTOM STYLES */
.aboutus_caption {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: justify;
}

.bg-header {
    background: #020202 !important;
}

.recentimg-set {
    height: 200px !important;
    width: 400px;
}

.img-stretch {
    height: 400px !important;
    width: 100%;
}

.carousel-img {
    height: 350px;
    width: 100%;
}

.msg-btn {
    padding: 2%;
}

.top-stories-box .carousel-caption {
    position: absolute;
    right: 1%;
    left: 1%;
    z-index: 10;
    padding: 10px 30px;
    color: #fff;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.title1 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.title1 p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.card-block p {
    font-size: 16px;
    line-height: 15px;
    word-wrap: break-word;
}

.emoji-menu .emoji-items-wrap {
    position: relative;
    height: 174px;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

.img-details {
    width: 50%;
}

.listview-img {
    height: 350px;
    width: 100%;
}

.news-img {
    height: 200px !important;
    width: 100%;
}

.usertextclr {
    color: #64bfb4;
    font-weight: 400;
    font-size: 18px;
}

.postbtnclr {
    background-color: #e91e63 !important;
}

.set-txt {
    padding: 10px;
    height: 100px;
    font-size: 14px;
}

.txt-icon {
    color: #2ac5e0 !important;
    padding-right: 15px !important;
}

.comment-heading {
    color: #2ac5e0;
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
}

.show-article-img {
    width: 100%;
}

.sign-in i {
    font-size: 20px;
    color: #fff;
    padding: 10px;
}

.bg-white {
    background: #fff !important;
}

.login-span {
    margin-top: 22%;
}

.login-pad {
    padding: 40px;
    box-shadow: 0 0 20px rgba(6, 5, 5, 0.65);
}

.register-span {
    margin-top: 10%;
}

.field-validation-error {
    color: red !important;
}

.site-title {
    color: #2ac5e0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0 0;
    margin: 0;
}

.home-card {
    margin-bottom: 28px !important;
}

.card-style {
    font-weight: 400 !important;
    font-size: 24px !important;
}

.button-readmore {
    margin-left: 0 !important;
}

.article-title {
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.img-center {
    margin: 0 auto !important;
}

.btn-carosel {
    margin: 0 auto !important;
}

.view-card {
    margin-bottom: 0 !important;
}

.footer-margins {
    margin-top: 0 !important;
}

.aboutus-title {
    color: #fdfdfd;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 10px;
    margin: 0;
}

.tag-line {
    font-style: italic;
    font-weight: 300 !important;
    vertical-align: central !important;
}

.card-img-top {
    padding: 5px;
}

.center {
    cursor: pointer;
}

.btn-primary {
    cursor: pointer;
}

.manage-profile {
    margin: 40px 0;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #359ff4;
    border-bottom: 1px solid #359ff4;
}

.nav-tabs .nav-link a, .nav-tabs .nav-link {
    color: #000;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.manage-profile .tab-content {
    padding: 20px;
}

/*remove this after demo*/
/*.navbar.navbar-dark .breadcrumb .dropdown-menu a:hover, .navbar.navbar-dark .breadcrumb .dropdown-menu a:focus, .navbar.navbar-dark .breadcrumb .dropdown-menu a:active, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:hover, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:focus, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:active {
    background: #0ca4a4;
    background: #020202;
    color: white;
    text-decoration: none;
}*/

.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
    font-size: 14px;
    font-weight: 400;
}


.navbar.navbar-dark .nav-link {
    background: #0ca4a4;
}

.article-heading {
    margin: 20px 0;
}

    .article-heading h2 {
        font-size: 30px;
        font-weight: 500;
        text-transform: uppercase;
    }

.tag-header {
    color: #2ac5e0;
    font-weight: bold;
}
/*Layout-styles starts*/

.menu-list-clr {
    background: transparent !important;
}

.navbar-bgr {
    /* padding-left: 33px; */
    /*background: #000000;*/
    padding: 0 10px;
}

.items-collapse {
    display: block !important;
}

.search-text {
    border: 0 !important;
    background: black !important;
    margin-top: 10px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-radius: 8px !important;
    color: #fff;
    padding: 0 2px;
    margin: 5px 4px;
}

    .search-text:focus {
        background: black;
    }

.user-image {
    color: #ffffff !important;
    font-size: 15px !important;
}

.login-item, .login-item:hover {
    background: transparent !important;
}

.navbar-nav > li > a {
    margin: 0 2px;
    background: #000;
    text-align: center;
    font-weight: 400;
    color: #ffffff;
    padding: 16px 10px 22px 10px;
    margin-top: 0;
}

    .navbar-nav > li > a:hover {
        background-color: #FFF;
        text-align: center;
        font-weight: 400;
        color: #000;
    }

.border-top.violet-color {
    border-top: 3px solid violet;
}

.border-top.green-color {
    border-top: 3px solid green;
}

.border-top.red-color {
    border-top: 3px solid red;
}

.border-top.yellow-color {
    border-top: 3px solid yellow;
}

.border-top.blue-color {
    border-top: 3px solid blue;
}

.search-icon {
    float: right;
    margin-top: -22px;
    color: #ffffff !important;
    font-size: 15px;
}

.search-input-group {
    background: #000000;
    height: 30px;
    margin: 18px 0 0 0;
}

.search-input-group-input {
    border-bottom: 1px solid transparent !important;
    width: 50px !important;
    font-size: 14px !important;
}

.menu-items-display {
    background: transparent !important;
    margin: 0 0 0 -3px !important;
    border: 3px solid #000000;
    border-top: none;
}

#header-styles {
    padding-left: 0;
    padding-right: 0;
}

#navbarNav1 li {
    margin: 0 0 0 10px;
}

    #navbarNav1 li ul li {
        margin: 0;
    }

        #navbarNav1 li ul li:hover {
            background: #000000;
            color: #ffffff;
            text-decoration: none;
        }

            #navbarNav1 li ul li:hover .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a {
                color: #ffffff !important;
                padding: 0 !important;
            }

.dropdown-menu a {
    padding: 0 !important;
}

.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a:hover {
    color: #ffffff;
    text-decoration: none;
}

.navbar-head-theme {
    padding: 10px 30px;
    background: #000000;
}
/*Layout styles Ends*/

/*Homepage css starts*/


/*.nav-bar-header {
        padding:10px;
    }*/

.items-collapse {
    display: block !important;
}

.search-text {
    border: 0 !important;
    background: black !important;
    margin-top: 10px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-radius: 8px !important;
    color: #fff;
    padding: 0 2px;
    margin: 5px 4px;
}

.search-icon-display {
    background: transparent;
    margin: -7px 0 0 0;
    color: #fff !important;
}

.search-text:focus {
    background: black;
}

.user-image {
    color: #ffffff !important;
    font-size: 15px !important;
}

.navbar-nav > li > a {
    margin: 0 2px;
    background: #000;
    text-align: center;
    font-weight: 400;
    color: #ffffff;
    padding: 16px 10px 22px 10px;
    margin-top: 0;
}

    .navbar-nav > li > a:hover {
        background-color: #FFF;
        text-align: center;
        font-weight: 400;
        color: #000;
    }

.border-top.violet-color {
    border-top: 3px solid violet;
}

.border-top.green-color {
    border-top: 3px solid green;
}

.border-top.red-color {
    border-top: 3px solid red;
}

.border-top.yellow-color {
    border-top: 3px solid yellow;
}

.border-top.blue-color {
    border-top: 3px solid blue;
}

.search-icon {
    float: right;
    margin-top: -22px;
    color: #ffffff !important;
    font-size: 15px;
}

.article-row-display {
    padding-top: 15px;
}

.article-img-column {
    padding-left: 0;
    padding-right: 2px;
}



.panel-text {
    background: black;
    color: #fefefe;
    padding: 7px;
}

.article-text {
    text-transform: uppercase;
    font-size: 12px;
}

.article-description {
    color: black;
    background: #ffffff;
    width: 100%;
    padding: 15px;
    text-align: justify;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word;
    height: 147px;
    overflow: hidden;
}

#googleMap {
    width: 100% !important;
    height: 400px !important;
    position: relative !important;
    overflow: hidden !important;
    border: 2px solid white;
}

.desc-exp {
    padding-right: 2px !important;
}

.icon-display {
    background-color: #000;
    color: #FFF;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    left: 17px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
    top: 31px;
    border: none;
    cursor: pointer;
}

.article-display-box {
    height: 420px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 1px;
}

.article-display-latest-box {
    /*height: 463px;*/
    height: 98%;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 2px;
}

.gutter-img-thumbnail {
    padding: 0;
    border: none;
    padding-top: 5px;
}

.gutter-img-thumbnail-box {
    padding: 0;
    border: none;
    height: auto;
}

.article-display-overflow .carousel-inner {
    overflow: initial;
}

.top-stories-box {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 6px;
    padding: 20px 40px;
}

.article-display-bgr {
    background: #ffffff;
}


.article-text-clr {
    color: #808080;
    word-break: break-all;
    font-size: 14px;
    line-height: 25px;
}

.solid {
    border-style: solid;
    padding: 10px;
}

.carousal-display-img {
    background-color: #ffffff;
    height: auto;
    border-radius: 6px;
}

.news-display {
    background-color: #FFFFFF;
    height: 500px;
    border-radius: 7px;
    overflow-y: scroll;
}

.article-text-data {
    font-size: 16px !important;
    color: #030303 !important;
    line-height: 25px;
    word-wrap: break-word;
}


    .article-text-data p {
        font-size: 16px !important;
        color: #030303 !important;
        line-height: 25px;
        word-wrap: break-word;
    }

.top-stories-clrstyle {
    color: #030303;
    font-weight: bold;
    margin: 0;
    font-size: 36px;
}

.centerThumb {
    text-align: center;
    vertical-align: middle;
}

.img-size {
    margin: 0 auto;
    overflow: hidden;
}

/*.top-img {
    width: 100%;
    height: 220px;
}*/

.body-bgr-clr {
    /*background-color: #ddd;*/
    background-color: #171717;
}

.tabs-list-clr {
    color: #1da1f2;
    margin: 0 !important;
}

.data-display {
    padding-top: 25px;
    font-size: 18px !important;
}

.tab-content > ol {
    color: #fff !important;
}

.tags-size {
    padding-top: 20px;
    font-size: 22px;
}

.tabs-bgr {
    font-size: 18px;
}

.tabs-spacing li {
    margin: 0 0 0 0;
}

.card-block-size {
    padding: 0 0 15px;
}

.title-text {
    float: left !important;
}

.btn-floating {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    padding: 0;
    background-color: #0275d8;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 10px;
    line-height: 37px;
    color: #fff;
}

    .btn-floating .btn-small {
        height: 47px;
        width: 47px;
        line-height: 0;
    }

.controls-top {
    text-align: center;
}

.tag-display {
    margin-top: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #565656;
}

.img-display {
    height: 416px;
}

.share-icon-display {
    margin-left: 10px;
    cursor: pointer !important;
}

.share-view {
    display: none;
}

.latest-share-icon {
    position: relative;
    float: right;
}

.recent-share-icon-bgr {
    background-color: #1da1f2;
    cursor: pointer !important;
    float: right;
}

.recent-share-icon {
    position: absolute;
    right: 10px;
}

.recent-icon {
    bottom: -26px;
}

.share-left-icon {
    background-color: #1da1f2;
    cursor: pointer !important;
    float: right;
    bottom: 0;
    position: inherit;
    right: 0%;
}

.fa-smile-o::before {
    margin-right: 14px;
    font-size: 30px;
    color: #9a8a33;
}

.grid-share-icon {
    position: relative;
    float: right;
    right: 0;
}

.share-right-icon {
    background-color: #1da1f2;
    cursor: pointer !important;
    float: right;
    bottom: 0;
    position: inherit;
    right: 0%;
}

.share-list-icon {
    background-color: #1da1f2;
    cursor: pointer !important;
    float: right;
    position: absolute;
    right: 2%;
    bottom: 4px;
}

.list-share-icon {
    position: absolute;
    right: 2%;
    bottom: 44px;
}

.showoptions {
    display: block;
}

@media only screen and (min-width: 375px) and (max-width:425px) {
    #map-display {
        margin-top: 10px;
    }

    .article-description {
        height: 140px;
    }

    .article-display {
        margin-top: 10px;
    }
}

@media only screen and (max-width:425px) {
    #map-display {
        margin-top: 28px;
    }

    .article-display {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 425px) and (max-width:768px) {
    .article-description {
        height: 166px;
    }

    .article-text {
        font-size: 12px;
    }

    .panel-text h4 {
        font-size: 10px;
    }

    .img-display {
        height: 529px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .tabs-bgr {
        font-size: 10px !important;
    }

    .article-display {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1400px) {
    .article-description {
        height: 112px;
    }
}
/*Home page css ends*/

.card-pad {
    padding: 15px;
}

.line-tags {
    border: 1px solid #bbb5b5;
    width: 50%;
}

.tags-border {
    border: 3px solid #bbb5b5;
    width: 100%;
}

/*.tags_LatestNews{    
      border: 4px solid #364ff1;
      width: 100%;
 }
 .tags_InternationalRelation{
       border: 4px solid #af36f1;
      width: 100%;
 }
 .tags_Environment{
       border: 4px solid #0fc312;
      width: 100%;
 }
 .tags_Terrorism{
       border: 4px solid #56120c;
      width: 100%;
 }
  .tags_Politics{
        border: 4px solid #da2c1d;
      width: 100%;
 }
   .tags_Others{
         border: 4px solid #17b9a8;
      width: 100%;
 }
    .tags_Health{
          border: 4px solid #f5c034;
      width: 100%;
 }
     .tags_Business{
           border: 4px solid #257fd8;
      width: 100%;
 }
 .tags_ScienceandTechnology{
       border: 4px solid #85d825;
      width: 100%;
 }*/

.title-sub {
    font-weight: bold;
    margin: 0;
}

#grid .carousel-control-prev {
    width: 2.8% !important;
    height: 10% !important;
    left: -40px;
    background: #666666;
    border-radius: 50%;
    top: 45%;
}

#grid .carousel-control-next {
    width: 2.8% !important;
    height: 10% !important;
    right: -40px;
    background: #666666;
    border-radius: 50%;
    top: 45%;
}

#grid .carousel .carousel-control-prev-icon, #grid .carousel .carousel-control-next-icon {
    width: 20px;
    height: 25px;
    margin-left: 6px;
}

#list .carousel .carousel-control-prev-icon, #list .carousel .carousel-control-next-icon {
    width: 20px;
    height: 25px;
    margin-left: 6px;
}

/*Gutter Paddings*/
.gutter-pad-left {
    padding-left: 0;
}

.gutter-pad-right {
    padding-right: 0;
}

.gutter-pad-both {
    padding-left: 0;
    padding-right: 0;
}

.gradient-black {
    background: -webkit-gradient(linear, 0% 20%, 0% 80%, from(#3f3f3f), to(#000000)) !important;
    background: -webkit-linear-gradient(top, #3f3f3f, #000000);
    background: -moz-linear-gradient(top, #3f3f3f, #000000);
    background: -ms-linear-gradient(top, #3f3f3f, #000000);
    background: -o-linear-gradient(top, #3f3f3f, #000000);
}

.p-10 {
    padding: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1204px) {
    .navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
        font-size: 10px;
    }
}

.User-Search input[type=text] {
    width: 160px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    padding: 12px 20px 12px 40px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.User-Search input[type=text]:focus {
    width: 25%;
}

.ui-autocomplete {
    background: #fff;
    box-shadow: 2px 2px 1px #888888;
    width: 102px;
    overflow: hidden;
}

.ui-menu-item :hover {
    color: White;
    background-color: #4d79ff;
}

.chatModal {
    height: 500px !important;
    background: aliceblue;
}

.conversationModal {
    padding: 10px !important;
}

.r-center {
    text-align: center;
    color: blue;
    padding: 2px;
    border-radius: 4px;
    margin: 10px 0;
    background: #e6ffcc;
}

    .r-center p {
        margin: 0;
        background: #e6ffcc;
    }

.s-center p {
    margin: 0;
    background: #ffe6cc;
}

.s-center {
    text-align: center;
    color: blue;
    padding: 2px;
    border-radius: 4px;
    margin: 10px 0;
    background: #ffe6cc;
}

.networkProfile-img {
    height: 72px;
    width: 72px;
}

.invite-img {
    height: 55px;
    width: 55px;
}

.chatHeader-img {
    height: 40px;
    width: 40px;
}

.usernameDisplay {
    font-size: 16px !important;
    font-weight: bold;
    padding-top: 1%;
}

.countsize {
    font-size: 30px;
}

.last {
    padding: 10px;
}

.login-name {
    margin-top: 20px !important;
}

.navbar-override {
    position: absolute !important;
    left: 89%;
    z-index: 9999;
    float: right;
    margin-top: -20px;
    padding: 0;
}

.m-left-10 {
    margin-left: 10px;
}

.p-left-10 {
    padding-left: 10px;
}

.p-left {
    padding-left: 38px;
}

@media only screen and (min-width:992px) and (max-width:1440px) {
    .navbar-override {
        left: 80%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-override {
        left: 70%;
    }
}

@media only screen and (max-width:767px) {
    .navbar-override {
        left: 40%;
    }
}


.right-above-laptop {
    float: right;
}

@media only screen and (max-width:767px) {
    .right-above-laptop {
        float: left;
    }
}

.contactInfo {
    word-break: break-all;
    word-wrap: break-word;
}

.card-Img-div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: 200px;
}

.card-title-div {
    height: 30px;
    margin-bottom: 20px;
}

.card-shortDescription-div {
    height: 48px;
}

.msgBreak {
    word-break: break-all;
}


.carousel-Img-Div {
    max-width: 100%;
    height: 381px;
}

.img-Carousel {
    width: 100%;
}

.car-div {
    max-width: 100%;
    height: 310px;
}

.in-car-div {
    width: 100%;
}

.div-he {
    max-width: 100%;
    height: 512px;
}

.divv-he {
    width: 100%;
}

.mapp-img {
    max-width: 100%;
    height: 220px;
}

.mapp-imgg {
    width: 100%;
}


@media only screen and (max-width:350px) {
    .top-stories-clrstyle {
        color: #030303;
        font-weight: bold;
        margin: 0;
        font-size: 36px;
        margin-left: -27px;
    }
}

@media only screen and (max-width:424px) {
    .title1 a {
        font-size: 14px;
    }
}

@media only screen and (max-width:768px) {
    .tit-div {
        padding-left: 34px;
    }
}

@media only screen and (max-width:768px) {
    .carousel-control-prev {
        left: 0;
        margin-top: -95px;
    }

    .carousel-control-next {
        right: 0;
        margin-top: -95px;
    }
}

@media only screen and (max-width:633px) {
    #grid .carousel-control-prev {
        margin-top: -70px;
        width: 7.8% !important;
        height: 10% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }

    #grid .carousel-control-next {
        margin-top: -70px;
        width: 7.8% !important;
        height: 10% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }
}

@media only screen and (max-width:633px) {
    #list .carousel-control-prev {
        margin-top: -70px;
        width: 7.8% !important;
        height: 12% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }

    #list .carousel-control-next {
        margin-top: -70px;
        width: 7.8% !important;
        height: 12% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }
}

@media only screen and (min-width:634px) and (max-width:1024px) {
    #grid .carousel-control-prev {
        width: 3.8% !important;
        height: 10% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
        margin-top: -70px;
    }

    #grid .carousel-control-next {
        width: 3.8% !important;
        height: 10% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
        margin-top: -70px;
    }
}

@media only screen and (min-width:634px) and (max-width:1024px) {
    #list .carousel-control-prev {
        width: 3.8% !important;
        height: 10% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
        margin-top: -70px;
    }

    #list .carousel-control-next {
        width: 3.8% !important;
        height: 10% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
        margin-top: -70px;
    }
}

@media only screen and (min-width:1025px) and (max-width:2560px) {
    #grid .carousel-control-prev {
        margin-top: -38px;
        width: 2.8% !important;
        height: 10% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }

    #grid .carousel-control-next {
        margin-top: -38px;
        width: 2.8% !important;
        height: 10% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }
}

@media only screen and (min-width:1025px) and (max-width:2560px) {
    #list .carousel-control-prev {
        margin-top: -38px;
        width: 2.8% !important;
        height: 18% !important;
        left: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }

    #list .carousel-control-next {
        margin-top: -38px;
        width: 2.8% !important;
        height: 18% !important;
        right: -40px;
        background: #666666;
        border-radius: 50%;
        top: 45%;
    }
}

@media only screen and (min-width:1025px) and (max-width:2560px) {
    .hide-div2 {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width:1024px) {
    .hide-div1 {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width:575px) {
    .mar-left {
        margin-left: 0px;
    }
}

@media only screen and (min-width:980px) and (max-width:1024px) {
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*Groups Styles*/

.group-tab-padding {
    font-size: 18px;
    padding-left: 45px;
}

.group-tab {
    font-size: 18px;
}

.cover-image {
    padding-top: 60px;
    padding-bottom: 30px;
}

.next-step {
    padding: 30px;
}

.photo-align {
    text-align: center;
    padding-top: 50px;
}

.profile-image {
    height: 150px;
    width: 150px;
    margin-top: 250px;
    border-radius: 50%;
}

.nextstep-btn {
    background: #ddd;
    padding: 5px 25px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px 1px #ddd;
    margin-bottom: 30px;
    font-size: 15px;
}

#security-settings .header-text {
    font-size: 15px;
    font-weight: bold;
}


#security-settings .header-content {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
}

#security-settings ul {
    padding-left: 40px;
}

    #security-settings ul.list-disc li {
        font-size: 12px;
        line-height: 22px;
    }

#security-settings .group-invite label {
    font-size: 14px;
    padding-left: 5px;
}

#security-settings .anonymous-group-invite label {
    font-size: 14px;
    padding-left: 5px;
}

.text-justify {
    text-align: justify;
}

.crop-btn {
    background: #666;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px 0px #666666;
}

.invite-img {
    height: 50px;
    width: 50px;
}

.diamond {
    width: 110px;
    height: 110px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 10px 0 0 100px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

    .diamond::after {
        content: "";
        width: 160px;
        height: 160px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -80px;
        margin-top: -80px;
        background: inherit;
        /* Rotate */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

@media only screen and (min-width:768px) and (max-width:998px) {
    .diamond {
        margin: 10px 0 0 70px !important;
    }
}


.diamond-height {
    width: 150px !important;
    height: 150px !important;
}

.diamond-gutter-margin {
    margin: 0px !important;
}

.one-edge-shadow {
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.44);
}

.image-circle-plus {
    position: absolute;
    top: 0px;
    padding-left: 62px;
    font-size: 26px;
}

.image-group-lock {
    position: absolute;
    top: 60px;
    left: 192px;
    background: #607D8B;
    padding: 6px 8px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.image-circle-num {
    position: absolute;
    top: -5px;
    left: 60px;
    padding-left: 100px;
}

.image-circle-num-count {
    background: green;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
}

.forum label {
    font-size: 14px;
    font-weight: 500;
}



.circle-img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.img-center {
    padding-left: 20px;
}

.fa-plus-circle-discover {
    cursor: pointer;
    color: deepskyblue;
    padding-left: 130px;
}

.fa-leave-pageload {
    color: red;
    padding-left: 16px;
}

.no-groups {
    color: red;
    font-size: 18px;
    text-transform: capitalize;
    margin: 30px;
}

.group-noti_comments {
    background: #cccccc;
    border-radius: 0.8em;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 1.6em;
    color: #f80770;
}

.group-noti {
    background: #1e5a1f;
    border-radius: 0.8em;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 1.6em;
    color: #fff;
}

.leave-group {
    position: absolute;
    top: 28px;
    left: 11em;
}

.fa-close:before {
    content: "\f00d";
    background: #e8a6a6;
    padding: 4px 6px;
    border-radius: 50%;
    font-size: 14px;
}


.newdoc .doc-header {
    font-size: 30px;
    font-weight: 500;
    margin: 20px 0px;
}

.newdoc .doc-border {
    padding: 20px;
    border: 3px solid #f3f3f3;
}

.newdoc label {
    font-size: 18px;
    font-weight: 400;
}


.newdoc .doc-content-border {
    border: 1px solid #d6d6d6;
}

.newdoc .doc-content-header {
    background: #f3f3f3;
    color: #757575;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 15px;
    padding: 5px 15px;
    text-transform: capitalize;
}

.newdoc .waves-button-input {
    padding: 0;
}


.newdoc .docbtn {
    display: block;
    line-height: 1.7;
    color: rgb(51, 51, 51);
    font-size: 10px;
    text-transform: uppercase;
    padding: 6px 10px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    width: 100%;
    margin: 5px 0;
    cursor: pointer;
}

    .newdoc .docbtn:hover {
        color: #fff;
        background: #000;
    }

.newdoc .doc-permissions {
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
}

.newdoc .doc-permissions-herader {
    background: #f3f3f3;
    color: #757575;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding: 0px 10px;
    text-transform: capitalize;
}

.newdoc .limit-color {
    border: 1px solid #e6db55;
    background: #ffffe0;
    padding: 5px 10px;
}

.newdoc .doc-permissions span {
    font-size: 14px;
    line-height: 20px;
}


.newdoc .doc-permissions .doc-show-hide {
    font-size: 12px;
    line-height: 20px;
    color: #54ae68 !important;
    font-weight: 500;
}

.newdoc .nav-doc-active {
    background: #e2e0e0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.created-date {
    font-size: 12px;
    font-style: normal;
}

.notification-border {
    border: 2px solid #d6d6d6;
}

.invitationbox-border {
    border: 2px solid #d6d6d6;
    margin: 20px;
    padding: 10px;
    box-shadow: 0px 0px 20px 0px #d6d6d6;
}

.forum-title i.fa-list-alt {
    color: #54ae68 !important;
}


.forum-title i.fa-thumb-tack {
    color: #d43d82 !important;
}

.forum-title i.fa-lock {
    color: #2b60c5 !important;
}

.forum-title a {
    color: #2d2929 !important;
    word-wrap: break-word;
    word-break: break-all;
}

    .forum-title a:hover {
        color: #54ae68 !important;
    }

.forum-tag {
    text-transform: none;
    border: 1px solid rgba(0,0,0,.1);
    margin-left: 10px;
    padding: 2px 10px;
    color: #929292;
    display: inline-block;
}

.forum-description {
    width: 100%;
    height: 111px;
    background-color: transparent;
    padding: 10px;
    text-align: justify;
    font-size: 13px;
}


.backtogroups {
    background: #020202;
    opacity: 8;
    color: #fff;
    padding: 5px 10px;
}

/*NewSite Styles*/
 .Sitecreate {
        color: #121416;
        font-size: 25px;
        font-weight: 500;
        margin-top: 7%;
        margin-bottom: 30px;
    }

    .Sitearticles {
        font-size: 25px;
        font-weight: 400;
    }

        .Sitearticles:hover {
            color: skyblue !important;
        }

    .Sitetext-margin {
        margin: 15px 0px;
    }

    .Sitecol-margin {
        height: 200px;
        margin: 15px 0px;
    }

    .Sitehtext {
        margin: 40px 0;
        font-size: 45px;
        line-height: 60px;
        font-weight: 300;
    }

    .Sitembtn {
        background-color: #459fed;
        border-radius: 30px;
        pointer-events: auto;
        cursor: pointer;
        text-align: center;
        padding: 10px 30px;
        color: #fff;
        box-shadow: 0px 1px 1px 0px #246faf, 0px 4px 6px 0px rgba(31, 89, 140, 0.14);
        font-size: 17px;
        text-decoration: none;
        font-weight: 500;
        margin: 0 10px;

    }

        .Sitembtn:hover {
            -webkit-animation: tg-button-animation 0.2s;
            animation: tg-button-animation 0.2s;
            background-color: #4db4f1;
        }

    .Sitebox {
        border: 1px solid #ccc;
        padding: 5px;
        width: 100%;
        height: 100%;
    }

    .Siteoverlay {
        background: rgba(0, 0, 0, .75);
        text-align: center;
         opacity: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .Sitebox:hover .Siteoverlay {
        opacity: 1;
    }

    .Sitesearch {
        position: relative;
        top: 80px;
    }