/* Add here all your CSS customizations */
/*//wasgrey*/



    .slider-container .tp-opacity-overlay {
    background: rgba(0, 136, 204, 0.2);
    }

    .tp-opacity-overlays {
    background-image: url('https://www.citashoppingcenter.com/pics/44ga9qid.png');
    /* background: url(http://s14.directupload.net/images/111129/44ga9qid.png); */
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    }

    html #header.header-transparent .header-body:before{
       -webkit-transition: all 0.5s ease;
    background: rgb(0, 102, 153);
    /* background-image: url(pics/random_grey_variations2.png); */
    opacity: 0;
    border-bottom: 1px solid #171717;
    background: linear-gradient(143deg, rgb(18 111 156), rgb(9 84 120), rgb(7 40 57));
    }

    .header-body:before{
      -webkit-transition: all 0.5s ease;
    background: rgb(0, 102, 153);
    /* background-image: url(pics/random_grey_variations2.png); */
    opacity: 0;
    border-bottom: 1px solid #171717;
    }
    html #header.header-transparent .header-body:before {
        /*
    background-image: url('http://www.citashoppingcenter.com/pics/random_grey_variations2.png');*/
    }

    .sticky-header-active .header-logo img {
    -webkit-transition: all 0.5s ease !important;
    width: 133px;
    height: 65px;
    }

    #header .header-body {
    padding: 0px 0;
    }

    .header-logo img{
    -webkit-transition: all 0.5s ease !important;
    width: 222px;
    height: 108px;
    }

    #header.header-narrow .header-logo img {
    margin: 2px 0px 2px 0;
    }

    #header .header-btn-collapse-nav {
    margin: 5px 0 8px 15px;
    }

    @media (min-width: 992px){
    #header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
    color: #FFFFFF;}
    }

    .subborder{
    background-color: #005077; height:16px
    }

    @media (min-width: 992px){
    .subborder{
    background-color: #005077; height:10px
    }
    }

    html #header.header-transparent-bottom-border .header-body {
    border-bottom: 1px solid rgb(3, 79, 117);
    }

    .tparrows{
    display: none;
    }
    body{
    overflow-x: hidden;
    }

    #header .header-logo {
    float: right;
    position: relative;
    }
    @media (max-width: 991px){
    #header .header-social-icons {
    /* float: left; */
    display: block;
    margin: -49px 32px 0 64px;
    position: absolute;
    }

    .navsub2{ top: 58px !important;}
    }

    .header-container.container{
    width:100%;
    }

    @media (max-width: 690px){
    .tp-parallax-wrap2 .insiderev{
   color: green;
    /*-ms-transform: scale(1.5,1.5); /* IE 9 */
    /*-webkit-transform: scale(1.5,1.5); /* Safari */
    /*transform: scale(1.5,1.5); /* Standard syntax */
    }

    .countersmall{
    -ms-transform: scale(.5,.5); /* IE 9 */
    -webkit-transform: scale(.5,.5); /* Safari */
    transform: scale(.5,.5); /* Standard syntax */
    }
    }


    @media (max-width: 690px){
        .header-search{
            left: 0px;
        position: fixed;
        }
    }


    .home-intro {
    background-color: #171717;
    margin-bottom: 15px;
    background: linear-gradient(143deg, rgb(14 14 14), rgb(2 57 85), rgb(4 68 101));
    }

    .nav-secondary {
    padding: 0px 0;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(188, 188, 188, 0.63);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(3, 79, 117);
    margin-top: 10px;
    }    

    .nav-pills > li > a {
    border-radius: 0px;
    }

    .featured-box .box-content {
    padding: 10px 5px 10px 5px;
    }

    #likebox-wrapper, ._2p3a * {
    width: 100% !important;
    }

    .fb-page, 
    .fb-page span, 
    .fb-page span iframe[style] { 
    width: 100% !important; 
    }
    #likebox-wrapper * {width: 100% !important;}.fb-page,.fb-page span,.fb-page span iframe[style] {width: 100% !important;}

    .featured-boxes-flat .featured-box .icon-featured {
    top: -17px;
    }

    .call-to-action-content2{
        padding: 10px;
            color: #ffffff;
    }
    .textleft{
        text-align: left;
    }
    .red{
        color: red !important;
    }

    .green{
        color: green !important;
    }

    .nivo-thumbs-enabled{
    /*top:30px;*/
    }

    .nounderline a:hover,.nounderline a:focus{
    text-decoration: none;
    }

    @-webkit-keyframes zoomOutDown {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
    animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
    }

    @keyframes zoomOutDown {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
    animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
    }

    .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
    }

    .thumb-info:hover .thumb-info-wrapper:after {
    background: rgba(0, 136, 204, 0.5);
    }
    .comments .owl-dots{
    top: -25px;
    display: block;
    position: relative;
    }

    .active-revslide , body{background: url('https://www.citashoppingcenter.com/pics/general2.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;}

    .entry-tag-links a {
    display: inline-block;
    background: #7e7e7e;
    color: white;
    font-size: 13px;
    padding: 3px 10px;
    margin: 0 2px 3px;
    }

    .entry-tag-links a:hover {
    background: #0088CC;
    text-decoration: none;}

    #header .header-search {
    margin-top: -3px;
    }

    .display-xs {
        display: none !important;
    }

    .nondisplay-sm{
        display: inline-block !important;
    }

    @media (max-width: 767px){
    .display-xs {
        display: inline-block !important;
    }
    } 

    @media (max-width: 991px){
    .nondisplay-sm{
        display: none !important;
    }
    }

    .sf-loading{
    left: 129px;
    top: 4px;
    position: absolute;
    z-index: 3000;
    }

    .ajax-search-results:empty {
    display: none;
    }

    .minishow{
    top: 25px;
    }

    .minihide{
    top: -1500px;
    }

    .ajax-search-results {
    position: relative;
    overflow-y: auto;
    z-index: 9999;
    background: #FFFFFF;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #0079B5;
    width: 235px;
    left: 0;
    /*top: 25px;
    top: 25px;*/
    padding: 0 10px;
    }

    .ajax-search-results:empty {
    position: relative;
    overflow-y: auto;
    z-index: 9999;
    background: #FFFFFF;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #0079B5;
    width: 235px;
    left: 0;
    /*top: 25px;*/
    top: -205px;
    padding: 0 10px;
    }

    .col2 .ajax-search-results {
    width: 207px;
    }

    .ajax-search-results h4 {
    font-size: 13px;
    color: #FFFFFF;
    background: #0188CC;
    border-width: 1px 0;
    border-style: solid;
    border-color: #0188CC;
    padding: 2px 11px;
    margin: 0 -10px;
    text-transform: uppercase;
    }

    .ajax-search-results a {
    padding: 10px 0 !important;
    font-size: 14px;
    border-top: 1px solid #E2E2E2;
    text-align: left !important;
    display: block;
    line-height: normal;
    }

    .ajax-search-results h4 + a {
    border-top: none;
    }

    .ajax-search-results h4:last-of-type a {
    border: none;
    }

    .ajax-search-results .post_format,
    .ajax-search-results a img {
    transition: .2s;
    float: left;
    margin-right: 8px;
    }

    .ajax-search-results .post_format,
    .ajax-search-results a:hover img {
    transition: .2s;
    float: left;
    display: block;
    margin-right: 8px;
    position: relative;
    border-radius: 50%;
    }   

    .ajax-search-results a:hover h2 {
    color: #046CA0;
    }

    .ajax-search-results a h2 {
    color: #026698;
    font-size: 14px;
    margin-bottom: 5px;
    }
    .ajax-search-results h2 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 32px 0;
    }

    .ajax-search-results a:hover {
    background-color: #F9F9F9;
    text-decoration: none;
    }

    .ajax-search-results a span {
    color: #535353;
    }

    .ajax-search-results .post_format {
    background: #A8A8A8;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #272727;
    display: block;
    }

    .ajax-search-results h4.show-all-results {
    border-bottom: none;
    text-align: center;
    line-height: 45px;
    }

    .ajax-search-results h4.show-all-results a {
    display: inline-block;
    font-size: 13px !important;
    color: #c6c6c6;
    }

    .ajax-search-results h4.show-all-results i {
    position: relative;
    top: 2px;
    left: 10px;
    }

    .ajax-search-results > a .post_format:before {
    content: '';
    font-family: 'brankic';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    line-height: 35px;
    }

    #closesmall:hover { cursor: pointer; cursor: hand; }

    .test{
    -webkit-transition: all 1s ease-out;
    }

    .nivo-slider .theme-default .nivo-controlNav {
    z-index: 20;
    }

    .languages{
    background-image: url("https://www.citashoppingcenter.com/pics/languages.png") !important;
    border: 0;
    display: inline-block !important;
    position: relative;
    /* top: 23px; */
    background-size: 30px !important;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: #B94545;
    }

    .languagesmenu {
    background: #FDFEFF;
    }
    .languagesmenu li{
    display: block;
    margin: -1px 1px 5px 0;
    border-radius: 0%;
    overflow: visible;
    box-shadow: 0;
    border-bottom: 1px solid #EBEEF1;
    background: #FDFEFF;
    box-shadow: 6px 21px 22px 0 rgba(0, 0, 0, 0.0);
    }
    .languagesmenu li:hover a,.languagesmenu li a{
    background: #FBFCFD;
    color: #000 !important;
    }

    .social-icons li:hover.social-icons-linkedin.open a {
    background: #FDFEFF;
    box-shadow: -1 2px 2px 0 rgb(0, 0, 0);
    }
    .flag{
        position: relative;
    left: -8px;
    }

    .btn:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
    }
    .raised{
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    .raised:hover{
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
    }
    .captcha-input {
    top: 0px;
    }
    .ixs{
    font-size: medium;
    }
     @media (max-width: 365px){
    .min365v {
        display: none !important;
    }
    }
    @media (max-width: 318px){
    .min318v {
        display: none !important;
    }
    }

    .thumb-info.thumb-info-centered-info.reverse .thumb-info-title {
    filter: alpha(opacity=100);
    opacity: 1;
    top: 45%;
    }
    .thumb-info.thumb-info-centered-info.reverse:hover .thumb-info-title {
    filter: alpha(opacity=0);
    opacity: 0;
    top: 25%;
    }

   
.thumb-info.reverse:hover .thumb-info-wrapper.reverse:after {
    background: rgba(0, 136, 204, 0) ;
} 
.thumb-info.reverse .thumb-info-wrapper.reverse:after {
    background: rgba(0, 136, 204, 0.5) ;
}
.thumb-info-wrapper.reverse{
    background: #0088CC;
}

.thumb-info-wrapper.reverse img{
    opacity: .2;
}
.thumb-info-wrapper.reverse:hover img{
    opacity: 1;
}



#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.posmenugold{
    color: black;
    font-weight: 900;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.posmenusilver{
    color: black;
    font-weight: 600;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.posmenunormal{

}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.posmenufree{
    color: #BFBFBF;
    font-size: x-small;
}

input[type=radio] {
        display:none;
    }
a.linkbutton,a.linkbutton:hover {
    color: black !important;
    font-weight: 700;
}

input[type=radio] + label,.linkbutton, a.linkbutton {
        display:inline-block;
        margin:-2px;
        padding: 4px 12px;
        margin-bottom: 0;
        width:100%;
        text-decoration: none;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    }

     input[type=radio]:checked + label  {
           color: #fff;
    background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
            background-color:#006496;
    }
    

input[type=radio]:checked + label  i:before {
  color:#29B347 ;
  text-shadow:3px 2px 2px rgba(0,0,0, 0.8);
}

a.aaaa{
    transform: translate3d(0, 0, 0);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /*filter: url(grayscale.svg); /* Firefox 4+ */*/
    /*filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/s….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");*/
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transition: all 3s ease-out;
    }

    a.aaaa:hover{
            -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    /*filter: url(grayscale.svg); /* Firefox 4+ */*/
    /*filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/s….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");*/
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 1s ease-out;
    }
a.tp-caption.btn.btn-lg.btn-primary.btn-slider-action.raised {
    opacity: 0.6 !important;
}
a.tp-caption.btn.btn-lg.btn-primary.btn-slider-action.raised:hover {
    opacity: 1 !important;
}

 @media (min-width: 992px){
.ajax-search-results.test.minishow {
    max-height: 748px;
    display: block;
    margin: 39px 38px 0 -61px;
    position: absolute;
    float: right;
}
}


.nomargin
{
    margin:0;
} 

.nopadding
{
    padding:0;
} 
.searchresultthumbs{
    background-color: rgba(95, 204, 255, 0.05);
    border: 1px solid #ABD7EC;
}
.searchresultthumbs.resultgold{
    background-color: rgba(95, 204, 255, 0.58);
    border: 1px solid #006699;
}

.searchresultthumbs.resultsilver{
    background-color: rgba(95, 204, 255, 0.28);
}

.searchresultthumbs.resultfree{
    background-color: rgba(255, 255, 255, 0.28);
}

.searchresultthumbs.resultfree > div > h2 > a{
    color: #C1DFEF;
}

.searchresultthumbs.resultfree > div > div > p{
    color: #D0D0D0;
}
    
.searchresultthumbs.resultfree > div > a > span > span , .searchresultthumbs.resultfree > div > a  {
   /*-webkit-filter: grayscale(100%); //wasgrey
    filter: grayscale(100%);*/
}

.searchresultthumbs.resultgold > div > div > p{
    color: #3E3E3E;
}
    




.searchresultthumbs.resultgold > .ribbon{
    z-index: 2;
    display: block;
    position: absolute;
    top: -11px;
    z-index: 2;
}

.resultsilver > .ribbon{
     display: none !important;
}

.resultnorm > .ribbon{
     display: none !important;
}

.resultfree > .ribbon{
     display: none !important;
}

.mh77{
    max-height:77px;
    height: 77px;
    overflow: hidden;
}

.ellipsis{
        overflow: hidden;
    text-overflow: ellipsis;
}

.whitespacewrap, .whitespacewrap:hover{
        white-space: nowrap;
            text-decoration: none;
}


    @media (max-width: 767px){
    .nopaddingxs {
        padding-left:0px;
        padding-right:0px;
    }
    }



.thumb-info:hover img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

a.dropdown.nonorm  {
    display: none;
    font-size: medium;

}

a.dropdowntoggle.norm  {
    display: block;

}
.norm{
     display: block;
}

.nonorm {
    font-size: medium;
    color: white;
}

@media (min-width: 992px) {
    html.sticky-header-active #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
        color: #FFF;
    }
}



.adv-search-form label {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.adv-search-form .select-wrap {
    float: left;
    height: 33px;
    top: 0px;
    position: inherit;
    background: #016699;
    color: #000000;
    border-color: #171717;
}



.adv-search-form span {
    margin-top: -27px;
}

.adv-search-form input.adv-s {
    background: #016699;
    border: 1px solid #004061;
    color: black;
    width: 293px;
    margin-right: 20px;
    font-size: 17px;
    height: 33px;
    top: 2px;
    font-size: 12px;
    padding: 8px 0 7px 10px;
}







.adv-search-form select, .media-sort-wrap select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0;
    border: none;
    outline: none;
    color: #000000;
    padding: 8px 0 7px 10px;
    font-size: 12px;
    z-index: 2;
    margin-right: -18px;
    min-width: 122px;
    top: -3px;
}




.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


html .btn-primary-scale-2 , html .btn-primary{
    border-radius: 0;
}

.searchheaderbutton {
    top: 18px;
    position: relative;
    border-radius: 0;
    color: black !important;
    padding: 9px;
    font-size: small;
}

select option {
    margin:40px;
    background: #006699;
    color:#000;
}


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

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

/* align icon */
.left-addon .fa {
    left: 10px;
    color: black;
}
.right-addon .fa { right: 0px;}

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




.pagination > li > a {
    color: #0088CC;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF !important;
    border: 1px solid #FFF;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #A0E1FF !important;
    border: 1px solid #A2E1FF;
}

.p5 {
    padding: 5px;
}

.footervisits{
    background: rgba(0, 136, 204, 0.62);
        -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.thumb-info-wrapper.reverse:hover > .lazy .footervisits{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
   background: rgba(0, 136, 204, 0);
}

.thumb-info-wrapper:hover{
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

.slides > div > div {
        background-color: #045C93;
}
.caption.blackBgAlpha60:empty {
   visibility: hidden !important; 
   opacity: 0 !important; 
   display: none !important; 
   top: -60px !important; 
}

.thumb-info:hover div {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.thumb-info div {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) {
i.fa.fa-caret-down {
    display: none;
}
}

ul.comments .comment-arrow  {
    border-right: 15px solid #9DDEFE;

}
ul.comments .comment-block{
background-color:#9DDEFE;
}

.circle{
    border-radius: 50% !important;
}

@media (max-width: 991px){
    .visible-sm {
        display: block !important;
    }
}

.restaurant-icon{
    background: url(https://www.citashoppingcenter.com/pics/restaurant-white.png) center center ; background-size: cover;
}

.business-icon{
    background: url(https://www.citashoppingcenter.com/pics/business-white.png) center center ; background-size: cover;
}


@media (max-width: 991px){
    .restaurant-icon{
        background: url(https://www.citashoppingcenter.com/pics/restaurant-blue.png) center center ; background-size: cover;
    }
    .business-icon{
    background: url(https://www.citashoppingcenter.com/pics/business-blue.png) center center ; background-size: cover;
}
}




.topmenusideimg {
    border: 0;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}


i.fa.fa-caret-down{
    background-color: #0088CC;
    color: white;
}



li.opened > a > .fa-caret-down:before{
    content: "\f0d8";
}

.nav > li > a > .fa  {
font-size: 20px !important
};



@media (max-width: 991px){
#header .header-nav-main nav > ul li {
    border-bottom: 1px solid #0188CC;
}
}

@media (max-width: 991px){}
#header .header-nav-main nav > ul li > ul li {
    border-bottom: 1px solid #E8E8E8;
}
}

@media (max-width: 991px){
#header .header-nav-main nav > ul li a .fa-caret-down {
    right: 0px;
}
}

i.fa.fa-caret-down {
    right: 0px !important;
    top: -2px !important;
}

@media (max-width: 991px){
#header .header-nav-main nav > ul li {
    border-bottom: 1px solid #8ACEF1;
}
}

.testimonial blockquote, ul.comments .comment-block,.container .call-to-action, html .scroll-to-top, .form-control , #header .header-search .form-control{
    border-radius: 0px;
}

.profilecircle{
    width: 144px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    top: -70px;
}

/*.profilethumba1{
    position: relative;
    bottom: 65px;
}*/

.profilethumba1 {
    position: relative;
    top: 0px;
    text-shadow: 1px 1px 4px #000000;
    color: white;
    padding: 0px 5px 0px 5px;
}

/*.profilethumba2{
    position: relative;
    bottom: 60px;
}*/
.profilethumba2 {
    position: relative;
    bottom: 19px;
}
.profilethumba3{
    position: absolute;
    bottom: 0px;
    left:15px
}
.profilethumba2.where {
    position: relative;
    bottom: 29px;
    margin-bottom: 19px;
}
@media (max-width: 550px){
    .profilethumba3{ 
        display:none;
    }

    .profilethumba2.where {
        position: relative;
        bottom: 0px;
        margin-bottom: 0px;
    }
}

.hvr-shutter-out-horizontal:before {
    background: #034769;
    }

.where{
        overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: smaller;
    color: #006699;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.flag {
        left: 0px;
}


@media (min-width: 992px){
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
    padding: 25px 13px 10px;
    margin: -12px 0 0;
}
}


.searchprofiles > ::-webkit-input-placeholder {
   color: white;
}


.searchprofiles > :-moz-placeholder.adv-s { 
   color: white;  
}

.searchprofiles > ::-moz-placeholder.adv-s {  
   color: white;  
}

.searchprofiles > :-ms-input-placeholder.adv-s {  
   color: white;  
}

.white{
    color:white !important;
}

.nivo-slider > .theme-default > .nivoSlider.front > img {
    border-radius: 0px 0px 0px 0px !important;
}

.pad10-10{
    padding: 0px 10px;
}

.subcatindex{
    background-color: #F0F8FF;
    padding-left: 20px !important;
    background: url(../pics/subcatindex.png) no-repeat;
}

.subcatindex2 {
    background-color: #F9FCFF;
    padding-left: 30px !important;
    background: url(../pics/subcatindex2.png) no-repeat;
}

.catmain ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.catmain  li {
    text-align: right;
    overflow: hidden;
    border-bottom: 1px solid #E1F1F9;
}

.catmain li a{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    display: block;
    text-align: left;
    float: left;
    text-decoration: none;
    width: 100%;
    
   
}
.catmain li a:hover{
    color:white;
}

.fontxs-r{
    font-size: x-small;
    float: right;
}

.hvr-bounce-to-right:before {
  background: #0088CC;
}

@media (max-width: 767px){
    .p0xs{
        padding:0px !important;
    }
}

select option.subcatselect {
    background: #025B88;
    font-size: small;
}

select option {
    font-size: medium;
}


::-webkit-scrollbar  {
    height: 16px;
    width: 16px;
        background: #B1D5F5;
        border-right: 1px solid #005077;
            border-left: 1px solid #005077;
}

::-webkit-scrollbar-thumb  {
    background: #005077;
    border-right: 1px solid #005077;
            border-left: 1px solid #005077;
            border-top: 1px solid #005077;
            border-bottom: 1px solid #005077;
    -webkit-border-radius: 0ex;
    /*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);*/
    background-image: linear-gradient(120deg, #005077 0, #0088cc 100%);
    border-radius: 50px;
}

::-webkit-scrollbar-corner  {
    background: #0088CC;
}


.blackBgAlpha90,.slider,.slides > div > div{
    background: rgba(0, 0, 0, 0);
}
.photoamount{
position: absolute;
    right: 5px;
    bottom: 27px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background-color: rgba(0, 80, 119, 0.72);
}

.phototitle{
    white-space: nowrap;
    text-decoration: none;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    max-height: 22px;
    font-size: smaller;
}

.thumb-info .thumb-info-inner {
    white-space: nowrap;
    text-decoration: none;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
}


.headerprofilephoto{
    border: 0;
    display: inline-block !important;
    position: relative;
    /* top: 23px; */
    background-size: 30px !important;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: #B94545;
}

.fb-like {
    filter:hue-rotate(-20deg);
        -webkit-filter: hue-rotate(-20deg);
}

.fb-like{
    height: 20px;
    overflow: hidden;
}

.social-icons.linkedin li:hover a {
    background: #FDFEFF !important;
    color: #08C !important;
}

.social-icons li.social-icons-linkedin.open a {
    background: #FDFEFF;
    color: #000000 !important;
    box-shadow: -1 2px 2px 0 rgb(0, 0, 0);
}

.social-icons li.social-icons-linkedin.open .dropdown-menu li:hover a {
    background: #FDFEFF;
    color: #0088CC !important;
    box-shadow: -1 2px 2px 0 rgb(0, 0, 0);
}



.tp-caption.boxshadow, .boxshadow {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}


/***************
     Switch
***************/
.switch, .switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }

.switch label input[type=checkbox]:checked + .lever {
      background-color: #0088CC; }

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #005077; }

span.lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    border-radius: 15px;
    /* margin-right: 10px; */
    transition: background 0.3s ease;
    vertical-align: middle;
    /* margin: 0 16px; */
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }

input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch label input[type=checkbox]:checked + .lever:after {
  left: 24px; }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD; }

