@import url('https://fonts.googleapis.com/css?family=Oswald:200,400&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400&subset=cyrillic');

body.theme_old {

    background-color: #ffeffa;
    color: #5D354C;
    font-size:14px;
}

h1 {
    color: #e03050;
}

body.theme_old h1 {
    color: #a34783;
}

h2,
h3
/*h4,*/
/*h5 */
{
    color: #b62711;
}



body.theme_old a {
    color: #453799;
    /*outline: none;*/
}

a.thumb {
    width: 100%;
    display: block;
    margin: 0px auto;
    position: relative;
    border: 2px solid #eee;
    /* background: transparent url(/images/play_button.png) center center no-repeat; */
}

a.thumb:hover {
    box-shadow: 0px 0px 4px #000;
}

a.thumb > img {
    width: 100%;
}

a.thumb > span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent url(/images/play_button.png) center center no-repeat;
    filter: alpha(opacity=60);
    opacity: .6;
}


div.ny2015 {
    background: url(/images/cert_bg.jpg) center no-repeat ;
    background-size: cover;
    /*color: black;*/
}

/* index page */

header, footer  {
    color: #fff;
}

header h2,footer h2 {
    color:#fff;
    /*font-size: 1.4em;*/
}
header #toppanel {
    background: #b62711 url('images/topbg.jpg') no-repeat center left;
    background-size: cover;

}
header #toppanellogo {
    padding: 1em 0 1em 0;
}
header #toppanelmenu {
    padding: 1em 0 6em 0;
}
header #toppanelmenu li {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top:.4em;
    /*    font-size:1.1em;*/
}

header a,footer a {
    color: #ddd;
    text-decoration: none;
}
header a:hover,footer a:hover  {
    color: #fff;
    text-shadow: #ddd 0px 0px 1px;
    text-decoration: none;
}

header #mycity  {
    color: #333;
}
header #mycity a {
    color: #666;
}
header #mycity a:hover {
    color: #b62711;
}


footer .contacts {
    padding: 1em 0;
    background-color: #233140;
}
footer .copyright {
    color: #aaa;
    padding: 1em 0;
    font-size: 0.7em;
    background-color: #233140;
}


/*header #mycity h5,header #mycity h6{
    text-transform: uppercase;
}*/


#maincitylist ul>li {
    display: inline-block;
    width: 100%;
    padding-left: 25%;
}
#maincitylist ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}


@media (min-width: 768px) {
    #main_bs {
        margin: 0px;
        padding-left: 0;
        background: url(/img/bgl1.jpg) repeat-y 0px 0px;
    }
    #page_bs.container {
        margin-left: 0;
        padding-left: 0px;
    }
    #leftbar_bs ul {
        padding-left: 0;
        margin-left: -15px;
        list-style: none;
    }

    #leftbar_bs ul.navbar-nav {
        float: none;
    }
    #leftbar_bs ul.navbar-nav>li {
        float: none;
    }
    #leftbar_bs ul.navbar-nav>li>a {
        padding: 0;
    }

    #content_bs {
        padding-top: 3em;
    }
}

@media (max-width: 767px) {
    #maincitylist ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    body.theme_old {
        padding-top: 70px;
    }
    .cityinfo {
        padding: 0 0 2em;
    }
}

.btn{
    white-space:normal !important;
    word-wrap:break-word;
}
.footer {
	background-color:#333;
}
.footer p {
	margin: 5px 0;
}
.navbar-default {
    background-color: #761506;
    border-color: #b62711;
}
.navbar-brand {
    padding: 7px 5px;
    /*font-size: 18px;*/
    /*line-height: 20px;*/
    /*height: 50px;*/
}

.navbar-nav ul {
    list-style: none;
    padding: 0;
}
.navbar-nav li>a{
    display: block;
}
.navbar-nav li {
    text-align: center;
}

#pagehelper {
    padding: 2em;
}

#leftbar_bs { padding-top: 1em;}


#content_bs>.row {
    margin-top: 1em;
}



#leftbar_bs li {
    background: linear-gradient(to right, rgba(255,255,255,.8) 0%, rgba(255,239,250,1) 100%);
    text-align: center;

}



#leftbar_bs ul.left-menu-1>li {
    margin-top:4px; padding:2px 0 2px 2px;
    text-align: left;
    font-weight: bold;
}

#leftbar_bs ul>li {
    margin-top:10px; padding:10px 0 10px 15px;
}


/* FAQ Definition Lists */

#faq dt{
    color:#8F9AA3;
    font-size:18px;
    margin-top:10px;
    padding-left:25px;
    position:relative;
    cursor:pointer;
    border:1px solid transparent;
}

#faq dt:hover{ color:#5f6a73;}
#faq dd:hover{ color:#5f6a73;}

#faq dt .icon{
    background:url('images/bullets.png') no-repeat;
    height:12px;
    left:0;
    position:absolute;
    top:6px;
    width:12px;
}

#faq dt.opened .icon{ background-position:left bottom;}

