/* 
Theme Name: cidsr.md
Description: cidsr.md theme.
Author: Andrew O.
Version: 0.0.13
License:
License URI:
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote {
    background: #f9f9f9 !important;
    border-left: 10px solid #ccc !important;
    margin: 1.5em 10px !important;
    padding: 0.5em 10px !important;
    quotes: "\201C""\201D""\2018""\2019" !important;
}
blockquote:before {
    color: #ccc !important;
    content: open-quote !important;
    font-size: 4em !important;
    line-height: 0.1em !important;
    margin-right: 0.25em !important;
    vertical-align: -0.4em !important;
}
blockquote p {
    display: inline !important;
}
/* Reset styles
*******************************/
article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section {
    display: block;
}

/*
 * Add display for embedded HTML5 elements
 * Addresses display not defined in IE6/7/8/9 & FF3
*/
audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

html {
    overflow-y: scroll; /* 1 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%;
}
body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,li,ol,
a,em,img,strong,fieldset,form,label,article,aside,details,
figcaption,figure,footer,header,hgroup,nav,section{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}
:focus {outline: 0;}
img {vertical-align:middle; outline:0}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
/* Body & forms
*******************************/
body{
    text-align: left;
    background: #fff;
    font: 16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    color: #333;
}
input,
textarea {
    font:normal 1em/1 Verdana;
    background: #fff;
    color: #808080;
    padding:5px;
    border: 0;
    margin:0;
    border:1px solid #000;
    -webkit-appearance: none;
    box-sizing: border-box;

}
textarea {
    resize:none;
}
input[type=submit],
input[type=button] {
    cursor: pointer;
}

/* Links
*******************************/
a:link,
a:visited,
a:hover,
a:active{
    text-decoration: none;
    color: #0080bf; 
}
a:visited {}
a:hover {
    color: #14a2e8;
    /*    text-decoration: underline;*/
}

/* Clearfix
*******************************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* Headers
*******************************/
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1em;
    line-height: 1.1;
    color: #333;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size:28px;
}
h3 {
    font-size:24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}

/* Text elements
*******************************/
p               {margin: 0 0 1.5em 0; }
p.last          {margin-bottom:0;}
strong      	{font-weight: bold;}
em          	{font-style: italic;}


/* Typo
*******************************/
hr {
    background-color: #000;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 1em;
}
.entry-content ul,
.entry-content ul li {
    list-style: disc;
}
.entry-content ol,
.entry-content ol li {
    list-style: decimal;
}
.entry-content ul,
.entry-content ol {
    margin: 0 0 1em 1.5em;
    line-height: 1.5;
}
.entry-content ol ol {
    list-style: upper-alpha;
}
.entry-content ol ol ol {
    list-style: lower-roman;
}
.entry-content ol ol ol ol {
    list-style: lower-alpha;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    margin-bottom: 0;
}
.entry-content img{
    max-width: 100%;
    height: auto;
}
.story h1,
.story h2,
.story h3,
.story h4,
.story h5,
.story h6 {
    font:normal 1em/1.2 sans-serif;
    margin-bottom: .5em;
}
.story h1 {
    font-size: 36px;
}
.story h2 {
    font-size:28px;
}
.story h3 {
    font-size:24px;
}
.story h4 {
    font-size: 18px;
}
.story h5 {
    font-size: 14px;
}
.story h6 {
    font-size: 12px;
}
.story a:link,
.story a:visited,
.story a:hover,
.story a:active{

}
.story img{
    display: block;
    margin: 0 auto 14px;
}
.story ul{
    padding-left: 20px;
}
.story ul li{
    list-style: disc;
}
dl {
    margin: 0 0 1.5em 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1em;
}
pre {
    background: #f7f7f7;
    color: #222;
    line-height: 1em;
    margin-bottom: 1em;
    padding: 1.5em;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}

table {
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0;
}
table td,
table th {
    padding:5px;
}
table th {
    font-weight: bold;
}

/* Wordpress Typo
*******************************/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1em;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}