.cursorpointer:hover{
cursor: pointer;
}


.searchresultthumbs div a span.thumb-info-wrapper,.thumb-info-wrapper.reverse{
  cursor: pointer;  
}

.writemes{
    transition: opacity 1s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
}

.writemesshow{
    opacity: 1;
    height: auto;
    display:block;
}

.writemesstart{
    opacity: 1;
    height: auto;
    display:block;
}

.writemesstartshow{
    transition: opacity 1s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
}

.writemesdiv{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.writemesdivshow{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-color: #171717;
    border-width: thin;
    border-style: solid;
    padding: 5px;
    background-color: #005077;
    color: white;
}

.writemesdiv > form > div > div > div > textarea#writereviewnow{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 100px; z-index: 2;
}

.writemesdivshow > form > div > div > div > textarea#writereviewnow{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 190px; z-index: 2;
}

.opacity0{
    opacity:0;
}

.fbsharemesno{
    border-color: #9B9D9E #9B9D9E #757677 !important; 
    background-color: #9B9D9E !important;
}

.writemesneedlogin{
    opacity:0;
    height: 0px;
}

.writemesneedloginshow{
    opacity:1;
    height: 190px;
}


.writemesneedpost{
    opacity:0;
    height: 0px;
}

.writemesneedpostshow{
    opacity:1;
    height: 190px;
}

