О нас

.whatsapp-button { background: #25D366; background-image: url("https://images.satu.kz/207340782_w2048_h2048_whatsapp.png?fresh=1"); background-size: 46px 46px; background-repeat: no-repeat; background-position: center; border: 3px solid #1cc15a; border-radius: 50%; box-shadow: 0 8px 10px rgba(7, 206, 112, 0.6); cursor: pointer; height: 68px; text-align: center; width: 68px; ; right: 4.1%; bottom: 17%; z-index: 9999; transition: .3s; -webkit-animation: hoverWave linear 1s infinite; animation: hoverWave linear 1s infinite; } .whatsapp-button .text-button { height:68px; width:68px; border-radius:50%; position:relative; overflow:hidden; } .whatsapp-button .text-button span { text-align: center; color:#23a455; opacity: 0; font-size: 0; position:absolute; right: 8px; top: 27px; line-height: 14px; font-weight: 600; transition: opacity .3s linear; font-family: 'montserrat', Arial, Helvetica, sans-serif; } .whatsapp-button .text-button:hover span { opacity: 1; font-size: 11px; } .whatsapp-button:hover i { display:none; } .whatsapp-button:hover { z-index:1; background:#fff; color:transparent; transition:.3s; } .whatsapp-button:hover i { color:#25D366; font-size:44px; transition:.3s; } .whatsapp-button i { color:#fff; font-size:44px; transition:.3s; line-height: 66px;transition: .5s ease-in-out; animation: 1200ms ease 0s normal none 1 running shake; animation-iteration-count: infinite; -webkit-animation: 1200ms ease 0s normal none 1 running shake; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes hoverWave { 0% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2) } 40% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2) } 80% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067) } 100% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0) } }@keyframes hoverWave { 0% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2) } 40% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2) } 80% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067) } 100% { box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0) } } @keyframes shake { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } } @-webkit-keyframes shake { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } } WhatsApp .uc-btns { display: inline-block; padding: 8px 20px; text-decoration: none !important; font-size: 16px; transition: all 500ms ease-in-out; border: 1px solid #ff780c; background: #ff943f; color: #fff!important; } .uc-btns:hover { transition: all 500ms ease-in-out; border-color: #edd577; background: #ED451F; color: #222!important; } .uc-title { margin-top: 30px!important; padding: 10px; background: #0d0f13!important; position: relative; display: block; box-sizing: border-box; color: #fff; text-align: left; font: 18px/18px 'Arimo', Arial, sans-serif!important; } .ucv-a2-panel strong { font-size: 20px; color: #ED451F; } .ucv-a2-panel { background: #777 url('https://www.techarcis.com/wp-content/uploads/2017/05/banner1-1200x692.jpg') center; background-size: cover; display: flex; align-items: flex-start; } .ucv-a2-texts { background-color: rgba(43, 43, 43, 0.8); margin: 0; padding: 20px 15px 20px 40px; width: 60%; text-align: left; border-radius: 0 130px 130px 0; } .ucv-a2-header { font-size: 23px!important; line-height: 32px!important; color: #ED451F; margin: 0px 0px 5px; padding: 20px 60px 0px 15px; background: linear-gradient(-65deg, transparent 130px, #434343 23%, #434343); } .ucv-a2-sub-header { font-size: 18px; line-height: 32px; padding: 7px 15px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { position: relative; font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; border-left: 2px solid #ED451F; padding-left: 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #ED451F!important; padding: 0 20px; border: 2px solid #ED451F; font-size: 16px; } .ucv-a2-link:hover { color: #fff!important; border-color: #fff; } @media screen and (max-width: 1300px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: #ED451F; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left: -6px; background: #ED451F; height: 10px; width: 10px; border-radius: 100%; } :root { --infograph-color2: #434343; --infograph-color1: #ED451F; } @media screen and (min-width: 320px) { .infographic_wrapper { padding: 20px 10px; text-align: center; } .infographic_container { display: flex; flex-wrap: wrap; justify-content: center; } .infographic_item { margin: 25px 0; display: flex; flex-direction: column; } .infographic_block { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 80%; height: 100%; background: var(--infograph-color2); padding: 20px 10px; position: relative; } .infographic_item_container { display: flex; align-items: center; height: 100%; } .arrow_back { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_back::before { content: ""; position: absolute; left: -15px; top: 0; border-left: 15px solid transparent; border-top: 40px solid var(--infograph-color2); border-bottom: 40px solid var(--infograph-color2); } .arrow_forward { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_forward::after { content: ""; position: absolute; right: -15px; top: -10px; border-left: 15px solid var(--infograph-color2); border-top: 50px solid transparent; border-bottom: 50px solid transparent; } .infographic_item:nth-child(odd) .infographic_block { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back, .infographic_item:nth-child(odd) .arrow_forward { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back::before { border-top: 40px solid var(--infograph-color1); border-bottom: 40px solid var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_forward::after { border-left: 15px solid var(--infograph-color1); } .infographic_content { color: #fff; padding: 10px; } .infographic_sub_header strong { color: #f3e3a4; } .infographic_sub_header { padding-bottom: 10px; position: relative; display: inline-block; font-size: 15px!important; font-weight: 500!important; } .infographic_number { padding-top: 10px; color: #8bc34a; font-weight: bold; } .infographic_number_text { font-size: 20px; } .infographic_num { font-size: 40px; } } @media screen and (min-width: 1200px) { .infographic_container { justify-content: space-around; } .infographic_item { width: 47%; } .arrow_back { width: 20%; } .arrow_forward { width: 20%; } } @media screen and (min-width: 1500px) { .infographic_item { width: 22%; } .arrow_back { width: 10%; } .arrow_forward { width: 10%; } } .uc-oco-panel { padding: 20px 5px 30px; } .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #ED451F inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #434343 inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1400px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background-color: #434343; border-radius: 5px; display: inline-block; width: 48%; margin: 10px 0%; padding: 40px 10px 10px 20px; box-sizing: border-box; color: #fff; transition: all .3s ease; } .uc-numbers-scheme:hover { background: #ED451F; color: #fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 15px; color: #ff943f; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #f3e3a4; text-shadow: 3px 0 5px #3f3f3f; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 15px; color: #ff943f; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #f3e3a4; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } .uc-order { padding: 20px 15px; text-align: left; } .uc-order h2 { text-align: center; margin-bottom: 30px; } .uc-order-scheme__container { display: flex; flex-wrap: wrap; } .uc-order-scheme__left-column, .uc-order-scheme__right-column { display: flex; flex-direction: column; width: 50%; } .uc-order-scheme { padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #ff943f; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #ED451F; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #636b7c; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #f87a02; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme__left-column, .uc-order-scheme__right-column { width: 100%; } } .uc-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: table; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 21%; margin: 2%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 100px; height: 100px; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #434343; line-height: 125px; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; } .uc-order-wrapp:hover img { transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; border-radius: 50%; background-color: #434343; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background-color: #434343; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; border-radius: 60px; background-color: #434343; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; border-radius: 60px; background-color: #434343; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%; } } @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; } } .uc-footer { padding: 10px 20px; text-align: center; } .container { max-width: 1024px; width: 90%; margin: 0 auto; } // ---------------- THE FONTS $border-color: rgba(black, .3); .timeline-item { padding: 3em 2em 2em; position: relative; color: rgba(black, .7); border-left: 2px solid $border-color; p { font-size: 1rem; } &::before { content: attr(date-is); position: absolute; left: 2em; font-weight: bold; top: 1em; display: block; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: .785rem; } &::after { width: 10px; height: 10px; display: block; top: 1em; position: absolute; left: -7px; border-radius: 10px; content: ''; border: 2px solid $border-color; background: white; } &:last-child { border-image: linear-gradient( to bottom, $border-color 60%, rgba($border-color, 0)) 1 100%; } } О корпорации SANA Наша миссия: Мы меняем жизнь людей в лучшую сторону благодаря общим усилиям нашей команды и каждого клиента для достижения поставленных целей и справедливости в обществе. Наше видение: Стать компанией, которая постоянно улучшает социальную, экологическую и экономическую сферы жизни и увеличивает свою эффективность путем внедрения инновационных решений. Просмотреть услуги .ucv-b1-panel { padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 0.5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; height: auto !important; transition: all .7s; } .ucv-b1-img-holder:hover .ucv-b1-name { transform: translateY(-250px); } .ucv-b1-img-holder:hover img { transform: translateY(-50%); } .ucv-b1-img-holder:hover .ucv-b1-hint { bottom: 0; } .ucv-b1-hint { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background-color: #ef5e3d; text-align: left; color: #fff; transition: all .7s; overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { font-size: 18px; color: #fff; display: inline-block; position: absolute; bottom: 0px; left: 0; text-align: left; background-color: #ED451F; padding: 10px; transition: all .7s; } .ucv-b1-name:hover {} .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 45%; text-decoration: none; } @media screen and (max-width: 1100px) { .ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 46%; } } @media screen and (max-width: 700px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } :root { --infograph-color2: #4d4d4d; --infograph-color1: #ED451F; } /* !!!! This pen is being refactored !!!! */ /* ===== DEPENDENCES ===== */ .r-title { margin-top: var(--rTitleMarginTop, 0) !important; margin-bottom: var(--rTitleMarginBottom, 0) !important; } p:not([class]) { line-height: var(--cssTypographyLineHeight, 1.78); margin-top: var(--cssTypographyBasicMargin, 1em); margin-bottom: 0; } p:not([class]):first-child { margin-top: 0; } /* text component */ .text { display: var(--textDisplay, inline-flex); font-size: var(--textFontSize, 1rem); } /* time component */ /* core styles */ .time { display: var(--timeDisplay, inline-flex); } /* extensions */ .time__month { margin-left: var(--timelineMounthMarginLeft, .25em); } /* skin */ .time { padding: var(--timePadding, .25rem 1.25rem .25rem); background-color: var(--timeBackgroundColor, #f0f0f0); font-size: var(--timeFontSize, .75rem); font-weight: var(--timeFontWeight, 700); text-transform: var(--timeTextTransform, uppercase); color: var(--timeColor, currentColor); } /* card component */ /* core styles */ .card { padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem); } .card__content { margin-top: var(--cardContentMarginTop, .5rem); } /* skin */ .card { border-radius: var(--timelineCardBorderRadius, 2px); border-left: var(--timelineCardBorderLeftWidth, 3px) solid var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor)); box-shadow: var(--timelineCardBoxShadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24)); background-color: var(--timelineCardBackgroundColor, #fff); } /* extensions */ .card__title { --rTitleMarginTop: var(--cardTitleMarginTop, 1rem); font-size: var(--cardTitleFontSize, 1.25rem); } /* ===== CORE STYLES ===== */ .timeline { display: var(--timelineDisplay, grid); grid-row-gap: var(--timelineGroupsGap, 2rem); } /* 1. If timeline__year isn't displaed the gap between it and timeline__cards isn't displayed too */ .timeline__year { margin-bottom: 1.25rem; /* 1 */ } .timeline__cards { display: var(--timeloneCardsDisplay, grid); grid-row-gap: var(--timeloneCardsGap, 1.5rem); } /* ===== SKIN ===== */ .timeline { --uiTimelineMainColor: var(--timelineMainColor, #222); --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff); border-left: var(--timelineLineWidth, 3px) solid var(--timelineLineBackgroundColor, var(--uiTimelineMainColor)); padding-top: 1rem; padding-bottom: 1.5rem; } .timeline__year { --timePadding: var(--timelineYearPadding, .5rem 1.5rem); --timeColor: var(--uiTimelineSecondaryColor); --timeBackgroundColor: var(--uiTimelineMainColor); --timeFontWeight: var(--timelineYearFontWeight, 400); } .timeline__card { position: relative; margin-left: var(--timelineCardLineGap, 1rem); } /* 1. Stoping cut box shadow */ .timeline__cards { overflow: hidden; padding-top: .25rem; /* 1 */ padding-bottom: .25rem; /* 1 */ } .timeline__card::before { content: ""; width: 100%; height: var(--timelineCardLineWidth, 2px); background-color: var(--timelineCardLineBackgroundColor, var(--uiTimelineMainColor)); position: absolute; top: var(--timelineCardLineTop, 1rem); left: -50%; z-index: -1; } /* ===== SETTINGS ===== */ /**/ .timeline { --timelineMainColor: #ED451F } /* ===== DEMO ===== */ body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif; color: #222; background-color: #f0f0f0; margin: 0; display: flex; flex-direction: column; } p { margin-top: 0; margin-bottom: 1rem; line-height: 1.5; } p:last-child { margin-bottom: 0; } .page { max-width: 100rem; padding: 5rem 2rem 3rem; margin-left: auto; margin-right: auto; } .substack { border: 1px solid #EEE; background-color: #fff; width: 100%; max-width: 480px; height: 280px; margin: 1rem auto; ; } .linktr { display: flex; justify-content: flex-end; padding: 2rem; text-align: center; } .linktr__goal { background-color: rgb(209, 246, 255); color: rgb(8, 49, 112); box-shadow: rgb(8 49 112 / 24%) 0px 2px 8px 0px; border-radius: 2rem; padding: .75rem 1.5rem; } .r-link { --uirLinkDisplay: var(--rLinkDisplay, inline-flex); --uirLinkTextColor: var(--rLinkTextColor); --uirLinkTextDecoration: var(--rLinkTextDecoration, none); display: var(--uirLinkDisplay) !important; color: var(--uirLinkTextColor) !important; text-decoration: var(--uirLinkTextDecoration) !important; } История развития компании 1996-1998г. Свою историю компания начала с ТОО «ВНН-ТВ» Свою историю компания начала с ТОО «ВНН-ТВ» в 1996 году, владеющего одноименной телекомпанией и телеканалом в Рудном, запустившего в июле 1997 года собственную службу такси и создавшего в июле 1998 года службу наружной рекламы. 1998г. Создание ТОО «ВЕК» В начале 1998 года было создано ТОО «ВЕК», учредившее 7 октября 1998 года газету «Хорошее Дело». 2001г. Приобретение ТОО «Медиа» В начале 2001 года было приобретено ТОО «Медиа», владеющее лицензией на радиовещание в Рудном, а 16 апреля 2001 года начала вещание станция «Радио-SANA» на 103,3 FM, причем она стала первой радиостанцией в Костанайской области, вещающей с мощностью в 500 Вт. Формат станции выбран CHR POP – популярная музыка с преобладанием хитов. 25 июля 2001г. Создание ТОО «Корпорация SANA» ТОО «Корпорация SANA» образовалось 25 июля 2001 года в результате реорганизации путем слияния трёх ТОО: «ВНН-ТВ», «ВЕК» и «Медиа». Май 2002г. Запуск проекта – Центр оперативной полиграфии В мае 2002 года был запущен новый проект – Центр оперативной полиграфии, производящий на собственном оборудовании бланочную продукцию, визитки, этикетки, гербовые бланки, благодаря полученной лицензии на право изготовления материальных объектов с изображением гос. символики. Декабрь 2002г. Создание подразделения - компания «Компьютер без проблем» А в декабре 2002 года появилось новое подразделение – компания «Компьютер без проблем», целью которой была реализация компьютерных комплектующих, смартфонов и прочей орг. техники. Ноябрь 2005г. Открытие сауны с бассейном В ноябре 2005 года открылась собственная сауна с бассейном. Октябрь 2012г. Начало установки уличных светодиодных экранов В октябре 2012 года в рамках проекта «SANA-Vision» компания начала установку уличных светодиодных экранов, всего было установлено 3 экрана в самых оживленных местах Рудного и 1 экран 7х4 метра в Сити-центре Костаная. Декабрь 2013г. Открытие информационного портала газеты «Хорошее Дело» Декабрь 2013 года ознаменовался открытием информационного портала газеты «Хорошее Дело» - hordelo.kz, что позволило получать обратную связь от читателей в виде комментариев к материалам и модулю голосования за те или иные общественные инициативы. Июль 2014г. Приобретение станции «Радио Рауан» в городе Лисаковск В июле 2014 году было приобретена станция «Радио Рауан» в городе Лисаковск, обновлено антенно-фидерное устройство и перенесена антенна на высоту 160 метров, что вкупе с передатчиком в 500 Вт. значительно расширило зону вещания данной радиостанции. Сентябрь 2014г. Начало предоставления услуги аренды всепогодного светодиодного экрана А с сентября 2014 года компания «SANA-Vision» начала предоставлять услуги аренды всепогодного светодиодного экрана с шагом пикселя 8 мм и размерами до 6х4 метра, расширив географию своих услуг в сопровождении любых торжественных и развлекательных мероприятий до границ Костанайской области. Октябрь 2017г. Запуск проекта «Копилка Хороших Дел» С октября 2017 года газета «Хорошее Дело» и такси «SANA» запустили совместный проект «Копилка Хороших Дел», пополнение которой осуществлялось путем внесения 5 тенге с каждой проданной газеты и выполненной заявки, после чего на солидарной основе с жильцами дворов приобретались и устанавливались детские площадки в микрорайонах города Рудный. Всего за год было установлено 4 детских площадки. Изготовление и размещение всех видов рекламы от «Корпорации SANA» Комплексное размещение заказа в нашей компании позволит расширить целевую аудиторию на рекламном рынке Костанайской области Сделать заказ на изготовление и размещение любых видов рекламы можно прямо в режиме онлайн Перейти к заказу Удобная схема для оформления заказа наших услуг: 1 Выбрать на сайте необходимую вам услугу, оформить заказ 2 Уточнение деталей заказа у нашего менеджера по телефону или электронной почте 3 Оплата и выполнение заказа 4 Выполнение заказа, соблюдение всех сроков изготовления и размещения рекламных материалов Наши дополнительные преимущества Отличное качество и приемлемая стоимость рекламной продукции от «Корпорации SANA» - это результат грамотного и профессионального подхода к процессу создания качественной рекламной и полиграфической продукции. Кроме того, высокое качество нашей рекламной продукции обеспечивается чёткой и слаженной работой всех наших специалистов. Широкий выбор рекламных инструментов, пакетные скидки при размещении, бонусы постоянным клиентам в рамках системы лояльности в мобильном приложении, собственное оборудование при изготовлении объектов наружной рекламы и полиграфической продукции, а еще каждые 5 тенге с проданной газеты "Хорошее Дело" и выполненной заявки такси "SANA" перечисляются в «Копилку Хороших Дел», и накопленные денежные средства идут на приобретение и установку детских площадок в городе. Наши контакты