/* font-family: "RalewayRegular"; */
@font-face {
    font-family: "RalewayRegular";
    src: url("../fonts/RalewayRegular/RalewayRegular.eot");
    src: url("../fonts/RalewayRegular/RalewayRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayRegular/RalewayRegular.woff") format("woff"),
    url("../fonts/RalewayRegular/RalewayRegular.ttf") format("truetype");
    
}
@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans.ttf");
 
    
}
@font-face {
    font-family: "RalewayMedium";
    src: url("../fonts/RalewayMedium/RalewayMedium.eot");
    src: url("../fonts/RalewayMedium/RalewayMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayMedium/RalewayMedium.woff") format("woff"),
    url("../fonts/RalewayMedium/RalewayMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RalewayLight"; */
@font-face {
    font-family: "RalewayLight";
    src: url("../fonts/RalewayLight/RalewayLight.eot");
    src: url("../fonts/RalewayLight/RalewayLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayLight/RalewayLight.woff") format("woff"),
    url("../fonts/RalewayLight/RalewayLight.ttf") format("truetype");

}
/* font-family: "RalewaySemiBold"; */
@font-face {
    font-family: "RalewaySemiBold";
    src: url("../fonts/RalewaySemiBold/RalewaySemiBold.eot");
    src: url("../fonts/RalewaySemiBold/RalewaySemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewaySemiBold/RalewaySemiBold.woff") format("woff"),
    url("../fonts/RalewaySemiBold/RalewaySemiBold.ttf") format("truetype");

}
/* font-family: "RalewayBold"; */
@font-face {
    font-family: "RalewayBold";
    src: url("../fonts/RalewayBold/RalewayBold.eot");
    src: url("../fonts/RalewayBold/RalewayBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayBold/RalewayBold.woff") format("woff"),
    url("../fonts/RalewayBold/RalewayBold.ttf") format("truetype");

}
@font-face {
    font-family: "RalewayBlack";
    src: url("../fonts/RalewayBlack/RalewayBlack.eot");
    src: url("../fonts/RalewayBlack/RalewayBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RalewayBlack/RalewayBlack.woff") format("woff"),
    url("../fonts/RalewayBlack/RalewayBlack.ttf") format("truetype");

}

select#mainmenu{
    display:block;
    border:0 none;
    background:#F6F6F6;
    margin: 0 1%;
    padding: 0;
    width: 98%;
	font-size:12px;
    z-index: 11;
}

.medium{
    background:#CDCDCD;
    margin: 0 20px 0 0;
    padding: 0;
    max-width: 100%;
	float:left
}
/*-----------------------------ìîáèëüíîå ìåíþ ïîëüçîâàòåëÿ-----------------------------------------*/
.panel {
position: absolute;
z-index:11;
top:35px;
left:0;
display: none;
background:#F6F6F6;
width: 100%;
padding: 0;
margin:0;
border-radius: 0 0 3px 3px;
filter: alpha(opacity=95);
box-shadow: 0 5px 5px grey;
}

a.trigger{
float:right;
z-index:3;
text-decoration: none;
display:none;
margin:0 10px 0 0;
font-size: 13px;
letter-spacing:-1px;
color:#909090;
padding: 0 5px 0 23px;
font-weight: 700;
background: url(../images/icon-menu.png) no-repeat 0 50% transparent;
}

a.trigger:hover{
color:#707070;
display: block;
filter: alpha(opacity=95);
opacity: .95;
}

a.active.trigger {
color:#707070;
}
a.active.trigger:hover {
color:#909090;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}
#messages_tab td{
display:block;
float: left;
padding: 5px;
margin:0 10px 5px 0
}
/*----------------------------------------------------------------------------------------*/
.normal{
    display:block
}
.mobile{
    display:none
}
.normalus{
    display:block
}
.mobileus{
    display:none;
}
.mod_user_menu_mobile{
    display:none;
	width:26px;
	margin:2px 0 0 5px;
	float:left;
	overflow:hidden;
}
#friend_dial{
    float:right;
}
#friend_dial #with_id{
    width:380px;
}
#add_tab span{
    display:block;
    padding-right:10px;
    font-weight: bold
}
#captcha td{
	padding-right:5px
}
#add_tab tr:nth-child(odd) td{
    padding-top:5px;
}
#add_tab{
    font-weight:700;
}
#add_tab .hint{
    font-weight:400;
    font-size:.8em;
}
#add_tab input, #add_tab select, #add_blog input, #add_blog select{
    margin:0 0 10px;
}
#captcha input{
	margin-bottom:2px
}
#citydiv{
	width:330px
}
#add_tab .city_view, #add_blog .city_view{
    margin-bottom:0;
}
#add_tab select{
    margin:0 0 5px
}
#sidebar #login, #sidebar #pass, #sidebar #query{
    width:310px;
}
@media only screen and (max-width: 1160px) {
.mod_latest_entry{
	margin-bottom:10px
}
.mod_new_user{
    float:left;
    overflow:hidden;
    margin:0 5px 5px 0;
	padding:5px;
	background-color:#F6F6F6;
	width:125px;
	height:60px;
	overflow:hidden;
	word-wrap:break-word
}
.mod_new_user_avatar {
    float:left;
    margin:0 10px 0 0;
    padding:1px;
    background:#FFF;
	width:40px;
    border:1px solid #6E93C9;
    overflow:hidden;
}
#topmenu .menu li a{
	font-size:0.8em;
}
.mod_latest_image1{
    max-height:280px;
	overflow:hidden;
}
#sidebar input{
    max-width:245px;
}
#mod_latest_entrytop{
	margin-bottom:10px;
	height:370px;
	padding:1px;
    border:solid 1px #6E93C9;
	clear:both;
	position:relative;
	overflow:hidden
}
.mod_latest_title_vip{
    font-size:11px;
}
.con_image {
    margin-right: 1%;
}
}