#didpostreview{
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
     opacity:0;
    height: 0px;
}

.didpostreview{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1 !important;
    height: 20px !important;
}

.submitloading{
    display: none;
}

.submitloadingshow{
    display: block;
    position: fixed;
    top: 68px;
    left: 15px;
}
.writetextarea{
    -webkit-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -o-transition: all 1.3s;
    transition: all 1.3s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    background-color: #0088CC;
    color: white;
}

.writetextareashow{
    
    -webkit-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -o-transition: all 1.3s;
    transition: all 1.3s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    background-color: #ffffff;
    color: black;
}


li.licountries a {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}


li.licountries a:hover,li.licountries a:active,li.licountries a:visited {
text-decoration: none;
background-color: aliceblue;
}

li.licountries{
    list-style-type:none;
    height: 30px;
    border-bottom: 1px solid #CED5DC;
}
li.licountries a span img, .btn.dropdown-toggle.selectpicker.btn-default span img{
    margin-right: 10px;
}

.curb{
    font-weight: bold;
    font-style: italic;
    color: #006699;
}


#header .header-body {
    
    border-top: 0px solid #EDEDED;
}

.loading {
    visibility: visible;
    opacity: 1;
    position: fixed;
    z-index: 21999;
    height: 100%;
    width: 100%;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(251, 252, 254, 0.9);
    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
     -webkit-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -o-transition: all 1.3s;
    transition: all 1.3s;
}
.loadingimg {
    background-image: url('/pics/loadingfresh.gif');
}

