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-size: auto auto; background:#fff; font-family: helvetica, sans-serif; overflow-x: clip; } .clear{ clear:both; } a { color:#01427E; } a:hover { color:#375E93; } #wrapper { position:relative; z-index:1; !width: 960px; margin:0 auto; padding-top:42px; } .container{!width: 960px; margin:0 auto;position: relative;} .container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; display: flex; } * 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{ } #topwide1 .fourmodule { height: 800px; width: 100%; margin-top: 30px; } #topwide1 .fourmodulebody { width: 1920px !important; left: 50%; margin-left:-960px; position:absolute; } #topwide1 .fourmoduletitle { font-size: 37px; font-weight: 400; margin-top: 5px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; letter-spacing: -1px; line-height: 1; text-align: center; color: #000; } .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-bottom: 6px; height: 50px; max-width:960px; !float: right; } #topmenu .menu{ list-style:none; margin:0; padding:0; text-align: left ; margin-top: -21px; line-height: 32px;} #topmenu .menu li a{ text-decoration:none; } #topmenu .menu li{ margin: 0 0px 0 -5px; padding: 0px; height: 50px; line-height: 50px; display: inline-block; zoom: 1; font-size: 16px; transition: .3s; text-align: center; width: 160px; } #topmenu .menu li:last-child { ! border-right: 1px solid #45a271; } #topmenu li.selected a, #topmenu li.selected a.selected { background: url(../images/fon_menu.png) no-repeat center 5px; } #topmenu .menu li a:hover, #topmenu .menu li:hover a, #topmenu .menu li:focus a{ background: url(../images/fon_menu.png) no-repeat center 5px; } #topmenu .menu li a:hover { &:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } } #topmenu .menu li a{ position: relative; -webkit-transition: .3s; transition: .3s; white-space: nowrap; font-family: helvetica, sans-serif; text-decoration: none; color: #fefefe; !text-transform: uppercase; line-height: 43px; padding: 0; display: inline-block; padding-left: 0; min-width: 85px; font-weight: 700; font-size: 14px; } #topmenu ul li ul { display:none; position: absolute; //top:40px; //left:0; width: 200px; background: #30e8c6; color: #fff; padding:0px; z-index:1000; -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #topmenu ul li ul li ul { display:none; position: relative; margin-top:-155px; left:200px; width: 200px; background: #5D90D1; color: #fff; padding:0px; z-index:1000; -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #topmenu ul li ul li, #topmenu ul li ul li a{ display:block; width:100%; } #topmenu ul li ul li a{ padding:0px !important; text-decoration:none; height:40px !important; line-height:40px !important; } #topmenu ul li ul li:hover a{ background:#45484C !important; } #topmenu ul li ul li.selected a{ background:#45484C !important; } #topmenu ul li ul li{ height:40px !important; line-height:40px !important; } #topmenu ul li ul li a span{ margin:0px 10px; padding:0px; } #topmenu ul li ul li a.selected span{ text-decoration:none; } .redbut a { background: #eb3d48; color: #fff; margin: 5px 0; padding: 12px 15px; 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, .hidredbut a:hover { background: #b19d84; } .hidredbut a { background: #666666; color: #fff; 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; } .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: 36px; border: 2px solid #ccc; background: white; } #main-menu-mob li { margin-left: 0px; /* height: 60px; */ line-height: 3em; 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-size: 150%; cursor: pointer; margin-left: -5px;} .pathway{ padding: 30px 0 10px 0px; color:#333; opacity: 1; } .pathway a{ color: #45484C; } .pathway a:hover{ color:#333; text-decoration:none; } .price{ width: 33.33%; float: left; } /*************************** Верхний модуль ***************************/ #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.3em; 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{ font-size: 37px; font-weight: 400; margin-top: 50px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; letter-spacing: -1px; line-height: 1; text-align: center; color: #000; } #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; } #sidebar-left .moduletitle:hover{ -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; transition: all 0.9s ease 0s; background: url(../images/rolover.jpg) no-repeat left top;} /********************************** Футер *************************************/ #footer{ color: #555; clear: both; padding: 0; display: flex; font-size: 100%; margin-top: 2em; min-height: 50px; text-align: center; margin-bottom: 2em; } #footer #copyright{ font-size:12px; } #footer .foot-right a{ color: #f3f3f3; font-weight: 300; font-size:100%; 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; color: #fff; font-size: 80%;} .tabbor td{ border-top:1px solid #999; } .tabbor{ line-height:18px; } #copyright{ color: #f3f3f3; font-size: 11px; background: #7c7c7c; } /************************* Кнопки настройки модулей ***************************/ 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 "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:12px; clear:both; } .pagebar_title{ margin:5px; color:#375E93; } .pagebar_page{ margin:2px; padding:5px; } .pagebar_current{ margin:2px; padding:4px; background-color: #375E93; color:#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 10px; margin-bottom: 20px; background: #ffffffe3; overflow: hidden; padding-top: 0; min-height: 50em; margin-top:5px; line-height: 1.7rem; font-size: 1.1rem; } .contentlist { clear:both; } .con_heading, .prof_nickname{ color: #333; margin: 0px; margin-bottom: 30px; position: relative; left: 0; padding: 0px; line-height: 1; font-size: 173%; font-weight: 400; letter-spacing: -0.05em; text-transform: uppercase; } h2{ font-weight: 400; margin: 20px 0; font-size: 160%; color: #666666; line-height: 1.2; } h3 {font-weight: 900; margin-bottom: 5px;line-height: 1;font-size: 180%;} 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: 90%; font-weight: 400; color: #777777; font-family:arial; } .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:960px; 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; } /* 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: helvetica, 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; } .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; } input.button { font-size:18px; } .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; } /* ========================================================================== */ /* ========================== ПОЛЬЗОВАТЕЛИ ================================== */ /* ========================================================================== */ .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; } #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; } /** Core messages styles [AM][start] **/ .button_yes, .button_no { background: none repeat scroll 0 0 transparent; border: 1px solid; cursor: pointer; font-family: helvetica, 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; } .whitelogo2{ display:none; padding-top: 0.2em; text-decoration: none; } .navRow.topfix .whitelogo{ display:block; top:0; width:190px ; } .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; max-width: 960px; 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%; background: #000103; position: fixed; ! background: url(../images/headbg.jpg) no-repeat center 0px; z-index: 999; } .navRow #topmenu .menu li{ font-weight:400; } .navRow.topfix #topmenu .menu li{ text-shadow: none; } .navRow.topfix #topmenu .menu li a.selected{ color:#ffe4c1; } .navRow.topfix { height: 55px; 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: #fff000; box-shadow: 0 2px 30px rgba(139, 139, 139, 0.25); background:#000103; } .navRow.topfix .menu li.selected { } .hidlogo{ !display:none } div.navRow.topfix .hidlogo{ display: block; width: 161px !important; margin-right: 0px !important; } #topmenu li.hidlogo a.hover{ background: transparent; } div.navRow.topfix #topmenu li { width: inherit; white-space: nowrap; margin-right: 22px; } .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: 320px; height: 240px !important; float: left; overflow: hidden; margin: 0 0% 0% 0%; padding: 0 0px !important; !background: #5c5467; position: relative; } @media (max-width: 620px){ .img-top { width: 50%; height: 18vh !important; } #topwide1 .fourmodule { height: 58vh; } } * { -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; height: 100%; width: 100%; } .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: 32.9%; float: left; margin: 0; padding: 1em !important; max-height: 16em; min-height: 16em; border:1px solid #f6f6f6; background: #fff; position: relative; overflow: hidden; } .latesthome:hover { box-shadow:0px 0px 6px #ccc; border:1px solid #ff2455; } .latesthome h4, .latesthome1 h4{ margin: 0% 1% 1% 1%; color: #363533; padding: 5px 10px; line-height: 0.8; min-height: 3.5em; max-height: 3.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; max-height: 8em !important; } } @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: 80% !important; font-weight: 400; }} .latestimage{ text-align: center; max-height: 11em; overflow: hidden; } .latestimage img{ width: 100%; margin-top: -10px; 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{ float: right; z-index: 3; text-decoration: none; display: block; !width:51px; 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; } a.trigger2{ display: none; } @media only screen and (max-width: 768px) and (min-width: 300px){ 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; } } .forma{ float: left; width: 49.9%; font-family: 'Open Sans', 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; background:#e77c31; padding: 1.15rem 1.25rem; line-height: 1.333333; height: inherit; width: 99%; color: #fff; font-weight: 300 !important; text-shadow:none; display: block; text-align: center; font-size:120%; } .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{ background: transparent; font-size: 17px; padding: 12px 66px; cursor: pointer; color: #000; margin-right: 0px; font-weight: 400; border-radius: 6px; border: 2px solid #F2AB00; text-decoration: none; } #fixbox a:hover, .rightbar a:hover, .bigbut:hover{ background: #F2AB00; color: #ffffff; } .bigbut{ !font-size:125% } .smooth{ clear: both; padding-top: 15px; padding-bottom: 25px; text-align: center; } @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: helvetica, sans-serif; } #main .modulebody{ padding: 0 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-bottom: 2em; } #main .fullmodulebody { padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 140%; } #main .blackmodule { padding: 0px; font-family: 'Open Sans', 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: helvetica, 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; height:50px; opacity:0; } .userform_table tr:nth-child(11){ background: url(../images/fileupld.png) no-repeat left 1px !important; } .captchaImages img{ width:30px; height:30px; cursor:pointer; } .mod-otz-content{ width: 70%; margin: 0 auto; } .otzimage{ width:180px; margin: auto; } .otzdesc{ padding: 10px 35px; font-family: 'Open Sans', sans-serif; font-size: 140%; } .otzdesc h4{ font-size: 100%; } .teltop{ color: #000; font-family: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: helvetica, 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=Oswald); .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-size: 45px; letter-spacing: -0.5px; line-height: 1.1em; font-weight: 900; } 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: 10em; height: 10em; 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, 222, 215, 0.2), inset 0 10.6em 0 rgba(23, 222, 215, 0.2), inset -10.6em 0 0 rgba(23, 222, 215, 0.2), 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(255, 0, 0, 0.5), inset 0 0.86em 0 rgba(252, 150, 0, 0.5), inset -0.86em 0 0 rgba(0, 255, 0, 0.5), inset 0 -0.86em 0 rgba(0, 150, 255, 0.5); } .circle:hover > h4 { color: transparent; } .vcircle{ display: inline-block; float: left; width:33%; margin:40px 0px; } .vkrug{ line-height: 1; font-size: 100%; padding-top: 100px; padding-left: 34px; color: #5f98bf; } .circle:hover > .vkrug { color: rgba(185, 185, 185,1); } .vcircle h4{ letter-spacing: -3.5px; position: absolute; top: 43%; left: 4%; } @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: 'Open Sans', 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: 1em; background-attachment: fixed; font-size: 115%; } .gtab a{ color: #ffffff; text-decoration:none; } .htop{ font-size:100%; line-height: 1.3; letter-spacing: -1px; color: #ffffff; } .gtab{ ! height: 14em; width: 100%; color: #d0d0d0; font-size:100%; line-height: 1.3; ! background: url(../images/headbg.jpg) no-repeat center 0px; } .gtab .module{ max-width: 960px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .logos{ ! width:151px !important; ! padding-left: 15px; } .logos a:hover { background: transparent; } .toologo{ padding-top:20px; } .toologo img{ margin-right: 2px; } #menus{width:960px;margin-left:auto;margin-right:auto; background: #000103; } .head2{ width:16%; } .knop{ position: fixed; bottom: 2em; z-index: 99; right: 50%; height: 2.4em; display: block; margin-right: -25px; } a.Hollow { font-weight: 400; color: white; width: 42px; display: table-cell ; text-decoration: none; padding: 20px; border-radius: 25px; background: #008dd5; transition: 0.2s; text-align: right; opacity: 0.2; } a.Hollow:hover { background: #ff0000;opacity: 1; } a.Hollow:active { background: #ba0303; box-shadow: 0 3px rgb(33,147,90) inset; } .sun a{ color:#08dcce; } .lupa{ display:none; } .img-top: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:#fff; } .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: 100%; } .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: #bfff88; width: 0%; height: 1px; position:fixed; z-index:9999; } #fixhi{ height:290px; } .hitbar { position: fixed; bottom: 0px; display: block; background: #000; width: 100%; z-index: 9999; height: 45px; } #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: 'Open Sans', 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: helvetica, 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(204, 36, 54, 0.88); 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: 30px; height: 33px; background: url(../images/search1.svg) no-repeat center bottom !important; color: transparent; text-shadow: none; border: 0; } #query{ padding-right: 40px; padding: 0px 10px; margin: 3px; margin-right: 0; } .greenline {border-bottom: none;} .menuq { font-family: helvetica, 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; border-width: 1px 1px 0 0; font-size: 12px; border-right: 0; min-height: 23px; padding-bottom: 2px; } .menuq ul li a:hover{color:red} .menuq ul { padding:0; margin:0; list-style-type: none; } .menuq ul li { float: left; margin-right: 0px; position: relative; margin-left: 0px; border: 2px solid transparent; width: 100%; } .menuq ul li a.selected{ color: #fff; } .menuq ul li.selected{ border:2px solid #E83535; color: #fff; background: #E83535; } .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; margin-top: -2px; left: 202px; background: #ffffff; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); z-index: 999; } .menuq ul li ul li { border:0; } .menuq ul li ul li a span { line-height: 2; white-space: nowrap; text-transform: none; } .menuq ul li:hover ul li a.hide { background:#DDD400; color:red; } .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; color:#000; } .menuq ul li:hover ul li a:hover { background: #e83535; color: #fff;} .menuq ul li:hover ul li:hover ul { display:block; position:absolute; left:203px; top:0; color:red; } .menuq ul li:hover ul li:hover ul li a { display:block; width:150px; background: url("../images/menubar.jpg") repeat-x 0 0px; color:red; } .menuq ul li:hover ul li:hover ul li a:hover { background:#3E3F41; color:#fff; } .menuq ul li:hover > a{color:#FFEB3B} .menuq ul li ul li a { border:1px solid #f6f6f6; border-width:1px 1px 0 1px; width:315px; text-align: left; padding-left: 20px; } #sidebar-left .module { overflow:inherit; } .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:#EC3E48; 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: 45px; 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: 45px; 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: right; position: relative; } .hpad{ padding-left:50px; } .half img{ margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .half25{ width: 25%; } .half30{ width: 35%; } .dim30{width:33%; float:left; } .ffloat{ float:left; } .half33{ width: 33%; height: 100px; overflow: hidden; margin-bottom: 5px; } .half70{ width: 65%; } .bott01 { background: url(../images/tgsvg.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 45px; display: block; text-align:center; } .phone1 { background: url(../images/phone1.svg) no-repeat 50% 50%; background-size: 25px 27px; height: 45px; display: block; text-align:center; } .zakaz1 { background: url(../images/basic.svg) no-repeat 50% 50%; background-size: 25px 27px; height: 45px; display: block; text-align:center; } /* Базовый контейнер табов */ .tabs { min-width: 320px; max-width: 800px; padding: 0px; margin: 0 auto; } /* Стили секций с содержанием */ .tabs>section { display: none; padding-top: 15px; background: #fff; } .tabs>section>p { margin: 0 0 5px; line-height: 1.5; color: #383838; /* прикрутим анимацию */ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* Описываем анимацию свойства opacity */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Прячем чекбоксы */ .tabs>input { display: none; position: absolute; } /* Стили переключателей вкладок (табов) */ .tabs>label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 600; text-align: center; color: #fff; border: 0px solid #ddd; border-width: 1px 1px 1px 1px; background: #a0a0a0; border-radius: 3px 3px 0 0; } /* Шрифт-иконки от Font Awesome в формате Unicode */ .tabs>label:before { font-family: fontawesome; font-weight: normal; margin-right: 10px; } .tabs>label[for*="1"]:before { content: ""; } .tabs>label[for*="2"]:before { content: ""; } .tabs>label[for*="3"]:before { content: ""; } .tabs>label[for*="4"]:before { content: ""; } /* Изменения стиля переключателей вкладок при наведении */ .tabs>label:hover { color: #888; cursor: pointer; } /* Стили для активной вкладки */ .tabs>input:checked+label { color: #000; border-top: 1px solid #e51a4b; border-bottom: 1px solid #fff; background: #fff; } /* Активация секций с помощью псевдокласса :checked */ #tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 { display: block; } /* Убираем текст с переключателей * и оставляем иконки на малых экранах */ @media screen and (max-width: 680px) { .tabs>label { } .tabs>label:before { margin: 0; font-size: 18px; } } /* Изменяем внутренние отступы * переключателей для малых экранов */ @media screen and (max-width: 400px) { .tabs>label { padding: 15px; } } .ttop{ display: block; margin-top: 0px;} .ttop a{ border: 1px solid #eb3d48; padding: 2px 12px; font-size: 10px; text-decoration: none; color: #eb3d48; text-transform: uppercase; } .ftog{ display:none; width: 350px; height: 166px; margin-left: 50%; left: -568px; position: absolute; background: url(../images/frog.png) no-repeat left center rgba(0, 0, 0, 0); } .insta{ background: url(../images/insta.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 45px; display: block; text-align:center; } .vkk{ background: url(../images/vkk.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 45px; display: block; text-align:center;} .okk{ background: url(../images/okk.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 45px; display: block; text-align:center;} .fbb{ background: url(../images/fbb.svg) no-repeat 50% 50%; background-size: 25px 32px; height: 45px; display: block; text-align:center;} .rtelef { padding: 4px 5px; background: url(../images/rolover.jpg) repeat center 100% #FFF; color: #fff; } .pechat{ position: absolute; top: 76px; left: 176px; transform: rotate(-90deg);} .korpus0 { position: relative; } .korpus0 > div, .korpus0 > input { display: none; min-height: 150px; /* 50px × 3 вкладки */ margin-top: 140px; color: #fff; } .korpus0 > div { margin-top: 170px; background: url(../images/rama.png) no-repeat top right transparent; padding:30px; } .korpus0 label { float:left; width: 200px; height: 45px; line-height: 45px; cursor: pointer; font-size: 16px; /* font-weight: 700; */ letter-spacing: 0.5px; color: #FFBA00; border: 2px solid transparent; text-align: center; } .korpus0 label:nth-of-type(2) { float:left; } .korpus0 label:nth-of-type(3) { float:left; } .korpus0 label:nth-of-type(4) { float:left; } .takt{ float:left; } .korpus0 input[type="radio"]:checked + label { border: 2px solid #fff; border-radius: 45px; } .korpus0 > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus0 > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus0 > input:nth-of-type(3):checked ~ div:nth-of-type(3), .korpus0 > input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; padding: 1px 1px 1px 5px; } .korpus1 { position: relative; padding-top: 170px; } .korpus1 > div, .korpus1 > input { display: none; min-height: 150px; /* 50px ? 3 вкладки */ margin-top: 85px; color: #fff; } .korpus1 > div{ margin-top: 0px; border:1px solid #ccc; padding:50px 100px !important; border-radius:10px; } .korpus1 label { position: absolute; left: 50%; margin-top: -160px; margin-left: -410px; width: 200px; height: 177px; cursor: pointer; font-size: 12px; !font-weight: 700; letter-spacing: 0.5px; color: #FFBA00; text-align: center; } .korpus1 label:nth-of-type(2) { margin-left:-205px; } .korpus1 label:nth-of-type(3) { margin-left: 20px; } .korpus1 label:nth-of-type(4) { margin-left: 225px; } .korpus1 input[type="radio"]:checked + label { background: url(../images/vniz.png) no-repeat center 151px transparent; !border-bottom: 2px solid #9CD3D8; } .korpus1 > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus1 > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus1 > input:nth-of-type(3):checked ~ div:nth-of-type(3), .korpus1 > input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; padding: 1px 1px 1px 5px; } .ichi{ height: 40px; font-size: 14px; line-height: 18px; margin-bottom: 5px; } #icon1, #icon2, #icon3, #icon4{ background: url(../images/icons3.png) no-repeat 0 0 transparent; width: 85px; height: 74px; margin: 0 auto; } #icon1{ background: url(../images/icons3.png) no-repeat 0 0 transparent;} #icon2{ background: url(../images/icons3.png) no-repeat -85px 0 transparent;} #icon3{ background: url(../images/icons3.png) no-repeat -175px 0 transparent;} #icon4{ background: url(../images/icons3.png) no-repeat -255px 0 transparent;} .korpus1 label span{ color:#fff; font-style:italic; text-decoration:underline; } .korpus1 label span:hover{ color:#FFBA00; text-decoration:none; } .bluex{ background: #5d6a9f; /* Old browsers */ background: -moz-linear-gradient(45deg, #5d6a9f 0%, #73b1e7 76%, #d0e4f7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #5d6a9f 0%,#73b1e7 76%,#d0e4f7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #5d6a9f 0%,#73b1e7 76%,#d0e4f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6a9f', endColorstr='#d0e4f7',GradientType=1 ); padding: 20px; color: #fff; } #paragraph2{ background: url(../images/brown.jpg) no-repeat center top transparent; min-height:850px; } #paragraph4{ background: url(../images/how.jpg) no-repeat center top transparent; min-height:950px; } #paragraph4 .moduletitle{ color:#fff; padding-top:30px; } .slide{ position: relative; } .slide .module{ position: relative; width: 960px; margin: 0 auto; } .nomer1{ background: url(../images/obemnbuk.png) no-repeat 50px top transparent; display: flow-root; } .nomer2{ background: url(../images/lightbox.png) no-repeat 30px top transparent; display: flow-root; } .nomer3{ background: url(../images/kompozit.png) no-repeat 30px top transparent; display: flow-root; } .nomer4{ background: url(../images/svetokor.png) no-repeat 30px top transparent; display: flow-root; } #topwide { display: block; min-height: 899px; width: 100%; margin: 0 auto; padding-bottom: 0px; padding-top: 50px; margin-top: 10px; background: url(../images/tophead.jpg) no-repeat top center transparent; } #topmod { width: 960px; margin-left: auto; margin-right: auto; } #topwide1 .slidemodule { height: 402px; width: 100%; margin-top: 30px; } #topwide1 .slidemodulebody { width: 1920px !important; left: 50%; margin-left:-960px; position:absolute; } #topwide1 .slidemoduletitle { font-size: 37px; font-weight: 400; margin-top: 25px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; letter-spacing: -1px; line-height: 1; text-align: center; color: #000; } #mfix{ position:fixed; } .bordwww{ border: 3px solid #ff9900; border-radius: 17px; padding: 30px 30px 30px 130px; width: 65%; float: right; text-shadow: -1px 1px 1px black, 2px 1px 1px black, -1px 1px 1px black, 0px 0px 1px black; } .b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control{ background-color:#fff !important; } .b24-form-control-icon-after .b24-form-control, .b24-form-control-icon-after .b24-form-control-label { background-color:#fff !important; } .centermoduletitle{ font-size: 37px; font-weight: 400; margin-top: 25px; padding-top: 60px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; letter-spacing: -1px; line-height: 1; text-align: center; color: #000; } .centermodule { background:#ffc834 !important; } .b24-form { background-color:#ffc834 !important; } .b24-form-wrapper.b24-form-border-bottom { border-bottom: 5px solid transparent !important; background-color:#ffc834 !important; } .b24-form-btn{background-color:#222 !important;} .hidredbut { color: #ccc; }