html,body {
    height:100%; /* needed for container min-height */
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    position: relative;
    zoom: 1;
}
.flexslider ul,
.flexslider ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider ul li,
.flexslider ol li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider .slider-slides,
.flexslider .slides {
    zoom: 1;
}
.flexslider .slider-slides > li,
.flexslider .slides > li {
    position: relative;
    display: none;
    -webkit-backface-visibility: hidden;
    text-align: center;
}
.flexslider .slider-slides > li:first-child,
.flexslider .slides > li:first-child {
    display: block;
}
.flexslider .slider-slides img,
.flexslider .slides img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
    width: auto;
}
.flexslider .descr {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(100, 100, 100, 0.5);
    color: #fff;
    text-align: left;
}
.flexslider .descr h3 {
    text-align: left;
}
.flexslider .descr .text p:last-child {
    margin-bottom: 0;
}
.flexslider .flex-prev,
.flexslider .flex-next{
    background: url(images/light-skin-1-retina.png) -89px -26px no-repeat;
    background-size: 152px 225px;
    width: 30px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-indent: -9999px;
}
.flexslider .flex-prev{
    left: 30px;
}
.flexslider .flex-next{
    background-position: -89px -103px;
    right: 30px;
}
.flex-container {
    zoom: 1;
    position: relative;
}
/* Clearfix for the .slides element */
.slider-slides:after,
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slider-slides,
html[xmlns] .slides {
    display: block;
}
* html .slider-slides,
* html .slides {
    height: 1%;
}

/* Wrapper
*******************************/
#wrapper{
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    max-width: 1220px;

    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/

    min-height:100%; /* real browsers */
    padding: 0 20px;
}

/* Header
*******************************/
#header {
    position: relative;
    z-index: 1000;
    padding-top: 28px;
}
#header .h1{
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 10;
}
#header .h1 a {
    background: url(images/logo.png) 0 0 no-repeat;
    display: block;
    width: 250px;
    height: 80px;
    text-indent: -9999px;
}
#header .header-slogan{
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    display: none;
    padding: 0 260px;
}
#header .header-slogan span{
    display: block;
    font-size: 20px;
    line-height: 40px;
}
@media (min-width: 768px) {
    #header .header-slogan{
        display: block;
    }
}
/*#header .linia-fierbinte{
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #d50032;
    text-transform: uppercase;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    #header .linia-fierbinte{
        position: absolute;
        top: 60px;
        right: 0;
    }
}*/

#header nav.header-menu {
    background: #d50032;
    z-index: 100;
    height: 40px;

    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}
#header nav.header-menu > ul{
    float: left;
}
#header nav.header-menu > ul > li{
    float: left;
    position: relative;
}
#header nav.header-menu > ul > li > a {
    background: #d50032;
    text-decoration: none;
    display: block;
    padding: 0 20px;
    color: #fff;
    line-height: 40px;
    text-align: center;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#header nav.header-menu ul a:hover{
    /*background-position: 0 -40px;*/
    background: #ed184a;
}
#header nav.header-menu > ul > li.current-menu-item a{
    /*background-position: 0 -80px;*/
    background: #d50032;
}

#header nav.header-menu > ul ul {
    display: none;
    min-width: 100%; 
    position: absolute;
    top: 40px;

}
#header nav.header-menu > ul ul li{
    
}

#header nav.header-menu > ul ul li:first-child{
    padding-top: 0;
}
#header nav.header-menu > ul ul li a{
    background: #d50032;
    display: block;
    color: #fff;
    padding: 5px 20px;
    white-space: nowrap;
}
#header nav.header-menu > ul ul li a:hover{
    background-color: #ed184a;
}
#header nav.header-menu > ul ul ul{
    display: none;
}