.hidden{
    display: block !important;
    height:0px !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    
}


/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.loadingnexttext{
    padding-left: 15px;
    position: absolute;
    z-index: 3000;
}

.modal-content {
    border-radius: 0px;
}

.modal-header {
    background: #0088CC;
}

.modal{
z-index: 30000;
}

.rrssb-buttons li.rrssb-whatsapp a{background-color: #009688;}.rrssb-buttons li.rrssb-whatsapp a:hover{background-color: #018679;}

.alert {
    border-radius: 0px;
}



/*chat*/
.bubbledLeft,.bubbledLeftee,.bubbledRight{
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 80%;
    clear: both;
    
}

.bubbledLeft{
    float: left;
    /*margin-right: 40px;
    margin-left: 40px;*/
    padding: 0px 5px 0px 5px;/*position within the border*/
    /*padding: 10px;*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 0px 0px 0px;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #FCFCFF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FCFCFF));
    background-image: -webkit-linear-gradient(top, #ffffff, #FCFCFF);
    background-image: -o-linear-gradient(top, #ffffff, #FCFCFF);
    background-image: linear-gradient(to bottom, #ffffff, #FCFCFF);
    background-repeat: repeat-x;
}

.bubbledLeft:before{
    z-index: -1;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";

    border-width: 8px 10px 8px 17px; 
    
}

.bubbledLeft:after{
    z-index: -1;
    position: absolute;
    left: -32px;
    width: 32px;
    top: 0px;
    height: 32px;
    content:"";

    background-size: 32px 32px;
    background-position: bottom left;

    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;    
    -o-border-radius: 3px;  
    -ms-border-radius: 3px; 
}

.bubbledRight{
    float: right;
    margin-right: 40px;
    margin-left: 40px;
    padding: 0px 5px 0px 5px;/*position within the border*/
    background: white;
    /* padding: 10px; */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px 4px 0px 4px;
    -moz-border-radius: 4px 4px 0px 4px;
    border-radius: 0px 0px 0px 0px;
    background-color: #0088CC;
    background-image: -moz-linear-gradient(top, #0088CC, #1D95D2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#1D95D2));
    background-image: -webkit-linear-gradient(top, #0088CC, #1D95D2);
    background-image: -o-linear-gradient(top, #0088CC, #1D95D2);
    background-image: linear-gradient(to bottom, #0088CC, #1D95D2);
    background-repeat: repeat-x;
    color: white;
    order: 1;
}

.bubbledRight:before{
    z-index: -1;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: "";

    border-width: 8px 17px 8px 10px; 
    
}

.bubbledRight:after{
    z-index: -1;
    position: absolute;
    right: -32px;
    width: 32px;
    bottom: 0px;
    height: 32px;
    content:"";

    
    background-size: 32px 32px;
    background-position: bottom left;

    border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;    
    -o-border-radius: 3px;  
    -ms-border-radius: 3px; 
    
    
    
}

time {
  font-size: 0.8em;
  color: #212020;
}

.bubbledRight time {
  color: #E6E6E6;
}


.bubbledRight .avatar{
    position: absolute;
  bottom: 0;
    max-width:40px;
    right:-40px;
}

.bubbledLeft .avatar{
    position: absolute;
  top: 0;
    max-width:40px;
    left:-40px;
}

.avatar img {
  display: block;
  width: 100%;
  max-width:40px; 
  height:auto; 
  max-height:40px;
}

.bubbledRight .avatar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid #1D95D2;
  border-right-color: transparent;
  border-top-color: transparent;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.bubbledLeft .avatar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.inchatpic {
    display:block;
    overflow:hidden;
    max-width:300px; 
    max-height:300px;
}

@media (min-width: 768px) {

    



    .qwe::-webkit-scrollbar {
    width: 16px;
    display: block;
pointer-events: none;
position: absolute;
right: 2px;
top: 2px;
-webkit-user-select: none;
width: 7px;
z-index: 5;
}
 
/* Track */
.qwe::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
pointer-events: none;
position: absolute;
right: 2px;
top: 2px;
-webkit-user-select: none;
width: 7px;
z-index: 5;
}
 
/* Handle */
.qwe::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(226, 226, 226, 0.8);
       -webkit-box-shadow: inset 3px 3px 3px 3px rgb(1, 80, 119);
    display: block;
pointer-events: none;
position: absolute;
right: 2px;
top: 2px;
-webkit-user-select: none;
width: 7px;
z-index: 5;
}
.qwe::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(226,226,226,0.4); 
    display: block;
pointer-events: none;
position: absolute;
right: 2px;
top: 2px;
-webkit-user-select: none;
width: 7px;
z-index: 5;
}


.max100per:hover {
    overflow-y:scroll;
}



.max100per{
    margin: 0 ;
display:block;
overflow:hidden;
padding-left: 10px;
}
.max100cper{
    
    margin: 0 auto;
    padding-right:0px;
display:block;

overflow:hidden;
}

.max100cper:hover {
    overflow-y:scroll;
    padding-right:0;
}
div.mousescroll {
    overflow: hidden;
}
div.mousescroll:hover {
    overflow-y: scroll;
}

.messagelist .badge {
    margin-right: -20px;
}
}


ul {
    list-style-type: none;
}
.slimScrollDiv { border: 1px solid #CCC; margin:10px; }

.leftavatar {
    float: left;
padding-right: 10px;
 margin-top: -3px; 
}

.messagelist  > a {
    height: 34px;
    margin-left: -20px !important;}
.messagelist  {
    white-space: nowrap;
    line-height: 33px;} 
    
@media (max-width: 767px) {
.messagelist  {
    overflow: hidden;   
}
.messagelist > a {
padding-left: 15px !important; }

.bubbledRight {
margin-right: 20px;
}

.bubbledLeft {
margin-left: -20px;
}
}

.max100per:hover {
    overflow-y:scroll;
}
@media (max-width: 767px) {
    .max100per{
        margin: 0 ;
    display:block;
    overflow:hidden;
    padding-left: 10px;
    max-height:300px;
    }

        .qwe::-webkit-scrollbar {
        width: 16px;
        display: block;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-user-select: none;
    width: 7px;
    z-index: 5;
    }
     
    /* Track */
    .qwe::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        -webkit-border-radius: 10px;
        border-radius: 10px;
        display: block;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-user-select: none;
    width: 7px;
    z-index: 5;
    }
     
    /* Handle */
    .qwe::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(226, 226, 226, 0.8);
       -webkit-box-shadow: inset 3px 3px 3px 3px rgb(1, 80, 119);
        display: block;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-user-select: none;
    width: 7px;
    z-index: 5;
    }
    .qwe::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(226,226,226,0.4); 
        display: block;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-user-select: none;
    width: 7px;
    z-index: 5;
    }
    
}


