@media all and (min-width: 320px) and (max-width: 360px) {
    a.navbar-brand.logo img {
        width: 180px !important
    }
    #notifies {
        display:none;
    }
}
@media all and (min-width: 320px) and (max-width: 640px) {
	.img-mobil-mailbox{
		margin-top:35px
	}
	 
}

@media all and (min-width: 320px) and (max-width: 768px) {
	div#container .block{width:100%}
}



@media all and (min-width: 768px) and (max-width: 1080px) {
	body{
		overflow-x:scroll!important;
		}
		div.container{
			width:95%!important;
		}
 }
@media all and (min-width: 320px) and (max-width: 768px) {
    #body_art, section, aside, #wrap, .user, #header, #container, .sidebar,
    #mail_menu, .content, table, .mailbox_content, h1, .left_row, .register_block_bottom,
    form, #top_menu, .mail_table, .mail_table_top, .mail_table_bottom,
    .user #container .audioalbum_content, p, .videoalbum, .videoalbum_content, .album_header_footer,
    #sup form, fieldset, table, tbody, td, tr, textarea, font, .user #header .new_mails, .photoalbum_content, table, tbody, ul, li,
    #newmail_table, #newmail_table .compose_mail {
        float: none !important;
        width: 98% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 0.5% !important;
    }
    .hidden-device {
        display: none !important;
    }
    #notifies {
        display:none;
    }
    div {
        margin-left: auto !important;
        margin-right: auto !important;
        background-image: none !important;
    }
    div.ok_offline_button {
        background-image: url('/online/images/button/offline_right.png') !important;
    }
    div.ok_online_button {
        background-image: url('/online/images/button/online_right.png') !important;
    }
    #ok_user_name_input {
        background-image: url('/online/images/user_name.png') !important;
    }
    .ok_select_background {
        background-image: url('/online/images/select_group.png') !important;
    }
    div#ok_form_img {
        background-image: url('/online/images/form_cons_img.png') !important;
    }
    .ok_turn_off {
        background: url('/online/images/close.png') !important;
    }
    .new_feature {
        display: none !important
    }
    .right div {
        margin-bottom: 1px !important;
    }
    .gallery .filter_panel, .gallery .pager_results {
        padding: 1px !important;
    }
    .gallery .gallery_title {
        padding: 1px !important;
    }
    .gallery #my_services a {
        background-image: none !important;
    }
    li {
        background-image: none !important;
    }
    .user .mailbox_content div.mail_table_valentine {
        margin-left: -20px;
        width: 100% !important;
        font-size: 13px;
    }
    #right_details_shop {
        /* float:none!important;
         width:100%!important;*/
    }
    #center_details_shop {
        margin: 0 auto !important;
    }
    .gallery .gallery_items {
        padding: 0 !important;
    }
    /*div.new_mails,.basket{
       position:static !important;
       /*margin:7.2em 0 2em !important; for fixed main menu*/
    /*margin: 5.2em 0 3.0em !important;/*for static menu*/
    /*}*/
    div.new_mails {
        text-align: center
    }
    /*div.basket{
    margin-top:-25px!important;
    } for fixed main  menu*/
    /* div.basket{
    margin-top:-113px!important;
    }
    */
    .reply, .read, .stop, .new {
        float: none !important /* for history in mailbox*/
    }
    .col-xs-12, .col-sm-12, .col-md-12 {
        padding-left: 0px !important
    }
    input[type="text"] {
        width: 92% !important;
    }
    textarea {
        min-height: 100px !important;
    }
    .profile_usermenu .profile_box .right {
        position: static !important;
        width: 100% !important;
    }
    img, video, canvas, iframe {
        max-width: 100% !important;
        height: auto;
        width: auto \9; /* ie8 */
    }
    embed#thePlayerId {
        width: 100% !important;
    }
    .testimonial_block {
        max-width: 96% !important;
        float: none !important;
    }
    #header h1 {
        position: absolute !important;
        top: 0 !important;
        left: 30px;
    }
    .user #container .videoalbum #mail_menu li.active {
        width: 88% !important;
    }
    .user #container .videoalbum_content {
        float: none !important;
        width: 98% !important;
    }
    .user #container #user_menu {
        position: static !important;
    }
    .user #container .videoalbum_content .album_header_footer .right {
        float: none !important;
    }
    #header .girls_locations {
        left: 2px;
        position: static !important;
    }
    .btn .btn-success {
        float: none !important;
        display: block !important;
    }
    div .content .register_block {
        width: 100%;
    }
    .mailbox_content, .basket {
        /*width: 100% !important;*/
    }
    .btn {
        font-size: 12px !important;
        margin: 2px !important;
    }
    .shop_header_basket p {
        width: 100%;
        background-image: none !important;
    }
    #footer {
        width: 98% !important;
        margin: 0 auto;
    }
    .navbar {
        opacity: 0.9 !important;
    }
    ul.nav > li {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    #navbar ul li a {
        color: #026acb !important;
        font-weight: 500
    }
    .tree_menu li {
        list-style-image: none !important;
    }
    .user #container div.mailbox, .top_block, .right_link {
        float: none !important;
        padding: 1px !important;
    }
    div.right {
        float: none !important;
        width: 100% !important
    }
    table, thead, tbody, td, tr {
        display: block;
        margin-top: 30px;
    }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: center !important;
    }
    td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .topPersonItem {
        width: 100% !important;
        float: none !important;
    }
    .gallery .lightbox_ladies li.girls {
        min-height: 480px !important;
        width: 135px !important;
    }
    .gallery .lightbox_ladies li.galleryMobile {
        min-height: 10px !important;
    }
	.topPersonInfo{
		padding:0px 30px !important;
	}
    .topPersonInfobg {
        background-image: url(/images/gallery/bg-gal-mob.png) !important;
        height: auto !important;
		z-index:1!important
    }
    .js-online {
        position: absolute;
        width: 25px;
        top: -290px;
        left: 210px;
        z-index: 9999
    }
    td div.icons {
        width: 100% !important;
        margin-left: 130px;
    }
    input#subject, #hasword {
        width: 90% !important;
        float: none;
    }
    .user .mailbox_content .mail_table_bottom th, .user .mailbox_content .mail_table_bottom td {
        height: auto !important;
        max-height: 100% !important;
    }
    .support-questions-bill {
        /*margin-top: 425px !important;*/
		clear:both!important
    }
    div#first_search_params, #second_search_params { /*search section*/
        float: none !important;
        width: 100% !important;
        margin-left: 0px !important;
    }
    #TB_ajaxContent div#lightbox {
        left: 20% !important
    }
    #lightbox {
        width: 100%;
        float: none;
    }
    #lightbox[id] {
        position: static !important;
        margin-top: 1% !important;
        overflow-y: auto !important;
    }
    #lightbox .lightbox_footer {
        text-align: left !important;
        padding-bottom: 35px;
    }
    #lightbox .lightbox_title form.form-inline {
        position: static !important;
        margin-right: 490px !important;
        width: 10% !important;
    }
    #TB_window {
        left: 3% !important;
        right: 3% !important;
        top: 50% !important;
        width: 60% !important;
    }
    #main-user-menu ul li {
        padding: 5px 0px !important;
    }
    .inbox_mails a.a_subject {
        width: 80% !important;
        position: static !important;
        margin: 2px !important;
    }
    .zaglushka {
        height: 0px !important;
    }
    .content p {
        text-align: center !important;
        margin: 2px !important
    }
    .shop_table p {
        text-align: left !important;
    }
    a.navbar-brand.logo {
        float: none !important;
    }
    a.navbar-brand.logo img {
        margin-top: -15px !important;
    }
    .right_row {
        width: 50% !important;
        margin-top: 2px !important;
        text-align: center !important;
    }
    .mobile-style {
        width: 100% !important;
        text-align: center !important
    }
    #newmail_table .compose_mail .bottom_text {
        width: 85% !important;
    }
    .mobile-compose {
        width: 100% !important
    }
    #form_interval {
        margin-top: -1px !important;
    }
    h2 {
        text-align: center !important;
    }
    #newmail_table .compose_mail .reply_text {
        position: static !important;
    }
    #newmail_table .thumb .add_favorite a {
        margin-left: 15px !important;
    }
    .dropdown-menu > li > a {
        padding: 3px 40px !important
    }
    .tree_menu {
        width: 100% !important
    }
    .user #container .sidebar .credits {
        width: 100% !important;
    }
    ul li.btn a {
        display: block !important;
        line-height: 4px !important
    }
    img.mobile-width {
        width: 20px !important
    }
    #jssor_1 {
        left: -7px !important;
    }
    .img-polaroid-mobile {
        position: absolute;
        width: 80px;
        top: -298px;
        right: 218px
    }
		.user .mailbox_content .mail_table_top {
		/*background: url(../images/user/mail_table/table_top.gif) 0 0 no-repeat!important;*/
	}
	.user .mailbox_content .mail_table {
		 /*background: url(../images/user/mail_table/table_repeat.gif) 0 0 repeat-y!important;
		   background-color: #F7F7F7!important;
           border: 1px solid #CCCCCC;
           border-radius: 6px;*/
    }
	div .user .mailbox_content .mail_table_bottom {
        /*background: url(../images/user/mail_table/table_bottom.gif) left bottom no-repeat !important;*/
    }
   div #row-light:hover{
	   background-color:#EDF1F5 !important
    }
    .new_tr{
	    background-color:#fff  
    }
     .re_tr{
         background-color:#d4f8d4  	
    }
	.center-sub-mailbox{
		margin-top:1px!important
	}
}
/**************END MEDIA-QUERYS***********************/
/*div#header{
z-index:9999!important;
} for fixed main menu*/
    	.center-sub-mailbox{
		margin-top:20px
	}
    div #row-light:hover{
	    background-color:#EDF1F5 !important
    }
 .new_tr{
	    background-color:#fff  
    }
 .re_tr{
         background-color:#d4f8d4  	
    }