/*! #######################################################################

        MeanMenu 2.0.7
        --------

        To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

#responsive-menu-container{
}
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    width: 100%;
    position: relative;
    background: #d50032;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #d50032;
    margin-top: 44px;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255,255,255,0.5);
    text-decoration: none;
    text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255,255,255,0.25);
    opacity: 0.75;
    filter: alpha(opacity=75);
    text-shadow: none !important;
    visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 32px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255,255,255,0.1);
    border: none !important;
    border-left: 1px solid rgba(255,255,255,0.4) !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.mean-remove {
    display: none !important;
}


#searchform {
    height: 26px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}

#searchform input[type="text"] {
    background: #e7e7e7; 
    width: 100%;
    height: 26px; 
    margin: 0;
    padding: 2px 81px 2px 8px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 20px;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #828387;
    display: block;
}

#searchform input[type="submit"] {
    background: #d50032;
    border-radius: 0 3px 3px 0;
    width: 73px;
    height: 26px;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 26px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

#searchform input[type="submit"]:hover {
    opacity: .8;
}

@media (min-width: 768px) {
    #searchform {
        width: 130px;
        height: 26px;
        
        position: absolute;
        right: 5px;
        bottom: 7px;
        margin: 0;
    }
    #searchform input[type="text"] {
        background: #fff;
        padding-right: 30px;
    }
    #searchform input[type="submit"] {
        background: url(images/searchsubmit.png) 0 0 no-repeat;
        width: 16px;
        height: 16px;
        text-indent: -9999px;
        top: 5px;
        right: 5px;
    }
    
}
/* Новый CSS */
#social { position: absolute; top: 50px; right: 15px; z-index:5 }
#social ul{display:block;}
#social li {margin-bottom: 10px; list-style: none; }
#social a.facebook {background: url(images/facebook.png) 0 0 no-repeat; display: block; width: 32px; height: 32px; text-indent: -9999px; }
#social a.instagram {background: url(images/instagram.png) 0 0 no-repeat; display: block; width: 32px; height: 32px; text-indent: -9999px; }
#social a.youtube {background: url(images/youtube.png) 0 0 no-repeat; display: block; width: 32px; height: 32px; text-indent: -9999px; }

/* Старый CSS 
#social{
    margin-top: 10px;
}
#social li{
    float: left;
    padding-left: 15px;
    margin-left: 15px;
}
#social li:first-child{
    background: none;
    margin-left: 0;
    padding-left: 0;
}
#social li a{
    background: none;
    display: block;
    height: 20px;
    font-size: 9px;
    line-height: 20px;
    text-transform: uppercase;
}
#social li a:hover{
    color: #5f5f5f;
}
#social li.facebook a{
    background-position: 0 -20px;
    padding-left: 15px;
}
#social li.facebook a:hover{
    background-position: 0 0;
}
#social li.twitter a{
    background-position: 0 100%;
    padding-left: 30px;
}
#social li.twitter a:hover{
    background-position: 0 -40px;
}
*/
#qtranslate-chooser{
    text-align: right;
}
#qtranslate-chooser li{
    display: inline-block;
    float: none;
    font-weight: bold;
}
#qtranslate-chooser li.active a{
    color: #333;
}
#qtranslate-chooser li a{
    color: #aca9a9;
}
    
@media (min-width: 768px) {
    #qtranslate-chooser{
        position: absolute;
        top: 25px;
        right: 20px;
    }
    #qtranslate-chooser ul{
        height: 12px;
    }
    #qtranslate-chooser li{
        float: left;
        margin-left: 8px;
        padding-left: 8px;
    }
    
    #qtranslate-chooser li:first-child{
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
    
    #social{
        position: absolute;
        top: 90px;
        z-index: 100;
        margin-top: 0;
    }
}


#main{
    padding-top: 15px;
    padding-bottom: 20px;
}


/* Content
*******************************/
#content {

}

#content a:hover{
    text-decoration: underline;
}

.breadcrumbs{
    margin-bottom: 20px;
}

/* Sidebar
*******************************/
#sidebar{

}
@media (min-width: 768px) {
    #sidebar{

    }
}

@media (min-width: 768px) {
    #main{
        display: flex;
        width: 100%;
    }
    #sidebar{
        width: 300px;
        order: 1;
    }
    #content{
        flex: 1;
        padding-left: 20px;
        order: 2;
    }
}