#messagesbox{
    height: 100%; max-width: 767px; background-color: rgba(0, 136, 204, 0.75); padding: 10px;background: url('https://www.citashoppingcenter.com/pics/bluebg.jpg') repeat center center;       -webkit-background-size: cover;background-position: fixed;-moz-background-size: cover;      -o-background-size: cover;      background-size: cover;border-left: solid 1px rgba(0, 136, 204, 0.75);border-right: solid 1px rgba(0, 136, 204, 0.75);
}
#chat{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    /* opacity: 0.97; */
    /* background-color: rgba(240, 248, 255, 0.89); */
    z-index: 1000;
    width: 100%;
    background: url('https://www.citashoppingcenter.com/pics/general2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

.bubbledRight .avatar img {
    border-radius: 0 50% 0 0;
}
.bubbledLeft .avatar img {
    border-radius:  0 0 0 50%;
}

#messagesbox{
overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
}

@media (min-width: 768px) {
    #messagesbox{
    overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
    }
}

@media (max-width: 767px) {
    #messagesbox{
    /* overflow-y: scroll; */
     padding-right: 25px;
     padding-left: 25px;
    }
}
/* end chat */

@media (min-width: 767px) {
    .home-intro{
        padding:20px;
    }

    .onbigdevice{
        display:block;
    }

    .onsmalldevice{
        display:none;
    }
}

