body {
    font-family: 'Comfortaa', cursive;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    font-size:14px;
}

a:link  {
    color: #181713;
    text-decoration: underline;
}

a:hover, a:active, a:focus  {
    color: #407ec2;
}

textarea, input, button { outline: none; }



.navbar, .navbar-inverse {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    min-height: 80px;
}

.nav li {
    display: inline;
    color: white;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-family: Lato;
    font-size: 1.7em;
    font-weight: 300;
    padding: 30px 25px 33px 25px;
}

.navbar-inverse .navbar-nav li a:hover {
    background-color: #444444;
    transition: 0.7s all linear;
    height: 100%;
}



/*
-------------------------------------------
header
-------------------------------------------
*/

#logo{
    height: 65px;
    padding: 3px 0 0 0;
}

#header {
    border-bottom: 1px dotted #e2e1dd;
}


@media only screen and (min-width: 769px) {
    #second_header {
        margin: -65px -30px 0 0;
        text-align: right !important;
        width: 200px;
        float: right;
    }


}
@media only screen and (max-width: 768px) {
    #second_header {
        margin: 0px auto 0 auto;
        text-align: center !important;
        width: 200px;
    }

}

#second_header_col {
    display: flex;
    margin: 20px 0 10px 0;
}

#search_link {
    text-align: center;
    cursor: pointer;
    width: 26px;

}

#search_link:hover {
    color: #45bb89;

}





#english_link {
    text-align: right;
    margin: 5px 0 0 30px;
    width: 100px;

}

#english_link:hover a, #english_link:active a, #english_link:focus  a {
    color: #45bb89;
    text-decoration: none;
}


#search_input{
    font-size: 1.5rem;
    padding: .5rem 1rem;
    border: 3px solid #b4b0a7;
    background-color: #fff;
    height: 3rem;
    width: 60%;
    text-indent: 5px;
}

@media (min-width: 700px){
    #search_input {
        width: 400px;
    }
}


.btn:hover{
    background-color: #f2dfc8;
    color: #fff;
}

.btn {
    position: absolute;
    background-color: #b4b0a7;
    color: #fff;
    border-radius: 0;
    height: 48px;
    margin: 0 0 0 -43px;
    width: 44px;
    padding: 10px;
}

.btn:hover, .btn:active {
    background-color: #b4b0a7;
}


.btn_text {
    cursor: pointer;
    text-transform: none;
    font-size: 1.5rem;
}
.btn_text:hover {
    color: #45BB89;
}

.search{
    padding: 30px 0 30px 0;
    background: #f8f7f5;
    display: none;
}

#search_close{
    position: absolute;
    top: -32px;
    right: 0px;
    font-size: 30px;
    color: #b4b0a7;
    cursor: pointer;
    width: 45px;
    height: 45px;
    padding: 5px;

}



/*
-------------------------------------------
big picture
-------------------------------------------
*/
#big_picture_img{

}

@media screen and (min-width: 992px) {
    #billboard{
        position: absolute;
        padding: 25px 35px;
        top: 320px;
        left: 48%;
        width: 550px;
        /* height: 260px; */
        color: #fff;
        background-color: rgba(0,0,0,0.6);
        z-index: 10;
        font-weight: 700;
        text-align: center;
    }

    #billboard h1 {
        line-height: 90px;
    }
}

@media screen and (max-width: 991px) {
    #billboard{
        padding: 10px;
        color: #fff;
        background-color: rgba(0,0,0,0.6);
        text-align: center;
    }

    #billboard h1 {
        line-height: 40px;
    }

    #billboard h2 {
        font-size: 16px !important;
    }

    #social_icon {
        margin: 15px 0 0 -15px !important;
    }
}

#billboard h1 {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: normal;
}

#billboard h2 {
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 39px;
    font-weight: bold;
}

#billboard h3 {
    font-size: 1.1rem;
    letter-spacing: 0.04em;
    line-height: 1.9875rem;
    font-weight: normal;
}

#social_icon {
    margin: 30px 0 0 -15px;
}
.circle {
    margin: 0 0 0 15px;
}

