html, body { margin:0; padding:0; width:100%; height:100%; display: table; } html { height:100%; } body { height: 100%; word-wrap: break-word; background-attachment: fixed; background:#fff; font-family: "RobotoCondensed", sans-serif; !background-image: url(/templates/_default_/images/gradient.svg); !background-image: url(/templates/_default_/images/light.png) no-repeat top center; background: url(/templates/_default_/images/header1.jpg) 50% top no-repeat; !background-attachment: fixed; !background-size: cover; } .clear{ clear:both; } a { color:#001d3a; } a:hover { text-decoration: none; color: #9c4047; } #wrapper { position:relative; z-index:1; width: 980px; margin:0 auto; } .container{width: 980px; margin:0 auto;position: relative;} * html #wrapper { height: 100%; } .logotex{ font-size: 600%; font-weight: 900; letter-spacing: -10px; color: #fff; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); transition: .3s; } .logotex span{ color: #fff; } .logotex:hover{ text-shadow:0 1px 0 hsl(174,5%,40%); transition: .3s; } .logotex a{ text-decoration:none; } .float_bar a{ color:#727273; } .float_bar a:hover{ color:#333; text-decoration:none; } .float_bar{ float:right; margin:3px; margin-top:30px; padding:5px 8px; color:#727273; border:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; } .bar{ } .hinttext{ color:#5F98BF; } a.more-link, a.add-card, #shop_price { background: #5D90D1; color: #FFFFFF; display: block; float: left; margin-top: 4px; padding: 3px 6px; text-decoration:none; } a.add-card{ background:#7DC34D; } a.more-link:hover, a.add-card:hover{ background: #444444 ; } /***************************** Шапка страницы *********************************/ #header {margin:0 0 0px;position: relative; background:#45484c;} #header .header-inner {padding:0px; overflow:hidden; border-bottom:4px solid #5D90D1;} #sitename {float: left;} #sitename img{ max-width:100%;} #top-search{ float:right;} #top-search .mod-search input{ background:url(../images/zoom.png) 97% 50% no-repeat #515050;color:#999999;border: 1px solid #6d6c6c;padding:4px 10px;} .input-append, .input-prepend { font-size: 0px;margin: 3px 0px; white-space: nowrap;} input.span2, textarea.span2, .uneditable-input.span2 { width: 200px;} /*---------------------------PERSONAL MENU -----------------------------------*/ .mod_user_menu, .mod_usermenu {float: left;margin-left:10px;padding:0px;} .mod_user_menu span, .mod_usermenu span{ margin: 0px; display:inline-block; } .mod_user_menu span a, .mod_usermenu span a{ padding:0px 15px; margin:0px; color:#cac9c9; text-decoration:none; display:inline-block; position:relative; text-align:center; font-size:11px; height:40px; line-height:55px; } .mod_user_menu span:hover, .mod_usermenu span:hover{ background: #4172b1; } .mod_user_menu span a:hover{ color:#cac9c9; } .mod_user_menu .my_profile a{ background:url(../images/icons/user.png) no-repeat center 3px; } .mod_user_menu .my_messages a{ background:url(../images/icons/message.png) no-repeat center 3px; } .mod_user_menu .my_messages a.has_new { color:#FFE900; } .mod_user_menu .my_gifts a{ background:url(../images/icons/gift.png) no-repeat center 3px; } .mod_user_menu .my_blog a{ background:url(../images/icons/blog.png) no-repeat center 3px; } .mod_user_menu .my_photos a{ background:url(../images/icons/folder_picture.png) no-repeat center 3px; } .mod_user_menu .my_content a{ background:url(../images/icons/folder_page.png) no-repeat center 3px; } .mod_user_menu .add_content a{ background:url(../images/icons/add.png) no-repeat center 3px; } .mod_user_menu .admin a{ background:url(../images/icons/cpanel.png) no-repeat center 3px; } .mod_user_menu .logout a{ background:url(../images/icons/logout.png) no-repeat center 3px; } .mod_usermenu .register a{ background:url(../images/icons/register.png) no-repeat center 3px; } .mod_usermenu .login a{ background:url(../images/icons/key.png) no-repeat center 3px; } .mod_user_menu .my_balance a{ background:url(../images/billing/balance.png) no-repeat center 3px; } /******************************* Верхнее меню *********************************/ #topmenu{ margin-top: 0px; margin-bottom: 0px; width: 100%; clear: both; display: table; table-layout: fixed; } #topmenu .menu{ list-style:none; margin:0; padding:0; position:relative; } #topmenu .menu li a{ text-decoration:none; color:#00122b;} #topmenu .menu li{ list-style:none; margin:0; padding:0; height:48px; line-height:48px; display:block; zoom: 1; font-size:16px; float:left; } #topmenu li.selected a.selected { color: #E83535 !important; } #topmenu li.selected > a { color: #E83535; } #topmenu .menu li.selected a.selected{ color:red; text-decoration:none; } #topmenu .menu li a:hover, #topmenu .menu li a.hover{ background: transparent; color: #e83634 !important; } #topmenu .menu li a{ padding:0px 10px; height:48px; line-height:48px; display:block; text-transform: uppercase; } #topmenu ul li ul { display:none; position: absolute; top: 40px; min-width: 425px; max-width: 450px; background: #ffffff; color: #000; padding:0px; z-index:1000; box-shadow:0px 2px 2px #00000052; -moz-box-shadow:0px 2px 2px #00000052; } #topmenu ul li ul li ul { display:none; top:0; left:200px; width: 200px; background: #ffffff; color: #000; padding:0px; z-index:1000; } #topmenu ul li ul li, #topmenu ul li ul li a{ display:block; width:100%; position:relative; height: 28px !important; line-height: 28px !important; font-family: "RobotoCondensedLight", sans-serif; border-bottom: 1px solid #e1e1e1; } #topmenu ul li ul li a{ padding:0px !important; text-decoration:none; height: 28px !important; line-height: 28px !important; } #topmenu ul li ul li a span{ margin: 0px 10px; padding: 0px; font-weight: 300; text-shadow: none; font-size: 85%; } #topmenu ul li ul li a.selected span{ text-decoration:none; } .redbut a { background: #ffc727; color: #000; margin: 0px 0; padding: 12px 40px; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; font-size: 15px; letter-spacing: -0.01em; } .redbut a:hover, .hidredbutt a:hover { background: #cc2436; } .hidredbutt a { background: #ffc727; color: #121212; margin: 0px 0; padding: 9px 24px; text-align: center; text-transform: uppercase; font-weight: 700; border-radius: 5px; display: inline-block; white-space: nowrap; text-decoration: none; font-size: 15px; margin-right: 16px; float: right; font-weight:bold; } .main-menu{ ! box-shadow: 0 5px 4px -4px black; } #main-menu-mob{ display:none; } #main-menu-mob{ padding: 25px 35px; margin: 5px 0 0 10px; list-style: none; position:absolute; z-index:9999; top: -55px; border: 2px solid #ccc; background: white; } #main-menu-mob li { margin-left: 0px; /* height: 60px; */ line-height: 2em; border-bottom: 1px solid #fff; background: #ffffff; } #main-menu-mob li a { display: block; padding: 0px; text-decoration: none; color: #000000; letter-spacing: -1px; font-weight: 400; text-transform: uppercase; font-size: 120%; cursor: pointer; margin-left: -5px;} .pathway{ padding: 15px 0 10px 11px; color:#333; opacity: 1; } .pathway a{ color: #45484C; font-size: 16px; font-family: "RobotoCondensedLight"; font-weight: 700; } .pathway a:hover{ color:#333; text-decoration:none; } /*************************** Верхний модуль ***************************/ #ns-topcol, #cat-box, #ns-botcol, #con-box {position:relative; clear:both; overflow:hidden;margin-top: 13px;} #ns-topcol .module, #cat-box .module, #ns-botcol .module, #con-box .module, #main .module, #sidebar-left .module, #sidebar-right .module, #ns-topcol .other_module, #cat-box .other_module, #ns-botcol .other_module, #con-box .other_module, #main .other_module, #sidebar-left .other_module, #sidebar-right .other_module, #main .fullmodule{ ! margin-bottom:20px; position:relative; overflow:hidden; padding:0px; !border-top:5px solid #009c7a; ! font-size: 16px; !padding-bottom: 50px; } #sidebar-left .other_module, #sidebar-right .other_module, #sidebar-left .module { margin-top: 0.5em; margin-bottom: 1em; } #main .fullmodule{ padding-bottom: 0px; } #main .blackmodulebody{ min-height: 300px; padding: 30px; color: #fff; font-size: 130%; } #ns-topcol .module_blue, #cat-box .module_blue, #ns-botcol .module_blue, #con-box .module_blue, #main .module_blue, #sidebar-left .module_blue, #sidebar-right .module_blue, #ns-topcol .other_module_blue, #cat-box .other_module_blue, #ns-botcol .other_module_blue, #con-box .other_module_blue, #main .other_module_blue, #sidebar-left .other_module_blue, #sidebar-right .other_module_blue{ margin-bottom:20px; position:relative; overflow:hidden; padding:0px; border-top:5px solid #5D90D1; } #ns-topcol .module_green, #cat-box .module_green, #ns-botcol .module_green, #con-box .module_green, #main .module_green, #sidebar-left .module_green, #sidebar-right .module_green, #ns-topcol .other_module_green, #cat-box .other_module_green, #ns-botcol .other_module_green, #con-box .other_module_green, #main .other_module_green, #sidebar-left .other_module_green, #sidebar-right .other_module_green{ margin-bottom:20px; position:relative; overflow:hidden; padding:0px; border-top:25px solid #005ba5; } #ns-topcol .moduletitle, #cat-box .moduletitle, #ns-botcol .moduletitle, #con-box .moduletitle, #main .moduletitle, #sidebar-left .moduletitle, #sidebar-right .moduletitle, #ns-topcol .other_moduletitle, #cat-box .other_moduletitle, #ns-botcol .other_moduletitle, #con-box .other_moduletitle, #main .other_moduletitle, #sidebar-left .other_moduletitle, #sidebar-right .other_moduletitle, #main .fullmoduletitle, #main .blackmoduletitle, #main .greymoduletitle{ color: #001d3a; margin: 0px 0px; position: relative; left: 0; padding: 0px; line-height: 1; font-size: 230%; font-weight: 700; text-align: center; } #ns-topcol .moduletitle_blue, #cat-box .moduletitle_blue, #ns-botcol .moduletitle_blue, #con-box .moduletitle_blue, #main .moduletitle_blue, #sidebar-left .moduletitle_blue, #sidebar-right .moduletitle_blue, #ns-topcol .other_moduletitle_blue, #cat-box .other_moduletitle_blue, #ns-botcol .other_moduletitle_blue, #con-box .other_moduletitle_blue, #main .other_moduletitle_blue, #sidebar-left .other_moduletitle_blue, #sidebar-right .other_moduletitle_blue{ text-transform:uppercase; margin-bottom:10px; color:#5D90D1; font-weight:700; } #ns-topcol .moduletitle_green, #cat-box .moduletitle_green, #ns-botcol .moduletitle_green, #con-box .moduletitle_green, #main .moduletitle_green, #sidebar-left .moduletitle_green, #sidebar-right .moduletitle_green, #ns-topcol .other_moduletitle_green, #cat-box .other_moduletitle_green, #ns-botcol .other_moduletitle_green, #con-box .other_moduletitle_green, #main .other_moduletitle_green, #sidebar-left .other_moduletitle_green, #sidebar-right .other_moduletitle_green{ text-transform:uppercase; margin-bottom:10px; color:#7DC34D; font-weight:700; } #ns-tabnav .module{ margin:0px; } #main div:last{ border-bottom:none !important; } /********************************** Футер *************************************/ #footer{ color: #fff; clear: both; padding: 0; display: flex; font-size: 130%; margin-top: 3em; padding-top: 30px; padding-bottom: 30px; background: #001738; font-family: "Fira Sans Extra Condensed", sans-serif; } #footer #copyright{ font-size:12px; } #footer .foot-right a{ color: #999; line-height: 0.2; font-weight: 300; font-size: 99%; font-family: "RobotoCondensed", sans-serif; text-decoration: underline; } #footer .foot-right a:hover{ text-decoration: none;} #footer .foot-left{ float:left; width:700px; } #footer .foot-right{ text-align:right; float:right; } #footer a{ margin-right:0px;} /************************* Кнопки настройки модулей ***************************/ span.fast_cfg_link { padding:4px; } span.fast_cfg_link img{ border:none; } /**************************** Сообщения сессии ********************************/ .iks{ position: absolute; right:-12px; background:url(../images/nyromodal/close.gif) no-repeat left center; width:12px; height:12px; margin-top: -50px; } .iks a{ font-size:24px; } .overley1{ position: fixed; background: rgba(152, 152, 152, 0.65); z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; } .overley1 a{display:block; height:100%;} .sess_messages { position: absolute; width: 333px; max-height: 300px; top: 20%; left: 50%; margin-left: -168px; padding: 40px; background: #fff; margin-bottom: 15px; display: block; clear: both; z-index: 99999; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.24); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24); border: 2px solid #CA3030; } .sess_messages div{ line-height:16px; margin-bottom:2px; } .sess_messages .message_info { background:url(../images/icons/info.png) no-repeat left center; padding-left:20px; } .sess_messages .message_success { background:url(../images/icons/yes.png) no-repeat left center; color: green; padding-left:20px; } .sess_messages .message_error { background:url(../images/icons/no.png) no-repeat left center; color: red; padding-left:20px; } /*-------------------------- HORIZONTAL MENU ---------------------------------*/ .menutd{ text-align:center; } .menulink{ padding:5px; } .menulink_active{ padding:5px; } /*------------------------ MODULE "LATEST PHOTO" -----------------------------*/ .view { width: 144px; height: 180px; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #d1d0d0; -moz-box-shadow: 1px 1px 2px #d1d0d0; box-shadow: 1px 1px 2px #d1d0d0; cursor: default; } .view .mask,.view .content { width: 150px; min-height: 40px; position: absolute; overflow: hidden; bottom: 0; left: 0; } .view img { display: block; position: relative; } .view h2 { color: #fff; text-align: left; position: relative; font-size: 15px; padding: 4px 2px; margin: 0; background: #fff; } .view h2 a{ color:#333; text-decoration:none; } .view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; margin-bottom:0px; padding:0px; text-align: center; background:#5c5c5c; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .view-tenth span{ display:inline-block; *display:inline; zoom:1; padding:2px 4px; padding-left:20px; color:#cac9c9 !important; font-size:10px; } .view-tenth span a{color:#cac9c9;} .photozoom{ background:url(../images/photozoom.png) no-repeat center; padding:0px !important; position:absolute; z-index:5; top:-10px; right:-10px; height:48px; width:48px; } .photorating{ background:url(../images/icons/rating.png) no-repeat left center; display:block; } .photorating span{padding:0px !important;} .photdate{ background:url(../images/icons/calendar.png) no-repeat left center; } .photocoment{ background:url(../images/icons/comment.png) no-repeat left center; } .photo_gallery .view img{width:100%;height:auto;} /*--------------------------- MODULE "POLLS" ---------------------------------*/ .mod_poll_title { margin-bottom: 5px; } .mod_poll_submit { margin-top: 10px; } .mod_poll_gauge { background-color:#09C; display: table; height: 8px; margin-bottom: 8px; } .search_field { width: 100%; border: 1px solid #666666; } .search_row1 { background-color:#FFFFFF; } .search_row2 { background-color:#EBEBEB; } /*------------------------ MODULE "AUTHORIZATION" ----------------------------*/ .authtable input#login, .authtable input#pass{ width:200px; } /*----------------------- MODULE "CONTENT CATS" ---------------------------*/ .mod_lp_photo .photo_thumb_img{ width:75px; height:auto; } .mod_lp_details{ font-size:11px; } ul.mod_cat_list { list-style: none outside none; margin: 0 0 5px 0; overflow: hidden; padding:0 0 0 16px; clear:both; } ul.mod_cat_list ul { margin-left: 0; padding-left: 16px; list-style: none outside none; } ul.mod_cat_list li { margin:2px 0; } ul.mod_cat_list li a.folder, ul.mod_cat_list li.folder, div.float_bar a.folder { background:url("../images/icons/folder.png") no-repeat scroll 0 0 transparent; padding:0 5px 0 20px; } ul.mod_cat_list li a.cat_plus, ul.mod_cat_list li a.cat_minus { display: block; float: left; height: 16px; width: 16px; margin: 0 0 0 -16px; } ul.mod_cat_list li a.cat_plus { background: url("../images/icons/cat_plus.png") no-repeat scroll left 2px transparent; } ul.mod_cat_list li a.cat_minus { background: url("../images/icons/cat_minus.png") no-repeat scroll left 2px transparent; } /*----------------------- MODULE "LATEST ARTICLES" ---------------------------*/ .content-box-entry .best-item{ float: left; margin-right: 20px; min-height: 250px; width: 275px; } .content-box-entry .best-item:nth-child(4n+4){ margin-right:0px; } .content-box-entry .post-thumbnail { line-height: 0; margin: 0px 0px 10px 0px; position: relative; overflow:hidden; height:160px; } .content-box-entry .post-thumbnail img { height: auto; width: 100%; } .post-thumbnail img { -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; height: auto; max-width: 100%; margin:-50px 0px 0px 0px; } .post-thumbnail a:hover img{opacity:0.7;} .mod-box-content{clear:both;} .module .mod-box-content, .module_blue .mod-box-content, .module_green .mod-box-content{position:relative;} .module .mod-box-content, .module_blue .mod-box-content, .module_green .mod-box-content{ padding: 0;} .mod-latest{ border-bottom: 1px solid #E7E8E9; clear: both; overflow: hidden; padding: 10px 0px; } .mod-box-content .mod-latest:first-child{ padding:0 0 10px ;} .mod-latest-image{margin: 0 15px 10px 0;position: relative; line-height:0; overflow:hidden;} .mod-latest-image img { -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; max-width:100%; height:auto; } .mod-latest-image a:hover img{opacity:0.7;} .mod-latest .mod-latest-image{float:left;margin-bottom:0;height:160px;} .other_module .mod-latest, .other_module_blue .mod-latest, .other_module_green .mod-latest{ clear: right; float: right; overflow: hidden; padding: 5px 0px; width: 300px; } .other_module .mod-latest-image, .other_module_blue .mod-latest-image, .other_module_green .mod-latest-image{float:left;height:65px;} .other_module .mod-latest-image img, .other_module_blue .mod-latest-image img, .other_module_green .mod-latest-image img{width:65px;} .other_module .mod_latest_desc, .other_module_blue .mod_latest_desc, .other_module_green .mod_latest_desc{display:none;} .other_module .mod-latest:first-child, .other_module_blue .mod-latest:first-child, .other_module_green .mod-latest:first-child{ float:left; padding:0px; border:none; margin-bottom:10px; } .other_module .mod-latest:first-child img, .other_module_blue .mod-latest:first-child img, .other_module_green .mod-latest:first-child img{width: 300px;} .other_module .mod-latest:first-child .mod_latest_desc, .other_module_blue .mod-latest:first-child .mod_latest_desc, .other_module_green .mod-latest:first-child .mod_latest_desc{display:block;} .other_module .mod-latest:first-child .mod-latest-image, .other_module_blue .mod-latest:first-child .mod-latest-image, .other_module_green .mod-latest:first-child .mod-latest-image{height:160px;margin-bottom:10px;} .other_module a.more-link, .other_module_blue a.more-link, .other_module_green a.more-link{ display:none;} .other_module .mod-latest:first-child a.more-link, .other_module_blue .mod-latest:first-child a.more-link, .other_module_green .mod-latest:first-child a.more-link{ display:block;} .mod_latest_entry{ margin-bottom:10px; clear:both; } .mod_blog_entry{ margin-bottom:10px; clear:both; border-bottom:1px solid #E7E8E9; } .mod_latest_title{ font-family: "Sanchez", serif; font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; color:#333; text-decoration:none; } .mod_latest_title:hover{ text-decoration:underline;color:#333;} .mod_latest_blog_title{ font-family: "Sanchez", serif; font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; color:#333; text-decoration:none; } .mod_latest_blog_title:hover{ text-decoration:underline;color:#333;} .mod_latest_date{ margin-bottom:10px; padding:2px 0px; font-size:11px; color:gray; } .mod_latest_date a{ color:#5F98BF; } .mod_latest_desc{ margin-bottom:5px; } .mod_latest_rating{ padding:1px; background:url(../images/icons/rating.png) no-repeat left center; padding-left:20px; } .mod_latest_comments{ padding:1px; background:url(../images/icons/comment-small.png) no-repeat left center; padding-left:20px; } .mod_latest_hits{ padding:1px; background:url(../images/icons/eye.png) no-repeat left center; padding-left:20px; } .mod_latest_rss{ clear:both; padding-left:20px; background:url(../images/icons/rss.png) no-repeat left center; height:16px; line-height:16px; text-decoration:underline; color:#333; } .mod_latest_rss a{ text-decoration: underline; color: #333; } .mod_latest_image{ float:left; margin-right:5px; margin-bottom:5px; background:#FFF; } .mod_latest_pagebar .pagebar{ margin-top:25px !important; margin-bottom:10px !important; } .mod_latest_pagebar .pagebar .pagebar_title{ margin-left:0px; } /*-------------------------- REGISTRATION FORM -------------------------------*/ .regrow1{ background-color:#EBEBEB; } .regrow2{ background-color:#FFFFFF; } .regstar{ font-size:18px; color:#FF0000; } #regform strong{ font-size:16px; color:#375E93; } #regform small{ color:#5F98BF; } /*------------------------------- LOGIN FORM ---------------------------------*/ .lf_notice{ font-size:14px; margin-bottom:10px; } .lf_title{ font-size:18px; color:#1873AA; } .lf_field{ margin-bottom: 10px; } .lf_field input { width:235px; padding:3px; padding-left:20px !important} .lf_submit{ margin-top:10px; } .lf_submit input{ font-size:16px; } .login_form #remember{ margin:0px; padding:0px; } .login_form #login_field{ background:url(../images/icons/user.png) no-repeat 2px 5px; } .login_form #pass_field{ background:url(../images/icons/key.png) no-repeat 2px 5px; } /*------------------------------ PAGES BAR -----------------------------------*/ .pagebar{ margin: 10px 0; font-size:14px; clear:both; text-align: center; } .pagebar_title{ margin:5px; color:#375E93; } .pagebar_page{ margin:2px; padding:5px; } .pagebar_current{ margin: 2px; padding: 2px 7px; background-color: #001736; border: 1px solid #00172e; color: #FFF; } .pagebar .kol{ border: 1px solid #00172e; padding: 2px 7px; background: #fff; } /*----------------------------- SITE SEARCH ----------------------------------*/ .search_match{ background-color:#66CCFF; color:#FFF; border-radius:2px; -moz-border-radius:2px; padding:0 2px; } .search_date{ float:right; height:14px; font-size:10px; color: #5F98BF; margin:4px 4px 0 0; } #from_search{ display:none; margin:10px 0 0 0; border-top:1px #4DA4CF solid; position:relative; } #from_search label{ color: #666; } #from_search label.selected{ color: #000; } .price_search { width: 60%; border: 1px solid #666666; } .search_input { width: 300px; border:solid 1px gray; } .search_block { margin:0 0 7px 0; clear:both; padding:0 5px 5px; border-radius:6px; -moz-border-radius:6px; clear:both; overflow:hidden; } .search_result_title { font-size:16px; font-weight:bold; } .search_result_title span { width:25px; display:block; float:left; } .search_result_desc { margin:4px 0 0 20px; } .search_result_desc p { color:#666; clear:both; } .search_result_desc a { color:#666; } /*-------------------------------- FORMS -------------------------------------*/ .userform_fieldtitle{ font-size:100%; font-weight: 300; letter-spacing: -0.05em; } .userform_fieldtitle .mustbe { font-size: 16px; color: #CC0000; } /*------------------------- COMPONENT "CONTENT" ------------------------------*/ .component { padding: 20px 0px; overflow: hidden; padding-top: 0; margin-top: 5px; line-height: 1.8rem; font-size: 1.3rem; font-weight: 700; font-family: "RobotoCondensedLight"; } .contentlist { clear:both; } .con_heading, .prof_nickname{ display: table; position: relative; border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; margin-top: 0; text-transform: uppercase; font-size: 2.5rem; color: #001d3a; font-weight: 700; letter-spacing: 0.02em; font-family: "RobotoCondensed", sans-serif; margin: 0 auto; } .con_heading::before { position: absolute; width: 18px; height: 25px; content: ""; left: 0; bottom: 0; background-image:url(../images/grey-left-bd.png); background-repeat: no-repeat;} .con_heading::after { position: absolute; width: 18px; height: 25px; content: ""; right: 0; bottom: 0; background-image:url(../images/grey-right-bd.png); background-repeat: no-repeat; } .subtitle{ position: relative; padding-bottom: 10px; padding-left: 30px; padding-right: 20px; margin-top: -20px; text-transform: uppercase; font-size: 2rem; color: #001d3a; font-weight: 700; letter-spacing: 0.02em; font-family: "RobotoCondensed", sans-serif; } .head-section { text-align: center; margin-bottom: 20px; } h2{ font-weight: 400; margin: 20px 0; font-size: 160%; color: #666666; line-height: 1.2; } h2, .h2 { font-size: 18px !important; } h3 { font-weight: 300; margin-bottom: 9px; margin-top: 10px; line-height: 1; font-size: 130%; } h3 a{ font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; color:#333; text-decoration:none; } h3 a:hover{ text-decoration:underline;color:#333;} .con_pubdate{ color:#666666; font-weight:bold; } .con_description { margin-top: 2px; margin-bottom: 15px; } .con_description p{ margin-bottom: 4px; } .con_desc{ margin-top: 0px; } .con_text{ margin: 15px 0px; ! min-height: 50em; font-size:100%; font-weight: 400; color: #535353; font-family: "RobotoCondensed", sans-serif; } .con_subcat{ font-size:18px; padding-left:23px; background: url(../images/icons/folder.png) no-repeat left center; height:18px; line-height:18px; } .con_title{ font-weight:normal; font-size:16px; ! margin-bottom:10px; } .con_title h2 a{ font-size: 140%; color: #0a3455; font-family: 'Roboto Slab', serif; text-decoration: none; line-height: 1; letter-spacing: -2px; } .con_title h2 a:hover{ color:#111; } .con_desc h2{ margin-bottom:0px; } .con_icons{ margin:4px; margin-top:9px; margin-left:10px; } .con_icon{ margin-top:4px; } .con_details{ margin-bottom:10px; color:#999999; } .con_image{ float: left; margin-right: 2em; display: block; padding-bottom: 1em; padding-top: 0.3em; } .con_image img{ width:100%; max-width:100%; height:auto; } .con_list_image{ float:left; margin-right:16px; padding:2px; !width:300px; height:200px; overflow:hidden; text-align:center; } .con_list_image img{ height:auto; padding-top: 0.5em; } .best-item .post-meta{ color: gray; font-size: 11px; margin-bottom: 10px; padding: 2px 0px; } /*------------------------- COMPONENT "PHOTOS" -------------------------------*/ .photo_layout{ margin-bottom: 15px; } .photo_thumb{ display:inline-block; width:105px; float:left; padding: 5px; margin-right:10px; margin-bottom:10px; position:relative; } .border{ background: #FFFFFF; border-bottom: 1px solid #D4D4D4; border-left: 1px solid #F0F0F0; border-right: 1px solid #D4D4D4; border-top: 1px solid #F0F0F0; display: inline-block; padding:5px; *display:inline; zoom:1; } .photo_bar{ background-color: #EBEBEB; margin:6px 0px 6px 0px; } .photo_desc{ margin-bottom:10px; } .photo_box{ border:solid 1px silver; } .photo_date_td{ background-color:#EBEBEB; } .photo_subcat{ font-size:16px; } .photo_gallery{ margin-bottom:15px; clear:both; overflow:hidden; } .photo_userbar{ padding:10px; background-color:#EBEBEB; margin-bottom:2px; } .photo_toolbar table{ height:30px; } .photo_toolbar a{ text-decoration:underline; font-size:14px; color:#375E93; } .photo_add_link{ padding-left:20px; background:url(../images/icons/addphoto.png) no-repeat left center; font-size:14px; margin: 0 0 0 8px; } .photo_bbinput{ width:200px; padding:2px; border:solid 1px #4DA4CF; } .photo_row{ height:auto !important; overflow:hidden; padding:0.8em 0; width:99%; } .photo_album_tumb{ height:100%; float:left; position:relative; width:150px; margin-right:10px; margin-bottom:10px; padding:10px; text-align:center; } .border img, .mod_lp_photo img{ -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .border img:hover, .mod_lp_photo img:hover{opacity: 0.7;} .photo_container{ text-align:center !important; } .photo_txt{ font-size:11px; } .photo_txt span{ padding:4px; display:block;} .photo_txt .photo_album_title{ font-size:16px; height: 25px; display:block; } .photo_container_today{ color:#09F; font-weight:bold; position:absolute; top: 40px; left: 10px; z-index: 1; margin:0; padding:0; } .photo_txt ul { margin:0 !important; padding:0 !important; list-style-image:none; list-style-position:outside; list-style-type:none; } .photo_txt li { background-image:none; line-height:115% !important; list-style-image:none; list-style-type:none; margin:0 !important; padding:0 !important; } .photo_details .photo_date_details{ margin-top:10px; } .photo_larr{ background:url(../images/larr.jpg) no-repeat right 20px; } .photo_details{ padding:10px; font-size:14px; width: 100%; display:inline-block; margin:0px auto; border-bottom:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; } .club_photo .karma_buttons{ padding:5px; } .photos_container{ width:1006px; margin:0px auto; } .photo_sub_details .taglinebar{ margin:0px; margin-top:10px; } #sform select{ padding: 6px 4px; } /*---------------------------- ARTICLE CONTENTS ------------------------------*/ .con_pt { display:block; padding: 8px; margin: 5px; border:solid 1px gray; width:260; float:right; background-color:#FFFFFF; } .con_pt_heading { display: block; margin-bottom:6px; } /*-------------------------------- SHOP CART ---------------------------------*/ .cart_item{ font-size:10px; font-weight:bold } .cart_detaillink{ clear:both; border-bottom:solid 1px gray; margin-bottom:10px; padding-bottom:5px } .cart_total{ clear:both; border-top:solid 1px gray; margin-top:10px; padding-top:5px } .cart_price{ margin-top:2px; text-align:right; } .cartrow1{ background-color:#EBEBEB; } .cartrow2{ background-color:#FFFFFF; } /*------------------------ COMPONENT "PRICE LIST" ----------------------------*/ .pricerow1{ background-color:#EBEBEB; } .pricerow2{ background-color:#FFFFFF; } /*----------------------- MODULE "LATEST COMMENTS" ---------------------------*/ .mod_com_userlink{ color:#fff; background:#7dc34d; padding:4px 2px; } .mod_com_line{ font-family: "Sanchez", serif; font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; } .mod_com_line .mod_com_link{color:#333;text-decoration:none;} .mod_com_line .mod_com_link:hover{text-decoration:underline;} .mod_com_targetlink{ color:#333; } .mod_com_details{ font-size:10px; margin:6px 0px; } .mod_com_details span{ background:#0099CC; padding:4px 2px; color:#fff; } .mod_com_details a{ text-decoration:none; } .mod_com_all{ padding:1px; padding-left:20px; background:url(../images/icons/comments.png) no-repeat; color:#333; } /*--------------------- MODULE "LATEST FORUM WEB2.0" -------------------------*/ .mod_fweb2_userlink{ text-decoration:underline; color:#666666; } .mod_fweb2_date{ text-align:center; background:#888; border-radius: 5px; color: #FFF; padding: 2px 6px; text-decoration: none; text-shadow: 0 1px 0 #0964A0; width: 100px; } .mod_fweb2_date_new{ background: #0FADE5; color: #FFF; } .mod_fweb2_topiclink{ text-decoration:underline; font-weight:bold; } .mod_fweb2_shorttext{ font-style:italic; color:#999999; } /*------------------------------- PATHWAY ------------------------------------*/ /*-------------------------- MODULE "CALENDAR" -------------------------------*/ .calendar{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border: solid 1px black; width:100%; text-align:center; } .calendar_top{ height: 30px; background-color:#006699; color:#FFFFFF; } #calendar_nav{ height: 30px; background-color:#006699; color:#FFFFFF; } #calendar_nav a{ color:#FFFFFF; text-align:center; } .calendar_dayname{ font-size: 10px; height: 30px; background-color:#EBEBEB; } .calendar_day{ font-size: 10px; padding:4px; } .calendar_today{ font-size: 10px; padding:4px; background-color:#EBEBEB; border:solid 1px gray; } .calendar_daylink{ text-decoration: underline; } .calendar_toplink{ text-decoration: none; color:#FFFFFF; } .calendar_toplink:hover{ text-decoration: none; color:yellow; } /*-------------------------- UNIVERSAL CATALOG -------------------------------*/ .uc_new{ color:#FF0000; font-style:italic; padding:5px; vertical-align: super; } .uc_list_item{ padding: 2px; margin: 2px; } .uc_itemfieldlist{ margin: 0px; list-style: none; } .uc_itemfield{ font-size:14px; } .mod_uc_img{float:left;margin-right:4px;} .uc_itemlink{ font-size:18px; clear:both; background:#5D90D1; padding:4px 10px; margin-bottom:10px; } .uc_itemlink a{ color:#fff; text-decoration:none; } .uc_itemlink:hover{ color:#fff; text-decoration:underline; } .uc_list_itempic{ background-color: #FFFFFF; border: solid 1px black; padding: 2px; } .uc_list_itemdesc{ padding: 10px; margin:10px; overflow:hidden; background:#f4f2f2; border:1px dashed #cfcfcf; } .uc_thumb_item{ padding: 2px; margin: 2px; background-color: #FFFFFF; border:solid 1px silver; display:block; width:140px; height:170px; float:left; text-align:center; } .uc_thumb_itemlink{ font-size:12px; } .uc_detailfield{ margin:0px; margin-bottom: 8px; padding:0px; } .uc_detaillist{ margin:0px; padding-left:15px; list-style: none; } .uc_detaillink{ font-size:16px; margin-top:15px; text-decoration:underline; } .uc_detaillink:hover{ color:#FF6600; font-size:16px; margin-top:15px; text-decoration:underline; } .uc_detailtags{ margin-top: 10px; margin-bottom: 10px; } .uc_detailimg div{ padding:4px; } .uc_detailrating{ margin:0px; margin-bottom:8px; margin-top:8px; padding:3px; border-top:1px solid #888; background: -o-linear-gradient(top, #eaeaea 0px, #fff 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#fff)); background-image: -ms-linear-gradient(top, #eaeaea 0%, #fff 100%); background-image: -moz-linear-gradient(top, #eaeaea 0%, #fff 100%); background-image: -webkit-linear-gradient(top, #eaeaea 0%, #fff 100%); background-image: linear-gradient(top, #eaeaea 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#fff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#fff')"; } .uc_detailrating td{padding:6px;} .uc_findsame{ color: gray; } .uc_tagline{ border-top:dashed 1px #cfcfcf; margin-top: 6px; padding-top:2px; padding-bottom:8px; font-size: 12px; width: 100%; } .uc_sortform{ padding: 5px; border: solid 1px gray; background-color:#FFFFFF; margin:1px; } .uc_queryform{ padding: 5px; border-bottom: solid 1px gray; margin-bottom:10px; } .uc_rating{ margin-bottom: 8px; float:right; } .uc_toolbar{ margin: 0px; margin-bottom:20px; } .uc_item_edit{ } .uc_item_edit_link{ color:#375E93; padding:2px; padding-left:20px; background:url(../images/icons/edit.png) no-repeat left center; } .uc_cat_search{ margin:15px 0px; } .uc_cat_search table{ margin-bottom:3px; } .uc_search_in_cat{ margin-bottom:10px; } .uc_search_in_cat a{ padding:1px; padding-left:20px; background:url(../images/icons/folder.png) no-repeat; } /*----------------------MODULE "LATEST FROM CATALOG"--------------------------*/ .cat-box-content .reviews-cat{ float: left; margin-bottom: 10px; padding:0px 45px 0px 0px; margin-right: 40px; min-height: 100px; width: 315px; background:url(../images/reviews-cat-bg.png) no-repeat right top; border-bottom: 1px solid #E7E8E9; } .cat-box-content .reviews-cat:nth-child(3n+3){ margin-right: 0px !important; } .cat-box-content .reviews-cat img { float: left; margin-right: 4px; } .uc_latest_link, .new_board_items li a{ display:block; margin:5px 0px 10px 0px; font-family: "Sanchez", serif; font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; color:#333; text-decoration:none; } .uc_latest_link{width:auto; overflow:hidden;} .uc_latest_link:hover, .new_board_items li a:hover{ text-decoration:underline;color:#333;} .uc_latest_title{ list-style-position:inside; list-style:square; } .uc_alpha_list{ background-color:#EDECEC; padding:5px 10px; margin-bottom: 5px; margin-top:10px; clear:both; } .uc_alpha_link{ font-size:18px; padding-right:10px; } /*------------------------- MODULE "SITE TAGS" -------------------------------*/ a.tag{ background-color: #DDDDDD; display:inline-block; color:#333; text-decoration: none; padding: 6px 8px; font-size:11px; margin: 0px -1px 2px 0px; } a.tag:hover{ background-color: #375E93; color:#fff; } .usr_msgmenu_bar{ background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; border-bottom:1px solid #EDECEC; margin-bottom:10px; color:#375E93; clear: both; padding: 7px; } .usr_msgreply_source{ padding:7px; border-radius:6px; -moz-border-radius:6px; border:1px solid #C3D6DF; margin-bottom:10px; overflow-y: auto; max-height: 250px; } .usr_msgreply_author{ font-style:italic; color:#666666; text-align:right; margin: 5px 0 0; } .usr_msg_smilebox a{ margin:4px; } .usr_msg_smilebox{ background-color:#EBEBEB; width:100%; clear:both; } .bb_add_photo{ background-color:#EBEBEB; width:100%; clear:both; padding:4px; } .usr_msg_bbcodebox{ padding:0px; background:url(../images/bbtoolbar.jpg) repeat-x left top #EFEFEF; overflow:hidden; _height:1%; width:100%; } .usr_bb_button{ display:block; margin:1px; padding:4px; float:left; } .usr_bb_button:hover{ border: solid 1px #83BBD9; padding:3px; background:url(../images/bbbtn.jpg) repeat-x left bottom #DFF2F9; } .usr_bb_hint{ display:block; margin:2px; padding:5px; float:left; color:#666666; } a.new_messages_link{ color:#fff; background:#F00; font-weight:bold; padding:2px; text-decoration:none; } a.new_messages_link:hover{ color:#F00; background:#Fff; font-weight:bold; padding:2px; text-decoration:none; } /************************** Новые пользователи ********************************/ .mod_new_user{ clear:both; overflow:hidden; margin-bottom:5px; } .mod_new_user_avatar { float:left; margin-right:10px; padding:1px; background:#FFF; border:1px solid #6E93C9; overflow:hidden; } .new_user_avatar{ float:left; width:52px; margin-right:11px; margin-bottom:10px; } .mod_new_users .new_user_avatar:last-child{margin-right:0 !important;} .mod_new_users .new_user_avatar:nth-child(10n+10) {margin-right:0 !important;} .mod_new_user_link { font-size:12px; display:none; } #mod_usr_search_form td{ padding:4px; } /* This is the default styling for all Tooltipsters: */ .tooltip-message { background: #000; /* <- for IE */ background: rgba(0,0,0,0.9); color: #fff; font-family: "trebuchet ms", sans-serif; font-size: 12px; line-height: 12px; position: absolute; padding: 10px; border-radius: 2px; text-align: center; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } /* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */ .my-custom-theme { position: absolute; text-align: center; z-index: 9999999; pointer-events: none; width: auto; /* Start styling here... */ } /* Add a slight border radius to all images inside the Tooltipsters */ .tooltip-message img { border-radius: 2px; } /* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */ .tooltip-arrow { display: block; text-align: center; font-size: 12px; line-height: 12px; width: 100%; height: 5px; position: absolute; left: 0px; z-index: -1; } .tooltip-arrow-top { bottom: -3px; margin: 0 auto; text-align: center; } .tooltip-arrow-top-right { bottom: -3px; margin-left: -10px; text-align: right; } .tooltip-arrow-top-left { bottom: -3px; margin-left: 10px; text-align: left; } .tooltip-arrow-bottom { top: -10px; margin: 0 auto; text-align: center; } .tooltip-arrow-bottom-right { top: -10px; margin-left: -10px; text-align: right; } .tooltip-arrow-bottom-left { top: -10px; margin-left: 10px; text-align: left; } .tooltip-arrow-left { top: 0px; right: -18px; margin: 0 auto; text-align: right; } .tooltip-arrow-right { top: 0px; left: -8px; margin: 0 auto; text-align: left; } /* Some styling to enable the slide animation */ .tooltip-slide { height: 0px; position: absolute; width: auto; z-index: 9999999; overflow: hidden; } /*----------------------------------------------------------------------------*/ .ajax_autogrowarea{ border: 0 none; font-family: "trebuchet ms", sans-serif; font-size: 100%; margin: 0; padding: 3px 0; width: 100%; height:108px; min-height:180px; max-height:702px; } .bb_tag_code{ border:solid 1px silver; padding:8px; margin-top:5px; margin-bottom:5px; max-width:700px; overflow:auto; } .bb_tag_code ol{ padding: 6px 0; padding-left:5px; } .bb_tag_hide{ padding:8px; background-color:#FFFFCC; overflow: hidden; } .bb_tag_hide a{ color:#333333; text-decoration:underline; } .bb_tag_spoiler .spoiler_title{ margin-bottom:3px; } .bb_tag_spoiler .spoiler_body{ margin-bottom:10px; padding:10px; background:#ECECEC; border-radius:8px; -moz-border-radius:8px; } .bb_img { width:550px; overflow:hidden; } /*----------------------------- COMPONENT "FAQ" ------------------------------*/ .faq_subcats, .faq_cats{ padding:10px; padding-bottom:5px; margin-bottom:10px; margin-top:10px; clear:both; } .faq_cat_link{ font-size:18px; } .faq_cat_desc{ margin-bottom:5px; } .faq_questtext{ font-size:18px; margin-bottom:10px; color:#375E93; } .faq_quest_link { margin-bottom:5px; } .faq_quest_link a{ font-size:14px; text-decoration:none; } .faq_answertext{ font-size:16px; margin-bottom:10px; } .faq_answertext p{ margin-bottom:10px; } .faq_questdate{ padding:2px; font-size:11px; text-align:center; background-color:#EBEBEB; width:100px; float:right; } .faq_questuser a{ color:#375E93; } .faq_questuser{ padding-left:20px; font-size:11px; text-align:center; margin-top:2px; margin-right:4px; float:right; background:url(../images/icons/user.png) no-repeat; } .faq_questcat{ padding:2px; font-size:11px; text-align:center; margin-left:4px; float:right; } .faq_questcat a{ color:#333333; } .faq_quest{ margin-bottom:4px; border:1px solid #cfcfcf; padding:8px; } .faq_send_quest{ border:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; float:right; padding:5px 8px; margin:3px; margin-top:-35px; } .faq_send_quest a{ padding:1px; padding-left:20px; background:url(../images/icons/add.png) no-repeat; text-decoration:underline; color:#375E93; } #faq_message{ width:97%; height:200px; margin-bottom:10px; border:solid 1px #203047; } .faq_add_cat{ margin-bottom:10px; color:#375E93; } /*------------------------------- KARMA --------------------------------------*/ .karma_form{ text-align:center; padding:10px; margin:4px; border-bottom:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #5D90D1 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#5D90D1)); background-image: -ms-linear-gradient(top, #ffffff 0%, #5D90D1 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #5D90D1 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #5D90D1 100%); background-image: linear-gradient(top, #ffffff 0%, #5D90D1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#5D90D1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#5D90D1')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; } .karma_form #karmavotes { color:#fff; } /*------------------------------ TAG BAR -------------------------------------*/ .taglinebar{ margin:10px 0px; } .taglinebar .label{ padding-right:18px; background:url(../images/icons/tag.png); background-repeat:no-repeat; background-position:right; font-weight:bold; margin-right:4px; } .tag_searchcat{ color:#666666; text-decoration:underline; font-size:16px; } .tag_searchitem{ text-decoration:underline; font-size:16px; } .tagsearch_bar{ font-size:10px; text-align:right; float:right; } .tagsearch_item{ float:left; padding:5px; } /*------------------------ MODULE "LATEST BLOG POSTS" ------------------------*/ .mod_blog_userlink{ text-decoration:underline; color:#666666; } .mod_blog_karma{ text-align:center; font-size:18px; } /*------------------------- MODULE "LATEST FAQ QUESTS" -----------------------*/ .mod_faq_date{ font-style:italic; color:#999999; } span.user_karma_point{ font-size:16px; } /* ------------------------ MODULE "LATEST BOARD ITEMS" --------------------- */ .new_board_items li{ padding:0px; padding-left:20px; background:url(../images/icons/note.png) no-repeat left top; list-style:none; margin:0px; margin-bottom:4px; font-size:14px; } .new_board_items li span{ color: gray; font-size: 11px; margin-bottom: 10px; padding: 2px 0px; } .new_board_items li.vip a{ color:#ED8115; font-weight:bold; } .new_board_items{ padding:0px; margin:0px; } /* ---------------------------- MODULE "LATEST CLUBS" ----------------------- */ .mod_clubs .data .details span{ color: #999; padding-left:19px; margin-right:4px; font-size:10px; height:16px;line-height:16px;display:block; } /* ----------------------------- MODULE "USER RATING" ----------------------- */ .mod_user_rating td.avatar{ text-align:center; } .mod_user_rating a { font-size:14px; font-weight:bold; margin-left:15px; float:left; } .mod_user_rating div.karma { font-size:14px; font-weight:bold; margin-left:5px; float:left; } .mod_user_rating div.rating { font-size:14px; font-weight:bold; margin-left:5px; float:left; } /* ========================================================================== */ /* =========================== КОМПОНЕНТЫ =================================== */ /* ========================================================================== */ /* ========================================================================== */ /* ============================== БЛОГИ ===================================== */ /* ========================================================================== */ .blog_moderate_link{ color:#FF3300; text-decoration:underline; } .blog_moderate_yes{ color:#009933; font-size:14px; text-decoration:underline; } .blog_moderate_no{ color:#CC0000; text-decoration:underline; } .blog_desc{ clear:both; } .blog_toolbar{ position:relative; padding:4px 4px; margin:3px; display:inline-block; float:right; border:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; } .blog_records{ clear:both; } .blog_cat{ float:left; padding:2px; height:20px; line-height:20px; } .blog_catlist{ float:left; overflow:hidden; _height:1%; margin:4px 0 20px 0; } .blog_post_data strong{ color:#375E93; } .blog_post_avatar{ padding:2px; margin-right:10px; } .blog_title_left { background: url(../images/content.png) 100% 50% no-repeat transparent; float: left; margin-right: 10px; padding-right: 5px; } .blog_title_left div { background: #45484C; padding: 5px 10px; } .blog_title_left div a { color: #FFFFFF; text-decoration: none; } .blog_post_body{ padding:4px; margin-top:15px; margin-bottom:15px; } .blog_post_nav{ margin:5px 0; padding:2px; background-color:#E0EAEF; overflow:hidden; border-radius:8px; -moz-border-radius:8px; clear:both; overflow:hidden; } .blog_post_nav a { height: 28px; font-size:14px; } .blog_post_nav .next { float:right; background:url(../images/icons/big/next.png) no-repeat right; padding: 5px 30px 0 0; } .blog_post_nav .prev { float:left; background:url(../images/icons/big/prev.png) no-repeat; padding: 5px 0 0 30px; } .blog_btnlink{ padding:10px; margin:2px; border:solid 1px silver; width:120px; } .blog_fa{ margin:0px; border: solid 1px gray; padding:10px; background-color:#FFFFFF; } .blog_fa_title{ font-weight:bold; } .blog_fa_desc{ border-bottom:solid 1px gray; margin-bottom:10px; padding-bottom:8px; } .blog_fa_entries{ background-color:#EBEBEB; border:solid 1px gray; padding: 8px; margin-top:10px; display:none; } .blog_fa_browse{ border:solid 1px; } .fa_attach{ margin-top:10px; border-top: 1px dotted #A8C2CF; display:block; } .fa_attach_title{ margin-top:6px; margin-bottom:6px; font-weight:bold; font-size:10px; color: #5F98BF; } .fa_file_desc{ font-size:10px; } .fa_file_link{ font-size:10px; margin-left:5px; } .blog_attachbox{ overflow:hidden; margin-top:5px; } .blog_attachthumb{ float:left; width:100px; padding:8px; border:solid 1px silver; margin-left:2px; } .blog_entry{ clear:both; } .blog_entry_title{ float: left; font-size: 18px; line-height: normal; padding: 0px; } html, body, di } .blog_entry_info{ font-size:12px; color:#333333; padding:0px; margin-top:5px; clear:both; } .blog_entry_info a{ color:#375E93; } .blog_entry_date{ background:url(../images/icons/calendar.png) no-repeat left center; padding:1px; padding-left:20px; margin-right:10px; } .blog_entry_title_td{ background-color:#FFF; padding-bottom:12px; } .blog_entry_text{ margin-bottom:15px; } .club_blog_post{ margin:5px 0; padding: 5px 0; border-bottom: 1px solid #C3D6DF; } .club_blog_post .club_post_title { font-size:14px; } .club_blog_post .club_post_author { font-size:12px; color: #5F98BF; } .club_blog_post .club_post_descr { color: #AAAAAA; } .blog_entry_karma{ font-size:20px; float:right; margin-right:15px; } .blog_entry_karma_td{ background-color:white; border:solid 1px #666666; text-align:center; } .post_karma{ background:url(../images/icons/rating.png) no-repeat left center; padding:1px; padding-left:20px; display:inline-block; margin-right:10px; font-size:14px; } .blog_comments_link{ font-size:12px;font-weight:bold; text-decoration:underline; background:url(../images/icons/comment.png) no-repeat left center; padding:1px; padding-left:20px; } .blog_comments{ margin-bottom:20px; font-size:12px; padding:5px 10px; background:#EFF0F1; display:inline-block; } .blog_comments .tagline{ text-decoration:none; background:url(../images/icons/tag.png) no-repeat left center; padding:1px; padding-left:20px; margin-left:10px; } .blog_comments .editlinks a{ color:#666666; } .blog_authorsall{ color:#666666; } .blog_authorslink{ color:#666666; text-decoration:underline; } .blog_type_menu{ clear:both; overflow:hidden; margin-bottom:10px; } .blog_type_link{ display:block; float:left; margin-right:10px; font-size:15px; color:#fff; background:#45484C; padding:4px 10px; text-decoration:none; transition: all 0.5s cubic-bezier(0, 0, 0.58, 1) 0; } .blog_type_link:hover{ color:#fff; background:#5D90D1; } .blog_type_active{ display:block; float:left; margin-right:10px; color:#fff; font-size:15px; background:#5D90D1; padding:4px 10px; } .blog_full_list .blog_title_td{ padding-left:0px; } .blog_full_list .blog_title, .blog_full_list .blog_user, .blog_full_list .blog_posts, .blog_full_list .blog_comm{ padding:1px; padding-left:20px; } .blog_full_list .blog_title{ font-size:16px; background:url(../images/icons/blog.png) no-repeat left center; } .blog_user{ background:url(../images/icons/user.png) no-repeat left center; padding:2px 10px 2px 20px; } .blog_full_list .blog_posts{ background:url(../images/icons/posts.png) no-repeat left center; } .blog_full_list .blog_comm{ background:url(../images/icons/comment.png) no-repeat left center; } .blog_full_list .blog_rss{ background:url(../images/icons/rss.png) no-repeat left center; width:16px; height:16px; display: block; } .blogs_full_rss { margin-top:15px; } .blogs_full_rss a{ background:url(../images/icons/rss.png) no-repeat left center; padding:1px; padding-left:20px } .con_rss_icon, .cont_rss_icon { float:right; margin: 4px 5px; } .con_rss_icon a { text-decoration:none; } /* ========================================================================== */ /* ========================= ДОСКА ОБЪЯВЛЕНИЙ =============================== */ /* ========================================================================== */ .bd_item{ margin-bottom:4px; border:solid 1px #CFCFCF; padding:12px; } .bd_item_vip{ margin-bottom:4px; border:1px solid #FFCC99; background:#FFFFD9; padding:12px; border-radius:8px; -moz-border-radius:8px; } .board_toolbar{ margin-bottom:10px; } .board_toolbar table{ padding:4px; background-color:#EBEBEB; } .board_toolbar a{ text-decoration:underline; color:#666666; } div.bd_title{ margin-bottom:0px; } div.bd_title a{ font-size:16px; font-weight:bold; margin:0px; } .bd_item_vip div.bd_title a{ font-size:16px; font-weight:bold; margin:0px; color:#ED8115; } img.bd_image_small{ padding:2px; border:solid 1px #C3D6DF; margin-right:10px; } .bd_item_vip img.bd_image_small{ padding:2px; border:1px solid #FFCC99; margin-right:10px; } div.board_gallery{ margin-top:20px; margin-bottom:10px; } .board_categorylist{ margin-bottom:30px; margin-top: 20px; clear:both; overflow:hidden; } .board-box{ float:left; min-width:240px; margin:10px; padding:6px; min-height:50px; color:#727273; border-bottom:1px solid #E7E8E9; } .photo_sortform{ clear:both; padding:4px 5px; } .bd_text{ margin:0px; clear:both; } .bd_moderate_link{ float:right; } .bd_moderate_link span{ float:right; padding:0 5px 0 18px; } div.bd_item_details{ margin-top:20px; float:right; } div.bd_item_details a, .bd_moderate_link a{ color:#666; } div.bd_item_details_full{ margin-bottom:10px; } div.bd_item_details_full a{ color:#666666; } div.bd_item_details span, div.bd_item_details_full span{ height:18px; line-height:18px; padding:2px; padding-left:18px; padding-right:10px; font-size:12px; } .bd_text_full{ padding:20px 15px; font-size:16px; border:1px solid #CFCFCF; margin-top:15px; } div.bd_links{ padding:0px; margin-top:10px; } div.bd_links span{ height:18px; line-height:18px; padding:2px; padding-left:20px; padding-right:10px; } div.bd_links span.bd_message{ background:url(../images/icons/message.png) no-repeat 0px 2px; } div.bd_links span.bd_author{ background:url(../images/icons/posts.png) no-repeat 0px 2px; } span.bd_item_is_vip{ background:url(../images/icons/vip.png) no-repeat; color:#ED8115; font-weight:bold; } span.bd_item_date{ background:url(../images/icons/calendar.png) no-repeat; } span.bd_item_city{ background:url(../images/icons/city.png) no-repeat; } span.bd_item_hits{ background:url(../images/icons/eye.png) no-repeat scroll center left; } span.bd_item_edit{ background:url(../images/icons/edit.png) no-repeat; } span.bd_item_delete{ background:url(../images/icons/no.png) no-repeat; } span.bd_item_publish{ background:url(../images/icons/yes.png) no-repeat; } span.bd_item_user{ background:url(../images/icons/user.png) no-repeat; } span.bd_item_cat{ background:url(../images/icons/folder_table.png) no-repeat; } span.bd_item_status_ok{ color:green; background:url(/components/board/images/status_ok.gif) no-repeat; } span.bd_item_status_bad{ color:red; background:url(/components/board/images/status_bad.gif) no-repeat; } img.bd_cat_main_icon{ margin-right:10px; } div.bd_cat_main_title a{ font-size:18px; color:#375E93; } div.bd_cat_main_obtypes a{ color:#5F98BF; } /* ========================================================================== */ /* ============================== КАТАЛОГ =================================== */ /* ========================================================================== */ #shop_toollink_div{ border:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; float:right; padding:4px 4px; clear:both; overflow:hidden; margin:3px; margin-top:-35px; } #shop_toollink_div a{ color:#333; text-decoration:none; } #shop_toollink_div a:hover{ color:#333; text-decoration:underline; } #shop_cartlink{ float:left; background:url(../images/icons/cart.png) no-repeat 2px 2px; font-weight:bold; padding-left:25px; padding-right:5px; } #shop_searchlink{ float:left; background:url(../images/icons/search.png) no-repeat 2px 2px; padding-left:20px; padding-right:5px; } #shop_addlink{ float:left; background:url(../images/icons/add.png) no-repeat 2px 2px; padding-left:20px; } #cart_buttons{ margin-top:20px; text-align:center; overflow:hidden; } #cart_buttons1{ margin:2px; float:right; } #cart_buttons2{ margin:2px; float:left; } #cart_total{ text-align:right; font-size:16px; margin-top:5px; padding-top:5px; border-top:solid 1px silver; } #cart_total span{ font-weight:bold; } #catalog_list_itempic{ padding:10px; } #shop_small_price{ width:110px; height:26px; line-height:26px; text-align:center; margin-top:5px; font-size:14px; font-weight:bold; color:#047700; } #shop_price span{ margin-left:0px; font-weight:bold; } #shop_ac_item_link img{ margin-left:2px; margin-top:12px; } #shop_ac_itemdiv{ margin-left:5px; margin-top:10px; } .catalog_sortform{ text-align:right; clear:both; overflow:hidden; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; border-bottom:1px solid #cfcfcf; margin-bottom:10px; } .catalog_sortform table{ float:right; margin:10px 0px; } .catalog_list_item{ border:1px solid #cfcfcf; margin-bottom:10px; padding:0px; } #catalog_item_table{ width:100%; } #shop_list_buttons{ clear:both; margin-top:15px; } div.uc_subcats{ padding:10px; border:solid 1px silver; background-color:#FFF; margin-bottom:15px; } ul.uc_cat_list{ list-style:none; margin:0px; padding:0px; overflow:hidden; } ul.uc_cat_list li.uc_cat_item{ font-size:18px; padding-left:23px; background: url(../images/icons/folder.png) no-repeat left center; line-height:18px; margin:0px; margin-bottom:10px; } .hint{ color:gray; } #shop_moder_form{ padding:15px; } #shop_moder_form p.notice{ font-weight:bold; } /* ========================================================================== */ /* ============================== КЛУБЫ ===================================== */ /* ========================================================================== */ input.button { font-size:18px; } div.new_club { margin:4px; margin-bottom:15px; margin-top:-35px; padding:9px; float:right; color:#333; border:1px solid #edecec; background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; -moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px#888;box-shadow: 0 0 3px #888; } .ui-tabs-panel div.new_club { margin-top:0px; } div.new_club a { padding-left:30px; padding-right:15px; color:#727273; background:url(../images/icons/add.png) no-repeat 10px center ; } div.new_club a:hover{color:#333; text-decoration:none;} div.club_entry, div.club_entry_vip{ overflow:hidden; margin-bottom:5px; padding:0px; clear:both; position: relative; border-bottom:1px solid #e7e8e9; } .user_role { position:relative; color: #cc3300; } .member { color: #0033cc; } .moderator { color: #009933; } div.club_entry_vip{ background: #FFFFD9; border: 1px solid #FFCC99; } div.club_entry .image, div.club_entry_vip .image{ padding: 2px; float: left; margin-right:5px; } div.club_entry .data, div.club_entry_vip .data{ overflow:hidden; width:auto; } div.club_entry .data .title, div.club_entry_vip .data .title{ margin-bottom: 5px; margin-top:2px; } div.club_entry .data .title a, div.club_entry_vip .data .title a{ font-family: "Sanchez", serif; font-size: 18px; font-weight: 400; line-height: 18px; padding-bottom: 5px; color:#333; text-decoration:none; } div.club_entry .data .title a:hover, div.club_entry_vip .data .title a:hover{ text-decoration:underline;color:#333;} div.club_entry_vip .data .title a{ color:#ED8115; } div.club_entry .data .title a.private, div.club_entry_vip .data .title a.private{ font-size: 16px; font-weight:bold; color:gray; } div.club_entry .data .details, div.club_entry_vip .data .details { float:left; } div.club_entry .data .details span, div.club_entry_vip .data .details span{ float:left; color: #666; padding:2px; padding-left:20px; margin-right:4px; font-size:10px; height:20px;line-height:20px; } div.club_entry .data .details span.rating, div.club_entry_vip .data .details span.rating{ background:url(../images/icons/rating.png) no-repeat left center; } div.club_entry_vip .data .details span.vip{ background:url(../images/icons/vip.png) no-repeat left center; } div.club_entry .data .details span.date, div.club_entry_vip .data .details span.date{ background:url(../images/icons/calendar.png) no-repeat left center; } div.club_entry .data .details span.members, div.club_entry_vip .data .details span.members{ background:url(../images/icons/groups/registered.png) no-repeat left center; } .club_full_entry { overflow:hidden; margin-bottom:10px; width:100%; } .club_full_entry .image{ width:200px; padding: 2px; margin-right:14px;margin-bottom:10px; } .club_full_entry .details { background: url(../images/coment_club.png) 10px 100% no-repeat transparent;margin-bottom: 10px;padding-bottom: 8px;} .club_full_entry .details .details_inner{background: #45484C;padding: 5px;} .club_full_entry .details span{ font-size:12px;color: #CAC9C9; padding:1px; padding-left:20px; margin-right:4px; height:18px; } .club_full_entry .details span.vip{ background:url(../images/icons/vip.png) no-repeat left center; color:#ED8115; font-weight:bold; } .club_full_entry .details span.rating{ background:url(../images/icons/rating.png) no-repeat left center; } .club_full_entry .details span.date{ background:url(../images/icons/calendar.png) no-repeat left center; } .club_full_entry .details span.members{ background:url(../images/icons/groups/registered.png) no-repeat left center; } .club_full_entry .data .description { margin-right:20px; margin-left:8px; margin-bottom:5px; clear:both; } .club_full_entry .members_list { clear:both;margin-top:10px;} .club_full_entry .members_list .title { padding:5px 10px 5px 0px; border-top:4px solid #5D90D1; margin:3px; color:#5D90D1; text-transform: uppercase; font-weight:700; font-size:15px; } .club_full_entry .members_list .list { clear:both; overflow:hidden;padding:4px;} .club_full_entry .clubcontent { clear:both; margin-bottom:10px; } .club_full_entry .clubcontent p { padding:0px; padding-left:5px; margin-top:0px; } .club_full_entry .clubcontent div.title { padding:5px 10px 5px 0px; } .club_full_entry .clubcontent div.blog .title { border-top:4px solid #45484C; margin:3px; color:#45484C; text-transform: uppercase; font-weight:700; font-size:15px; } .club_full_entry .clubcontent div.album .title { border-top:4px solid #45484C; margin:3px; color:#45484C; text-transform: uppercase; font-weight:700; font-size:15px; } .club_full_entry .clubcontent ul li a.on_moder { color:#FF6600; } .club_full_entry .clubcontent div.album a.delete { color:#FF0000; } .club_full_entry .clubcontent span.new{ color:#009900; font-weight:bold; } .club_full_entry .clubcontent ul { margin:10px 0 10px 30px; } .club_full_entry .clubcontent ul li { margin-bottom:3px; margin-left:0; padding-left:0; } .club_full_entry .clubcontent ul li.all a{ color:#999999; } .club_full_entry .clubcontent ul li.service a{ color:#009900; } .club_full_entry .clubcontent #add_album_form input.text { width:300px; border:solid 1px silver; } .service { color:#009900; margin-left:10px; } .club_full_entry .clubmenu { overflow:hidden; clear:both; } .club_full_entry .clubmenu div { float:left; line-height:30px; height:30px; margin:0 0 10px 0; } .club_full_entry .clubmenu div.join{ padding-left: 32px; background:url(/templates/_default_/images/icons/clubs/join.png) 0px center no-repeat; } .club_full_entry .clubmenu div.leave{ padding-left: 32px; background:url(/templates/_default_/images/icons/clubs/leave.png) 0px center no-repeat; } .club_full_entry .clubmenu div.config{ padding-left: 32px; background:url(/templates/_default_/images/icons/clubs/config.png) 0px center no-repeat; } .club_full_entry .clubmenu div.invite{ padding-left: 32px; background:url(/templates/_default_/images/icons/clubs/invite.png) 0px center no-repeat; } .club_full_entry .clubmenu div.messages{ padding-left: 32px; background:url(/templates/_default_/images/icons/clubs/messages.png) 0px center no-repeat; } .club_full_entry .wall .header{ border-top:4px solid #45484C; margin:3px; color:#45484C; text-transform: uppercase; font-weight:700; font-size:15px; padding:5px 10px 5px 0px; } .club_full_entry .wall .body{ padding:10px; } .club_full_entry .wall #addwall{ padding:0px; padding-right:10px;} .member_list { float:left; position:relative; } .member_list .online { font-size:10px; position:absolute; top:0; left:0; border-radius:3px; -moz-border-radius:3px; width:80%; opacity: 0.7; filter: alpha(opacity=70); } /* ========================================================================== */ /* =========================== КОММЕНТАРИИ ================================== */ /* ========================================================================== */ .cmm_heading { font-family: "Trebuchet MS"; font-size: 18px; color: #7192A6; margin-bottom: 4px; padding-top: 8px; } .cmm_icons{ margin-bottom: 4px; } .cmm_icons a{ color:#666666; text-decoration:underline; } .cmm_anchor{ float:left; margin-left:10px; color:#333333; } .cmm_author { display: block; float: left; font-weight: bold; } .cmm_title { padding: 6px; } .cmm_votes{ float: right; padding: 2px; margin-right:15px; color:silver; font-weight:bold; } .cmm_good{ color:green; } .cmm_bad{ color:red; } .cmm_date { color: #999; background-color: #999999; display: block; float: right; margin-right:6px; padding: 1px; padding-left:20px; background:url(../images/icons/calendar.png) no-repeat left center; } .cmm_pagebar { background-color:#EBEBEB; margin-bottom:4px; } .cmm_entry { width: 100%; margin:0; margin-bottom:5px; padding:2px; } .cmm_sublinks{ display:block; margin-top:10px; } .cmm_sublinks a:hover{ color:#375E93; } .cmm_sublinks a{ color:#5F98BF; margin-right:6px; } .cmm_avatar { padding: 5px; background:#EBEBEB; border-radius:8px; -moz-border-radius:8px; } .cmm_content_av { padding: 10px; padding-left: 25px; padding-top: 7px; background:url(/templates/_default_/images/icons/comments/pointer.jpg) no-repeat; } .cmm_content { padding-left: 6px; } .cmm_addentry a{ text-decoration:underline; } .cmm_addentry { padding:20px; border:solid 1px gray; background-repeat:repeat-x; background-color:#E4E4E4; } .cmm_smilebox{ padding:4px; border:solid 1px gray; background-color:#EBEBEB; } .cmm_codebar{ width:100%; border:solid 1px gray; background-color:#FFFFFF; } .cmm_pageselect{ border: solid 1px gray; background-color:#F3F3F3; } .cmm_submit{ font-size:12px; } .cmm_all_title{ margin-bottom:5px; color:#5F98BF; font-size:100%; font-weight:normal; } #addcomment { border: solid 1px gray; background-color:#E5E5E5; padding:10px; } .cm_guest_name{ margin:10px 0px; color:#375E93; font-weight:bold; } .cm_addentry{ overflow:hidden; margin:4px; } .cm_editor{ border:1px #CCC solid; padding:4px; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; } .cm_codebar{ margin:2px 0; overflow:hidden; } div.cm_smiles a{ text-decoration:none; } div.cm_smiles{ position:relative; } /* ========================================================================== */ /* ============================== КОНТЕНТ =================================== */ /* ========================================================================== */ #con_rating_block{ margin-top:10px; padding:10px; margin-bottom:10px; background:#eff0f1; } div.con_forum_link{ margin-top:10px; margin-bottom:10px; } div.con_forum_link a{ height:16px; line-height:16px; padding-left:18px; background:url(/images/icons/comments.gif) no-repeat left center; } /* ========================================================================== */ /* ============================== ФОРУМ ===================================== */ /* ========================================================================== */ .darkBlue-LightBlue, .for-LightBlue { background-color:#385c89; background-image: -webkit-gradient(linear,left bottom,left top,from(#385c89),to(#4a79a9)); background-image: -moz-linear-gradient(bottom, #385c89, #4a79a9); background-image: -o-linear-gradient(bottom, #385c89, #4a79a9); color: #FFF; font-size:14px; clear:both; overflow:hidden;} .darkBlue-LightBlue a, .for-LightBlue a { color:#FFF; border-color: #FFF; } .darkBlue-LightBlue a:hover, .for-LightBlue a:hover { color:#CCC; border-color: #CCC; } .forum_cattitle{ font-size: 18px; margin-bottom:6px; margin-top:10px; color:#5186B8; } .post_content{ word-wrap: break-word; } .posts_table .darkBlue-LightBlue{ font-size: 12px; } .last_post_img{ float:right; padding:5px; } .added_later { color: #CCC; margin: 10px 0; display: block; } .forums_table{ border:solid 1px #A8C2CF; box-shadow:0 0 20px rgba(0,0,0,0.3); } .forum_link{ font-weight:bold; } .forum_desc{ color: #444; margin: 5px 0 0; } .threads_table{ border:solid 1px #A8C2CF; box-shadow:0 0 20px rgba(0,0,0,0.3); } .thread_link{ font-weight:bold; } .thread_desc{ color:#999999; } .thread_pagination{ font-size:12px; } .thread_pagination a{ color:#666666; text-decoration:underline; } .thread_pagination a:hover{ color:#FF6600; text-decoration:underline; } .row1{ background-color:#E0EAEF; background-image: -webkit-gradient(linear,left bottom,left top,from(#E0EAEF),to(#FFF)); background-image: -moz-linear-gradient(bottom, #E0EAEF, #FFF); background-image: -o-linear-gradient(bottom, #E0EAEF, #FFF); border-bottom:#A8C2CF 1px solid; } .row11{ background-color:#E0EAEF; border-bottom:#A8C2CF 1px solid; } .row2{ background-color:#FFF; border-bottom:#A8C2CF 1px solid; } .forum_poll_data{ background-color:#F2F2F2; } .forum_poll_header{ width:100%; background-color:#EBEBEB; border-bottom:dashed 1px #A8C2CF; } .forum_poll_title{ font-weight:bold; font-size:18px; } .forum_poll_desc{ font-size:12px; margin: 4px 0; } .forum_poll_gauge_title{ font-size:12px; } .forum_poll_gauge{ height:15px; background-color:#333333; margin-bottom:10px; font-size:10px; color:#FFFFFF; text-align:right; } .forum_poll_submit{ margin:10px; } .forum_poll_param{ margin:0 0 7px 0; font-size: 12px; } .post_usercell{ background-color:#EFFAFF; border-top:solid 1px #A8C2CF; background-image: -moz-linear-gradient(right center , #EFFAFF, #FFF); background-image: -webkit-gradient(linear,left center,right center,from(#FFF),to(#EFFAFF)); background-image: -o-linear-gradient(right, #EFFAFF, #FFF); } .post_userimg{ margin:4px auto; border:solid 1px #A8C2CF; padding:5px; background-color:white; border-radius:8px; -moz-border-radius:8px; width:64px; } .post_userawards{ margin-top:3px; margin-bottom:3px; } .post_userrank{ font-size:10px; color:#006699; } .post_userrank span{ display:block; clear:both; } .post_userrank .user_rank{ font-size:10px; color:#006699; } .post_userrank .admin_rank{ font-size:10px; color:#660000; } .post_userrank .moder_rank{ font-size:10px; color:#C00; } .post_usermsgcnt{ font-size:10px; } .post_userkarma{ padding:2px; margin:2px; font-size:10px; } .post_msgcell{ background-color:#FFFFFF; border-top:solid 1px #A8C2CF; padding:6px; } .post_userlink{ color:#003366; font-weight:bold; } .post_date{ float: left; } .msg_links{ float: right; } .votes_links{ float: right; margin: 0 0 0 10px; } .post_editdate{ color:#999999; margin:10px 0 0 0; padding: 7px 0 0 0; border-top:1px dotted #CCC; font-size: 11px; } .post_signature{ margin-top:20px; border-top:solid 1px silver; padding-top:4px; } .forum_toollinks{ text-align:right; } .forum_toollinks div { padding:6px 10px; } .be_page{float:left; padding:4px;} .forum_quote{ padding:10px; border:dashed 1px gray; background-color:#EBEBEB; font-size:12px; color: gray; margin:8px; } .bb_quote { background-color: #FFFFD9; border: 1px solid #FFCC99; border-radius: 8px; -moz-border-radius:8px; color: gray; font-size: 12px; margin: 6px; padding: 8px; overflow: hidden; } .forum_quote_author{ text-align:right; } .forum_toolbar{ background-color:#45484C; margin:5px 0px; border:solid 1px #000; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); overflow:hidden; display:block; } .forum_toolbar a:hover{ color:#5F98BF; } .forum_toolbar a{ color:#fff; text-decoration:none; } .forum_navbar{ margin-bottom:4px; background-color:#E0EAEF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); padding:5px; } .forum_navbar a{ color:#375E93; text-decoration:underline; } .forum_fa{ margin: 6px 0 0 0; border: solid 1px #CCC; border-radius:6px; -moz-border-radius:6px; padding:7px; } .forum_fa_title{ font-weight:bold; } .forum_fa_desc{ border-bottom:solid 1px #FFCC99; margin-bottom:10px; padding-bottom:8px; } .forum_fa_entries{ background-color:#FFFFD9; border:1px solid #FFCC99; padding: 8px; margin:6px 0 0 0; border-radius:6px; -moz-border-radius:6px; display:none; } .forum_postinfo{ margin-bottom:15px; } .forum_texteditor{ font-size:14px; border:solid 1px gray; width:100%; height:200px } .forum_zoom{ background-color:#fff;padding:0px; position: relative; } .forum_zoom:hover .forum_zoom_text{ display: block; } .forum_zoom_text{ padding:2px; color:#FFFFFF; text-align:center; position: absolute; top: 0px; background: #444; opacity: 0.8; filter: alpha(opacity=80); font-size: 12px;display: none; } .forum_lostimg{ padding:5px; border:solid 1px silver; color:#666666; } .forum_fast{ margin-top:2px; } .forum_fast_header{ color:#375E93; font-size:18px; margin-bottom:4px; padding:10px 0; padding-left:20px; background:url(../images/icons/edit.png) no-repeat left center; } .forum_fast_submit{ text-align:right; margin-top:3px; } .forum_fast_form #message{ border: 0 none; font-size: 100%; margin: 0; padding: 3px 0; width: 100%; height:108px; max-height:702px; } .forum_subs{ margin: 5px 0 0; color:#666666; font-size:11px; } .forum_subs a{ text-decoration:underline; color:#003399; } .subforumshead{ font-size:12px; font-weight:bold; color:#333333; } /* ========================================================================== */ /* ========================== ПОЛЬЗОВАТЕЛИ ================================== */ /* ========================================================================== */ .add_file_link{ height:18px; line-height:18px; padding-left:22px; background:url(../images/icons/users/upload.gif) no-repeat left center; } #usr_links{ margin-top:0px; margin-bottom:10px; overflow:hidden; clear:both; } #usr_files, #usr_blog, #usr_board, #usr_forum, #usr_comments{ font-size:14px; margin: 0 0 8px 2px; width:100px; float:left; text-align:center; padding-top:35px; } #usr_files a, #usr_blog a, #usr_board a, #usr_forum a, #usr_comments a{ display:block; color:#5c5c5c; text-decoration:none; } #usr_files{background:url(../images/icons/big/folder.png) no-repeat center top;} #usr_blog{background:url(../images/icons/big/blog.png) no-repeat center top;} #usr_board{background:url(../images/icons/big/board.png) no-repeat center top;} #usr_forum {background:url(../images/icons/big/forum.png) no-repeat center top;} #usr_comments{background:url(../images/icons/big/faq_answer.png) no-repeat center top;} #usr_files span, #usr_blog span, #usr_board span, #usr_forum span, #usr_comments span{ font-size:10px; } .online{ padding:1px 5px; background-color:#00CC00; color:#FFF; font-size:11px; } .cmm_votes{ float: right; padding: 2px; margin-right:15px; color:silver; font-weight:bold; } .cmm_good{ color:green; } .cmm_bad{ color:red; } #users_search_link a{ padding:1px; padding-left:20px; background:url(../images/icons/search.png) no-repeat; text-decoration:none; } #users_search_link a span{ border-bottom:dashed 1px #375E93; } #users_sbar{ padding:15px; border:1px solid #C3D6DF; color:#375E93; background:#E0EAEF; margin-bottom:10px; } #users_sbar input[type=text] { border:1px solid #4DA4CF; padding:2px;} #users_sbar .field{ width:150px; } #users_sbar .longfield{ width:408px; } #users_sbar p{ margin-top:10px; } .users_search_results{ padding:15px; border-radius:8px; -moz-border-radius:8px; border:1px solid #C3D6DF; color:#375E93; background:#E0EAEF; margin-bottom:15px; } .users_search_results h3{ font-size:18px; font-weight:normal; margin: 0 0 10px 0; } .users_search_results ul, .users_search_results li{ margin-left:0px;} div.users_list_buttons{ overflow: hidden; margin-top:10px;} div.users_list_buttons .button{ display:block; float:left; font-size:15px; margin-right:10px; padding:4px 10px; background:#45484C; transition: all 0.5s cubic-bezier(0, 0, 0.58, 1) 0; } div.users_list_buttons .button:hover{ color:#fff; background:#5D90D1; } div.users_list_buttons .button a { color:#fff;text-decoration:none;} div.users_list_buttons .selected{ background:#5D90D1; padding:4px 10px; margin-right:10px; } div.users_list_buttons .selected a{ text-decoration:none; color:#fff; } .user_list_con div{ float:left; margin:2px; } .user_list_con{ overflow:hidden; clear:both; padding:4px 0px 4px 24px; } .user_list_con span{ text-indent: -99999em; outline: 0px none currentColor; width: 20px; height:20px; font-size: 19px; vertical-align: text-top; display:inline-block; border-radius:3px; border:1px solid #b9b9b9; background-color: #BDBEC1; } .user_list_con span:hover { background-color: #5D90D1; } .friend_mess{ background:url(../images/icons/ico_white/message.png) no-repeat center;} .friend_dell{ background:url(../images/icons/ico_white/delete.png) no-repeat center;} .users_list_col{ float:left; margin:4px 3px; width:100px; min-height:100px; text-align:center; background:#EBEBEB; padding:4px; transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } .users_list_col:hover{ background:#E0DFDF; } table.users_list div.avatar{ width:45px; height:45px; margin-bottom:4px; } table.users_list div.number{ color:#999; } table.users_list div.nickname { font-size:15px; } div.microstatus { color:#5F98BF; font-size:11px; padding:1px; padding-left:20px; background:url(../images/icons/comment-small.png) no-repeat left top; clear:both; margin-top:3px; } .microstatus { color:#5F98BF; font-size:11px; padding:1px; padding-left:20px; background:url(../images/icons/comment-small.png) no-repeat left top; margin-top:3px; } table.users_list div.karma, table.users_list div.rating{ font-size:12px; float:right; overflow:hidden; padding:2px 5px; border-radius:8px; -moz-border-radius:8px; background:#E0EAEF; } table.users_list div.karma{ margin-right:5px; } table.users_list .pos{ color: green; } table.users_list .neg{ color: red; } table.users_list div.city { clear:both; } table.users_list div.city a{ color:#666; } table.users_list div.status { float:right; padding:2px; margin-right:5px; } table.users_list div.status .online{ padding:1px 5px; background-color:#00CC00; color:#FFF; font-size:11px; border-radius:4px; -moz-border-radius:4px; } table.users_list div.status .offline{ color:#999999; font-size:11px; background:none; padding:0px;} #mod_user_stats div.stat_block { margin-left:15px; } #mod_user_stats div.stat_block div.title { color:#1873AA; font-size:16px; margin-bottom:0px; text-shadow:0 2px 0 #FFFFFF; font-weight:bold; } #mod_user_stats div.stat_block div.body ul { list-style:none; margin:0px; margin-left:20px; padding:0px; } #mod_user_stats div.stat_block div.body li { list-style:none; margin:0px; margin-bottom:3px; } #mod_user_stats div.stat_block_bday { margin-left: 20px; } #mod_user_stats div.stat_block_bday div.title { text-shadow:0 2px 0 #FFFFFF; padding-left:18px; background:url(../images/icons/cake.png) no-repeat left center; font-size:16px; color:#1873AA;; font-weight:bold; margin-bottom:5px; margin-top:20px;} div#user_ratings { float:right; } div#user_ratings div.karma, div#user_ratings div.rating { float:left; text-align:center; } div#user_ratings .value, div#user_ratings .value-positive, div#user_ratings .value-negative{ font-size:14px; padding: 0px 5px; margin: 2px; height:30px; line-height:30px; cursor:pointer; display:inline-block; } div#user_ratings .karma .value-positive { background-color:#427F00; color:#FFF; } div#user_ratings .karma .value-negative { background-color:#BF2F17; color:#FFF; } div#user_ratings .karma table td { font-size:14px; padding:0px 2px; } div#user_ratings .rating .value { background-color:#4A73A7; color:#FFF; padding:0px 10px; } .user_group_name{ float:right; margin-right:20px; height:38px; line-height:38px; } .user_group_name div { padding-left:20px; background-position: left center; background-repeat: no-repeat; color:#375E93; } .user_group_name .admin { background-image: url(../images/icons/groups/admin.png); } .user_group_name .registered { background-image: url(../images/icons/groups/registered.png); } .user_group_name .editors { background-image: url(../images/icons/groups/editors.png); } .user_group_name .moderators { background-image: url(../images/icons/groups/moderators.png); } .user_group_name .vip { background-image: url(../images/icons/groups/vip.png); } div#user_profile_url{ clear:both; display:block; padding:5px; margin-top:10px; text-align:center; background:none repeat scroll 0 0 #E7E8E9; } #user_profile_url div{ color:#375E93; } #user_profile_url a{ color:#5F98BF; } a.select-avatar{ height:16px; line-height:16px; padding-left:18px; background:url(../images/icons/users/selectavatar.gif) no-repeat left center; } div.user_profile_data { padding:10px; padding-top:0px; padding-bottom:0px;} .offline{ padding:1px 3px; border-radius:4px; -moz-border-radius:4px; background-color: #DD6C6C; color:#FFF; font-size:11px; } .user_profile_data .offline, .user_profile_data .online, .user_profile_data .logdate{ font-size:12px; } .logdate{ color:#999999; font-size:11px;} .usr_friends_entry .offline{ color:#999999; } div.user_profile_data .field{ overflow: hidden; clear:both; } div.user_profile_data .field .title, div.user_profile_data .field .value { float:left; line-height:24px;} div.user_profile_data .field .title { width:170px; font-weight:bold; } #upr_feed .action_entry { border-bottom:1px solid #BFE5FF; margin-bottom:10px; overflow:hidden; padding-bottom:10px; padding-left:22px; } #upr_feed .action_title { font-size:12px; overflow:hidden; padding:2px 0; } .usr_friends_query{ -moz-border-radius:8px 8px 8px 8px; background-color:#FFFFFF; border:1px solid #65A1C2; padding:10px; margin-top:10px; } .usr_friends_query_one{ margin-bottom:5px; } .usr_friends_query_yes{ height:16px; line-height:16px; padding-left:20px; background:url(../images/icons/yes.png) no-repeat; } .usr_friends_query_no{ height:16px; line-height:16px; padding-left:20px; background:url(../images/icons/no.png) no-repeat; } .content_title { font-size:14px; font-weight:bold; } .usr_friends_feed{ padding:6px; } .usr_friends_feed a.nickname { color:gray; } .usr_com_title{ padding: 5px; background-color:#EBEBEB; border-top:solid 1px #666; border-bottom:none; } .usr_com_body{ padding-top: 15px; } .usr_wall_entry { border-radius:8px; -moz-border-radius:8px; margin:5px 0; padding:5px 0px; } .usr_wall_avatar { display: inline-block; *display:inline; zoom:1; position: relative; } .usr_wall_text{ padding-left:10px; padding-top:10px; } .usr_wall_title{ float:left; color:#5F98BF; margin-bottom:10px; } .usr_wall_delete { float:right; padding:5px; } .usr_wall_delete a { background:url(../images/icons/delete.png) no-repeat left center; padding:1px; padding-left:20px; height:16px; line-height:16px; text-decoration: none; color:#375E93; } .usr_profile_block{ clear:both; margin-top:10px; padding-top:0px; border-top:1px solid #E7E8E9; margin-left:0px; } .users_msg{ background: -o-linear-gradient(top, #ffffff 0px, #eaeaea 100%) transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')"; border-bottom:1px solid #EDECEC; padding:4px; margin-bottom:6px; } .usr_msg_entry{ padding:5px 0px; margin-bottom:4px; border:solid 1px #EDECEC; overflow:hidden; } .usr_msg_title{ padding: 4px ; font-size:12px; } .usr_msg_title strong{ color:#fff; } .usr_msg_title strong a{color:#fff;} .usr_msg_body{ padding: 10px; } .usr_msg_date{ color:#fff; } .usr_publ_albums{ overflow:hidden; background-color:#EBEBEB; padding:6px; margin-bottom:10px; } .usr_article_add{ padding:1px; padding-left:20px; background:url(../images/icons/add.png) no-repeat left center; } .usr_photo_add{ padding:1px; padding-left:20px; text-decoration:none; background:url(../images/icons/addphoto.png) no-repeat left center; } .usr_del_album{ padding:1px; padding-left:20px; background:url(../images/icons/deletecat.png) no-repeat left center; margin-left:6px; text-decoration: none; } .usr_edit_album{ padding:1px; padding-left:20px; background:url(../images/icons/edit.png) no-repeat left center; margin-left:6px; text-decoration: none; } #usr_photos_upload_album{ background:#E0EAEF; padding:10px; margin-bottom:5px; margin-top:10px; } #usr_photos_upload_album .text-input{ width:250px; } #usr_photos_upload_album .select-input{ width:257px; } .photo_desc{ text-align: left; color:#5F98BF; } .usr_photos_add_limit{ margin-bottom: 20px; color:#5F98BF;; } .usr_photos_submit_one{ padding:10px; border:solid 1px #C3D6DF; margin-bottom:2px; } .usr_photos_submit_one .ph_thumb{ border: solid 3px #E0EAEF; -moz-border-radius:5px; width:96px; padding:2px; } .usr_photos_submit_one .text-input{ width:300px; } #usr_photos_submit_btn{ margin-top:15px; color:#5F98BF; } #usr_photos_submit_btn input{ font-size:18px; } .usr_photo_container{ clear:both; overflow:hidden; padding-top:10px; } .usr_photo_thumb{ padding:1px; padding-top:10px; float:left; width:120px; display:block; margin-right:30px; margin-bottom:10px; border:1px solid #C3D6DF; text-align:center; } .usr_photo_date{ font-size:11px; color:#5F98BF; display:block; } .usr_photo_hits{ font-size:10px; color:#999; display:block; } .usr_photos_notice{ margin:10px 0px; padding:1px; padding-left:20px; background:url(../images/icons/info.png) no-repeat left top; clear:both; } .usr_photos_add_st{ margin-top:20px; width:500px; color:#5F98BF; } .usr_photo_sel_bar{ margin:10px 0px; display:inline-block; } .usr_photo_prev_link, .usr_photo_next_link{ display:inline-block; width:32px; height:32px; margin:0px 15px; } .usr_photo_prev_link { background:url(../images/icons/big/prev.png) no-repeat; float:right; } .usr_photo_next_link { background:url(../images/icons/big/next.png) no-repeat; float:left; } .usr_photo_link_edit, .usr_photo_link_delete{ padding:1px; padding-left:20px; } .usr_photo_link_edit { background:url(../images/icons/edit.png) no-repeat left center; } .usr_photo_link_delete { background:url(../images/icons/delete.png) no-repeat left center; margin-left:10px;} .usr_photo_view{ text-align:center;margin-bottom:10px; background-color:#FFFFFF; } .usr_editprof{ background-color:#FFFFFF; border:solid 1px gray; padding:8px; width:100%; } .usr_edithint{ color:#666666; font-size:10px; } .usr_q_title{ font-weight:bold; margin:1px; margin-bottom:12px; padding:5px; clear:both; border-bottom:dashed 1px gray; } .usr_q_thumb{ margin-left:1px; margin-bottom:1px; float:left; display:block; width:70px; } .usr_q_thumbimg{ background-color:#FFFFFF; border:solid 1px gray; } .usr_q_link{ color:#003366; } .usr_award_block{ display:block; margin:2px; width:100%; } .usr_award_date{ font-size:10px; color:#999999; margin-top:5px; } .usr_deleted{ font-size:18px; color:#990000; } .usr_restore{ margin-top:10px; } .usr_btnlink{ margin-right:20px; font-size:24px; } .usr_files_orderbar{ background-color:#EBEBEB; margin-bottom:4px; padding:5px; } .usr_files_orderbtn{ font-size:9px; background-color:#CCCCCC; border:solid 1px gray; height:20px; } .usr_files_link{ font-size:10px; color:#999999; } .usr_wall{ margin-top:5px; overflow:hidden; clear:both; } .usr_wall #addwall{ padding-right: 10px;} .usr_wall_header{ margin-bottom:10px; color: #45484C; font-size: 15px; font-weight: 700; text-transform: uppercase; border-top: 4px solid #45484C; } .usr_wall_body{ margin-bottom:10px; } .usr_wall_body p{ padding:2px; margin:5px 0px; color:#5F98BF; font-size:14px; } .usr_wall_addlink{ padding:5px 8px; padding-left:25px; display:inline-block; background:url(../images/icons/add.png) no-repeat 6px center #5D90D1; } .club_wall_addlink{ padding:4px 4px 4px 25px; float:right; background:url(../images/icons/add.png) no-repeat 6px center #5D90D1; } .usr_wall_addlink a, .club_wall_addlink a { color:#fff; text-decoration:none; font-size:13px; } .usr_friendslink{ text-decoration:underline; color:#999999; } #karmalink{ font-size:16px; font-weight:bold; padding:4px; background-color:#EBEBEB; margin:2px; margin-left:8px; } #usertitle{ overflow:hidden;} #nickname{ margin:4px 0px 0px 0px; text-align:left;} .usr_group{ padding:2px; padding-left:20px; margin-top:5px; margin-bottom:5px; background-repeat:no-repeat; line-height:16px; color:#666666; } .usr_awlist_link{ font-size:14px; background:#ccc; padding:5px; text-align:center; font-weight:bold; } .usr_awlist_link a{ text-decoration:none; } .usr_aw_dettable{ margin:5px; margin-bottom:20px; } .usr_aw_img{ padding:5px; border:solid 1px #ccc; } .usr_aw_title{ font-size:18px; color:#375E93; } .usr_aw_desc{ font-size:14px; color:#5F98BF; } .usr_aw_who{ padding:10px; } .user_gender_m, .user_gender_ { background:url(../images/icons/male.png) no-repeat 0px 2px; padding-left:20px; line-height:18px; } .user_gender_f { background:url(../images/icons/female.png) no-repeat 0px 2px; padding-left:20px; line-height:18px; } .usr_aw_users{ margin-bottom:4px; color:#375E93; } div.awards_list_link { padding:5px 0px; } div.awards_list_link a{ padding:1px; padding-left:20px; background:url(../images/icons/info.png) no-repeat left center; } #usr_profparams{ width:750px; border:dashed 1px silver; padding:10px; } #usr_profsavebtns{ background:#EBEBEB; width:775px; margin-top:10px; margin-bottom:5px; text-align:center; } #usr_prof_form{ padding:10px;padding-top:0px; } #usr_prof_form em{ color:#999; } #usr_prof_form #title{ width:170px; height:24px; line-height:24px; } #usr_prof_form #field{ height:24px; line-height:24px; } #usr_prof_form table{ width:100%; } .usr_msgmenu_tabs{ display:block; height:37px; clear: both; margin: 20px 0 0; overflow: hidden; } .usr_msgmenu_active{ margin-right:10px; padding:10px; font-weight:bold;float: left; } .usr_msgmenu_link{ margin-right:0px; padding:10px; float: left; } .in_link{ padding-left:26px; background:url(../images/icons/users/message-in.png) no-repeat 6px center #FFF; } .in_span{ padding-left:26px; background:url(../images/icons/users/message-in.png) no-repeat 6px center #EDECEC; } .out_link{ padding-left:26px; background:url(../images/icons/users/message-out.png) no-repeat 6px center #FFF; } .out_span{ padding-left:26px; background:url(../images/icons/users/message-out.png) no-repeat 6px center #EDECEC; } .notices_link{ padding-left:26px; background:url(../images/icons/users/message_notice.png) no-repeat 6px center #FFF; } .notices_span{ padding-left:26px; background:url(../images/icons/users/message_notice.png) no-repeat 6px center #EDECEC; } .new_link{ padding-left:26px; background:url(../images/icons/users/message-new.png) no-repeat 6px center; text-decoration: none; } .history_link{ padding-left:26px; background:url(../images/icons/users/message_history.png) no-repeat 6px center #FFF; } .history_span{ padding-left:26px; background:url(../images/icons/users/message_history.png) no-repeat 6px center #EDECEC; } a.msg_delete:hover, a.msg_reply:hover, a.msg_history:hover{ color:#5F98BF; } a.msg_delete, a.msg_reply, a.msg_history, span.msg_new{ color:#375E93; height:16px; line-height:16px; padding:1px 1px 1px 20px; text-decoration:none; } a.msg_reply, a.msg_history, span.msg_new{ margin-right:10px; } a.msg_delete{ background:url("../images/icons/delete.png") no-repeat left center; } a.msg_reply{ background:url(../images/icons/users/message_reply.png) no-repeat left center; } a.msg_history{ background:url(../images/icons/users/message_history.png) no-repeat left center; } span.msg_new{ background:url(../images/icons/new.png) no-repeat left center; color:red; } table.feed { margin-top:10px; margin-bottom:10px; } table.feed td { font-size:14px; } table.feed td.date { font-size:12px; text-align:left; width:110px; } table.feed td.date strong { color:green; } .usr_files_head{ background-color:#ECECEC; font-weight:bold; padding:4px; } .usr_status_bar{ clear:both; margin-top:0px; padding-bottom:10px; } .usr_status_text{ color:#5F98BF; padding-bottom:15px; margin-top:3px; background:url(../images/down_arrow_stat.png) no-repeat 10px bottom; float:left; } .usr_status_text .usr_stat{ display:inline-block; padding:4px 10px; background: #5D90D1; color:#fff; } .usr_status_date{ font-size:10px; color:gray; font-style:normal; margin:4px 10px 0px 10px; float:left; } .usr_status_link{ float:left; } .usr_status_link a{ padding:1px; padding-left:20px; background:url(../images/icons/edit.png) no-repeat left center; } .usr_avatar{ padding:10px; background-color:#FFFFFF; position:relative; text-align:center; overflow:hidden; } .photo_border{ padding:5px; background-color:#FFFFFF; position:relative; display:inline-block; *display:inline; zoom:1; margin:0px auto; border: 1px solid #E7E8E9;} .usr_avatars_lib_link{ padding:1px; padding-left:20px; background:url(../images/icons/images.png) no-repeat left center; } .usr_friends_block{ overflow:hidden; margin-bottom:15px; } .usr_friend_cell{ width:80px; margin-right:10px; margin-bottom:10px; text-align:center; float:left; } .usr_friend_cell .friend_link{ font-size:14px; } .usr_friend_cell span{ font-size:11px; } .usr_friend_cell span.offline{ color:#5F98BF; background:none; } .usr_albums_list{ margin:10px 0; padding:0; clear:both; overflow:hidden; } .usr_albums_list li{ margin:0 10px 10px 0; padding:0; display: block; float:left; width:200px; height:75px; } .usr_albums_list li.no_albums{ height:auto; } .usr_album_thumb{ float:left; width:64px; height:64px; margin-right:10px; display: inline-block; *display:inline; zoom:1; position: relative; } .usr_album .link{ font-size:14px; } .usr_album .count { color:#5F98BF; } .usr_album .date { color:#AAA; font-size:11px; } /* ========================================================================== */ /* ======================= ЛЕНТА АКТИВНОСТИ ================================= */ /* ========================================================================== */ .action_friends{ position:relative; margin:0 0 10px 0; border-collapse: separate; } .action_friends td { background-color: #ECF2F4; border-left:1px #ECF2F4 solid; border-right:1px #ECF2F4 solid; border-top:1px #ECF2F4 solid; padding: 5px 0; vertical-align: middle; text-align:center; } .action_fr { vertical-align: middle; } .action_friends td.selected { background-color: #FFFFFF; border-color:#BFE5FF; } .arr_btn { text-decoration: none; font-size:40px; } .mod_act_all{ padding:1px; padding-left:20px; background:url(../images/icons/actions.png) no-repeat; color:#333; } .actions_list{ clear:both; } .action_entry{ padding-left:25px; margin-bottom:15px; } .action_entry .is_new { color:#FF5A00; } .action_user{ color:#375E93; font-weight:bold; } .action_title{ font-size:14px; } .action_date{ float:right; margin-left: 15px; margin-bottom: 15px; font-size:11px; color:#5F98BF; } .action_details{ clear:both; //clear:none; color:gray; overflow:hidden; } .action_details .act_photo{ overflow:hidden; display:inline-block; } .act_add_comment{ background:url(../images/icons/actions/add_comment.png) no-repeat left 3px; } .act_add_photo, .act_add_photo_club{ background:url(../images/icons/actions/add_photo.png) no-repeat left 3px; } .act_add_article{ background:url(../images/icons/actions/add_article.png) no-repeat left 3px; } .act_set_status{ background:url(../images/icons/actions/set_status.png) no-repeat left 3px; } .act_add_friend{ background:url(../images/icons/actions/add_friend.png) no-repeat left 3px; } .act_add_blog{ background:url(../images/icons/actions/add_blog.png) no-repeat left 3px; } .act_add_post{ background:url(../images/icons/actions/add_post.png) no-repeat left 3px; } .act_add_board{ background:url(../images/icons/actions/add_board.png) no-repeat left 3px; } .act_add_catalog{ background:url(../images/icons/actions/add_catalog.png) no-repeat left 3px; } .act_add_club{ background:url(../images/icons/actions/add_club.png) no-repeat left 3px; } .act_add_club_user{ background:url(../images/icons/actions/add_club_user.png) no-repeat left 3px; } .act_add_quest{ background:url(../images/icons/actions/add_quest.png) no-repeat left 3px; } .act_add_fpost{ background:url(../images/icons/actions/add_fpost.png) no-repeat left 3px; } .act_add_thread{ background:url(../images/icons/actions/add_thread.png) no-repeat left 3px; } .act_add_avatar{ background:url(../images/icons/actions/add_avatar.png) no-repeat left 3px; } .act_add_award{ background:url(../images/icons/actions/add_award.png) no-repeat left 3px; } .act_add_file{ background:url(../images/icons/actions/add_file.png) no-repeat left 3px; } .act_add_wall{ background:url(../images/icons/actions/add_wall.png) no-repeat left 3px; } .act_add_wall_club{ background:url(../images/icons/actions/add_wall_club.png) no-repeat left 3px; } .act_add_post_club{ background:url(../images/icons/actions/add_post_club.png) no-repeat left 3px; } .act_add_user_photo{ background:url(../images/icons/actions/add_user_photo.png) no-repeat left 3px; } .act_add_user_photo_multi{ background:url(../images/icons/actions/add_user_photo_multi.png) no-repeat left 3px; } .act_add_user{ background:url(../images/icons/actions/add_user.png) no-repeat left 3px; } .act_add_wall_my{ background:url(../images/icons/actions/add_wall_my.png) no-repeat left 3px; } /** Core messages styles [AM][start] **/ .button_yes, .button_no { background: none repeat scroll 0 0 transparent; border: 1px solid; cursor: pointer; font-family: "trebuchet ms", sans-serif; font-size: 11px; margin: 3px; outline: medium none; overflow: visible; padding: 4px 14px; white-space: nowrap; } .button_yes::-moz-focus-inner, input.button_no::-moz-focus-inner { border: 0 none; } .button_yes { background: none repeat scroll 0 0 #5D81A7; border: 1px solid #45688E; } .button_yes { background: url('../images/core/button.png') repeat-x scroll 0 -16px #6181A6; border-color: #789ABF #5980A9 #5980A9; color: #FFF; text-shadow: 0 1px 0 #45688E; } .button_yes:hover { background-position: 0 -8px; } .button_yes:active { background: none repeat scroll 0 0 #5E80A5; border: 1px solid #5E80A5; position: relative; } .button_no { background: none repeat scroll 0 0 #E0E0E0; border: 1px solid #B3B3B3; } .button_no { background: url('../images/core/button.png') repeat-x scroll 0 -54px #DDDDDD; border-color: #FFFFFF #E7E7E7 #E5E5E5; color: #444444; text-shadow: 0 1px 0 #FFFFFF; } .button_no:hover { background-position: 0 -46px; } .button_no:active { background: none repeat scroll 0 0 #DCDCDC; border: 1px solid #DCDCDC; position: relative; } #popup_container { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; } #popup_container .b { background: transparent url('../images/core/b.png') repeat scroll 0 0; } #popup_container .tl { background: transparent url('../images/core/tl.png') repeat scroll 0 0; *background: url('../images/core/tl.png'); } #popup_container .tr { background: transparent url('../images/core/tr.png') repeat scroll 0 0; } #popup_container .bl { background: transparent url('../images/core/bl.png') repeat scroll 0 0; } #popup_container .br { background: transparent url('../images/core/br.png') repeat scroll 0 0; } #popup_container table { border-collapse: collapse; margin: auto; } #popup_container .body { background: #fff; width: 600px; } #popup_container .tl, #popup_container .tr, #popup_container .bl, #popup_container .br { height: 10px; overflow: hidden; padding: 0; width: 10px; } #popup_title, #note_title { background: none repeat scroll 0 0 #396EA4; border: 1px solid #396EA4; color: #FFFFFF; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; padding: 6px; text-shadow: 0 1px 0 #111111; } #popup_container .popup_x_button, #noteform .popup_x_button { background: url('../images/core/boxicon.gif') repeat scroll -4px -2px #9AB5D1; cursor: pointer; float: right; height: 17px; margin: 5px 7px 0; padding: 0; width: 17px; } #popup_container .popup_x_button:hover, #noteform .popup_x_button:hover { background-color: #fff; } #popup_progress { display: none; text-align: center; width: 100%; margin: 45px 0 28px; } #popup_content { padding: 0; margin: 0; } #popup_message { color: #111; font-size: 13px; padding: 0 3px 0 3px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; overflow:hidden; } #popup_message .box_message_content { color: #111; font-size: 13px; margin: 5px; padding: 5px; } #popup_panel, #note_panel { background: #f9f9f9; border: 1px solid #aaa; border-top: 1px solid #ccc; margin-top: 0px; padding: 3px; padding-right: 10px; text-align: right; } #popup_prompt { margin: 0.5em 0 } span.ajax-loader { background: url('../images/core/ajax-loader.gif') no-repeat; display: none; float: left; left: 6px; position: relative; top: 11px; width: 36px; } #popup_info { border: 1px solid #666666; display: none; float: left; margin: 3px 2px; padding: 2px 9px 1px; position: relative; } #popup_info.error { background-color: #E6A4A4; } #popup_info.info { background-color: #AEFFA4; } /** Core messages styles [AM][end] **/ #popup_message div.js_smiles, #smileajax { height: 1px; } #popup_message div.js_smiles a, #smileajax a { text-decoration: none; } /** Popup smile and bb-code panel [AM][end] **/ /** Ajax intive club [AM][start] **/ .clearFix:after { content :"."; display :block; height: 0; clear: both; visibility: hidden; } .friend_list_top { background-color: #F7F7F7; padding: 4px 4px 0 4px; font-size: 12px; overflow:hidden; margin: 0 -3px; border-bottom: 1px solid #AAAAAA; } *:first-child+html .friend_list_top { padding-bottom: 18px; } #friend_list_lookup { float: right; width: 180px; color: #777; } .friend_list_body { padding: 4px 0px 0px 10px; width: 657px; max-height: 500px; border-top: 0px solid #c3edb2; overflow-x: hidden; overflow-y: scroll; } .friend_list_body_ajax { padding: 4px 0 0 3px; width: 100%; height: 276px; border-top: 0px solid #c3edb2; overflow-x: hidden; overflow-y: scroll; background-color: #FFF; font-size: 10px; } .flist_cell, .flist_cell_on { float: left; border-bottom: 1px solid #FFF; margin: 0 3px 2px 0; cursor: pointer; } .flist_cell:hover { border-bottom: 1px solid #F1F9FE; } .flist_cell_on { border-bottom: 1px solid #C0C0C0; } .flist_cell .flist_border_wrap { border: 1px solid #FFF; } .flist_cell:hover .flist_border_wrap { background-color: #F1F9FE; border: 1px solid #C0C0C0; } .flist_wrap { border: 1px solid #FFF; width: 143px; height: 56px; padding: 3px; } .flist_div { margin-right: 3px; float: left; border: 1px solid #C0C0C0; background-color: #FFF; } .flist_cell:hover .flist_div { border: 1px solid #ADADAD; } .flist_image { margin: 2px; overflow: hidden; height: 50px; width: 50px; } .flist_name { margin-left: 3px; overflow: hidden; float: left; word-wrap: break-word; width: 68px; color: #000; } .flist_cell_on .flist_name { color: #FFF; } .flist_cell em, .flist_cell_on em, .flist_cell:hover em { background-color: #c3b2ed; color: #000; font-style: normal; font-weight: normal; text-decoration: inherit; } .flist_cell_on em { background-color: #FFF; color: #F00; } .flist_cell:hover em { background-color: #C0C0C0; } .flist_empty { background-color: #FFF; color: #808080; font-size: 12px; text-align: center; padding: 103px 0 90px 0; margin: 10px 10px 12px 10px; } .flist_more { padding: 10px; text-align: center; cursor: pointer; } .t_filter_area { border-bottom: 1px solid #c3edb2; padding: 10px; background-color: #F7F7F7; _padding-bottom: 18px; } *:first-child+html .t_filter_area { padding-bottom: 18px; } .t_filter_selected { float: left; border-bottom: 1px solid #F7F7F7; margin-right: 10px; margin-bottom: 2px; cursor: pointer; } .t_filter_selected .t_filter2 { border: 1px solid #ccc; } .t_filter_off { cursor: pointer; padding: 4px 7px 5px; color: #368E3A; font-weight: bold; float: left; margin-right: 10px; margin-bottom: -1px; } .t_filter_selected .t_filter3 { border: 1px solid #396EA4; padding: 2px 9px 1px; background-color: #396EA4; color: #F7F7F7; font-weight: bold; } .t_filter_off { cursor: pointer; padding: 4px 7px 5px; color: #111; font-weight: bold; float: left; margin-right: 10px; margin-bottom: -1px; } .flist_cell_on .flist_border_wrap { border: 1px solid #111; background: #395fa7; opacity: 0.7; filter: alpha(opacity=70); } .club-intive-mess { background-color: #111; display: none; width: 360px; height: 27px; position: relative; top: -33px; text-align: center; padding-top: 10px; margin-bottom: -37px; font-weight: bold; color: #fff; font-size: 12px; } .club-intive-mess-ajax { background-color: #111; display: none; width: 470px; height: 51px; position: absolute; bottom: 160px; text-align: center; padding-top: 26px; font-weight: bold; color: #fff; font-size: 18px; } /** Ajax intive club [AM][end] **/ .mod_inshop_cart_list{ margin-left:0px; padding-left:0px; list-style:none; } .mod_inshop_cart_list li{ margin-top:10px; padding-top:10px; border-top:dotted 1px silver; } .mod_inshop_cart_total{ padding-top:10px; border-top:dotted 1px silver; text-align:right; } .mod_inshop_cart_total span{ font-weight:bold; } .mod_inshop_front .item_wrap{ text-align:center; } .mod_inshop_front .price span{ height:34px; display:block; line-height:34px; padding-left:15px; padding-right:0px; background:url(../images/shop_price.gif) no-repeat left top; text-align:center; font-size:14px; } .mod_inshop_front .price { display:block; height:34px; line-height:34px; padding-right:15px; background:url(../images/shop_price.gif) no-repeat right -34px; width:120px; margin-left:auto; margin-right:auto; } .mod_inshop_front .is_hit{ background: url("../images/shop_hit.png") no-repeat scroll 0 0 transparent; height: 81px; left: 60%; position: relative; margin-top: -55px; width: 82px; } /* ========================================================================== */ /* ========================================================================== */ #inshop_tree{ padding:0px; list-style:none; margin:0px; } #inshop_tree ul{ margin-left:0px; padding-left:16px; } #inshop_tree li { list-style:none; margin-left:0px; padding-left:0px; } #inshop_tree li span { background:url(/templates/_default_/images/icons/folder.png) no-repeat; padding-left:20px; margin-left:0px; font-weight:bold; } #inshop_tree li span a{ font-weight:normal; } #inshop_tree li a.cat_plus, #inshop_tree li a.cat_minus, #inshop_tree li a.cat_none{ display:block; float:left; width:16px; height:16px; margin-right:3px; } #inshop_tree li a.cat_plus{ background:url(../images/shop_cat_plus.png) no-repeat left 2px; } #inshop_tree li a.cat_minus{ background:url(../images/shop_cat_minus.png) no-repeat left 2px; } #upr_p_shop_orders .order{ margin-bottom:15px; } #upr_p_shop_orders .order .head{ font-size:16px; color:#27537A; } #upr_p_shop_orders .order .data{ margin-top:2px; margin-bottom:6px; font-size:12px; } #upr_p_shop_orders .order .data span{ font-weight:bold; } #upr_p_shop_orders .order .data .date{ margin-left:10px; } #upr_p_shop_orders .order .items{ padding:5px; border:solid 1px silver; } #upr_p_shop_orders .order .items td{ padding:2px; } /* ========================================================================== */ /* ========================================================================== */ #inshop_vendors_list .vendor{ font-size:18px; padding-left:15px; } .whitelogo2{ display:none; padding-top: 0.2em; text-decoration: none; } .navRow.topfix .whitelogo{ display:block; top:0; ! width: 80px ; } .navRow.topfix .hdtab, .navRow.topfix .gtab{ display:none; } .navRow .whitelogo{ display:none; } .navRow.topfix .bluelogo{ display:none; } .navRow .bluelogo{ display:block; bottom: 0; } .navRow.topfix #topmenu { -moz-box-shadow: 0px 0px 1px #9E9E9E; ! background: #ffffff; ! margin-left: -23px; margin-top: 5px; } .navRow.topfix #topmenu .menu li{ color: #fff; -webkit-transition: .1s; transition: .1s; } .navRow.topfix #topmenu .menu li a{ color: #fff; -webkit-transition: .1s; transition: .1s; font-size: 80%; padding-right: 0em; } .navRow { width: 100%; margin-top: 1.2em; margin-bottom: 1em; !background: #ffffff; margin-left: 0px; margin-right: 13px; } .navRow #topmenu .menu li{ font-weight:700; } .navRow.topfix #topmenu .menu li{ text-shadow: none; } .navRow.topfix #topmenu .menu li a.selected{ color:#fff; } .navRow.topfix { height: 54px; width: 100%; position: fixed; top: 0; right: 50%; margin-right: -50%; margin-top: 0; z-index: 99; transform: translateY(0%); -webkit-transform: translateY(0%); background: #000000ed; border-bottom: 1px solid #e1e1e1; } .navRow.topfix #menus{ width: 1006px; max-width: 1006px; } .navRow.topfix .menu li.selected { background: url(../images/coment_club.png) 0% 0% no-repeat !important; } .hidlogo{ display:none } div.navRow.topfix .hidlogo{ display: block; width: 55px !important; margin-right: 0px !important; } #topmenu li.hidlogo a.hover{ background: transparent; } div.navRow.topfix #topmenu li { ! width: inherit; white-space: nowrap; margin-right:16px; } .mlogo{ width:118px !important; } @media screen and (min-width: 940px) { .feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) { clear: left; } } .img-top { width:16.65%; float: left; overflow: hidden; margin: 0 0% 0% 0%; padding: 0 0px !important; !background: #5c5467; position: relative; } @media (max-width: 620px){ .img-top { width: 48%; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } img { vertical-align: middle; } .img-top a img { position: relative; margin-left: auto; margin-right: auto; } .img-top img { ! width: 100%; } .inner-content { display: block; width: 100%; height: 100%; overflow: hidden; } .inner-content img { display: block; overflow: hidden; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; ! opacity: 0.5; } .inner-content:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); opacity: 0.5; } .latesthome, .latesthome1{ width: 100%; float: left; margin: 0; padding: 1em !important; ! max-height: 23em; ! min-height: 23em; border: 1px solid #f6f6f6; ! background: url(../images/brickmark.png) no-repeat right top #fff; position: relative; overflow: hidden; } .latesthome:hover { box-shadow:0px 0px 4px #f1f1f1; !border:1px solid #a4a4a4; } .latesthome h4, .latesthome1 h4{ margin: 0% 1% 1% 1%; color: #363533; padding: 5px 10px; line-height: 0.8; min-height: 2.5em; max-height: 2.5em; overflow: hidden; font-weight: 900; letter-spacing: -1px; font-size: 95%; text-align: center; } @media (max-width: 850px){ .fotitle h4 a { font-size: 90% !important; } .latestimage { text-align: center; } } @media (max-width: 850px){ .latesthome h4, .latesthome1 h4{font-size:70% ; width: 100%; min-height: 4em;} #ns-botcol { margin-top: 40px;} } @media (max-width: 850px){ .latest_desc{ font-size: 85% !important; font-weight: 400; }} .latestimage{ text-align: center; overflow: hidden; } .latestimage img{ width: 100%; margin-top: 0px; opacity: 0.95; } .latestimage img:hover{ opacity:1; } .latest_desc{ ! font-size: 70%; text-align: center; color: #8c8c8c; } a.active.trigger { color: #fff; } a.trigger, a.trigger2{ z-index: 3; text-decoration: none; display: block; height:35px; margin:10px 10px 0 0; font-size: 13px; letter-spacing: -1px; color: #BFDEFF; padding: 0 5px 0 23px; font-weight: 700; background: url(../images/icon-menu.png) no-repeat 0 50% transparent; } #mainmenu{ display: block; margin-left: 0px !important; } a.trigger2{ display: none; } @media only screen and (max-width: 768px) and (min-width: 360px){ a.trigger{ display: none; } #mainmenu{ !display: none; } } @media only screen and (max-width: 768px) and (min-width: 300px){ #fixbox .modulebody { font-size:250% !important; }} @media only screen and (max-width: 767px) and (min-width: 300px){ a.trigger2 { display: block; margin-top:0px; }} #fixbox a{ text-shadow: none; } #fixbox{ position: absolute; margin-top:0; z-index: 3; margin-left:5%; margin-right:5%; width: 90%; } #fixbox .modulebody { font-size: 130%; color: #fff; font-weight: 300; } @media (max-width: 750px){ .holder { position: absolute !important; } .leftbar li { width: 100% !important; ! height: 12em!important; } .rslides, .rslides_container {min-height: 100% !important; } } @media (max-width: 540px){ .holder { display:none !important; height:200px !important; overflow:hidden !important; position: absolute !important; top:0px; } .leftbar li { width: 100% !important; ! height: 14em!important; } .rslides, .rslides_container {min-height: 100% !important; display: none; } } .forma{ float: left; width: 49.9%; font-family: "RobotoCondensed", sans-serif; font-weight: 300; font-size: 94%; letter-spacing: -0.05em; background: #fcfeff; } @media (max-width: 850px){ .forma{ width:100%; padding: 1em; }} .hop{ padding: 20px; background: url(../images/file.png) 4% 80% no-repeat #fcfeff; min-height:23em; } .simpleCaptcha{ font-size:80%; font-style:italic; } #subbut{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; padding: 1.15rem 1.25rem; line-height: 1.333333; height: inherit; width: 99%; font-weight: 300 !important; text-shadow:none; display: block; text-align: center; font-size:120%; background: #ffc727; color: #000; text-transform: uppercase; } .userform_table{ width:100%; } .upup { position: fixed; bottom: 0px; left: 50%; margin-left: 35%; padding: 10px; background-color: #F00; display: block; width: 98px; height: 83px; z-index: 1; background: url(../images/button_up.png) no-repeat 10px center; } .video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #fixbox a, .rightbar a, .bigbut{ border: 2px solid #0063a8; padding: .75rem 1.25rem; line-height: 1.333333; height: inherit; font-size: 180%; text-decoration: none; font-family: 'Roboto Slab', serif; font-weight: 300; background: radial-gradient(#64aaec, #005590); Color: #fff; } #fixbox a:hover, .rightbar a:hover, .bigbut:hover{ background:rgba(0, 150, 209, 0.28); color: #ffffff; } .bigbut{ font-size:125% } @media (max-width: 850px){ #fixbox a{ font-size:150% !important; margin-left:0px; }} @media (max-width: 850px){ .moduletitle, #fixbox .modulebody, .fullmoduletitle , #main .blackmoduletitle{ }} @media only screen and ( max-width: 999px ){ #fixbox{ margin-top:-2em;} .leftbar li { width: 100% !important; ! height: 8em!important; } .leftbar h2{ font-family: 'Yanone Kaffeesatz', Impact , sans-serif; } .rslides, .rslides_container {min-height: 100% !important; } } #main .blackmoduletitle{ color:#fff; padding-top: 30px; font-family: "trebuchet ms", sans-serif; } #main .modulebody { line-height: 1.6; font-family: "RobotoCondensedLight"; font-weight: 700; margin-bottom: 1em; padding: 0 15px; } #main .fullmodulebody { padding: 0px; font-family: "RobotoCondensed", sans-serif; font-weight: 300; font-size: 140%; } #main .blackmodule { padding: 0px; font-family: "RobotoCondensed", sans-serif; font-weight: 300; background: url(../images/reviews-bg.jpg) bottom center ; min-height:300px; position:relative; padding-bottom: 100px; padding-top: 5px; margin-bottom:3em; } #main .greymodule { padding: 0px; font-weight: 300; background: #fbfbfb; min-height:400px; position:relative; padding-bottom: 100px; padding-top: 5px; } #main .mobilmodule { display:none; } .hide1, .hide2, .hide3{ position: fixed; width:100%; height:4500px; background:rgba(134, 134, 134, 0.62); top: 0; z-index:99998;} .modcenter { position: fixed; left: 50%; margin-left: -22%; width: 45%; z-index: 99999; font-family: "trebuchet ms", sans-serif; } .hide2 .modcenter { top: 0%; } .modfix, .modfixa2, .modfixa{ display:block; width:100%; height:100% } .krest{ position: absolute; right: 15px; margin-top: 15px; } .krest img{ opacity:1; width: 24px; } .krest img:hover{ opacity:1; } .blubox1 { padding: 3em; width: 100%; color: #999; background: #fff; -webkit-box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); -moz-box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); /* border: 3px solid #FFF; */ } .blubox2{ padding: 20px 25px; color: #222; background: #d7ff7a; -webkit-box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); -moz-box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); box-shadow: -6px 10px 30px 0px rgba(50, 50, 50, 0.58); margin: 10px; ! border- radius: 6px; } .hide1 textarea{ !width:518px; } .hide1 .modcenter{ top: 0%; } .hide2 textarea{ !width:518px; } .userform_table input[type="file"] { cursor: pointer; background: url(../images/fileupld.png) no-repeat left 1px; color: transparent; border: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .captchaImages img{ width:30px; height:30px; cursor:pointer; } .mod-otz-content{ width: 100%; margin: 0 auto; } .otzimage{ width:180px; margin: auto; } .otzdesc{ padding: 10px 35px; font-family: "RobotoCondensed", sans-serif; font-size: 140%; } .otzdesc h4{ font-size: 100%; } .teltop{ color: #000; font-family: "RobotoCondensed", sans-serif; ! font-size: 160%; font-weight: 300; line-height: 1; display: block; white-space: nowrap; margin-top: 1%; margin-left: 15%; } .navRow.topfix .teltop{ color: rgb(255, 40, 6); } .conerl{ background: url(../images/coner.png) top right no-repeat; } .conerr{ background: url(../images/conel.png) bottom left no-repeat; } .leftbar{ float: left; width: 50%; display: block; position: relative; font-family: "RobotoCondensed", sans-serif; padding: 0 30px; font-size: 100%; } .leftbar p{ margin-bottom:20px; } .rightbar a{ font-size: 100%; } .rightbar p{ margin-bottom:20px; } .rightbar{ font-family: "RobotoCondensed", sans-serif; float: left; width: 50%; display: block; position: relative; padding: 0 30px; font-size: 100%; font-weight: 300; } @media only screen and (max-width: 767px) and (min-width: 180px){ .leftbar{ float: none; width: 100%; text-align: center; font-size: 100%; } .leftbar td { height: 15px !important; } .rightbar{ float: none; width: 100%; text-align:center; font-size: 100%; } #main .blackmodulebody { ! min-height: 1000px; } } .wrap { margin-top:100px; perspective: 1000px; perspective-origin: 50% 50%; } .cube { margin: auto; position: relative; height: 200px; width: 200px; transform-style: preserve-3d; } .cube > div { position: absolute; box-sizing: border-box; padding: 10px; height: 100%; width: 100%; opacity: 0.9; !background-color: #0096d1; background: url(../images/cube.png) 50% 50% no-repeat #0096d1; border: solid 1px #eeeeee; color: #ffffff; } .front { transform: translateZ(100px); } .back { transform: translateZ(-100px) rotateY(180deg); } .right { transform: rotateY(-270deg) translateX(100px); transform-origin: top right; } .left { transform: rotateY(270deg) translateX(-100px); transform-origin: center left; } .top { transform: rotateX(-270deg) translateY(-100px); transform-origin: top center; } .bottom { transform: rotateX(270deg) translateY(100px); transform-origin: bottom center; } @keyframes rotate { from { transform: rotateX(0deg) rotateY(0deg); } to { transform: rotateX(360deg) rotateY(360deg); } } .cube { animation: rotate 20s infinite linear; } .wrap:hover .front { transform: translateZ(200px); } .wrap:hover .back { transform: translateZ(-200px) rotateY(180deg); } .wrap:hover .right { transform: rotateY(-270deg) translateZ(100px) translateX(100px); } .wrap:hover .left { transform: rotateY(270deg) translateZ(100px) translateX(-100px); } .wrap:hover .top { transform: rotateX(-270deg) translateZ(100px) translateY(-100px); } .wrap:hover .bottom { transform: rotateX(270deg) translateZ(100px) translateY(100px); } .cube > div { transition: transform 0.2s ease-in; } .digits{ Font-size:1000%; font-family: "trebuchet ms", sans-serif; font-weight:700; color:#ccc; line-height: 1.2; } .latesthome1:hover .digits{ color:#fd8501; -webkit-transition: .7s ease-out; -o-transition: .7s ease-out; -moz-transition: .7s ease-out; transition: .7s ease-out; } .latesthome1{ cursor:pointer; } .digitline { margin-top:10px; width:30%; border-bottom:3px solid #ccc; } .latesthome1:hover .digitline{ width:100%; border-bottom:3px solid #0096d1; -webkit-transition: .7s ease-out; -o-transition: .7s ease-out; -moz-transition: .7s ease-out; transition: .7s ease-out; } @import url(http://fonts.googleapis.com/css?family=Fira Sans Extra Condensed); .holder { position:relative; width:100px; height:500px; display: block; } #layer-1 { -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .shape-4, .shape-5, .shape-6 { } .shape-1, .shape-4 { opacity: 0.2; } .shape-2, .shape-5 { opacity: 0.5; } .shape-3, .shape-6 { opacity: 0.5; } h1 { font-weight: 400; font-size: 26px; letter-spacing: -1.5px; color: #434343; margin-bottom: 1em; } h1 span { color: #198f93; } .leftbar ul{ margin-left: 0; padding-left: 0; display: table; width: 100%; } .leftbar li{ float: left; width: 50%; padding: 25px 25px; margin-left: 0; list-style: none; min-height: 278px; display: table-cell; vertical-align: middle; margin-bottom: 20px; } .leftbar li h2{ font-family: 'Yanone Kaffeesatz', Impact, helvetica, sans-serif; font-size: 150%; color:#fd8501; } .leftbar td { height:25px; } .leftbar li img{ !width:90%; padding-bottom:15px; } .logokrug{ width: 280px; height: 280px; color: #434343; position: absolute; top: 25%; left: 120%; background: url(../images/logokrug.png) 50% 50% no-repeat ; } .circle { background: rgb(255,255,255); !border- radius: 100%; cursor: pointer; position: relative; margin: 0 auto; width: 8em; height: 8em; overflow: hidden; font-size: 200%; transform: translateZ(0); } .circle h4 { color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; font-size:5.6em; line-height: 1em; text-align: center; text-transform: uppercase; -webkit-font-smoothing: antialiased; user-select: none; transition: color 0.8s ease-in-out; } .circle:before, .circle:after { !border- radius: 100%; content:""; position: absolute; top: 0; left: 0; width: inherit; height: inherit; box-shadow: inset 10.6em 0 0 rgba(23, 57, 222, 0.2), inset 0 10.6em 0 rgba(32, 174, 255, 0.12), inset -10.6em 0 0 rgba(33, 150, 243, 0.23), inset 0 -10.6em 0 rgba(23, 222, 215, 0.2); transition: box-shadow 0.75s; } /* We rotate the :after pseudo-element to get the edge from the corner, we could also just do that with box-shadows. */ .circle:after { transform: rotate(45deg); } /* There is no problem using "pseudo-class + pseudo-element" :) */ .circle:hover:before, .circle:hover:after { box-shadow: inset 0.86em 0 0 rgba(33, 150, 243, 0.38), inset 0 0.86em 0 rgba(33, 150, 243, 0.2), inset -0.86em 0 0 rgba(33, 150, 243, 0.27), inset 0 -0.86em 0 rgba(0, 150, 255, 0.5); } .circle:hover > h4 { color: transparent; } .vcircle{ display: inline-block; float: left; width:33.33%; margin:40px 0px; } .vkrug{ line-height: 1; font-size: 80%; padding-top: 25px; padding-left: 34px; color: #ffffff; position: absolute; z-index: 11; } .circle:hover > .vkrug { color:#4d5358; } .vcircle h4{ letter-spacing: -3.5px; position: absolute; top: 43%; left: 4%; z-index: 1; } @media (max-width: 850px){ .vcircle{ width:50%; } } @media (max-width: 650px){ .vcircle{ width:100%; } } .resmodulebody img { width:100%; height:100%; padding-right:6%; } .tabw{ width:45%; } .Navigation{ height: 1.6em;; padding: 0; margin: 0; position: absolute; right: 6px; z-index: 100; margin-top: 6px; } #Navigation{ height: 1.6em;; padding: 0; margin: 0; display:block; } .Navigation li { height: auto; width: 250px; float: left; text-align: left; list-style: none; padding: 0; margin: 0; margin-left:10px; height: 1.6em; } .Navigation li:hover { font-size: 100%; } .Navigation a{ line-height: 1.6em; text-decoration: none; color: #8c8c8c; display: block; font-size: 80%; text-transform: uppercase; font-weight: 900; letter-spacing: -0.1em; font-family: "RobotoCondensed", sans-serif; } .Navigation li ul{ display: none; height: auto; margin-left: -11px; padding: 0; } .Navigation li:hover ul{ display: block; } .navbar li ul li { background-color:#eee; border: 1px solid #ccc; } .Navigation li:hover, .Navigation a:hover { font-size: 85%; -webkit-transition: .15s; transition: .15s; letter-spacing: -0.1em; padding-left: 0; } .hdtab{ color: #000; line-height: 1.3; height: 5.1em; background-attachment: fixed; font-size: 100%; } .htop a{ color: #e83535; border-bottom: 1px dashed #e83535; } .htop a:hover{ color: #e83535; border-bottom: none; } .gtab{ height: 15em; position: absolute; width: 100%; z-index: -1; color: #d0d0d0; top: 0; font-size: 85%; } .gtab .module{ max-width: 1006px; margin: 0 auto; } .logos{ ! width:151px !important; ! padding-left: 15px; } .logos a:hover { background: transparent; } .toologo{ padding-top:20px; } .toologo img{ margin-right: 2px; } #menus{ margin-left:auto;margin-right:auto; border-bottom: 1px solid #e4e5e5; } .head2{ width:16%; } .knop{ position: fixed; bottom: 2em; z-index: 99; right: 40px; height: 2.4em; display: block; margin-right: -25px; } a.Hollow { font-weight: 400; color: white; width: 46px; display: table-cell; text-decoration: none; padding: 0px; border-radius: 25px; background: #ffffff; transition: 0.2s; text-align: right; opacity: 0.7; } a.Hollow:hover { background: #9c4047;opacity: 1; } a.Hollow:active { background: #ba0303; box-shadow: 0 3px rgb(33,147,90) inset; } .sun a{ color:#08dcce; } .lupa{ display:none; } .swipebox:hover .lupa{ display: block; background: url(../images/nsp_zoom.png) 50% 50% no-repeat ; height: 100%; width: 100%; position: absolute; z-index:9; opacity: 0.3; } .mmm ul { display:none } .mmm ul li{ margin-left:0; line-height: 1.5; } .mmm:hover ul { display: block; position: absolute; background: #fff; margin-left: 0; list-style: none; padding-left: 0; padding: 10px; border-radius: 5px; box-shadow: 1px 1px 9px #ccc; } .cross li{ list-style-image: url(../images/cross.png); font-size: 196%; font-family: 'Yanone Kaffeesatz', Impact; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 3px #587568; } .butbut { font-size: 120%; font-weight: 900; color: #fff; background: linear-gradient(to top, #99d608 0, #b3ea11 100%); box-shadow: 0.8px 4.9px 5px rgba(0, 0, 0, 0.18); display: inline-block; line-height: 1; border-bottom: 3px solid #78A807; padding: 14px 20px; border-radius: 5px; width: 100%; max-width: 314px; text-decoration: none; letter-spacing: -0.04em; } .payment_content .link_wrap ul li{ margin: 15px auto; } .butbut:hover { background: linear-gradient(to top, #a5e30c 0, #bdf41a 100%); color: #fff; } .butbut:active { box-shadow: 0.8px 4.9px 5px rgba(0, 0, 0, 0.18), inset 0 1px 3px rgba(0, 0, 0, 0.22); border-bottom-width: 1px; margin-top: 2px; color: #fff; } .program li{ float: left; width: 50%; padding: 0; margin-left: 0; list-style: none; vertical-align: middle; margin-bottom: 20px; min-height: 1em; font-size: 210%; text-align: left; font-family: 'Yanone Kaffeesatz', Impact; text-transform: uppercase; font-weight: 100; } .program li:nth-child(odd) { text-align: right; padding-right:20px} .program li a:hover{ color:#fff; background: #2c679e; } .program li a{ text-decoration: none; color: #ffffff; background: #428cd2; padding: 0.4em 1em; } .hidetel{ display:none; } .hidetel a{ text-decoration:none; color:#000; } .big{ width: 100%; min-height: 600px; color: #fff; font-size: 180%; text-shadow: 1px 1px 1px #000; font-family: 'Yanone Kaffeesatz', Impact; } .con_text table{ width: 100%; font-size: 80%; } .con_text td{ border: 2px solid #fff; padding: 5px 15px; font-size: 120%; font-weight:300; } .sl{ width:100%; position: absolute; top: 00px; left:0px; line-height:1.1; font-family: 'Yanone Kaffeesatz', Impact , sans-serif; text-transform: uppercase; cursor:pointer; } .white{ color: #fff; font-size: 200%; padding-left: 0; line-height: 1.7; font-family: 'Yanone Kaffeesatz', Impact , sans-serif; } .fotitle{ position: absolute; z-index: 1; right: 0; padding-right: 10px; } .fotitle h4 { width: 100%; text-align: right; /* margin-top: 3%; */ overflow: inherit; } .fotitle h4 a{ color: #fff; font-weight: 300; text-shadow: 0px 0px 6px #000; font-size: 100%; opacity:0.7; background: #0000007a; } .fotimg{ !height: 11em !important; overflow: hidden; } .fotplit{ width: 25%; float: left; overflow: hidden; margin: 0 0% 0% 0%; padding: 0 0px !important; min-height: inherit; position: relative; background: #00569c; } .fotimg img{ margin-top: 0px; } .fotplit:hover img{ opacity: 0.5; } .fotarrow{ width:120px; height:22px; position:absolute; background: url(../images/arrow-25.png) 50% 50% no-repeat ; z-index:1; bottom: 0; right: 0; opacity:0; } .fotarrow a{ color: #fff; display: block; line-height: 1.1; padding-left: 11%; } .fotplit:hover .fotarrow{ opacity:1; } .fotplit:hover .fotitle h4 a{ opacity:1; } #bubbles { background:#477ab9; width:100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bubbles:hover { background:#3D689C; } audio, canvas, video { display: inline-block; } .menus{ !position:absolute; top: 5px; !left: 5px; } #progress { background:#20aeff; width: 0%; height: 1px; position:fixed; z-index:9999; } #fixhi{ height:410px; } .hitbar { position: fixed; bottom: 0px; display: block; background:#635735; width: 100%; z-index: 9999; height: 40px; } #link { position: relative; cursor: pointer; } #link a { pointer-events: none; } #link:hover:before { display: block; content: "Подтвердите своё согласие с условиями пользовательского соглашения"; position: absolute; top: 0; color: #fff; left: 50%; font-size: 85%; transform: translate(-50%, calc(-100% - 10px)); border-radius: 3px; padding: 10px; background: #76d1be; box-shadow: 0 0 2px; } #link:hover:after { display: block; content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 10px; border-color: #76d1be transparent transparent transparent; /* box-shadow: 0 0 2px; */ } #linkDa:checked ~ #link a { pointer-events: auto; } #linkDa:checked ~ #link:after, #linkDa:checked ~ #link:before { content: none; } .con_titlelink{ display: block; } .con_accord{ background: #f7f7f7; padding: 10px 20px; margin-bottom: 0.1em; } .con_accord:hover{ background: #f7f7f7; padding: 10px 20px; } .plus{ background: url(../images/blackarrow1.png) right 50% no-repeat ; } .minus{ background: url(../images/blackarrow.png) right 50% no-repeat ; } .mod_program{ font-weight: 500; padding-right: 0.6em; background: url(../images/arrow-24-16.png) 2% 50% no-repeat; padding-left: 2em; font-size: 100%; letter-spacing: -1px; font-family: "RobotoCondensed", sans-serif; vertical-align: middle; display: table-cell; text-decoration: none; color: #5d5d5d; } .mod_program:hover{ color: #fff; } .h_program{ border-bottom: 1px solid #E7E8E9; width: 99.1%; margin-top: 1px; margin-left: 1px; background: #ffffff; height: calc( 340px/7); display: table; } .h_program:hover{ background: #00b0f0; } #poll_module_25{ padding:10px; background: #f9f9f9; font-size: 120%; } input::-webkit-input-placeholder {opacity: 0.5; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 0.5; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 0.5; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 0.5; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;} .logo{ background-image: url(../images/logo.svg); background-size: 100px 80px; height: 80px;width: 100px; display:block; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?u68sso'); src: url('../fonts/icomoon.eot?u68sso#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?u68sso') format('truetype'), url('../fonts/icomoon.woff?u68sso') format('woff'), url('../fonts/icomoon.svg?u68sso#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-logo:before { content: "\e900"; /* text-shadow: 0 0 0 #ccc; color: #ff0000; */ color: #c3fe38; } .icon-sphere:before { content: "\e9c9"; } .icon-earth:before { content: "\e9ca"; } .wrap { position: fixed; top: 0px; right: 0; width: 51px; margin: 0 auto; z-index: -3; } .loader { position: absolute; top: 0; z-index: 10; width: 50px; height: 50px; border: 15px solid; border-radius: 50%; border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); animation: loadEr 13s infinite; } @keyframes loadEr { 0% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); } 10.4% { border-top-color: rgba(44,44,44,0.5); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); } 20.8% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); } 31.2% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0.5); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); } 41.6% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); transform: rotate(40deg); } 52% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0.5); border-left-color: rgba(33,33,33,0); } 62.4% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0); } 72.8% { border-top-color: rgba(44,44,44,0); border-right-color: rgba(55,55,55,0); border-bottom-color: rgba(66,66,66,0); border-left-color: rgba(33,33,33,0.5); } } .loaderbefore { width: 50px; height:50px; border: 15px solid #ddd; border-radius: 50%; position: absolute; top: 0; z-index: 9; } .circular { position: absolute; top: -15px; left: -15px; width: 70px; height: 70px; border: 20px solid; border-radius: 50%; border-top-color: #333; border-left-color: #fff; border-bottom-color: #333; border-right-color: #fff; opacity: 0.2; animation: poof 5s infinite; } @keyframes poof { 0% {transform: scale(1,1) rotate(0deg); opacity: 0.2;} 50% {transform: scale(4,4) rotate(360deg); opacity: 0;} } .another { opacity: 0.1; transform: rotate(90deg); animation: poofity 5s infinite; animation-delay: 11s; } @keyframes poofity { 0% {transform: scale(1,1) rotate(90deg); opacity: 0.1;} 50% {transform: scale(4,4) rotate(-360deg); opacity: 0;} } .text { position: absolute; top: 95px; left: 8px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; color: #888; animation: opaa 10s infinite; } @keyframes opaa { 0% {opacity: 1;} 10% {opacity: 0.5} 15% {opacity: 1;} 30% {opacity: 1;} 65% {opacity: 0.3;} 90% {opacity: 0.8;} } .product-overlay { background:rgba(70, 158, 236, 0.66); top: 0; height: 0; position: absolute; -webkit-transition: height 500ms ease 0s; transition: height 500ms ease 0s; width: 100%; display: block; left: 0; } .latesthome:hover .product-overlay { display: block; height: 100%; } .product-overlay .overlay-content { bottom:1em; position: absolute; text-align: center; width: 100%; } .product-overlay .add-to-cart { background: #fff; border: 0 none; border-radius: 0; color: #F44336; font-size: 70%; margin-bottom: 25px; padding: 4px 6px; } .product-overlay .add-to-cart:hover { background: #fff; color: #FE980F; } .product-overlay p { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #fff; } .overlay-content a { text-decoration:none; } .overlay-content a h4 { font-size: 160%; letter-spacing: -0.08em; color: #fff; text-shadow: 0 0 1px #000; } .poisk{position:relative;} .lopes{ position: absolute; top: 0; right: 0px;} .lopes .inputs{ width: 40px; height: 34px; background: url(../images/photozoom.png) no-repeat center top !important; color: transparent; text-shadow: none; border: 0; } #query{ padding-right: 40px; padding: 0px 10px; margin: 3px; margin-right: 0; width: 80% !important; float: left; } .greenline {border-bottom: 1px solid #e4e5e5;} .menuq { font-family: "trebuchet ms", sans-serif; width: 226px; !height: 232px; position:relative; margin:0; font-size:11px; } .menuq ul li a, .menu ul li a:visited { display: block; text-decoration: none; color: #000; width: 220px; border-width: 1px 1px 0 0; line-height: 32px; font-size: 13px; padding-left: 10px; border-right: 0; min-height: 23px; padding-top: 3px; padding-bottom: 2px; letter-spacing: 0px; font-weight: 300; } .menuq ul { padding:0; margin:0; list-style-type: none;display: inline-block; } .menuq ul li { float: left; margin-right: 1px; position: relative; margin-left: 0px; border: 2px solid transparent; } .menuq ul li .selected{ background:#E83535; color: #fff; } .menuq ul li.selected{ border:2px solid #E83535; color: #fff; } .menuq ul li ul { display: none; } .menuq ul li:hover { border:2px solid #E83535; } .menuq ul li a span{ line-height:1.8; } .menuq ul li:hover ul { display:block; position:absolute; top:0; left:226px; width:208px; -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); z-index:99; } .menuq ul li:hover ul li a.hide { background:#DDD400; color:#000; } .menuq ul li:hover ul li:hover a.hide { width:150px; } .menuq ul li:hover ul li ul { display: none; } .menuq ul li:hover ul li a { display:block; background:#fff; !background: url("../images/menu_lev2.png") no-repeat left center #E45B00; color:#000; width:190px; } .menuq ul li:hover ul li a:hover { background:#ECECEC; !background:#DDD400; color:#222; } .menuq ul li:hover ul li:hover ul { display:block; position:absolute; left:203px; top:0; color:#000; } .menuq ul li:hover ul li:hover ul li a { display:block; width:150px; !background:#DDD400; background: url("../images/menubar.jpg") repeat-x 0 0px; color:#000; } .menuq ul li:hover ul li:hover ul li a:hover { background:#3E3F41; color:#fff; } .menuq ul li ul li a{ border:1px solid #ccc; border-width:1px 1px 0 1px; } .menuq ul li ul li a span{ color:#222; !text-shadow: 0 1px 0 #000;} .poprow{ float:left; width:33%; } .poprow img{ width:90%; opacity: 0.8; } .poprow img:hover{ opacity: 1; } .poprow .con_desc { text-align: center; } .poprow .con_title { text-align: center; font-size: 14px; text-transform: uppercase; height: 2em; line-height: 2em; overflow: hidden; } .yellomodule .menuq ul li:hover { border: 2px solid #F5C827; } .yellomodule .menuq ul li .selected { background: #F5C827; color: #fff; } .yellomodule .menuq ul li.selected { border: 2px solid #F5C827; color: #fff; } .yellomodule .menuq ul li a, .menu ul li a:visited{ padding-top:0px; } .sinmodule { margin-top: 5px; border: 3px solid #005ACE; padding: 5px 10px; font-size: 13px; margin-right: 10px; } .kapital .titl{ width:228px; color:#20aeff; font-size:17px; padding-right:20px; text-align:right; } .kapital{ text-transform:uppercase; font-weight:700; font-size:14px; } .kapital td{ padding-bottom:30px; } .pastelotzyv{ width: 230px; height: 150px; background: url(../images/otzivy.png) no-repeat top center rgba(0, 0, 0, 0); position: absolute !important; left: 50% !important; margin-left: 236px !important; margin-top: -73px !important; } #hideclient{ height:320px; max-height:auto; overflow:hidden; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #hideotz{ height:315px; max-height:auto; overflow:hidden; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blokotz{ position: absolute; left: 50%; margin-left: 400px; bottom: -23px; } .addotz{ height:42px; width:42px; background: url(../images/plus.png) no-repeat top center rgba(0, 0, 0, 0); opacity:0.8; display:block; float: left; cursor:pointer; } .addotz:hover{ background: url(../images/plus.png) no-repeat top center rgba(0, 0, 0, 0); opacity:1; } .openotz { height: 29px; width: 42px; background: url(../images/redopen.jpg) no-repeat center top; opacity: 0.8; display: block; float: left; margin-left: 3px; cursor: pointer; margin-top: 12px; } .openotz:hover{ background: url(../images/redopen.jpg) no-repeat center 0px; opacity:1; } .svernotz { height:10px; width:22px; background: url(../images/redarrow1.png) no-repeat center top ; opacity:0.8; display:block; float: left; margin-left: 10px; cursor:pointer; } .svernotz:hover{ background: url(../images/redarrow1.png) no-repeat center 0px; opacity:1; } .open { height: 40px; width: 100%; background: url(../images/arrows_up.svg) no-repeat 50% 50%; display: block; cursor: pointer; background-size: 85px 40px; } .open:hover{ background: url(../images/arrows_up.svg) no-repeat 50% 50% ; opacity:1; background-size: 85px 40px; } .clozopen{ height: 40px; width: 100%; background: url(../images/remove.svg) no-repeat 50% 50% ; display:block; cursor:pointer; background-size: 85px 40px; } .clozopen:hover{ background: url(../images/remove.svg) no-repeat 50% 50% ; opacity:1; background-size: 85px 40px; } .open1{ height:13px; width:31px; background: url(../images/blackarrow1.png) no-repeat center -3px ; opacity:0.6; display:block; margin-left: 10px; cursor:pointer; } .open1:hover{ background: url(../images/blackarrow1.png) no-repeat center -3px ; opacity:1; } .clozopen1{ height:13px; width:31px; background: url(../images/blackarrow.png) no-repeat center 3px ; opacity:0.6; display:block; margin-left: 10px; cursor:pointer; } .clozopen1:hover{ background: url(../images/blackarrow.png) no-repeat center 3px ; opacity:1; } .pastel .module{ overflow:inherit !important; } .pastel{ margin: 0 auto; background: url(../images/pastel.png) repeat-y top center; } .pastel .modulebody{ padding: 20px 20px; } .otpic{ float: left; height: 150px; width: 20%; text-align:center; position: relative; } .otpic img { position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .half{ width: 50%; float: left; position: relative; } .half img{ margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .half25{ width: 25%; } .half30{ width: 35%; } .half33{ width: 33%; height: 100px; overflow: hidden; margin-bottom: 5px; } .half70{ width: 65%; } .foot33{ } .bott01 { background: url(../images/return.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 40px; display: block; text-align:center; } .phone1 { background: url(../images/phone1.svg) no-repeat 50% 50%; background-size: 25px 27px; height: 40px; display: block; text-align:center; } .zakaz1 { background: url(../images/basic.svg) no-repeat 50% 50%; background-size: 25px 27px; height: 40px; display: block; text-align:center; } .blulin{ background:#3399ff; } .blulin td{ color:#fff !important; text-transform: uppercase; } .category .product-item { height: 340px; } .product-item { height: 356px; max-width:300px; width: 100%; position: relative; padding-top: 0px; margin: 0 auto 0px; -webkit-box-shadow:0px 0px 1px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3); !border: 1px solid #eee; } .product-item h4 { display:none; } .category .select-product .h3{ text-align:left; } .category .panel-body { padding-bottom: 0px; } .category .price_table { margin-top: 20px; position: absolute; bottom: 15px; right: 0; } .category .chars_list { font-size: 90%; padding-left: 25px; letter-spacing: -0.1px; line-height: 1.35; } .category .pricecat{ font-weight: 700; font-size: 170%; font-family: "RobotoCondensed", sans-serif; } .product-item:hover .chars_list, .product-item:hover .pricecat { color:#9fadba; } .product-item .image-block { height: 100px; position: relative; } .img-center, .advantage-row .adv-item .image-block img, .news-item .img-block img, .product-image .panel img, .product-item-type-2 .image-block img, .product-item .image-block img{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; z-index: 1; } .image-news img { max-width: 150px; } .image-news a { margin: 0 auto; } .image-news{ display: flex; text-align: center; min-height: 140px; margin-top: 15px; } .bd-line:before, .btn-default:before { bottom: 0px; right: 0px; width: 0; height: 0; opacity: 0; border-bottom: 1px solid #9c4047; border-right: 1px solid #9c4047; } .bd-line:after, .btn-default:after, .bd-line:before, .btn-default:before { content: ""; z-index: 2; width: 22px; height: 22px; position: absolute; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } } .panel { background-color: transparent; border: none; border-radius: 0; box-shadow: inset 0 0 0 1px #e1e1e1; margin-bottom: 20px; } .panel:hover { ! background-color: #002243ad; transition: background 1s ease; } .product-item:hover { background-color: #00000; } .select-product { position: relative; z-index: 3; margin-bottom: 5px; margin-top: 5px; } .select-product h3, .select-product .h3 { display: inline-block; margin: 0; vertical-align: middle; margin-right: 5px; font-size: 1.125rem; } .select-product .h3 { font-size: 1.1rem; margin-right: 0px; line-height: 1.16; letter-spacing: -0.4px; text-align: center; font-weight: 700; } .select-product .h3 a { color: #001d3a;font-family: "RobotoCondensed", sans-serif;} .tabusgalq .select-product .h3 a { font-size: 1.2rem;} .product-item:hover .h3 a { color:#ffffff; text-decoration: none;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; text-transform: uppercase; color: #001d3a; font-family: "RobotoCondensedBold"; line-height: 1.26; } .product-item .grey-bg::before { position: absolute; top: 0; right: 0; left: 0; height: 50px; content: ""; background-color: rgba(0, 29, 58, 0.05); z-index: -1; } .product-item .grey-bg::after { top: 50px; position: absolute; content: ""; width: 0; height: 0; left: -100%; right: 0; border-style: solid; border-width: 54px 250px 0 220px; border-color: rgba(0, 29, 58, 0.05) transparent transparent transparent; z-index: -1; } .product-item .grey-bg, .product-item .blue-bg { height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; } .product-item .grey-bg { overflow: hidden; } .news-foot.media.on_cat { position: absolute; bottom: 15px; left: 15px; z-index: 9; } .korpus {padding-left:10px;} .korpus > div, .korpus > input { display: none; } .korpus label { padding: 0px; border: 1px solid #AFAFAF; bottom: 6px; color: #001d3a; background: url(../images/tabs_back.png)no-repeat; width: calc(100%/4.3); cursor: pointer; text-align: center; align-items: center; justify-content: center; margin: 0 7px; position: relative; flex-grow: 1; flex-basis: 100px; height: 100px; font-size: 110%; font-weight: 400; display: inline-table !important; align-items: center; justify-content: center; font-family: "RobotoCondensed", sans-serif; } .korpus label div{ width: 100%; position: absolute; top: 50%; margin-top: -14px; } .korpus input[type="radio"]:checked + label { border: 1px solid #9c4047; color: #9c4047; } .korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3), .korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; padding: 20px; } .korpus label:before, .korpus label:after { content: ""; z-index: 2; width: 22px; height: 22px; position: absolute; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; z-index: -1; } .model_nasos_seria_rk_block_top_img { float: left; width: 50%; text-align: center; } .model_nasos_seria_rk_block_top_text { float: right; width: 50%; } .model_nasos_text_block { float: left; width: 50%; padding: 20px 0; border-bottom: 1px solid #d8d8d8; } p.model_nasos_text_title { margin-bottom: 15px; color: #001d3a; font-size: 18px; text-transform: uppercase; } .model_nasos_text_block_sect { overflow: hidden; min-height: 160px !important; } @media screen and (max-width: 500px){ .model_nasos_seria_rk_block_top_text, .model_nasos_seria_rk_block_top_img, .model_nasos_text_block_sect { float: none; width: auto; padding: 0 5px; } .model_nasos_text_block { float: none; width: auto; padding: 0 5px; } .karuse8 { position: relative; margin: 0 auto; width: 243px !important; } } @media only screen and (max-width: 600px){ .col-mob { float: none !important; width: 100% !important; } } .image_carousel { padding: 0px 0 15px 0px; } .image_carousel img {} .image_carousel a { display: block; float: left; width: 100%; } .tabusgalq { float: left; padding: 10px; margin: 9px 11px; height: 378px; border: 1px solid #e1e1e1; max-width: 242px; min-width: 229px; background-color: #fff; position: relative; } .image_carousel, .karuse { position: relative; } .karuse { margin-top: 0px; width: 832px; height: 271px; } .karuse8 { position: relative; margin-top: 0px; width: 1008px; } .karuse8 .image_carousel { ! height: 290px; overflow: hidden; } a.prev1, a.next1 { background: url(../images/lllrrr.png) no-repeat transparent; width: 13px; height: 28px; display: block; position: absolute; top: 70px; z-index: 9; } a.prev1 { left: 0px; opacity: 0.7; background-position: 0 0; } a.prev1:hover { background-position: 0 0px; opacity: 1; } a.next1 { right: 8px; opacity: 0.7; background-position: -13px 0; } a.next1:hover { background-position: -13px 0px; opacity: 1; } a.prev1 span, a.next1 span { display: none; } .news-item { border: 1px solid #e1e1e1; max-width: 226px; background-color: #fff; margin-bottom: 30px; } .btn { font-size: 15px; padding: 6px 14px; text-transform: uppercase; border-radius: 0 !important; border: none; transition: all .5s ease; } .btn-default { font-family: "RobotoCondensedBold"; transition-property: all; transition-duration: 0.5s; transition-delay: 0.5s; border-radius: 0; border: 1px solid #dddddd; background:#ffc727; } .bd-line:before, .btn-default:before { bottom: 0px; right: 0px; width: 0; height: 0; opacity: 0; border-bottom: 1px solid #2ea4ad; border-right: 1px solid #2ea4ad; } .btn-default:hover { background-color: #2ea4ad; color: #fff; } .btn-default::after { width: 16px; height: 16px; } .bd-line:after, .btn-default:after { top: 0px; left: 0px; border-top:8px solid #ffc727; border-left: 8px solid #ffc727; opacity: 1; } .bd-line:after, .btn-default:after, .bd-line:before, .btn-default:before { content: ""; z-index: 2; width: 22px; height: 22px; position: absolute; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -ms-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } .news-date{ position: absolute; top: 0; left: 0; } .news-date span { color: #fff; background-color: #001d3a; display: inline-block; padding: 9px 13px 9px 16px; position: relative; } .news-date span::before { width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #001d3a transparent transparent transparent; position: absolute; content: ""; bottom: -5px; left: 50%; margin-left: -8px; } .cooperation { border: 1px solid #ddd; min-height: 250px; background-repeat: no-repeat; background-position: left top; } .cooperation .image-blocks { position: relative; bottom: 0px; width: 293px; float: left; display: grid; } .cooperation .image-blocks img{ margin:0 auto; } .cooperation .text-block { overflow: hidden; font-size: 1.0625rem; font-family: "RobotoCondensedLight"; color: #001d3a; position: relative; } .cooperation .text-block .title { position: relative; margin-top: 20px; padding-right: 19px; font-size: 2.1rem; display: inline-block; } .allcat{ display:none; } .news-item { border: 1px solid #e1e1e1; max-width: 100%; background-color: transparent; margin-bottom: 30px; padding:20px; display: flex; position: relative; } .news-item .img-block { padding-right: 30px; float: left; height: auto; min-width: 200px; position: relative; } .news-item .img-block img{width:150px; margin-top: 5px;} .news-item .text-block { overflow: hidden; position: relative; } @media only screen and (max-width: 720px){ .news-item .img-block { padding-left: 0; margin-bottom: 20px; min-height: 160px; float: none; } .news-item { display: inherit; } .news-item .img-block img { margin-left: 0; } } @media only screen and (max-width: 767px) { .cooperation .image-blocks{ display: none; } .cooperation { margin: 10px; padding: 10px;} } .blues-section { background-image: url(../images/header.jpg); } .footer-content, .footer-content a { color: #fff; font-size: 1.18rem; } .row { margin-left: -13px; margin-right: -13px; } .footer-right, .footer-left { padding-top: 25px; } .foot-title { font-family: "RobotoCondensedBold", sans-serif; color: #fff !important; font-size: 1.125rem; opacity: 0.7; margin-bottom: 12px; } @media only screen and (max-width: 600px){ .col-mob { float: none; width: 100%; }} @media only screen and (max-width: 490px){ .mobile-collapse__title { cursor: pointer; position: relative; } .cooperation .text-block .btn { font-size: 85%; } } .cooperation .text-block .btn { margin: 8px 0 0 0; width: 100%; max-width: 380px; line-height: 42px; padding-left: 48px; border: 1px solid #ddd; color: #000; background: #ffc727 url(../images/cooperation_ico.png) 19px center no-repeat; position: relative; } .title span { color: #949699; font-family: "RobotoCondensedLight", sans-serif; } .video-item { margin-bottom: 5px; min-height: 43px; } .video-item h3, .video-item .h3 { font-family: "RobotoCondensedBold"; font-size: 1.0625rem; } .video .item { margin-bottom: 25px; } .embed-responsive{ padding-bottom: 56.25%; } .carousel-view-all { margin-top: -71px; margin-left: 100px; overflow: hidden; } .carousel-view-all .line { display: inline-block; padding: 3px 18px 3px 0; position: relative; } .carousel-view-all .line a{ text-transform: uppercase; font-family: "RobotoCondensedLight"; font-size:20px; text-decoration:none; } .carousel-view-all .line::before { content: ""; position: absolute; top: 13px; height: 2px; left: 100%; background-color: #9c4047; z-index: -1; width: 10000px; } .btn-links .btn { display: inline-block; vertical-align: top; } a.model_nasos_link { margin: 8px 0 0 0; width: 300px; max-width: 380px; line-height: 42px; border: 1px solid #ddd; color: #fff; background: #ae3c44 url(../images/icon_down.svg) 19px center no-repeat; padding-left: 50px; font-family: "RobotoCondensedBold"; transition-property: all; transition-duration: 0.5s; transition-delay: 0.5s; z-index: 1; position: relative; box-shadow: inset 0 0 0 1px #e1e1e1; font-size: 15px; text-transform: uppercase; border-radius: 0; transition: all .5s ease; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .number { color: #ffc727; opacity: 0.2; font-weight: bold; font-style: normal; text-align: left; font-size: 140px; line-height: 1; position: absolute; bottom: 10px; right: 0; } .otzmob{ display:none; } .shadow{ box-shadow: 0 0 0 1px rgb(194, 192, 184) inset, 0 5px 0 -4px rgb(255, 255, 255), 0 5px 0 -3px rgb(194, 192, 184), 0 11px 0 -8px rgb(255, 255, 255), 0 11px 0 -7px rgb(194, 192, 184), 0 17px 0 -12px rgb(255, 255, 255), 0 17px 0 -11px rgb(194, 192, 184), 0 10px 6px -6px #777; } .pricetd{ }