@media (max-width: 767px) {
    .home-intro{
        padding:0px;
    }

    .onbigdevice{
        display:none;
    }

    .onsmalldevice{
        display:block;
    }
}


textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

html .scroll-to-top {
    z-index: 900;
}

a.fa-stack.fa-lg:focus {
    outline: none;
    color: #02A002
}
a:focus i.fa.fa-paper-plane.fa-stack-1x.fa-inverse {
    text-shadow: 6px 2px 8px #1d9d74, 3px 4px 0px rgba(0, 0, 0, 0.85);
}

body{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}


.dropdown-menu {
    border-radius: 0px;
}

@media (min-width: 992px){
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-radius: 0;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
    border-radius: 0;
    }
}


 #chatmenu:hover {z-index:1000; }
    #chatmenu {
        opacity: 0.0;
        top: -180px;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        position:absolute;
        background-color: #FCFCFF;
        height: 160px;
        border: solid 1px #0077B3;
        width:300px;
        max-width:calc( 100% - 55px );
        left: 50px;
        z-index:1000;
        position:absolute;
        display:block;
    }
    #svghover:hover {z-index:1200; }
    #svghover {
        z-index:1201;
        display:block;
    }
    #svghover:hover + #chatmenu, #chatmenu:hover {
        opacity: 1.0;
        top: 38px;
    }

