/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
}
a img { border:0; }
body {
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: top;
    color:#000;
}
ol, ul {
    list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

.soring_table {
    font-weight: bold;
    padding: 7px 15px!important;
    border: none!important;
    border-radius: 4px!important;
    margin-bottom: 20px!important;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none !important;
}

select {
    -webkit-appearance: none !important;
}

textarea {
    -webkit-appearance: none !important;
}

/* CSS Document */
html { background-color: #fff; }
body { background-color: #ebf2f7; }
.clear { display: block; clear: both; height: 0; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.inner { width: 100%; min-width: 320px; max-width: 1000px; margin: 0 auto; }
.stretch { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.stretch:after { content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0; }
.centered { text-align: center; }

#container {
    width: 100%;
    margin: 0 auto;
    font: 16px 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000;
}
#container a { cursor:pointer; }
#container p a { cursor:pointer; color: #000; text-decoration: none; }
#container p a:hover { cursor:pointer;     color: #0086b5;}
#container img { vertical-align:bottom; }
#container.padded-homepage { padding-top: 450px; }
#container.padded-inside { /*padding-top: 68px;*/ }
#ask { display: none; position: fixed; z-index: 3; right: 20px; bottom: 20px; width: 42px; height: 42px; background: url(../img/ask.png) center no-repeat; }

#header {  background: #0086b5; }
#header .picture { }
#header .inner { padding: 14px 0; box-sizing: border-box; }
#header .lSide { float: left; width: 100%; box-sizing: border-box; }
#header .rSide { position: relative; z-index: 2; float: left; width: 300px; margin-left: -300px; box-sizing: border-box; text-align: right; }
#header .rSide a {     display: inline-block;
    vertical-align: top;
    margin-left: 10px; 
    background-color: #fff;
    text-decoration: none; 
    color: #ffffff;
    font-size: 15px;
      padding: 5px 18px 8px 18px;
    border-radius: 30px;
    border-radius: 30px;
    background-color: #0086b5;
    border: 1px solid #7dafd2; }


#header .content { margin-right: 300px; margin-left: 170px; }
.logo img {
    height: 50px;
    margin-top: -8px;
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
}
.answers .element .content h1 { font: 16px 'Open Sans', sans-serif; font-weight: 400; word-wrap: break-word; }

.admDel { padding-top: 15px; }
.admDel a {     display: inline-block;
    vertical-align: top;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #ffffff;
    font-size: 12px; 
    text-transform: uppercase;
    text-decoration: none !important;
    color: #000 !important;
    border: 1px solid #c3d1dd; }

.admOtvN { padding-top: 15px; }
.admOtvN a { display: inline-block; vertical-align: top; padding: 4px 10px; border-radius: 6px; background-color: #bfd0d8; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: #fff !important; }

.wn_content {
    color: transparent;
    text-shadow: 0 0 12px rgba(0,0,0,0.6);
    display: block;
    text-align: justify;
}

.home { position: absolute; height: 40px; }
#homelg img { position: absolute; height: 40px; }
#homelg.hide { display: none; }

#header .trigger { display: none; position: absolute; right: 20px; top: 7px; width: 20px; height: 20px; background: url(../img/bt-header-trigger.png) center no-repeat; cursor: pointer}
#header .corner { display: none; }
#header .title { display: none; padding-bottom: 40px; font-size: 55px; font-weight: 800; line-height: 1.1em; color: #fff; }
#header .search {      height: 33px;
    border-radius: 30px;
    background-color: #0086b5; 
    border: 1px solid #7dafd2;}

#header .search .lft { float: left; width: 100%; padding-top: 4px; }
#header .search .rht { float: left; width: 50px; margin-left: -50px; padding-top: 2px; }
#header .search .cnt { margin: 0 70px 0 20px; }
#header .search input.txt { display: block; width: 100%; margin: 0; padding: 0; border: none; background-color: transparent; font: 16px 'Open Sans', sans-serif; font-weight: 400; text-overflow: ellipsis; color: #FFF; }
#header .search input.btns { display: block; width: 30px; height: 30px; border: none; background: url(/templates/znanija/dleimages/3f6lXu3.png) center no-repeat; cursor: pointer; float: right; margin-right: 5px; opacity: 0.7}
#header .search input.btns:hover {opacity: 1}
#header.large { position: static; }
#header.large .picture { background: url(../img/bg-header-picture.png) left bottom no-repeat; }
#header.large .inner { position: relative; z-index: 1; height: 450px; padding-bottom: 0; }
#header.large .lSide { float: none; text-align: center; }
#header.large .rSide { float: none; position: absolute; right: 0; top: 20px; }
#header.large .content { max-width: 700px; margin: 0 auto; padding: 120px 10px 0; box-sizing: border-box; }
#header.large .title { display: block; }
#header.large .search { height: 54px; }
#header.large .search .lft { padding-top: 17px; }
#header.large .search .rht { padding-top: 13px; }

#subheader { background-color: #fff; }
#subheader .inner { max-width: 570px; padding: 80px 0 90px; text-align: center; }
#subheader .title { padding-bottom: 30px; font-size: 44px; font-weight: 700; color: #000; }
#subheader a.btn { display: block; padding: 24px 0; font-size: 18px; text-align: center; }

a.btn, .navigation .pages a, .navigation .pages span { display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-width: 0;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase; 
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 9px;
    /* height: 2.25rem; */
    padding: 8px 44px 10px 44px;
    font-size: 15px;
    color: #fff;
    fill: #fff;
    background-color: #60d399;
    border-radius: 30px; }

a.btn:hover, .navigation .pages a:hover {
    text-decoration: none;
      background-color: #60d399;
}

.navigation .pages {
    margin-bottom: 25px;    margin-top: 25px;
}

.navigation .pages a {
       font-size: 15px;
    padding: 6px 16px 7px 16px;
    background-color: #c3d1dd;
}

.navigation .pages span {
     font-size: 15px;
    padding: 0 16px;
    background-color: #ffffff;
    color: #c3d1dd;
}

.page_next-prev {
    display: none;
}

button.btn { padding: 9px 28px;
    border-radius: 6px;
    background-color: #0086b5;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 0;
    width: 100%;
}

.block { margin-bottom: 20px; padding: 24px; border-radius: 10px; }
.block.white { background-color: #fff; }
.intitle {     font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin-top: 0px;
    color: #000000;
    margin-bottom: 24px;
}

#wrapper .inner {    padding: 25px 0; }

#lSide { float: left; width: 100%; box-sizing: border-box; }
#rSide { float: left; width: 320px; margin-left: -320px; }
#rSide .block { display: inline-block; vertical-align: top; width: 320px; padding: 20px 14px; box-sizing: border-box; }

p.banner { display: inline-block; vertical-align: top; padding-bottom: 16px; }
#content { margin-right: 340px; }

.categories { padding-bottom: 13px; }
.categories .title { padding-top: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.categories li {padding: 5px 0;
    float: left;
    margin-right: 10px;
    line-height: 2.4;}
.categories li a {      text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    border-radius: 30px;
    height: 32px;
    padding: 7px 16px 9px 16px;
    font-size: 15px;
    line-height: 12px;
    background-color: #c3d1dd;}

.video { margin: -10px -10px 26px; border-radius: 6px; overflow: hidden; }
.video img { width: 100%; }

.answers .title { padding-bottom: 24px; font-size: 18px; font-weight: 700; color: #3c4d67; }
.answers .element { position: relative;
    z-index: 1;
    border-bottom: .0625rem solid #d6dfe7;
    padding-bottom: 30px;
    margin-top: 15px;}


.answers .element .avatar {     position: absolute;
    left: 0px; 
    top: 5px;
    width: 30px;}
.answers .element .top {     padding: 10px 0 15px;
    font-size: 13px;
    color: #3c4d67;
    padding-left: 45px;}
.answers .element .top a { text-decoration: none; color: #3c4d67; }
.answers .element .top.arrows { position: relative; padding-right: 50px; }
.answers .element .top.arrows a.next, .answers .element .top.arrows a.prev { position: absolute; top: 16px; width: 11px; height: 11px; background-position: center; background-repeat: no-repeat; }
.answers .element .top.arrows a.next { right: 0; background-image: url(../img/bt-next.png); }
.answers .element .top.arrows a.prev { right: 20px; background-image: url(../img/bt-prev.png); }
.answers .element .top.title { font-size: 18px; font-weight: 700; }
.answers .element.last { margin-bottom: 0; border-bottom: none; }

.banners a { display: inline-block; vertical-align: top; max-width: 49%; margin-bottom: 16px; }
.banners a img { max-width: 100%; }

#footer { background-color: #fff; }
#footer .inner {  padding: 40px 0; }
#footer .lSide { float: left; width: 100%; box-sizing: border-box; }
#footer .rSide { float: left; width: 320px; margin-left: -320px; box-sizing: border-box; }
#footer .content { margin-right: 500px; }
#footer .column { display: inline-block; vertical-align: top; }
#footer .column .title { padding: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 20px; }
#footer .column li { padding-top: 8px; color: #7c7c7c; }
#footer .column li a { text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #687b8c;
    line-height: 20px; }
#footer .social { padding-top: 50px; }
#footer .social a { display: inline-block; vertical-align: top; width: 32px; height: 28px; background-position: center; background-repeat: no-repeat; }
#footer .social a.youtube { background-image: url(../img/bt-youtube.png); }
#footer .social a.twitter { background-image: url(../img/bt-twitter.png); }
#footer .social a.instagram { background-image: url(../img/bt-instagram.png); }
#footer .social a.facebook { background-image: url(../img/bt-facebook.png); }
#footer .social a.googleplus { background-image: url(../img/bt-googleplus.png); }

.popup .header { padding: 12px 30px 10px; border-radius: 6px 6px 0 0; background-color: #0086b5; font-size: 16px; font-weight: 700; color: #fff; }
.popup .header .social { padding-top: 3px; }
.popup .header .social a { display: inline-block; vertical-align: top; width: 18px; height: 18px; margin-left: 12px; background-position: left top; background-repeat: no-repeat; }
.popup .header .social a.instagram { background-image: url(../img/bt-popup-instagram.png); }
.popup .header .social a.facebook { background-image: url(../img/bt-popup-facebook.png); }
.popup .header .social a.googleplus { background-image: url(../img/bt-popup-googleplus.png); }
.popup .header .social a.active { background-position: left bottom; }
.popup .content { padding: 34px; background-color: #fff; }
.popup .content.rounded { border-radius: 6px; }
.popup .footer { padding: 12px 30px; border-radius: 0 0 6px 6px; background-color: #f2f2f2; text-align: center; }
.popup .title { padding-bottom: 16px; font-size: 16px; font-weight: 700; color: #272727; }
.popup a { text-decoration: none; color: #0086b5; }

form input.txt { display: block; width: 100%; margin-bottom: 16px; padding: 10px 16px; box-sizing: border-box; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #f9f9f9; font: 16px 'Open Sans', sans-serif; font-weight: 400; }
form input.btn { display: block; width: 100%; margin-top: 16px; padding: 9px 0; border: none; border-radius: 6px; background-color: #0086b5; font: 16px 'Open Sans', sans-serif; font-weight: 700; text-decoration: none; color: #fff; cursor: pointer; }
form button.btn { display: block; width: 100%; margin-top: 16px; padding: 9px 0; border: none; border-radius: 6px; background-color: #0086b5; font: 16px 'Open Sans', sans-serif; font-weight: 700; text-decoration: none; color: #fff; cursor: pointer; }
form button.btn.black { background-color: #464646; }
form select.sel { display: block; width: 100%; margin-bottom: 16px; padding: 8px 42px 8px 12px; box-sizing: border-box; border: 1px solid #d8d8d8; border-radius: 6px; background: #f9f9f9 url(../img/bt-select.png) right 16px center no-repeat; font: 16px 'Open Sans', sans-serif; font-weight: 400; text-overflow: ellipsis; }
form textarea.txt { display: block; width: 100%; margin-bottom: 16px; padding: 10px 16px; box-sizing: border-box; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #fff; font: 14px 'Open Sans', sans-serif; font-weight: 400; color: #4f6082; resize: vertical; }
form .error { border-color: #f00 !important; }
form p.error { margin-top: -14px; padding-bottom: 16px; font-size: 12px; color: #f00; }
form label.checkbox { padding-left: 20px; background: url(../img/checkbox.png) left top no-repeat; cursor: pointer; }
form label.checkbox.checked { background-image: url(../img/checkbox-checked.png); }
form label.radio { padding-left: 20px; background: url(../img/radio.png) left -1px no-repeat; cursor: pointer; }
form label.radio.checked { background-image: url(../img/radio-checked.png); }
form .shifted { position: absolute; left: -9999px; }
form .gender { padding: 4px 0 20px; }
form .gender label { margin-right: 12px; }

.btnn { display: block; width: 100%; margin-top: 16px; padding: 9px 0; border: none; border-radius: 6px; background-color: #0086b5; font: 16px 'Open Sans', sans-serif; font-weight: 700; text-decoration: none; color: #fff; text-align: center; }
.btnn.black { background-color: #464646; }

.block form textarea.txt { font-size: 16px; }

#popup-signin { width: 370px; }
#popup-signup { width: 370px; }
#popup-ask { width: 620px; }

.ImageGalleryForZN {
    margin-top: 15px;
}

.ImageGalleryForZN img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
}

.CommImageClass {
    margin-top: 15px;
}

.CommImageClass img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 1px solid #e7e7e7;
}


/* ----- Hover effects are enabled only for Desktop version ----- */
@media screen and (min-width: 1024px) {

    #header .rSide a:hover { text-decoration: underline; }
    #header .search input.btn:hover { opacity: .85; }

    .admDel a:hover { border: 1px solid #0086b5;
    color: #0086b5 !important;  }
    .admOtvN a:hover { background-color: #cddbe2; }

    .categories li a:hover { text-decoration: underline; }

    .answers .element .top a:hover { text-decoration: underline; }

    #footer .column li a:hover { text-decoration: underline; }
    #footer .social a:hover { opacity: .85; }

    .popup .header .social a:hover { background-position: left bottom; }
    .popup a:hover { text-decoration: underline; }

    form input.btn:hover { background-color: #09cceb; }
    form button.btn:hover { background-color: #09cceb; }
    form button.btn.black:hover { background-color: #5a5a5a; }

}

@media screen and (max-width: 1024px) {
    
    .categories {
  
    margin: 0 20px;
}
    
    #header .lSide { padding-left: 20px; }
    #header .rSide { padding-right: 20px; }

    #header.large .picture { background-position: -150px bottom; }
    #header.large .lSide { padding-left: 0; }

    #lSide { padding-left: 20px; }
    #rSide { margin-left: -390px; }
    #content { margin-right: 404px; }

    #footer .inner { max-width: 1000px; }
    #footer .lSide { padding-left: 20px; }
    #footer .rSide { padding-right: 20px; }
    #footer .content { margin-right: 400px; }

}

@media screen and (max-width: 824px) {

    #lSide { float: none; padding-right: 20px; }
    #rSide { float: none; width: 100%; margin-left: 0; padding: 0 20px; box-sizing: border-box; }
    #rSide .block { width: 60%; }
    p.banner { width: 38%; text-align: center; padding-bottom: 16px; }
    #content { margin-right: 0; }

    #footer .lSide { float: none; padding: 0 20px; }
    #footer .rSide { float: none; width: 100%; max-width: 400px; margin: 0 auto; padding: 0 20px; }
    #footer .content { max-width: 600px; margin: 0 auto; }

}

@media screen and (max-width: 724px) {

    #header .inner { padding-bottom: 0; background: #0086b5; }
    #header .lSide { position: relative; z-index: 1; float: none; padding-left: 10px; padding-bottom: 14px; }
    #header .rSide { display: none; float: none; width: 100%; margin-left: 0; padding: 10px 10px; background-color: #00687d; text-align: center; }
    #header .rSide a { margin: 0 5px; padding: 6px 30px; }
    #header .content { margin-right: 60px; }
    #header .trigger { display: block; }
    #header .title { padding-bottom: 130px; font-size: 26px; }

    #header.large .inner { background: none; }
    #header.large .picture { background-position: -180px bottom; }
    #header.large .lSide { padding: 0; }
    #header.large .rSide { display: block; width: 100%; padding: 0; background: none; text-align: center; }
    #header.large .rSide a { margin: 0 5px; padding: 9px 18px; }
    #header.large .content { padding-top: 100px; }
    #header.large .trigger { display: none !important; }
    #header.large .corner { display: none !important; }

    #subheader .inner { padding: 40px 0 50px; }
    #subheader .title { font-size: 22px; }
    #subheader a.btn { display: inline-block; vertical-align: top; margin: 0 10px; padding: 9px 28px; font-size: 16px; }

  

    .popup .title { text-align: center; }
    .popup form .left { float: none; text-align: center; }
    .popup form .right { float: none; padding-top: 12px; text-align: center; }

    #popup-ask { width: 100%; }

}

@media screen and (max-width: 624px) {

    .banners { text-align: center; }
    .banners a { max-width: 100%; }

}

@media screen and (max-width: 524px) {
    
       .categories {
  
    margin: 0 10px;
}
    

    #ask.visible { display: block; }

    #header .search .lft { padding-top: 7px; }
    #header .search .rht { width: 35px; margin-left: -35px; }
    #header .search .cnt { margin: 0 40px 0 10px; }
    #header .search input.txt { font-size: 13px; }

    #header.large .picture { background-position: -206px bottom; }
    #header.large .search .lft { padding-top: 19px; }

    #subheader a.btn { display: block; padding: 9px 0; }

    a.btn { display: block; padding: 9px 0; font-size: 14px; text-align: center; }

    .block { padding: 24px 14px; }

    #lSide { padding: 0 10px; }
    #rSide { padding: 0 10px; }
    #rSide .block { display: block; width: 100%; }
    p.banner { display: block; width: 100%; padding-bottom: 16px; }

    .answers .element { padding-left: 0; }
    .answers .element .avatar { position: static; float: left; margin-right: 16px; }
    .answers .element .content { clear: left; }

    #footer .column { display: block; padding-bottom: 36px; text-align: center; }
    #footer .social { padding-top: 0; }

    .popup .header { padding: 12px 10px 10px; }
    .popup .content { padding: 30px 10px; }
    .popup .footer { padding: 12px 10px; }

    #popup-signin { width: 100%; }
    #popup-signup { width: 100%; }

}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); font: 13px 'Open Sans', sans-serif; font-weight: 400; color: #000; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.7; filter: alpha(opacity = 70);}
#colorbox{outline:0;}


    #cboxContent{overflow:visible; background:transparent;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:transparent; padding:0;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:transparent;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/colorbox/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose { top: 10px;
    right: 12px; }
        #cboxClose{ background: url(../img/colorbox/close.png) center center no-repeat; }
        #cboxClose:hover{ opacity: .75; }
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

  

        .comments {
              margin-bottom: -10px;
        }

        .ansbord > div:last-child {
            padding-bottom: 0;
            border: none;
        }

        .mass_comments_action {
            display: none;
        }

        .comm-box {
            margin-bottom: 20px;
        }

        .comm-title {
              float: left;
    font-size: 20px;
    font-weight: 700;
        }

        .full-title {
            font-size: 20px;
            font-weight: 700; 
            margin-bottom: 20px;
        }

        .comm-user {    float: right;
    font-size: 14px;
    padding-top: 5px; 
    font-size: 13px;
    color: #3c4d67;
    padding-left: 45px;
        }

        .comm-bott {
            font-size: 17px;
            line-height: 24px;
        }

        .comm-bott > div, .answers .element .content {
            word-wrap: break-word;
        }

        .side-title {
            color: #333;
            font-weight: 800;
            text-align: center;
            margin-bottom: 15px;
        }

        .side-btnbox {
            text-align: center;
        }

        .btn.bg-blue {
            background-color: #60d399;
        }


.goochi2 {    background-color: #0086b5 !important;
    color: #FFF !important;}

   #news_set_sort {    margin-top: 24px;
    z-index: 1;
    float: right;
    margin-right: 25px;} 




.search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #ffffff;
}
.search input::-moz-placeholder { /* Firefox 19+ */
 color: #ffffff;
}
.search input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.search input:-moz-placeholder { /* Firefox 18- */
 color: #ffffff;
}

.soring_table  {    background-color: #ffffff;
    border: 1px solid #c3d1dd !important;}

.soring_table:hover {    border: 1px solid #0086b5 !important;
    color: #0086b5;
    cursor: pointer;}

.fdstrttt {     border-radius: 10px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    background-color: #FFF;    padding: 20px;}

.mnnerrrra {display: inline-block;
    vertical-align: top;
    width: 320px;
    padding: 20px 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #fff;}

.pooodderr li {      float: left;
    margin-right: 30px;}

.pooodderr a {    color: #000;}

.categories li a:hover {    background-color: #0086b5 !important;
    color: #FFF !important;     text-decoration: none;}

.mnnnaaeee {  width: 230px;
    margin-bottom: 20px;    border-radius: 10px;}

.mnnnaaeee:hover {    background-color: #0086b5 !important;}

#header .rSide a:hover {text-decoration: none;
    background-color: #60d399 !important;
    color: #FFF !important;
    border: 1px solid #60d399;}