.nav > li > a {
    display: inline !important;
}
.nav > li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.active-group-menu a {
    background-color: #F25750 !important;
}
.btn-mailbox {
    background-color: #9486C6 !important;
}
.btn-mailbox a {
    color: #fff !important;
    font-weight: bold
}
.btn-chat {
    background-color: #CD853F !important;
}
.btn-chat a {
    color: #fff !important;
    font-weight: bold
}
.btn-photo {
    background-color: #FC9B34 !important;
}
.btn-photo a {
    color: #fff !important;
    font-weight: bold
}
.btn-video {
    background-color: #66B2A1 !important;
}
.btn-video a {
    color: #fff !important;
    font-weight: bold
}
.btn-audio {
    background-color: #D6721C !important;
}
.btn-audio a {
    color: #fff !important;
    font-weight: bold
}
.btn-shop {
    background-color: #6CA10E !important;
}
.btn-shop a {
    color: #fff !important;
    font-weight: bold
}
.btn-myprofile {
    background-color: #9486C6 !important;
}
.btn-myprofile a {
    color: #fff !important;
    font-weight: bold
}
.btn-ladyprofile {
    background-color: #FC9B34 !important;
}
.btn-ladyprofile a {
    color: #fff !important;
    font-weight: bold
}
.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.error {
    padding: 13px 2px !important;
}
.navbar-nav {
    float: none !important;
}
textarea {
    min-height: 80px !important;
}
#wrap {
    padding-bottom: 30px !important
}
.tab-content > .active {
    margin-top: 5px;
}
.gallery {
    padding-top: 0px !important
}
/*nav.navbar {
    opacity: 0.9!important;
} for fixed main menu*/
ul.nav li a.dropdown-toggle, ul.dropdown-menu li a, li.my-profile-nav a {
    color: #000 !important;
}
#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .8);
}
#login-dp .help-block {
    font-size: 12px
}
#login-dp .bottom {
    background-color: rgba(255, 255, 255, .8);
    border-top: 1px solid #ddd;
    clear: both;
    padding: 14px;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.marzha {
    margin-left: 15px
}
@media all and (min-width: 320px) and (max-width: 327px) {
    .navbar-toggle {
        padding: 8px !important;
    }
}
@media all and (min-width: 320px) and (max-width: 350px) {
    .navbar-toggle {
        margin-right: 1px !important;
    }
}
@media all and (min-width: 320px) and (max-width: 425px) {
    .protect-img {
        max-width: 38px !important;
        position: absolute !important;
        right: 15px;
    }
}
@media all and (min-width: 320px) and (max-width: 550px) {
    .mobile-float {
        width: 100% !important;
        float: none !important;
    }
}
@media all and (min-width: 425px) and (max-width: 768px) {
    .protect-img {
        max-width: 100px !important;
        position: absolute !important;
        right: 25px;
    }
}
@media (max-width: 768px) {
    #login-dp {
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom {
        background-color: inherit;
        border-top: 0 none;
    }
    .form-control {
        width: 92% !important;
    }
}
@media all and (min-width: 770px) and (max-width: 999px) {
    .container {
        width: 980px !important;
    }
}
@media all and (min-width: 770px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 15px !important;
    }
}
.top-nav.nav > li > a {
    padding: 2px 10px !important
}
@media only screen and (max-width: 770px) {
    tr.mobile-table-line {
        display: flex !important
    }
    .my-responsive table, thead, tbody, th, td, tr {
        display: block;
        margin-top: 3px !important;
    }
    .my-responsive tr:nth-of-type(odd) {
        background: #eee;
    }
    .my-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .my-responsive tr {
        border: 1px solid #ccc;
    }
    .my-responsive td {
        border: none;
        /*border-bottom: 1px solid #eee; */
        position: relative;
        padding-left: 50%;
    }
    .my-responsive td a strong {
        width: 100% !important
    }
    .my-responsive td:before {
        position: absolute;
        top: 1px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .my-responsive td:nth-of-type(2):before {
        content: "FROM";
    }
    .my-responsive td:nth-of-type(3):before {
        content: "";
    }
    .my-responsive td:nth-of-type(5):before {
        content: "DATE";
    }
    .my-responsive td:nth-of-type(6):before {
        content: "ID";
    }
    .my-responsive td:nth-of-type(7):before {
        content: "ACTION";
    }
    .user .mailbox_content .mail_table_bottom .new {
        background: url(/images/user/ico/new.gif) 0 0 no-repeat !important;
        margin-top: 30px;
    }
    .user .mailbox_content .mail_table_bottom .read {
        background: url(/images/user/ico/read.gif) 0 0 no-repeat !important;
        margin-top: 30px;
    }
    .user .mailbox_content .mail_table_bottom .reply {
        background: url(/images/user/ico/reply.gif) 0 0 no-repeat !important;
        margin-top: 30px;
    }
    .user .mailbox_content .mail_table_bottom .stop {
        background: url(/images/user/ico/stop.gif) 0 0 no-repeat !important;
        margin-top: 30px;
    }
}
@media(min-width: 320px) and (max-width: 760px) {
	.marzh-support-mobile{
		margin:0px!important
	}
}
.navbar-default {
    background-color: #fff !important;
    border-bottom-color: #e7e7e7 !important;
}
.navbar {
    border: none !important
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: url(../welcome_home_2016/img/top.png) no-repeat left top;
}
#toTopHover {
    background: url(../welcome_home_2016/img/top.png) no-repeat left bottom;
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
    outline: none;
}
/****2020*****/
@media all and (min-width: 320px) and (max-width: 420px) {
	body,p{
		font-size:16px!important
	}
	#right_details_shop {
    float: none!important;
    padding: 0px;
    margin-top: -70px!important;
}
 #inbox_table .container{
	 padding-left:0px
 }
}
@media all and (min-width: 421px) and (max-width: 768px) {
#container {
    margin-top:10px!important
}
	#right_details_shop {
    float: none!important;
    padding: 0px;
   /* margin-top: -180px!important;*/	
   margin-top: -40px!important;	
}
}
@media all and (min-width: 320px) and (max-width: 416px) {
 #container{
	 margin-top:5px!important
 }
}
@media all and (min-width: 320px) and (max-width: 770px) {
	 .video_block_g  img{
    max-width:200px!important;
	max-height:250px!important
}
.user .mailbox_content {
	margin-top:10px!important
}
.user #container .sidebar #mail_menu {
    padding-top: 25px !important;
   }
}
@media all and (min-width: 320px) and (max-width: 770px) {
.navbar-blue .container{
margin:0px;
padding:0px;
}
}
.navbar-default {
    background-color:#f8f8f8!important;
}
.navbar {
    margin-bottom: 29px!important;
}
/*#container {
    width: 100%!important;
}
*/
/* .user #container .sidebar {
    background-color: #F7F7F7 !important;
    border: 1px solid #CCCCCC!important;
    border-radius: 6px!important;
	padding-bottom:10px!important
}
*/
/********************************/
 .uaname {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 200;
	color: #000;
	line-height:1.5
}
.uaWidget {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	color: #000
}
.uaWidget_xs {
	font-size: 16px;
	line-height: 1.55
}
@media screen and (max-width:1200px) {
	.uaWidget_xs {
		font-size: 14px
	}
	.uaname_lg {
		font-size: 20px
	}
	.uaname_xl {
		font-size: 22px
	}
}
@media screen and (max-width:640px) {
	.uaWidget_lg {
		font-size: 18px;
		line-height: 1.45
	}
	.uaname_lg {
		font-size: 18px
	}
	.uaname_xl {
		font-size: 20px
	}
	.ua__btn_wrapper{
		margin-bottom:55px
	}
}
.ua {
	position: relative
}
.ua__title {
	padding-bottom: 5px
}
.ua__btn {
	bottom: 90px;
	right: 30px;
	cursor: pointer;
	position: fixed;
	z-index: 10000
}
.ua__btn_wrapper {
	position: relative;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.ua__btn-text {
	position: absolute;
	right: 80px;
	white-space: nowrap;
	background: #fff;
	padding: 9px 13px;
	font-size: 15px;
	border-radius: 3px;
	-webkit-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	top: 50%;
	background: #292929;
	color: #fff;
	opacity: .85;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear
}
.ua__left .ua__btn-text {
	left: 80px;
	right: auto
}
.ua__btn-text::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	border-left-color: #292929
}
.ua__left .ua__btn-text::after {
	left: -20px;
	border-right-color: #292929;
	border-left-color: transparent
}
.ua__btn:not(.ua__btn_active):hover .ua__btn_wrapper {
	-webkit-animation: none!important;
	animation: none!important
}
.ua__btn:not(.ua__btn_active):hover .ua__animated-circle {
	-webkit-animation: none!important;
	animation: none!important
}
.ua__btn_active .ua__btn_wrapper {
	background: #fff!important
}
.ua__btn_active .ua__btn_wrapper::after {
	visibility: hidden
}
.ua__btn_active .ua__btn-text,
.ua__btn_active .ua__bgimg {
	visibility: hidden;
	opacity: 0
}
.ua__btn_animate {
	animation: ua__btn-pulsate 2s ease-out;
	animation-iteration-count: infinite;
	-webkit-animation: ua__btn-pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite
}
@-webkit-keyframes ua__btn-pulsate {
	0% {
		-webkit-transform: scale(1, 1)
	}
	25% {
		-webkit-transform: scale(1.1, 1.1)
	}
	50% {
		-webkit-transform: scale(1, 1)
	}
}
@keyframes ua__btn-pulsate {
	0% {
		transform: scale(1, 1)
	}
	25% {
		transform: scale(1.1, 1.1)
	}
	50% {
		transform: scale(1, 1)
	}
}
.ua__btn_animate .ua__animated-circle {
	position: absolute;
	width: 60px;
	height: 60px;
	top: -3px;
	left: -3px;
	border-radius: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	border: 3px solid #199c68;
	animation: ua__pulsate 1s ease-out;
	animation-iteration-count: infinite;
	-webkit-animation: ua__pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0
}
@-webkit-keyframes ua__pulsate {
	0% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
	25% {
		opacity: .4
	}
	50% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
}
@keyframes ua__pulsate {
	0% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
	25% {
		opacity: .4
	}
	50% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
}
.ua__icon,
.ua__icon-close {
	fill: white;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.ua__icon-close {
	top: 0
}
.ua__icon {
	top: 1px
}
.ua__btn-img {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.ua__icon-close,
.ua__btn_active .ua__icon,
.ua__btn_active .ua__btn-img {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.1);
	transform: scale(.1)
}
.ua__btn_active .ua__icon-close {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}
.ua__popup {
	display: none;
	opacity: 0;
	-webkit-transition: opacity ease-in-out .2s;
	transition: opacity ease-in-out .2s;
	position: relative;
	z-index: 10000
}
.ua__popup_show {
	opacity: 1
}
.ua__popup-container {
	margin: 0;
	top: initial;
	left: initial;
	bottom: 125px;
	right: 65px;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
	background: #fff;
	position: fixed;
	z-index: 1;
	cursor: default;
	max-width: 300px
}
.ua__wrapper {
	padding: 30px 20px 20px;
	border-radius: 5px;
	max-height: 65vh;
	text-align: center
}
.ua__btn-img,
.ua__image {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 50%
}
.ua__image-wrapper {
	position: absolute;
	top: -35px;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
	transform: translateX(-50%)
}
.ua__text-wrapper {
	padding-bottom: 30px
}
.ua__messenger-block {
	margin-bottom: 20px
}
.ua__messenger-block {
	margin-left: 8px;
	margin-right: 8px
}
.ua__messenger-descr {
	padding-top: 8px;
	font-size: 14px;
	opacity: .8
}
.ua__mobile-top-panel {
	visibility: hidden;
	width: 100%;
	height: 50px;
	background: #3C6EB7;
	position: fixed;
	display: table
}
.ua__mobile-top-panel_wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 100%
}
.ua__messenger {
	display: block;
	height: 62px;
	width: 62px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 50%
}
.ua__messenger .ua__fb {
	width: 63px
}
.ua__messenger-block {
	display: inline-block
}
.ua__text_bottom {
	padding-top: 5px;
	padding-bottom: 10px
}
.ua__mobile-icon-close {
	vertical-align: middle;
	cursor: pointer;
	padding: 15px
}
@media screen and (max-width:960px) {
	.ua.ua_active {
		z-index: 100000
	}
	.ua__btn {
		bottom: 50px!important;
		right: 10px!important
	}
	.ua__btn-text {
		font-size: 12px
	}
	.ua__left .ua__btn-text {
		left: auto;
		right: 80px
	}
	.ua__left .ua__btn-text::after,
	.ua__btn-text::after {
		border-width: 8px;
		right: -16px;
		left: auto;
		border-left-color: #292929;
		border-right-color: transparent
	}
	.ua__btn_active {
		display: none;
		opacity: 0
	}
	.ua__wrapper {
		max-width: 500px;
		margin: 0 auto;
		padding-top: 100px;
		max-height: initial;
		overflow-y: initial
	}
	.ua__popup {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		overflow-y: auto
	}
	.ua__popup-container {
		position: initial;
		max-width: 100%;
		width: 100%;
		min-height: 100%;
		height: auto;
		border-radius: 0;
		overflow: initial
	}
	.ua__messenger-wrapper {
		max-width: 260px;
		margin-left: auto;
		margin-right: auto
	}
	.ua__image-wrapper {
		position: static;
		width: 70px;
		height: 70px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		transform: translateX(0)
	}
	.ua__mobile-top-panel {
		visibility: visible;
		z-index: 1
	}
}
.bannerGallery{
	margin-left: 60px;
}
@media screen and (max-width:760px) {
	.bannerGallery{
	margin-left:0px;
}
.clearfix{
	clear:both!important
}
}