/* Footer
*******************************/
#footer {
    padding-bottom: 20px;
    margin-top: 20px;
}
#footer h2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#footer .sponsors{
    text-align: center;
}
#footer .sponsors img{
    margin: 0 3px;
}
#footer .sponsors img:first-child{
    margin-left: 0;
}
#footer .copyright{
    margin-top: 20px;
    text-align: center;
}
#footer .copyright{
    font-size: 12px;
}
@media (min-width: 768px) {
    #footer .sponsors{
        padding: 0 15%;
	
    }
}

#homepage{

}
#homepage .slider{
    margin-bottom: 20px;
}
#homepage .slider .slide img{
    max-width: 100%;
    height: auto;
}
#homepage .main .left{
	/*
    background: #EAFCFE;*/
    padding: 10px 20px;
}
#homepage .main .left h2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#homepage .main .left .items{
    margin-left: -10px;
    margin-right: -10px;

    display: flex;
    flex-wrap: wrap;

}
#homepage .main .left .items .item{
    padding: 10px;
    width: 100%;
}
#homepage .main .left .items .item .image{
    margin-bottom: 10px;
}
#homepage .main .left .items .item .image img{
    width: 100%;
    height: auto;
}
#homepage .main .left .items .item h3{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}
#homepage .main .left .items .item h3 a{
    color: #333;
}
#homepage .main .sidebar{
    margin-top: 20px;
}
@media (min-width: 768px) {
    #homepage .main{
        display: flex;
    }
    #homepage .main .left{
        flex: 1;
        margin-right: 0px;
    }
    #homepage .main .left .items .item{
        width: 33%;
    }
    #homepage .main .sidebar{
        width: 300px;
        margin-top: 0;
    }
}


/* Page
*******************************/
.page {

}

.page h2.title{

}
.page .subpages{
    margin-bottom: 20px;

}


/* Page 404
*******************************/
#page404{}
#page404 .content{

}


#news-list{}
#news-list .item{
    margin-top: 20px;
    display: flex;
}
#news-list .item:first-child{
    margin-top: 0;
}
#news-list .image{
    float: left;
    max-width: 150px;
    width: 30%;
}
#news-list .image img{
    max-width: 100%;
    height: auto;
}
#news-list .info{
    flex: 1;
    padding-left: 20px;
}
#news-list h3{
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 20px;
}
#news-list time{
    display: block;
    margin-bottom: 10px;
    color: #333333;
}
#news-list .text{
    overflow: hidden;
}
#news-list .text img{
    float: left;
    margin-right: 10px;
}


#sidebar{

}

#sidebar nav ul{
    width: 100%;   
    /* sets the size of the menu blocks */
    /* puts a black border around the menu blocks */
    background-color: #d50032;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
}
#sidebar nav ul ul {
    width: 100%;
}
#sidebar nav ul li {
    position: relative;          /* makes the menu blocks be positioned relative to their parent menu item                               to the absolutely positioned child blocks */
    color: #fff;                 /* sets the default font colour to white */
    border-bottom: 1px solid #fff;
}
#sidebar nav ul li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display: none;               /* hides child menu blocks - one of the most important declarations */
    position: absolute;          /* make child blocks hover without leaving space for them */
    top: 0;                    /* position slightly lower than the parent menu item */
    left: 100%;                  /* this must not be more than the width of the parent block, or the mouse will
                                    have to move off the element to move between blocks, and the menu will close */
}
#sidebar nav ul li:hover, 
#sidebar nav ul li.CSStoHighlight {
    background-color: #ed184a;      /* gives the active menu items a yellow background */
    color: #000;                 /* makes the active menu item text black */ 
}
#sidebar nav ul ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
    display: block;              /* specially to go with the className changes in the behaviour file */
}
#sidebar nav ul li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
    display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
#sidebar nav ul li a { 
    color: #fff; 
    display: block; 
    padding:11px; 
    font-size:14px; 
}
#sidebar nav ul li a:hover, #sidebar nav ul li a.CSStoHighLink { 
    color: #fff; 
}
#sidebar nav ul li:hover > a { 
    color: #fff; 
} /* supports links in branch headings - should not be display: block; */

#sidebar nav ul ul {  /* copy of above declaration without the > selector, except left position is wrong */
    display: none; 
    position: absolute; 
    top: 0; 
    left: 193px;
    z-index: 100;
}