.circle a{
    margin: 0;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    border: none;
    padding: 10px;
    background-color: #45bb89;
    font-size: 18px;
    color: #fff;
}

.circle:hover a, .circle:active a, .circle:focus  a {
    background-color: #319f70;
    color: #fff;
}




.my_no_gutter{
    padding-right: 0px;
    padding-left: 0px;
}
@media screen and (min-width: 992px) {
    #top-item {
        width: 1140px;
        height: 540px;
        position: relative;
    }
}

#top-item img{
    width: 100%;
    height: auto;
}

@media screen and (min-width: 992px) {
    #nav-buttons {
        height: 12px;
        padding: 7px;
        position: absolute;
        left: 498px;
        top: 500px;
        z-index: 100;
        box-sizing: content-box;

    }

    .butt-box {
        padding: 0 6px;
        float: left;
        box-sizing: content-box;
    }

    .inn-circle {
        width: 10px;
        height: 10px;
        background: #ffffff;
        border: 2px solid #cccccc;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        box-sizing: content-box;
        cursor: pointer;
    }

    .arrow_nav {
        width: 55px;
        font-size: 32px;
        align-items: center;
        display: flex;
        cursor: pointer;
        flex-basis: auto !important;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 991px) {
    .nav-buttons {
        display: none;
    }
}




#top-item1 {
    position: absolute;
}

#top-item2 {
    position: absolute;
}

#top-item3 {
    position: absolute;
}

#top-item4 {
    position: absolute;
}

#top-item5 {
    position: absolute;
}




/*
-------------------------------------------
main menu
-------------------------------------------
*/

@media screen and (min-width: 993px) {
    .main_menu_container {
        background: #ffffff;
        border-bottom: 1px dotted #e2e1dd;
        border-top: 1px dotted #e2e1dd;
        font-family: Arial, Helvetica, sans-serif;
    }
}