@media screen and (max-width: 1120px) {
#kol, #kol2{
display:none;
}
}
@media only screen and (min-width: 836px) and (max-width: 1120px) {

#menu1 {
  background-image: none !important;
  }
.middlemodulebody{
    padding: 0 20px;
}
  .conth p:first-child{
    margin-top: 0;
    font-size: 18px; 
    padding-bottom: 0px; 
  }
  .clidermodule {
    margin-bottom: 20px;
    float: none !important;
    clear: both;}
 .photomodule {
    margin: 0 auto;
    max-width: 90% !important;
    /* display: inline-block; */
    padding: 0;
}
.photomoduletitle {
    padding: 20px;
    margin-bottom: 0;
}
  .photomodulebody {
    padding: 0px 20px 20px 20px;
}
 
.bannermodule {
    width: 90%;

    margin: 20px auto;
}
 #twor{
    width: 100%;
 }
 .middlemodule {
    margin: 20px 0;
}
 #footer {
     padding: 0 20px;
}
.mainbottom {
    max-width: 1120px;
    margin: 0 auto;
    display: table;
    clear: both;
}
.calmodule{
display: none;
}
.clidermodule{
  clear: both;
  max-width: 1120px !important;
  width: 100%;

}
.clidermodulebody {
    margin: 0 auto;
    width: 90%;
}
.mod1module, .mod2module, .mod3module, .mod4module {
    border-left: 0 !important;
    width: 70% !important;
    margin: 10px auto !important;
    height: auto !important;
    display: block !important;

}
.bigradmodule {

    margin: 0 auto;
}
.oneconcert {
   width: 90% !important;

    margin: 0 auto !important;
}
}
@media only screen and (max-width: 960px) {
.bd_cat_cell{width:100%;padding:0}
.user_menu_module li a{font-size:8px;padding:0 4px 0 23px;background-position:3px center}
.mod_latest_image_vip{
	width:60px;
}
.mod_latest_title_vip{
    font-size:10px;
}
.mod_latest_image1{
    max-height:270px;
	overflow:hidden;
}
.mod_latest_title_four1 {
    font-size: 15px;
    line-height: 15px;
}
#sidebar input{
    max-width:190px;
}
#topmenu .menu li a{
    font-size:0.6em;
    padding: 0 15px;
}
#radio{
    padding-left: 30px;
}
.wrappercar .mod_blog_karma, .wrappercar .mod_latest_desc{
    display:none
}
.style15.dt_newsslider{
    height: auto!important;
} 
.style15.dt_newsslider .dt_newsslider_slide{
    height: auto!important;
}
}
@media only screen and (max-width: 835px) {
a#sitename {
    width: 212px !important;
    margin: 30px auto !important;
    display: block !important;
    float: none !important;
}
.rssmodule {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 800px) {
.forum_zoom{
	max-width: 300px !important;
}
.row_title{
font-size:13px
}
#triol .mod_latest_title {
    font-size: 14px;
}
#triol .mod_latest_desc {
    font-size: 11px;
}
.mod_latest_title, .mod_latest_title_hits{
    font-size:12px;
    line-height:12px;
}
.mod_latest_blog_title{
    font-size:11px;
}