/*  Widgets*/
.widget{
    margin-top: 30px;
}
.widget:first-child{
    margin-top: 0;
}
.widget h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    border-bottom: 2px solid #0080bf;
    padding-bottom: 12px;
}
.widget h3 a{
    float: right;
    color: #333;
}
.widget h3 a:hover{
    color: #0080bf;
}
.widget.widget_nav_menu ul{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
.widget.widget_nav_menu ul li{
    margin-top: 20px;
}
.widget.widget_nav_menu ul li:first-child{
    margin-top: 0;
}

.widget.widget_activitati h3{
    border-color: #e30033;
}

.widget.widget_activitati .title{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-align: left;
    color: #333;
    margin-bottom: 5px;
}
.widget.widget_activitati .date{
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #999;
    text-transform: lowercase;
    margin-bottom: 10px;
}
.widget.widget_activitati .image{
    margin-bottom: 18px;
}
.widget.widget_activitati .image img{
    max-width: 100%;
    height: auto;
}
.widget.widget_activitati .text{
    text-align: left;
}
.widget.widget_activitati .more{
    text-align: right;
    margin-top: 10px;
}

.widget.widget_activitati .flex-control-paging{
    text-align: center;
    margin-top: 20px;
}
.widget.widget_activitati .flex-control-paging li{
    display: inline-block;
    margin: 0 5px;
}
.widget.widget_activitati .flex-control-paging li a{
    background: #e1e1e1;
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.widget.widget_activitati .flex-control-paging li a.flex-active{
    background: #0080bf;
}

.widget.widget_video .text{
    text-align: left;
}
.widget.widget_video .flex-control-paging{
    text-align: center;
    margin-top: 20px;
}
.widget.widget_video .flex-control-paging li{
    display: inline-block;
    margin: 0 5px;
}
.widget.widget_video .flex-control-paging li a{
    background: #e1e1e1;
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.widget.widget_video .flex-control-paging li a.flex-active{
    background: #0080bf;
}



.partners{
    margin: 20px 0;
}
.partners .flexslider .slides li{
    margin-right: 4px;
}
.partners .flexslider .flex-prev,
.partners .flexslider .flex-next{
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.partners .flexslider .flex-prev.flex-disabled,
.partners .flexslider .flex-next.flex-disabled{
    display: none;
}
.partners .flexslider .flex-prev{
    left: -10px;
}
.partners .flexslider .flex-next{
    right: -10px;
}

#planificarea{
    padding-bottom: 40px;
}

#planificarea .main{
    
}
#planificarea .main h2.title{
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 20px;

}
#planificarea .main .intro{
    background: #0080bf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 12px 20px;
    color: #fff;
    font-size: 14px;
}
#planificarea .main .intro h3{
    color: #fff;
}
#planificarea .main .intro p{
    margin-bottom: 0;
}
#planificarea .main .items{
    margin-top: 30px;
}
#planificarea .main .items .item{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
    margin-top: 30px;
}
#planificarea .main .items .item:hover{
    background: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* Standard syntax */
}
#planificarea .main .items .item:first-child{
    margin-top: 0;
}

#planificarea .main .items .item a{
    background: url(images/palnificarea-item-left.png) 0 100% no-repeat;
    padding-left: 120px;
    padding-right: 10px;
    display: block;
    min-height: 76px;
    padding-top: 14px;

    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
#planificarea .main .items .item:nth-child(odd) a{
    
}


#planificarea .main .intro h3{
    background: url(images/planificarea-intro-icon.png) 0 50% no-repeat;
    line-height: 25px;
    padding-left: 34px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

#planificarea .sidebar{
    
    padding-top: 46px;
}




