* {box-sizing:border-box;}
body, html {width:100%; overflow-x:hidden; -webkit-text-size-adjust:none; font-size-adjust:none;}
img {border:none;}
#page {width:auto; max-width:1200px; transition:all .3s ease-out; /*left:0; */transform:translate(0); /*-webkit-transform:translate(0);*/ -moz-transform:translate(0); -o-transform:translate(0);}
.d_i-b {display:inline-block;}
.s_but_like {margin-right:-10px;}
#vk_like2 {display:inline-block; width:85px !important;}
.info-box {font-family:arial,helvetica neue,helvetica,sans-serif normal;}

#search_form input {border-radius:0;}
.fast_log {position:fixed; top:50%; margin-top:-150px;}/* заменить в main top:180px;*/
.box-log_in {margin:0 0 -4px 20px;}/* заменить в main margin:0 0 -3px 20px;*/

#nav .vtop_menu .dnone-l {display:inline-block; font-size:15px; color:#444; text-shadow:0 1px 1px rgba(255, 255, 255, 0.6); line-height:1em; position:relative; cursor:pointer;} /* заменить в main #nav .vtop_menu span  */
#nav .vtop_menu .dnone-l img {width:13px; height:6px; background:url(http://technoportal.ua/i/top_links.png) -19px 0 no-repeat; vertical-align: middle;} /* заменить в main #nav .vtop_menu img  */
#nav .vtop_menu .vtm_mob {display:none; position:relative; background-color:#eee;/*#0285db*/ cursor:pointer;}
#nav .vtop_menu .vtm_mob img {width:25px; height:18px; background:transparent;}

