/* Theme Name: Osteohon.com Author: Osteohon Dev Author URI: Osteohon.com Version: 1.0 */ @import 'https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i|Roboto+Condensed:400,700&subset=cyrillic'; *{margin:0;padding:0;} html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} ul li,ol li{list-style:none;margin:0;padding:0;} img{border:none;outline:none;margin:0;padding:0;} body{background:#fff;font-size:16px;line-height:1.3;font-family:'PT Sans', Arial, Helvetica, Tahoma, sans-serif;color:#4D4D4D;} ::-webkit-input-placeholder{font:13px/14px Arial, Helvetica, Tahoma, sans-serif;color:#A7A7A7;} :-moz-placeholder,::-moz-placeholder,input[type=number],textarea{font:13px/24px Arial, Helvetica, Tahoma, sans-serif;color:#A7A7A7;} :-ms-input-placeholder{font:13px/14px Arial, Helvetica, Tahoma, sans-serif;color:#A7A7A7;} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;} input[type='number']{-moz-appearance:textfield;} .ov{ overflow: hidden; } /* Headers */ h1,h2,h3,h4,h5,h6{font-weight:700;font-family:'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#606163;margin-bottom:10px;} h1{font-size:28px;line-height:34px;color:#36B692;} h2{font-size:26px;line-height:32px;color:#36B692;} h2.test{font-size:21px;line-height:27px;color:#707574;} h3{font-size:20px;line-height:24px;color:#65C1BC;margin-bottom:5px;} h4{font-size:19px;line-height:23px;color:#808182;} h5,h6{font-size:20px;line-height:26px;color:#808182;} /* links */ a{color:#5093FF;text-decoration:none;} a:hover,.contents a:hover{color:#505656;text-decoration:none;} /* Main blocks */ .FullColumn{width:1080px;margin:0px auto;} .content{width:730px;float:left;} .sidebar{width:320px;float:right;} /* Header */ #Header{width:100%;height:90px;padding:15px 0px;background:#F8F8F8;box-shadow:0px 2px 12px rgba(000,000,000, 0.2);margin-bottom:30px;position:relative;} #Header .logo{float:left;} /* Header menu */ .HeaderMenu{padding-top:10px;} .HeaderMenu li{float:left;position:relative;} .HeaderMenu a{font:700 14px/50px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;text-transform:uppercase;color:#6C7780;padding:0px 8px;} .HeaderMenu li:last-child>a{padding-right:0px;} .HeaderMenu a:hover,.HeaderMenu .active a{color:#65C1BC;} .toggle_menu{display:none;} .NavArrow{display:none;position:absolute;top:2px;right:0px;cursor:pointer;background:url(images/NavArrow.png)no-repeat center;height:24px;width:24px;margin:0px;} /* About hondroz home */ #AboutHondrozHome{width:360px;padding:15px;border:2px solid #F2F4F5;float:left;} #AboutHondrozHome img{width:52px;float:left;margin-right:15px;} #AboutHondrozHome li{/*border-bottom:1px solid #F2F4F5;padding-bottom:15px;*/margin-bottom:15px;position:relative;overflow:hidden;} #AboutHondrozHome li:last-child{border:none;padding:0px;margin-bottom:0px;} #AboutHondrozHome li a{font:17px/24px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;} /* Right block home */ #RightBlockHome{width:655px;padding:15px 0px;float:right;position:relative;overflow:hidden;} #RightBlockHome ul{-webkit-column-count:3;-moz-column-count:3;column-count:3;} #RightBlockHome li{height:32px;margin:0px 0px 20px 0px;display:flex;line-height:18px;position:relative;} #RightBlockHome li:nth-child(3n+3){margin-right:0px;} #RightBlockHome a{padding:0px 40px 0px 50px;font:16px/16px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#36B692;} #RightBlockHome a:hover{color:#505656;} #RightBlockHome .icon-1,#RightBlockHome .icon-2,#RightBlockHome .icon-3,#RightBlockHome .icon-4,#RightBlockHome .icon-5,#RightBlockHome .icon-6,#RightBlockHome .icon-7,#RightBlockHome .icon-8,#RightBlockHome .icon-9,#RightBlockHome .icon-10,#RightBlockHome .icon-11,#RightBlockHome .icon-12,#RightBlockHome .icon-13,#RightBlockHome .icon-14{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #RightBlockHome .icon-1{background:url(icon-nav/1.png)no-repeat left center;} #RightBlockHome .icon-1:hover{background:url(icon-nav/1_hover.png)no-repeat left center;} #RightBlockHome .icon-2{background:url(icon-nav/2.png)no-repeat left center;} #RightBlockHome .icon-2:hover{background:url(icon-nav/2_hover.png)no-repeat left center;} #RightBlockHome .icon-3{background:url(icon-nav/3.png)no-repeat left center;} #RightBlockHome .icon-3:hover{background:url(icon-nav/3_hover.png)no-repeat left center;} #RightBlockHome .icon-4{background:url(icon-nav/4.png)no-repeat left center;} #RightBlockHome .icon-4:hover{background:url(icon-nav/4_hover.png)no-repeat left center;} #RightBlockHome .icon-5{background:url(icon-nav/5.png)no-repeat left center;} #RightBlockHome .icon-5:hover{background:url(icon-nav/5_hover.png)no-repeat left center;} #RightBlockHome .icon-6{background:url(icon-nav/6.png)no-repeat left center;} #RightBlockHome .icon-6:hover{background:url(icon-nav/6_hover.png)no-repeat left center;} #RightBlockHome .icon-7{background:url(icon-nav/7.png)no-repeat left center;} #RightBlockHome .icon-7:hover{background:url(icon-nav/7_hover.png)no-repeat left center;} #RightBlockHome .icon-8{background:url(icon-nav/8.png)no-repeat left center;} #RightBlockHome .icon-8:hover{background:url(icon-nav/8_hover.png)no-repeat left center;} #RightBlockHome .icon-9{background:url(icon-nav/9.png)no-repeat left center;} #RightBlockHome .icon-9:hover{background:url(icon-nav/9_hover.png)no-repeat left center;} #RightBlockHome .icon-10{background:url(icon-nav/10.png)no-repeat left center;} #RightBlockHome .icon-10:hover{background:url(icon-nav/10_hover.png)no-repeat left center;} #RightBlockHome .icon-11{background:url(icon-nav/11.png)no-repeat left center;} #RightBlockHome .icon-11:hover{background:url(icon-nav/11_hover.png)no-repeat left center;} #RightBlockHome .icon-12{background:url(icon-nav/12.png)no-repeat left center;} #RightBlockHome .icon-12:hover{background:url(icon-nav/12_hover.png)no-repeat left center;} #RightBlockHome .icon-13{background:url(icon-nav/13.png)no-repeat left center;} #RightBlockHome .icon-13:hover{background:url(icon-nav/13_hover.png)no-repeat left center;} #RightBlockHome .icon-14{background:url(icon-nav/14.png)no-repeat left center;} #RightBlockHome .icon-14:hover{background:url(icon-nav/14_hover.png)no-repeat left center;} #RightBlockHome .icon-15{background:url(icon-nav/15.png)no-repeat left center;} #RightBlockHome .icon-15:hover{background:url(icon-nav/15_hover.png)no-repeat left center;} #RightBlockHome .icon-16{background:url(icon-nav/16.png)no-repeat left center;} #RightBlockHome .icon-16:hover{background:url(icon-nav/16_hover.png)no-repeat left center;} /* Home column text */ #HomeColumnText{width:100%;position:relative;overflow:hidden;} #HomeColumnText .LeftBlock{width:650px;float:left;position:relative;overflow:hidden;} #HomeColumnText .TextBlock{padding:15px;background:#F2F7F8;margin-bottom:30px;position:relative;overflow:hidden;} #HomeColumnText .HeadLink{float:left;font:700 22px/24px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;margin-bottom:15px;} #HomeColumnText .TextBlock ul{float:left;margin-left:15px;position:relative;overflow:hidden;} #HomeColumnText .TextBlock li{list-style:disc;margin:0px 15px 0px 12px;float:left;color:#96A1AD;font:15px/24px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;position:relative;} #HomeColumnText .TextBlock li:first-child{margin-left:18px;} /*#HomeColumnText li a{color:#2C8FC7;}*/ #HomeColumnText .RightBlock{width:400px;float:right;} #HomeColumnText .ImgBlock{width:100%;margin-bottom:15px;} /* Home new posts */ #HomeNewPosts{width:100%;padding:30px 0px;background:#F8F8F8;margin-bottom:30px;position:relative;overflow:hidden;} #HomeNewPosts .BlockContent{width:155px;float:left;margin:0px 30px 0px 0px;font:16px/20px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;} #HomeNewPosts .BlockContent:last-child{margin-right:0px;} #HomeNewPosts img{margin-bottom:10px;border-radius:3px;} .MainHeader{font:700 17px/30px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#606163;text-transform:uppercase;margin-bottom:15px;} .SideHeader{font:700 15px/20px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;text-transform:uppercase;margin-bottom:15px;} /* Posts */ .post{width:100%;} .intro{font-weight:700;padding-bottom:10px;border-bottom:1px solid #f2f4f5;margin-bottom:10px;} .postData{width:96%;height:18px;padding:10px 2%;background:#f7f7f7;border-bottom:1px solid #F0F0F0;margin:15px 0px;} .post ol{list-style:none;counter-reset:numList;margin-left:35px;margin-bottom:15px;} .post ol>li{width:97%;height:100%;position:relative;padding:10px 0;} .post ol>li:before{background:#F2F7F8;font:600 12px/2.3 Arial,Helvetica,Tahoma,sans-serif;color:#6C7780;border-radius:50%;counter-increment:numList;content:counter(numList);float:left;position:absolute;left:-35px;text-align:center;width:25px;height:25px;margin:0px;} .post ul>li{list-style-image:url(images/disc.png);margin:0px 0px 5px 20px;} .post em{font-style:italic;} .post img{outline:none;} .wp-caption{background:#fff;border:none;text-align:center;padding:0;} .wp-caption-text{width:100%;height:auto;margin:10px 0px;padding:0px;} blockquote{padding:20px 20px 20px 80px;margin:0px auto 20px auto;background:url(images/QuoteIcon.png)no-repeat 20px;border:2px solid #65C1BC;font:italic 20px/24px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;color:#4A4F52;} blockquote p{margin-bottom:0!important;} .post ul>li:last-child,.post p{margin-bottom:20px;} .post p:last-child,.post ol>li>ul{margin-top:10px;} .post p:last-child,.post ol>li>ul li:last-child{margin-bottom:0px;} .wp-caption{max-width:100%;} p.wp-caption-text{color:#505656;margin-bottom:30px!important;} .aligncenter{margin-left:auto;margin-right:auto;} img.alignright{float:right;margin:0 0 10px 15px;} img.alignleft{float:left;margin:0 15px 10px 0;} img.aligncenter{display:block;} .alignright{text-align:right;} .aligncenter{text-align:center;} #share42 a{border-radius:3px;} #share42 a:hover{opacity:0.8;} /* */ .share_post{ margin-top: 20px; } /* Contents in post */ .contentsinSingle{width:93.5%;height:auto;padding:20px 3% 10px 3%;background:#F8F8F8 url(images/contentsinSingle.png)repeat-x left top;margin:0px 0px 0px 0px;position:relative;overflow:hidden;} .contentsinSingle{-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-khtml-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;} .contentsinSingle .kc_title{font:17px/22px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;padding-bottom:15px;margin-bottom:15px;} .contentsinSingle .kc_title span#contentsBtn{font:600 11px/22px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-transform:uppercase;color:#6C7780;float:right;cursor:pointer;} .contentsinSingle .kc_title span#contentsBtn:hover{opacity:0.7;} .contents li.top{list-style:circle;color:#65C1BC;margin-left:15px!important;position:relative;margin:5px 0px;} .contents li.sub_1{list-style-image:url("images/contents_icon.png");margin:5px 0px 5px 40px;} .contents li.sub_2{list-style-image:url("images/contents_icon.png");margin:5px 0px 5px 65px;} .contents li:last-child{margin-bottom:0px!important;} .contents a{color:#5975A2;} /* Style block in post */ .quote_1{float:left;padding:25px;background:#FFF8E9;outline:2px dashed #FA7D7F;outline-offset:-8px;margin-bottom:20px;font:17px/21px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;} .quote_2{float:left;padding:25px;background:#F3FAFF;outline:2px dashed #65C1BC;outline-offset:-8px;margin-bottom:20px;font:17px/21px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#697075;text-shadow:0px 0px 1px #fff;} .quote_3{float:left;padding:25px 25px 25px 60px;background:#F3FAFF url(images/q_3.png)no-repeat 20px;outline:2px dashed #65C1BC;outline-offset:-8px;margin-bottom:20px;font:17px/21px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#697075;text-shadow:0px 0px 1px #fff;} .quote_4{float:left;padding:25px 25px 25px 80px;background:url(images/q_4.png)no-repeat 20px;border:2px dashed #36B692;margin-bottom:20px;font:17px/21px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#697075;text-shadow:0px 0px 1px #fff;} .r_1{padding:30px;background:#F2F7F8;margin-bottom:20px;position:relative;overflow:hidden;border:2px solid #65C1BC;} .r_1 strong{font:700 20px/28px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;display:block;margin-bottom:20px;} .r_1 li{list-style:none!important;} .r_1 li a{background:url(images/disc_r1.png)no-repeat left center;padding-left:18px;color:#FF5356;} .r_1 li a:hover{color:#505656;} .r_2{padding:30px;background:#F8F8F8;margin-bottom:20px;position:relative;overflow:hidden;border:2px solid #F2F4F5;} .r_2 strong{font:700 20px/28px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#36B692;display:block;margin-bottom:20px;} .r_2 li{list-style:none!important;} .r_2 li a{background:url(images/disc_r1.png)no-repeat left center;padding-left:18px;color:#FF5356;} .r_2 li a:hover{color:#505656;} .r_3{padding:15px;margin-bottom:20px;position:relative;overflow:hidden;font-weight:700;border:2px solid #F2F4F5;border-left:4px solid #DC6464;} /* Comments */ .CommentsBlock{width:100%;position:relative;overflow:hidden;margin-bottom:30px;} .comments-box{width:100%;position:relative;overflow:hidden;} #respond{background:#F2F4F5;position:relative;overflow:hidden;padding:30px;} #respond textarea{resize:none;} .comment-list{width:99%;} .comments-title,.no-comments,.comments-title-add{font:20px/33px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;margin-bottom:15px;} .cancel-comment-reply a{font-size:15px;} .commentator-login{font-size:15px;color:#6C7780;padding:10px 0px;} .req{font-size:13px;color:#919191;} .the-comment{background:#fff;border:2px solid #F2F4F5;margin-bottom:15px;position:relative;overflow:hidden;padding:20px;} .comment-author{font-size:18px;font-weight:700;text-transform:capitalize;color:#65C1BC;margin-bottom:10px;} .comment-author a{color:#65C1BC;text-decoration:none;} .comment-author span{font-size:13px;color:#959EA0;padding-left:20px;text-transform:none;} .comment-text{font-size:16px;position:relative;overflow:hidden;} .comment-text p{margin-bottom:20px;} .comment-text p:last-child{margin-bottom:0px;} .comment-link{float:right;margin-bottom:5px;} .comment-link a{background:#F1F1F1;border-bottom:1px solid #DEDEDE;font-size:13px;margin-left:10px;color:#616160;text-shadow:0px 0px 1px #fff;border-radius:3px;text-decoration:none;padding:5px 10px;} .comment-link a:hover{opacity:0.7;} ol.comment-list{list-style:none;margin-bottom:20px;} li.comment-list{list-style:none;} .CommentsBlock .children{margin:0px 0px 0px 40px;} #comments .input{width:48%;position:relative;overflow:hidden;margin-bottom:10px;} #comments .input input{width:92%;background:#fff;border:1px solid #E1E5E5;font-size:15px;color:#606060;padding:8px 10px;} #comments .textarea{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:10px;} #comments .textarea textarea{width:96%;background:#fff;border:1px solid #E1E5E5;font-size:15px;color:#606060;padding:20px 1.5%;} #comments .input input:focus,#comments .textarea textarea:focus{border:1px solid #53B1F3;} #comments input::-webkit-input-placeholder{font-size:13px;color:#9EA2A6;} #comments input:placeholder,input::-moz-placeholder,input[type=number],input[type="text"]::-moz-placeholder,textarea{font-size:13px;color:#9EA2A6;} #comments input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;} #comments input::-moz-placeholder{font-size:13px;color:#9EA2A6;} /* Page navigator */ .navigation{clear:both;height:40px;padding-top:20px;margin-bottom:40px;} .navigation a,.navigation span{background:#65C1BC;border-radius:3px;text-decoration:none;color:#fff;margin:1px;padding:6px 14px;} .navigation a:hover,.navigation span.current{background:#36B692;color:#fff;text-decoration:none;} .navigation span.current{font-weight:bold;} /* Search */ .search{height:40px;background:#fff;border:2px solid #F2F4F5;margin:0px 0px 15px 0px;} .searchform{height:40px;padding:0;overflow:hidden;} .searchform .s{background:transparent;border:none;padding:0px 15px 0px 15px;float:left;font:13px/40px Tahoma, Verdana, Geneva, sans-serif;color:#9EA2A6;width:76%;} .searchform .s:focus{outline:none;color:#6C7780;} input.searchBtn{width:40px;height:40px;background:url(images/search.png)no-repeat center;cursor:pointer;float:right;margin:0px;border:none;outline:none;} input.searchBtn:focus{border:none;outline:none;} .search input::-webkit-input-placeholder{font:13px/40px Arial, helvetica, Tahoma, sans-serif;color:#9EA2A6;} .search input:placeholder,input::-moz-placeholder,input[type=number],input[type="text"]::-moz-placeholder,textarea{font:13px/40px Arial, Helvetica, Tahoma, sans-serif;color:#9EA2A6;} .search input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;} .search input::-moz-placeholder{font:13px/40px Arial, Helvetica, Tahoma, sans-serif;color:#9EA2A6;} /* Crumbs */ .breadcrumbs{font:13px/26px Arial, Helvetica, Tahoma, sans-serif;color:#A2A9A5;text-decoration:none;margin-bottom:20px;} .breadcrumbs li{display:inline-block;} .breadcrumbs a{font:13px/26px Arial, Helvetica, Tahoma, sans-serif;color:#6F7471;text-decoration:none;} .breadcrumbs .category{background:transparent;padding:0px;} /* Sidebar */ .SideArea{margin-bottom:30px;position:relative;overflow:hidden;} .SideBlock,.SideArea li{font:15px/20px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;padding:0px 0px 10px 0px;margin:0px 0px 10px 0px;border-bottom:1px solid #F1F1F1;position:relative;overflow:hidden;} .SideBlock:last-child,.SideArea li:last-child{border:none;padding:0px;margin-bottom:0;} .SideArea ul{list-style:none;margin:0;padding:0;} .SideArea ul li ul{font:15px/20px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;font-size:90%;} .SideArea a{font:15px/20px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#293035;} .SideArea a:hover{color:#65C1BC;} .SideArea img{float:left;margin-right:15px;} /* Side menu */ #SideMenu{padding:15px 15px 10px 15px;border:2px solid #F2F4F5;margin-bottom:30px;position:relative;overflow:hidden;z-index:9999;} #SideMenu .SideMenuHeader{list-style:none;margin:5px 0px 0px 0px;color:#55595D;font:18px/32px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;} #SideMenu .SideMenuHeader>a{color:#55595D;} #SideMenu li{list-style:circle;color:#748F9C;margin-left:40px;font:16px/28px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;position:relative;} #SideMenu a{color:#4885A2;} #SideMenu a:hover,#SideMenu .active>a{color:#65C1BC;} /* Side test */ .SideTest{padding:15px;background:#65C1BC;position:relative;overflow:hidden;} .SideTest img{max-width:120px;border-radius:50%;} .SideTest .TestTitle a{font:700 21px/24px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif!important;color:#fff;} .SideTest .TestTitle a:hover{opacity:0.8;} /* Blocks */ .po{position:relative;overflow:hidden;} .effect{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .effect:hover{opacity:0.7;} /* Contacts form */ #contactsForm{width:100%;position:relative;overflow:hidden;margin-bottom:20px;} #contactsForm .MainSubmit{color:#fff;} #contactsForm input,#contactsForm textarea{font:13px/22px Arial, Helvetica, Tahoma, sans-serif;color:#2B2A29;margin-bottom:20px;} #contactsForm input::-webkit-input-placeholder{font:13px/24px Arial, Helvetica, Tahoma, sans-serif;color:#A7A7A7;} /* Bottom text info */ #BottomTextInfo{width:100%;padding:15px 0px;margin-top:30px;background:#36B692;font:16px/18px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color:#fff;position:relative;overflow:hidden;} /* Footer */ #footer{width:100%;padding:30px 0px;background:#F1F1F1;position:relative;overflow:hidden;} #footer .logo{float:left;} #footer .copyright{width:300px;float:left;margin:0px 30px;font-size:13px;color:#6C7780;} #footer .menu{width:340px;float:left;} #footer .menu li{width:50%;float:left;position:relative;font:14px/24px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;} .counters{opacity:0;float:right;} .counters:hover{opacity:1;} /* Scroll to top */ #toTop{width:42px;height:42px;text-align:center;position:fixed;bottom:40px;right:20px;cursor:pointer;text-decoration:none;} #toTop:hover{opacity:0.7;} /* */ .user-submit{background:#65C1BC;border:1px solid #58A9A5!important;border-bottom:2px solid #58A9A5!important;height:36px;padding:0px 20px;border:none;border-radius:2px;font:13px/40px Arial, Helvetica, Tahoma, sans-serif;color:#fff;cursor:pointer;} .user-submit:focus{border:none;outline:none;} .MainSubmit,.wpcf7-submit{background:#65C1BC url(images/MainSubmit.png)no-repeat 10px;border:none!important;height:40px;padding:0px 20px 0px 40px;border:none;border-radius:2px;font:13px/40px Arial, Helvetica, Tahoma, sans-serif;color:#fff;cursor:pointer;} .MainSubmit:focus,.wpcf7-submit:focus{border:none;outline:none;} .user-submit:hover,.MainSubmit:hover,.wpcf7-submit:hover{opacity:0.8;} input:focus,.saleForm textarea:focus{outline:1px solid #3AE2D7;outline-offset:-1px;} /* Table */ .tc{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 20px;} table{max-width:730px;width:100%;margin:20px 0px;border-collapse:collapse;font-size:15px;} @media (max-width: 400px) and (min-width: 250px) {table{font-size:12px;}} table tr td{background:#F7F7F7;} table tr th{background:#48BCB4;color:#fff;} table th, table td{padding:10px;line-height:19px;} @media (max-width: 400px) and (min-width: 250px) {table th, table td{padding:10px 1px 10px 1px;}} table tbody tr:nth-child(even) td{background:#fff;} table tr:first-child td{background:#48BCB4;font-size:17px;font-weight:700;color:#fff;} @media (max-width: 400px) and (min-width: 250px) {table tr:first-child td{background:#48BCB4;font-size:12px;font-weight:300;color:#fff;}} /* Input, select, textarea */ input[type=text],input[type=password],input[type=email],textarea,select{resize:none;border:1px solid #E1E5E5;border-radius:2px;outline:none;color:#656565;width:80%;max-width:100%;display:block;background:#fff;margin:0px;padding:10px 15px;} input:focus,textarea:focus{outline:1px solid #00A0E3;outline-offset:-2px;} select{border:1px solid #E1E5E5;border-radius:2px;outline:none;color:#656565;width:80%;max-width:100%;display:block;background:#fff;margin:0px;padding:10px 15px;} textarea{min-height:80px;} label,legend{font:13px/20px Arial, Helvetica, Tahoma, sans-serif;color:#6C7780;margin-bottom:5px;} input[type=checkbox]{display:inline;} /* */ form#formOne,form#formTwo,form#formThree,form#formFour,form#formFive,form#formSix,form#formSeven{padding:20px;background:#F6F7F9;border:1px solid #D2EBEE;position:relative;overflow:hidden;margin-bottom:20px;} .line{display:block;margin-bottom:10px;} .outTextResult{background:#f7f7f7;font:600 17px/24px Arial, Helvetica, Tahoma, sans-serif;padding:20px;border:1px solid #EAE9E8;border-bottom:2px solid #EAE9E8;margin:40px 0px;display:none;} img {max-width:100%;height:auto;width:auto\9; /* ie8 */} embed,object,iframe{max-width:100%;display:block;margin:20px auto;border:none;outline:none;} /* related_posts */ .related_posts{ background: #fbfbfb; border: 2px solid #65C1BC; padding-top: 4px; margin-bottom: 25px; } .related_posts em{ background: #65C1BC; padding: 5px 12px; color: #fff; font-weight: bold; font-family: 'PT Sans', Arial, Helvetica, Tahoma, sans-serif; font-style: normal; } .related_posts li{ list-style-image:none!important; position: relative; font-size: 18px; margin-bottom: 10px!important; } .related_posts li:before{ content: ""; position: absolute; top: 9px; left: -12px; display: block; width: 0; height: 0; border-top: 3px solid transparent; border-left: 5px solid #2a2e39 !important; border-bottom: 3px solid transparent; } /* rating_in_post */ .rating_title{ font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 20px; position: relative; } .rating_title:before{ content: ''; position: absolute; left: -4px; top: -14px; width: 48px; height: 48px; background: #dc5d34 url(images/star.png) no-repeat center; background-size: 16px; border: 4px solid #fff; border-radius: 50%; } .rating_title span{ background: #65C1BC; padding: 6px 10px 6px 24px; margin-left: 35px; border-radius: 0 3px 3px 0; } @media (max-width: 575px) { .rating_title span {display: block;} } .rating_body li{ background: #F4F8F9; margin: 0 0 10px 0!important; padding: 10px 15px 10px 35px; font-size: 17px; position: relative; } .rating_body li:before{ content: ''; position: absolute; left: 15px; top: calc(50% - 4px); width: 8px; height: 8px; background: #dc5d34; border-radius: 50%; } .kama-inline-ads { margin-bottom: 25px; margin-top: -50px; text-align: center; } .adv-podval { padding-bottom: 40px; text-align: center; margin-top: -20px; } @media (min-width: 1281px) and (max-width: 5000px) { #SideMenu{display:block!important;} } @media (min-width: 300px) and (max-width: 479px) { *{border:none;outline:none;} .FullColumn{width:92%;} .content,.sidebar{width:100%;margin-bottom:30px;} #Header{height:auto;overflow:hidden;} .HeaderMenu{width:100%;margin-top:15px;} .HeaderMenu a{font:700 14px/30px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;padding:0px 30px 0px 0px;} button.toggle_menu{background:url(images/menu.png)no-repeat center;cursor:pointer;z-index:9;margin:12px 0px;padding:0px!important;width:24px;height:24px;display:block;position:relative;float:right;overflow:hidden;border:none!important;outline:none!important;} #SideMenu{display:none;position:absolute;top:2px;right:2px;background:#fff;border:none;box-shadow:-4px 4px 38px #C1C1C1;} .NavArrow{display:block;} #SideMenu li>ul{display:none;} #AboutHondrozHome{width:auto;float:none;margin-bottom:30px;} #RightBlockHome{width:100%;float:none;} #RightBlockHome ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;} #RightBlockHome a{padding:0px 15px 0px 42px;} #HomeColumnText .LeftBlock{width:100%;float:none;} #HomeColumnText .RightBlock{width:100%;float:none;margin-bottom:30px;} #HomeColumnText .HeadLink{float:none;} #HomeColumnText .TextBlock ul{float:none;margin:0px 0px 15px 0px;} #HomeColumnText .TextBlock li:first-child{margin-left:20px;} #HomeColumnText .TextBlock li{margin:0px 10px 0px 15px;font-size:85%;line-height:90%;} #HomeNewPosts{padding-bottom:0px;} #HomeNewPosts .BlockContent{width:48%;height:200px;margin:0px 4% 30px 0px;} #HomeNewPosts .BlockContent:nth-child(3){margin-right:0px;} #HomeNewPosts .BlockContent:nth-child(5){margin-right:0px;} .searchform .s{width:72%;} #footer .copyright{width:100%;float:left;margin:30px 0px;} #footer .menu{width:60%;float:left;} #footer .menu li{width:auto;margin:0px;float:none;line-height:28px;} #footer .counters{float:right;} .r_1,.r_2{padding:15px;} .r_1 img,.r_2 img{width:50px;float:none;margin:0px 15px 0px 0px;} .r_1 li,.r_2 li{margin-left:0px!important;} #respond{padding:15px;} #comments .input{width:46%;} #comments .input input{width:82%;} #toTop {right: -150px;} #RightBlockHome li,#RightBlockHome a{display:block;} } .down-row{width:100%;text-align:center;float:left;margin:0 auto;display:block;} .menu-right{float:right;display:block;padding:10px 10px 0 0;} .menu-right a {padding: 0px 0px 0px 50px;font:18px/16px 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;color: #36B692;} .menu-right a:hover {color: #505656;} .top-advert-1:before {content: url(icon-nav/1.png);position: absolute;margin: -5px 0 0 -35px;} .top-advert-2:before {content: url(icon-nav/2.png);position: absolute;margin: -5px 0 0 -35px;} @media (min-width: 300px) and (max-width: 617px) { .menu-right{float:left;display:block;padding:20px 10px 0 0;}} @media (min-width: 320px) and (max-width:550px) { .menu-right a {padding-left:42px;} .menu-right a:first-child {padding-left:25px;}} @media (min-width: 300px) and (max-width:319px) { .top-advert-1:before {content: "";} .top-advert-2:before {content: "";} .menu-right a {padding-left:20px;} .menu-right a:first-child {padding-left:0;}} .header-in-article {font-size: 22px;border-bottom: 2px solid #36B692;margin-bottom:15px;margin-top:10px;} .top-advert {font-size:22px;color:#36B692;margin-bottom:5px;} .description-advert {font-size:18px;margin:10px 0;} #profi-container-1 {margin-left: 56px;} @media (min-width: 999px) and (max-width:1280px) {#profi-container-1 {margin-left: 25px;}} @media (max-width:999px) {.sidebar [id^="yandex_rtb_"],#cb_widget-2{display: none;}} /* Advert */ #direct1 { border-left: solid 5px blue; padding-left: 15px; margin-left: 0; overflow: hidden; margin-bottom: 10px; line-height: 1.6em; } .rtiz { clear: both; } #direct1 .rtiz_one { display: block; margin-bottom: 10px; vertical-align: top; clear: both; overflow: hidden; } .rtiz_one { clear: both; cursor: pointer; } .rtiz_one:hover{ background:#efefef; text-decoration: none !important; } #direct1 .atitle { margin: 0; padding: 0; font-size: 25px; color: #0053f9; display: block; text-decoration: underline !important; } #direct1 .atitle:hover { color: #DD0000 !important; } #direct1 span { display: block; margin-left: 100px; } #direct1 .atext { display: block; color: #444444; font-size: 18px; margin-left: 0px; text-decoration: none !important; } #direct1 a:hover { text-decoration:none; } #direct1 .aurl { display: block; margin-left: 0; font-size: 14px; margin-right: 10px; color: red !important; text-decoration: underline !important; } #direct1 .asite { display: block; color: green !important; text-decoration: none !important; margin-left: 0; } #direct1 .asite:hover { text-decoration: underline !important; } #direct1 img { max-width: 90px; float: left; margin-right: 10px; height: auto; } #direct1 .aurl span { display: inline-block; margin-left: 0; font-size: 14px; margin-right: 10px; color: #660099 !important; text-decoration: underline !important; } #direct1 .aurl span:hover { color: #DD0000 !important; } .tizer-small img { margin-top: 2px; margin-left: 2px; } /*.custom-block::after { content:''; display: block; clear: both; }*/ /*.custom-block[rel='131'] { height: 200px; }*/ .tizer-small.small { margin-right: 50px !important; margin-bottom: 0 !important; } .tizer-small a{ display: block; } .tizer-small a::after { content: ''; display: block; clear: both; } blockquote { overflow: hidden; } #ad-detect{ display: none; } .sidebar-wrap{ height: 100%; position: relative; } .widget-fix.fix,.widget-fix .fix{ position: fixed!important; bottom: 0; } .widget-abs.fix,.widget-abs .fix{ position: absolute; bottom: 0; left: 0; width:auto!important; } .slidebox-spec-cb{ width: 0 !important; padding: 0 !important; } #content_rb_12460 .displayBlock{ opacity: 1 !important; } #content_rb_12460 div.left{ left: 0; } #content_rb_12460 div.bottom{ bottom: 0; top: auto !important; }