@media (min-width: 768px) {
    #planificarea{
        display: flex; 
        width: 100%;
    }
    #planificarea .main{
        flex: 1;
        padding-right: 20px;
    }
    #planificarea .sidebar{
        width: 300px;
    }
    #planificarea .main .items{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #planificarea .main .items .item{
        width: 48%;
        margin-top: 0;
    }
    #planificarea .main .items .item:nth-child(even){
    }
    #planificarea .main .items .item:nth-child(n+3){
        margin-top: 30px;
    }
    #planificarea .main .items .item:nth-child(odd) a{
        background: url(images/palnificarea-item-left.png) 0 100% no-repeat;
        padding-left: 120px;
        padding-right: 10px;
    }
    #planificarea .main .items .item:nth-child(even) a{
        background: url(images/palnificarea-item-right.png) 100% 100% no-repeat;
        padding-right: 120px;
        padding-left: 10px;
    }
}


#dsr{
    padding-bottom: 40px;
}

#dsr .main{
    
}
#dsr .main h2.title{
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 20px;

}
#dsr .main .intro{
    background: #a349a1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 12px 20px;
    color: #fff;
    font-size: 14px;
}
#dsr .main .intro h3{
    color: #fff;
}
#dsr .main .intro p{
    margin-bottom: 0;
}
#dsr .main .items{
    margin-top: 30px;
}
#dsr .main .items .item{

    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
    margin-top: 30px;
}
#dsr .main .items .item:hover{
    background: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* Standard syntax */
}

#dsr .main .items .item:first-child{
    margin-top: 0;
}
#dsr .main .items .item a{
    background: url(images/dsr-item-left.png) 0 100% no-repeat;
    padding-left: 120px;
    padding-right: 10px;

    display: block;
    min-height: 78px;
    padding-top: 12px;

    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}


#dsr .main .intro h3{
    background: url(images/planificarea-intro-icon.png) 0 50% no-repeat;
    line-height: 25px;
    padding-left: 34px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #dsr{
        display: flex; 
        width: 100%;
    }
    #dsr .main{
        flex: 1;
        padding-right: 20px;
    }
    #dsr .sidebar{
        width: 300px;
    }
    #dsr .main .items{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #dsr .main .items .item{
        width: 48%;
        margin-top: 0;
    }
    #dsr .main .items .item:nth-child(even){
    }
    #dsr .main .items .item:nth-child(n+3){
        margin-top: 30px;
    }
    #dsr .main .items .item:nth-child(odd) a{
        background: url(images/dsr-item-left.png) 0 100% no-repeat;
        padding-left: 120px;
        padding-right: 10px;
    }
    #dsr .main .items .item:nth-child(even) a{
        background: url(images/dsr-item-right.png) 100% 100% no-repeat;
        padding-right: 120px;
        padding-left: 10px;
    }
}



#cancer{
    padding-bottom: 40px;
}

#cancer .main{
   
}
#cancer .main h2.title{
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 20px;

}
#cancer .main .intro{
    background: #009695;   
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 12px 20px;
    color: #fff;
    font-size: 14px;
}
#cancer .main .intro h3{
    color: #fff;
}
#cancer .main .intro p{
    margin-bottom: 0;
}
#cancer .main .items{
    margin-top: 30px;
}
#cancer .main .items .item{
    float: left;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#cancer .main .items .item:hover{
    background: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* Standard syntax */
}
#cancer .main .items .item:nth-child(even){
    float: right;
}
#cancer .main .items .item:nth-child(n+3){
    margin-top: 30px;
}
#cancer .main .items .item a{
    background: url(images/cancer-item-left.png) 0 100% no-repeat;
    padding-left: 120px;
    padding-right: 10px;
    display: block;
    height: 76px;
    padding-top: 14px;

    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #009695;
}
#cancer .main .items .item a:hover{
    color: #02b7b6;
}
#cancer .main .items .item:nth-child(odd) a{
    
}
#cancer .main .items .item:nth-child(even) a{
    background: url(images/cancer-item-right.png) 100% 100% no-repeat;
    padding-right: 120px;
    padding-left: 10px;
}

#cancer .main .intro h3{
    background: url(images/cancer-intro-icon.png) 0 50% no-repeat;
    line-height: 25px;
    padding-left: 34px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

#cancer .sidebar{
    padding-top: 46px;
}