#main .mod_user_rating{
	width:100%;
}

.normalus{
    display:none
}
.mobileus{
    display:block;
}
.mod_user_menu .my_messages a.has_new { background:url(../images/icons/message_new.gif) no-repeat 6px 3px;}


.mod_lp_photo .photo_thumb_img{
    width:90px;
}
.photo_details_div{
   float:left;padding-left:10px; width:235px
}

.photo_view{
   width:450px;
}
#friend_dial{
    float:left;
}
.con_image, .art{
    width: 100%;
    margin-right: 0;
}
.art_short .con_image img{
    height: auto;
}
.con_title{
    text-align: center;
}
}
@media only screen and (max-width: 767px) {
    .middlemodulebody{
        padding: 0 20px;
    }

    .oneconcert {
        width: 90% !important;

        margin: 0 auto !important;
    }
    #menu1 {
        background-image: none !important;
    }
    .conth {
        width: 35.5%
    }
    a#sitename {
        width: 27%;
    }

    .clidermodule {
        margin-bottom: 20px;
        float: none !important;
        clear: both;
    }

    .conth p:first-child{
        margin-top: 0;
        font-size: 16px; 
        padding-bottom: 0px; 
    }
    .smilemodule{
        display: none;
    }
    .callmodule {
        width: 30.5%;
    }
    .callmodule img {
        width: 100% !important;
    }
    .conth p{
        font-size: 14px;
    }
    .photomodule {
        margin: 0px auto 20px auto;
        padding: 0;
        max-width: 90% !important;
    }
    .photomodulebody {
        padding: 0px 20px 20px 20px;
    }
    .middlemodule {
        margin: 20px 0;
    }
    #twor{
        width: 100%;
    }
    .bannermodule {
        width: 90%;
        max-width: 816px;
        margin: 0 auto;
    }
    .mainbottom {
        max-width: 1120px;
        margin: 0 auto;

    }
    .calmodule{
        display: none;
    }
    .clidermodule{
        clear: both;
        max-width: 1120px !important;
        width: 100%;
    }
    .clidermodulebody {
        margin: 0 auto;
        width: 90%;
    }

    .mod1module, .mod2module, .mod3module, .mod4module {
        border-left: 0 !important;
        width: 90% !important;
        margin: 10px auto !important;
        padding: 20px 0 !important;
        height: auto !important;
        display: block !important;

    }
    .photomoduletitle {
        padding: 20px;
        margin-bottom: 0;
    }
    .bigradmodule {
        width: 90%;
        margin: 0 auto;
    }
    div#triol, div#trioc, div#trior {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .ocompmodule, .sponsormodule, .lastmodule, .dreammodule, .radmaxmodule {
        padding: 20px;
        margin: 20px 0;
        background-color: rgba(241,243,241,0.95);
    }
    #footer {
        padding: 0 20px;
    }

    .progrmodule, .raspmodule, .tablemodule{
        display: block !important;
        width: 90% !important;
        height: auto!important;
        margin: 40px auto !important;
        padding: 0 !important;

    }
    .niz .cmn-toggle-switch{
        display:none !important;
    }
    .niz #topmenu{
        height:0;
    }
    .middlemodulebody{
        padding: 0;
        width: 90%;
        margin: 0 auto
    }
    #MENU {
        margin-top: 0px !important;
        top: 85px;
        right: 0px;
        width: 100%;
        display: block;
        margin-top: 40px;
        position: absolute;
    }
    #topmenu{
        background:none;
        overflow:visible !important;
    }
    .confpoot , .leftfoot, .rightfoot{
        display:block;
        width:100%;
        clear:both;
        text-align:center
    }

    a#sitename {
        width: 100%;
        margin: 30px 0;
    }

    #header{
        height: auto;
    }
    .clidermodule {
        margin-bottom: 20px;
        float: none !important;
        clear: both;}

        .conth p:first-child{
            margin-top: 0;
            font-size: 16px; 
            padding-bottom: 0px; 
        }
        .smilemodule{
            display: none;
        }
        .callmodule {
            display: none;
        }
        #obaRadio{
            width: auto;
        }

        #menu1 li {
            display: block;
            list-style: none;
        }
        #rusRadio, #mechtaRadio{
            clear: both;
            margin: 0 auto;
            float:none;
        }
        #mechtaRadio #go, #stop{
            margin-left:50px; 
        }
        .bigradmodule{
            background-repeat: repeat-y; 
        }
        #radioBlock {

            height: 310px;
        }
        .conth{
            clear: both;
            width: 100%;

        }
        .conth p{
            font-size: 14px;
        }
        .photomodule {
            display: none;
        }

        .middlemodule {
            margin: 20px 0;
        }
        .reclRad {

            display: none;
        }
        #twor{
            width: 100%;
            margin-top:20px;
        }
        .bannermodule {
            width: 90%;
            max-width: 816px;
            margin: 0 auto;
        }
        .mainbottom {
            max-width: 1120px;
            margin: 0 auto;

        }
        .calmodule{
            display: none;
        }
        .clidermodule{
            clear: both;
            max-width: 1120px !important;
            width: 100%;
        }
        .clidermodulebody {
            margin: 0 auto;
            width: 90%;
        }

        .mod1module, .mod2module, .mod3module, .mod4module {
            border-left: 0 !important;
            width: 90% !important;
            margin: 10px auto !important;
            padding: 20px 0 !important;
            height: auto !important;
            display: block !important;

        }
        .photomoduletitle {
            padding: 20px;
            margin-bottom: 0;
        }
        .bigradmodule {
            width: 90%;
            margin: 0 auto;
        }
        div#triol, div#trioc, div#trior {
            display: block;
            width: 90%;
            margin: 0 auto;
        }
        .ocompmodule, .sponsormodule, .lastmodule, .dreammodule, .radmaxmodule {
            padding: 20px;
            margin: 20px 0;
            background-color: rgba(241,243,241,0.95);
        }
        #footer {
            padding: 0px;
            height:auto;
            background: rgba(0,0,0,0.5);
        }

        #topmenu .menu li a span{
            font-size: 14px;
            text-transform: uppercase;
            font-family: "RalewayBlack";
            font-weight: 400;
        }


        #radio span {
            color:#fff !important;
        }
        .h{
            display: none;
        }
        .copysobmodulebody .mod_latest_entry img {
            width: 100% !important;
            float: none !important;
            margin-bottom: 15px;
        }
