/* reset */html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}/* end reset */ /* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:bottom}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:inherit}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;display:block;overflow-x:auto;white-space:nowrap;border-spacing:0}td,th{padding:0}/* end normalize */ body { color: #362E48; background: #FFF; font: 16px/1.5 'Montserrat', 'Helvetica Neue', sans-serif; } a { text-decoration: none; color: #0089f5; } a:hover { text-decoration: underline; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .alignleft { float: left; } img.alignleft, .wp-caption.alignleft { margin: 5px 25px 15px 0; } .alignright { float: right; } img.alignright, .wp-caption.alignright { margin: 5px 0 15px 25px; } .container { overflow: hidden; min-width: 320px; padding: 0 10px; } .wrapper { max-width: 1300px; margin: 0 auto; } .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } /*.grid__item-1-2 width "calc(50% - %s)" % (gap) margin 0 (gap / 2)*/ /*.grid__item-2-3 width "calc(66.66666% - %s)" % (gap) margin 0 (gap / 2)*/ /*.grid__item-1-3 width "calc(33.33333% - %s)" % (gap) margin 0 (gap / 2)*/ /* Header -----------------------------------------------------------------------------*/ .header { position: relative; height: 75px; } .header__menu {display: none;} .header:before { content: ''; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; height: 75px; margin: 0 calc(50% - 50vw); } .header__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 75px; margin: 0 -15px; } .header__logo { left: 100px;position: absolute; } .header__logo:hover { text-decoration: none; } .header__logo-image { position: absolute; top: 50%; left: -30px; width: 189px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header__logo-image img { max-width: 189px; height: auto; } .header__logo-title { margin: 0px 0 0px 20px; white-space: nowrap; text-transform: uppercase; color: #362E48; font-size: 24px; font-weight: bold; } .header__logo-title span { display: inline-block; margin: 0 0 0 4px; vertical-align: 5px; color: #F74E6E; font-size: 16px; } .header__logo-desc { max-width: 210px; color: #5E3F66; font-size: 11px; font-weight: 300; margin: 2px 0 5px 22px;} .header__popular { position: relative; width: 26%; margin: 0 15px; padding: 0 0 0 40px; } .header__popular-headline { position: absolute; top: 50%; left: -35px; padding: 0 0 5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top center; transform-origin: top center; color: #F74E6E; border-bottom: 1px solid; font-size: 10px; } .header__popular-title { font-size: 16px; font-weight: 500; } .header__popular-title a { color: #362E48; } .header__popular-title a:hover { color: #4471BB; } .search { position: absolute; right: 0; bottom: 15px; margin: 0; border-color: #FFF; background: #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 330px; height: 45px; border: 1px solid #E6EBF2; border-radius: 10px; font-weight: 600; } .search__input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: calc(100% - 51px); padding: 0 0 0 20px; text-overflow: ellipsis; border: none; background: none; } .search__input::-webkit-input-placeholder { color: rgba(94,87,108,.3); } .search__input:-ms-input-placeholder { color: rgba(94,87,108,.3); } .search__button { width: 51px; border: none; background: url('data:image/gif;base64,R0lGODlhCwALAIABAPdObv///yH5BAEAAAEALAAAAAALAAsAAAIYTIBge6z7XjNKzmalpa6zk4Cfg4xQaYIFADs=') no-repeat 50%; } /*.header__menu-toggle { display: none; }*/ .header__menu-toggle { position: absolute; bottom: 25px; left: 0; display: block; width: 26px; height: 26px; border: none; background: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M460.8,0H51.2C22.924,0,0,22.924,0,51.2s22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2S489.076,0,460.8,0zm0,204.8H51.2C22.924,204.8,0,227.724,0,256c0,28.276,22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2zm0,204.8H51.2C22.924,409.6,0,432.524,0,460.8,0,489.076,22.924,512,51.2,512h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2z\' fill=\'%23362E48\'/%3E%3C/svg%3E') no-repeat 50%; } .header__nav-1 { position: absolute; top: 0; right: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; width: 200px; height: 54px; font-size: 11px; } .header__nav-1 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -3px -10px; } .header__nav-1 li { margin: 3px 10px; list-style: none; } .header__nav-1 a { display: block; } .header__nav-2 { display: none; /*position: absolute; z-index: 20; right: -25px; bottom: 0; left: -25px; height: 70px; white-space: nowrap; font-size: 16px; font-weight: 600;*/ } .header__nav-2 li { position: relative; list-style: none; } .header__nav-2 li:hover > ul { display: block; } .header__nav-2 a { position: relative; display: block; color: #362E48; } .header__nav-2 a:hover { text-decoration: none; } .header__nav-2 > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__nav-2 > ul > li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; height: 70px; padding: 0 25px; line-height: 70px; } .header__nav-2 > ul > li > a:not(:last-child) .header__nav-2-link { position: relative; } .header__nav-2 > ul > li > a:not(:last-child) .header__nav-2-link:after { content: ''; position: absolute; bottom: 13px; left: 50%; width: 11px; height: 5px; margin-left: -5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpiNNPzYAACaSB+yoAbgOWZgAQXEAcDcTgQ86Mp4oeKg+S5mKXFVX4DGWeBWBCIA4GYGYifA7E1lH8diNcB8U+QYpAJ/4D4IRBfBWJDIPYDYpAhK4H4JlSegQXN2g9AvAKIQSbcQXc4QIABAPLmFFCOrNupAAAAAElFTkSuQmCC'); } .header__nav-2 > ul > li:hover > a { background: #C8DCF9; } .header__nav-2 .sub-menu { position: absolute; top: 100%; left: 0; display: none; min-width: 100%; border-radius: 0 0 7px 7px; background: #C8DCF9; font-size: 14px; font-weight: 500; } .header__nav-2 .sub-menu li { border-top: 1px solid rgba(255,255,255,.07); } .header__nav-2 .sub-menu a { padding: 11px 25px; } .header__nav-2 .sub-menu a:hover { background: rgba(255,255,255,.2); } .header__nav-2-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin: 0 12px 0 0; padding: 0 0 1px; } .soc__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 -8px; } .soc__item { margin: 0 8px; list-style: none; } .soc__link { display: block; width: 14px; height: 14px; text-indent: -9999px; opacity: .7; } .soc__link:hover { opacity: 1; } .soc__vk { width: 18px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNqsk88rBVEUx2fm4slDNGyoF0qywCt6slPKH+hPkSyspOyUBXnFggUJ5Ud+NnnG59T31elmo+bUZ2buufee8z3n3knLskyqsBRWoKbvO7iADDZhDgIUsA+n2jcAC1pn+4oeHmuQa4Ft2IJ3OINVLTSbdoGWYcMJerOIh87RB4tg9V7Ds5sr9Lbkzaiyg0xZnpyzBb3wI7rWcWpy57+Eo0yZvKoRlWsl9UeBhmDd+T5g2xIGOe5hHuoaN2AKxl2PLMESDGts5e/CVaKum33DnssU1Nw0UupLskAPfkPXHqVo8h9Xp6Hr8hWiSZM54+R7e4VjmHBK61LejgPZKZ2rN3k014Ydyw6zzj8IY+GPzHaKJ/Cie2W9+NQ1uYUb9XRUay1wJ63qX8uSiuxXgAEA/QxEfsXIfrIAAAAASUVORK5CYII='); } .soc__ok { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNqEksFLAkEUxndWUfEioqToYf+AQIQOgbfwEkE38WB0Kfofo7xJgZeQDtHVrnqwECxoXX9P3mF5O9nCt9/Mm+97b+bNuCiKboMgqAfZLwcc+PWsrfL8GqDgWfwEW1D1JRVjbIJxkiQP8FTnXefchUke5z3ZXtR0AorgmUQVzGdpUcaIaA6FCC91/gp9WF3oqdiSs2F4BBPGa9C0okxFKvUwLGSLUhAcE+v/Z8STjBEeMR6qcU3snth5Wp8xggXCJ22M3OM3aOvV/HlGacoIPgU/auoQu7N3HXq6+g7N9DVJo970ig53lezSlCJ8Ba4Z17S7W9ucnPEOMEi8rIluoI0psn9yS/MeS8qb1K7Kqbl8XzsBBgCazFRhoxkDGgAAAABJRU5ErkJggg=='); } .soc__fb { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOlJREFUeNqMkkELAUEUx2e2XdYikhyoLScXJ+WuJL6C8tF8B2eknNzcXJTTHuTiRFKL9X/1Vu9ghn/9dmaa92/ee/t0GIZtpVQf+Oo/3cHKxWcIiup/5cCAjJ4lKAE7cAIv0AUV4Lp8adIyiqJNekBZTTYmrsV0A1s2dLA0QD29tBmf4AGT5ubl5aXJeAZHUcYBlEANBDbjArXtxXnGKY+xtGjvGIwFBPmiKVlAL5V/pTqi1iN4yrVOQFUOicnopbWwAv7xH1Gq2tLVRAyClCZjbDA6hj0pplTnoPdlyC9ifwUZMeTrtwADAEuyKsKBVWSeAAAAAElFTkSuQmCC'); } .soc__gp { width: 23px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNqU1N0rREEYx/GzrFi0WMQFu7HrNZFS/gX8A5R78We5dCHKvQvJlQu0ivWyRUlLavOysVjf0W9rnMZxTH0658w58/TMMzMn4v1sMYxjGAnU4RUFZHGMTy9ki1j3acyhPeD7G6yhGCZ4VNcMFqznHC7xghYMoldB3wISrdHMKtWOZizr+oxNnDkG9iMfUJZWLOIQu9XMpxTYDNrAuWOgyeTijyp8oBONdlmGdJ93BB5Fzy/BbnGEEaTQoP4+zKBsgsfVeeUIYIKPBSyuCZ7EtNXfLaWob8e4AsR95elAE97Vt40dtGEJ++r7LktRdUo6gu+J3VYU/EHPZYnp2axdydPWyVm1Sv+xaGbxu3R/4ntndto6DqodtbjXqaxX8IKVld0mMasx15p6xbdbzNgn/wkdwLzKZAacOg5RSt8+YlVJhT7+GR3/RMD3JuMtZfivf4unhZ3Q3k9oJubHdaefVlbTD9W+BBgAdcFRsqDdexEAAAAASUVORK5CYII='); } .header__soc { position: absolute; top: 40px; right: 0; } /* Middle -----------------------------------------------------------------------------*/ .middle { padding: 25px 0; } .middle:after { content: ''; display: table; clear: both; } .middle .middle { padding: 0; } .is-single .middle { max-width: 920px; margin: 0 auto; } .content { float: left; width: 100%; padding: 0 calc(25% + 30px) 0 0; } .breadcrumbs { margin: -1px 0 32px; color: #F74E6E; font-size: 10px; } .is-single .breadcrumbs { text-align: center; } .breadcrumbs a { color: #0089f5; } .breadcrumbs .home { padding: 0 0 0 20px; background: url('data:image/gif;base64,R0lGODlhCwAJAIABAPdObv///yH5BAEAAAEALAAAAAALAAkAAAIWjA2nCLnRYDxTUnetdJFDBH7eljRRAQA7') no-repeat 0 1px; } .breadcrumbs .sep { position: relative; display: inline-block; width: 3px; height: 5px; margin: 3px 8px 0 9px; vertical-align: top; text-indent: -9999px; border-left: 1px solid #F74E6E; } .breadcrumbs .sep:before, .breadcrumbs .sep:after { content: ''; position: absolute; width: 1px; background: #F74E6E; } .breadcrumbs .sep:before { top: 1px; bottom: 1px; left: 0; } .breadcrumbs .sep:after { top: 2px; bottom: 2px; left: 1px; } .headline { margin: 0 0 35px; text-transform: uppercase; font-size: 20px; font-weight: 600; } .items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -17px 0 -18px; } .content > .items:last-child { margin-bottom: -40px; } .item { position: relative; overflow: hidden; width: calc(33.33333% - 35px); margin: 0 17px 40px 18px; } .item__image { overflow: hidden; border-radius: 10px; background: rgba(0,0,0,.05); } .item__image img { display: block; width: 100%; height: auto; } .item__cat { position: relative; z-index: 1; margin: 0 0 -30px; padding: 29px 0 22px; font-size: 10px; font-weight: 500; } .item__cat a { color: #F74E6E; } .item__title { margin: 27px 0 0; font-size: 16px; font-weight: 500; } .item__link { display: block; color: #362E48; } .item__link:hover { color: #4471BB; } .item__link:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1000px; } .item__more { display: inline-block; height: 26px; margin: 20px 0 0; padding: 0 13px; -webkit-transition: .1s; transition: .1s; border: 1px solid #7C9BCF; border-radius: 10px; font-size: 11px; line-height: 22px; } .item__more:hover { text-decoration: none; color: #FFF; background: #7C9BCF; } .item:hover .item__more { text-decoration: none; color: #FFF; background: #7C9BCF; } .item-goods { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .item-goods:not(:last-child) { margin-bottom: 50px; } .item-goods__image { position: relative; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 130px; height: 100px; margin: 0 20px 0 0; border: 1px solid #DBECF5; border-radius: 10px; } .item-goods__image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: calc(100% - 18px); height: auto; max-height: calc(100% - 18px); margin: auto; } .item-goods__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px 5px; } .item-goods__rating { margin: 0 10px 7px; } .item-goods__reviews { margin: 1px 10px 7px; color: #F74E6E; font-size: 10px; font-weight: 500; } .item-goods__title { font-weight: 500; } .item-goods__link { color: #362E48; } .item-goods__link:hover { color: #4471BB; } .item-goods__link:before { content: ''; position: absolute; top: 0; left: 0; width: 130px; height: 100px; } .item-goods__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12px -10px -5px; } .item-goods__info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 10px 5px; opacity: .5; font-size: 11px; } .item-goods__likes { margin: 0 10px 5px; padding: 0 0 0 28px; color: #4471BB; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbNJREFUeNqc1D0sA2EYB/C71yEhLVqTr7CISQwWxELPwGAzEhIJMVBCQkgMFgMJJpPBJrEYELUgITESYWjRAfG1SA1Ky/+R/0nTqKt7k1/6cXf/e/q8z1X3+QOazWqAVciFXthIPBiY9/28V5r9moA3uIJZKEt1YjphpTADbayu1WlYNuj0DCdQ5TSsBPIZpshwGtbOQOlXAVTCZaqTjT+CmmEcjuAYatn8D6i2fr45vBvHawi7+iphWWCCB+IMqoARuIdOiEIHZMIcdzeDge+wh1C/wbuPcqcS1yb4Ich2HMIDf43VHqnSC32wKAeG4Ibz9AiDUMfXIC+Sitd+64UMLaqqwdsWxdK3YB324ZylR9OYQQlq4rjsKM6PN2lTdPYknSVVueBWwp6gSHO+FuAMuhX75YYcB0EubqDM37aE3fFLj4MweTq6eP2Y4iy5OeH/WYrzFrJmzmBYHu9irRhEbMIK+T8nY7QMYcVBlH4V86QIg+ttwmQKylnMNObtRSoL8+Ak79LIsBU44AYl/yHE+J205pqfv2fqFJagB/rhAgb4oJt8dj9TVCfXTnG8tC8BBgBNrmCHywwqpAAAAABJRU5ErkJggg==') no-repeat 0 4px; font-size: 24px; font-weight: 600; } .item-small { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .item-small:not(:last-child) { margin-bottom: 37px; } .item-small__image { overflow: hidden; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100px; margin: 0 0 0 30px; border-radius: 10px; background: rgba(0,0,0,.05); } .item-small__image img { display: block; width: 100%; height: auto; } .item-small__inner { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .item-small__title { margin: -4px 0 0; font-size: 16px; font-weight: 500; } .item-small__text { margin: 14px 0 0; font-size: 12px; } .item-small__link { color: #362E48; } .item-small__link:hover { color: #4471BB; } .item-small__link:before { content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px; } .item-small__more { margin: 17px 0 0; } .popular { width: 63%; margin: 0 30px 50px 0; } .popular__inner { padding: 40px 40px 0; border-radius: 10px; background: #FAF9FB; } .popular-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; } .popular-item:nth-child(n+2) { display: none; } .popular-item.slick-slide { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .popular-item__image { overflow: hidden; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 37.2%; margin: 0 30px 0 0; border-radius: 10px; background: rgba(0,0,0,.05); } .popular-item__image img { display: block; width: 100%; height: auto; } .popular-item__title { margin: 0 0 22px; font-size: 18px; font-weight: 500; } .popular-item__link { color: #362E48; } .popular-item__link:hover { color: #4471BB; } .popular-item__link:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 37.2%; } .popular-item__text { font-size: 13px; } .popular-item__meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 28px 0 -5px; font-size: 11px; } .popular-item__cat { margin: 0 30px 5px 0; } .popular-item__rating { margin: 0 30px 5px auto; } .popular-item__views { margin: 0 0 5px; padding: 0 0 0 22px; color: rgba(54,46,72,.7); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNpUzzkLwkAQhmHXE5JOJGghGvAAG7G1EPzrViJi7YV4gYKgFkEL8XgHvkAMPMluJjP7xaX+rwB11JDTuzd22OIcf+j09NBDG1ksMde6gZYGrDBDlOFWxBAh0lhgqv0eaw22NCVUcLHGPqqJuBP4GKCpeDelidP51hhpmqfCS1ELeGKjqGXV7xhb4wMH5BU70Noin9BBV00We4SrS0R0yh8mon/130edbIM+VvgJMADL9CVRDw0qJQAAAABJRU5ErkJggg==') no-repeat 0 50%; } .popular__thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 40px -40px 0; padding: 40px 30px; border-top: 1px solid #E9F0F7; } .popular-thumb { width: calc(25% - 20px); margin: 0 10px; cursor: pointer; } .popular-thumb:nth-child(n+5) { display: none; } .popular-thumb__image { position: relative; overflow: hidden; margin: 0 0 18px; border-radius: 10px; background: linear-gradient(1deg, rgb(255 219 92) 0%, rgb(255 245 209) 50%, rgb(254 220 99) 100%); } .popular-thumb__image img { display: block; width: 100%; height: auto; } .popular-thumb__title { font-size: 13px; } .popular-thumb.slick-current .popular-thumb__image:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(54,46,72,.8) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPtJREFUeNpi/O6Xx0AB4IDSP8g1gIkCyyWAeDsUS9DbAY5AfB6IHaD4PFSM5g5gBuJaIN6N5msJqFgdVA1NHACzpAnJkhdQDHNcIxbHUcUBjliCeT8QG0LxfgJqyXYAtiD/B8TNQOyKFAKuULG/aKFVTyhKmMgIchdoXP9FUvsXKuaKFiUNhKKEiYwg34/H0ftJjRImLEFeRyDICQFYlDQREyVMWIK8kYggJwT+Qi0jGCVMFAY5IUAwSkAOKENz1V8Sg5ySKCkHOeAVWpC7khHk5EbJSxYgsQBanssBcRSVfE0oSpYB8WOQ3SxQiQwg/k1lXxOKElYQByDAABuJVr5eMy79AAAAAElFTkSuQmCC') no-repeat 50%; } .rating { position: relative; display: inline-block; width: 82px; height: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNpi/L9JlwEPqAfiRnwKGHwvMTDhkXZgEDZtANMEAD5DGhkUwhgIugSPIU4MImZ2DFLuDGAaxCfSEFYgVgViLyDuYlAIh4hC6C6ouCpUHQpgBAYsyN8xQCzPwC3HwsAtzwD2hrg9QtXLgwwMD1YxMHx9CMSP/gBFgAyGpeCABwYsC5DRCw485XhlBq1i7O4FGQgz9FovC8PdhU+ArB5k73wGO/Xuwh0MVzvxhyBIHqQO4rXP6GHyDYj9Ge4tXc/wYi92A0DiIHmQOoh6rAH7C4jXMDzbjd0QiPgaqDq8UazLwKcKYf3/y8Dw+gSEBgGIONbkzYJhCK8qyN+gAATFwgFwoGsVszDwqoDkdbAZwoiWd0BRJwONPlBKvQvEytA8FA2VV8KXd3iB+CTUtjioAQxQOg4qfhqIedBdAhBgANsdVUzo84T3AAAAAElFTkSuQmCC'); } .rating__current { position: absolute; top: 0; bottom: 0; left: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNpi/L9JlwEPqAfiRgYCgAmPnAMQN0Bpsg1pRKNJNsQJiO2gbDsonyhDWIFYFYi9gLgLTV0XVFwVqg4FMAIDFuTvGCCWB2IWBsLgDxA/BOKl0IAHu6QXiJ8QaQADVB1IfQ+ydz5DnbqDSEN2QNV/Rg+Tb0DsD8TrCRiwHqruG66A/QXEawgYsgaqDm8U6xIwRJeYdKKLFgt7oDQM6BBryD8gXgzEGkDsCqUXQ8W1CRnCC8QnobbFAfFdqPhdKB8kfhqIedANAQgwAFm/J+2pEENjAAAAAElFTkSuQmCC'); } .goods { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0 50px; } .goods__all { margin: 38px 0 0; font-size: 11px; } .questions { position: relative; margin: 0 0 50px; } .questions:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; margin: 0 calc(50% - 50vw); } .questions__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .questions__recent { width: 40%; } .questions__all { margin: 38px 0 0; font-size: 11px; } .questions__image { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; max-width: 26%; margin: 0 0 -40px 25px; } .questions__image img { display: block; max-width: 100%; height: auto; } .questions__aside { width: 350px; } .ask { position: relative; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding: 30px; text-align: center; border-radius: 10px; background: rgba(255,255,255,.7); } .ask:not(:last-child) { margin-bottom: 52px; } .ask:after { content: ''; position: absolute; bottom: -64px; left: -13px; width: 131px; height: 64px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAABACAYAAAA54cR8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5pJREFUeNrsnTloVUEUhk9McEvhghZ2D0FsxE5ERBEVsRIsbOwEbUQFCyFqoaKFCyZg4b6kEFEQFA0GCxWMuEtUIppYGFAI7gYX3OLz/NyB4JLkvZe7zJz7//AXybt35mbmy9yZM+fdW1UsFsWA1qlne3ptDerLITTiELGhS55e1yf1tVAa0QoMD9UfPbwujAjfCUO6+qm+7dk14f7bFFIjWoEBuuvZ9dxQdxGGbPTA/Tf6otOhNaAlGDBn6PTkWu6pnxKGbPXYk7nCiRAbzxoMHZ7MFToIQ/Z6lnH9P9SNoTaeNRheZDyJbAptBWEZBgR4XmdUd7f6VMiNZw0G6FVG9R5VfyYMful9BnXeV18JveEswtCdwa1pr/gV8CIMTl9Tru94yJNGwhCfsFt61krDWYShJ6V6kKvQYOH2YBmGmpTqwTzhjaWGswjDsBTqaFa3WGs4izCMTLh87EYeNNhuJmEYlWDZ2CbfLlFmFWEIQGMSKveXeodkF+EkDBVoQkLlHpAom0oIQxgantDIgN3IC2Jc1mCYmECZt9SHJAeyBsOkmMtrV+9y8wXCEJgmx1hWp3qz+pvkRJZgqFJPjamsl+otEoWchTCEp0JMMQaEmDeKsVBz3mCYHkMZ79Qb3MgghCFczYwBBIwIXZJTWYGh4FypEFWskyi7WghD2Fo4iHMxEqzP84hgCQZsWc8ZxPKxTgzvN5SjGgN/wwJ1bQXntam3SeDp7YShV9XqxRWcd129WwJ6qgphGFhz1ePLPOeM+pgYyl0kDCJD1UvLOB6JstiGbma324NhkXpciccirLxT3coutwfDWPWSEo99rt7KpaNdGJZLaYmvNyX6bsMXdrVNGLAHMauE+QEmiec4UbQLw2j1qgGOeStRQsojdq9dGJCvsMYB0ZdaXfygm11rGwasHqb1c1s4KdGTU3hbMA7DFPWyPj7DKqFe/YTdaR8GxBKwmVT9n88uqg9L+s9kIAwZCBtQm+TfdLYP6j3qO+zCfMCAa0MKWuGv3+P9Dfs5ScwPDMizWCt/ZjsjLW2fRIEkKicwYAm5WnpfM1R0c4NGYe5BrmAACCvV893P2FfAE1La2FX5ggG3BgSV5rnVAZ7Mfl6MPguBMPR/HXgD3Qz1VfURN0eg0hyWPXiVYa2LI4yQ6NvO7eyWfMKAlLUVbrnYIgwl5xYGBJLwFXpsLvWwKzgyUJ7N4CmKMFCEgSIMFGGgStZvAQYAfsCq9Hytrj0AAAAASUVORK5CYII='); } .ask__title { margin: -3px 0 18px; text-transform: uppercase; color: #4471BB; font-size: 16px; font-weight: 600; } .ask__text { font-size: 12px; } .ask__button { display: inline-block; margin: 22px 0 0; padding: 13px 30px; -webkit-transition: .1s; transition: .1s; text-transform: uppercase; color: #FFF; border: none; border-radius: 10px; background: #4471BB; font-size: 13px; font-weight: 600; } .ask__button:hover { text-decoration: none; background: #577FC2; } .stats { padding: 0 0 0 74px; } .stats__item { position: relative; padding: 0 0 0 57px; } .stats__item:not(:last-child) { margin-bottom: 34px; } .stats__item:before { content: ''; position: absolute; top: -5px; left: 0; } .stats__item-1:before { width: 40px; height: 40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAk1BMVEUAAABAaq9Ba7BAaq9CbLFDbLJBaq9EbrJDbbJEbrNEbrNDbbJDbLFDbbJDbbJEbrREbrNFb7RHcbZBa7BDbrJEbbJFb7NIcrdGcLVDbbJCbLFAaq9DbbJEbrNCbLFCa7BCbLFCbLFFcLRFb7NBarBGb7REbrNGcLVGcLVDbbJEbrRFb7RFb7RHcbZEbrNAaq9Ba7BAORMzAAAAL3RSTlMA/NXxmB74FsBrrrfKZylKRxAG4SNRLgo+sn3tkiTF2qZ0gTfmcV9CMoZjoIsZWHrU1HwAAAG/SURBVDjLjdDrmqogFIDhRYRZOiVqkmcttfNe3f/VbdGaAafRvj+iz6u4ALWtZTXwQZs8DPE67QKsAeoHG1csCM54BxD0FgT3d0JwGfOQoMcBIGsXOeMyV4MZpXFMDdwzXzrgKdujIZ9RU6iQrpqZd6lJWJZl1NZeLKwvsd2syEICNzr08AIrE6DwlAqAWQKN0UNj2cNlB0G43wlo4Ry+ehiQQoF6GjQRd0N4KIrTEC5xY+ZCh2sjz2OmQ04LCLDUYUSEwKUOGTryRocNbv/hdgDJGwhzShMYws1vKHznyMQkdKMYDQOregqeMdq0nbEch4ysWJdF+Shck1c0HYUQ7J6t9XPUodLE1Lydw3nFR6DzQMRHFz5OI1CslVwVOp/C43Br8pO2tX0tjET5YtB3OrQJFc5MU4e+LF0Mjwfl1reDo04tywDYrq3Spt5frRfkTtfmBLBCJIhnDc7DJ1TLrPUSzcUHMEnjjMM0tPLY5vAW5lu1GWbSqVNHSQdvqGdxUGARRbGdd1Ckfpr6z9qlCz9wUWFFsfJqoF/wRxcJIangSOS71Autt4Ue6SBaM7zLRWb/UZbIf9iZtj1vF/8Bmhw7RcWgxl0AAAAASUVORK5CYII='); } .stats__item-2:before { width: 37px; height: 39px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAnCAMAAAC/iHE6AAAArlBMVEUAAABCbLFFbrRAaq9Aa69Aaq9Ic7hJc7hBa7BBa7BCbLFHcbZHcbZHcbZLdbpCbLFEbrNEbrNEbrNFb7RHcbZJc7hBa7BBa7BDbbFEbrNGcLZHcbZHcbZFb7RLdblJc7lKc7lJc7hDbbJGcLVHcbZIcrdKdLlJc7dKdLpFb7RFb7RIcrdKc7hIcrdJc7lCbLFEbrRFb7RFb7VLdbpDbbJGcLVIcrdJc7c/aa9Ba7DdLxQKAAAAOHRSTlMA3Zn99fk0C+bi2GgUQgTUtLCqk2w88O3KunhwVE8pJRwQwId0WS8rCKGAX0xHIc+lnH4YxI7z0pHd6f0AAAJESURBVDjLdZPXkqNADEUvbhoTbHIGm2Scc9jV/v+P7eAa14Dbcx4opDolqRGNAfNFLWmapjvGDb8x9li0yQzDWNgUZvjMLWbGZLXzfb89Fhe6fJTWsXoMTkzVdT1iyXL/x/tkNazwyQ7WAKpcZ9P5v1aUJjzdU/qKKpsfbW0sWEa4Uje9k0h1SwfBcu8tHXtxS8HfhWAll4eFF/4YN+4nI8FyLNVFMX1ypW2BU6x5Yi2S7zaTn0Qxo1jjJFgrtjuTlpeTjgrLXKLtRTjkjI1dvuwlAlqs/ikYkstj+4Qepnqdf1lCLTsGltuuyXi7AqQP1pylXa29VXV70A8YR9uG3i0siAYdC5kTEyxMk3DSC5fkLrhgdfmgF2Wy2c0lYEr9jWzO2NMKIld+A8rZbF1kWdZcU/VuQuQme8BODo8HVZckTXNKfMKgHOakMoEsua1N/ILK82+dyl9vWhuqzMmDNiGHLyYfnWOqEaWzmHP5PlWIwkY8YXDm5CxtHSiLEkgk5ULkHAatdjHpvvrAnJ+7mU2PDshkIyYrezVeXyPmTLuR95jJUjpLJWYgoAZQzrLsVejwyJuj48wOWG0YkatAkZPnlyi33O5eCvJfK3LJQKVacvFVs66+s/vntWyiNV486OFwRbs3tPlJWk73cPHDjlOkRkT9+7oN1yj5bvD7tFPy82DwkZiCKZtjQMlmbyuJfKRh9bYDlgNGv4G1gVtjyITtgbo/7KZGrY46vMfoG5fq0SjURj/oOhpLeuOkS5LVz+qX/y5+OeiteeYSAAAAAElFTkSuQmCC'); } .stats__title { margin: 0 0 12px; text-transform: uppercase; color: #4471BB; font-weight: bold; } .stats__text { opacity: .7; font-size: 12px; } .category { margin: 0 0 50px; } .category__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 -15px 30px; } .category__head .headline { margin: 0 15px 5px; } .category__all { margin: 6px 15px 5px; font-size: 11px; } .category__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 39px 19px; border: 1px solid #DBEDF5; border-radius: 10px; } .category__item, .category__list { width: 50%; padding: 0 20px; } .category__item { overflow: hidden; } .category__item-image { overflow: hidden; margin: 0 0 27px; border-radius: 10px; background: rgba(0,0,0,.5); } .category__item-image img { display: block; width: 100%; height: auto; } .category__item-title { font-size: 18px; font-weight: 500; } .category__item-link { position: relative; display: block; color: #362E48; } .category__item-link:hover { color: #4471BB; } .category__item-link:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1000px; } .category__item-text { margin: 20px 0 -3px; font-size: 13px; } .category__list { font-weight: 500; } .category__list-item { position: relative; padding: 0 0 0 35px; list-style: none; } .category__list-item:not(:last-child) { margin-bottom: 33px; } .category__list-item:before { content: ''; position: absolute; top: 1px; left: 0; width: 15px; height: 15px; border: 3px solid #4471BB; border-radius: 50%; } .category__list-link { color: #362E48; } .category__list-link:hover { color: #4471BB; } .video__in { position: relative; overflow: hidden; border-radius: 10px; background: #362E48; } .video__image { position: relative; background: rgba(0,0,0,.05); } .video__image:after { content: ''; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 5px solid #F74E6E; border-radius: 50%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPxJREFUeNqk0zFLQlEYxvHj5S5CQ4NLo2tNQcMdbWsKwk3wCygIZlMOLjZJbdUa9wM4CbZJi0NLNCiiTm2Bg0PgEtL/wHtAQvHe9zzwg3uXh/e995zM6rJ2ZoyZ4Md4JEARU5SR8SmyOUKMISKfIpdIymIpVxcZWa8s6zaR1Ra5HKCNEa58ilzy6GKAU58ilwLe8YicT5FNiApmuJZ3VZHLIe7xiQuz2ajMMfroBJ5FC1Rxq53oF09oYald7RUNjP//haSZo46e9hzZ0W9wsqtk30RrvNgPie8kB2xb3mSND+3t/0IJ52lKNida4Q4P8pw6odzqZ5lGnT8BBgA0uSxN9QZ9hgAAAABJRU5ErkJggg==') no-repeat 23px 50%; } .video__image img { display: block; width: 100%; height: auto; -webkit-transition: .1s; transition: .1s; opacity: .2; } .video__inner { padding: 30px 40px; color: #FFF; } .video__title { margin: -3px 0 23px; font-size: 18px; font-weight: 500; } .video__link { color: #FFF; } .video__link:before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } .video__text { margin: 0 0 -3px; opacity: .7; font-size: 12px; } .video:hover .video__image img { opacity: .5; } .category-widgets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0 2px 0 3px; } .category-widget { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px 40px; } .more { padding: 16px 0 0; text-align: center; color: #F74E6E; border-top: 1px solid #F74E6E; font-size: 16px; font-weight: 600; } .more:not(:last-child) { margin-bottom: 36px; } .more__button { display: inline; } .more__button:not(.loading) { cursor: pointer; } .more__button:not(.loading):hover { border-bottom: 1px dashed; } .post--home { position: relative; padding: 40px 0; } .post--home:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; margin: 0 calc(50% - 50vw); background: #FAF9FB; } .post--home .post__entry, .post--cat-desc .post__entry { margin: -5px 0 -6px; } .post { margin: 0 0 35px; } .post:last-child { margin-bottom: 0; } .post--home { margin-top: 50px; } .post--home:last-child { margin-bottom: -50px; } .post__headline { margin: 0 0 36px; text-align: center; font-size: 32px; font-weight: 600; } .post__headline:after { content: ''; display: block; width: 150px; height: 5px; margin: 32px auto 0; border-radius: 4px/2px; background: #F74E6E; } .post__entry { font-size: 16px; line-height: 1.375; } .post__entry:after { content: ''; display: table; clear: both; } .post__entry > :last-child { margin-bottom: 0; } .post a { text-decoration: underline; } .post a:hover { text-decoration: none; } .post p { margin: 0 0 22px; } .post h2, .post h3, .post h4, .post h5, .post h6 { margin: 30px 0 22px; font-size: 21px; font-weight: 900; } .post h2:first-child, .post h3:first-child, .post h4:first-child, .post h5:first-child, .post h6:first-child { margin-top: 3px; border-radius: 5px; } .post h3 { font-size: 24px; } .post h4 { font-size: 22px; } .post h5 { font-size: 20px; } .post h6 { font-size: 18px; } .post li { margin: 0 0 8px; list-style: none; } .post li ul, .post li ol { margin-top: 8px; margin-bottom: 0; } .post ul { margin: 0 0 22px; padding: 0 0 0 40px; } .post ul > li { position: relative; } .post ul > li:before { content: ''; position: absolute; top: 4px; left: -30px; width: 15px; height: 15px; border: 3px solid #4471BB; border-radius: 50%; } .post ol { counter-reset: li; margin: 0 0 22px; padding: 0 0 0 40px; } .post ol > li { position: relative; } .post ol > li:before { content: counters(li, '.'); counter-increment: li; position: absolute; top: 0; left: -40px; width: 22px; text-align: right; color: #F74E6E; font-weight: bold; } .toc-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -15px; } .toc-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 15px; } #toc_container { padding: 24px 30px 25px; border-radius: 5px; background: #FAF9FB; } #toc_container .toc_title { margin: 0 0 20px; text-transform: uppercase; font-size: 20px; font-weight: 600; } #toc_container ul { margin: 0 0 0 -28px; font-size: 14px; } #toc_container ul ul { margin-top: 11px; margin-left: -18px; } #toc_container li { margin: 0; } #toc_container li:before { top: 8px; left: -12px; width: 3px; height: 5px; border: none; border-left: 1px solid #4471BB; border-radius: 0; background: -webkit-gradient(linear, left top, left bottom, from(#4471BB), to(#4471BB)) no-repeat 0 1px/1px 3px, -webkit-gradient(linear, left top, left bottom, from(#4471BB), to(#4471BB)) no-repeat 1px 2px/1px 1px; background: linear-gradient(#4471BB, #4471BB) no-repeat 0 1px/1px 3px, linear-gradient(#4471BB, #4471BB) no-repeat 1px 2px/1px 1px; } #toc_container li + li { margin: 11px 0 0; } #toc_container a { text-decoration: none; } #toc_container a:hover { text-decoration: underline; } .post__table { overflow: auto; max-width: 100%; margin: 25px 0; -webkit-overflow-scrolling: touch; } .post table { width: 100%; font-size: 14px; } .post th, .post td { padding: 9px 15px; vertical-align: middle; border: 1px solid #DDD; } .post blockquote { position: relative; margin: 32px 0; padding: 32px 30px 32px 145px; border-radius: 5px; background: #FAF9FB; font-weight: 500; } .post blockquote:before { content: ''; position: absolute; top: 0; bottom: 0; left: 40px; width: 65px; background-repeat: no-repeat; background-position: 50%; background-size: 100% auto; } .post blockquote p:last-child { margin-bottom: 0; } .post img { max-width: 100%; height: auto; border-radius: 5px; } .post__video { position: relative; overflow: hidden; height: 0; padding: 56.25% 0 0; } .post__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post .wp-caption { overflow: hidden; border-radius: 5px; background: #FAF9FB; } .post .wp-caption img { display: block; border-radius: 5px 5px 0 0; } .post .wp-caption.alignnone, .post .wp-caption.aligncenter { margin-top: 27px; margin-bottom: 27px; } .post .wp-caption-text { padding: 13px 10px 15px; text-align: center; color: rgba(54,46,72,.7); font-size: 14px; } .post .gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 32px -5px 0; text-align: center; } .post .gallery-item { width: 25%; margin: 0 0 30px; padding: 0 5px; } .post .gallery .wp-caption-text { padding-bottom: 0; } .post-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 0 50px; padding: 26px 20px 16px; color: #FFF; border-radius: 10px; background: #5E576C; } .post-rating__title { margin: 0 10px 10px; text-align: center; font-size: 16px; font-weight: 600; } .post-rating__rate { margin: 0 10px 10px; } .post-rating img { vertical-align: -2px; } .post-rating__count { display: inline; margin: 0 0 0 15px; color: rgba(255,255,255,.2); font-size: 10px; font-weight: 500; } .related { max-width: 780px; margin: 0 auto; } .comments { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } .comments-title, .respond .headline { margin-bottom: 25px; } .comments-list { margin: 0 0 40px; } .comments-list li { list-style: none; } .comments-list .children li { padding: 0 0 0 20px; } .comment { position: relative; margin: 0 0 15px; padding: 20px 20px 20px 100px; border-radius: 5px; background: #FAF9FB; } .comment:after { content: ''; display: table; clear: both; } .comment .avatar { float: left; margin: 0 0 0 -80px; } .comment__meta { margin: 3px 0 6px; font-size: 12px; } .comment__author { color: #4471BB; } .comment__text { margin-bottom: -2px; } .comment__text p:not(:last-child) { margin-bottom: 20px; } .comment__reply { position: absolute; top: 18px; right: 20px; height: 15px; padding: 0 10px 1px; -webkit-transition: .1s; transition: .1s; color: #FFF; border: none; border-radius: 7.5px; background: #F74E6E; font-size: 9px; line-height: 14px; } .comment__reply:hover { background: #F8607C; } .comments-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: -20px 0 36px; } li .respond { margin: 30px 0; } .respond__cancel a { display: table; margin: -10px 0 20px; text-decoration: none; border-bottom: 1px dashed; } .respond__cancel a:hover { border-color: transparent; } .form { font-size: 12px; } .form p { margin: 0 0 20px; } .form-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px; } .form-row__field { -webkit-box-flex: 1; -webkit-flex: 1 0 200px; -ms-flex: 1 0 200px; flex: 1 0 200px; margin: 0 5px; } .form__field { display: block; width: 100%; margin: 0 0 10px; padding: 11px 18px 12px; border: 1px solid rgba(198,203,212,.4); border-radius: 5px; line-height: 1.3; } .form__field::-webkit-input-placeholder { color: rgba(54,46,72,.5); } .form__field:-ms-input-placeholder { color: rgba(54,46,72,.5); } .form__button { height: 40px; margin: 10px 0 0; padding: 0 25px; -webkit-transition: .1s; transition: .1s; text-transform: uppercase; color: #FFF; border: none; border-radius: 10px; background: #4471BB; font-size: 13px; font-weight: 600; } .form__button:hover { background: #577FC2; } .comments-widget { width: 255px; margin: 49px 15px 0; } /* Sidebar -----------------------------------------------------------------------------*/ .sidebar { float: left; width: 25%; margin-left: -25%; } .sidebar > :last-child { margin-bottom: 0; } .sidebar__section { margin-bottom: 50px; } /* Footer -----------------------------------------------------------------------------*/ .footer { position: relative; padding: 30px 0 0; color: #fff; font-size: 12px; font-weight: 300; } .footer:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; margin: 0 calc(50% - 50vw); background: #32b87f; } .footer__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 -15px; } .footer__section { margin: 0 15px 30px; } .copyright { width: 300px; padding: 0 0 0 68px; } .copyright__domain { position: relative; margin: 0 0 8px; text-transform: uppercase; color: #FFF; font-size: 18px; font-weight: bold; } .copyright__domain span { display: inline-block; margin: 0 0 0 4px; vertical-align: 4px; color: #898297; font-size: 12px; } .copyright__logo { position: absolute; top: 50%; left: -68px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .copyright__logo img { max-width: 189px; height: auto; } .footer__nav ul { margin: -9px 0; } .footer__nav li { margin: 9px 0; list-style: none; } .footer__nav a { color: #fff; } .footer__nav a:hover { color: #FFF; } .footer__mid { max-width: 180px; text-align: center; } .footer__soc:not(:last-child) { margin-bottom: 20px; } .footer__soc .soc__vk { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqskz1LA0EQhm83akQRAkFstbJSFEURLATBUmz9Bfk//gpbrdRKBEFQwUJsRAIhjaRIxI/i/DifgfdgXFAQbuCB27mdmXdmd0NRFFkVNgTLUIcAj3APEbZgFmqQwyncKm4M5rTP4nJLtAZNbbCAPXiFO1jVRrMZl2gJNp2gF8t47hwjMA/WbxcG7l/uulhIOjuLqtJ3zhUYhi9R2qdT03T+NlxFVfKqGmrXWhpNEk3AhvO9waEVDDo1k9uCSRfUgWk3o4H8pRoLPICbTFM3+4ATV6mm4YZEqW/JEvXKRXQ/7Ngv/3F1LHZHBX4kyqSq+0vgM1wkB2Cj2IXxNNE77Etdag9wBMeJfwq2wx9PZFG3t6G1ney1vtd1DaJm9RSqemsxq8i+BRgAaxdGdhu/BEgAAAAASUVORK5CYII='); } .footer__soc .soc__ok { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARlJREFUeNqEksFLAlEQxvftSooXkSLD/oQghA6BN/EiQbfwYHQp+h+juolBlwgP4nH1qocKwQTX7Tcyh2X2aQvfzpt58828981zcRw/BEFwFOS/CDiw9ux9FfjVwIFn8xtsQNVXVIiJCSbOuWfsu/qNNE2vTPGk4Kn2oaQLUARvFKpAbmWTckSSJpiQxGv1h5ipzQs9HetyNwgvoM96AU5sUq4jnZoQZnJEccEZsfZ/xBTSK4nHrLtKXBB7ItbJ5ueIYEbiQIWROf6CUx3NzjuKKD3sJVgp6ZzYo5116FF1jPnU1yRCjXRE+1WluohSxN6CO9aHqu7GihMZ7g0EiZe10D1maZpsn9zcvMeS2mXmVOWML9/PnwADAPx9XJgKDAUaAAAAAElFTkSuQmCC'); } .footer__soc .soc__fb { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOtJREFUeNpifPjwoQ4DA4MzEHMwEAd+APFeFiDhDsS8DMQDTiB2BWlkxaPoPxBfAeIXQPwPiE2BWAiIWVigkrjAbjk5uWMwzqNHjxShGv+z4NH0DYjPQjUYASlpIJaCSeLT+BeI/wA1MUIDjxtZEpfGt0D8DMkbd4CYH4jFgJgLn8ZdQL/dROKvhzo5Ekipg9hMODTyABVxIAUKOxCDbBIg5FQPUNADFc+B+jUGiEWQEwkujawwv0ABFzTi4QDkVEY8ofofKSEgA0aQxt84NDLhYIPAb5BTdwKxA5ZE/hmJ/QWI2ZAS+QGAAAMAu6w60zuYKSYAAAAASUVORK5CYII='); } .footer__soc .soc__gp { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXBJREFUeNqU1N0rREEYx/GzWuWtxSIu2I1dr4mU8ieQO1eUe/FnuXQhyr0LyQ0XXlaxXrYohNTmZWNxfEe/rWmbPbs79enMec6ZpznPzJyQ7/ue1eoxhiFEUYtPPCKFU/x6FbaQlTyBWbQFvH+HNWQrSR7WNYkF6z6Na3ygGQPoUdKvUhNFjb7ML8y8iesyzPUdm7hwDOxDJqAsLVjEEXYLM59UYjNoA5eOgWYmV2Wq8IMONNhlGVQ/40g8gu4SyR5wjGHEUad4L2aQN8kjCt44EpjkowGLa5LHMGXFuyQXVj2DdkekqDztaMS3YtvYQSuWcKDYf1myqlPMkXxP7Lai5C+6z0u97s3a5TxtnbRVq0SZRTOL36n+WdEzs9PWcVgImOT7eFN/Tnve1SYwrf6tY7uak3yC++IT2o95lckEzh2HKK4xr1jFczXHP6njHw1438x4S/+aqv4tnhZ2XHs/qi8xn/ukn1ZKh6Wi9ifAAKMoYaqjlVJgAAAAAElFTkSuQmCC'); } .footer__info { width: 19%; } .footer__info p + p { margin: 15px 0 0; } .footer__privacy { margin: 14px 0 0; } .footer__privacy a { color: #fff; } .footer__privacy a:hover { color: #FFF; } .footer__design { display: inline-block; height: 24px; padding: 0 83px 0 0; color: rgba(255,255,255,.5); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAYCAMAAABqSJu/AAACalBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8fweULkdQIidA2LkgVqtzY19z///8Ghs8ix+c2LkgvR2YHlNogwuU2Lkj///8Hhc7///81L0oUreGyr7kixuchxObFwsoXrt4UpNq4tb4GhM4jyOf///8SodkZsd8Ol9UduuM2Lkiuq7U2LkgZDy0rIj5jXHEatOARntgMicwgwuUGhc4ix+dpY3Y4MUr///8e3P4BleQ/Gys7Dyf///////8jxOQdvOM2Lkg2L0lxbH07HTMfweUdu+MpITwatuEPm9cJi9AIh862s72dmaYzK0Y3KkM4J0AsJD85JTwVxvUhxOUHmN8Sodqhnqp2cYNSTGM7M00wKEMnHzs4ITo4Hjc7Eikb2P4Z0/4e0fUPufIBn+0NrekfxOgixucGoOYKlNatqbSopbAmiasfZ5YlbpWGgZGDfY5nYXVjXHFFPVUzNlI0Mk0lHDk9Gy4c4/8RvvQHr/IZv+sZsd8hu94Xrt4Wq90FktwVqNshr9QjsNIfo8wcoMwXksUQhsS6t8AQgb8Sgb2xrriinqoif6cgeaSXlKKMh5YuZIImUnwpVnspUnguVXQrRmo9Nk8jGzdBFSUBABjlTNFbAAAAdHRSTlMAgpKMARULEpxrpGkOnpaEdnFjEJmPfF0JiH96XkMuIBwZB6WGcFZQJB4FqqZgUyIXsKCXi3NvWktHOScjIvn089K2pqORcGBeQDwqKRsW+fj17uDg4MzJvry7sa+uq6uenIV9fXt4cm1rYE44ODc0MzAsHbeLh8oAAAL2SURBVDjLrZRVUxthFIbftWQ37kZohEASikuBuru7u7tsaEKBQoEiBQrUneJQd3e3/9SwGzpcdJiB8Fx9V8+c8857PkTH4RVTd47FsLC38vLlhVOHRTb/1rlLlZWLZiJa5h2Y/vT+mXPBYHA7BFJj8/JG+zFoZm2YEGho6Pz85MylUFCYK4VUymSTNRgs03ieD/AnGpvKbpwNhkJHgIOsUWO2c7EYJJvKy0sDfK+usenG2VBoLZDMmvQQkUgV4kMhtWAAaBrYXdfxs6BedDU0Pjt57NhYZCu9EEjTeUiKcwAjRlEkYdZjjE2XCIk8RqEnEgBaRzgtGi0DHyGn/eoFJddL8kvrecHV9D2s2oIYVtwtUZNkyuEy1HSaSqk1W0fKMWKkOmygkpi09GzAGyfzSTIy3bCvlMO1vj3/VM2r9m5eoOzE87v3VsNkEFVjDB49aIKVzpbFhycjKbdfFeN3+WyklGHlSGUJ0iExEs65pNEJbP5VV9dy/NRpXuTo+5MPlvybarTKxGk1rNHijUsAFEQm46LUmQaV2ipllAk0ySUoHRKrWpWh9gGpyz6+vVZyPb+gT3Xz9sOJ4GQpEZWN02qTU2EXVSrGRdq8eSmEUcoYcuxKS26cQ0IRuclZdjd0i/Nra1uP91OdfzwRXpnNBYCea6AcEHomLmh0+w29ZTOFF6QI9hDssvCCHkCTHgvdpI4/BZ/6qT6cr14KxirLio83xVu4JI85J3sU7eyN3SPGnggFFceksUlmQD7ZJ1EaXJidbqVzJ7W01rwTshJjf3GxehXg1BEUlSWHIpkgSUpH/6cMMZwb2GMVyyDVmhgLd62mrbakrTwy1NeL1YVbhWrqpW6xono6UlEJBiIR2NV9uryUj9DTfKewcByGykaerxcuJ1BWcfTblcI1GDqRc67o6er8zV+tGocomLVuQqCiouvLy6LmH29mRPv17Z/+uvhKVdWFq9sQNfMvPCoqKho/A9Gzr7i4ePyUORgG5iyfsqMv8L+vbNOxQWWgPgAAAABJRU5ErkJggg==') no-repeat 100% 0; font-size: 9px; line-height: 24px; } /* Modal -----------------------------------------------------------------------------*/ .modal { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: hidden; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; opacity: 0; background: rgba(21,24,39,.9); } .loader { position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } .loader:before { content: ''; position: absolute; top: -2px; left: -2px; width: inherit; height: inherit; -webkit-animation: spin 1.5s infinite ease; animation: spin 1.5s infinite ease; } .loader, .loader:before { border: 2px solid; border-color: transparent; border-top-color: #FFB22D; border-radius: 50%; } .ask-form { overflow: auto; width: 350px; max-height: 100vh; padding: 37px; cursor: default; text-align: center; border: 2px solid #FEC175; border-radius: 10px; } .ask-form__headline { margin: -8px 0 23px; color: #FFF; font-size: 30px; } .ask-form__field { display: block; width: 100%; margin: 0 0 20px; padding: 10px 25px 13px; text-align: center; border: none; border-radius: 25px; font-weight: 500; } .ask-form__field::-webkit-input-placeholder { color: rgba(54,46,72,.5); } .ask-form__field:-ms-input-placeholder { color: rgba(54,46,72,.5); } textarea.ask-form__field { border-radius: 10px; } .ask-form__file { position: relative; overflow: hidden; height: 50px; margin: 0 0 20px; padding: 0 25px; text-align: center; color: rgba(255,255,255,.5); border-radius: 25px; background: #737686; font-weight: 500; line-height: 46px; } .ask-form__file .wpcf7-form-control-wrap { position: static; } .ask-form__file input { position: absolute; z-index: 1; top: 0; right: 0; cursor: pointer; opacity: 0; font-size: 200px; } .ask-form__file-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ask-form__button { width: 100%; margin: 10px 0 0; padding: 13px 30px; -webkit-transition: .1s; transition: .1s; text-transform: uppercase; color: #FFF; border: none; border-radius: 10px; background: #4471BB; font-weight: 600; } .ask-form__button:hover { text-decoration: none; background: #577FC2; } .ask-form .ajax-loader { margin-right: -20px !important; } .wpcf7 .wpcf7-not-valid-tip { display: block; margin: -17px 0 17px; font-weight: 500; } .wpcf7 .wpcf7-response-output { margin: 37px 0 0; padding: 10px 15px; color: #FFF; border-radius: 10px; } .menu-active { overflow: hidden; } .menu-active body { overflow: hidden; } .wrapper { -webkit-transition: -webkit-transform .35s ease-out; transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; transition: transform .35s ease-out, -webkit-transform .35s ease-out; -webkit-transform: none; transform: none; } .menu-active .wrapper { -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in; transition: transform .35s ease-in; transition: transform .35s ease-in, -webkit-transform .35s ease-in; -webkit-transform: translate3d(270px, 0, 0); transform: translate3d(270px, 0, 0); } .menu-overlay { position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; background: #000; } .menu-active .menu-overlay { visibility: visible; -webkit-transition: opacity .35s ease-in; transition: opacity .35s ease-in; opacity: .5; } .menu { position: fixed; z-index: 100; top: 0; bottom: 0; left: 0; width: 320px; -webkit-transition: -webkit-transform .35s ease-out; transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; transition: transform .35s ease-out, -webkit-transform .35s ease-out; -webkit-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); pointer-events: none; font-size: 16px; } .menu-active .menu { left: 0; -webkit-transition: -webkit-transform .35s ease-in; transition: -webkit-transform .35s ease-in; transition: transform .35s ease-in; transition: transform .35s ease-in, -webkit-transform .35s ease-in; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; overflow-y: auto; width: 270px; pointer-events: auto; background: #362E48; } .menu li { position: relative; list-style: none; border-bottom: 1px solid rgba(255,255,255,.1); } .menu a { display: block; padding: 14px 20px 16px; color: #000; } .menu a:not(:last-child) { padding-right: 65px; } .menu__topbar { position: relative; z-index: 1; height: 51px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); border-bottom: 1px solid rgba(255,255,255,.1); background: #362E48; } .menu__topbar.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu__back { position: relative; width: 50px; height: 50px; cursor: pointer; border-right: 1px solid rgba(255,255,255,.04); background: rgba(255,255,255,.06); } .menu__back:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 4px; width: 10px; height: 10px; margin: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: solid rgba(255,255,255,.5); border-width: 2px 0 0 2px; } .menu__title { position: absolute; top: 0; right: 0; left: 50px; overflow: hidden; padding: 0 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #FFF; font-weight: bold; line-height: 50px; } .menu__item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; background: #fff; } .menu__topmenu { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .menu__topmenu.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu__show-submenu { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; cursor: pointer; border-left: 1px solid rgba(255,255,255,.04); background: rgba(255,255,255,.06); } .menu__show-submenu:after { content: ''; position: absolute; top: 0; right: 4px; bottom: 0; left: 0; width: 10px; height: 10px; margin: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: solid rgba(255,255,255,.5); border-width: 0 2px 2px 0; } .menu__submenu { z-index: 1; top: 51px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .menu__submenu.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .menu__submenu.hidden { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .menu__close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer; pointer-events: auto; background: #32b87f; } .menu__close:before, .menu__close:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 2px; margin: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #FFF; } .menu__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* slick slider */.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{position:relative;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto}.slick-arrow.slick-hidden{display:none}/* end slick slider */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (min-width: 1105px) and (max-width: 1143px) { .content {width: 100%; padding: 0;} } @media screen and (max-width: 1129px) { .wrapper { max-width: 980px; } .content { padding: 0;} .header__menu { display: none; } .header__menu-toggle { position: absolute; bottom: 25px; left: 0; display: block; width: 26px; height: 26px; border: none; background: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 512 512\'%3E%3Cpath d=\'M460.8,0H51.2C22.924,0,0,22.924,0,51.2s22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2S489.076,0,460.8,0zm0,204.8H51.2C22.924,204.8,0,227.724,0,256c0,28.276,22.924,51.2,51.2,51.2h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2zm0,204.8H51.2C22.924,409.6,0,432.524,0,460.8,0,489.076,22.924,512,51.2,512h409.6c28.276,0,51.2-22.924,51.2-51.2,0-28.276-22.924-51.2-51.2-51.2z\' fill=\'%23362E48\'/%3E%3C/svg%3E') no-repeat 50%; } .header__menu { display: none; } .header__nav-2-icon { display: none; } .header__popular { width: 350px; } .search { position: absolute; right: 0; bottom: 15px; margin: 0; border-color: #FFF; background: #FFF; display: flex; max-width: 200px; } .header__soc { top: 178px; right: 370px; left: 45px; width: auto; } .questions__inner { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } .questions__recent { width: 100%; margin: 0 0 40px; padding: 0 98px; } .questions__image { max-width: 288px; } .recent { margin-bottom: -40px; } .footer__inner { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } } @media screen and (max-width: 999px) { .container { padding: 0 19px; } .wrapper { max-width: 930px; } .content { float: none; padding: 0; } .popular { width: 100%; margin-right: 0; } .questions__recent { padding: 0; } .post__entry ::-webkit-scrollbar { -webkit-appearance: none; } .post__entry ::-webkit-scrollbar:vertical { width: 12px; } .post__entry ::-webkit-scrollbar:horizontal { height: 12px; } .post__entry ::-webkit-scrollbar-thumb { border: 2px solid #FFF; border-radius: 10px; background: rgba(0,0,0,.5); } .post__entry ::-webkit-scrollbar-track { border-radius: 10px; } .sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: auto; margin: 50px -15px 0; } .sidebar__section { width: calc(50% - 30px); margin-right: 15px; margin-left: 15px; } .sidebar__section:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } .footer__info { width: 50%; } } @media screen and (max-width: 767px) { .wrapper { max-width: 642px; } .header { height: 75px; /* display:none; */ } /* .breadcrumbs {display:none;} */ .top-mobile {padding:5px 0;} .header__top { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 75px; } .header__logo-title {font-size: 18px;} .header__popular, .header__soc { display: none; } .popular__inner { padding: 30px 30px 0; } .popular-item__rating { margin-left: 0; } .popular__thumbs { margin: 30px -30px 0; padding: 30px 20px; } .questions__image { display: none; } .category__item, .category__list { width: 100%; } .category__item { margin: 0 0 40px; } .item { width: 100%; } .category-widget { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: calc(100% - 30px); } .post__entry img.alignleft, .post__entry .wp-caption.alignleft, .post__entry img.alignright, .post__entry .wp-caption.alignright { display: block; float: none; margin: 25px auto; } .post .gallery-item { width: 50%; } .toc-wrapper { display: block; margin: 0; } .toc-item { width: 100%; margin: 0 0 30px; } .comments { width: 100%; } .comments-widget { width: 100%; margin-top: 50px; } .sidebar__section { width: calc(100% - 30px); } .sidebar__section:nth-last-child(2):nth-child(odd) { margin-bottom: 50px; } .footer__nav { width: 100%; } .footer__nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: -5px -10px; } .footer__nav li { margin: 5px 10px; } } @media screen and (max-width: 479px) { .container { padding: 0 10px; } .header__logo {display: none;} .search { left: 50px; width: auto; max-width: 350px; } .popular-item { position: static; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popular-item__inner { width: 100%; } .popular-item__image { width: 100%; margin: 0 0 27px; } .popular-item__link { position: relative; display: block; } .popular-item__link:before { top: auto; width: 100%; height: 1000px; } .item-goods { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item-goods__image { margin: 0 auto 20px; } .item-small { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .item-small__image { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; margin: 0 0 20px; } .ask:not(:last-child) { margin-bottom: 40px; } .ask:after { display: none; } .stats { padding: 0; } .category__inner { padding: 29px 9px; } .post__headline { font-size: 30px; } .post blockquote { padding-left: 30px; } .post blockquote:before { display: none; } .comment { padding-left: 20px; } .comment .avatar { display: none; } .comments-list .children li { padding: 0; } .footer__info { width: 100%; text-align: center; } } /** * pagination_agregator */ .pagination_agregator ul { display: flex; justify-content: center; align-items: center; height: 50px; margin: 10px; border-radius: 10px; background: #e9e5e5; box-shadow: 0 0.8rem 2rem rgb(90 97 129 / 5%); padding: 0; box-sizing: border-box; } span.page-numbers, a.page-numbers { display: flex; justify-content: center; align-items: center; margin: 0.8rem; font-size: 1.4rem; cursor: pointer; } .page__btn { color: #23adade1; pointer-events: none; } span.page-numbers, a.page-numbers { display: flex; justify-content: center; align-items: center; margin: 5px; font-size: 15px; cursor: pointer; text-decoration: none; } span.page-numbers, a.page-numbers { width: 30px; height: 30px; border-radius: 0.4rem; } .page-numbers.current, a.page-numbers.active { color: #ffffff; background: #23adad; font-weight: 600; border: 1px solid #23adad; } a.page-numbers:hover { color: #23adad; } .pagination_agregator ul > li:before { content: ''; display: none; } .pagination_agregator ul > li { position: relative; margin: 0px; } .city__more_x, .city__more { display: flex; justify-content: center; margin-top: 23px; margin-bottom: 23px; } .city__more_x a, .city__more a { padding: 0; height: 48px; line-height: 48px; border-radius: 4px; min-width: 384px; display: flex; justify-content: center; align-items: center; align-content: center; color: #fff; background: #32b87f; font-weight: 600; font-size: 14px; transition: all .25s ease-out !important; position: relative; text-decoration: none; } .sidebar .city__more_x a { min-width: 100%; } .city__more_x a:before, .city__more a:before { width: 24px; height: 24px; background: url(/wp-content/themes/tzshka_ru_child/img/reload.png) center left no-repeat; position: relative; margin-right: 9px; } @keyframes yoyo { from { transform: rotate( 0deg); } to { transform: rotate(360deg); } } .city__more_x a.active:before, .city__more a.active:before { animation-duration: .5s; animation-iteration-count: 3331; animation-name: yoyo; animation-timing-function: linear; } .city__more_x a:hover, .city__more a:hover { background-color: #2196f3!important; color: #fff; text-decoration: none; } .taxonomy_service__city { margin: 20px 0px; } /** * 15.11.2022 15:26:56 */ @media (max-width: 700px) { span.page-numbers, a.page-numbers { width: 19px; height: 24px; border-radius: 0.4rem; } span.page-numbers, a.page-numbers { font-size: 13px; } } /*comment*/ .top-commentators__name { font-size: 90%; } .top-commentators__count { color: rgba(0, 0, 0, 0.5); font-size: 80%; } .top-commentators__count span:before { content: "\f0e5"; font: normal normal normal 12px/1 FontAwesome; margin-right: 3px; } .comments-area { max-width: 700px; margin-bottom: 40px; } .comments-title { font-size: 1.3em; font-weight: 700; margin: 15px 0 20px; } .comment-list { list-style: none; margin: 0 -10px; padding: 0; } .post ol.comment-list ol.children > li:before, .post ol.comment-list > li:before{ content: ""; display: none; } .post ol.comment-list {padding: 0} .comment-list .comment-box { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 10px; background: #fafafa; border-radius: 10px; } .comment-list .bypostauthor .comment-box { background: #fafafa; border-radius: 10px; } .comment-list .children { list-style: none; margin: 5px 0 0; padding: 0 0 0 15px; } @media (min-width: 768px) { .comment-list .children { padding-left: 45px; } } .comment-list .comment-header { position: relative; padding-left: 15px; } .comment-list .comment-avatar { position: absolute; top: 0; left: 0; display: none; } .comment-list .comment-meta { margin-bottom: 10px; } .comment-list .comment-author { font-style: normal; font-weight: 700; color: #333; } .comment-list .comment-author.comment-reply-link, .comment-list .comment-author.root-pseudo-link, .comment-list .comment-author.spanlink { border-bottom: 1px solid #ccc; } .comment-list .comment-author-post { margin-left: 4px; font-size: 0.8em; } .comment-list .comment-time { color: #999; margin-left: 6px; font-size: 0.8em; opacity: 0.6; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-list .comment-body { padding-left: 15px; } .comment-list .comment-text { word-wrap: break-word; font-size: 0.95em; line-height: 1.35; } .comment-list .comment-footer { line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 992px) { .comment-list .comment-footer { opacity: 0; filter: "alpha(opacity=0)"; } } .comment-reply-link { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 0.85em; } .comment-reply-link:before { /* content: "\f112";*/ /* font: normal normal normal 14px/1 FontAwesome;*/ margin-right: 10px; content: ""; top: 2px; position: relative; background: url(/wp-content/themes/tzshka_ru_child/img/fa-reply.svg) no-repeat left center; width: 14px; display: inline-block; height: 13px; } .comment-box:hover .comment-time { opacity: 1; filter: "alpha(opacity=100)"; } .comment-box:hover .comment-footer { opacity: 1; filter: "alpha(opacity=100)"; } @media (min-width: 768px) { .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 32%; float: left; margin-left: 2%; } .comment-respond .comment-form-author { width: 100%; } } .comment-respond .comment-form-author { margin-left: 0; } .comment-respond .comment-form-comment:before { content: ""; display: block; clear: both; } .comment-respond .comment-form-author label, .comment-respond .comment-form-comment label, .comment-respond .comment-form-email label, .comment-respond .comment-form-url label { display: block; } .comment-respond .comment-form-author input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-comment textarea, .comment-respond .comment-form-email input, .comment-respond .comment-form-email textarea, .comment-respond .comment-form-url input, .comment-respond .comment-form-url textarea { display: block; width: 100%; border: 1px solid #ccc; padding: 6px 12px; line-height: 1.42857143; outline: 0; } .comment-respond .comment-form-comment textarea, { border-radius: 0px 0px 6px 6px; border: 1px solid #ddd; } .comment-respond .comment-form-author input { border: 0px solid #ccc; border-left: 1px solid #ddd; border-right: 1px solid #ddd; width: 100%; } .comment-respond .comment-form-author input:focus, .comment-respond .comment-form-author textarea:focus, .comment-respond .comment-form-comment input:focus, .comment-respond .comment-form-comment textarea:focus, .comment-respond .comment-form-email input:focus, .comment-respond .comment-form-email textarea:focus, .comment-respond .comment-form-url input:focus, .comment-respond .comment-form-url textarea:focus { border-color: #008acf; } .comment-respond .comment-form-author textarea, .comment-respond .comment-form-comment textarea, .comment-respond .comment-form-email textarea, .comment-respond .comment-form-url textarea { resize: vertical; } .comment-respond .form-submit:before { content: ""; clear: both; display: block; } .comment-respond .comment-notes-after { font-size: 85%; margin-bottom: 15px; } .comment-respond .comment-notes-after:after, .comment-respond .comment-notes-after:before { content: " "; display: table; line-height: 0; } .comment-respond .comment-notes-after:after { clear: both; } .comment-respond .comment-reply-title { font-size: 1.2em; font-weight: 700; margin-top: 25px; margin-bottom: 10px; } .comment-respond .comment-smiles { margin-bottom: 4px; } .comment-respond .comment-smiles img { max-height: 1.5em; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-respond .comment-smiles img:hover { opacity: 0.9; filter: "alpha(opacity=90)"; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .comment-respond .comment-form-cookies-consent { font-size: 0.9em; } .comment-respond .comment-form-cookies-consent input[type="checkbox"] { margin-right: 5px; margin-top: 10px; } /*end comment*/ .taxiyandexnowork { clear: both; color: #FFF; background: #ad0108; text-align: center; margin-bottom: 5px; } .city_page h1 { font-size: 26px; font-weight: 600; margin-bottom: 10px; color: #000000; padding: 3px 0; } .company-firm { display: flow-root; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 10px; } .company-title { text-align: center; } .company-firm > h3 { margin: 3px; margin-bottom: 10px; background: #DEF2F1; font-size: 1.3rem; font-weight: 600; } .company-title > a { display: inline-block; color: #000; line-height: 1; text-decoration: none; cursor: pointer; position: relative; } .company-title:before { display: inline-block; margin: 0 10px 3px 0; content: url(../tzshka_ru_child/img/bg-company-name.png); text-shadow: none; } .company-title:after { display: inline-block; margin: 0 0 3px 10px; content: url(../tzshka_ru_child/img/bg-company-name.png); text-shadow: none; } .company-content { padding: 0 1px; text-align: center; } .company-content ul { list-style: none; clear: both; display: flex; margin: 0px; padding: 0px; } .company-content a { color: #0089f5; } .company-telephone { font-size: 18px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/telephone.png) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; position: relative; } .maps_mein_list ul.company-main-spisok li, .company-firm ul.company-main-spisok li { background: #e6e6e6; list-style-type: none; padding: 0; background-position: 0 7px; color: #525252; margin: 0 2px 5px; margin: 3px; text-align: center; width: 32.83%; float: left; } .company-content li>strong { font-weight: normal; } .maps_mein_list ul.company-main-spisok li, .company-firm ul.company-main-spisok li { background: #e6e6e6; list-style-type: none; padding: 0; background-position: 0 7px; color: #525252; text-align: center; font-size: 14px; border-radius: 5px; } .post-ratings-loading { display: none; height: 16px; text-align: left; } .company-telephone { font-size: 18px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/telephone.svg) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-megafon { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/megafon.svg) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-mts { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/mts.svg) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-beeline { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/beeline.svg) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-tele2 { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 43px; background: url(../tzshka_ru_child/img/tele2.svg) no-repeat; background-position: 15px 10px; background-size: 25px; line-height: 22px; white-space: nowrap; } .company-telephone-motiv { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/motiv.png) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-rostelecom { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/rostelecom.png) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-smarts { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/smarts.png) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .company-telephone-yota { font-size: 20px; font-weight: 600; margin: 0 -15px 5px -8px; padding: 2px 45px 2px 40px; background: url(../tzshka_ru_child/img/yota.png) no-repeat; background-position: 15px 4px; line-height: 22px; white-space: nowrap; } .komp .entry-title { font-size: 20px; font-size: 1.3rem; font-weight: 600; margin-bottom: 10px; color: #383838; padding: 3px 0; border-radius: 5px; } .komp__telefon p { font-size: 15px; } .komp .komp__telefon a{ margin-bottom: 9px; display: inline-block; } .komp .page-separator { background-color: #ffd324; } .taxi_service ul li { padding-left: 18px; margin: 0 0!important; font-size: 15px; margin: 0.1em 0!important; box-sizing: border-box; position: relative; } .komp .entry-content ul li { padding-left: 18px; margin: 0 0!important; font-size: 15px; margin: 0.1em 0!important; box-sizing: border-box; position: relative; } .post li ul, .post li ol { margin-top: 0; margin-bottom: 0; } ul.company-kontakty-spisok { margin: 5px 0 10px 0px; padding: 0!important; } ul.company-main-spisok { margin: 7px 0 0px 0; padding: 0px; } ul.company-main-spisok li { background: #fff url(../tzshka_ru_child/img/check.png) left top no-repeat; list-style-type: none; background-size: 17px; /*padding: 0 0 0 0px!important;*/ background-position: -1px 2px; color: #525252; } .taxi_service ul{ margin: 10px 0 0px 0px; list-style:none; } .taxi_service ul li::before, ul.company-kontakty-spisok li::before { top: -4px; left: 20px; content: ""; display: block; width: 10px; position: absolute; margin-top: 7px; height: 10px; background-color: transparent!important; margin-left: -18px; border: 6px solid transparent; border-left: 8px solid #dee9f2; box-sizing: border-box; border-radius: 0px; } .komp .entry-content { padding-left: 0px; } .company-main-spisok .post-ratings { width:auto; opacity: 1; /* background-color: #ffffff; */ /* float: left; */ display: inline-block; margin-left: 7px; position: relative; top: -2px; } .company-par-right .post-ratings { top: -4px; } ul#menu-cities{ list-style: none; } .widget ul#menu-cities { margin: 0; padding: 10px 0 0 0px; } ul#menu-cities li { background: #fff url(../tzshka_ru_child/img/check.png) left top no-repeat; list-style-type: none; background-size: 17px; padding: 0 0 0 20px!important; background-position: -1px 1px; color: #525252; } .sidebar ul#menu-cities li { background:transparent; } .widget-title { color: #000000; background: #f9f9f9; border-radius: 10px; padding: 8px; font-weight: 900; font-size: 21px; line-height: 1.5; } .bloktaxiservice a { background-color: #32b87f; padding: 3px 5px; color: #fff; border-radius: 10px; line-height: 2.1; font-weight: 600; text-decoration: none; white-space: nowrap; } #map0 { width: 100%; height: 500px; padding: 0; margin: 0; border-radius: 5px; margin-bottom: 15px; } ol#taxi_list0>li { position: relative; line-height: 22px; list-style: none; padding: 0px 5px 0px 15px; margin-top: 8px; margin-bottom: 8px; margin-left: 15px; margin-right: 0; } ol#taxi_list0>li:before { display: block; width: 10px; position: absolute; margin-top: 5px; height: 10px; margin-left: -18px; border: 6px solid transparent; border-left: 8px solid #fec419; content: counter(li); counter-increment: li; position: absolute; left: -5px; font-size: 15px; width: 31px; margin-top: 0px; padding: 0; height: 22px; line-height: 12px; border-radius: 8px; color: #000; background: #FFCD24; text-align: center; } ol#taxi_list0 li .flag { color: white; margin-right: 5px; display: inline-block; min-width: 31px; } ol#taxi_list0 li .flag::before { content: url(../tzshka_ru_child/img/flag.svg); width: 33px; display: block; position: absolute; z-index: 1; } ol#taxi_list0 li .flag span { position: relative; z-index: 2; padding-left: 10px; } .rascet_is_komp { margin-bottom: 20px; } .rascet a { display: block; font-size: 21px; border-radius: 4px; color: #000000; font-weight: 900; text-decoration: none; margin-top: 20px; } .rascet_dobos{ flex-flow: row wrap; display: flex; justify-content: center; margin-top: 16px; margin-left: 100px; margin-right: 100px; } .rascet_do { margin: 0 5px; margin-bottom: 5px; } .tree_komp_service { margin-bottom: 7px; margin-top: 15px; } .tree_komp_service h2{ margin: 1.5em 0 0.5em; word-wrap: break-word; } .rascet_do span, .rascet_do a{ background: #32b87f; display: inline-block; width: auto; border-radius: 4px; border: 0px; padding: 0px 7px; font-size: 15px; text-align: center; color: #fff; /*font-weight: 700;*/ text-decoration: none; } .rascet_do span { background: #f7a06b; } /*list*/ .company-firm .rascet_do span, .company-firm .rascet_do a { margin: 0; border: 1px solid #2196f3; /*padding: 7px 11px 0;*/ border-radius: 5px; color: #444; /*cursor: pointer;*/ transition: .2s; height: 24px; } .company-firm .rascet_do a:hover { border: 1px solid #2196f3; color: #fff; background-color: #2196f3; } .company-firm .rascet_do a{ background: #fff; } .company-firm .rascet_do span { background: #fff; } .comments-area { /* border: 1px solid #bdbdbd; background: #f9f9f9; border-radius: 5px; box-shadow: 0 0 5px #b7b7b7; */ margin-bottom: 10px; padding: 0 20px; max-width:100%; } .comment-list { list-style: none; margin: 0 -4px; padding: 0; } #wc-comment-header { /* max-width: 100%; */ display: block; float: none; clear: both; margin: 0 0; /* margin: -30px; */ font-size: 21px; padding: 6px; font-weight: 900; /* margin: 0; */ margin: 0 -20px; margin-bottom: 10px; } .yandextaxibutton { position: relative; margin: 10px; text-align: center; } a.button7 { padding: .8em 1em calc(.8em + 3px); border-radius: 3px; background: rgb(64, 199, 129); box-shadow: 0 -3px rgb(53, 167, 110) inset; color: white; text-decoration: none; font-weight: 700; transition: .2s; } .app_links { margin-bottom: 10px; } .app_links { width: 100%; display: table; text-align: center; } .playgoogle, .itunes, .store { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } a.button7:hover { background: rgb(53, 167, 110); color:#fff!important; } .company-firm .company-content { overflow: hidden; } .company-telephone__m { position: relative; display: inline-block; max-width: 100%; text-align: center; } .company-telephone__m::after { content: ""; text-align: right; position: absolute; bottom: 0; right: -9px; width: 66px; height: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); } @media (min-width: 1200px) { .content-area { width: 785px; padding-left: 40px; } } ol.pohozhietaxi:after {content:""; display:block; clear:both} ol.pohozhietaxi>li { position: relative; line-height: 22px; list-style: none; padding: 0px 5px 0px 15px; } ol.pohozhietaxi li { width: 50%; float: left; } @media (max-width: 650px) { ol.pohozhietaxi li { width: 50%; } }@media (max-width: 410px) { ol.pohozhietaxi li { width: 100%; float: none; } } .komp_service ol.pohozhietaxi li { width: 100%; float: none; } ol.pohozhietaxi>li::before { content: ""; display: block; width: 10px; position: absolute; margin-top: 5px; height: 10px; margin-left: -18px; border: 6px solid transparent; border-left: 8px solid #fec419; } ol.pohozhietaxi { counter-reset: li; } ol.pohozhietaxi>li:before { content: counter(li); counter-increment: li; position: absolute; left: -5px; border-color: #FFCD24!important; font-size: 15px; width: 31px; margin-top: 0px; padding: 0; height: 22px; line-height: 12px; border-radius: 8px; color: #000; background: #FFCD24; text-align: center; } ol.pohozhietaxi a { text-decoration: none; font-weight: bold; color: #0E4D7A; cursor: pointer; } thead { background: #fc0; /* Цвет фона ячейки */ } .maps_mein_list .company-title { text-align: center; /* background: #fbde76; */ padding: 5px 0px; margin: 0px; } .maps_mein_list ul.company-main-spisok li { width: 90%; margin: 0px 0 6px 0!important; padding: 0px; } .maps_mein_list ul.company-main-spisok { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; align-content: center; } @media (max-width: 562px) { .company-list ul.company-main-spisok { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; align-content: center; } .company-firm ul.company-main-spisok li { width: 90%; } } .maps_list { max-width:300px; } /*02-01-2021*/ .yadextaxidownload {margin-top: 10px;} span.company-par-right { font-weight: normal; font-size: 16px; } .posts-container {margin-bottom: 20px!important;} .company-list > div:nth-child(2n+1) { border: 1px solid #ddd; } .entry-content ul li, .home-text ol li, .home-text ul li, .taxonomy-de {margin: .1em 0!important;} .pills { margin-left: 0; list-style: none; width:calc(100% - 1.5em); counter-reset: li; font-family: calibri; } .pills li a { font-size: 18px; font-weight: 600; } .pills li { padding: 10px 0; position: relative; left: 1.5em; margin-bottom: 0.75em; padding-left: 1em; background: #E3DEDC; } .pills li:before { padding: 10px 0; position: absolute; top: 0; bottom: 0; left: -1.4em; width: 1.875em; text-align: center; color: black; font-weight: bold; background: #fbde76; border-bottom-left-radius: 70em; border-top-left-radius: 70em; counter-increment: li; content: counter(li); } .back_service:after {content:""; display:block; clear:both} .back_service { } .back_service a { float: right; position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #428bd4; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 14px; } .cl-effect-1 a::before, .cl-effect-1 a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .cl-effect-1 a::before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .cl-effect-1 a::after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } .cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .maps_mein_list h2 { margin-top: 25px; margin-bottom: 10px; font-weight: bold; font-size: 1.5em;} ul.company-main-spisok> li:before, .company-content ul > li:before { display: none; } .comment .avatar { float: none; margin: 0; } .comment { position: relative; margin: 0; padding: 0; border-radius: 0; background: transparent; } .h2, h2 { font-weight: bold; } .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 { margin-top: 25px; margin-bottom: 10px; } @media (min-width: 992px){ .h2, h2 { font-size: 1.5em; } } .taxonomy-description { margin-bottom: 25px; font-size: .95em; line-height: 1.4; background: #f9f8f5; padding: 3px 20px; color: #777; border-radius: 10px; } .list__service_ul ul{ display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .taxonomy-description p { margin-bottom: 25px; } .taxonomy-description p { margin: 15px 0; } .breadcrumbs { margin: -1px 0 25px; color: #F74E6E; font-size: 12px; } .kontakty-zag { margin: 1.5em 0 0.5em!important; word-wrap: break-word; } .mb30 { margin-bottom: 30px; } .post--home { margin-top: 0px; } .post--home:last-child { margin-bottom: 0px; } .post--home:before { background: transparent; } .text_bottom__komp { margin-top: 20px; } .maps_pause{ width: 100%; height: 400px; margin: 24px 0 0 0; overflow: hidden; display: block; background: url(../tzshka_ru_child/img/karta.jpg) no-repeat; background-size: cover; position: relative; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; cursor: pointer; } .maps_pause::before { content: "Показать на карте"; position: absolute; font-size: 16px; font-weight: 700; color: rgb(51, 51, 51); line-height: 28px; cursor: pointer; white-space-collapse: collapse; text-wrap: nowrap; padding: 5px 15px; background: rgb(217 225 250); border-radius: 5px; transition: all 0.3s ease 0s; } .maps_pause.loading::before { content: "Загрузка данных"; } a.company-telephone-buttonlink { height: 28px; padding: 0 14px; display: inline-block; background: #FFD324; box-sizing: border-box; border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; color: #333; text-align: center; text-decoration: none; line-height: 28px; cursor: pointer; transition: all 0.3s; white-space: nowrap; } a.company-telephone-buttonlink:hover { opacity: 0.8; color: #333; text-decoration: none; } .maps_text_top-city_vilial, .page-header-city_vilial { margin-bottom: 15px } .bottom_text-city_vilial{ margin: 10px 0; } /*drugie komp*/ .related-block{ } .related-block--item{ position: relative; box-shadow: 0 0 3px 0 rgb(216 216 216); border-radius: 5px; padding: 17px 18px 19px 100px; transition: all 0.3s; background: #fff; margin-bottom: 10px; display: block; text-decoration: none!important; } .related-block--item:hover{ box-shadow: 0 0 30px 0 rgb(40 40 40 / 16%); text-decoration: none!important; } .related-block--item:hover{ } .related-block--item:hover .related-block--item-content a{ color: #C01E1E; } .related-block--item svg{ position: absolute; top: 28px; right: 24px; width: 20px; height: 20px; fill: #ffffff; transition: all 0.3s; } .related-block--item:hover svg{ fill:#C01E1E; } .related-block--item-content .related-block--item-content_a{ font-weight: 600; font-size: 18px; line-height: 28px; text-decoration: none; transition: all 0.3s; margin-bottom: 5px; display: inline-block; color: #034036 } .related-block--item:hover .related-block--item-content_a{ color: #C01E1E; } .related-block--item-content--add{ position: relative; display: flex; } .related-block--item-content--add:before{ content: ""; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; width: 14px; height: 18px; background:url(/wp-content/themes/tzshka_ru_child/img/adres.png) center/contain no-repeat; margin-right: 10px; } .related-block--item-content--add span{ position: relative; display: inline-block; width: 100%; max-width: 600px; } .komp .entry-content ul.company-main-spisok.company-main-spisok__dop li { padding-left: 5px; background: none; } @media (min-width: 700px) { ul.company-main-spisok.company-main-spisok__dop { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } @media only screen and (min-width : 1824px) { ul.company-main-spisok.company-main-spisok__dop{ columns: 2; -webkit-columns: 2; -moz-columns: 2; } } .company-main-spisok ul li:before{content: ""; display: none;} .company-main-spisok ul li{ list-style: disc; padding-left: 5px; } .komp .entry-content ul.company-main-spisok li{ color: #000; font-size: 16px; } /**************************** rate ****************************/ .rating_org_blk { display: flex; width: 100%; padding: 10px 12px; border: 1px solid #ddd; margin: 0 0 0px 0; border-radius: 6px 6px 0px 0px; background: #fff; } .rating_org { position: relative } .rating_org svg { width: 20px; height: 20px } .rating_org label { position: absolute; top: 0; left: 0; cursor: pointer } .rating_org label:last-child { position: static } .rating_org label:nth-child(1) { z-index: 5 } .rating_org label:nth-child(2) { z-index: 4 } .rating_org label:nth-child(3) { z-index: 3 } .rating_org label:nth-child(4) { z-index: 2 } .rating_org label:nth-child(5) { z-index: 1 } .rating_org label input { display: none } .rating_org label .rtng_i_star { float: left; display: flex; color: transparent; margin: 0 2px 0 0 } .rating_org label:last-child .rtng_i_star { color: #c9c9c9 } .rating_org:not(:hover) label input:checked ~ .rtng_i_star,.rating_org:hover label:hover input ~ .rtng_i_star { color: #ffb03b } .rating_org label input:focus:not(:checked) ~ .rtng_i_star:last-child { color: #c9c9c9 } .org_review_form_blk_button { cursor: pointer; border-radius: 6px; color: #fff; background-color: #2196f3; font-weight: 700; transition: .2s; padding: 13px 17px; margin-top: 15px; outline: 0; } .org_review_form_blk_button_disabled { color: #b0b0b0; -webkit-text-fill-color: #b0b0b0; -webkit-opacity: 1; background-color: #f0f0f0; cursor: text; } #form_load_policy { display: none; } .form_policy { color: #888; font-size: 12px; } .org_review_form_blk_policy { padding: 15px 10px 0; text-align: center; } .org_review_form_blk_policy a { color: #1475c1; text-decoration: none; cursor: pointer; outline: none; } .org_review_form_blk_policy a:hover { text-decoration: underline; } .svg_none {display: none} #commentform { padding-bottom: 20px; display: flex; flex-flow: column nowrap } #commentform p{ margin: 0; padding: 0; } #commentform .comment-form-author { order: 1; } #commentform .comment-form-comment { order: 2; } #commentform .comment-form-cookies-consent { order: 3; } #commentform .rating_org_blk { order: 0; } #commentform .form-submit { order: 4; } .Rating_tzcomment {display: flex;} .Rating_tzcomment-Star { color: #d8e3ea; } .Rating_tzcomment_filled{ } .Rating_tzcomment-Star svg { width: 20px; height: 20px; } .Rating_tzcomment-Star.Rating_tzcomment_filled { color: #ffb03b; } .comment-time__rate { display: flex; align-items: center; } .komp .all_taxi_city { margin-top: 20px; } #before_comment_form_box { color:#00B050; } .org_contact_con { display: flex; flex-wrap: wrap; padding: 10px 10px 25px; } .org_contact_con_item { width: 50%; padding: 15px 10px 0!important; word-wrap: break-word; } .org_item_h { font-weight: 700; } .org_dists { color: #888; margin-left: 7px; font-style: italic; font-size: 14px; } .org_dists__span { /* font-weight: 900; */ } @media screen and (max-width: 620px){ .org_contact_con_item { width: 100%; } } .org_contact_con_item_plusminus{ background: #f9f9f9; padding: 5px 5px 5px 5px; border-radius: 4px; font-size: 16px;font-size: 14px; } .section_plusminus{ margin-top: 30px; } .section_plusminus h2 { margin: 20px 0 5px 0; } ul.org_contact_con_item_plus, ul.org_contact_con_item_minus { margin: 0; padding: 0; } .section_plusminus__desc { margin-bottom: 10px; } ul.org_contact_con_item_plus li:before, ul.org_contact_con_item_minus li:before{ display: none; } ul.org_contact_con_item_plus li { padding: 0px 0px 15px 40px !important; margin: 0 !important; background-repeat: no-repeat; background-size: 20px; background-image: url(/wp-content/themes/tzshka_ru_child/img/plus.svg); background-position: left top; } ul.org_contact_con_item_minus li { padding: 0 0 15px 40px !important; margin: 0 !important; background-repeat: no-repeat; background-size: 20px; background-image: url(/wp-content/themes/tzshka_ru_child/img/minus.svg); background-position: left 4px; } .webnavoz_wiki_snippet { border-bottom: 1px dashed; cursor: pointer; } /* block service*/ .kontakty__servicerow {osition: relative; position: relative; box-shadow: 0 0 3px 0 rgba(40, 40, 40, 1); border-radius: 5px; padding: 11px 11px 11px 10px; transition: all 0.3s; background: #fff; margin-bottom: 10px; } .kontakty__servicerow-title { font-weight: 600; font-size: 16px; line-height: 28px; text-decoration: none; transition: all 0.3s; margin-bottom: 5px; display: block; color: #034036;} .kontakty__servicerow-desc { color: #989898; font-size: 14px; font-weight: 400; } .kontakty__servicerow-price { position: relative; font-weight: 900; font-size: 18px; display: block; text-align: right; } .two-lines { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .there-lines { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .tz_gallery_comp{ opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; position: absolute; } .tz_gallery_comp.slick-initialized { visibility: visible; position: relative; opacity: 1; } .tz_gallery_comp .slick-slide { margin: 0 2px;} .tz_gallery_comp .slick-next { right: 12px; } .tz_gallery_comp .slick-prev { left: 12px; z-index: 100; } .tz_gallery_comp .slick-prev, .tz_gallery_comp .slick-next{ width: 40px; height: 40px; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); pointer-events: all; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: flex; align-items: center; justify-content: center; background: rgba(15,15,15,.5)!important; border-radius: 4px; transition: transform .15s linear,opacity .15s linear; will-change: transform,opacity; opacity: 1; } .tz_gallery_comp .image { height: 320px; position: relative; } .tz_gallery_comp .image a { width: 100%; height: 100%; } .tz_gallery_comp .image a img{ object-fit: contain; width: 100%; height: 100%; filter: url(#filter-radius); } .tz_gallery_comp {margin-bottom: 20px} @media (min-width: 700px){ .comment-list .comment-header { padding-left: 65px; } .comment-list .comment-avatar { display: block; } .comment-list .comment-body { padding-left: 65px; } .tz_gallery_comp .image { height: 320px; position: relative; } .tz_gallery_comp .image a img{ object-fit: cover; filter: none; } .tz_gallery_comp .slick-prev, .tz_gallery_comp .slick-next{ opacity: 1; } .kontakty__servicerow-title { font-size: 18px; } .kontakty__servicerow-desc { font-size: 16px; } .kontakty__servicerow-price { position: absolute; right: 11px; top: 9px; font-size: 20px; display: inline; text-align: left; } .kontakty__servicerow {osition: relative; padding: 11px 115px 11px 10px; } } .company-firm__header { padding-right: 150px; padding-bottom: 9px; } .book_index-left { width: calc( 100% - 124px); flex: none!important; } .book_index-left:after { width: 100%; margin: 0 0% 0 0px; position: absolute; top: calc(100% - 3px); left: 0px; } .book_index-right{ background: white; z-index: 11; position: relative; } .book_index-right:after{ content: ""; position: absolute; width: 100%; background: #ffffff; z-index: 0; left: 0px; height: 8px; bottom: -9px } .book_index-left span { background: #fff; z-index: 15; position: relative; font-weight: 400; } .tz_gallery_comp .slick-prev:hover, .tz_gallery_comp .slick-next:hover, .tz_gallery_comp:hover .slick-prev, .tz_gallery_comp:hover .slick-next{ opacity: 1; background: rgba(15,15,15,.5)!important; } /*komp*/ .company-firm__header { margin: 3px; margin-bottom: 13px; background: #f9f9f9; margin-top: 3px; border-radius: 5px; position: relative; min-height: 85px; padding-left: 15px; padding-top: 5px; } .company-firm__header-logo { height: 81px; position: absolute; top:2px; right: 2px; } .company-firm__header-logo img { max-height: 100%; } .post .company-firm__header .company-title {text-align: left; font-size: 21px; font-weight: 900; margin: 0px; } .post .company-firm__header .company-title span { font-size: 21px; font-weight: 900; color: #0089f5; text-decoration: underline; } .company-firm__header .company-title a {} .company-firm__header .company-title span {} .company-firm__header .company-title:before {display: none} .company-firm__header .company-title:after {display: none} .company-firm__header_uslugi { font-family: arial; font-size: 16px; font-weight: 600; color: #a9a9a9; font-family: Arial Narrow; } .company-firm__header .post-ratings .post-ratings-text { display: none!important; } .company-firm__header .post-ratings{ color: #878585; font-size: 15px; font-weight: 600;} .post-ratings strong{ font-size: 15px; color: #000; margin-right: 5px; /* margin-left: 7px; */ position: relative; top: 4px; } .post-ratings span { position: relative; top: 4px; } .company-content .book_index { display: block; text-align: left; border: 1px solid #ddd; margin: 12px 15px; padding: 9px; border-radius: 11px; } .company-content .org_contact_con_item_plus { display: block; text-align: left; border: 1px solid #ddd; margin: 12px 15px; padding: 9px; border-radius: 11px; padding-top: 16px; padding-bottom: 0px; } .company-content .book_index li { display: flex; /* letter-spacing: -1ex; */ margin: 5px 0; font-weight: 600; justify-content: space-between; align-items: end; } .book_index-left { /* width: 89%; */ vertical-align: top; overflow: hidden; display: inline-block; flex: 1 0; letter-spacing: normal; font-weight: 300; font-size: 15px; } .book_index-left:after { content: ''; display: inline-block; width: 99%; margin: 0 -99% 0 3px; vertical-align: baseline; border-bottom: 1px dotted #000; } .book_index-right { display: inline-block; letter-spacing: normal; padding-left: 3px; /* margin-left: 10%; */ /* width: 10%; */ vertical-align: bottom; font-size: 15px; font-weight: 500; position: relative; top: 3px; } a.book_index__allprice { font-style: italic; color: #0089f5; display: block; text-align: left; text-decoration: none; } a.book_index__allprice:hover, a.book_index__allprice:focus { opacity: 0.8; text-decoration:none; } .company-content .org_contact_con_item_plus li.ende{ background: none; padding-left: 0!important; font-weight: 600; } .company-content .book_index li.ende { letter-spacing: 0; padding-top: 7px; } .company-content .org_contact_con_item_plus li{ text-align: left; color: #000000; font-style: italic; font-size: 15px; } .company-firm_online_l{ margin-top: 10px; } .company-firm_online_l a { background-color: #def2f1; padding: 10px 13px; color: black; border-radius: 10px; line-height: 2.1; font-weight: 600; text-decoration: none; white-space: nowrap; } .company-firm .company-main-spisok li { } .company-firm .company-main-spisok { display: flex; } .company-firm .company-main-spisok .company-par-rightadrli{ background:#f9f9f9 url(/wp-content/themes/tzshka_ru_child/img/maps.png) 12px center no-repeat; margin-right: 1.5px; } .company-firm .company-main-spisok .company-par-rightrezimli{ background:#f9f9f9 url(/wp-content/themes/tzshka_ru_child/img/clock.svg) 12px center no-repeat; margin-left: 1.5px; } .company-firm .company-main-spisok .company-par-right { display: block; padding: 10px 41px; } .company-firm .company-main-spisok li { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; } /*endkomp*/ .post-ratings span.strong { font-size: 15px; color: #000; margin-right: 5px; /* margin-left: 7px; */ position: relative; top: 4px; font-weight: bold; } @media screen and (max-width: 699px) { .company-firm .company-main-spisok { display: flex; flex-flow: column nowrap; } .company-firm .company-main-spisok .company-par-rightrezimli, .company-firm .company-main-spisok .company-par-rightadrli { margin-left:0; margin-right:0; width: 100%; box-sizing: border-box; } ul.company-main-spisok { margin: 10px 3px 0px 3px; } .company-firm .company-main-spisok .company-par-rightrezimli { margin-top: 0px; } .company-firm .company-main-spisok .company-par-rightadrli{ margin-bottom: 3px; } .company-firm__header-logo { display: none; } .company-firm__header { padding-right: 15px; } } .similar-item__opened { position: relative; padding: 0 0 0 0px; color: #393; font-size: 15px; line-height: 20px; display: flex; flex-flow: column nowrap; align-items: center; } .similar-item__opened.mnee_open-company{ color: #9fa000; } .similar-item__opened.closed-company { color: #dc143c; } .similar-item__opened .link_underline { border-color:#393; } .similar-item__opened.mnee_open-company .link_underline{ border-color:#9fa000; } .similar-item__opened.closed-company .link_underline{ border-color: #dc143c; } .panel__place-distance { position: absolute; top: 1px; left: 1px; bottom: 2px; width: 75px; color: #004ac8; background: #fdfdfd; border: 0px solid #ebebeb; font-size: 14px; line-height: 1.1; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 0 0 0 9px; } .panel__place-distance:after, .panel__place-distance:before { content: ""; display: block; position: absolute; top: -1px; left: 100%; bottom: -1px; width: 11px; -webkit-clip-path: polygon(0 0,0 100%,100% 50%); clip-path: polygon(0 0,0 100%,100% 50%); } .panel__place-distance:before { z-index: 2; background: #fdfdfd; margin: 0 0 0 -1px; } .panel__place-distance:after { z-index: 1; background: #ebebeb; } .panel__place-distance .icon-location { display: block; margin: 0 auto 10px; color: #aaa; position: relative; top: 0px; right: 0x; left: 0px; width: 17px; height: 22px; fill: #aaa; } @media (min-width: 480px){ .panel__place-distance { width: 75px; font-weight: 600; } } .company__taglist { padding: 0 0 20px; } .company__taglist .company__taglist-menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -8px; } .company__taglist .company__taglist-link { position: relative; display: block; white-space: nowrap; border-radius: 5px; background: #32b87f; padding: 1px 15px; text-decoration: none; color: #fff; font-size: 15px; line-height: 45px; text-align: center; } .company__taglist .company__taglist-link mark { font-size: 15px; color: #fff; background: none; } .company__taglist .company__taglist-arrow { display: inline-block; vertical-align: top; margin: 0 0 0 8px; color: #777; } .company__taglist ul > li:before{ display: none; } .company__taglist .icon-nav-arrow { width: 6px; height: 12px; } .company__taglist .company__taglist-menu { margin: 0 0 -10px; } .company__taglist .company__taglist-menu>li { padding: 0 8px 8px 0; margin: 0; } .company__taglist .company__taglist-link { font-size: 15px; } .company__taglist .company__taglist-link mark { background: none; font-size: 15px; } @media (min-width: 768px){ .company__taglist .company__taglist-link { font-size: 14px; line-height: 45px; padding: 0 9px; } } .company__taglist-link:hover { text-decoration: none; background: #2196f3; color: #fff; } @media (max-width: 479px){ .company__taglist .company__taglist-link { font-size: 12px; } .company__taglist .company__taglist-link { position: relative; padding: 1px 6px; font-size: 12px; line-height: 35px; } ./*company__taglist.ui-scrollable--xs { overflow: hidden; padding: 0!important; margin: 0 -20px -4px -20px; display: -ms-flexbox; display: flex; } .company__taglist.ui-scrollable--xs>div, .company__taglist.ui-scrollable--xs>ul { margin: 0 0 -25px; } .company__taglist.ui-scrollable--xs>div, .company__taglist.ui-scrollable--xs>ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; margin: 0 0 -30px; padding-bottom: 30px; -ms-flex-pack: normal; justify-content: normal; } .company__taglist.ui-scrollable--xs>.company__taglist-menu li { padding: 2px 5px 0; } .company__taglist.ui-scrollable--xs .company__taglist-menu>li:first-child { padding-left: 20px; } */ } .wc-comment-header2 {margin-bottom: 10px} .badge {width: 100%} #scroll-button { position: fixed; right: 25px; bottom: 40px; z-index: 1099; display: flex; flex-direction: column; width: 35px; text-align: center } #scroll-button_up, #scroll-button_down { margin-top: 5px; margin-bottom: 5px; opacity: .5; cursor: pointer; transition: 0.3s } #scroll-button_up svg, #scroll-button_down svg { display: block; margin: auto; width: 14px; height: 16px } #scroll-button_up:hover, #scroll-button_down:hover { opacity: 1 } #scroll-button_middle { font-size: 10px; font-weight: 700; opacity: .5 } .maps__link-a { font-size: 15px; font-style: italic; position: relative; top: -1px; font-weight: 600; } .org_social_icon_vk { color: #45668e; } .org_social_icon { display: inline-block; margin: 3px 15px 0 0; } .org_social_icon svg { width: 25px; height: 25px; color: #1475c1; } .link-to-mapdiv { display: flex; justify-content: center; } a.link-to-map { color: #0089f5; font-weight: 600; font-size: 20px; display: inline-block; /* margin-bottom: 10px; padding: 12px 16px; */ } a.link-to-map:hover, a.link-to-map:focus, a.link-to-map:active{ opacity: 0.8; color: #2196f3; text-decoration:none; } .bloktaxiservice { margin-bottom: 15px; } .bloktaxiservice h3{ margin-bottom: 1px; } /*@ *********************** filter ****************************/ .filters_tags { padding: 10px 5px 0px 4px; display: flex; flex-wrap: wrap; } .post .filters_tags ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin:0; width: 100%; }.filter_button_tags svg { height: 13px; width: 13px; position: relative; top: 2px; } .post .filters_tags ul > li:before { content: ''; display: none; } .post .filters_tags ul .filter_button_tags { margin: 15px 15px 0 0; border: 1px solid #2196f3; padding: 7px 11px 0; border-radius: 6px; color: #444; cursor: pointer; transition: .2s; height: 36px; } .post .filters_tags ul .filter_button_tags:hover { border: 1px solid #2196f3; color: #fff; background-color: #2196f3; } .show { display: none; } .more_button_tags { padding: 8px 11px 0; position: relative; } .post .filters_tags ul .filter_button_tags_active { margin: 15px 15px 0 0; background-color: #2196f3; color: #fff; padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: .2s; } .post .filters_tags ul .filter_button_tags_active:hover { background-color: #2196f3; color: #fff; } /*@ *********************** ****************************/ .filters { padding: 0px 5px 15px 4px; display: flex; flex-wrap: wrap; } .post .filters ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin:0; } .post .filters ul > li:before { content: ''; display: none; } .post .filter_button { background-color: #32b87f; padding: 7px 11px 0; border-radius: 6px; color: #fff; cursor: pointer; transition: .2s; margin: 15px 15px 0 0; height: 36px; } .post .filter_button:hover { background-color: #2196f3; color: #fff; } .more_button { padding: 9px 12px 0!important; position: relative; } .filter_button svg { height: 13px; width: 13px; position: relative; } .more_button svg { width: 13px; height: 13px; color: inherit; } .show_filters { display: none!important; } .filter_button_active { background-color: #7a7a7a!important; color: #fff!important; } .filter_button_active:hover { background-color: #707070!important; color: #fff!important; } .filter_button_mult_active div { background-color: #7a7a7a; color: #fff; padding: 7px 12px; border-radius: 6px; cursor: pointer; transition: .2s; } .filter_button_mult_active { display: inline-flex; padding: 0!important; } .filter_button_mult_active div:first-child { border-radius: 6px 0 0 6px; border-right: 1px solid #8b8b8b; } .filter_button_mult_active div:last-child { border-radius: 0 6px 6px 0; padding: 9px 10px 0; } /****************** end@ */ /* window*/ .window_search svg { color: #bbb; width: 15px; height: 15px } .window_search { padding: 15px 0 0; position: relative; position: absolute; z-index: 1; width: calc(100% - 4px); top: -2px; left: 2px; border: 0px; } .window_search input { border: 0; border-bottom: 1px solid #e3e3e3; padding: 0 16px 15px 50px; margin-right: 50px; width: 100%; transition: .2s; font-size: 16px; } .window_search input:focus { border-bottom: 1px solid #d4d4d4 } .window_search div { position: absolute; top: 18px; left: 25px } .window_con { position: relative; margin: 0 15px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); padding-bottom: 5px } .window_h1 { border-bottom: 1px solid #e8e8e8; padding: 20px 75px 20px 30px; font-size: 18px; font-weight: 700; line-height: 1.4; color: #777; background: #f9f8fa; border-radius: 6px 6px 0 0 } .window_con_a { list-style: none } .window_con_a::-webkit-scrollbar { width: 8px } .window_con_a::-webkit-scrollbar-track { background-color: #e9e9e9 } .window_con_a::-webkit-scrollbar-thumb { border-radius: 5px; background-clip: padding-box; background-color: #b9b9b9 } .window_con_a_h { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; top: 49px; bottom: 0; left: 0; right: 0 } .window_region_city_con { padding: 25px; border-top: 1px solid #f3f3f3 } .window_region a { font-size: 18px; line-height: 1.6; font-weight: 700 } .window_city { padding-top: 5px; list-style: none } .window_city li { display: inline-block; margin-right: 20px } .window_district { padding: 15px 15px 25px; border-top: 1px solid #f3f3f3 } .window_district label { cursor: pointer; display: flex } .window_checkbox { padding-right: 7px } .window_district_b { font-size: 18px; line-height: 1.6; font-weight: 700; padding: 10px 10px 0 } .window_district_c { list-style: none; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count:2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; } .window_district_c li { display: inline-flex; width: 100%; padding: 10px 10px 0 } @media screen and (max-width: 670px) { .window_district_c li { width:100% } .window_district_c { list-style: none; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count:1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; } } .window_con_a_h_f { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; top: 49px; bottom: 48px; left: 0; right: 0 } .window_button { height: 48px; border-radius: 0 0 6px 6px; position: absolute; bottom: 0; right: 0; left: 0 } .window_button_hide { position: absolute; width: 100%; height: 100%; border-radius: 0 0 6px 6px; opacity: 0 } .window_button_input { cursor: pointer; width: 100%; height: 100%; border-radius: 0 0 6px 6px; color: #fff; background-color: #1475c1; font-weight: 700; transition: .2s appearance: none; margin: 0; padding: 0; outline: 0; border: 0px; } .window_button_input:hover { background-color: #1b89f0 } .window_button_input:active { background-color: #1880e1 } .window_button_input_hide { color: #b0b0b0; background-color: #f0f0f0 } .container_chk { display: block; position: relative; padding-left: 27px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .container_chk input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .checkmark_chk { position: absolute; top: 3px; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 4px; transition: .2s } .container_chk:hover input ~ .checkmark_chk { background-color: #e0e0e0 } .container_chk input:checked ~ .checkmark_chk { background-color: #1475c1 } .checkmark_chk:after { content: ""; position: absolute; display: none } .container_chk input:checked ~ .checkmark_chk:after { display: block } .container_chk .checkmark_chk:after { left: 5px; top: 2px; width: 6px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .regions { max-width: 1040px; margin: 0 auto; background-color: #fff; padding: 0 10px 25px; display: flex; flex-wrap: wrap } .region_con { padding: 25px 10px 0; width: 33.33% } .region { font-size: 16px; font-weight: 700 } .cityes { padding-top: 10px } @media screen and (max-width: 900px) { .region_con { width:50% } } @media screen and (max-width: 600px) { .region_con { width:100% } } .regions_h { padding-top: 30px } .search_not_found { padding: 50px 20px 25px; text-align: center; } .search_not_found div:first-child { font-weight: 700; font-size: 18px; } .search_not_found a { color: #1475c1; text-decoration: none; cursor: pointer; outline: none; } .search_not_found a:hover { text-decoration: underline; } /****************** end@ */ .flex__city_list { display: flex; flex-flow: row wrap; } ul li.hidemy{ display:none; } .agregator__sort_comment { float: right; margin-top: -48px; } @media (max-width: 699px) { .agregator__sort_comment { float: none; margin-top: 10px; margin-bottom: 20px; } ul li.hidemy{ display:block; } ul li.hidemym{ display:none; } } .foto_title { font-style: italic; } .item_xlsx {text-decoration: none!important; cursor: pointer; display: inline-block; /* height: 26px;*/ margin: 0px 0 0; padding: 0 13px; -webkit-transition: .1s; transition: .1s; border: 1px solid #2196f3; border-radius: 10px; font-size: 15px; line-height: 22px; margin-bottom: 17px; } .item_xlsx:hover { text-decoration: none; color: #FFF; background: #2196f3; } .link_underline { /* text-decoration: underline;*/ cursor: pointer; /* color: #393; */ display: inline-block; border-bottom-width:1px; border-bottom-style:dashed; } .fullrezim__body { display: flex; flex-flow: column nowrap; padding-left: 20px; } .fullrezim__row{ position: relative; justify-content: space-between; display: flex; max-width: 400px; margin-bottom: 10px; font-weight: 500; color:#000; padding: 3px 7px; } .fullrezim__row-desc-red { color:#dc143c; } .fullrezim__row-desc-green { color:#393; } .fullrezim__row-title { width: 100px; } .fullrezim__row.active .fullrezim__row-desc-red, .fullrezim__row.active .fullrezim__row-desc-green, .fullrezim__row.active { /* color: #959595; */ } .fullrezim__row.active { border: 2px solid #32b87f; border-radius: 10px; } #layer-create-dom.white-popup { max-width: 500px; min-height: 270px; } .mfp-content #layer-create-dom.white-popup{ display: block !important; } .fullrezim__row-h2 { margin: 0; padding: 0px; /* margin: 0 auto; */ /* display: block; */ text-align: center; margin-bottom: 10px; font-size: 20px; font-weight: bold; } @media (max-width: 768px) { .fullrezim__row {font-size: 13px; padding: 3px 0px;} .fullrezim__row.active {font-size: 13px;} .fullrezim__body {padding-left: 3px;} .white-popup {padding: 20px 5px !important;} } .search__title {margin-bottom: 7px;} .city_list #SearchCity { display: block; position: relative; right: 0; padding-left: 12px; top: 0; margin-bottom: 10px; left: 0px!important; height: 45px; border: 1px solid #E6EBF2!important; border-radius: 10px; font-weight: 600; } @media screen and (max-width: 479px) { .city_list #SearchCity { width: 100%!important; max-width: 100%!important; } }