.chatmenuprofilesettings{
    text-align: right;
    width: 100%;
    height: 53px;
    padding-top: 15px;
    margin-top: 0px;
    padding-right: 10px;
    margin-bottom: 0px;
    color: white;
    background-color: #0077B3;
}

#loadolder:hover{
        border: solid 1px #0088CC;
}

.uploadchat{
    float: right;
    top: 3px;
    position: relative;
}

@media (max-width: 500px){
    div.searchresultthumbs div a.btn-lg {
        display:none;
    }
}


.badgered{
    background-color: #F00;
    position: absolute;
    top: -7px;
    right: -6px;
    z-index: 1;
}

.dropdown-menu > li > a {
    padding: 3px 7px;
}


.social-icons li {
    margin: 0px 0px 0px 0 !important;
}

.pad5 {
    padding: 5px;
}

.newchat{
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-color: #0088CC !important;
    color: white;    width: 100% !important;
    white-space: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 36px !important;
    cursor:pointer !important;
}

.newchatpic{
    float: left !important; 
    margin: 5px 5px 5px 0px !important; 
    font-style: italic !important;  
    background-size: cover !important;
    margin-right: 5px !important;
    width: 30px !important;
    height: 30px !important;
}

.badgered2 {
    position: relative;
    right: 0px;
    z-index: 10;
    float: right;
    top: 0;
    }