#header #usermenu{display:block;margin-top:8px;border:1px solid #dfdfdf;background:#f6f6f6;
}
#footer #copyright {
font-size:16px;
}
#sitename img{
display:block;
margin:0 auto;
max-width:50%
}
#triol .mod_latest_title {
    font-size: 15px;
}
#triol .mod_latest_desc {
    font-size: 13px;
}
.mod_latest_title, .mod_latest_title_hits{
    font-size:13px;
    line-height:13px;
}
.mod_latest_blog_title{
    font-size:13px;
}

#mod_latest_entry_block{
	width:45%;
	padding:0 5% 0 0;
	margin-bottom:10px;
	float:left;
}
.mod_latest_title_block {
    display:block;
    height:11px;
    overflow:hidden;
    font-size: 10px;
}
.boardr, .boardl{
   border-right:0 none;
   border-left:0 none;
 }
.uc_detaillist{
    padding-left:0;
}

#sidebar input{
    max-width:390px;
}

#addpost{
    width:727px;
	overflow:hidden
}

#addpost table{
    display:block;
	width:270px !important;
}
#main .threads_table td, #main .forums_table td{
	width:93px !important;
}
a.trigger{
display: block;
}
.photo_details_div{
   float:left;padding-left:0;width:100%
}

.mod_user_menu .my_messages a {
    background: url(../images/icons/message.png) no-repeat scroll 6px 0 transparent;
}
.mod_user_menu .my_messages a.has_new { background:url(../images/icons/message_new.gif) no-repeat 6px 0; color:#FFE900; }
#footer .foot_right {
    text-align: left;
}