/* mobile_menu + login */
#mmenu_items {display:none; width:0; height:100%; overflow-y:auto; position:absolute; top:0; left:0; z-index:101; background-color:#fff; text-align:left; transition:all .3s ease-out; transform:translate(-100%); -webkit-transform:translate(-100%); -moz-transform:translate(-100%); -o-transform:translate(-100%);}
#mmenu_items .lvl1{position:relative; padding:2px 10px; color:#004dbc; border-style:solid; border-width:1px 0; border-top-color:#fff; border-bottom-color:#d2d2d2; background:#eaeaea; box-shadow:0 27px 1px rgba(256,256,256,0.3) inset;}
#mmenu_items .lvl1 a{line-height:1.5; text-decoration:none; text-shadow:0 1px 0 #fff; font-size:12px; color:#444;}
#mmenu_items .lvl1 a:hover,
#mmenu_items .lvl1 a:hover span{color:#0082cb;}
#mmenu_items a.h4{display:block; line-height:1; margin:0 0 2px; padding:7px 0; color:#004dbc; overflow:hidden;}
#mmenu_items a.h4 img{display:inline-block; height:35px; margin-right:10px; vertical-align:middle;}
#mmenu_items a.h4 span{display:inline-block; vertical-align:middle; margin-right:-45px; padding-right:45px; width:100%; font-size:15px;}
#mmenu_items .lvl1 .li_txt {display:block;}
#mmenu_items .lvl1 .li_txt a{display:block; padding:11px 0 11px 5px; border-top:1px dotted #ccc; font-size:14px; color:#333;}
#mmenu_items a.m_name{display:table-cell; vertical-align:middle; height:44px; line-height:1.1; font-size:13px; font-weight:bold;}
.offcanvas #mmenu_items {transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); -o-transform:translate(0);}
.m_log_in {text-align:center; padding:20px 0; background:#eee; box-shadow: 0 0 10px rgba(0,0,0,0.1) inset; border:solid #d2d2d2; border-width:0 1px 1px;}
.m_log_block p {line-height:1.4em; margin-top:5px;}
.m_log_in .usman img {border-radius:100px; max-height:100px; background-color:#fff;}
.m_log_in .usman > span {display:inline-block; margin:5px 0px 8px;}
.m_log_in .usman .dashed {color:#004dbc; white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none; /* IE 10+ */
-o-user-select:none;
user-select:none;
}
.m_log_in .usman .dashed:hover{color:#ff4800; border-color:#ff4800;}
.mmenu_list {border:solid #d2d2d2; border-width:0 1px;}

.full_article .text img {max-width:100%; height:auto;}

.modls_list > div {display:inline-block; width:16.66667%; vertical-align:top; padding:0 5px; margin:10px 0 25px; text-align:center; font-size:13px;}
.modls_list a {text-decoration:none;}
.modls_list .br01 {width:55px; height:55px; display:table; margin:auto;}
.modls_list .br01 span {display:table-cell; vertical-align:middle;}

#ft #subsc_bn {max-width:inherit;}

.co-shop, .add-shop {width:auto;}

/*shops_list_page*/
.shops_list span {display:block;}

.block-vars-main {display:none;}


/*-----------------------------------------------
			GRID
-----------------------------------------------*/
.cell,
.cell11,
.cell10,
.cell9,
.cell8,
.cell7,
.cell6,
.cell5,
.cell4,
.cell3,
.cell2,
.cell1{float:left; position:relative;}
.cell{width:100%;}
.cell11{width:91.66667%;}
.cell10{width:83.33333%;}
.cell9{width:75%}
.cell8{width:66.66667%;}
.cell7{width:58.33333%;}
.cell6{width:50%;}
.cell5{width:41.66667%;}
.cell4{width:33.33333%;}
.cell3{width:25%;}
.cell2{width:16.66667%;}
.cell1{width:8.33333%;}
.row{position:relative;}

/*-----------------------------------------------
    INDENT
-----------------------------------------------*/
.m_t-0{margin-top:0 !important;}
.m_t-5{margin-top:5px !important;}
.m_t-10{margin-top:10px !important;}
.m_t-20{margin-top:20px !important;}
.m_b-0{margin-bottom:0 !important;}
.m_b-5{margin-bottom:5px !important;}
.m_b-10{margin-bottom:10px !important;}
.m_b-15{margin-bottom:15px !important;}
.m_b-20{margin-bottom:20px !important;}
.p_l-0{padding-left:0 !important;}
.p_l-10{padding-left:10px !important;}
.p_l-15{padding-left:15px !important;}
.p_l-20{padding-left:20px !important;}
.p_r-0{padding-right:0 !important;}
.p_r-10{padding-right:10px !important;}
.p_r-15{padding-right:15px !important;}
.p_r-20{padding-right:20px !important;}

/*-----------------------------------------------*/

.display_n, .d_n{display:none;}
.display_b{display:block;}
.float_l{float:left;}
.float_r{float:right;}
.float_n{float:none;}
br{clear:both;}

.p_r-12{padding-right:12px;}
.p_b-12{padding-bottom:12px;}
.p_b-16{padding-bottom:16px;}

.scrl-h {overflow:hidden;}
.scrl-a {overflow:auto;}

.onmobile { display: none; }


/*-----------------------------------------------*/
.menu_tabs-in > .cell4 {float:right;}
.menu_tabs-in > .cell8 {float:left;}

#model .resume .cell6 {width:100%;}
.banner300_250 {float:left;}
a.all_price {width:100%;}
.ft-social {position:static; top:0;} /*убрать*/

/*-----------------------------------------------*/
@media all and (max-width:990px){
	.cell-lg{width:100% !important; padding:0 !important;}
    .cell-md-6{width:50% !important; padding:0 !important;}
	.cell-lg-none{display:none !important; visibility:hidden !important;}

	#page {width:100%; bottom:0; margin:0;}
	.top_links li {margin-right:3%; margin-bottom:7px;}
	.breadcrumbs {margin-top:-2px}
	.breadcrumbs a, .breadcrumbs a:visited {line-height:1.5em;}
	.col_l {width:100%; margin:0 -303px 0 0; padding:0 315px 0 0; box-sizing:border-box;}
	.promo_samsung {width:20%; max-width:58px;}
	.promo_samsung > img {width:100%;}
	.promo_samsung .box_pop {left:110%; top:0;}

	.gr_prices .n_shop {width:1%;}

	.resume-prices .orange_but {white-space:nowrap; margin:0 3% 10px;}
	.ft-in.box {width:100%; padding: 20px 12px;}
	#filters_in.adriverBanner, #filters_in2.adriverBanner {width:100% !important; height:inherit !important;}
	#filters_in.adriverBanner > a, #filters_in2.adriverBanner > a {display:block; background-color:#3ec9f4;}
	#filters_in.adriverBanner > a > img, #filters_in2.adriverBanner > a > img {width:100%; max-width:233px; height:inherit !important;}
	#filters_promo.adriverBanner, #filters_promo2.adriverBanner {width:100% !important; max-width:720px; height:inherit !important;}
	#filters_promo.adriverBanner > a, #filters_promo2.adriverBanner > a {display:block;}
	#filters_promo.adriverBanner > a > img, #filters_promo2.adriverBanner > a > img {width:100%; height:inherit !important;}

	/*shops*/
	.shop_info .stars_fill>span {display:inline-block; padding:3px 2px 8px 0;}
	.shop_info .flag span {display:inline-block; margin:0;}
	.shop_info .li_i {display:inline-block;}
}

@media all and (max-width:768px){
	.cell-md{width:100% !important; padding:0 !important;}
	.cell-md-none{display:none !important; visibility:hidden !important;}

	body {padding:0 !important; width:100%; overflow-x:hidden;}
	html.scrl-h {height:100%;}
	.offcanvas {height:100%; overflow:hidden;}
	.offcanvas #page {transform:translate(50%); -webkit-transform:translate(50%); -moz-transform:translate(50%); -o-transform:translate(50%);}
	#mmenu_items {display:block; width:50%;}
	#hd {padding:10px 12px 0;}
	.box-srch_log {margin:0 0 0 12px;}
	.logo {float:none; margin:0; text-align:center;}
	.logo a {margin:auto;}
	.swap-nav #nav {height:54px;}
	.swap-bd-nav {padding-top:45px;}
	#nav .menu-up {top:-56px; width:60%; margin-left:-60%; display:none !important;}
	#nav .vtop_menu {width:140px; bottom:8px; top:-55px; padding:0 0 0 12px;}
	#nav .vtop_menu span {font-size:13px;}
	#nav .vtop_menu .vtm_mob {display:inline-block; padding:8px 13px; margin:-1px 0 0 -12px; border-radius:0 0 5px 0; border:0; font-size:28px; color:#0285db; border:solid #d2d2d2; border-width:0 1px 1px 0; box-shadow:0 0 5px rgba(0,0,0,0.1);}
	#nav #vm_click.vtop_menu {width:50px; height:0;}
	.box-log_in {display:none;}
	.top_links li {font-size:11px;}
	.fast_log .go_reg {margin:auto; max-width:370px;}

	.menu_tabs {margin:0 -11px 12px -12px;}
	.menu_tabs-item {padding:0 12px; margin:0; background-color:#efefef; border-top:1px solid #e6e6e6;}
	.menu_tabs-item li {border:0; background:none; box-shadow:none;}
	.menu_tabs-item li:hover {box-shadow:none; background:#fafafa;}
	.menu_tabs-item li > span, .menu_tabs-item li > a {padding:0 12px; text-shadow:inherit; color:#444;}
	.menu_tabs-in {padding:20px 12px 0;}
	.menu_tabs-item .active, .menu_tabs-item .active:hover{z-index:2; background-image:none; background-color:#0285db; box-shadow:0 0 5px rgba(0,0,0,0.2) inset;}
	.menu_tabs-item .active>span{color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}
	.menu_tabs-item .active>span i {color:#d8e3ff;}

	#subsc_bn {margin-top:15px;}
	#subsc_bn .sbb_name, #subsc_bn .sbb_email {width:35%;}
	#subsc_bn .orange_but {width:23%;}
	#subsc_bn .sbb_exmpl {margin-top:10px;}
	.ft-social.t_rght {text-align:center !important;}
	.ft-social a img {margin:0 8px;}
	.fast_log-in {width:100% !important; height:100% !important; margin-left:0 !important; left:0 !important; top:0 !important;}

	.main_content {margin:0;}
	.main_content .caramel_box .col {width:50%;}

	/*вопросы-ответы*/
	.qanda-inf {padding:0}
	img.qanda {position:static; margin:0 auto 15px; display:block;}
	
	/*зарегистрировать магазин*/
	.fill_log {margin:0 0 16px;}

	/*разновидности в модели*/
	.block-vars-main {display:block;}
	.block-vars-right {display:none;}
	.js-banner {margin:15px -10px;}
	
	.onmobile {display:block;}
}

@media all and (max-width:640px){
	.cell-sm{width:100% !important; padding:0 !important;}
	.cell-sm-none{display:none !important; visibility:hidden !important;}

	#qword {cursor:default;}
	.modls_list > div {width:33%;}
	.log_in {width:12px;}
	#nav .vtop_menu {bottom:5px;}
	#nav .vtop_menu span {font-size:14px;}
	.offcanvas #page {transform:translate(70%); -webkit-transform:translate(70%); -moz-transform:translate(70%); -o-transform:translate(70%);}
	#mmenu_items {width:70%;}
	.m_log_in .usman img {max-height:90px;}
	.m_log_in .usman .dashed {font-size:16px;}
	.m_log_in a {font-size:13px; line-height:1.5em;}
	.main_content .caramel_box .col {width:100%;}
	.co-shop, .add-shop {margin-right:0; min-height:inherit;}
	.item_hint {right:0; top:52px;}
	.item_hint .c18_vr {top:-12px; left:15px; background-position:100% -50px; width:20px; height:12px;}

	/*shops*/
	.shop_info {text-align:center;}
	.shop_info .li_i {float:inherit; margin-right:0;}
	.shop_price_list {width:100%;}

	/*articles*/
	.best_shops-pub .best_shops-in {width:33.33%;}
	
	.onmobile {display:block;}
}

@media all and (max-width:480px){
	.cell-xs{width:100% !important; padding:0 !important;}
	.cell-xs-none{display:none !important; visibility:hidden !important;}

	.logo {margin-left:40px;}
	.offcanvas #page {transform:translate(75%); -webkit-transform:translate(75%); -moz-transform:translate(75%); -o-transform:translate(75%);}
	#mmenu_items {width:75%;}
	.m_log_in .usman img {max-height:80px;}
	.fill_log-in #key_block {margin:0 0 8px; width:auto;}
	.fill_log-in #key_block span {margin:0 0 0 5px;}

	#subsc_bn .sbb_name, #subsc_bn .sbb_email {width:100%; margin-bottom:15px;}
	#subsc_bn .orange_but {display:block; width:80%; margin:0 auto 15px; float:none;}
	#subsc_bn .sbb_bonus {margin:8px 0 0 0;}
	#cookie_box {width:100%;}

	.info-box .box-txt {margin:2% auto; padding:95px 20px 15px;}
	.info-box .ready .iwhat {width:100px; height:inherit; background-size:contain; top:10px; left:50%; margin-left:-50px;}
	.info-box .capy {font-size:18px; line-height:1.4em;}
	.info-box .webpanel-ok, .info-box .webpanel-not {margin-top: 10px;}

	/*зарегистрировать магазин*/
	.fill_log-shop .info_block p {font-size:13px;}
	.fill_log .row-txt {width:auto; text-align:left; margin:15px -15px 0; float:none; padding:8px 15px 0;}
	.fill_log .row {padding:0;}
	.login_go {margin-top:15px;}
	
	/*обратная связь*/
	table.fill_in input.field {width:99%;}
	table.fill_in input#key {width:50px;}
	table.fill_in td.name {font-size:12px; font-weight:normal;}

	/*shops*/
	#shop_inf p.h2 {border-bottom:1px dotted #bbb;}
	#shop_inf .model_item, #shop_inf .model_item td, #shop_inf .pad_b {background:transparent; padding:0 !important;}
	#commentForm .row {padding:0;}
	#commentForm .row-txt {width:auto; text-align:left; margin:15px -15px 0; float:none; padding:8px 15px 0;}
	#commentForm label.medium {display:block; margin-top:5px;}
	/*shops_list_page*/
	.shops_list .shl_rating {font-size:16px;}

	/*articles*/
	.best_shops-pub .best_shops-in {width:50%;}
	.pub_options .subnav .f_rght {float: none;}
	
	.onmobile {display:block;}
}

@media all and (max-width:320px){
	.cell-xxs{width:100% !important; padding:0 !important;}
	.cell-xxs-none{display:none !important; visibility:hidden !important;}

	.modls_list > div {width:50%;}
	#cookie_box p {font-size:11px;}
	.info-box .capy {font-size:16px;}
	.info-box .box-but, .info-box .webpanel-ok, .info-box .webpanel-not {width:auto; float:none; margin-top:10px;}
	.offcanvas #page {transform:translate(85%); -webkit-transform:translate(85%); -moz-transform:translate(85%); -o-transform:translate(85%);}
	#mmenu_items {width:85%; /*left:-85%; */}
	.m_log_in .usman img {max-height:70px;}
	.m_log_in .usman .dashed {font-size:18px;}
	.m_log_in a {font-size:14px;}

	.fast_log {top:0; height:100%; margin-top:0;}
	.fast_log-in {width:100%; height:100%;}
	.fast_log .row {padding:0 0 0 120px;}

	.ft-nav .list {float:none;}
	#subsc_bn .orange_but {width:100%;}

	/*shops*/
	#shop_price .pad_r {padding:0;}
	.shop_price_list {padding:0 10px;}
	
	.preview a img {width:70px; height:inherit;}

	/*articles*/
	.best_shops-pub .best_shops-in {width:100%;}
	
	.onmobile {display:block;}
}