@media (min-width: 1200px){
    .rowmy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (max-width: 1199px){
    .rowmy {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.colmy {
    padding: 10px 27px 10px 28px;;
    text-align: center;

}


.colmy_begin {
    padding: 10px 27px 10px 0px;
    text-align: left;
}

.colmy_end {
    text-align: right;
    padding: 10px 0px 10px 29px;

}



.main_menu a:hover, .main_menu a:active {
    color: #ffffff;
}

.main_menu a:link, .main_menu a:visited {
    color: #0d1215;
}

.main_menu a:link, .main_menu a:visited, .main_menu a:hover, .main_menu a:active{
    font-size: 14px;

    line-height: 33px;
    /* border-bottom: 1px solid #bbc1c3; */
    text-decoration: none;
    font-weight: bold;
}


.colmy_hover {
    background: #45bb89;
}

.submenu{
    display: none;
    position: absolute;
    top: 53px;
    left: 0px;
    background: #f6f3ee;
    width: 1142px;
    z-index: 10;
}

@media screen and (max-width: 992px) {
    .submenu{
        display: none;
        position: absolute;
        top: 62px;
        left: 0px;
        background: #45bb89;
        z-index: 10;
    }
}

.submenu_item {
    line-height: 16px;
    text-align: center;
    padding: 11px 0px 0px 0px;

}

.submenu_item a {
    font-size: 16px !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

.row_submenu {
    padding: 41px 0px 51px 0px;
    border-top: 3px solid #45bb89;

}

/* overwrite  bootstrap css*/
.dropdown-item {
    width: 270px !important;
    text-align: center !important;
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1) !important;
    font-weight: bold !important;
}

.dropdown-menu {
    position: absolute;
    top: 96%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 1.5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0 !important;
    border-top: 3px solid #45bb89 !important;
}

.dropdown-menu.show {
    display: flex !important;
    flex-wrap: wrap !important;
    background: #f6f3ee;
    width: 100%;
}

.show > .dropdown-toggle {
    background-color: rgb(69, 187, 137);
}



.dropdown {
    position:static !important;
}

.dropdown-toggle::after {

    content: normal !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.navbar {
    padding: 0rem 0rem !important;
    min-height: 0px !important;
    width: 100%;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f6f3ee !important;
    text-decoration: underline !important;
}

.dropdown-item:active {
    color: #404143 !important;
}

.carousel-indicators li {
    margin-right: 6px !important;
    margin-left: 6px !important;
    width: 10px !important;
    height: 10px !important;
    background: #ffffff !important;
    border: 2px solid #cccccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-sizing: content-box;
    cursor: pointer;
}

.carousel-indicators .active {
    background-color: rgb(49, 159, 112) !important;
}

/* end of overwrite  bootstrap css*/


/*
-------------------------------------------
modules
-------------------------------------------
*/

.modul{
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 20px;
}

.modul_last{
    padding: 0 0 20px 0;
}

.modul_header h2 {
    margin: 40px auto;
    font-size: 37px;
    font-weight: 500;
    letter-spacing: 5px;
    text-align: center;
    color: #313131;
}

.modul h3 {
    margin: 22px 0 14px 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 36px;
    text-align: center;
    padding: 0 15px 0 15px;

}

.modul h3 a:link, .modul h3 a:visited{
    color: #313131;
}

.modul h3 a:hover, modul h3 a:active{
    color: #319f70;
    text-decoration: none;

}

.first_annotation{
    margin: 8px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.15px;
    line-height: 25px;
    text-align: center;
    color: #313131;
    padding: 0 15px 0 15px;
}

.title_date {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.15px;
    line-height: 25px;
    text-align: center;
    color: #313131;
    margin-top: 20px;

}

.modul_col{
    margin: 0 0 30px 0;
    text-align: center;
}

.modul_content {
    overflow: auto;
    background: #f6f3ee;
    padding: 0 0px 10px 0px;
}

.modul_content h3 {
    padding: 0 15px;
}

.more_link {
    line-height: 24px;
    font-size: 14px;
    margin: 50px 0;
    background: #f6f3ee;
    padding: 13px 18px 13px 18px;
    text-align: right;
}

.more_link:hover {
    background: #e7e7e7;
}




.more_link a:link, more_link h3 a:visited {
    color: #313131;
}

.more_link  a:hover, .more_link a:active{
    color: #45BB89;
    text-decoration: none;
}

.fontawesome {
    height: 1em;
    vertical-align: -.125em;
    color: #45BB89;
}

.fontawseome_span {
    margin: 0 10px 0 10px;
    color:  #181713;
}

.share_social img {
    width: 27px;
    height: auto;
}
.social {
    margin-top: 30px;
    margin-bottom: 30px;
}
.share_social {
    width: 22px;
    height:auto;
    margin-right: 10px;
}

.facebook {
    color: #45bb89;
}

.facebook a:link, .facebook a:hover, .facebook a:visited, .facebook a:active{
    color: #45bb89;
}



.google {
    color: #db3236;
}

.twitter {
    color: #45bb89
}

.twitter a:link, .twitter a:hover, .twitter a:visited, .twitter a:active{
    color: #45bb89;
}

.issue_date {
    margin-left: 20px;
    color: 2d2c2c;
    font-size: 14px;
}

.author{
    margin-left: 10px;
    color: 2d2c2c;
    font-size: 14px;
}

/*
-------------------------------------------
footer
-------------------------------------------
*/

.footer_first{
    border-top: 1px dotted #cccccc;
    padding: 50px 0 50px 0;
}

.footer_first h3{
    margin: 0px 0 15px 0;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 28px;
    font-weight: bold;
}

.footer_first li a:link, .footer_first li a:visited{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

.footer_first li a:hover, .footer_first li a:active{
    color: #45BB89;
    text-decoration: none;
}

.footer_first li {
    margin: 0 0 10px 0;
}

.footer_first_col{
    margin: 0 0 40px 0;
}

.footer_second{
    border-top: 1px dotted #cccccc;
    padding: 30px 0 30px 0;
    line-height: 50px;
}

.footer_second a:link, .footer_second  a:visited{
    font-size: 14px;
}

.footer_second a:hover, .footer_second a:active{
    color: #45bb89;
    text-decoration: none;
}



#donate_image{
    width: 200px;
    margin: -15px 0 0 0;
}

.donate{
    font-size: 15px;
    font-style: normal;
    text-align: justify;
}

@media (max-width: 576px) {
    .paypal_donate {
        text-align: center;
        margin: 30px 0 0 0;
    }
}

.cookies{
    background: #e1ddd4;
    color: #181713;
    line-height: 45px;
    font-size: 13px;
}

.cookies a{

}

.cookies a:link, .cookies a:visited{
    color: #181713;
    text-decoration: underline;
}

.cookies a:hover, .cookies a:active{
    color: #319f70 !important;
    text-decoration: underline;
}

#cookies_close {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 30px;
    color: #8d8b8b;
    cursor: pointer;
    width: 45px;
    height: 45px;
    padding: 5px;
}


/*
------------------------------------------------
to the top of page
------------------------------------------------
*/


#toTheTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 65px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */

    color: #ffffff; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 5px 10px; /* Some padding */

}

#toTheTop:hover {
    /* background-color: #0072ce; /* Add a dark-grey background on hover */
}


/*
---------------------------------------------------------
---------------------------------------------------------
page.php
---------------------------------------------------------
---------------------------------------------------------
 */

.main_content {
    margin: 50px 0;
    width: 100%;
}

.text_content p{

    margin: 0 0  20px 0;
    font-size: 15px;
    line-height: 20px;
}

.new_breadcrumb
{
    background-color: #fff;
    padding: 15px 0 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;

}

.navig {
    border-bottom: 1px dotted #e2e1dd;
    font-size: 12px;
}

.my_breadcrum::before {
    content: "→" !important;
}
.wrapper_big {
    background-color: #f6f3ee;
}
.wrapper{
    padding: 30px 0 30px 0;
    max-width: 500px;
    margin: 0 auto 0 auto;
}

.main_content {
    padding: 20px 0 70px 0;
    width: 100%;
}

.text_content p{

    margin: 0 0  20px 0;
    font-size: 15px;
    line-height: 20px;
    text-indent: 15px;
}

.custom-no-gutters{
    padding-left: 0px;
    padding-right: 0px;
}

.indent{
    text-indent: 10px;
}

.video {
    margin: 60px 0 0 0;
}


.old_img img {
    height: auto !important;
    width: 100% !important;
    display: block;

}

.article_title {
    font-size: 36px;
    margin: 0 auto 0 auto;
}

.social_sub{
    display: flex;
    width: 70px;
    margin: auto;
}

.bottom_on_page{
    margin: 80px 0 0 0;
}

/*
-------------------------------------------
commentars
-------------------------------------------
 */
.comments {
    padding: 40px 0px 20px 0px;
}

.comments h3 {
    color: #0072ce;
}

.comment {
    border-bottom: 1px solid #cccccc;
    padding:20px;
}

.comment_number{
    font-size: 36px;
    font-weight: bold;
    color: #d6d6d6;
}
.comment_name {
    max-width: 140px;
    margin: 12px 0 4px;
    font-weight: 500;
    font-size:16px;
    word-wrap: break-word;
}

.comment-text{
    font-size:14px;
}

.comments h4 {
    font-size: 1.3rem;
    color: #0072ce;
    margin: 50px 0 20px 0px;
}

.comments input {
    width: 100%;
    border: 1px solid #d6d6d6;
}

.comments textarea {
    width: 100%;
    border: 1px solid #d6d6d6;
}

.row_form {
    margin-bottom: 20px;
    font-size: 15px;
}

.button{
    text-decoration:none;
    text-align:center;
    padding:11px 32px;
    border:solid 1px #0761ab;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    font:21px Arial, Helvetica, sans-serif;
    font-weight:bold;
    letter-spacing: 1px;
    color:#fcfcfc;
    background-color:#4fa3e8;
    background-image: -moz-linear-gradient(top, #4fa3e8 0%, #0071ce 100%);
    background-image: -webkit-linear-gradient(top, #4fa3e8 0%, #0071ce 100%);
    background-image: -o-linear-gradient(top, #4fa3e8 0%, #0071ce 100%);
    background-image: -ms-linear-gradient(top, #4fa3e8 0% ,#0071ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ce', endColorstr='#0071ce',GradientType=0 );
    background-image: linear-gradient(top, #4fa3e8 0% ,#0071ce 100%);
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

}

/*
-------------------------------------------
catalog.php
-------------------------------------------
*/

.page-item.active .page-link {
    background-color: #45bb89 !important;
    border-color: #45bb89 !important;
}

.new_breadcrumb1 {
    background-color: #fff;
    padding: 15px 0 15px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    font-size: 12px;
}

.catalog_container{
    margin-bottom: -120px;
    margin-top: 10px;
}
}

.main_menu_catalog {
    letter-spacing: 0.4px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #e2e1dd;
}

.bl_h1{
    margin-bottom: 0px;
    font-size: 28px;
    padding: 10px 0;
}

.main_menu_sub_container {
    background: #f8f7f5;
}

.second_search_input{
    height: 38px;
    width: 400px;
    border: 1px solid #d4d8d9;
    padding-left: 16px;
    font-size: 17px;
}

.second_search{
    padding: 30px;
}

.search_form_wraper{
    position: relative;
}

.svg_div{
    width: 15px;
    padding: 10px 0px 0px 0px;
}

.btn1{
    position: absolute;
    right: 1px;
    top: 1px;
    text-align: center;
    border: none;
    padding: 1px 30px;
    background: #f8f7f5;
    color:#0072ce;
    cursor: pointer;
}

.btn1:hover {
    background-color: #d4d8d9;
}


.sub_menu_active{
    background: #ffffff;
    border-top: 3px solid #0072ce;
    border-right: 1px solid #d4d8d9;
    border-left: 1px solid #d4d8d9;
    margin-bottom: -1px;
}

.colmy_sub {
    padding: 10px 20px;
    text-align: center;
}

.main_menu_sub_catalog{
    border-bottom: 1px solid #d4d8d9;
}


.main_menu_sub_catalog a:link, .main_menu_sub_catalog a:visited, .main_menu_sub_catalog a:hover, .main_menu_sub_catalog a:active{
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 33px;
    text-decoration: none;
}

.main_menu_sub_catalog a:hover, .main_menu_sub_catalog a:active {
    color: #ffffff;
}

.main_menu_sub_catalog a:link, .main_menu_sub_catalog a:visited {
    color: #0d1215;
}

.colmy_sub_hover {
    background: #d4d8d9;
}

.sub_modul {
    margin-top: 90px;
}

.catalog_navigation{
    margin-top: 40px;
    font-size: 16px;
}





/*
-------------------------------------------
meatup
-------------------------------------------
*/

/*! CSS Used from: https://www.meetup.com/mu_static/en-US/main.16e9830.css */
a,span,time{display:inline;}
p,ul{display:block;margin:0;padding:0;}

li{margin:0;padding:0;}
address{display:inline;font-style:normal;}


a{color:inherit;}
.chunk{padding-bottom:16px!important;display:block;}
.flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-box-align:flex;box-align:flex;-webkit-align-items:flex;-ms-align-items:flex;align-items:flex;-ms-flex-align:flex;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-ms-flex-direction:row;-webkit-box-lines:single;box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex,.flex-item{box-sizing:border-box;}
.flex-item{-webkit-flex-grow:1;flex-grow:1;-ms-flex-positive:1;-webkit-flex-basis:0;flex-basis:0;-ms-flex-preferred-size:0;width:auto;min-width:0;padding-left:16px;}
.flex-item:first-child{padding-left:0;}
.flex--row{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-box-align:flex;box-align:flex;-webkit-align-items:flex;-ms-align-items:flex;align-items:flex;-ms-flex-align:flex;box-sizing:border-box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-ms-flex-direction:row;-webkit-box-lines:single;box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex--row>.flex-item{padding-left:16px;width:auto;}
.flex--row>.flex-item:first-child{padding-left:0;}
.flex--column{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-box-align:flex;box-align:flex;-webkit-align-items:flex;-ms-align-items:flex;align-items:flex;-ms-flex-align:flex;box-sizing:border-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-ms-flex-direction:column;height:100%;}
.flex--column>.flex-item{-webkit-flex-basis:auto;flex-basis:auto;-ms-flex-preferred-size:auto;width:100%;padding-left:0;}
@media only screen and (min-width:640px){
    .atMedium_flex--row{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-box-align:flex;box-align:flex;-webkit-align-items:flex;-ms-align-items:flex;align-items:flex;-ms-flex-align:flex;box-sizing:border-box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-ms-flex-direction:row;-webkit-box-lines:single;box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:auto;}
    .atMedium_flex--row>.flex-item{padding-left:16px;-webkit-flex-basis:0;flex-basis:0;-ms-flex-preferred-size:0;width:auto;}
    .atMedium_flex--row>.flex-item:first-child{padding-left:0;}
}
.flex>.flex-item--1{-webkit-flex-grow:1;flex-grow:1;-ms-flex-positive:1;}
.flex>.flex-item--2{-webkit-flex-grow:2;flex-grow:2;-ms-flex-positive:2;}
.flex>.flex-item--shrink{-webkit-flex-grow:0;flex-grow:0;-ms-flex-positive:0;-webkit-flex-shrink:0;flex-shrink:0;-ms-flex-negative:0;-webkit-flex-basis:auto;flex-basis:auto;-ms-flex-preferred-size:auto;width:auto;}
.flex--alignCenter{-webkit-box-align:center;box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-ms-flex-align:center;}
.avatar,.avatar--person{height:36px;width:36px;width:position:relative;background-color:#e4e9ed;background-position:center 42%;color:transparent;display:inline-block;font-size:0;text-indent:100%;white-space:nowrap;vertical-align:top;}
.avatar-print{speak:none;display:none;}
@media print{
    .avatar-print{width:100%;display:block;}
}
.avatar--small{height:24px;width:24px}
.avatar--person{vertical-align:middle;border-radius:999px;box-sizing:border-box;}
.button{display:-webkit-inline-box;display:-moz-inline-box;display:inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-ms-flex-direction:row;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-ms-flex-align:center;-webkit-transition:background .15s;transition:background .15s;box-sizing:border-box;-webkit-appearance:none;border-radius:4px;font-size:14px;line-height:1.6;outline:0;padding:8px 32px;vertical-align:middle;color:#fff;background:#00a2c7;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
    .button{min-height:0;padding-top:.33em;padding-bottom:.5em;}
}
.button{stroke:transparent;fill:#fff;}
.button:hover{transition:all .4s cubic-bezier(.165,.84,.44,1);}
.button:focus,.button:hover{background:#008dae;}
.button:active{background:#00708a;}
.button--fullWidth{display:block;text-align:center;width:100%;}
.card{padding:20px;border:.5px solid rgba(46,62,72,.12);box-sizing:border-box;display:block;background:#f8f7f5;border-radius:8px;position:relative;background-size:cover;background-clip:padding-box;min-height:160px;}
.card--hasHoverShadow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);}
.card--hasHoverShadow:focus,.card--hasHoverShadow:hover{box-shadow:0 0 4px 0 rgba(46,62,72,.12),0 4px 12px 0 rgba(46,62,72,.12);transform:translateY(-1px);}
.svg{display:inline-block;}
.svg-icon{display:-webkit-inline-box;display:-moz-inline-box;display:inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;font-size:0;position:relative;}
.svg-icon{stroke:transparent;fill:rgba(46,62,72,.6);}
.svg-icon use{pointer-events:none;}
.card{position:static;}
.link{cursor:pointer;}
.text--ellipsisTwoLines{white-space:normal;-webkit-line-clamp:2;line-height:1.45!important;max-height:2.8em;}
.text--ellipsisTwoLines{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.text--ellipsisFiveLines{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.2;max-height:6.2em;}
.avatarRow-item{height:72px;width:72px;margin-right:8px;}
.eventCard{position:relative;min-width:330px;}
.eventCard--link{position:absolute;top:0;bottom:0;left:0;right:0;}
.eventCard--clickable .button,.eventCard--clickable a{position:relative;z-index:1;}
.eventCard .eventCardHead--title,.eventCard .eventCardHead .event-info-hosts{line-height:1.2;}
.eventCard .eventCardHead .event-info-hosts .event-info-hosts-text{padding-left:8px;}
.eventCard--attendeesLink .avatarRow-item{margin-right:0;}
.eventCard--attendeesLink .avatarRow-item:not(:first-child){margin-left:-8px;}
.eventCard--attendeesLink .avatarRow--attendingCount{margin-left:8px;}
.eventCard--attendeesLink .avatar--person{border:1px solid #fff;}
.dateDisplay{display:inline-block;text-align:center;background:#f6f7f8;border:1px solid rgba(46,62,72,.12);border-radius:8px;padding:8px;min-width:36px;min-height:36px;}
.dateDisplay .dateDisplay-day,.dateDisplay .dateDisplay-month{display:block;text-align:center;line-height:1.1;font-weight:500;}
.dateDisplay .dateDisplay-day{color:#f13a59;font-size:20px;}
.dateDisplay .dateDisplay-month{color:rgba(46,62,72,.6);font-weight:500;text-transform:uppercase;}
.roundBorderBackground{background-color:#e0e0e0;border-radius:36px;}
.roundBorderBackground--child{margin:8px 12px;}
.avatar,.avatar--person{background-repeat:no-repeat;background-position:50%;background-size:cover;}
.button,.buttonPersonality{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-decoration:none!important;}
.chunk{*zoom:1;}
.chunk:after,.chunk:before{content:" ";display:table;}
.chunk:after{clear:both;}
ul{margin-left:0;padding-left:0;list-style-type:none;}
.text--display3{color:#2e3e48;font-weight:600;line-height:1.1;}
.text--display3{stroke:transparent;fill:#2e3e48;}
.text--display3{font-size:1.75rem;}
.text--bold{font-weight:500!important;}
.text--heavy{font-weight:600!important;}
.text--secondary{color:rgba(46,62,72,.6);}
.text--secondary{stroke:transparent;fill:rgba(46,62,72,.6);}
.text--small{font-size:.875rem;line-height:1.6;}
.text--tiny{font-size:.75rem;line-height:1.6;}
.link{color:#00a2c7;text-decoration:none;}
.link{stroke:transparent;fill:#00a2c7;}
.link:link{text-decoration:none;}
.link:active,.link:focus,.link:hover{text-decoration:underline;}
.align--center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center;text-align:center!important;}
.valign--middle{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center;vertical-align:middle!important;}
.border--none{border-width:0!important;}
.display--inline{display:inline;}

ul{list-style:none;padding-left:0;}
.margin--top{margin-top:16px;}
.margin--left{margin-left:16px;}
.padding--top{padding-top:16px;}
.padding--right{padding-right:16px;}
.padding--left{padding-left:16px;}
.padding--bottom{padding-bottom:16px;}
.wrap--singleLine--truncate{white-space:nowrap!important;}
.wrap--singleLine--truncate{overflow:hidden!important;text-overflow:ellipsis!important;}
.visibility--a11yHide{border:0;clip:rect(0 0 0 0);position:absolute;overflow:hidden;margin:-1px;padding:0;width:1px;height:1px;}


/*
-------------------------------------------
search.php
-------------------------------------------
*/

.search_container{
    margin-top: 10px;
    margin-bottom: -60px;
}

.search_result {
    font-weight: 600;

}

.search_display {
    margin-bottom: 25px;
    margin-top: 10px;
    font-size: 18px;
}

.main_content1{
    padding: 30px 0 70px 0;
    width: 100%;
}




.static_page {
    padding: 10px 0px;
    font-size: 16px;
}


/*
-------------------------------------------
page_mage.php
-------------------------------------------
*/

.new_breadcrumb1 {
    background-color: #fff;
    padding: 15px 0 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 -25px;
}


.main_static_content {
    margin: 30px 0px 80px 0px;
}

.main_static_content  img.image_resized {
    height: auto !important;
    max-width: 100%;
}

.main_static_content p {
    margin: 5px 0px;
    width: 100%;
}

svg {
    fill: currentColor;
}

.row_menu {
    margin-right: 0px !important;
    margin-left: 0px !important;
}