@media (min-width: 768px) {
    #cancer{
        display: flex; 
        width: 100%;
    }
    #cancer .main{
        flex: 1;
        padding-right: 20px;
    }
    #cancer .sidebar{
        width: 300px;
    }
    #cancer .main .items{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #cancer .main .items .item{
        width: 48%;
        margin-top: 0;
    }
    #cancer .main .items .item:nth-child(even){
    }
    #cancer .main .items .item:nth-child(n+3){
        margin-top: 30px;
    }
    #cancer .main .items .item:nth-child(odd) a{
        background: url(images/cancer-item-left.png) 0 100% no-repeat;
        padding-left: 120px;
        padding-right: 10px;
    }
    #cancer .main .items .item:nth-child(even) a{
        background: url(images/cancer-item-right.png) 100% 100% no-repeat;
        padding-right: 120px;
        padding-left: 10px;
    }
}

#sarcina{
    padding-bottom: 40px;
    width: 100%;
}

#sarcina .main{
   
}
#sarcina .main h2.title{
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 20px;

}
#sarcina .main .intro{
    background: #fa9d4c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 12px 20px;
    color: #fff;
    font-size: 14px;
}
#sarcina .main .intro h3{
    color: #fff;
}
#sarcina .main .intro p{
    margin-bottom: 0;
}
#sarcina .main .items{
    margin-top: 30px;
}
#sarcina .main .items .item{
    float: left;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#sarcina .main .items .item:hover{
    background: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* Standard syntax */
}
#sarcina .main .items .item:nth-child(even){
    float: right;
}
#sarcina .main .items .item:nth-child(n+3){
    margin-top: 30px;
}
#sarcina .main .items .item a{
    background: url(images/sarcina-item-left.png) 0 100% no-repeat;
    padding-left: 120px;
    padding-right: 10px;
    color: #fa9d4c;
    display: block;
    height: 76px;
    padding-top: 14px;

    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

#sarcina .main .intro h3{
    background: url(images/planificarea-intro-icon.png) 0 50% no-repeat;
    line-height: 25px;
    padding-left: 34px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

#sarcina .sidebar{
    padding-top: 46px;
}

@media (min-width: 768px) {
    #sarcina{
        display: flex; 
        width: 100%;
    }
    #sarcina .main{
        flex: 1;
        padding-right: 20px;
    }
    #sarcina .sidebar{
        width: 300px;
    }
    #sarcina .main .items{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #sarcina .main .items .item{
        width: 48%;
        margin-top: 0;
    }
    #sarcina .main .items .item:nth-child(even){
    }
    #sarcina .main .items .item:nth-child(n+3){
        margin-top: 30px;
    }
    #sarcina .main .items .item:nth-child(odd) a{
        background: url(images/sarcina-item-left.png) 0 100% no-repeat;
        padding-left: 120px;
        padding-right: 10px;
    }
    #sarcina .main .items .item:nth-child(even) a{
        background: url(images/sarcina-item-right.png) 100% 100% no-repeat;
        padding-right: 120px;
        padding-left: 10px;
    }
}


#avort{
    padding-bottom: 40px;
}

#avort .main{
    
}
#avort .main h2.title{
    font-weight: bold;
    /*text-transform: uppercase;*/
    margin-bottom: 20px;

}
#avort .main .intro{
    background: #9EE669;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px 12px 20px;
    
    font-size: 14px;
}
#avort .main .intro h3{
    color: #fff;
}
#avort .main .intro p{
    margin-bottom: 0;
}
#avort .main .items{
    margin-top: 30px;
}
#avort .main .items .item{
    float: left;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#avort .main .items .item:hover{
    background: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1)); /* Standard syntax */
}
#avort .main .items .item:nth-child(even){
    float: right;
}
#avort .main .items .item:nth-child(n+3){
    margin-top: 30px;
}
#avort .main .items .item a{
    background: url(images/avort-item-left.png) 0 100% no-repeat;
    padding-left: 120px;
    padding-right: 10px;
    display: block;
    height: 76px;
    padding-top: 14px;

    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #6b71e4;
}
#avort .main .items .item:nth-child(odd) a{
    
}
#avort .main .items .item:nth-child(even) a{
    background: url(images/avort-item-right.png) 100% 100% no-repeat;
    padding-right: 120px;
    padding-left: 10px;
}