#faq dd{
    font-size:14px;
    color:#717f89;
    line-height:1.5;
    padding:4px 0 0 20px;
    display:none;
}


.countdowntext {color: #505050; font-size: 16px; font-weight: normal;}
.countdownminutes {color: #e03050; font-size: 44px;  font-weight: bold;}
.countdowndayx {color: #e03050; font-size: 44px;  font-weight: bold;}
/*.countdowndiv { width: 100%; padding: 5px;  }*/
.countdowndiv p { text-align:center;}
/*.countdowndiv ul { font-size:14px; margin:10px 0; padding-left: 40px; }*/

.staffbox { clear:both; }
.staffbox .item { display:-moz-inline-stack; margin:0 10px; width:120px; display:inline-block; *display:inline; vertical-align:top; padding: 5px 0px; text-align:center;}
/*.staffbox .item:first-child { margin-left:0; }*/
/*.staffbox .item:last-child { margin-right:0; }*/
.staffbox .photo { min-height:160px; width:120px; /*overflow: hidden;*/margin: 0 auto;}
/*.staffbox .photo img {*/
    /*margin: 0 auto;*/
    /*max-width: 120px;*/
    /*max-height: 160px;*/
    /*!*border: solid #fff 1px;*!*/
    /*color: #fff;*/
    /*-webkit-box-shadow: 0px 0px 5px #333;*/
    /*-moz-box-shadow: 0px 0px 5px #333;*/
    /*box-shadow: 0px 0px 5px #333;*/
/*}*/
.staffbox .desc { font-size:12px; margin-top: 5px; }
.staffbox .desc .name { font-weight:bold; }
.staffbox .desc .occup { font-weight:normal; }


a.fancyImage { margin: 5px 0; display: block; }
a.fancyImage>img { opacity:0.87; }
a.fancyImage>img:hover { opacity:1; }

div.stub { clear:both; height:1em;}
div.stub2x { clear:both; height:2em;}
body.theme_old a.phone { color: #e363b7; text-decoration:none; }
body.theme_old a.btn { color: #fff; text-decoration:none; }
a.phone>span.phone {  }
a.phone>span.code { color:#5D354C; }

/*ul.listcity {*/
    /*margin:5px 0px;*/
/*}*/
/*ul.listcontacts {*/
    /*margin:5px 0px;*/
/*}*/
/*ul.listcity li {*/
    /*margin:5px 0px 20px 0px;*/
/*}*/
/*ul.listcontacts li {*/
    /*margin:5px 0px 0px 20px;*/
/*}*/

/*a.linkcity {*/
    /*font-weight:bold; font-size:1.15em;*/
/*}*/
/*a.linkmore {*/
    /*font-size:0.9em;*/
    /*margin-left:30px;*/
/*}*/
/*a.tel:link,a.tel:hover { color:#e363b7; text-decoration:none; }*/
/*a.tel>span.code { color:#5D354C; }*/



.social {
    font-weight: normal;
}
.social > i {
    padding: 5px;
    border-radius: 50%;
    color: #fff;
}
.viber {
    color: #7b519d;
}
.whatsapp {
    color: #20B038;
}
.telegram {
    color: #0088cc;
}
.socicon-viber {
    background: #7b519d;
}
.socicon-whatsapp {
    background: #20B038;
}
.socicon-telegram {
    background: #0088cc;
}


.appboxWhite {
    /*width:450px;*/
    margin:0 auto;
    text-align:center;
    padding:10px 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background: #fff;
    border: solid #666 1px;
    color: #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    box-shadow: 0px 0px 10px #666;
}



.toponline {
    background-color: white;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
    color: #333333;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}
.toponline .bg {
    background: url("/images/toponline-bg.jpg") no-repeat 0 10%;
    background-size: cover;
    min-height: 25rem;
}

.toponline .cont {
    margin: 0 2rem 2rem 2rem;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    max-width: none;

}
.toponline h1.title {
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
    font-size: 4rem;
    letter-spacing: 0.2rem;
    margin-bottom: 0;
    color: #333333;
}
.toponline h2.subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 2.5rem;
    letter-spacing: 0.1rem;
    margin-top: 0;
    color: #ff00cc;
}

.toponline strong>.hl {
    text-transform: uppercase;
    font-style: italic;
    color: #a34783;
}

.toponline .btn-cleo {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #ffffff;
    background-color: #D52C99;
    background-image: linear-gradient(to right, #D52C99, #FC3FF8);
    border-color: #E474BD;
}

.toponline .btn-cleo:hover {
    background-image: linear-gradient(to right, #BF268A, #fb1ff6);
}

.toponline .dl-horizontal dt {
    float: left;
    clear: left;
    width: 5rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 5rem;
    font-weight: bold;
    font-style: italic;
    line-height: 0.9;
}
.toponline .dl-horizontal dd {
    margin-left: 6rem;
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .toponline {
        flex-direction: row;
    }
    .toponline .bg {
        background-position: 70% 0;
        background-size: cover;
        -ms-flex: 1 0 33.333333%;
        flex: 1 0 33.333333%;
        max-width: 33.333333%;
    }
}