.newreview {
     background-color: #006699 !important;
}

.btn{
        border-radius: 0px !important;
}
.newuploadphoto {
    background-color: #025077!important;
}
.profileblock{
        background: -o-linear-gradient(top, #F0F6F9, #C4EBFB);
    background: -ms-linear-gradient(top, #F0F6F9, #C4EBFB);
    background: -moz-linear-gradient(top, #F0F6F9, #C4EBFB);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F6F9), color-stop(1, #C4EBFB));
    background: -webkit-linear-gradient(#F0F6F9, #C4EBFB);
    background: linear-gradient(top, #F0F6F9, #C4EBFB);
}

.grayscale{
    /*-webkit-filter: grayscale(100%); //wasgrey
    filter: grayscale(100%);*/
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

.nav > li  {
    float: left;
    padding: 0px;
    border-right: 1px solid rgba(0, 102, 153, 0.48);
}

.hiddener{
    display: none!important;
    height:0px !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
}

.nav > li.active  {
background-color: #0088CC;
    color: white;
}

.nav > li.active > a  {
    color: white;
}

.header-body {
  background: linear-gradient(143deg, rgb(0 136 204), rgb(0 136 204), rgb(2 57 85), rgb(0 102 153))!important;
}

.introintro .header-body {
    background: transparent !important;
}
.introintro.ffff .header-body {
    background: linear-gradient(143deg, rgb(0 136 204), rgb(0 136 204), rgb(2 57 85), rgb(0 102 153))!important;
}

.col-md-12.writemes.writemesshow {
    display: none!important;
}



.inblogs h1, .inblogs h2, .inblogs h3, .inblogs h4, .inblogs h5, .inblogs h6 {
    color: #ffffff;
    font-weight: 800;
    letter-spacing: -3px;
    margin: 0;
    text-shadow: 2px 2px 5px #000000;
}


.inblogs p {
    color: #ffffff;
    line-height: 17px;
    margin: 0 0 20px;
}