#avort .main .intro h3{
    background: url(images/planificarea-intro-icon.png) 0 50% no-repeat;
    line-height: 25px;
    padding-left: 34px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

#avort .sidebar{
    padding-top: 46px;
}

@media (min-width: 768px) {
    #avort{
        display: flex; 
        width: 100%;
    }
    #avort .main{
        flex: 1;
        padding-right: 20px;
    }
    #avort .sidebar{
        width: 300px;
    }
    #avort .main .items{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #avort .main .items .item{
        width: 48%;
        margin-top: 0;
    }
    #avort .main .items .item:nth-child(even){
    }
    #avort .main .items .item:nth-child(n+3){
        margin-top: 30px;
    }
    #avort .main .items .item:nth-child(odd) a{
        background: url(images/avort-item-left.png) 0 100% no-repeat;
        padding-left: 120px;
        padding-right: 10px;
    }
    #avort .main .items .item:nth-child(even) a{
        background: url(images/avort-item-right.png) 100% 100% no-repeat;
        padding-right: 120px;
        padding-left: 10px;
    }
}

.accordion{

}
.accordion .accordion-item{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.4);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1)); /* Standard syntax */

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

    margin-top: 30px;
    padding: 16px 14px;
}
.accordion .accordion-item:first-child{
    margin-top: 0;
}
.accordion .accordion-item .accordion-title{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    color: #0080bf;
    cursor: pointer;
    position: relative;
    line-height: 28px;
    padding-right: 40px;
}
.accordion .accordion-item .accordion-title:before{
    background: url(images/accordion-title-arrow.png) 0 0 no-repeat;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
}

.accordion .accordion-item .accordion-title.open{
    margin-bottom: 20px;
    color: #9ea19d;
}
.accordion .accordion-item .accordion-title.open:before{
    background-position: 0 100%;
}

@media (max-width: 768px) {
    #wrapper{
        max-width: 768px;
        width: auto;
    }
    #header{
        height: auto;
    }
    #header h1,
    #header .h1{
        display: block;
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 20px;
        width: 231px;
    }
    

    #social{
        top: 160px;
        right: 0;
        width: 60%;
        text-align: center;
    }
    #social li{
        float: none;
        display: inline-block;
    }

	#homepage .slider{
		display:none;
	}
	/*
    #slider-wrapper .container{
        width: auto;
        height: auto;
    }
    #slider-wrapper .kwicks{
        height: auto;
        width: auto;
        left: auto;
    }
    #slider-wrapper .kwicks li{
        float: none;
        width: auto;
    }
    #slider-wrapper .kwicks.horizontal li .thumb .bg{
        background-size: cover;
    }
    #slider-wrapper .kwicks.horizontal li .shadow{
        display: none;
    }

    #slider-wrapper .kwicks.horizontal li .kwick-button{
        bottom: 20px;
    }
*/
    #content{
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    #sidebar{
        float: none;
    }

    #dsr .main{
        float: none;
        width: auto;
    }
    #dsr .main .items .item{
        float: none;
        width: auto;
        margin-top: 30px;
    }
    #dsr .main .items .item:first-child{
        margin-top: 0;
    }
    #dsr .main .items .item:nth-child(2n){
        float: none;
    }
    #dsr .main .items .item a{
        width: auto;
    }
    #dsr .sidebar{
        float: none;
    }

    #cancer .main{
        float: none;
        width: auto;
    }
    #cancer .sidebar{
        float: none;
    }

    #sarcina .main{
        float: none;
        width: auto;
    }
    #sarcina .main .items .item{
        float: none;
        width: auto;
        margin-top: 30px;
    }
    #sarcina .main .items .item:first-child{
        margin-top: 0;
    }
    #sarcina .main .items .item:nth-child(2n){
        float: none;
    }
    #sarcina .main .items .item a{
        width: auto;
    }
    #sarcina .sidebar{
        float: none;
    }

    

}

.map1 img{
    width: 100%;
    height: auto;
}