.mod_user_menu span a{
    padding:2px 4px 2px 26px;
    text-decoration:none;
}

.normal{
    display:none !important;

}
.mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.mod_user_menu_mobile{
    display:block
}


.forum_zoom div img, .forum_zoom div img{
	max-width: 100%;
}

.usr_wall_text{
    padding-left:0;
    padding-top:10px;
	word-wrap:break-word;
}

#langs {
    margin: 5px 0 0 15px;
}
#art-info{
    float:right
}
#topmenu .menu li{
    height: auto!important;
    border-bottom: none;
}
#topmenu .menu li ul{
    display: block;
    margin: 0;
    background: none;
    position: initial!important;
    box-shadow: none;
}
#topmenu .menu li a{
    font-size:0.6em;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}
#topmenu .menu li a.selected, #topmenu .menu li.selected a, #topmenu .menu li a, #bottom .menu li a {
    color: #fff !important;
    float: none;
}
#topmenu .menu li ul li, #topmenu .menu li ul li a{
    background: none;
    position: static;
    float: none;
}
#topmenu .menu li ul li:before{
    content: "- ";
    float: left;
}
#topmenu .menu li ul li a span, #topmenu .menu li ul li ul li a span, #topmenu .menu li:hover ul li ul li a span, #topmenu .menu li ul li:hover a span, #topmenu .menu li ul li a.selected span, #topmenu .menu li ul li.selected a span, #topmenu .menu li ul li ul li:hover a span, #topmenu .menu li ul li ul li a.selected span, #from_search label.selected {
    color: #fff;
}

}

@media only screen and (max-width: 480px) {
.in_search{    
	width:80px;
}
#search_text{
	width:65px;
}

#users_sbar tr td:last-child{width:270px;}
#friend_dial{
    float:left;
}
#friend_dial #with_id{
    width:260px;
}
#sidebar input{
    max-width:270px;
}
#mod_latest_entrytop{
	margin-bottom:10px;
	height:330px;
	padding:1px;
    border:solid 1px #6E93C9;
	clear:both;
	position:relative;
	overflow:hidden
}


.uc_detaillist{
	padding-top:10px;
}
#shop_price, #shop_ac_itemdiv{
    margin-left:15px;
}
#add_tab div, #add_tab input, #add_tab.city_block, #add_tab  textarea{
    margin:0 0 10px;
	width:280px !important;
}
#citydiv, #citydiv div{
	width:255px !important;
}
#addform  input, #addform  textarea, #addform select, #add_blog input{
    margin:0 0 10px;
	width:255px !important;
}
#add_blog select{
    margin:0 0 10px;
	width:262px !important;
}
#addform #delete_image{
	width:16px !important;
}
#add_tab select{
    margin:0 0 10px;
	width:285px !important
}
#add_tab #pubdays{
	width:40px !important
}
#add_tab .city_view, #add_blog .city_view{
	width:160px !important;
	margin-bottom:0
}
#captcha input{
	width:120px !important;
	margin-bottom:0
}

.forum_zoom{
	max-width: 250px !important;
}
.msg_links {
    float: left;
}
.cm_ajax_list div{
	margin-left: 0 !important;
}
div.user_profile_data { padding:0;width:260px;float:left}
}

@media only screen and (max-width: 320px) {
#users_sbar tr td:last-child{width:250px;}

.usr_wall_text {
	padding: 0;
	background:transparent;
}
div.user_profile_data { padding:0;width:290px;float:left}
}