/* MAIN CSS - niges.ru */ /* ================================== ОБЩЕЕ ================================== */ *{padding:0;margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);} body{width:100%;height:100%;min-width: 1198px;/*overflow-x:hidden;*/padding-top:0;padding-bottom:0;margin-top:0;background:#eee;color: #222;font-family:'mpregular','trebuchet MS',tahoma,verdana,arial;font-size:12px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} h1, h2, h3, h1 a, h2 a, h3 a {font-family:'mpbold','Trebuchet MS',Tahoma; color: #222; text-decoration: none; font-weight:normal; } h2, h2 a {font-size:37px; text-align:center; word-spacing: 0.2em; color: #222; font-weight:normal; } h3, h3 a {font-size:31px; text-align:left; word-spacing: 0.2em; font-family:'mpbold','Trebuchet MS',Tahoma; color: #222; font-weight:normal;} p, a, span{font-family:'mpregular','Trebuchet MS',Tahoma; transition:background-color 0.2s,color .2s,opacity .2s;outline:none; color: #222;} a:hover{transition:background-color 0.2s,color .2s,opacity .2s} h2 a.title-a { padding: 5px 0px 7px; background-color:none; } h2 a.title-a span { display: block; position: relative; background-color: #222; opacity:0; height: 5px; width: 0px; transition: opacity 0.3s, width 0.35s; margin-top: 2px; margin-left: auto; margin-right: auto; clear: both; float: unset; } h2 a.title-a-websites:hover span { width: 378px; opacity:1; transition:opacity 0.6s, width 0.35s;} h2 a.title-a-design:hover span { width: 415px; opacity:1; transition:opacity 0.6s, width 0.35s;} h2 a.title-a-seo:hover span { width: 596px; opacity:1; transition:opacity 0.6s, width 0.35s;} h2 a.title-a-seo span {background-color: #fff;} h2 a.title-a-smm:hover span { width: 640px; opacity:1; transition:opacity 0.6s, width 0.35s;} h2 a.title-a-clients:hover span { width: 290px; opacity:1; transition:opacity 0.6s, width 0.35s;} p { font-size: 16px; line-height: 22px; } /*header, */ section, footer {overflow: hidden; /**/ /* Проверить на эстетику! */ /*transform: translate(0,0);*/} header { z-index: 105; position: relative; } footer { z-index: 5; position: relative; } .box {width:1157px; margin-left:auto; margin-right:auto;} .box h2 {padding:50px 0 27px;} .clear { display:block; width:100%; height:50px; clear:both; } .clear-1 { height:1px !important; } .clear-5 { height:5px !important; } .clear-10 { height:10px !important; } .clear-20 { height:20px !important; } .clear-35 { height:35px !important; } .noscroll {/*overflow-y: hidden;*/} /** добавить градиент для вебкит и о background: -webkit-linear-gradient(180deg, #fabc1a 0, #a42724 88%); background: -o-linear-gradient(90deg, #fabc1a 0, #a42724 88%); background: linear-gradient(90deg, #fabc1a 0, #a42724 88%); **/ .prim {font-size: 16px;} .btn {color: #fff; white-space: nowrap; word-spacing: 0.15em; font-size: 16px; line-height: 24px; height: 24px; z-index: 33; position: relative; text-decoration: none; border: 2px solid #fff; text-transform: uppercase; display: inline-block; padding: 11px 33px 11px; margin-left:7px; margin-right:8px; border-radius: 25px; cursor:pointer; font-family: 'mpsbold','Trebuchet MS',Tahoma; -moz-box-sizing: content-box; box-sizing: content-box;} .btn.dark {color: #222; border-color: #222;} .btn.dark:hover { background:rgba(255,255,255,.5) !important;} /*.btn:before { content:''; position:absolute; pointer-events: none; } */ .btn.onwide {margin:0 auto; display: block; width: 136px; text-align: center; clear: both; color: #222; border-color: #222;} .btnscroll {cursor:pointer;} .n-tabs-wrap { /*height: 54px;*/ float: none; clear: both; margin-top:35px; width:100%;} .n-tabs { position: relative; z-index:6; cursor:pointer; /*opacity:0.9; */height: 54px; white-space: nowrap; line-height: 56px; margin-top0:3px; text-align:left; /*text-indent:15px;*/ border-bottom:2px solid #999; /*padding:0 38px 0 20px;*/ padding: 0 15px 0 15px; float: left; /*background: url(../img/n-tabs-235-c.png) repeat-x;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABsBAMAAABZUcU+AAAAElBMVEX+/v6ZmZn4+Pj19fX7+/vy8vL74QRzAAAAFUlEQVQI12MQgMLhABwYFIDQAAgDADxoAXHsKy70AAAAAElFTkSuQmCC') repeat-x; background-size:1px 54px; background-position:bottom right; font-family:'mpsbold','trebuchet MS',tahoma,verdana,arial; font-size:18px; } .n-tabs:hover {/*opacity:0.9; text-shadow: 1px 1px 28px #b5b5b5;*/} /**/.n-tabs:before {content:'';position:absolute; height: 54px; width:20px; margin-left:-26px; /*background: url(../img/n-tabs-235-l.png) no-repeat;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABsCAMAAABHGoIdAAAAllBMVEUAAACZmZmenp6tra3Ly8ulpaWnp6ezs7O/v7/Hx8eSkpKjo6Ovr6+1tbW9vb3BwcHDw8OhoaGrq6u3t7e5ubm7u7vFxcWUlJT///+ZmZn9/f3z8/P39/eTk5O/v7+3t7exsbHd3d3X19fLy8ukpKSfn5/t7e3o6Oji4uKsrKzv7+/R0dHPz8/ExMSoqKibm5vr6+vHx8cnjLbXAAAAGHRSTlMAqJdqCYN6WDIXvYlkUTgsJY9wS0Q+H7RN6mruAAABhElEQVRIx5XV2W7CQAyF4SZAgbIUKKUmZAOSQEJZ+v4v1wMSKrJ9KuFLf1KikX7NvDjTy4vz0m7DIFhi1Hpy21poYe3B4LYv03UTyeO+E1zXh0gwjzC67rNYRMNtH4mBDqCOxAL250osDAGpKLj/oSKQiwNjwNaDFr6092AKaDwIABGBUggUDGoG+dOQMUg9aDPo43w/HiwAWw/eAd8ejAEbD+YMRoC1B13A3oMWYOfBDHDx4BXQeDAArDwIAbEC1YKFsxAoGRQMTgxqBjmDjEHqQZsCDn70oG8iERWJhh7g4MEnYOPBh4lEVCQahoCdBzMGr4BKAYlEWCRiIrEgBEoGBYMTg5pBziB7GlIP2oCjAhWJgokDLBJhkYiKREGXwdDWI/4Vg1GRKOgAVh5MAbEHoY1EVCQWSgYFgxODmkHOIHsaUg0sEvHfIQyLRMgVA/h7hyzMGdh3CEOuGACJRO6RXCI190gqD0JA40GQJMkqVnOFL0DswVuSLFd6/oFFCCgM/AJ+nLk55r9+EAAAAABJRU5ErkJggg==') no-repeat; background-size:12px 54px; background-position:0px 0px;} /**/.n-tabs:after {content:'';position:absolute; height: 54px; width:20px; margin-left: 14px; /*background: url(../img/n-tabs-235-r.png) no-repeat; */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABsCAMAAABHGoIdAAAAmVBMVEUAAACZmZmampqenp6tra3Ly8ulpaWnp6ezs7O/v7/Hx8eSkpKjo6Ovr6+1tbW9vb3BwcHDw8OhoaGrq6u3t7e5ubm7u7vFxcWUlJT///+ZmZn9/f3z8/P39/eTk5O/v7+3t7exsbHd3d3X19fLy8ukpKSfn5/t7e3o6Oji4uKsrKzv7+/R0dHPz8/ExMSoqKibm5vr6+vHx8cHfa81AAAAGXRSTlMAqKKXagmDelgyF72JZFE4LCWPcEtEPh+0EeVFNQAAAYdJREFUSMeV1WlPwkAUhWE2EZRFQMRLoQvSIi2y+P9/nKdkhMCcQ9L79Uk7meTNndr8mCbdGpk5pl5vdimU1hhxALVuwYJiFWVn6d1COcEuK6XtgdkyLmXggwVn8QGSA9oEbHOEMLAI0GewwSkNBpbgEwprwJDBFv9qMSgAYwYBoMHAMhxCIVWQK0gqQ6wgegRPDH5xwxcGa8CMwQ/gjcEXYKhgymAFGDDYAjoMvgEtBifAhEEBeGawAPQYLAFNH1wNDMx17UOmIFVwUJArSBTECqJH8MRgj6tTWF/7MT8TBjtA14GXyYcDL5N3ByoT8zLpK5gw2FwzMZWJqUzMz4SBAeoUMgWpgoOCXEGiIK4MkYL9pR8jmSgYORCZmMrESCYKOg68fvoOxJoxlYn5mbQdeJmMGQSXfoxkQiFTkCo4KMgVJAriyhBxcJk44K+RiUwAYs0YyWSoYOqAvkYAsWZMZRLczcll4sEG0GZQ/NewvJtFGIYNHzCAzxIW9zMPw9dqkAKas9ofcr7Ax+zNPP0AAAAASUVORK5CYII=') no-repeat; background-size:12px 54px; background-position:0px 0px;} .n-tabs-gr {width0:200px;} .n-tabs-ud {width0:200px;} .n-tabs-sn {width0:250px;} .n-tabs-active { z-index:7; margin-top:2px; height: 54px; line-height: 54px; border-bottom:2px solid #eee; /*background: url(../img/n-tabs-235-active-c.png) repeat-x; */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABsAQMAAACRsUpOAAAABlBMVEXu7u6ZmZnz/xVEAAAADUlEQVQI12NogMJhBgCo5wIB/9u02wAAAABJRU5ErkJggg==') repeat-x; background-size:1px 54px; background-position:bottom right; } /**/ .n-tabs-active:before {content:'';position:absolute; height: 54px; width:20px; margin-left:-26px; /*background: url(../img/n-tabs-235-active-l.png) no-repeat; */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABsCAMAAABHGoIdAAAAe1BMVEUAAACZmZmioqLHx8fExMSoqKiysrK8vLy/v7+ampqenp7Ly8ukpKSrq6utra23t7eurq60tLS4uLju7u6ZmZmenp7Hx8e2trbBwcG8vLyjo6Pq6urm5ubg4ODa2trW1tbi4uKysrKsrKyoqKjQ0NDMzMzS0tKurq7c3Nw3mex1AAAAE3RSTlMAsZQWI4BePTGqoAqJdm9OaVVIJAQeWAAAAW9JREFUSMeV1MtWg0AQhGEJGIPmohYTBMkFUOP7P6GNLlpmqhbMsr9zmgX/6bv05fUYqioZ77KsshfD/TROIS9tTGDzNx6O5w74Ny9+5/UV9mZQ2jhcgBi2mc1PSCCfFl2QwsrmDQhMizoCB4MGM/BN5zn4JgjoGRQGbwwe7BNHBgeDDwZrgwuDZ4Mzg53BN4N7gxODlcGVwaPBO4NSQWYAAUFBq2BUMCi4KegV1AyeDBoGeWV/lkGhYJP8cngLnwxevYU5vBh8ReCRMNgnkSBqIYZt0gI8ki4CEQlUCw5BQbsYRgWDgl5BvQBoJPBIGBRpC1CRQEUCcTAA1QLEwQDEwQBUJBAHA/AWGJQEPBIBQUGrYFQwKLgp6BXUMagW4C0QKBioFqBagDgYgDgYgIoE4mAAqgWIgwGIgwGoSOAtcAgK2sUwKhgU9ArqBSAigYoEfjBS2AjwSGLYkxYM1qvM4JRCNb0bOLQdhdCQOX4AJQSXpRzNPjsAAAAASUVORK5CYII=') no-repeat; background-size:12px 54px; background-position:0px 0px;} /**/ .n-tabs-active:after {content:'';position:absolute; height: 54px; width:20px; margin-left:14px; /*background: url(../img/n-tabs-235-active-r.png) no-repeat; */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABsCAMAAABHGoIdAAAAe1BMVEUAAACZmZmioqLHx8fExMSoqKiurq6ysrK8vLyampqenp7Ly8ukpKSrq6u3t7e+vr60tLS4uLjBwcHu7u6ZmZmenp7Hx8e2trbBwcG8vLyjo6Pq6urm5ubg4ODa2trW1tbi4uKysrKsrKyoqKjQ0NDMzMzS0tKurq7c3Nx4w/ZCAAAAE3RSTlMAsZQWI4BtXj2qoAqJdk40VUguRY5BTwAAAWRJREFUSMeV1N1Og0AYhOFSaCvaFnWAFeSngIr3f4V+2E1IszMH7OmTfBzwZnZ5Xkwu3oUvX14UXQh4OnAwSh8PAk1XjnfKHmF5N/cvSQBAX5ikBNCaRGcC6HOTmAAqkz2DZjnGAJXBlUHnbwUAfyuEQcGHQcKgtI88MfgyuDLoDU4MOoMjg1+DC4PW4MDgZrBn8GnwrCBlAIOIQqGgVjApGBXMCgYFTkFl8MLA/m0eK0gYlAbvDL7XGhDU8Mbgx+DVg8oEKhOoGhDUcGbQrJlAZYKwBgqFgnozTApGBYMCtxnWTKAyQVhDoiDzIDIBxGhA1QBVAyBGAyoTQIwGSA0KUg9hJhQKBbWCScGoYFYwKHAriBrAalCQeOCjAVUDIEYDEKMBlQlUJlA1AGI0ADEaUJmA1UChUFBvhknBqGBQ4DbCmglUJgAbDQWZB5oJWA1HBq1BtD+FgDlfHoGm5mBS2c/6Awo2l6Vt1sRmAAAAAElFTkSuQmCC') no-repeat; background-size:12px 54px; background-position:0px 0px;} .n-tabs-last { z-index:5; cursor:default; border-bottom:2px solid #999; border-left:0px solid #999; float: none; height:54px; width:100%; padding:0px; background: none; margin-top: 0px; width:152px; } .n-tabs-last.n-tabs:before {content:'';position:absolute; height: 0px; width:0px; } #n-tabs .hide {display: none;} #n-tabs .show {display: block;} #n-tabs .tabContent { width: 750px; width: 625px; /*height: 60px; width: 1158px;*/ min-height: 555px; border: 1px solid #e5e5e5; position: relative; top: -1px; z-index:1; padding: 10px; padding-right: 545px; border-radius: 0 0 3px 3px; /* варинат с рамкой */ border: none;border-left: 2px solid #999999; border-top: 2px solid #999999; border-radius: 7px 7px 7px 7px; margin-top: -1px; /*margin-left: -7px;*/ margin-left: -12px; background: #eee; box-shadow: 3px 10px 39px rgba(0,0,0,.05); } #n-tabs .tabContent h3{ padding:20px 10px 15px 30px;} #n-tabs .tabContent ul li{font-size:19px; margin-left:55px; line-height: 24px; margin-bottom: 15px; margin-top: 15px; } #n-tabs .tabContent p{font-size: 19px; line-height: 27px; margin-left: 35px; margin-top: 20px; margin-bottom: 5px; word-spacing: 0.2em; /* text-indent: 20px; */} #n-tabs .particular-0 {position:absolute;margin:190px 0 0 802px; /*width:350px; padding: 15px 39px;*/ width:290px; padding: 15px 30px 15px; background: #ddd; background: linear-gradient(45deg, #dadada, #ddd); border-radius: 6px 6px 6px 6px;} #n-tabs .particular-0 span {font-size:21px; display:block; } #n-tabs .particular-0 span.adaptive {font-size: 21px; line-height: 45px; display: block; padding-left: 63px; /*background: url(../img/i/i-web-adaptive.png);*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA8CAMAAACn4e/8AAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAANnRSTlMADxsXgFLLmpAqBroT+CXRIfKkHrM1CmNfVEIwCD6ILIVPDFr8Z31F6zpwd3JJ5NXCa9vGkaotopxuAAAEm0lEQVRYw7XXa1faMBzH8V8SqkuIWTQ2lF6stGIBxTGdff8vbWSrrleqA78P1HM88jm5+KfgX3pyMzmumy1GUhfl8d2OIN/KU+TjYNOTILNx5Gl39t+9vLj9Xo4jtzimHx9DJqCGvqdSTuPTI/cIfs6qNpt5mDLxFcgin7u8IEgkXF+GePPltp/IJLEsPgXiBbMIfVElWRrO6QkQb7boW0YsFROGm4wy9GeU5tnHEG+27QLUMN/L4C8JoBhGGkdmC7STlGZIZshyxRFztEumu+lAu5fHHiQI2nslokRHC8YKGgWCpOvOQvzyYK+sjXhLjUas2BZapdHM5/MglPD9ONVodF02unxqKZM2EoRophccMBpJsObbhDB3tSKFet/LRmfnLeRXG8m7p2q0TDLYLWVMLzwFp9BBxDWG+OhGQl8KnoAxw20SGiDmooHcTa8Het3v3bf2gJToZigQFpJr3y3TbkOApQ1kNTxHrypkbNRzAe4BUAGFK/IkuKkjl8Im/ntJkSj5SSRWwEK7qRJV11fOFTipI1CPsz8F++mdr43AZxENU7jLbDKjFGVGizhKiRF1hM7+DO/99PYlXJ9fie/uw5oLSbRBzDSVYZHqDuLlyy35vzMRGokBfG5YLDmDi5DUy2kL2S+Djxz8/ObhW9KLGBFasIgxFcuU/Zs2fgNxhkQ/Mp5gJgHloJqlNO2+ToV4gWcxiIQPD49vPeSii8iIi8hdYeXrlAwhwdxiCBHfWpOnZyVK8RiATVUa2QFkGbB/fyGsbCCbanTuptXwXHYPPo0IXCxZ+2IAeeSoImS/9DWpI7fVCu7uqh9u0G69fXvlaLlGP8IXcAnirkaoQBvIpLw8O/t+9v35+Yf7/txFRKBQlf1MhpAI+4jmNpTRwlrW2K6bcoJavHvhJMd7yQAiKAOkn6RFopK5FqEmTeQBi6IowsUiYqJCBotJP5JBAFEhWOaH64QrAWpayDLPg43HuisZr0IqW61hlJX+mgsw1kSCaiAciwgNFTK6F3RIYbImMvMIToBkFj5BWgh3EZVlDWSTNA5eSPLhpKgj0CkEo0ZREitFZR3J4RJxhSzKiw9XLmuIBWcwmjBFrLQqDGUNMY6gilWIV36iTQ2JsxRxyjSt3g/8ULwht4Bl1E9oLA4iF5Pipez0s4bAKBhptGFvN76OxFpHSkt7EFkC8uIwwjkTkBHXeKuGIDZSWqbJISQHxOow4kfCUQXvRaTMDBMsghpGniRuD28X+ztJRR72IsxYTYGshXSepEeQ6izSdS/CDVSEY25XI9G/XQB5n1008D5coPsQ9CCuY8fK8QirR+2XIIl7d36vPP8SJC8bTf8DuUctVf5Cp03rH+bTyG15pcMwTLw83JfO+lbS/hC4biMrexiZtB6J6ruXWWtjQe/LVs9bAmttFr+vRMW0N4bXPyupDIJV67lL7MqVq3ciP+1/cVneV8ihHPJQjYwY1dC4r92psZ7h+tG8FlevV6vWp1++KxvdaVTJ86vzw11v4Dor6y0yTXatlcD+2l3vezlzX6fXET7dTXm4JU6QXI2M0JO0PR/uam/8Bs+hcAY88/gLAAAAAElFTkSuQmCC'); background-size: 50px 30px; background-position: left center; background-repeat: no-repeat;} #n-tabs .particular-1 {position:absolute; margin: 19px 0 0 652px; /*width:350px; padding: 15px 39px;*/ width:100px; padding: 15px 15px 15px; background: #ddd; background: linear-gradient(45deg, #dadada, #ddd); border-radius: 6px 6px 6px 6px;} #n-tabs .particular-1 span { text-align:center; font-size:15px; display:block; height:60px; padding-top:10px; padding-bottom:10px; text-indent:-99999px; background-position: center; background-repeat: no-repeat; } #n-tabs .particular-1 span.i-bitrix {background-image: url(../img/i/cms/bit.png); background-size: 95px 55px;} #n-tabs .particular-1 span.i-wp {background-image: url(../img/i/cms/wp.png); background-size: 95px 55px; } #n-tabs .particular-1 span.i-umi {background-image: url(../img/i/cms/umi.png); background-size: 85px 65px; } #n-tabs .particular-1 span.i-modx {background-image: url(../img/i/cms/modx.png); background-size: 95px 40px; } #n-tabs .particular-1 span.i-drupal {background-image: url(../img/i/cms/drupal.png); background-size: 95px 65px; } #n-tabs .particular-1 span.i-oc {background-image: url(../img/i/cms/opcart.png); background-size: 95px 65px; } #n-tabs .particular-1 span.i-ucos {background-image: url(../img/i/constr/ucos.png); background-size: 100px 63px; } #n-tabs .particular-1 span.i-ukit {background-image: url(../img/i/constr/ukit.png); background-size: 85px 40px; } #n-tabs .particular-1 span.i-nethouse {background-image: url(../img/i/constr/nethouse.png); background-size: 100px 38px; } #n-tabs .particular-1 span.i-tilda {background-image: url(../img/i/constr/tilda.png); background-size: 65px 63px; } #n-tabs .particular-1 span.i-webasyst {background-image: url(../img/i/constr/webasyst.png); background-size: 100px 23px; } #n-tabs .particular-1 span.i-wix {background-image: url(../img/i/constr/wix.png); background-size: 90px 33px; } #n-tabs .particular-1 span.i-php {background-image: url(../img/i/designcms/php2.png); background-size: 95px 47px; } #n-tabs .particular-1 span.i-js {background-image: url(../img/i/designcms/js.png); background-size: 80px 44px; } #n-tabs .particular-1 span.i-pt {background-image: url(../img/i/designcms/python.png); background-size: 95px 45px; } #n-tabs .particular-1 span.i-ruby {background-image: url(../img/i/designcms/ruby.png); background-size: 65px 65px; } #n-tabs .particular-1 span.i-j {background-image: url(../img/i/designcms/j.png); background-size: 95px 52px; } #n-tabs .particular-1 span.i-ds {background-image: url(../img/i/designcms/ds2.png); background-size: 95px 75px; } #n-tabs .particular {position:absolute;margin:286px 0 0 802px; /*width:350px; padding: 15px 39px;*/ width:290px; padding: 30px 30px 15px; padding: 30px 30px 77px; background: #ddd; background: linear-gradient(45deg, #d5d5d5, #ddd); border-radius: 6px 6px 6px 6px;} #n-tabs .particular span {font-size:21px;display:block;margin-bottom:15px;} #n-tabs .particular span .i-plus {font-size: 28px; line-height: 26px; text-indent: -99999px; margin-right:10px; display:inline-block; color:#fff; width:30px; height:30px; border-radius:20px; text-align:center; /*background-color: linear-gradient(5deg, #04dc82, #38de3e);*/ background-color: #38de3e; /* background-image:url(../img/i/i-web-yes.png); */ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAdCAMAAAAaaVXxAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMA+eFBLgrAmmRQGw0H8e3SxK2fiX5sSBfl2sy6t6iljYNwYFk2NRPUyJV4dDsgRQkGkQAAAO9JREFUOMuFk9kWgjAMREOlLoCCouK+70v+//MUxKmlGu9TkjPQzrQlmeDaW/n0h5piZm9NIn6HC2okkI35RZcEGlwyEUQXflOnn/QZbPL+1hyGjqjJYJFHMnsWcdXG0DPraSJ9Ksr23hKFCqJx9uy3ZaOsRbsQdXzL7kJDE2HIXquYLDGYQ9VjMCiPikHqZpAi4eqHW/7y+2hqbyIw9hJN4HDEeHQgnaBTAX1wn5gEdzPU7UrSexP0R9USDs22YrNyREsyuEEK1xN5wGxGXwljNihfeDDIYEcO7sWzMviVx5pEUs450x829TjpR+78AWZ2RsG26wF2AAAAAElFTkSuQmCC'); background-size: 19px 15px; background-position: center; background-repeat: no-repeat; font-style: normal; font-family: "mpbold", "Trebuchet MS"; font-weight:blold;} #n-tabs .particular span .i-minus {font-size: 28px; line-height: 26px; text-indent: -99999px; margin-right:10px; display:inline-block; color:#fff; width:30px; height:30px; border-radius:20px; text-align:center; /*background-color: linear-gradient(5deg, #04dc82, #38de3e);*/ background-color: #e62f1d; /*background-image:url(../img/i/i-web-minus.png);*/ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAKBAMAAADbdmpdAAAAG1BMVEX///8AAAD///////////////////////////8NUEtIAAAACHRSTlPuAOe/uYRRUPbmXqAAAAA2SURBVAjXYxAsUWCAgAYorVIowCDagQFaBRgyOjBBAoMFFlEDBg0sogrYRbGbgN027C7D7gsAoftXiXlCqcIAAAAASUVORK5CYII='); background-size: 20px 5px; background-position: center; background-repeat: no-repeat; font-style: normal; font-family: "mpbold", "Trebuchet MS"; font-weight:blold;} #n-tabs .particular-2 {position:absolute;margin:455px 0 0 802px; width:290px; padding: 0px 30px 0px; } #n-tabs .particular-2 .btn {background: none; min-width: 220px; margin-left: 0px; text-align: center; } /* sections */ /* ================================== 1 (HEADER) ================================== */ .s-header-1 { background:#fff; position: relative; z-index: 10; } .h-line-1 {height:160px; } .h-line-1 .logo { width:250px; float:left;} .h-line-1 .logo a{ width:376px; height:101px; display:block; margin-top:55px; /*font-size: 115px;*/ text-indent: -9999px; font-size: 1%; color: #000; font-weight: bold; text-decoration: none; background:url('../img/logo.png') no-repeat; background-size:376px 101px;} .h-line-1 .logo:after { content:''; position:absolute; pointer-events: none; margin-top:-56px; width:124px; height:101px; display:block; background:url('../img/logo-origami.png') no-repeat; background-size:124px 101px;} .h-line-1 .logo span { position:absolute; font-size: 15px; color: #999; font-weight: normal; margin: -19px 0 0 207px; letter-spacing: 1.2px; } .h-line-1 .phone { /*width:250px;*/ width: 270px; float:right; text-align:right;} .h-line-1 .phone div:nth-child(1) {font-size:16px; margin-top:50px; } .h-line-1 .phone div:nth-child(2) {font-size:35px; margin-top:-5px;} .h-line-1 .phone div:nth-child(2) { height: 42px; margin-right: -1px; } .h-line-1 .phone div:nth-child(3) {font-size:20px; } .h-line-1 .phone div:nth-child(3):before {content:''; position:absolute; display:block; width:29px; height: 29px; background: url('../img/mobile.png') no-repeat; background-size: 29px 29px; margin: -2px 0 0 83px; } .s-header-2.topmenu { position: relative; z-index: 8;} .s-header-2 { background:#a400c5; /*background: linear-gradient(to right, #a500c4, #6a00d3); */ /*background: linear-gradient(to right, #8b00c4, #4700d3);*/ background: linear-gradient(to right, #6500d3, #3000d3); } .h-line-2 {height:54px; } .h-line-2 nav { z-index: 5; position: relative; } .h-line-2 ul {margin-left:31px;} .h-line-2 ul li { float:left; list-style-type:none; } .h-line-2 ul li:last-child { float:right; margin-right: -20px;} .h-line-2 ul li a { display:block; white-space: nowrap; color:#fff; font-size:20px; line-height:53px; font-family: "mpsbold", "Trebuchet MS"; padding:0 21px 1px; text-decoration:none; background:url('../img/anim-bg-menu-2.png');} /**/.h-line-2 ul li a:hover {background:rgba(255,255,255,.18); } .fixmenu {position:fixed; top:0px; width:100%; min-width: 260px; z-index:999; opacity:0; } .fixmenu .box{ overflow:hidden; height:54px; } .fixmenu:after { content:''; position:absolute; pointer-events: none; margin-top:0px; width:100%; height:5px; display:block; background: url('../img/fixmenu-shadow.png') repeat-x; background-size:1px 5px;} .fixmenu-logo {width:0px; height: 42px; margin-top: 7px; float:left; background: url('../img/logo-fixmenu.png') no-repeat; background-size:146px 42px; cursor: default !important;} .fixmenu-contacts {width:0px; height: 55px; float:right; overflow:hidden; } .fixmenu-contacts .phone {display:block; cursor:pointer; width:55px; height: 55px; background: rgba(255,255,225,.18); float:right; background: url('../img/mobile2.png') no-repeat; background-size: 48px 46px; background-position: 4px 4px; } .fixmenu-contacts .phone:hover {background-color: rgba(255,255,225,.15);} .fixmenu-contacts .feedback {display:block; cursor:pointer; width:55px; height: 55px; background: rgba(255,255,225,.18); float:right; background: url('../img/mail3.png') no-repeat; background-size: 28px 26px; background-position: 13px 14px; } .fixmenu-contacts .feedback:hover {background-color: rgba(255,255,225,.15);} .fixmenu-logo a {display: block;width: 256px; height: 42px; cursor: pointer !important;} header .phone div a *, header .phone div a {color: #222 !important; text-decoration: none !important;} footer .phone div a *, footer .phone div a {color: #fff !important; text-decoration: none !important;} footer .phone div a { display: block; min-width: 250px; } #contentload { z-index: 3; position: relative; } /* ================================== КРОШКИ ================================== */ .bc {position: relative; /**/height: 100px; width: 100%; display: block; margin-bottom: -100px; z-index: 5; top: 0px; } .bc .box { /*text-align: center;*/ } .bc .box a { display: inline-block; opacity: 0.8; padding: 0 15px 0 36px; height:32px; line-height:32px; border-radius: 4px; /*border:2px solid #777;*/ font-size: 14px; color:#fff; margin-right: 8px; margin-bottom: 10px; background: #999; top: 19px; position: relative; transition: top .35s cubic-bezier(0.24, 0.08, 0.42, 1.61), opacity .5s ease, border .35s ease, color .35s ease, background-color .35s ease; text-decoration: none;} .bc .box a:nth-child(1) {transition-delay: 0.35s; } .bc .box a:nth-child(2) {transition-delay: 0.38s; } .bc .box a:nth-child(3) {transition-delay: 0.41s; } .bc .box a:nth-child(4) {transition-delay: 0.44s; } .bc .box a:nth-child(5) {transition-delay: 0.47s; } .bc .box a:hover { cursor: pointer; /* background-color: #5290ec !important;*/ opacity:1 !important; transition: all .3s ease;} .bc .box a.main { background: #999 url('../img/i/breadcrumbs/mob/-main.png') no-repeat; background-size: 20px 20px; background-position: 9px 5px; } .bc .box a.blog { background: #999 url('../img/i/breadcrumbs/mob/blog.png') no-repeat; background-size: 20px 20px; background-position: 9px 5px; } .bc .box a.blog-svg-animatsiya-vektor { background: #999 url('../img/i/breadcrumbs/mob/blog-svg-animatsiya-vektor.png') no-repeat; background-size: 20px 20px; background-position: 9px 5px; } .bc .box a.websites { background: #999 url('../img/i/breadcrumbs/mob/websites.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.websites-corporate { background: #999 url('../img/i/breadcrumbs/mob/websites-corporate.png') no-repeat; background-size: 20px 16px; background-position: 9px 7px; } .bc .box a.websites-landing-page { background: #999 url('../img/i/breadcrumbs/mob/websites-landing-page.png') no-repeat; background-size: 20px 20px; background-position: 8px 6px; } .bc .box a.websites-templates { background: #999 url('../img/i/breadcrumbs/mob/websites-templates.png') no-repeat; background-size: 20px 20px; background-position: 8px 5px; } .bc .box a.websites-store { background: #999 url('../img/i/breadcrumbs/mob/websites-store.png') no-repeat; background-size: 20px 20px; background-position: 7px 6px; } .bc .box a.design { background: #999 url('../img/i/breadcrumbs/mob/design.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.design-polygraphy { background: #999 url('../img/i/breadcrumbs/mob/design-polygraphy.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.design-polygraphy-cards { background: #999 url('../img/i/breadcrumbs/mob/design-polygraphy-cards.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.design-polygraphy-calendars { background: #999 url('../img/i/breadcrumbs/mob/design-polygraphy-calendars.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.design-polygraphy-cards-p { background: #999 url('../img/i/breadcrumbs/mob/design-polygraphy-cards-p.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.seo { background: #999 url('../img/i/breadcrumbs/mob/seo.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } .bc .box a.smm { background: #999 url('../img/i/breadcrumbs/mob/smm.png') no-repeat; background-size: 20px 20px; background-position: 9px 6px; } /**/#lv-2, #lv-3, #lv-4, #lv-5 { opacity: 0; white-space: nowrap; } /* ================================== 1 (SLIDER) ================================== */ .s-slider { background:#fff; } /*slides*/ /*пока без кнопок и в слайдере и в частицах*/ .buttons, .buttons2 {display:none !important;} #slides{ position: relative;height: 380px;padding: 0px;margin: 0px;list-style-type: none;} .s-slider .slide{ position: absolute;left: 0px;top: 0px;width: 100%;height: 100%; opacity: 0; z-index: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .s-slider .slide p {font-size:20px; max-width:350px; padding:15px 0; color:#fff;} .s-slider .showing{ opacity: 1; z-index: 2; } .s-slider .controls{ display: none; } .s-slider .slide{font-size:40px; padding:40px; box-sizing:border-box; background:#333; color:#fff; background-size:cover; } .s-slider .slide h3{ color:#fff; } .s-slider .slide:nth-of-type(1){ background-color: red; background: linear-gradient(55deg, #ff6a00, #fffb00); background: linear-gradient(55deg, #e24819, #ffed18);} .s-slider .slide:nth-of-type(2){ background-color: orange; background: linear-gradient(55deg, #a7343e, #fd6472); background: linear-gradient(55deg, #2672c1, #50f9e2)} .s-slider .slide:nth-of-type(3){ background-color: green; background: linear-gradient(55deg, #77a936, #bcff8f); background: linear-gradient(55deg, #6a9a2b, #a7ec4a);} .s-slider .slide:nth-of-type(4){ background-color: green; background: linear-gradient(55deg, #2648c1, #5094f9);} .s-slider .controls{outline:none;opacity:0.35;background: rgba(70,70,70,.5);color: #fff;border: none;padding: 0px 0px;text-indent: -99999px; font-size: 25px;cursor: pointer;border: 2px solid #fff;margin: 10px 0px 0px 15px;width: 50px;height: 50px;border-radius: 25px;transition:background-color 0.3s,color .3s,opacity .3s; } .s-slider .controls:hover {transition:background-color 0.3s,color .3s,opacity .3s;background: rgba(50,50,50,.5);color: #333;opacity:0.75;} .s-slider .container{position: relative;} .s-slider .buttons{position: relative;float:right;left: 0px;margin-top: -80px;z-index: 100;font-size: 0px;} .s-slider #pause {position:absolute;height:0px;border:none;} .s-slider #next { background-image:url('../img/slider-left.png'); background-repeat: no-repeat; background-position:center; background-size:30px 30px; } .s-slider #previous { background-image:url('../img/slider-right.png'); background-repeat: no-repeat; background-position:center; background-size:30px 30px; } .btn-slider { margin-top: -165px; z-index: 101; position: absolute; margin-left: 0px; transition: background .3s, opacity .5s !important;} .btn-slider:hover { transition: background .3s, opacity .5s !important; background-color: #00000020} .fadein { /*display:inline-block; */ opacity:1; z-index: 101; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s;} .fadeout { /*display:none;*/ opacity:0; z-index: -1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;} /*ЧАСТИЦЫ*/ /* @media 1157px - 991px? - 768px - 479px? - 319px */ .prefixfree-box .draw { height: 940px; height: 380px; width:1457px; margin-left: -150px; display: block; position: relative; } .prefixfree-box { height: 224px;height: 380px; position: absolute; z-index:99; z-index:3; margin:0px 0 0 0px; } .prefixfree-inner { height:940px; height:380px; position:relative; top:-345px; top:0px; } /* ================================== 1 (TEMPLATES / CMS) ================================== */ /* WEB */ .s-templates { background:#eee; background: linear-gradient(#dadada, #eee); } .s-templates .sale { margin-top:25px; } .s-templates .sale .item {margin-top:20px; /*width:calc(33.5% - 50px);*/ width:342px; padding: 15px; display:block; margin-right:20px; float:left; background:#fff; } .s-templates .sale .item:nth-child(3), .s-templates .sale .item:nth-child(6), .s-templates .sale .item:nth-child(9) {margin-right:0px;} .s-templates .sale .item-screen {border:1px solid #aaa; width:100%; height:230px; display:block;} .s-templates .sale .item .prod {display:block; font-size:14px; line-height:16px; margin-bottom:15px; font-family: "mpregular", "Trebuchet MS";} .s-templates .sale .item .title {display:block; font-weight:bold; font-size:20px; line-height:20px; margin-bottom:15px; font-family: "mpsbold", "Trebuchet MS";} .s-templates .sale .item .demo {display:block; font-weight:bold; font-size:20px; line-height:20px; background:red; margin-bottom:15px; font-family: "mpsbold", "Trebuchet MS";} .templates-indicator {height:150px; width:350px;background:#ddd; z-index: 3; /* background: linear-gradient(55deg, #d0d0d0, #ddd);*/ position:absolute; /*margin-top:-40px;*/ margin-top:120px; /*margin-left:807px;*/margin-left:802px; border-radius:6px 6px 6px 6px ;} /* исправление скрола */ @media screen and (min-width:522px) { .templates-indicator { display: block; position: relative !important; clear: both; } .n-tabs-wrap { top: -270px; position: relative; margin-bottom: -270px; } } .templates-indicator .i-tabs { display:block; padding:20px 15px;} .templates-indicator .param { display:block; width:80px; float:left;} .templates-indicator .gr { position:relative; display:block; margin:0 auto; width:59px; height:100px; background:#fff; /*border-radius:4px;*/ overflow:hidden;} .templates-indicator .gr span { position:absolute; bottom:0px; display:block; width:59px; /*background:#777;*/ background: linear-gradient(to bottom, #ae5cec, #846eff); -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -ms-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; } .templates-indicator .title {display:block; text-align:center; line-height:20px; font-size:12px; } .templates-indicator .param-1 .gr:before { content:' '; display: block; position: relative; z-index: 5; width:59px; height:100px; background-image:url('../img/i/tab-i-1b.png'); background-repeat: no-repeat; background-position:center; background-size:59px 100px;} .templates-indicator .param-2 .gr:before { content:' '; display: block; position: relative; z-index: 5; width:59px; height:100px; background-image:url('../img/i/tab-i-2.png'); background-repeat: no-repeat; background-position:center; background-size:59px 100px;} .templates-indicator .param-3 .gr:before { content:' '; display: block; position: relative; z-index: 5; width:59px; height:100px; background-image:url('../img/i/tab-i-3.png'); background-repeat: no-repeat; background-position:center; background-size:59px 100px;} .templates-indicator .param-4 .gr:before { content:' '; display: block; position: relative; z-index: 5; width:59px; height:100px; background-image:url('../img/i/tab-i-4.png'); background-repeat: no-repeat; background-position:center; background-size:59px 100px;} .templates-indicator .i-tabs-0 .param-1 .gr span { height:30px; } /* время */ .templates-indicator .i-tabs-0 .param-2 .gr span { height:50px; } /* уникальность */ .templates-indicator .i-tabs-0 .param-3 .gr span { height:40px; } /* бюджет */ .templates-indicator .i-tabs-0 .param-4 .gr span { height:65px; } /* возможности */ .templates-indicator .i-tabs-1 .param-1 .gr span { height:35px; } .templates-indicator .i-tabs-1 .param-2 .gr span { height:20px; } .templates-indicator .i-tabs-1 .param-3 .gr span { height:35px; } .templates-indicator .i-tabs-1 .param-4 .gr span { height:20px; } .templates-indicator .i-tabs-2 .param-1 .gr span { height:55px; } .templates-indicator .i-tabs-2 .param-2 .gr span { height:80px; } .templates-indicator .i-tabs-2 .param-3 .gr span { height:70px; } .templates-indicator .i-tabs-2 .param-4 .gr span { height:66px; } .templates-indicator .i-tabs-3 .param-1 .gr span { height:90px; } .templates-indicator .i-tabs-3 .param-2 .gr span { height:95px; } .templates-indicator .i-tabs-3 .param-3 .gr span { height:95px; } .templates-indicator .i-tabs-3 .param-4 .gr span { height:95px; } .s-cms { background: #2a2631; color: #fff; } .s-cms h2, .s-cms h2 a, .s-cms span, .s-cms p { color: #fff; } .s-cms .item-img {display:block;width:140px;height:172px; margin-left: 35px; margin-bottom: 15px;} .s-cms .item-img-promo {position:absolute; padding:2px 8px 3px; margin-left:50px; display:block; -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);background:red;border-radius:5px;color:#fff; font-family: 'mpregular','trebuchet MS',tahoma,verdana,arial; font-size: 12px;} .s-cms .sale { margin-top:25px; } .s-cms .sale .item {margin-top:20px; min-height: 520px; width:244px; padding: 15px; display:block; margin-right:20px; float:left; background:url(../img/products/sale/bg-light.png); background-size:100% 60%; background-repeat: no-repeat;} .s-cms .sale .item:nth-child(4), .s-cms .sale .item:nth-child(8) {margin-right:0px;} .s-cms .sale .item .title {display:block; font-weight:bold; font-size:20px; line-height:20px; margin-bottom:15px; font-family: "mpsbold", "Trebuchet MS";} .s-cms .sale .item .disc {display:block; font-size:14px; line-height:18px; margin-bottom:15px; font-family: "mpregular", "Trebuchet MS";} .s-cms .sale .item ul{margin-bottom:15px;} .s-cms .sale .item ul li {font-size:16px; line-height:21px; margin-left:16px; font-family: "mpregular", "Trebuchet MS";} .s-cms .sale .item .more {display:none;} /* WEB DEV */ .templates-common { display: block; } .templates-common > a{ cursor:pointer; background-color:#fff; background-size: 135px auto; background-position: center right 30px; background-repeat: no-repeat; /*padding:125px 22px 17px; width: calc(50% - 60px);*/ padding: 125px 27px 22px; width: calc(50% - 70px); margin: 7px; display: inline-block; font-family: 'mpsbold','trebuchet MS',tahoma,verdana,arial; /* font-size: 21px; */ font-size: 23px; line-height: 21px; color: #222; text-decoration: none; box-shadow: 1px 10px 51px #00000005; transition: all ease .3s; } .templates-common > a:hover { box-shadow: 1px 10px 51px #00000025; } .templates-common a.store { background-image: url('/img/icon-dev-section-sales3.svg'); } .templates-common a.corp { background-image: url('/img/icon-dev-section-team.svg'); } .templates-common a.cat { background-image: url('/img/icon-dev-section-dev3.svg'); } .templates-common a.promo { background-image: url('/img/icon-dev-section-promo.svg'); } /* DESIGN */ .s-design { background:#a0cfff; } .s-design .formob { display: none; } /*slides-gs*/ /*пока без кнопок и в слайдере и в частицах*/ .buttons-gs, .buttons2-gs {display:block !important;} #slides-gs{ position:relative; height:640px; padding:0px; margin:0px; list-style-type: none;} .slide{ position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;z-index: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .slide p {font-size:20px; max-width:350px; padding:15px 0;} .showing{ opacity: 1; z-index: 2; } .controls-gs{ display: block; } .slide{font-size:40px; padding:40px; box-sizing:border-box; /*background:#333;*/ color:#fff; background-size:cover; } .slide:nth-of-type(1){ } .slide:nth-of-type(2){ } .slide:nth-of-type(3){ } .slide:nth-of-type(4){ } .controls-gs{outline:none;opacity:0.35;background: rgba(70,70,70,.5);color: #fff;border: none;padding: 0px 0px;text-indent: -99999px; font-size: 25px;cursor: pointer;border: 2px solid #fff;margin: 10px 0px 0px 15px;width: 50px;height: 50px;border-radius: 25px;transition:background-color 0.3s,color .3s,opacity .3s; } .controls-gs:hover {transition:background-color 0.3s,color .3s,opacity .3s;background: rgba(50,50,50,.5);color: #333;opacity:0.75;} .container{position: relative;} .buttons-gs{position: relative;float:right;left: 0px;margin-top: -80px;z-index: 100;font-size: 0px; } #pause-gs {position:absolute;height:0px;border:none;} #next-gs { background-image:url('../img/slider-left.png'); background-repeat: no-repeat; background-position:center; background-size:30px 30px; } #previous-gs { background-image:url('../img/slider-right.png'); background-repeat: no-repeat; background-position:center; background-size:30px 30px; } .s-design .list-control {margin-top:-550px; position:absolute; z-index: 5;} .s-design .list-control li {list-style-type: none; padding:15px 15px 17px 45px; margin-bottom:2px; width:300px; height0:55px; line-height:24px; font-size:21px; transition:background-color ease 0.1s;} .s-design .list-control li:hover {background:rgba(255,255,255,.5); color:#4e207e; cursor:pointer; transition:background-color ease 0.35s;} .s-design .list-control li:hover:before { background-color:#4e207e; transition:background-color ease 0.35s; margin:8px 0 0 -26px; border:1px solid #4e207e; border-radius:10px;} .s-design .list-control li:before { content:''; position:absolute; margin:9px 0 0 -25px; border-radius:6px; width:8px; height:8px; display:block; background-color:#000; transition:background-color ease 0.1s;} .s-design .list-control li.active {background0:#fff; color:#4e207e;} .s-design .list-control li.active:before { background-color:#4e207e; margin:7px 0 0 -27px; border:2px solid #4e207e; border-radius:10px;} .s-design .active-bg { margin-top:-550px; z-index: 4; background:#fff; display:block; height:56px; width:360px; position:absolute; transition:height ease 0.25s, margin-top ease 0.25s; box-shadow: 3px 7px 55px rgba(55,55,55,.2); } .s-design .active-bg-0, .s-design .active-bg-7 { margin-top:-550px; } .s-design .active-bg-1 { margin-top:-492px; height:80px; } .s-design .active-bg-2 { margin-top:-410px; } .s-design .active-bg-3 { margin-top:-352px; height:80px; } .s-design .active-bg-4 { margin-top:-270px; } .s-design .active-bg-5 { margin-top:-212px; } .s-design .active-bg-6 { margin-top:-154px; } .s-design .active-bg-8 { margin-top:-492px; } .s-design .active-bg-9 { margin-top:-434px; } .s-design .active-bg-10 { margin-top:-376px; } .s-design .active-bg-11 { margin-top:-318px; } .s-design .active-bg-12 { margin-top:-260px; } .s-design .active-bg-13 { margin-top:-202px; } .s-design .active-bg-14 { margin-top:-144px; } .s-design .active-bg-15 { margin-top:-550px; } .s-design .active-bg-16 { margin-top:-492px; height:80px;} .s-design .active-bg-17 { margin-top:-410px; } .s-design .active-bg-18 { margin-top:-352px; } .s-design .active-bg-19 { margin-top:-294px; } .btn-slider-gs {position:absolute; display:block; margin:500px 0 0 50px; z-index:11; background: #6400d2; background: #8900cb; /*background: linear-gradient(55deg,#8900cb,#6400d2);*/ background: linear-gradient(55deg,#6500d3,#3000d3); } .slides-gs-img {position:absolute; display:block; border: solid 0px #4e207e; width:850px; height:550px; margin: 0px 0 0 370px;} .slides-gs-img span {position:absolute; display:block; background-size:100%; } /*Визитки 0*/ .slides-gs-img-0 .layer-1 {width:730px; height:480px; background-image:url('../img/slider-gs/s0-l1.png'); margin: 20px 0 0 60px; z-index:5;} .slides-gs-img-0 .layer-2 {width:713px; height:466px; background-image:url('../img/slider-gs/s0-l2.png'); margin: 70px 0 0 110px; z-index:4;} .slides-gs-img-0 .layer-3 {width:702px; height:463px; background-image:url('../img/slider-gs/s0-l3.png'); margin: 110px 0 0 150px; z-index:3;} /*Листовки 1*/ .slides-gs-img-1 .layer-1 {width:619px; height:533px; background-image:url('../img/slider-gs/s1-l1.png'); margin: 20px 0 0 180px; z-index:5;} /*.slides-gs-img-1 .layer-2 {width:769px; height:529px; background-image:url('../img/slider-gs/s1-l2.png'); margin: 30px 0 0 90px; z-index:4;}*/ .slides-gs-img-1 .layer-2 {width:769px; height:529px; background-image:url('../img/slider-gs/s1-l3.png'); margin: 10px 0 0 80px; z-index:3;} .slides-gs-img-1 .layer-3 {width:519px; height:471px; background-image:url('../img/slider-gs/s1-l4.png'); margin: 60px 0 0 5px; z-index:2;} /*Календари 2*/ .slides-gs-img-2 .layer-1 {width:283px; height:360px; background-image:url('../img/slider-gs/s2-l1.png'); margin: 180px 0 0 300px; z-index:5;} .slides-gs-img-2 .layer-2 {width:734px; height:544px; background-image:url('../img/slider-gs/s2-l2.png'); margin: 0px 0 0 110px; z-index:4;} .slides-gs-img-2 .layer-3 {width:458px; height:412px; background-image:url('../img/slider-gs/s2-l3.png'); margin: 50px 0 0 10px; z-index:3;} /*Книги 3*/ .slides-gs-img-3 .layer-1 {width:718px; height:490px; background-image:url('../img/slider-gs/s3-l1.png'); margin: 20px 0 0 10px; z-index:5;} .slides-gs-img-3 .layer-2 {width:462px; height:370px; background-image:url('../img/slider-gs/s3-l2.png'); margin: 30px 0 0 400px; z-index:4;} .slides-gs-img-3 .layer-3 {width:615px; height:356px; background-image:url('../img/slider-gs/s3-l3.png'); margin: 190px 0 0 210px; z-index:3;} /*Бланки 4*/ .slides-gs-img-4 .layer-1 {width:654px; height:364px; background-image:url('../img/slider-gs/s4-l1.png'); margin: 170px 0 0 150px; z-index:5;} .slides-gs-img-4 .layer-2 {width:596px; height:451px; background-image:url('../img/slider-gs/s4-l2.png'); margin: 10px 0 0 260px; z-index:4;} .slides-gs-img-4 .layer-3 {width:524px; height:579px; background-image:url('../img/slider-gs/s4-l3.png'); margin: -10px 0 0 20px; z-index:3;} /*Упаковка 5*/ .slides-gs-img-5 .layer-1 {width:711px; height:359px; background-image:url('../img/slider-gs/s5-l1.png'); margin: 190px 0 0 10px; z-index:5;} .slides-gs-img-5 .layer-2 {width:174px; height:329px; background-image:url('../img/slider-gs/s5-l2.png'); margin: 160px 0 0 640px; z-index:4;} .slides-gs-img-5 .layer-3 {width:430px; height:406px; background-image:url('../img/slider-gs/s5-l3.png'); margin: -20px 0 0 230px; z-index:3;} /*Сувенирка 6*/ .slides-gs-img-6 .layer-1 {width:499px; height:421px; background-image:url('../img/slider-gs/s6-l1.png'); margin: 110px 0 0 30px; z-index:5;} .slides-gs-img-6 .layer-2 {width:420px; height:524px; background-image:url('../img/slider-gs/s6-l2.png'); margin: 30px 0 0 410px; z-index:4;} .slides-gs-img-6 .layer-3 {width:442px; height:515px; background-image:url('../img/slider-gs/s6-l3.png'); margin: 60px 0 0 450px; z-index:3;} /*Векторная графика 9>7*/ .slides-gs-img-7 .layer-1 {width:810px; height:592px; background-image:url('../img/slider-gs/s9-l1.png'); margin: -8px 0 0 0px; z-index:5;} .slides-gs-img-7 .layer-2 {width:811px; height:563px; background-image:url('../img/slider-gs/s9-l2.png'); margin: -5px 0 0 0px; z-index:4;} .slides-gs-img-7 .layer-3 {width:710px; height:480px; background-image:url('../img/slider-gs/s9-l3.png'); margin: 40px 0 0 39px; z-index:3;} /*Баннеры (Логотипы) 8*/ .slides-gs-img-8 .layer-1 {width:403px; height:210px; background-image:url('../img/slider-gs/s7-l1.png'); margin: 330px 0 0 400px; z-index:5;} .slides-gs-img-8 .layer-2 {width:806px; height:472px; background-image:url('../img/slider-gs/s7-l2.png'); margin: 60px 0 0 20px; z-index:4;} .slides-gs-img-8 .layer-3 {width:311px; height:170px; background-image:url('../img/slider-gs/s7-l3.png'); margin: 80px 0 0 40px; z-index:3;} /*Логотипы (Баннеры) 7>9*/ .slides-gs-img-9 .layer-1 {width:830px; height:455px; background-image:url('../img/slider-gs/s8-l1.png'); margin: 5px 0 0 0px; z-index:5;} .slides-gs-img-9 .layer-2 {width:799px; height:462px; background-image:url('../img/slider-gs/s8-l2.png'); margin: 90px 0 0 55px; z-index:4;} .slides-gs-img-9 .layer-3 {width:644px; height:370px; background-image:url('../img/slider-gs/s8-l3.png'); margin: 210px 0 0 160px; z-index:3;} /*Фирменный стиль 10*/ /* ЗАГЛУШКА */ .slides-gs-img-10 .layer-1 {width:664px; height:267px; background-image:url('../img/slider-gs/sn-l3.png'); margin: 70px 0 0 70px; z-index:3;} .slides-gs-img-10 .layer-2 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l2.png'); margin: 70px 0 0 70px; z-index:4;} .slides-gs-img-10 .layer-3 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l1.png'); margin: 70px 0 0 70px; z-index:5;} /*Презентации 11*/ .slides-gs-img-11 .layer-1 {width:588px; height:516px; background-image:url('../img/slider-gs/s11-l1.png'); margin: -39px 0 0 55px; z-index:5;} .slides-gs-img-11 .layer-2 {width:675px; height:354px; background-image:url('../img/slider-gs/s11-l2.png'); margin: 151px 0 0 115px; z-index:4;} .slides-gs-img-11 .layer-3 {width:570px; height:414px; background-image:url('../img/slider-gs/s11-l3.png'); margin: 45px 0 0 150px; z-index:3;} /*Иконки 12*/ .slides-gs-img-12 .layer-1 {width:724px; height:528px; background-image:url('../img/slider-gs/s12-l1.png'); margin: 15px 0 0 75px; z-index:5;} .slides-gs-img-12 .layer-2 {width:738px; height:521px; background-image:url('../img/slider-gs/s12-l2.png'); margin: 11px 0 0 46px; z-index:4;} .slides-gs-img-12 .layer-3 {width:543px; height:484px; background-image:url('../img/slider-gs/s12-l3.png'); margin: 28px 0 0 34px; z-index:3;} /*Инфографика 13*/ /* ЗАГЛУШКА */ .slides-gs-img-13 .layer-1 {width:664px; height:267px; background-image:url('../img/slider-gs/sn-l3.png'); margin: 70px 0 0 70px; z-index:3;} .slides-gs-img-13 .layer-2 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l2.png'); margin: 70px 0 0 70px; z-index:4;} .slides-gs-img-13 .layer-3 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l1.png'); margin: 70px 0 0 70px; z-index:5;} /*Дизайн сайтов 14*/ /* ЗАГЛУШКА */ .slides-gs-img-14 .layer-1 {width:664px; height:267px; background-image:url('../img/slider-gs/sn-l3.png'); margin: 70px 0 0 70px; z-index:3;} .slides-gs-img-14 .layer-2 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l2.png'); margin: 70px 0 0 70px; z-index:4;} .slides-gs-img-14 .layer-3 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l1.png'); margin: 70px 0 0 70px; z-index:5;} /*3D Моделирование 15*/ .slides-gs-img-15 .layer-1 {width:390px; height:580px; background-image:url('../img/slider-gs/s15-l1.png'); margin: -25px 0 0 395px; z-index:5;} .slides-gs-img-15 .layer-2 {width:357px; height:532px; background-image:url('../img/slider-gs/s15-l2.png'); margin: -5px 0 0 176px; z-index:4;} .slides-gs-img-15 .layer-3 {width:269px; height:276px; background-image:url('../img/slider-gs/s15-l3.png'); margin: 188px 0 0 -15px; z-index:3;} /*3D визуализация 16*/ /* ЗАГЛУШКА */ .slides-gs-img-16 .layer-1 {width:664px; height:267px; background-image:url('../img/slider-gs/sn-l3.png'); margin: 70px 0 0 70px; z-index:3;} .slides-gs-img-16 .layer-2 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l2.png'); margin: 70px 0 0 70px; z-index:4;} .slides-gs-img-16 .layer-3 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l1.png'); margin: 70px 0 0 70px; z-index:5;} /*3D анимация 17*/ /* ЗАГЛУШКА */ .slides-gs-img-17 .layer-1 {width:664px; height:267px; background-image:url('../img/slider-gs/sn-l3.png'); margin: 70px 0 0 70px; z-index:3;} .slides-gs-img-17 .layer-2 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l2.png'); margin: 70px 0 0 70px; z-index:4;} .slides-gs-img-17 .layer-3 {width:689px; height:353px; background-image:url('../img/slider-gs/sn-l1.png'); margin: 70px 0 0 70px; z-index:5;} /*Чертежи 18*/ .slides-gs-img-18 .layer-1 {width:577px; height:491px; background-image:url('../img/slider-gs/s18-l1.png'); margin: 5px 0 0 107px; z-index:5;} .slides-gs-img-18 .layer-2 {width:553px; height:490px; background-image:url('../img/slider-gs/s18-l2.png'); margin: 19px 0 0 136px; z-index:4;} .slides-gs-img-18 .layer-3 {width:758px; height:634px; background-image:url('../img/slider-gs/s18-l3.png'); margin: -53px 0 0 22px; z-index:3;} /*сметы 19*/ .slides-gs-img-19 .layer-1 {width:631px; height:529px; background-image:url('../img/slider-gs/s19-l1.png'); margin: -75px 0 0 20px; z-index:5;} .slides-gs-img-19 .layer-2 {width:655px; height:529px; background-image:url('../img/slider-gs/s19-l2.png'); margin: -15px 0 0 83px; z-index:4;} .slides-gs-img-19 .layer-3 {width:672px; height:527px; background-image:url('../img/slider-gs/s19-l3.png'); margin: 37px 0 0 140px; z-index:3;} /* SEO */ .tc-mob-col-box-seo {display: none} .s-seo { background:#ccffea; background: #f5ff9e; background: #37374a; background: #303042; background: #3d3d52; background: #4d4d65;} .s-seo h2, .s-seo h2 a { color:#fff;} .seo-col {width:calc(25% - 21px);float:left; margin-right: 28px; padding-bottom: 20px; background:url('../img/grad-3.png') no-repeat; background-size: 100% 75%;} .seo-col:last-child { margin-right: 0px;} .seo-col h3 {display:block; font-weight:bold; font-size: 27px; line-height: 29px; margin-top:15px; margin-bottom:15px; font-family: "mpsbold", "Trebuchet MS"; color:#fff; text-align: center; } .seo-col p {font-size: 16px; line-height: 22px; font-family: "mpregular", "Trebuchet MS"; color:#fff; text-align: center; height:auto;overflow:visible;opacity: 1; } .seo-col p:after {content:''; height: 50px; display:block; clear:both; position:relative; float:unset; } .icon {display:block; width:100%; height:125px; margin-top: 20px; background-position:top left; background-size:120px 120px; background-repeat:no-repeat; } .icon.i-seo-pro {background-image: url('../img/i/mob/i-seo-pro2-c.png') ; /*background-position-x: 73px;*/} .icon.i-seo-pro {background-image: url('../img/icon-seo-section-goal2.svg') ; } .icon.i-seo-sale {background-image: url('../img/i/mob/i-seo-sale-c.png') ; /*background-position-x: 55px;*/ } .icon.i-seo-sale {background-image: url('../img/icon-seo-section-sale3.svg') ; } .icon.i-seo-geo {background-image: url('../img/i/mob/i-seo-geo4-c.png') ; /*background-position-x: 73px;*/ } .icon.i-seo-geo {background-image: url('../img/icon-seo-section-geo.svg')} .icon.i-seo-faq {background-image: url('../img/i/mob/i-seo-faq-c.png') ; /*background-position-x: 73px;*/ } .icon.i-seo-faq {background-image: url('../img/icon-seo-section-consulting2.svg'); } /* SMM */ .tc-mob-col-box-smm {display: none} .s-smm { background:#bbdcff; background: #d5d8ff; background: #fad5ff; background: #f5ff9e; } .smm-col {width:calc(25% - 21px);float:left; margin-right: 28px; padding-bottom: 20px; background:url('../img/grad-4.png') no-repeat; background-size: 100% 100%;} .smm-col:last-child { margin-right: 0px;} .smm-col h3 {display:block; font-weight:bold; font-size: 25px; line-height: 27px; margin-top:15px; margin-bottom:15px; font-family: "mpsbold", "Trebuchet MS"; letter-spacing: -.5px; text-align: center; } .smm-col p {font-size: 16px; line-height: 22px; font-family: "mpregular", "Trebuchet MS"; text-align: center;height:auto;overflow:visible;opacity: 1;} .icon { height: 150px; margin-top: 15px; background-position: top center; background-size: 150px 150px; } .icon.i-smm-strategy {background-image: url('../img/i/mob/i-smm-strategy-c.png') ; /*background-position-x: 73px;*/} .icon.i-smm-strategy {background-image: url('../img/icon-smm-section-strategy2.svg') ; } .icon.i-smm-social {background-image: url('../img/i/mob/i-smm-social-c.png') ; /* background-position-x: 73px;*/} .icon.i-smm-social {background-image: url('../img/icon-smm-section-social.svg') ; } .icon.i-smm-adv {background-image: url('../img/i/mob/i-smm-adv-c.png') ; /*background-position-x: 73px;*/} .icon.i-smm-adv {background-image: url('../img/icon-smm-section-adv3.svg') ; } .icon.i-smm-creative {background-image: url('../img/i/mob/i-smm-creative-c.png') ; /*background-position-x: 73px;*/} .icon.i-smm-creative {background-image: url('../img/icon-smm-section-creative2.svg') ; } /* CLIENTS */ .tc-mob-col-box-clients {display: none} .s-clients { background: #ffffff; } /* ORDER */ .s-order { background:#8affb4; background:#fff url('../img/bg-order.png'); background-size:cover; } .sub-h2-title { font-family:'mpregular','Trebuchet MS',Tahoma; text-align:left; font-weight:normal; /*font-size:1.3em; color:#746584;*/ font-size:1.3em; color: #574e5a; position: absolute; margin-left: 350px; } .results {display:block; display0:none; text-align:center; margin:140px auto 125px; padding:0px 0 0px; background: linear-gradient(to right, #3cffdb, #29f7ab); width:350px; height:50px; line-height:50px; font-size: 16px; color: #333;} .resultserror {text-align:center; margin:10px auto -25px; display:block; padding:0px 0 0px; background: linear-gradient(to right, #ffc94e, #ffd94e); width:350px; height:50px; line-height:50px; font-size: 16px; color: #333;} .orderform { padding:75px 0 50px; padding: 35px 0 55px; text-align: center; } /*.orderform input {outline:none; color: #505050; width:220px; background:rgba(255,255,255,.2); font-size: 18px; text-decoration: none; border: 1.5px solid #222; display: inline-block; padding: 10px 33px 12px 48px; margin-left:7px; margin-right:8px; border-radius: 25px; font-family: 'mpsbold','Trebuchet MS',Tahoma; transition: background 250ms ease-in-out;}*/ .orderform input {outline:none; color: #505050; width:220px; word-spacing: 0.15em; background:rgba(255,255,255,.2); font-size: 18px; text-decoration: none; border: 2px solid #555; display: inline-block; padding: 10px 33px 12px 48px; margin-right:8px; border-radius: 5px; font-family: 'mpsbold','Trebuchet MS',Tahoma; transition: background 250ms ease-in-out;} .orderform input:focus { background:rgba(255,255,255,1); transition: background 250ms ease-in-out;} .orderform input::-webkit-input-placeholder { color: #999;} .orderform input:-ms-input-placeholder { color: #999;} .orderform input::-moz-placeholder { color: #999; opacity: 1;} .orderform input:-moz-placeholder { color: #999; opacity: 1; } .orderform textarea {outline:none; resize: none; color: #505050; width:220px; height: 55px; word-spacing: 0.15em; background:rgba(255,255,255,.2); font-size: 18px; font-size: 14px; text-decoration: none; border: 2px solid #555; display: inline-block; padding: 10px 23px 10px 48px; margin-right:8px; border-radius: 5px; font-family: 'mpsbold','Trebuchet MS',Tahoma; transition: background 250ms ease-in-out;} .orderform textarea:focus { background:rgba(255,255,255,1); transition: background 250ms ease-in-out;} .orderform textarea::-webkit-input-placeholder { color: #999;font-size: 18px;} .orderform textarea:-ms-input-placeholder { color: #999;font-size: 18px;} .orderform textarea::-moz-placeholder { color: #999; opacity: 1;font-size: 18px;} .orderform textarea:-moz-placeholder { color: #999; opacity: 1; font-size: 18px;} /* .orderform input.name{ background-image: url('../img/i/form-name-icon.png'); background-repeat: no-repeat; background-position:8px 7px; background-size:30px;} .orderform input.tel{ background-image: url('../img/i/form-tel-icon.png'); background-repeat: no-repeat; background-position:8px 7px; background-size:30px;} */ .icons-in-form-name, .icons-in-form-tel, .icons-in-form-msg { position:absolute; display: block; float: left; } .icons-in-form-name:before { content:' '; position:absolute; display:block; width:40px; height:40px; margin: 2px 0 0 1px; /*background-image: url('../img/i/form-name-icon.png'); */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAY1BMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEo6HLAAAAIHRSTlMABD4MvDQe5HxeR/fs2LOWjhLx3NTDnogqGQjNp21UJYljgocAAAEKSURBVEjH7dXJTsMwEIDh8RqnWRtCltIWv/9TgsTB8lJ7hnDgkO9a/Rp7IqtwSmHf4IiruB2ar8WR+TelC3n2Z81FLi2dTL2uBRRtDNfu9SDl3ahg75jrirGxPyT39wZFvLKOAZLNeh6k+M36NkL7tAFJiN9t6BMfV1F8IVwZEzNIm6OYA5o8cucxbFt8y6M7N4bwpWIa2bI2ET+x8ZSIa0DqE/GOjXVLH+xcg5U1CghWP/4Aiosfr+CQ35WC34/ugeju2or8H7PS1+UMLu7AIb/KOX9g9qeT+TJZR9aU7xS9jO4hUGvWprMJ7cLL5x2aqHOnZ7nHZGabVS3qxd73cbJlvYLT6fQ/fQF7/UgnDDwpQQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position:11px 7px; background-size:30px;} .icons-in-form-tel:before { content:' '; position:absolute; display:block; width:40px; height:40px; margin: 2px 0 0 1px; /*background-image: url('../img/i/form-tel-icon.png');*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAXVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXhHE4DAAAAHnRSTlMA+xHD0rddOwXbrIebkHZwYlgd8ObipVIsJktDNoLlj0WIAAAA/ElEQVRIx+3Vy3KDMAyFYRlzNYRbCIE0Pe//mE0rPPYiC0uLznTKt/8HxhaCTqe/JHv0k7yq6WVeDYBK1WZXfLuRRgFWKtoJh6sibuB9itsdQSaNewSFNO4QGYXxikgrjC8IbC2My9C6WjzWyndmOaemJ4WB44Y0MsPDOatqhx9WFVdgd1V943hRxR9g7tfXQRiUSlOXYGbT1J2v42dPqedvcSjj762bk0ecdcRavJgh7dAaHPIyXqr5mFQv8NzOd89syh3MOTxjIV1ttcV7TrrQYj0lGQzeeFKavUBM+v8cG3iaiX8UiDRPktnaHGxpSWEbVltc7jWdTv/EF+kqMbmjK6o0AAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position:11px 7px; background-size:30px;} .icons-in-form-msg:before { content:' '; position:absolute; display:block; width:40px; height:40px; margin: 2px 0 0 1px; /*background-image: url('../img/i/form-msg-icon.png');*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAZlBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUswj/8AAAAIXRSTlMAw/fsCtKGtF9VGas9LuG8l3prSzQfnXRkUCcQ2aWQRVstJheeAAABQUlEQVRIx+2V25aCMAxFA6VguQiiiIjg5P9/cjKlTJUnDvrIft8rJ01WSjs7M20QHLa6GQvlfZMbsyWst8gBO5KGcE6zHRrQTGKi4r849m435ix1fQsKcaPwL+1NiuspeATILvG1JxpZOAJqfieqbVxDdHkwd0Bo+0JFaYtL4CxDXlqkQaTWFu8I4cy2zbMknjoHlqRnRzUvymW9XPLMo5PiGtkQwxZfHHBTfkNL53BoT47s9ALdw6E9KXwAPLf1br10g/Vus3TD6IPQP/DN8iTr3fsnofVSNsCN/2poWk/HXB9f5TMgH5jpcG3N3PkA/i3pS+uKEEZWEQkGDi0M7rCncSXuSBAlaz8zRRh6mmsfK3s9MBQ/GopaxcIJdFNxwsoOumoIpGBHdiGYp1ML8mAHKHnSJnLmIKet5IZ2dr7HL9cGPZ4PyhwdAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position:11px 5px; background-size:30px;} /* чеклист */ .orderform .kakinput-s { cursor:pointer; outline:none; color: #505050; width:200px; background:rgba(255,255,255,.2); font-size: 18px; text-decoration: none; border: 0px solid #222; display: block; padding: 10px 10px 12px 48px; margin-left:27px; margin-right:8px; margin-bottom:8px; border-radius: 25px; text-align:left; font-family: 'mpsbold','Trebuchet MS',Tahoma; transition: background 250ms ease-in-out;} .orderform .check-s{ /*background-image: url('../img/i/form-check-s-icon.png'); */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAM1BMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUZpdjPAAAAEHRSTlMAnrVO6s5rAmPx4tbKu6CYBSI1zQAAAFlJREFUSMft1ysWwCAMRNEALaU/YP+rxcSAS4LhMM9fP0PrlpyiyNhXRR/jrMGesbPiEiTdPQ4k6ehxlNgLGBgYGBgYGBh4M0wDThb8nJJm7e1fg1/bQVm2Bvs4JL9t75R6AAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position:8px 7px; background-size:30px;} .orderform .checked-s{ /*background-image: url('../img/i/form-checked-s-icon.png');*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABlVBMVEUAAABVVVVVVVVVVVVVVVVVVVVWU1VVVVVVVVUolkYA2EcA50EA3UIAuToA3kYAozUA2UcAozUA2kcA2UcApzZUVlUA10cA3kRUVlUApDVVVVUA2UdUVVUA3EcAqjcA2kYAqjcA20cA3EYArDcA3EcArTcArTgAsjgAuThVVVUA2kcAojUA2UcA2UcApTYApjZUVVQA2EZVVVVVVVUA2UcA2EdUVVUAqTdUVVUA2UcAqzgA20dVVVVVVVUAqzcA4UYA2UcArDgA2UdZT1VVVVUA1kYArDgAwT8A10cA2UdVVVVTWFUA4EkA2UcAw0BVVVUApTYApzcApjYApTdZTlYAqTcAxUAApDUA2UcA2UcArDgAqzgA2EdVVVVgQ1cA2UcArDgA2UdZUVYA2UcArDhlPFgAwDVVVVUA2UcA2EcA4koA30kA20cAojUA4UoAozUA3UgAqDYApTYA5EoA4EkA1kYA0UQAyUIAwD8AtTsA3EgAxkEArzkArTkAzkMAwj8AvT4AuTwAszoAzEMAuj0AqzgAnDNVzpgmAAAAZ3RSTlMAnkHOUMgR9HAE1iMdDQf08OvNtK+pmBjo19LEoaCUkYxpWlpCPSIdFAr7+/fi3s7AvbmxrKeah393bm1qY2NROzIxK/339fLw7uzf3dzb18a+vbuhn56XhX5nYF1aSkhINzU1LBoQ1QVnPwAAAq5JREFUSMfV1ldbGkEYBeBDYjAQUFEBe+8tmqjR2BJN7733tt8sSxEQsff87sy4u7AP2Ud39s5zxc3Lx87ZmQFus9D85q1rXK1uJN3aVlLzafAsnZNKGYAupubS1wW+qkjlFRClVGzzBUSapOxTAH7K5ONBiHhkbJ0XaGWJ7eQ8CthT5jC/gQW2Htt8hiL+DMcJrDB1I95rwRedYz+LrSxfgyscIUrsJX2ucAexhKjYDQ4Qadm1erjCfmKZ1eRNV7iZKEVbL8HTL4vbiZiaFzV5w7I4ym2MHbUAGFUgiR8Tkbob8gE/lAZJXCN+9HayE/CVK6NyuIOItNh+SN/EF6TwIonBq8luwKtI4or7HKfWN2vBcbkkHheDMzvxPhd4hnj4bmpBCb7C8dTJ9ieJqIeDFaV4NhwOfzkZVxEd76Z5lGBHDes1XYY8nia9pni3PZ6JRJonxmvGGhur/Y+e1PdY7Q0SSWlbz/E/9vrE61NMbOWozdpwFYmImmxw06S4fKx6LWTBY8TDsowfeja4QVkCKu4VMb8AvxXsOzpO4rASsJusPATQVbDisHgNI99JX62D5AdbPKkoZQAmLKN3K33mAxuD10Zgiz36DYShAs7mlj8ad7gx2HLo2b/bn6xLpr8P78msqRYnYzSalqk78R6zYf3Q6zkNB4cKk3Ni/0QHzOKX23AaRnvxqfdCQHVx/XA6ht/E6urfXuOr+E2e7nSCAyZep/TdhP5RS+2PwAnGdEEfME0fnOG7yRnGcGHNNGbUxA89h3iRSqLmB4NOMSJkDcuKmhxjDJM1ib3KoATusg5Wc7wmCYwakxp/IaSwr8qQmpbZiP+Sw/jKiB1n4PadWkhiXBIJBKJ9f4JwgGchkf4SPAeZlOC68xJpuGXF8rFesfJ5YOA5j4tM4czmH1VluJeYbl46AAAAAElFTkSuQmCC'); } .orderform .btnform {background:#ddd; padding: 11px 33px 11px; transition: background 250ms ease-in-out; margin-left: 0px; margin-top: 15px; float: left; width: 226px; height: 24px; } .orderform .btnform:hover {background:#a3ffb2; transition: background 250ms ease-in-out; background: #eee !important; color:#fff; } .orderform .btnform input {cursor:pointer; outline:none; color: #505050; width:100% !important; height:24px; background:none; font-size: 17px; word-spacing: 0.15em; text-transform: uppercase; border: 0px solid #222; display: inline-block; padding: 0px; margin-left:0px; margin-right:0px; border-radius: 25px; font-family: 'mpsbold','Trebuchet MS',Tahoma; transition: background 250ms ease-in-out;} .orderform .btnform:hover input { background: none; } .cat-panel {display: block; width: 350px; float: left; } .form-inputs {display: block; width: 350px; float:right; /*margin-top: 70px;*/ margin-top: -2px; } .form-input {display: block; width: 300px; margin-bottom: 15px; } /* ================================== 1 (FOOTER) ================================== */ .s-footer { background:#0d0f14 url('../img/bgdark_text.png'); background-size:80px 80px; min-height:250px; } .s-footer .s-footer-1 { width:50%; } .s-footer .s-footer-1 ul { color:#8e55a7; font-size:14px; float:left; /*margin-top:40px;*/ margin-top: 25px;} .s-footer .s-footer-1 ul li{ list-style-type:none; } .s-footer .s-footer-1 ul a{ font-family: "mpregular", "Trebuchet MS"; color:#8e55a7; white-space: nowrap; font-size:14px; line-height:36px; text-decoration: none; display:block; opacity:0.77;} .s-footer .s-footer-1 ul:nth-child(1) a { color:#da82ff; color: #aa82ff; padding-right:60px;} .s-footer .s-footer-1 ul:nth-child(1) a:hover { color:#f1cfff; opacity:0.97;} .s-footer .s-footer-1 ul:nth-child(2) a { color:#b782ff; color: #8284ff; padding-right:60px;} .s-footer .s-footer-1 ul:nth-child(2) a:hover { color:#d7bcfb; opacity:0.97;} .s-footer .s-footer-1 ul:nth-child(3) a { color:#9682ff; color: #8295ff; } .s-footer .s-footer-1 ul:nth-child(3) a:hover { color:#d4ccff; opacity:0.97;} .s-footer .s-footer-2 { width:50%; height:210px; float:right; position: relative; z-index: 8; background:#030306 url('../img/logo-footer.png') right 30px bottom 50px no-repeat; box-shadow: 0px 10px 35px #070707; } .s-footer .s-footer-2 .phone { color:#fff; width:230px; height: 123px; padding-left:30px; float:left; } .s-footer .s-footer-2 .phone div:nth-child(1) {font-size:14px; margin-top:20px; } .s-footer .s-footer-2 .phone div:nth-child(2) {font-size:32px; margin-top:-5px;} .s-footer .s-footer-2 .phone div:nth-child(3) {font-size:20px; } .s-footer .s-footer-2 .social { width:230px; padding-left:30px; } .s-footer .s-footer-2 .social div:nth-child(1){ color:#fff; font-size:14px; padding-bottom:5px;} .s-footer .s-footer-2 .social a { width:36px; height:36px; display:block; float:left;margin-right:8px; background-size:contain; text-indent:-99999px;} .s-footer .s-footer-2 .social a.vk { background-image: url('../img/socvk.jpg'); } .s-footer .s-footer-2 .social a.ok { background-image: url('../img/socok.jpg'); } .s-footer .s-footer-2 .social a.fb { background-image: url('../img/socfb.jpg'); } .s-footer .s-footer-2 .social a.tw { background-image: url('../img/soctw.jpg'); } .s-footer .s-footer-2 .social a.ig { background-image: url('../img/socig.jpg'); } .s-footer .s-footer-2 .feedback { position:absolute; margin:-110px 0 0 305px; display: block;} .s-footer .s-footer-2 p {float:right; color:#999; font-size:11px; padding: 25px 30px 0 0;} .s-footer .s-footer-2 p:before {content:'18+'; margin:-58px 0 0 20px; padding:0px; position: absolute; display: block; width: 18px; height: 18px; line-height: 18px; font-size: 9px; text-indent: 1px; text-align: left; color: #999; border: 1px solid #888; border-radius: 10px; } .s-footer .s-footer-2 .btn {font-size:16px; padding:11px 30px 11px; background: rgb(20, 25, 30); } .s-footer .s-footer-3 {clear: both;} .s-footer .s-footer-3 .privacy { position: absolute; z-index: 5; margin: 9px auto 0 155px; padding: 5px 20px; line-height: 11px; font-size: 11px; width: 825px; text-align: center; color: #535761; background: #0d0f13; border-radius: 4px; } /* ================================== 1 (MODAL) ================================== */ .blur-it { /* filter: blur(3px);*/ transition: filter ease 1s } .blur-it { animation: actblur 2s linear ; -webkit-animation: actblur 2s linear ; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } @keyframes actblur { 0% { /*filter: blur(0px);*/ } 75% { filter: blur(0px); } 100% { filter: blur(5px); } } @-webkit-keyframes actblur { 0% { /*filter: blur(0px);*/ } 75% { filter: blur(0px); } 100% { filter: blur(5px); } } .modal-wrapper { width: 100%; height: 100%; position: fixed; z-index: 125; top: 0; left: 0; background: rgba(41, 171, 164, 0.7); background: rgba(1, 7, 8, 0.86); background: rgb(91, 210, 255, .9); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } .modal-wrapper.open { opacity: 1; visibility: visible; } .modal { width: 700px; height: 400px; display: block; margin: 50% 0 0 -350px; position: relative; border-radius: 5px; overflow: hidden; top: 50%; left: 50%; background: rgba(255,255,255,1); opacity: 0; transition: all 0.5s ease-in-out; box-shadow: 1px 10px 51px #00000025; } .modal-wrapper.open .modal { margin-top: -210px; opacity: 1; } .head { z-index: 5; position: relative; width: 90%; width: calc(100% - 60px); height: 32px; padding: 12px 30px; overflow: hidden; background: linear-gradient(56deg, #1f6098,#a322c3); } .head h4 { font-size: 28px; line-height: 32px; position: absolute; color: #fff; word-spacing: .1em; } .btn-close { cursor:pointer; font-size: 37px; line-height: 30px; padding: 10px 20px; margin-top: -10px; margin-right: -30px; display: block; float: right; color: #fff; text-decoration: none; width: 30px; height: 30px; font-family: 'mpbold','Trebuchet MS',Tahoma; font-weight: bold; } .btn-close { /*opacity:0.5; background: url('../img/i/i-web-no.png') no-repeat center !important; background-size:cover;*/ text-indent:-9999px; font-size:0.1px; } /* .btn-close:hover {opacity: 1;} */ .btn-close:before {content: ''; margin: 12px 0 0 -6px; display: block; position:absolute; border-radius: 2px; width: 43px; height: 6px; background: #fff; transition: all .35s cubic-bezier(0.24, 0.08, 0.42, 1.61);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-close:after {content: ''; margin: -18px 0 0 -6px; display: block; position:absolute; border-radius: 2px; width: 43px; height: 6px; background: #fff; transition: all .35s cubic-bezier(0.24, 0.08, 0.42, 1.61);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .btn-close:hover::before { -moz-transform: rotate(-42deg); -ms-transform: rotate(-42deg); -webkit-transform: rotate(-42deg); -o-transform: rotate(-42deg); transform: rotate(-42deg); } .btn-close:hover::after { -moz-transform: rotate(42deg); -ms-transform: rotate(42deg); -webkit-transform: rotate(42deg); -o-transform: rotate(42deg); transform: rotate(42deg); } .md-content { padding: 0%; } /*частные правки*/ .md-content .box { width: 100%; } .md-content .orderform input { width: 210px; } .md-content .sub-h2-title { margin-top: 0px; margin-bottom: -5px;} .md-content .results { width: 390px; font-size: 21px; } .nextstep, .sub-h2-title-mob {display: none;} .md-content .results { position: relative; z-index: 77; margin: 250px auto 125px; background: none; background: #fff; border-radius: 35px; box-shadow: 7px 9px 25px #cccccc;} .md-content .resultsbg { overflow: hidden; margin: -306px auto 125px; display: block; position: absolute; background: #f1f0f0; z-index: 70; width: 700px; height: 400px; border-radius: 12px;} .md-content .resultsbg:before { content: ''; margin: 276px 0 0 0px; display: block; position: absolute; width: 500px; height: 500px; background: #e0e0e0; transition: none; -moz-transform: rotate(-29deg); -ms-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); -o-transform: rotate(-29deg); transform: rotate(-29deg);} .md-content .resultsbg:after { content: ''; margin: 276px 0 0 205px; display: block; position: absolute; width: 500px; height: 500px; background: #e0e0e0; transition: none; -moz-transform: rotate(29deg); -ms-transform: rotate(29deg); -webkit-transform: rotate(29deg); -o-transform: rotate(29deg); transform: rotate(29deg);} .md-content .resultsbgtop { overflow: hidden; margin: -306px auto 125px; display: block; position: absolute; z-index: 72; width: 700px; height: 400px; border-radius: 12px;} .md-content .resultsbgtop:before {content: ''; margin: -380px 0 0 190px; border-radius: 25px; display: block; position: absolute; width: 500px; height: 500px; background: #ffffff; transition: none; -moz-transform: rotate(-29deg); -ms-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); -o-transform: rotate(-29deg); transform: rotate(-29deg); box-shadow: 11px 3px 30px #cccccc;} .md-content .resultsbgtop:after { content: ''; margin: -380px 0 0 12px; display: block; border-radius: 25px; position: absolute; width: 500px; height: 500px; background: #ffffff; transition: none; -moz-transform: rotate(29deg); -ms-transform: rotate(29deg); -webkit-transform: rotate(29deg); -o-transform: rotate(29deg); transform: rotate(29deg);} .modal { transform: scaleX(1) scaleY(1) perspective(1000px) rotate3d(0,0,0,0deg); } .msgsuccess {/*opacity: 0 !important*/ /* */ top: 35%; opacity: 0 !important; transform: scaleX(0.2) scaleY(0.2) perspective(649px) rotate3d(360,77,-3,75deg); transition: all .5s ease !important ; } /* ================================== ВНУТРЕННИЕ СТРАНИЦЫ ================================== */ .innerpage .box { padding-bottom: 35px; position: relative; z-index: 8;} .innerpage .box h1 { font-size: 36px; line-height: 1.2; padding-top: 87px; padding-bottom: 25px; text-align: center; word-spacing: 0.2em;} .innerpage .box h2 { font-size: 32px; line-height: 1.2; padding-top: 37px; } .innerpage .box h3 { font-size: 24px; line-height: 1.2; color: #2172ea; padding:25px 0 10px } .innerpage .box h3 a { color: #2172ea; } .innerpage .box p { font-size: 19px; line-height: 27px; word-spacing: 0.1em; padding-bottom: 15px; } /* кнопки под заголовком*/ .innerpage .box-scbtn.formob { display: none; } .innerpage .box-scbtn.forpc { text-align: center; } @media screen and (min-width:1px) and (max-width:521px){ .innerpage .box-scbtn.formob { display: block; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; width: calc(100% + 40px) !important; margin-left: -20px !important; margin-right: 20px !important; margin-bottom: 30px !important; height: 65px; overflow-y: hidden; } } /* MAIN CSS - niges.ru - END */ /* TC CSS - niges.ru - START */ /** * tc for cols **/ #tc-mob-col { width: 400px; height: 400px; height: 430px; margin: 0 auto; top: 25px; } #tc-mob-col .tc-container { height: 100%; } #tc-mob-col .tc-item { margin-right: 0; width: 400px; height: 500px; } #tc-mob-col .tc-paging-container { margin-top: -38px; } /** * tc for tab **/ #tc-mob-tab { width: 100%; margin: 0; padding: 0px 0; overflow: hidden !important;} #tc-mob-tab .tc-wrapper { overflow: visible;} #tc-mob-tab .tc-item { /* margin-right: 5px; */ padding-left: 12px; padding-right: 12px;} #tc-mob-tab .arrow-icon.left {left: 25px; } #tc-mob-tab .arrow-icon.right { right: 25px; } #tc-mob-tab .arrow-holder { width: 60px; } #tc-mob-tab .scrollbar-holder { bottom: 6px; } /** * tc for btn **/ #tc-mob-btn { width: 100%; margin: 0; padding: 15px 0; overflow: hidden !important;} #tc-mob-btn .tc-wrapper { overflow: visible; } #tc-mob-btn .tc-item { margin-right: 5px; } #tc-mob-btn .arrow-icon.left { left: 25px; } #tc-mob-btn .arrow-icon.right { right: 25px; } #tc-mob-btn .arrow-holder { width: 60px; } #tc-mob-btn .scrollbar-holder { bottom: 6px;} #tc-mob-btn .btn { /*height: 24px; */ white-space: nowrap; overflow: hidden; margin-left: 0px; margin-right: 0px; display: block; } .tc{position:relative;width:600px;height:400px;overflow:hidden} .tc .tc-container{position:relative;margin:0;padding:0;list-style:none;left:0; width: 950px; } .tc .tc-wrapper{position:relative;overflow:hidden;width:100%;height:100%;} .tc .tc-item{margin:0;padding:0;float:left} .tc .tc-item.last{margin-right:0!important} .tc .tc-paging-container{width:100%;overflow:hidden;position:absolute;margin-top:-20px;z-index:25} .tc .tc-paging-centerer{float:left;position:relative;left:50%} .tc .tc-paging-centerer-inside{float:left;position:relative;left:-50%} .tc .tc-paging-item{float:left;cursor:pointer;position:relative;display:block;text-indent:-9999px} .tc .scrollbar-holder{position:absolute;z-index:30;left:6px;right:6px;bottom:5px;height:4px;overflow:hidden} .tc .scrollbar{position:absolute;left:0;height:4px;bottom:0} .tc .scrollbar.dark{background-color:#828282;background-color:rgba(0,0,0,0.5)} .tc .scrollbar.light{background-color:#d2d2d2;background-color:rgba(255,255,255,0.5)} .tc .auto-cursor{cursor:auto} .tc .tc-paging-container{margin-top:-22px} .tc .tc-paging-item{width:42px;height:38px;-moz-opacity:.88;-webkit-opacity:.88;opacity:.88} .tc .tc-paging-item:before{content:''; display:block; position: absolute; height: 5px; width: 32px; background:#8700cc; border-radius:5px; margin-top:15px; margin-left: 4px; box-shadow: 0px 0px 15px #fdf9e6; border: 1px solid #521c9e;} .tc .tc-paging-item.current:before{background:#222; border: 1px solid #000; transition: all 0.35s} .tc .tc-paging-item:hover{-moz-opacity:1;-webkit-opacity:1;opacity:1} .s-seo .tc .tc-paging-item:before {background:#cc6aff; box-shadow: 0px 0px 15px #24243e; border: 1px solid #d991ff;} .s-seo .tc .tc-paging-item.current:before {background:#ddd; border: 1px solid #fff;} /* ================================== (TABS OFFERS) ================================== */ .btn.activetab {background:#fff !important; color: #f30000 !important; color: #ca0000 !important; } .offers-wrap .activetab {display0: block !important; transition: all ease .35s; z-index: 10;} .offers-wrap {width: 100%; clear:both; min-height: 630px; transition: min-height ease .35s; } .offers-wrap.tab-h-1 { min-height: 660px; } /* изменяемый */ .offers-wrap.tab-h-2 { min-height: 650px; } /* изменяемый */ .offers-wrap.tab-h-3 { min-height: 355px; } /* изменяемый */ .offers { width: 1157px; clear:both; position: absolute; display0: none; z-index: -1;} .offers.activetab { z-index: 3;} .offers div {width: 245px; min-height: 250px; background:#fefefe; padding: 12px 15px; float:left; margin-left: 7px; margin-right: 7px; border-radius: 4px; box-shadow: 0px 3px 20px #ccc;} .offers.offers-wrap-3col div { width: 340px; } .offers div h4 {font-size: 21px; line-height: 27px; color: #333; padding: 0 5px 10px; border-bottom: 1px solid #dedede; margin: 0 -5px 15px; } .offers div span {display: block;margin-bottom:10px; font-size: 16px; padding-left: 28px;} .offers div span font {display: inline-block; } .offers.activetab div span:before {content: ''; position: absolute; margin:5px 0 0 -20px; display: block; width: 20px; height: 12px; background-image: url(/img/i/i-web-yes-green.png); background-size:auto 10px; background-position: top left; background-repeat: no-repeat; } .offers div span.price {color: #484848; padding: 4px 8px 5px; line-height: 24px; background: #fff473; overflow: hidden; /* border-radius: 20px; */ margin: 20px auto 5px; margin: 16px auto 12px; position: relative; width: 120px; text-align: center; font-weight: bold;} .offers div span.price:before {content: ''; position: absolute;display: block; width: 10px; height: 10px; border-radius: 5px; margin:8px 0 0 -13px; background: #fff;} .offers div span.price:after {content: ''; position: absolute;display: block; width: 10px; height: 10px; border-radius: 5px; margin:-16px 0 0 123px; background: #fff;} .offers div span.btn { text-align: center; margin-top: 19px} .offers div span.btn:before {display: none;} .offers div span.btn:hover { transition: background .3s, opacity .5s !important; background-color: rgba(0,0,0,.07) !important;} .offer-clear-tab {display: block; clear: both; width: 100%; height: 1px; position: relative;} .offers p.zvzd { font-size:15px; text-align: center; opacity: 0.6; } /* SF */ .offers-wrap .offer-1 {opacity: 0; margin-top:50px; transition: all ease .20s; } .offers-wrap .offer-2 {opacity: 0; margin-top:40px; transition: all ease .29s; } .offers-wrap .offer-3 {opacity: 0; margin-top:30px; transition: all ease .38s; } .offers-wrap .offer-4 {opacity: 0; margin-top:20px; transition: all ease .47s;} .offers-wrap .activetab .offer-1 {opacity: 1; margin-top:0px; transition: all ease .55s; transition-delay: 0.35s;} .offers-wrap .activetab .offer-2 {opacity: 1; margin-top:0px; transition: all ease .65s; transition-delay: 0.35s;} .offers-wrap .activetab .offer-3 {opacity: 1; margin-top:0px; transition: all ease .75s; transition-delay: 0.35s;} .offers-wrap .activetab .offer-4 {opacity: 1; margin-top:0px; transition: all ease .85s; transition-delay: 0.35s;} .offers-wrap .outtab .offer-1 {opacity: 0; margin-top:-50px; transition: all ease .20s; } .offers-wrap .outtab .offer-2 {opacity: 0; margin-top:-40px; transition: all ease .29s; } .offers-wrap .outtab .offer-3 {opacity: 0; margin-top:-30px; transition: all ease .38s; } .offers-wrap .outtab .offer-4 {opacity: 0; margin-top:-20px; transition: all ease .47s; } @media screen and (min-width:522px) { .offers {perspective: 1152px;} .offers-wrap .activetab .offer-1, .offers-wrap .activetab .offer-2, .offers-wrap .activetab .offer-3, .offers-wrap .activetab .offer-4 { transform-style: flat; transform: rotateX(0deg); } .offers-wrap .offer-1, .offers-wrap .offer-2, .offers-wrap .offer-3, .offers-wrap .offer-4 { transform-style: flat; transform: rotateX(7deg); } } /* icons */ .offers div { background-size:auto 36px; background-position: top 8px right 15px; background-repeat: no-repeat; } .btn-tab-1-wrap .offer-1 { background-image: url(/img/i/tabs/pc/m1.png); } .btn-tab-1-wrap .offer-2 { background-image: url(/img/i/tabs/pc/m2.png); } .btn-tab-1-wrap .offer-3 { background-image: url(/img/i/tabs/pc/m3.png); } .btn-tab-1-wrap .offer-4 { background-image: url(/img/i/tabs/pc/m4.png); } .btn-tab-2-wrap .offer-1 { background-image: url(/img/i/tabs/pc/c1.png); } .btn-tab-2-wrap .offer-2 { background-image: url(/img/i/tabs/pc/c2.png); } .btn-tab-2-wrap .offer-3 { background-image: url(/img/i/tabs/pc/c3.png); } .btn-tab-2-wrap .offer-4 { background-image: url(/img/i/tabs/pc/c4.png); } .btn-tab-3-wrap .offer-1 { background-image: url(/img/i/tabs/pc/p1.png); } .btn-tab-3-wrap .offer-2 { background-image: url(/img/i/tabs/pc/p2.png); } .btn-tab-3-wrap .offer-3 { background-image: url(/img/i/tabs/pc/p3.png); } .btn-tab-1-wrap.store .offer-1 { background-image: url(/img/i/tabs/pc/w1.png); } .btn-tab-1-wrap.store .offer-2 { background-image: url(/img/i/tabs/pc/w6.png); } .btn-tab-1-wrap.store .offer-3 { background-image: url(/img/i/tabs/pc/w7.png); } .btn-tab-1-wrap.store .offer-4 { background-image: url(/img/i/tabs/pc/w8.png); } .btn-tab-1-wrap.corp .offer-1 { background-image: url(/img/i/tabs/pc/w1.png); } .btn-tab-1-wrap.corp .offer-2 { background-image: url(/img/i/tabs/pc/w6.png); } .btn-tab-1-wrap.corp .offer-3 { background-image: url(/img/i/tabs/pc/w7.png); } .btn-tab-1-wrap.corp .offer-4 { background-image: url(/img/i/tabs/pc/w8.png); } .btn-tab-1-wrap.lp .offer-1 { background-image: url(/img/i/tabs/pc/w1.png); } .btn-tab-1-wrap.lp .offer-2 { background-image: url(/img/i/tabs/pc/w6.png); } .btn-tab-1-wrap.lp .offer-3 { background-image: url(/img/i/tabs/pc/w7.png); } .btn-tab-1-wrap.lp .offer-4 { background-image: url(/img/i/tabs/pc/w8.png); } .innerpage .box p u { font-weight: bold; text-decoration: none } #sectionpartners .box { display:flex; justify-content: space-between; padding:25px 0; align-items: center; } #sectionpartners .box > div a { display: block; width: 100%; height: 100%; background: #fff; text-decoration: none; position: relative; cursor:pointer; opacity:0; transition: opacity 0.3s ease; } #sectionpartners .box > div a:hover {opacity:0.1;} #sectionpartners .box > div { /**/background-color:#ffffff; background-repeat:no-repeat; background-position: top center; background-size: cover; box-shadow: 1px 2px 25px rgb(0 0 0 / 50%); border-radius: 7px; width:150px; overflow:hidden; position:relative; /* height:120px; */ } .partner-bitrix { /* background-image: url(/img/sertif_sm_w.png); */ background-image: url(/img/sertif_sm_g.png); height: 90px; background-size: 150px 101px !important; background-position: top -11px center !important; } .partner-bitrix24 { background-image: url(/img/sertif_b24m_w.png); width: 220px !important; height: 55px; background-position: top -11px center !important; } .partner-hostinger { background-image: url(/img/logo_hostinger.png); width: 200px !important; height: 55px !important; background-size: 160px auto !important; background-position: center !important; } .partner-regru { background-image: url(/img/logo_regru.png); width: 145px !important; height: 75px !important; background-size: 100px auto !important; background-position: center !important; } .partner-firstbyte { background-image: url(/img/logo_firstbyte.png); width: 180px !important; height: 55px !important; background-size: 130px auto !important; background-position: center !important; } #sectionpartners .box.dark > div { opacity: 0.35; transition: opacity 0.3s ease; } #sectionpartners .box.dark > div:hover { opacity: 1; }