ООО «АлиАнс», Бердск

ООО «АлиАнс»

.uc-link { display: inline-block; padding: 15px 10px; text-decoration: none !important; text-align: center; min-width: 150px; color: #fff!important; border: 1px solid #01141e; background: #01141e; border-radius: 3px; font-size: 16px; transition: all .7s; margin: 10px; } .uc-link:hover { background: #0e6da8; border-color: #0e6da8; transition: all .7s; } .uc-ban1-panel { background: url( center; background-size: cover; padding: 0px; } .uc-ban1-panel strong { color: #0e6da8; font-size: 20px; } .uc-ban1-texts { background-color: rgba(251, 251, 251, 0.8); width: 400px; padding: 20px; text-align: center; box-sizing: border-box; margin-left: 58%; } .uc-ban1-header { font-size: 30px; line-height: 32px; color: #0e6da8; margin: 0px 0px 5px; } .uc-ban1-sub-header { font-size: 18px; line-height: 24px; color: #333; margin: 0px 0px 10px; } .uc-ban1-text { font-size: 14px; line-height: 22px; color: #333; margin: 0px 0px 10px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #0e6da8!important; border: 2px solid #0e6da8!important; padding: 8px 15px; min-width: 150px; font-size: 17px; transition: all .3s; } .uc-ban1-link:hover { color: #333!important; border: 2px solid #333!important; } @media screen and (max-width: 1000px) { .uc-ban1-texts { width: auto; } .uc-ban1-panel { padding: 0px; } } .ucv-b1-panel { padding: 20px 0; text-align: center; border-bottom: 1px solid #e8f1f7; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 20px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .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__bl { display: block; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .ucv-b1-img-holder__bl:after { content: ''; display: inline-block; position: absolute; bottom: 0; right: 0; background: #0e6da8; height: 5px; transition: all .6s ease-out; width: 0; } .ucv-b1-img-holder__bl:hover:after { transition: all .2s ease-out; width: 300px; } .ucv-b1-img-holder__bl:hover:before { transition: all .4s ease-out .2s; height: 300px; } .ucv-b1-img-holder__bl:before { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; background: #0e6da8; height: 0; transition: all .4s ease-out .2s; width: 5px; z-index: 5; } .ucv-b1-img-holder:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #0e6da8; height: 5px; transition: all .6s ease-out; width: 0; } .ucv-b1-img-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; background: #0e6da8; height: 0; transition: all .6s ease-out .2s; width: 5px; z-index: 5; } .ucv-b1-img-holder:hover:after { transition: all .6s ease-out; width: 300px; } .ucv-b1-img-holder:hover:before { transition: all .4s ease-out .2s; height: 300px; } .ucv-b1-img-holder img { display: block; height: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(251, 251, 251, 0.8); text-align: left; color: #333; transition: all 0.6s ease 0s; 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: #0e6da8; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #01141e; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 31%; } @media screen and (max-width: 1000px) { .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: 800px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 630px) { .ucv-b1-hint-body {} } @media screen and (max-width: 500px) { .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; } } .uc-clear {clear:both; height:0px;} .uc-numbers { padding: 20px; border-bottom: 1px solid #e8f1f7; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 20px; } .uc-numbers-scheme { -webkit-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); -moz-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3); display: inline-block; box-sizing: border-box; width: 29%; margin: 2%; padding: 40px 10px 10px 20px; transition: all .6s ease; } .uc-numbers-scheme strong { transition: all .6s ease; display: inline-block; font-size: 60px; color: #0e6da8; transform: translateY(-15px); text-shadow: 3px 3px 1px #30373d; } .uc-numbers-scheme:hover strong { transition: all .6s ease; color: #01141e; transform: translateY(0px); text-shadow: none; } .uc-numbers-scheme em { font-size: 18px; color: #01141e; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #0e6da8; transition: all .3s ease; } @media screen and (max-width: 1200px) { .uc-numbers-scheme { width: 46%; margin: 2%; } } @media screen and (max-width: 1000px) { .uc-numbers-scheme { width: 100%; margin: 20px auto; } } .uc-nombers { padding: 20px; border-bottom: 1px solid #e8f1f7; } .uc-nombers_wrap { display: flex; flex-wrap: wrap; } .uc-nombers h2 { text-align: center; margin-bottom: 20px; } .uc-nombers-scheme { background: #f9f9f9; -webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); display: inline-block; box-sizing: border-box; width: 25%; margin: 10px 0; padding: 20px 35px 10px 35px; text-align: center; transition: all .5s ease; } .uc-nombers-scheme img { transition: all .5s ease; } .uc-nombers-scheme:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; } @media screen and (max-width: 1300px) { .uc-nombers-scheme { width: 50%; padding: 35px 50px 10px; } } @media screen and (max-width: 1000px) { .uc-nombers-scheme { width: 100%; margin: 10px auto; } } @media screen and (max-width: 500px) { .uc-nombers-scheme { padding: 35px 25px 10px; } } .uc-reviews { padding: 20px; border-bottom: 1px solid #e8f1f7; } .uc-reviews h2 { margin-bottom: 20px; text-align: center; } .uc-reviews__inner { display: flex; justify-content: space-around; flex-wrap: wrap; } .uc-comment { display: flex; flex-direction: column; width: 46%; margin: 2% 1%; padding: 20px; align-items: center; /*justify-content: space-around;*/ position: relative; background: #f9f9f9; box-sizing: border-box; z-index: 1; } .uc-image__area { width: 100px; height: 100px; background: #fff; z-index: 1; border-radius: 100%; } .uc-user__image { max-width: 100px; height: auto; border-radius: 100%; box-shadow: 0 0px 10px #fff, 0 0 0px 7px #01141e, 0 0px 0px 10px #fff; } .uc-comment__content { text-align: center; color: #000; z-index: 1; } .uc-user__name { margin-bottom: 15px; font-size: 26px; color: #333; font-weight: bold; transition-delay: 0.3s; transition: .6s; } .uc-text { transition-delay: 0.2s; transition: .6s; } .uc-first__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: #0e6da8; transition: .7s; } .uc-first__comment:hover .uc-user__name, .uc-first__comment:hover .uc-text { color: #fff; transition: .6s; } .uc-first__comment:hover::before { height: 100%; transition: .7s; } .uc-second__comment::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: #01141e; transition: .7s; } .uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; } .uc-second__comment:hover::before { height: 100%; transition: .7s; } .uc-second__comment:hover .uc-user__name, .uc-second__comment:hover .uc-text { color: #fff; transition: .6s; } .uc-second__comment:hover::before { height: 100%; transition: .7s; } @media screen and (max-width: 1200px) { .uc-comment { width: 100%; margin: 15px auto; } } @media screen and (max-width: 320px) { .uc-comment { width: 100%; } } .uc-our__history { padding: 20px 0; text-align: center; border-bottom: 1px solid #e8f1f7; } .uc-our__history h2 { padding-bottom: 10px; text-align: center; } .uc-our__history-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .uc-our__history-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 47%; margin: 15px 0; transition: all 0.8s; } .uc-our__history-block .uc-bib { transition: all 0.8s; } .uc-our__history-block:hover .uc-bib { transform: rotate(360deg); } .uc-our__history-year { position: relative; text-align: center; -ms-flex-item-align: center; align-self: center; font-size: 60px; font-weight: bold; color: #9c50b8; background: #0e6da8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 85px; min-width: 85px; /*border-radius: 3px;*/ box-shadow: 0 0px 10px #fff, 0 0 0 10px #fff; transition: all 0.5s ease; } .uc-our__history-line { -ms-flex-item-align: center; align-self: center; width: 4%; height: 10px; background: transparent; } .uc-our__history-content { position