/* Start:/bitrix/templates/.default/components/bitrix/news.list/gallery_main/style.css?1617000722310*/
#main .gallery-box .callbacks_nav.prev { left: 20px; background-position: -4px -8px;}
#main .gallery-box .callbacks_nav.next { right: 20px; background-position: -94px -7px;}
#main .gallery-box .callbacks_nav { background: url(/bitrix/templates/.default/components/bitrix/news.list/gallery_main/img/i-banner-slider-arow.png) no-repeat;width: 55px; height: 55px;top: 48%;}
/* End */
/* Start:/bitrix/templates/skillpoint/components/bitrix/news.list/certificates_for_main/style.css?1772802983347*/
.block_main_certificates a.example_group > img {
width: auto !important;
height: 100%;
}
.certificates.certificates_main .certificates_item {
margin: 0 !important;
}
.certificates.certificates_main .block_main_certificates {
display: flex;
justify-content: center;
gap: 10px;
margin: 25px 16px 40px;
}
/* End */
/* Start:/bitrix/templates/skillpoint/components/bitrix/news.list/reveiws_main/style.css?17728025381124*/
.reveiws-box { display: flex; flex-direction: column; align-items: center; position: relative; margin: 40px auto 0!important; padding: 0!important}
.reveiws-box .title { width: auto!important}
.reveiws-box .reveiws-btn { display: flex; align-items: flex-end; justify-content: flex-end; width: 100%; padding: 0 20px; box-sizing: border-box;}
.reveiws-box .reveiws-btn a { margin: 0 20px 0 0; font-size: 16px; line-height: 32px; color: #6b98db; font-weight: 400; text-decoration: none; border-bottom: 1px solid #6b98db;transition: border 0.5s ease; }
.reveiws-box .reveiws-btn a:hover{border-bottom: 1px solid #fff;}
.reveiws-box .reveiws-btn div{font-size: 16px; line-height: 32px; color: #282828; font-weight: 400; }
.reveiws-box .review-list .text { text-align: left;}
.reveiws-box.clients .owl-theme .owl-nav .owl-prev { left: -110px;}
.reveiws-box.clients .owl-theme .owl-nav .owl-next { right: -110px;}
.reveiws-box.clients .owl-theme .owl-nav [class*="owl-"]{top: 174px;}
.reveiws-box.clients .item { height: auto; padding-top: 0; padding-bottom: 16px; }
.review-form{position: fixed!important;top: 5%!important;}
/* End */
/* Start:/bitrix/templates/skillpoint/styles.css?171981823811330*/
.advantages-wr {
width: 1200px;
margin-left: -150px;
}
.advantages-wr .title {
font-weight: bold;
font-size: 22px;
color: #5099de;
text-transform: uppercase;
line-height: 23px;
text-align: center;
margin-bottom: 36px;
}
.advantages-wr .title > div {
display: inline-block;
padding: 9px 48px;
border-bottom: #5099de solid 1px;
}
.advantages-wr .advantages {
text-align: center;
}
.advantages-wr .advantages .item {
display: inline-block;
vertical-align: top;
width: 190px;
margin: 15px 0 22px;
}
.advantages-wr .advantages .item .img-wr {
width: 155px;
height: 155px;
background: url(/images/advantages-img-wr.png) no-repeat center center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
}
.advantages-wr .advantages .item .img-wr .img {
background-repeat: no-repeat;
background-position: center center;
height: 155px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.advantages-wr .advantages .item.i00 .img-wr .img {
background-image: url(/images/advantages-i00.png);
background-position: center 36px;
}
.advantages-wr .advantages .item.i01 .img-wr .img {
background-image: url(/images/advantages-i01.png);
background-position: center 38px;
}
.advantages-wr .advantages .item.i02 .img-wr .img {
background-image: url(/images/advantages-i02.png);
background-position: 37px 33px;
}
.advantages-wr .advantages .item.i03 .img-wr .img {
background-image: url(/images/advantages-i03.png);
background-position: 40px 29px;
}
.advantages-wr .advantages .item.i04 .img-wr .img {
background-image: url(/images/advantages-i04.png);
}
.advantages-wr .advantages .item.i05 .img-wr .img {
background-image: url(/images/advantages-i05.png);
background-position: 37px 32px;
}
.advantages-wr .advantages .item.i06 .img-wr .img {
background-image: url(/images/advantages-i06.png);
background-position: center 27px;
}
.advantages-wr .advantages .item.i07 .img-wr .img {
background-image: url(/images/advantages-i07.png);
background-position: center 34px;
}
.advantages-wr .advantages .item.i08 .img-wr .img {
background-image: url(/images/advantages-i08.png);
background-position: center 24px;
}
.advantages-wr .advantages .item.i09 .img-wr .img {
background-image: url(/images/advantages-i09.png);
background-position: center 34px;
}
.advantages-wr .advantages .item.i10 .img-wr .img {
background-image: url(/images/advantages-i10.png);
background-position: center 41px;
}
.advantages-wr .advantages .item .descr {
margin-top: -7px;
color: #333;
line-height: 21px;
}
.advantages-wr .advantages .item .descr span {
font-weight: bold;
}
.price .title {
font-weight: bold;
font-size: 22px;
color: #333;
margin-bottom: 29px;
text-align: center;
text-transform: uppercase;
}
.price table {
width: 100%;
}
.price thead th {
background: #a8a8a8;
border-left: #fff solid 1px;
border-top: #fff solid 1px;
line-height: 18px;
padding: 16px 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: left;
width: 15.74%;
}
.price thead tr:first-child th {
border-top: none;
}
.price thead tr th:first-child {
border-left: none;
width: 68.51%;
}
.price thead tr th:nth-child(3) {
background: #009ae1;
width: 15.74%;
}
.price tbody td {
background: #f2f2f2;
border-left: #fff solid 1px;
border-top: #fff solid 1px;
line-height: 18px;
padding: 16px 14px;
font-size: 14px;
color: #333;
}
.price tbody tr td:first-child {
border-left: none;
}
.price tbody tr td:nth-child(3) {
background: #e9f8ff;
font-weight: bold;
}
@media only screen and (max-width: 1199px), screen and (max-device-width: 1199px) {
.advantages-wr {
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 404px), screen and (max-device-width: 404px) {
.price thead th {
font-size: 13px;
}
.price tbody td {
font-size: 11px;
}
}
@media only screen and (max-width: 351px), screen and (max-device-width: 351px) {
.price thead th {
font-size: 12px;
letter-spacing: -1px;
}
.price tbody td {
font-size: 10px;
}
}
.advantages{
margin: 0 -60px;
margin-bottom: 45px;
text-align: center;
}
.advantages .advantages__title{
margin: 0;
margin-bottom: 40px;
font-size: 24px;
color: rgb(48, 48, 48);
font-weight: bold;
line-height: 1.25;
}
.advantages .advantages__text{
margin: 0;
margin-bottom: 70px;
font-size: 16px;
color: rgb(51, 51, 51);
line-height: 1.25;
}
.advantages .advantages__list{
margin: 0;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}
.advantages .advantages__item{
margin: 0 auto;
width: 220px;
}
.advantages .advantages__item-header{
margin: 0 auto;
margin-bottom: -10px;
width: 155px;
height: 155px;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 992px){
.advantages{
margin: 0;
margin-bottom: 30px;
}
.advantages .advantages__title{
margin-bottom: 20px;
}
.advantages .advantages__text{
margin-bottom: 30px;
}
.advantages .advantages__list{
display: block;
}
}
.advantages .owl-dots {
display: flex;
justify-content: center;
margin-top: 10px;
}
.advantages .owl-dot{
width: 7px;
height: 7px;
background-color: #00a7da;
border-radius: 50%;
}
.advantages .owl-dot:not(:first-child){
margin-left: 13px;
}
.advantages .owl-dot.active{
background-color: #c6c7c7;
}
.services-ear{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-ear.png");}
.services-life{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-life.png");}
.services-tree{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-tree.png");}
.services-uncontrol{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-uncontrol.png");}
.services-key{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-key.png");}
.services-wrench{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-wrench.png");}
.services-undamage{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-undamage.png");}
.services-time{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-time.png");}
.services-time2{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-time2.png");}
.services-throughput{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-throughput.png");}
.services-rain{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-rain.png");}
.services-warranty{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-warranty.png");}
.services-work{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-work.png");}
.services-star{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-star.png");}
.services-service{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-service.png");}
.services-time3{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-time3.png");}
.services-libra{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-libra.png");}
.services-star2{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-star2.png");}
.services-ruler{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-ruler.png");}
.services-shield{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-shield.png");}
.services-circle{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-circle.png");}
.services-throughput{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-throughput.png");}
.services-location{background-image: url("/bitrix/templates/skillpoint/./images/sevices-advantages/services-location.png");}
/* Блок - Похожие статьи */
.article-items{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;position:relative;width:100%;margin:20px 0 0 0}
.article-items .item{height:247px;border:3px solid #cae0f5;padding:25px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:288px;margin:0 0 20px;position:relative;box-sizing:border-box}
.article-items .item span{font-size:14px;line-height:20px;color:#b3b3b3;font-weight:400}
.article-items .item p{font-size:14px;line-height:20px;color:#333333;font-weight:400;margin:10px 0 0 0}
.article-items .item a{font-size:14px;line-height:20px;color:#5a99df;font-weight:400;position:absolute;bottom:25px}
.article-items .item a:after,.article-items a.all-article:after{content:'»';position:absolute;right:-13px}
.article-items .item a.name:after{content:none}
.article-items .item a.name{font-size:16px;line-height:24px;color:#5a99df;font-weight:700;margin:0 0 10px;position:relative;bottom:0}
.article-items a.all-article{display:none}
@media (max-width:900px){
.article-items .item{max-width:49%}
}
@media (max-width:650px){
.article-items .item{max-width:100%}
.article-items a.all-article{display: block; position: relative; font-size: 14px; line-height: 20px; color: #5a99df; font-weight: 700;}
}
@media (max-width:360px){
.article-items .item{height:auto}
.article-items .item a{position:relative;bottom:0}
}
/* Style for work stages block start */
.work-stage {
padding: 50px 0;
}
.work-stage__heading {
font-weight: bold;
font-size: 22px;
color: #5099de;
text-transform: uppercase;
line-height: 23px;
text-align: center;
margin-bottom: 36px;
}
.work-stage__heading > div {
display: inline-block;
padding: 9px 48px;
border-bottom: #5099de solid 1px;
}
.work-stage__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
row-gap: 35px;
}
.work-stage__item {
display: flex;
flex-direction: column;
align-items: center;
}
.work-stage__item:first-child {
width: 250px;
}
.work-stage__item:nth-child(3) {
width: 237px;
}
.work-stage__item:last-child {
width: 227px;
}
.work-stage__item:not(:last-child) .work-stage__pic::after{
content: '';
display: block;
position: absolute;
left: 114%;
top: 50%;
transform: translateY(-50%);
max-width: 54px;
width: 100%;
height: 17px;
background: url(/images/work-stages/arrow.png) no-repeat center;
background-size: cover;
}
.work-stage__item:nth-child(3) .work-stage__pic::after{
left: 130%;
}
.work-stage__pic {
width: 120px;
height: 120px;
margin-bottom: 15px;
position: relative;
}
.work-stage__pic img {
width: 100%;
height: 100%;
}
.work-stage__content {
text-align: center;
width: 100%;
}
.work-stage__title {
margin-bottom: 10px;
}
.work-stage__title p{
font-size: 16px;
font-weight: bold;
}
.work-stage__text {
/* */
}
.work-stage__text p{
font-size: 13px;
line-height: 140%;
}
@media screen and (max-width: 860px) {
.work-stage__list {
column-gap: 35px;
}
.work-stage__item {
width: calc(100% / 2 - 35px) !important;
}
.work-stage__item:not(:last-child) .work-stage__pic::after{
display: none;
}
}
@media screen and (max-width: 425px) {
.work-stage__item {
width: 100% !important;
}
}
/* Style for work stages block end */
.info-line {
padding: 5px 0 7px;
background-color: #5099de;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
text-transform: uppercase;
color: #fff;
font-family: "PT Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
}
@media (max-width: 768px) {
.info-line {
font-size: 16px;
padding-bottom: 6px;
}
.info-line-symbol {
width: 27px;
height: 27px;
}
}
/* End */
/* Start:/bitrix/templates/skillpoint/template_styles.css?168776301968035*/
*
{
margin: 0;
padding: 0;
}
ol li{
margin-left:30px;
}
.tp{
margin-top:-15px;
}
.tp2{
margin-top:20px;
}
.tp3{
margin-top:30px;
}
@font-face
{
font-family: 'Futura';
src: url('/fonts/futura_PT/FuturaPTBook.eot');
src: local('Futura Book'),
url('/fonts/futura_PT/FuturaPTBook.eot?#iefix') format('embedded-opentype'),
url('/fonts/futura_PT/FuturaPTBook.woff') format('woff'),
url('/fonts/futura_PT/FuturaPTBook.otf') format('opentype'),
url('/fonts/futura_PT/FuturaPTBook.svg#Futura-Book') format('svg');
font-weight: normal;
}
@font-face
{
font-family: 'Futura';
src: url('/fonts/futura_PT/FuturaPTMedium.eot');
src: local('Futura Medium'),
url('/fonts/futura_PT/FuturaPTMedium.eot?#iefix') format('embedded-opentype'),
url('/fonts/futura_PT/FuturaPTMedium.woff') format('woff'),
url('/fonts/futura_PT/FuturaPTMedium.otf') format('opentype'),
url('/fonts/futura_PT/FuturaPTMedium.svg#Futura-Medium') format('svg');
font-weight: 500;
}
@font-face
{
font-family: 'Futura';
src: url('/fonts/futura_PT/FuturaPTDemi.eot');
src: local('Futura Demi'),
url('/fonts/futura_PT/FuturaPTDemi.eot?#iefix') format('embedded-opentype'),
url('/fonts/futura_PT/FuturaPTDemi.woff') format('woff'),
url('/fonts/futura_PT/FuturaPTDemi.otf') format('opentype'),
url('/fonts/futura_PT/FuturaPTDemi.svg#Futura-Demi') format('svg');
font-weight: 600;
}
@font-face
{
font-family: 'MyriadPro';
src: url('/fonts/myraid/MyriadPro-BlackSemiExt.eot');
src: local('Futura Bold'),
url('/fonts/myraid/MyriadPro-BlackSemiExt.eot?#iefix') format('embedded-opentype'),
url('/fonts/myraid/MyriadPro-BlackSemiExt.woff') format('woff'),
url('/fonts/myraid/MyriadPro-BlackSemiExt.otf') format('opentype'),
url('/fonts/myraid/MyriadPro-BlackSemiExt.svg#Futura-Bold') format('svg');
font-weight: bold;
}
@font-face
{
font-family: 'Futura';
src: url('/fonts/futura_PT/FuturaPTBold.eot');
src: local('Futura Bold'),
url('/fonts/futura_PT/FuturaPTBold.eot?#iefix') format('embedded-opentype'),
url('/fonts/futura_PT/FuturaPTBold.woff') format('woff'),
url('/fonts/futura_PT/FuturaPTBold.otf') format('opentype'),
url('/fonts/futura_PT/FuturaPTBold.svg#Futura-Bold') format('svg');
font-weight: bold;
}
@font-face
{
font-family: 'PT Sans';
src: url('/fonts/PT_Sans/pts55f_w.eot');
src: local('PT Sans'), url('/fonts/PT_Sans/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PT_Sans/PTS55F_W.woff') format('woff'), url('/fonts/PT_Sans/PTS55F_W.ttf') format('truetype'), url('/fonts/PT_Sans/PTS55F_W.svg#PTSans-Regular') format('svg');
}
@font-face
{
font-family: 'PT Sans';
font-style: italic;
src: url('/fonts/PT_Sans/pts56f_w.eot');
src: local('PT Sans Italic'), url('/fonts/PT_Sans/PTS56F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PT_Sans/PTS56F_W.woff') format('woff'), url('/fonts/PT_Sans/PTS56F_W.ttf') format('truetype'), url('/fonts/PT_Sans/PTS56F_W.svg#PTSans-Italic') format('svg');
}
@font-face
{
font-family: 'PT Sans';
src: url('/fonts/PT_Sans/pts75f_w.eot');
font-style: normal;
font-weight: bold;
src: local('PT Sans Bold'), url('/fonts/PT_Sans/PTS75F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PT_Sans/PTS75F_W.woff') format('woff'), url('/fonts/PT_Sans/PTS75F_W.ttf') format('truetype'), url('/fonts/PT_Sans/PTS75F_W.svg#PTSans-Bold') format('svg');
}
@font-face
{
font-family: 'PT Sans';
font-style: italic;
font-weight: bold;
src: url('/fonts/PT_Sans/pts76f_w.eot');
src: local('PT Sans Bold Italic'), url('/fonts/PT_Sans/PTS76F_W.eot?#iefix') format('embedded-opentype'), url('/fonts/PT_Sans/PTS76F_W.woff') format('woff'), url('/fonts/PT_Sans/PTS76F_W.ttf') format('truetype'), url('/fonts/PT_Sans/PTS76F_W.svg#PTSans-BoldItalic') format('svg');
}
/*normalize*/
html, body
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
min-width: 1000px;
}
body
{
font-size: 16px;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
/*overflow-x:hidden;*/
color: black;
background-color: #F2F2F2;
}
#wrapper
{
min-height: 100%;
height: auto;
position: relative;
overflow: hidden
}
#wrapper:before
{
height: 100%;
width: 1200px;
content: '';
position: absolute;
top: 0;
left: 50%;
margin-left: -600px;
background: white;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
display: block;
}
audio, canvas, video
{
display: inline-block;
}
[hidden], template
{
display: none;
}
a
{
background: transparent;
color: #5099DE;
}
/*a:visited{color:inherit;}*/
a:active, a:hover, a:focus, input:focus, select:focus, textarea:focus
{
outline: 0;
}
a:hover
{
text-decoration: none;
}
img
{
border: 0;
}
svg:not(:root)
{
overflow: hidden;
}
p
{
margin: 0;
margin-top: 5px;
margin-bottom: 5px;
}
button, input, select, textarea
{
font-family: inherit;
font-size: 100%;
margin: 0;
line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]
{
-webkit-appearance: button;
cursor: pointer;
}
textarea
{
overflow: auto;
vertical-align: top;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
ul{
margin-left: 42px;
}
h2{
margin-top: 15px;
margin-bottom: 15px;
}
.clear
{
clear: both;
}
/*end normalize*/
.logo, .ico, .arrow, .pipe .left, .pipe .right, .cross,
.gallery-box .callbacks_nav, .gallery-box .callbacks_tabs li,
.ico-menu .ico:after,
.contacts .phone:before,
.contacts .mail:before,
#header .call:before,
.review-list .text:before
{
display: inline-block;
background-image: url('/images/sprite2.png');
border: none;
background-color: transparent;
background-repeat: no-repeat;
}
.center1000
{
width: 100%;
min-width: 1000px;
max-width: 1200px;
margin: auto;
}
.bitrix-panel
{
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.content .table
{
width: 100%;
}
.content .table tr:first-child
{
background-color: #F2F2F2;
}
.content .table td
{
border: 1px solid #AAAAAA;
padding: 8px 10px;
}
/*HEADER*/
#header
{
position: relative;
z-index: 3;
/*height: 116px;*/
background-color: #F2F2F2;
display: table;
}
#header .logo
{
width: 235px;
height: 84px;
background-position: 0 0;
float: left;
margin: 17px 0 0 23px;
}
.contacts
{
float: right;
clear: right;
margin-top: 32px;
}
.contacts .phone
{
display: inline-block;
}
#header .contacts .phone span
{
display: block;
font-size: 12px;
font-weight: normal;
margin-left: 33px;
}
#header .contacts .phone a
{
color: #060606;
text-decoration:none;
}
#header .contacts .phone
{
font-size: 21px;
font-weight: 500;
position:relative;
top: 10px;
}
.contacts .phone:before
{
height: 25px;
width: 19px;
background-position: -235px -31px;
margin: 0 9px -6px 0;
content: '';
top: 6px;
position: relative;
}
.contacts .slogan{
display: inline-block;
font-size: 18px;
padding-right: 20px;
font-family: PT Sans, Helvetica, Arial, sans-serif;
line-height: 24px;
}
.contacts .mail
{
display: inline-block;
font-size: 18px;
}
.contacts .mail:before
{
height: 18px;
width: 22px;
background-position: -256px -33px;
margin: 0 0 -3px 15px;
content: '';
}
.contacts .mail a
{
color: #62615E;
margin-left: 9px;
}
.menu
{
/*float: right;
clear: right;*/
clear: left;
width: 100%;
text-align: center;
letter-spacing: 1px;
font-size: 14px;
position: relative;
margin-top: 5px;
}
#header .menu
{
text-transform: uppercase;
font-weight: 600;
}
.menu .item
{
display: inline-block;
line-height: 35px;
/*margin-left:20px;*/
margin-left: 11px;
}
.menu .item:first-child{
margin-left: 0px;
}
.menu a
{
color: #62615E;
text-decoration: none;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
line-height: 35px;
}
.menu a:hover, .menu .selected
{
color: #5099DE;
}
.menu .item.parent
{
}
.menu .lvl1
{
}
.menu .lvl2
{
position: absolute;
background-color: #009AE1;
padding: 3px 12px;
/*display:none;*/
opacity: 0;
z-index: -1;
display: block;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s eases;
transition: opacity 0.5s ease;
top: -999px;
}
.menu .item.parent:hover .lvl2
{
z-index: 1;
opacity: 1;
top: 100%;
}
.menu .lvl2:before
{
position: absolute;
height: 0;
width: 0;
border-top: 6px solid transparent;
border-left: 6px solid #009AE1;
display: block;
content: '';
top: -6px;
left: 0;
}
.menu .lvl2 a.item
{
color: white;
display: block;
margin-left: 0;
}
.menu .lvl2 a.item:hover
{
color: #AEDFFF;
}
#header .call
{
position: absolute;
top: 152px;
right: 0;
background-color: #009AE1;
font-size: 16px;
color: white;
padding: 13px 16px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
}
#header .call:before
{
height: 30px;
width: 23px;
background-position: -236px 0;
margin: -5px 3px -10px 1px;
content: '';
}
#header .call .pen
{
height: 30px;
width: 7px;
background-position: -261px 0;
margin: -5px 6px -10px 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header .call:hover
{
color: #AEDFFF;
}
#header .call:hover .pen
{
margin: -10px 12px -7px -6px;
-webkit-transform: rotate(-143deg);
-moz-transform: rotate(-143deg);
-ms-transform: rotate(-143deg);
-o-transform: rotate(-143deg);
transform: rotate(-143deg);
}
.popap-fon
{
position: fixed;
z-index: 9;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.call-form
{
}
/*MAIN*/
#main
{
position: relative;
padding-bottom: 40px;
}
.breadcrumb
{
color: #62615E;
font-size: 16px;
margin: 30px 95px 60px;
}
.breadcrumb a
{
text-decoration: none;
color: #62615E;
}
.breadcrumb a:hover
{
text-decoration: underline;
}
.breadcrumb span.default_item
{
color: #62615E;
}
.breadcrumb span
{
color: #5099DE;
}
#main img
{
max-width: 100%;
}
.content
{
/*margin:0 95px 40px;*/
margin: 0 auto 50px;
width: 900px;
font-family: PT Sans, Helvetica, Arial, sans-serif;
line-height: 24px;
}
.content img {
height:auto !important;
}
.content.home
{
margin-bottom: 0;
}
.center
{
text-align: center;
}
h1
{
font-size: 24px;
font-weight: 600;
color: #5099DE;
text-transform: uppercase;
position: relative;
margin: 0 auto 40px;
border-bottom: 1px solid #5099DE;
padding: 0 65px 10px;
display: inline-block;
min-width: 200px;
text-align: center;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
}
.gallery
{
height: 440px;
width: 100%;
letter-spacing: 1px;
font-weight: 600;
font-size: 26px;
overflow: hidden;
}
.gallery .item
{
height: 440px;
width: 100%;
background-position: center center;
background-size: cover;
text-align: center;
line-height: 440px;
display: block;
color: black;
}
.gallery .text
{
background: rgba(255, 255, 255, 0.76);
display: inline-block;
vertical-align: middle;
line-height: 32px;
text-transform: uppercase;
max-width: 75%;
padding: 6px 20px;
border-left: 19px solid #008CCD;
border-right: 19px solid #008CCD;
}
.gallery-box
{
position: relative;
}
.gallery-box .callbacks_nav
{
position: absolute;
height: 37px;
width: 20px;
top: 50%;
margin-top: -17px;
z-index: 5;
text-indent: -9999px;
}
.gallery-box .callbacks_nav.prev
{
background-position: -377px 0;
left: -55px;
}
.gallery-box .callbacks_nav.next
{
background-position: -400px 0;
right: -55px;
}
.gallery-box .callbacks_tabs
{
position: absolute;
text-align: center;
bottom: 15px;
z-index: 5;
width: 900px;
left: 50%;
margin: 0 0 0 -450px;
padding: 0;
}
.gallery-box .callbacks_tabs li
{
height: 14px;
width: 14px;
margin: 0 5px;
text-indent: -9999px;
background-position: -301px 0;
}
.gallery-box .callbacks_tabs li a
{
height: 14px;
width: 14px;
display: block;
}
.gallery-box .callbacks_tabs li.callbacks_here
{
background-position: -301px -14px;
}
.ico-menu
{
display: table;
width: 90%;
margin: auto;
min-width: 960px;
height: 446px;
}
.ico-menu .item
{
display: table-cell;
width: 25%;
text-align: center;
vertical-align: top;
padding: 111px 20px 0;
}
.ico-menu a
{
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.ico-menu .ico
{
height: 139px;
width: 139px;
margin-bottom: 20px;
position: relative;
}
.ico-menu .ico:after
{
opacity: 0;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.ico-menu a:hover .ico:after
{
opacity: 1;
}
/*.ico-menu .i-technology{background-position:-139px -308px;}*/
.ico-menu .i-technology
{
background-position: -560px -308px;
}
.ico-menu .i-benefits
{
background-position: 0 -308px;
}
.ico-menu .i-why-us
{
background-position: -279px -308px;
}
.ico-menu .i-faq
{
background-position: -419px -308px;
}
.ico-menu .i-technology:after
{
background-position: -560px -169px;
}
.ico-menu .i-benefits:after
{
background-position: 0 -169px;
}
.ico-menu .i-why-us:after
{
background-position: -279px -169px;
}
.ico-menu .i-faq:after
{
background-position: -419px -169px;
}
.services-menu
{
display: table;
letter-spacing: 1px;
}
.services-menu.technology{
margin-top: 60px;
}
.services-menu .top
{
background-color: #009AE1;
color: white;
display: table-caption;
text-align: center;
text-transform: uppercase;
height: 60px;
font-size: 24px;
line-height: 60px;
font-weight: 600;
}
.services-menu .item
{
background-color: #AEDFFF;
display: inline-block;
float: left;
width: 33.33333%;
font-weight: bold;
/*font-size: 21px;*/
font-size: 20px;
line-height: 115px;
text-align: center;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.services-menu .item p
{
display: inline-block;
line-height: 25px;
padding: 0 50px;
text-transform: uppercase;
vertical-align: middle;
text-decoration: underline;
margin-bottom: 4px;
}
.services-menu .item:hover p
{
text-decoration: none;
}
.services-menu .item:hover
{
background-color: #F4FBFF;
}
.services-menu .item .img
{
display: block;
width: 100%;
height: 338px;
background-size: cover;
background-position: center center;
}
.clients
{
text-align: center;
padding: 30px 0 0;
}
.clients .title
{
font-size: 22px;
text-transform: uppercase;
font-weight: 600;
margin: auto;
width: 185px;
color: #5099DE;
/*text-decoration: underline;*/
display: inline-block;
padding: 9px 0;
border-bottom: #5099de solid 1px;
}
.clients .carousel
{
width: 1000px;
margin: auto;
padding: 0;
}
.clients .owl-theme .owl-nav{
margin: 0px;
}
.clients .owl-theme .owl-nav [class*="owl-"]{
border-radius: 0;
cursor: pointer;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 85px;
width: 15px;
background-color: transparent;
background-image: url("/images/sprite2.png");
background-repeat: no-repeat;
border: medium none;
}
.clients .owl-theme .owl-nav .owl-prev{
left: 0px;
background-position: -270px 0;
}
.clients .owl-theme .owl-nav .owl-next
{
right: 0px;
background-position: -285px 0;
}
.unactive.carousel .ico
{
display: none;
}
.clients .item
{
height: 280px;
padding-top: 30px;
}
.clients .img
{
height: 120px;
display: block;
text-align: center;
line-height: 120px;
}
.clients .img img
{
vertical-align: middle;
/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; */
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/ /* Firefox 10+, Firefox on Android */
/*filter: gray;*/ /* IE6-9 */
/*-webkit-filter: grayscale(100%);*/ /* Chrome 19+, Safari 6+, Safari 6+ iOS */
/*-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.5s ease;
-moz-transition: filter 0.5s ease;
-ms-transition: filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;*/
}
.clients .img:hover img
{
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.clients .name
{
font-weight: 500;
font-size: 18px;
color: black;
margin-top: 12px;
display: inline-block;
letter-spacing: 1px;
}
.clients .comment
{
font-size: 14px;
margin-top: 5px;
font-family: PT Sans, Helvetica, Arial, sans-serif;
}
.certificates.certificates_main p
{
text-align:center;
}
.certificates.certificates_main
{
background: #d9d9d9;
}
.certificates.certificates_main .block_main_certificates
{
margin:25px 0 40px;
}
.certificates.certificates_main .certificates_item
{
display: inline-block;
margin-right: 30px;
}
.certificates
{
padding: 25px 0 45px;
text-align: center;
color: #666666;
font-family: PT Sans, Helvetica, Arial, sans-serif;
}
.title_certificates
{
font-size: 22px;
text-transform: uppercase;
color: #5099de;
position: relative;
font-weight: bold;
padding-bottom: 20px;
}
.title_certificates:before
{
content: '';
display: block;
border-bottom: 1px solid #5099de;
bottom: 10px;
left: 50%;
width: 400px;
position: absolute;
margin-left: -200px;
}
.certificates_carousel
{
margin: 30px auto 10px;
width:80%!important;
}
.certificates_carousel .certificates_item a img
{
height:100%;
}
.certificates_carousel .certificates_item a
{
position:relative;
display: block;
height: 226px;
}
.certificates_main .certificates_carousel .certificates_item
{
background:#fff;
}
.certificates_carousel .certificates_item
{
padding: 25px 0;
border: 1px solid #e4e4e4;
box-sizing: border-box;
margin-bottom: 10px;
box-shadow: inset 0px 0px 20px rgba(156, 151, 151, 0.15);
}
.certificates_carousel .certificates_name
{
color: #333333;
text-align: center;
font-size: 14px;
line-height: 16px;
}
.certificates_carousel .certificates_item:hover
{
border: 1px solid #b4cfe8;
box-shadow: none;
}
.certificates_carousel .certificates_item:hover a:before
{
content:'';
display:block;
position:absolute;
width:90px;
height:90px;
top:50%;
margin-top:-45px;
left:50%;
margin-left:-45px;
background:url(/bitrix/templates/skillpoint/images/lupa.png) no-repeat center;
}
.certificates_carousel.owl-carousel .owl-nav.disabled
{
display:block;
}
.certificates_carousel .owl-nav .owl-next {
right: -60px;
background-position: -285px 0;
}
.certificates_carousel .owl-nav [class*="owl-"] {
border-radius: 0;
cursor: pointer;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 43%;
width: 15px;
background-color: transparent;
background-image: url(/images/sprite2.png);
background-repeat: no-repeat;
border: medium none;
}
.certificates_carousel .owl-nav .owl-prev {
left: -60px;
background-position: -270px 0;
}
.certificates ul
{
padding: 0;
}
.certificates .iso
{
height: 45px;
width: 53px;
background-image: url(/images/sprite2.png);
background-position: -323px -3px;
margin: auto;
display: block;
}
.certificates .item
{
list-style: none;
display: inline-block;
max-height: 200px;
max-width: 200px;
margin: 40px 20px 45px;
}
.certificates .item img
{
max-height: 100%;
max-width: 100%;
vertical-align: middle;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
/*news*/
.news-list
{
margin-top: 50px;
}
.news-list .item
{
display: table;
width: 100%;
margin-bottom: 70px;
}
.news-list .picture
{
display: table-cell;
vertical-align: top;
width: 335px;
}
.news-list .picture img
{
display: block;
}
.news-list .text-box
{
display: table-cell;
vertical-align: top;
}
.news-list .div_h3
{
padding: 0;
margin: 0;
color: black;
font-size: 18px;
font-weight: bold;
}
.news-list a.title
{
text-decoration: none;
color: black;
}
.news-list a.title:hover
{
text-decoration: underline;
}
.news-list .text
{
margin-bottom: 40px;
}
.news-list a.to-detail
{
font-weight: 600;
letter-spacing: 1px;
font-size: 18px;
float: right;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
}
.news-list .date
{
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
color: #62615E;
}
.tech_div3
{
text-align:center;
word-wrap: break-word;
font-family: PT Sans, Helvetica, Arial, sans-serif;
line-height: 24px;
font-size: 1.17em;
font-weight: bold;
}
.news-detail
{
width: 700px;
margin: auto;
padding: 20px 0 40px;
}
.news-detail .img
{
display: block;
margin-bottom: 45px;
}
.news-detail h1
{
border: none;
display: block;
font-weight: bold;
text-transform: none;
margin: 0 0 20px;
font-size: 18px;
color: black;
text-align: left;
padding: 0;
font-family: PT Sans, Helvetica, Arial, sans-serif;
}
.news-detail .date
{
color: #62615E;
margin-top: 20px;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
}
/*end news*/
/*aboout*/
.table-arrows
{
width: 900px;
margin: 40px auto 65px;
display: table;
text-align: center;
}
.table-arrows .col
{
display: table-cell;
padding: 45px 50px 0;
font-size: 20px;
line-height: 24px;
position: relative;
vertical-align: top;
}
.table-arrows.n3 .col
{
width: 33.3333%;
}
.table-arrows b
{
font-weight: 600;
font-size: 22px;
color: #5099DE;
}
.table-arrows .item
{
color: #959695;
text-decoration: none;
border-bottom: 1px solid #959695;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.table-arrows .item.selected
{
color: #5099DE;
border-bottom: 1px solid #5099DE;
}
.table-arrows .item:hover
{
border-bottom: 1px solid transparent;
}
.table-arrows .col:before
{
position: absolute;
top: 0;
left: 50%;
margin-left: -16px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #5099DE;
content: '';
}
/*end aboout*/
/*forms*/
.cross
{
height: 28px;
width: 28px;
position: absolute;
top: 15px;
right: 15px;
background-position: -456px 0;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
cursor: pointer;
}
.cross:hover
{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-form
{
}
.faq-form .title, .review-form .title
{
text-align: center;
font-size: 24px;
font-weight: 600;
color: #5099DE;
text-transform: uppercase;
margin: 0 auto 40px;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
}
.form .left, .form .right
{
float: left;
}
.form select, .form input[type="text"], .form textarea
{
border: 1px solid #DBDCDC;
width: 230px;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
display: block;
margin-bottom: 23px;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
.form select:focus, .form input[type="text"]:focus, .form textarea:focus
{
border: 1px solid #5099DE;
}
.form input[type="text"]
{
padding: 10px 20px;
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
margin-right: 37px;
}
.form textarea
{
width: 470px;
height: 150px;
padding: 10px 20px;
resize: none;
}
.form select
{
font-size: 16px;
width: 275px;
height: 40px;
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
padding-bottom: 2px;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
appearance: none;
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
background-image: url('/images/arrow.png');
background-repeat: no-repeat;
background-position: 240px 15px; /*Position of the background-image*/
overflow: hidden;
padding: 0 15px;
}
.form select::-ms-expand
{
display: none;
}
.form option
{
padding: 7px 15px;
}
.form input[type="submit"]
{
border: none;
height: 32px;
background-color: #5099DE;
padding: 0 34px 2px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
font-size: 20px;
}
.form .message
{
color: #5099DE;
}
.faq-form input[type="submit"], .review-form input[type="submit"]
{
float: right;
clear: both;
}
.review-form
{
width: 800px;
height: 400px;
padding: 80px 95px 90px;
position: absolute;
background: white;
z-index: 10;
top: 0;
left: 50%;
margin-left: -495px;
display: none;
}
.review-form textarea
{
width: 440px;
height: 210px;
}
.call-form
{
text-align: center;
width: 400px;
height: 150px;
padding: 80px 95px 90px;
position: fixed;
background: white;
z-index: 10;
top: 50%;
left: 50%;
margin-top: -160px;
margin-left: -295px;
display: none;
}
.call-form .ico
{
height: 32px;
width: 32px;
background-position: -419px 0;
position: absolute;
top: 25px;
left: 50%;
margin-left: -16px;
}
.call-form input[type="text"]
{
margin: 0 auto 15px;
}
.call-form input[type="submit"]
{
margin-top: 30px;
}
/*end forms*/
/*faq*/
.faq-list
{
padding-top: 25px;
}
.faq-list .item
{
background-color: #F2F2F2;
border: 1px solid #C2C2C2;
padding: 15px 70px 40px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 45px;
}
.faq-list .question
{
font-weight: bold;
margin-bottom: 15px;
}
.faq-list .answer
{
line-height: 30px;
}
/*end faq*/
/*pagenav*/
.page-nav
{
text-align: right;
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
font-size: 18px;
color: #62615E;
}
.page-nav a
{
color: #62615E;
text-decoration: none;
}
.page-nav .current, .page-nav .page-dots
{
color: #5099DE;
}
.page-nav .prev, .page-nav .next
{
text-indent: -9999px;
height: 16px;
width: 9px;
}
.page-nav .prev
{
background-position: -284px -58px;
margin: 0 13px 0 0;
}
.page-nav .next
{
background-position: -294px -58px;
margin: 0 0 0 13px;
}
/*end pagenav*/
/*review*/
.review-button
{
float: right;
font-size: 20px;
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
border-bottom: 1px solid black;
margin-top: -65px;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
cursor: pointer;
}
.review-button:hover
{
border-bottom: 1px solid transparent;
}
.review-list
{
padding-top: 50px;
}
.review-list .item
{
clear: both;
padding-bottom: 45px;
}
.review-list .left
{
font-family: "Futura", PT Sans, Helvetica, Arial, sans-serif;
float: left;
width: 160px;
padding: 30px 45px 0 0;
text-align: right;
}
.review-list .text
{
margin-left: 200px;
position: relative;
background-color: #F2F2F2;
border: 1px solid #C2C2C2;
padding: 15px 35px 40px 45px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 26px;
}
.review-list .text:before
{
content: '';
position: absolute;
height: 55px;
width: 33px;
top: 20px;
left: -22px;
background-position: -210px -83px;
}
.review-list .name
{
font-size: 20px;
}
.review-list .job-title, .review-list .company
{
font-size: 16px;
color: #767676;
line-height: 18px;
}
/*end review*/
.map
{
position: relative;
height: 457px;
width: 100%;
}
#main .map img
{
position: absolute;
left: 50%;
margin-left: -600px;
width: 1200px;
height: 457px;
display: block;
max-width: 1200px;
}
/*FOOTER*/
#footer
{
/* margin-top: -160px; */
position: relative;
overflow: hidden;
background-color: #646464;
/* height: 160px; */
color: white;
padding: 20px 0 40px 0;
}
#footer a
{
color: white;
}
#footer .logo
{
float: left;
width: 207px;
height: 78px;
background-position: 0 -90px;
margin: 23px 23px 23px 33px;
}
#footer .menu
{
margin-top: 0;
font-size: 16px;
}
#footer .menu .item
{
}
#footer .menu a:hover
{
color: #EEEEEE;
}
#footer .contacts
{
margin: 0;
}
/*#footer .phone,*/
#footer .mail a
{
text-decoration: none;
border-bottom: 1px dashed white;
padding-bottom: 1px;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
#footer .phone
{
position: relative;
font-size: 14px;
}
#footer .mail a
{
font-size: 17px;
}
#footer .mail a:hover
{
border-color: transparent;
}
#footer .phone:before
{
height: 25px;
width: 19px;
background-position: -306px -53px;
content: '';
position: absolute;
margin: 0 -3px 0 -23px;
}
#footer .mail:before
{
background-position: -296px -33px;
margin: 0 -2px -6px 40px;
}
#footer .bottom
{
border-top: 1px solid white;
clear: both;
font-family: PT Sans, Helvetica, Arial, sans-serif;
margin-top: 20px;
}
#footer .copy
{
padding: 6px 0 0 46px;
float: left;
}
#footer .dev
{
float: right;
padding: 6px 0 0 0;
}
/*pipe*/
.pipe
{
position: absolute;
overflow: hidden;
width: 100%;
top: 0;
left: 0;
}
.pipe .line1, .pipe .line2, .pipe .line3
{
position: relative;
width: 100%;
height: 600px;
}
.pipe .line3
{
height: 100px;
}
.home.pipe .line1
{
margin-top: 413px;
}
.home.pipe .line2
{
margin-top: 183px;
}
.home.pipe .line3
{
margin-top: 219px;
}
.type1.pipe .line1
{
margin-top: 225px;
}
.type1.pipe .line2
{
margin-top: -107px;
}
.type2.pipe .line1
{
margin-top: 200px;
}
.type3.pipe .line1
{
margin-top: 540px;
}
.type4.pipe .line1
{
margin-top: 390px;
}
.type5.pipe .line1
{
margin-top: 260px;
}
.type5.pipe .line2
{
margin-top: -112px;
}
.type6.pipe .line1
{
margin-top: 350px;
}
.type7.pipe .line1
{
margin-top: 190px;
}
.type7.pipe .line2
{
margin-top: -112px;
}
.type8.pipe .line1
{
margin-top: 330px;
}
.type9.pipe .line1
{
margin-top: 430px;
}
.pipe .left, .pipe .right
{
position: absolute;
width: 204px;
}
.pipe .left
{
right: 50%;
margin-right: 600px;
}
.pipe .right
{
left: 50%;
margin-left: 600px;
}
.pipe .b:before, .pipe .a:after
{
width: 100%;
height: 40px;
background-color: #DBDBDB;
position: absolute;
content: '';
}
.pipe .b.left:before, .pipe .a.left:after
{
right: 204px;
}
.pipe .b.right:before, .pipe .a.right:after
{
left: 204px;
}
.pipe1
{
height: 133px;
background-position: 0 -525px;
}
.pipe1:before
{
top: 10px;
}
.type4 .pipe1
{
margin-top: 230px;
}
.pipe2
{
height: 120px;
background-position: 0 -728px;
}
.pipe3
{
height: 126px;
background-position: 0 -897px;
top: 373px;
}
.type9 .pipe3
{
top: -64px;
}
.pipe3:before, .pipe3:after
{
bottom: 10px;
}
.pipe4
{
height: 556px;
background-position: 0 -1045px;
}
.right.pipe4:before
{
top: 16px;
}
.right.pipe4:after
{
bottom: 12px;
}
.pipe5
{
height: 66px;
background-position: 0 -1682px;
}
.pipe5:before, .pipe5:after
{
bottom: 10px;
}
.type7 .pipe5
{
margin-top: 488px;
}
.left.pipe6, .right.pipe6
{
width: 556px;
height: 138px;
background-position: 0 -1771px;
margin-right: -278px;
z-index: 10;
bottom: 0;
}
.pipe7
{
height: 504px;
background-position: -204px -524px;
}
.pipe8
{
height: 560px;
background-position: -204px -1045px;
}
.pipe8.right:after
{
top: 16px;
}
.pipe8.left:before
{
top: 16px;
}
.pipe8.left:after
{
bottom: 16px;
}
.type6 .pipe8
{
margin-top: -5px;
}
.pipe9
{
height: 133px;
background-position: -204px -1615px;
margin-top: -66px;
}
.pipe9:before, .pipe9:after
{
bottom: 10px;
}
.type5 .pipe9
{
margin-top: 421px;
}
.type6 .pipe9
{
margin-top: 221px;
}
.pipe10
{
height: 554px;
background-position: -408px -470px;
top: -55px;
}
.pipe10.right:after
{
top: 16px;
}
.pipe11
{
height: 556px;
background-position: -408px -1045px;
}
.pipe11:before
{
top: 16px;
}
.pipe11:after
{
bottom: 12px;
}
.error404
{
text-align: center;
font-size: 110px;
margin-bottom: 45px;
font-family: 'MyriadPro';
line-height: 20px;
}
.error404 .liter_grey
{
color:#999999;
}
.error404 .liter_grey_light
{
color:#c5c6c6;
}
.error404 .liter_blue
{
color:#00a5d7;
}
.block404 p
{
text-align:center;
}
.block404 ul
{
list-style:none;
margin:0;
padding:0;
-moz-column-count: 2; /* Firefox */
-webkit-column-count: 2; /* Safari and Chrome */
column-count: 2;
}
.block404 ul li a
{
text-decoration:none;
text-transform:uppercase;
color:#5099de;
font-weight:bold;
}
.block404 ul li
{
margin-bottom:10px;
}
.error_list
{
width: 77%;
margin: 20px auto;
}
.block404 ul li a:hover
{
text-decoration:underline;
}
/*end pipe*/
@media only screen and (min-width: 1200px)
{
.menu .item
{
margin-left: 22px;
}
}
/* Страница услуги */
.f-left
{
float: left;
}
.ps-page
{
margin-left: -120px;
margin-right: -150px;
}
.ps-image-fade
{
display: none;
width: 359px;
height: 211px;
position: absolute;
left: 0;
top: 0;
background-color: black;
opacity: 0.5;
}
.ps-block:hover .ps-image-fade
{
display: block;
}
.ps-block:hover .ps-text-main
{
text-decoration: underline;
}
.ps-block
{
margin-bottom: 90px;
float: left;
margin-right: 20px;
width: 360px;
position: relative;
}
.ps-image
{
width: 359px;
height: 211px;
overflow: hidden;
}
.ps-text
{
background: url("/bitrix/templates/skillpoint/images/ps-bottom-square.png") top left no-repeat;
margin-left: 10px;
padding-left: 55px;
color: #5099DE;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
padding-top: 15px;
font-size: 15px;
line-height: 18px;
min-height: 65px;
}
.ps-text-inner
{
color: #62615E;
text-transform: none;
font-weight: normal;
margin-top: 10px;
line-height: 16px;
background: url("/bitrix/templates/skillpoint/images/caret.jpg") no-repeat;
background-position-y: 5px;
padding-left: 10px;
text-decoration: none !important;
}
/* --------------- */
/* Слайдер технологии */
.technology_slider_wrap{
width: 100%;
position: relative;
margin: 50px auto;
height: 420px;
}
.technology_slider{
overflow: hidden;
position: relative;
}
.technology_slider .item{
font-size: 0px;
font-family: 'PT Sans',Helvetica,Arial,sans-serif;
}
.technology_slider .item > div{
display: inline-block;
vertical-align: top;
font-size: 16px;
}
.technology_slider .item .info{
width: 400px;
font-size:14.5px;
padding-top: 40px;
padding-left: 0;
box-sizing: border-box;
height: 420px;
}
.technology_slider .item:nth-child(2n+2) .info{
background: #fff;
}
.technology_slider .item .image{
width: 530px;
padding-top: 40px;
margin-left: -30px;
position: relative;
}
.technology_slider .item .info span.slide_title{
display: block;
font-size: 39px;
line-height: 45px;
text-transform: uppercase;
font-weight: 600;
color: #009ae1;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 3px solid #ededed;
font-family: "Futura",PT Sans,Helvetica,Arial,sans-serif;
white-space: nowrap;
}
.technology_slider .item .info span.slide_title b{
color: #000;
display: block;
font-weight: 600;
white-space: normal;
padding-right: 25px;
}
.technology_slider .item .info p{
line-height: 16px;
margin-bottom: 20px;
}
.technology_slider .item .info a.more{
display: none;
width: 100px;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #fff;
text-decoration: none;
text-align: left;
background: #028ccd;
position: relative;
}
.technology_slider .item .info a.more:after{
position: absolute;
top: 0px;
right: 5px;
content: ">";
display: block;
font-size: 24px;
}
.technology_slider .item .image span.slide_number{
display: block;
font-size: 45px;
line-height: 45px;
text-transform: uppercase;
font-weight: 600;
color: #009ae1;
margin-bottom: 10px;
text-align: right;
font-family: "Futura",PT Sans,Helvetica,Arial,sans-serif;
}
.technology_slider .item .image img{
width: 100%;
}
.technology_slider_wrap ul.callbacks_tabs{
display: block;
position: absolute;
right: -245px;
top: 200px;
height: 14px;
width: 420px;
text-align: center;
list-style-type: none;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.technology_slider_wrap ul.callbacks_tabs li{
display: inline-block;
vertical-align: middle;
}
.technology_slider_wrap ul.callbacks_tabs li a{
display: block;
width: 14px;
height: 14px;
margin: 0px 3px;
border-radius: 14px;
background: #b3b3b3;
}
.technology_slider_wrap ul.callbacks_tabs li.callbacks_here a{
background: #009ae1;
}
.technology_slider_wrap .callbacks_nav{
text-indent: -9999px;
width: 20px;
height: 20px;
position: absolute;
right: -38px;
display: block;
border-radius: 20px;
background-image: url(/images/tslider_nav.jpg);
background-repeat: no-repeat;
}
.technology_slider_wrap .callbacks_nav.prev{
top: 0px;
background-position: center top;
}
.technology_slider_wrap .callbacks_nav.next{
bottom: 0px;
background-position: center bottom;
}
.main_slogan{
width: 100%;
background-color: #b2b4b3;
color: white;
display: block;
font-size: 24px;
font-weight: 600;
height: 60px;
padding:0;
line-height: 60px;
text-align: center;
text-transform: uppercase;
}
.bottom_block_contact
{
padding:65px 50px 80px 50px;
}
.box_block_contact
{
position:relative;
border:3px solid #cae0f5;
padding:20px 0;
}
.box_block_contact:after
{
content:'';
display:block;
width:252px;
height:310px;
position:absolute;
left:0;
top:-80px;
background:url(/bitrix/templates/skillpoint/images/phone_contact.png) no-repeat center;
}
.box_block_contact:before
{
content:'';
display:block;
width:237px;
height:216px;
position:absolute;
right:0;
top: -40px;
background:url(/bitrix/templates/skillpoint/images/mail_contact.png) no-repeat center;
}
.box_block_contact p
{
color:#333333;
font-size:16px;
line-height: 16px;
text-align:center;
}
.box_block_contact .bottom_block_phones a
{
text-decoration:none;
}
.box_block_contact .bottom_block_phones
{
text-align: center;
font-size:24px;
font-weight: 600;
color:#5099de;
line-height: 14px;
}
/* new menu start */
ul.new_menu {
display: inline-flex;
width: 100%;
margin: 15px 0px 0px 0px;
padding: 0px;
float: left;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
flex-flow: row nowrap;
flex-shrink: 1;
font-family: 'PT Sans', sans-serif;
}
ul.new_menu > li {
list-style-type: none;
text-align: center;
/*position: relative;*/
display: inline-flex;
}
ul.new_menu > li > ul{
display: none;
position: absolute;
}
ul.new_menu > li:hover > ul {
/* right: 0; */
top: 158px;
display: block;
position: absolute;
margin: 0px 0px 0px 0px;
padding: 8px 10px 11px 10px;
text-align: left;
min-width: 141px;
z-index: 100;
/* left: 0; */
/* width: 100%; */
list-style-type: none;
background: #008ed1;
}
ul.new_menu .bottom_strel{
position: relative;
width: 100%;
top: 0px;
}
ul.new_menu li:hover .bottom_strel:before{
content: '';
position: absolute;
left: calc(50% - 10px);
top: 11px;
text-align: center;
border: 10px solid transparent;
border-top: 10px solid #009be4;
}
ul.new_menu > li > ul > li a {
color: #fff;
text-decoration: none;
font-size: 14px;
}
ul.new_menu > li > ul > li a:hover {
color: #fff;
text-decoration: underline;
}
a.new_menu_item {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
position: relative;
color: #454545;
text-decoration: none;
font-family: 'PT Sans', sans-serif;
padding: 11px 31px;
}
a.new_menu_item:hover {
color: #1eaddc;
}
ul.new_menu > li:hover > a.new_menu_item.sub_link {
color: #fff;
z-index: 110;
background: #009ae4;
}
ul.new_menu > li > ul > li {
padding: 7px 0%;
display: block;
/* width: 22.5%; */
vertical-align: top;
}
ul.sub_new_menu .arrow-4 {
position: absolute;
cursor: pointer;
display: inline-block;
top: initial;
right: initial;
}
/*li.sub_new_menu_item:hover .arrow-4{
transform: rotate(180deg);
}*/
ul.sub_new_menu .arrow-4 .arrow-4-left:after {
background: #fff;
}
ul.sub_new_menu .arrow-4 .arrow-4-right:after {
background: #fff;
}
/*ul.sub_new_menu:before {
content: '';
position: absolute;
left: calc(50% - 10px);
top: 0px;
text-align: center;
border: 10px solid transparent;
border-top: 10px solid #009be4;
}*/
li.sub_new_menu_item:before {
display: none;
content: ". . . .";
position: absolute;
text-align: center;
left: 0;
right: 0;
margin-top: 22px;
color: #5cb7e2;
}
ul.sub_new_menu > li.sub_new_menu_item:last-of-type:before{
display: none;
}
.arrow-4 {
position: absolute;
cursor: pointer;
top: 9px;
right: 27px;
}
.arrow-4-left {
position: absolute;
background-color: transparent;
top: 11px;
left: 5px;
width: 5px;
height: 2px;
display: block;
transform: rotate(45deg);
float: right;
}
.arrow-4-left:after {
content: "";
background-color: #454545;
width: 5px;
height: 2px;
display: block;
float: right;
transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
z-index: -1;
}
ul.new_menu > li:hover > a .arrow-4-left:after {
background-color: #fff;
}
.mobile_menu_content {
float: left;
padding: 11px 11px 11px 0px;
width: 100%;
cursor: pointer;
background: #009be4;
display: none;
}
.mobile_menu_content .link_burger span {
color: #fff;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
font-family: 'PT Sans', sans-serif;
margin-left: 9px;
}
.new_header_menu {
float: left;
width: 100%;
}
.arrow-4-right {
position: absolute;
background-color: transparent;
top: 11px;
left: 8px;
width: 5px;
height: 2px;
display: block;
transform: rotate(-45deg);
float: right;
}
.arrow-4-right:after {
content: "";
background-color: #454545;
width: 5px;
height: 2px;
display: block;
float: right;
transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
z-index: -1;
}
ul.new_menu > li:hover > a .arrow-4-right:after {
background-color: #fff;
}
.open .arrow-4-left:after {
transform-origin: center center;
transform: rotate(-90deg);
}
.open .arrow-4-right:after {
transform-origin: center center;
transform: rotate(90deg);
}
.mobile_menu_content .link_burger img {
padding-left: 11px;
}
ul.sub2_new_menu {
display: none;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
list-style-type: none;
margin-top: -5px;
margin-bottom: -5px;
/* background: #006b9e; */
margin-left: 0px;
}
li.sub_new_menu_item:hover ul.sub2_new_menu{
display: block;
}
li.sub_new_menu_item a {
color: #dedede;
text-decoration: none;
}
li.sub_new_menu_item {
padding-bottom: 5px;
}
ul.sub2_new_menu li.sub_new_menu_item:before {
content: '';
display: inline-block;
width: 2px;
height: 2px;
margin: 12px 0px 0px 13px;
background: #fff;
}
/* new menu end */
@media (max-width: 1150px)
{
a.new_menu_item {
padding: 11px 15px;
}
.arrow-4 {
position: absolute;
cursor: pointer;
top: 9px;
right: 17px;
}
}
@media (max-width: 1100px)
{
.box_block_contact:after
{
top: -55px;
width: 150px;
height: 250px;
background-size: contain;
}
.box_block_contact:before
{
width: 170px;
height: 140px;
background-size: cover;
top: 0px;
}
}
@media (max-width: 950px)
{
.box_block_contact:after
{
top: -10px;
width: 80px;
height: 150px;
}
.box_block_contact:before
{
width: 80px;
height: 100px;
top: 20px;
}
}
@media (max-width: 900px)
{
ul.new_menu{
display: none;
}
.mobile_menu_content{
display: block;
}
ul.new_menu.open {
display: block;
position: absolute;
width: 100%;
z-index: 100;
padding: 15px 0px 0px 0px;
margin: 44px 0px 0px 0px;
overflow: hidden;
background: #008ed1;
}
ul.new_menu > li {
width: 50%;
padding: 14px 0px 14px 0px;
text-align: left;
position: initial;
}
a.new_menu_item {
color: #fff;
padding-left: 43px;
}
#header{
z-index: 10;
}
ul.new_menu > li:hover > ul {
margin: 0px 0px 0px 50%;
width: 50%;
padding: 15px 0px 0px 9px;
border-top: none;
float: left;
height: 100%;
top: 0;
right: 0;
background: #007eba;
}
li.sub_new_menu_item:before{
display: none;
}
ul.new_menu > li:hover {
background: #007eba;
}
ul.sub_new_menu:before{
display: none;
}
ul.new_menu > li > ul > li a {
font-size: 15px;
}
.arrow-4 {
position: absolute;
cursor: pointer;
top: 12px;
/*right: -10px;*/
right: -25px;
transform: rotate(90deg);
}
.arrow-4-left:after {
background-color: #fff;
}
.arrow-4-right:after {
background-color: #fff;
}
ul.new_menu > li > a.new_menu_item.sub_link{
padding-right: 0px;
}
ul.new_menu > li:hover > a.new_menu_item.sub_link{
background: #007eba;
padding-right: 0px;
}
ul.new_menu .bottom_strel {
display: none;
}
ul.new_menu > li > ul > li {
padding: 5px 2%;
display: inline-block;
width: 90%;
vertical-align: top;
}
ul.sub2_new_menu {
display: block;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 5px;
list-style-type: none;
margin-top: -5px;
margin-bottom: -5px;
/* background: #006b9e; */
margin-left: 0px;
}
ul.sub_new_menu .arrow-4 {
display: none;
}
ul.sub2_new_menu li.sub_new_menu_item:before {
content: '';
display: inline-block;
width: 2px;
height: 2px;
margin: 12px 0px 0px 13px;
background: #fff;
}
}
@media (max-width: 800px)
{
.bottom_block_contact
{
padding: 35px 20px 35px 20px;
}
}
@media (max-width: 750px)
{
.box_block_contact:before,
.box_block_contact:after
{
display:none;
}
}
@media (max-width: 620px)
{
.box_block_contact .bottom_block_phones
{
font-size:18px;
}
.box_block_contact
{
padding:20px;
}
}
@media (max-width: 730px)
{
.certificates_carousel .owl-nav .owl-next
{
right: -30px;
}
.certificates_carousel .owl-nav .owl-prev
{
left: -30px;
}
}
@media (max-width: 530px)
{
.box_block_contact p br
{
display:none;
}
.box_block_contact .bottom_block_phones > a
{
display:block;
line-height: 18px;
}
.box_block_contact .bottom_block_phones .slash
{
display:none;
}
.box_block_contact .bottom_block_phones .text_messenger_links
{
margin-top: 10px;
display: block;
}
}
@media (max-width: 992px) {
html, body{
min-width: 100%;
}
.center1000{
min-width: 100%;
max-width: 100%;
}
.main_slogan{
display: block;
}
.content{
width: 100%;
box-sizing: border-box;
}
.breadcrumb{
margin: 30px 15px 30px;
}
}
@media (max-width: 768px) {
.error_list
{
width:90%;
}
/*#header{
height: 141px;
}
#header .contacts{
margin-top: 45px;
padding-right: 10px;
}
#header .contacts:after, #header .logo:after{
content: "";
display: table;
clear: both;
}
#header .menu{
float: none;
width: 100%;
clear: both;
text-align: center;
padding-top: 5px;
}*/
#header .contacts .phone, #header .contacts .mail{
display: block;
margin-top: 10px;
}
#header .contacts .mail:before{
margin-left: 0px;
}
#header .contacts{
margin-top: 10px;
padding-right: 20px;
}
.ico-menu{
width: 100%;
min-width: 100%;
height: auto;
}
.ico-menu .item{
padding: 50px 20px;
}
.ico-menu .item a{
font-size: 15px;
line-height: 18px;
}
.content{
padding: 0px 20px 0 20px;
}
.content > ul{
padding-left: 20px;
}
.services-menu .item p{
display: block;
padding: 0px;
text-align: center;
/*height: 50px;*/
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.clients .title{
width: 100%;
}
.clients .item{
text-align: center;
}
.certificates{
width: 100%;
box-sizing: border-box;
}
.certificates ul{
font-size: 0px;
}
.certificates .item{
width: 25%;
text-align: center;
margin-left: 0px;
margin-right: 0px;
}
#footer .logo{
margin: 15px 10px 7px 10px;
}
#footer .menu{
margin-top: 30px;
}
#footer .menu .item{
margin-left: 5px;
margin-right: 5px;
}
#footer .copy, #footer .dev{
display: block;
float: none;
text-align: center;
}
#footer .contacts{
padding-right: 10px;
}
.breadcrumb{
font-size: 14px;
}
.news-list{
margin-top: 0px;
box-sizing: border-box;
}
.news-detail{
width: 100%;
box-sizing: border-box;
}
.table-arrows{
width: 100%;
margin-bottom: 20px;
}
.table-arrows.n4 .col{
width: 25%;
padding-left: 30px;
padding-right: 30px;
}
.technology_slider .item .info{
width: 60%;
height: 300px;
}
.technology_slider .item .info span.slide_title{
white-space: normal;
}
.technology_slider .item .image{
width: 40%;
}
.technology_slider_wrap ul.callbacks_tabs{
right: -215px;
z-index: 99;
}
.technology_slider_wrap .callbacks_nav{
right: -10px;
z-index: 100;
}
.ps-page{
margin: 0 auto;
}
.ps-block{
width: 50%;
margin-right: 0px;
}
.review-form{
width: 100%;
box-sizing: border-box;
left: 0px;
margin-left: 0px;
padding: 30px 20px ;
}
.review-form textarea{
width: 375px;
}
}
@media (max-width: 736px) {
#header .contacts .phone, #header .contacts .mail{
display: block;
}
.gallery{
height: 300px;
}
.gallery .item{
height: 300px;
}
.services-menu .top{
font-size: 20px;
}
#footer .menu{
display: none;
}
#footer .contacts{
padding-top: 40px;
padding-right: 20px;
}
.technology_slider .item .info span.slide_title{
font-size: 35px;
}
.table-arrows.n4 .col{
padding-left: 20px;
padding-right: 20px;
}
.ps-block{
padding: 10px ;
box-sizing: border-box;
margin-bottom: 20px;
}
.ps-image{
width: 100%;
}
.review-form .right, .review-form .left{
width: 50%;
box-sizing: border-box;
}
.review-form .left{
padding-right: 20px;
}
.review-form input[type="text"], .review-form textarea{
width: 100%;
box-sizing: border-box;
}
}
@media (max-width: 668px) {
.gallery{
height: 250px;
}
.gallery .item{
height: 250px;
}
.ico-menu .item{
width: 50%;
display: inline-block;
box-sizing: border-box;
padding: 20px;
}
.services-menu .item p{
font-size: 18px;
}
.table-arrows .col{
padding: 20px 20px 0px 20px;
}
.technology_slider .item .info span.slide_title{
font-size: 32px;
}
}
@media (max-width: 568px) {
#header{
height: auto;
padding-top: 10px;
}
#header .logo{
float: none;
margin: 0px auto;
display: block;
}
#header .contacts{
float: none;
margin: 0 auto;
width: 100%;
}
#header .contacts .phone, #header .contacts .mail{
display: block;
}
#header .contacts .phone{
font-size: 16px;
padding-left: 10px;
}
#header .contacts .mail{
padding-left: 10px;
}
#header .contacts .mail a{
font-size: 15px;
}
#header .call{
display: none;
}
#header .menu .item{
margin-left: 1px;
margin-right: 1px;
font-size: 8px;
}
#header .menu .item{
margin-left: 5px;
margin-right: 5px;
font-size: 12px;
}
.text_header_phones {
position: absolute;
top: -15px;
color: #424242;
}
#header .contacts .phone span.text_messenger_links {
display: inline-block;
margin-left: 7px;
vertical-align: middle;
margin-top: -4px;
}
#header .contacts .phone .header_phone1 a, #header .contacts .phone .header_phone2 a {
font-size: 16px;
color: #424242;
}
#header .contacts .phone span {
display: block;
font-size: 12px;
font-weight: normal;
margin-left: 33px;
}
#header .contacts .phone .header_phone2 {
margin-left: 32px;
display: block;
}
#header .contacts .phone .header_phone2 {
margin-left: 32px;
display: block;
}
.services-menu .top{
font-size: 18px;
}
.main_slogan{
font-size: 18px;
}
.certificates .item{
width: 50%;
}
.certificates p{
font-size: 13px;
}
#footer .contacts .phone, #footer .contacts .mail{
display: block;
margin-top: 10px;
}
#footer .contacts .mail:before{
margin-left: -23px;
}
#footer .contacts{
margin-top: 25px;
padding-right: 20px;
padding-top: 0px;
}
.news-detail{
font-size: 14px;
}
.table-arrows.n4 .col{
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
padding-left: 35px;
font-size: 17px;
}
.table-arrows.n4 .col:before{
transform: rotate(270deg);
left: 20px;
top: 26px;
}
.ps-block{
width: 100%;
}
.ps-image{
text-align: center;
margin-bottom: 10px;
}
.error_list li a
{
font-size: 13px;
line-height: 13px;
}
.error_list li
{
line-height: 15px;
}
.block404 p
{
font-size:13px;
line-height:15px;
}
}
@media (max-width: 480px) {
.services-menu{
display: block;
}
.services-menu .top{
display: none;
}
.services-menu .item{
width: 100%;
display: block;
}
#footer{
height: auto;
padding-top: 10px;
}
#footer .logo{
float: none;
margin: 0px auto;
display: block;
}
#footer .contacts{
float: none;
margin: 0 auto;
width: 100%;
}
#footer .contacts .phone, #footer .contacts .mail{
display: inline-block;
}
#footer .contacts .phone{
font-size: 16px;
padding-left: 30px;
}
#footer .phone:before{
//margin-left: 0px;
}
#footer .contacts{
padding-bottom: 10px;
}
#footer .contacts .mail{
padding-left: 30px;
}
#footer .contacts .mail a{
font-size: 15px;
}
.news-list .item{
display: block;
margin-bottom: 40px;
}
.news-list .picture{
display: block;
width: 100%;
text-align: center;
}
.news-list .picture img{
display: inline-block;
}
.news-list .text-box{
display: block;
}
.news-list .text, .news-list a.title{
margin-bottom: 15px;
text-align: center;
}
.table-arrows{
margin-top: 0px;
}
.table-arrows.n3 .col{
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
padding-left: 35px;
font-size: 17px;
}
.table-arrows .col:before{
transform: rotate(270deg);
left: 20px;
top: 26px;
}
.technology_slider_wrap{
display: none;
}
table.table{
font-size: 10px;
line-height: 12px;
}
.faq-list .item{
padding: 15px 20px ;
}
.faq-list .item .answer ul{
list-style-position: inside;
}
.form .left, .form .right{
width: 100%;
float: none;
box-sizing: border-box;
}
.form input[type="text"], .form select{
width: 100%;
margin-right: 0px;
box-sizing: border-box;
}
.form select{
background-position: right center;
}
.form textarea{
width: 100%;
box-sizing: border-box;
}
.faq-form input[type="submit"], .review-form input[type="submit"]{
float: none;
margin: 0 auto;
width: 250px;
display: block;
}
.review-button{
margin-top: -15px;
}
.review-list .left, .review-list .text{
float: none;
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.review-list .left{
padding-right: 0px;
padding-bottom: 25px;
text-align: left;
}
.review-list .text:before{
left: 20px;
top: -33px;
transform: rotate(90deg);
}
.review-form{
height: auto;
}
.review-form .left{
padding-right: 0px;
}
h1{
width: 100%;
box-sizing: border-box;
display: block;
}
}
@media (max-width: 380px)
{
.error_list
{
width: 100%;
}
.error_list li a
{
font-size: 12px;
line-height: 10px;
}
.block404 ul li {
line-height: 16px;
}
#header .contacts .phone{
font-size: 14px;
padding-left: 10px;
}
#header .contacts .mail a{
font-size: 13px;
}
#header .menu .item{
margin-left: 0px;
margin-right: 0px;
font-size: 6px;
}
#footer .contacts .phone{
font-size: 15px;
}
#footer .contacts .mail a{
font-size: 13px;
}
.table-arrows.n3 .col{
font-size: 15px;
}
table.table{
font-size: 8px;
line-height: 10px;
}
}
@media (max-width: 320px) {
#header .contacts .phone{
font-size: 12px;
}
#header .contacts .mail a{
font-size: 11px;
}
#header .contacts .mail{
padding-left: 5px;
}
#header .menu .item.parent{
display: none;
}
.ico-menu .item{
width: 100%;
}
.certificates .item{
width: 100%;
}
}
/*pixel copy styles*/
#footer .pixel{
width: 230px;
position: relative;
font-size: 17px;
line-height: 1px;
color: white;
margin-left:auto;
margin-right:auto;
display: block;
float: right;
margin-top: 23px;
margin-right: 33px;
margin-bottom: 23px;
}
#footer .pixel a{text-decoration: none;color: white;position: relative;transition: color 0.5s ease;}
#footer .pixel a:hover{color: #5099DE; text-decoration: underline;}
#footer .pixel-logo {display: inline-block;position: relative;top: 12px !important;right: 5px;}
#footer .pixeltop {top: -11px;position: relative;}
#footer .pixeltopvnyt {top: -11px;position: relative;}
#footer .pixelbot {margin-left: 40px;}
#footer .abovepixellogo {padding-bottom: 10px !important;}
.phone_footer
{
float: left;
display: inline-block;
margin-top: 50px;
margin-left: 30px;
position:relative;
padding-left: 35px;
}
.phone_footer span
{
display: block;
font-size: 11px;
color: #c1c1c1;
font-weight: 200;
}
.phone_footer a
{
text-decoration:none;
}
.phone_footer:before
{
height: 25px;
width: 19px;
background-position: -235px -31px;
margin: 3px 9px -6px 0;
content: '';
top: 6px;
left:0;
background-image: url(/images/sprite2.png);
position: absolute;
background-position: -235px -31px;
}
.address_footer {
float: left;
margin: 56px 0 0 30px;
}
@media (max-width: 768px){
.phone_footer
{
display:none;
}
}
@media (max-width: 480px){
#footer .pixel{
margin-left: auto;
margin-right: auto;
float: none;
margin-bottom: 33px;
}
}
@media (max-width: 1122px) {
.address_footer {
margin-top: 45px;
width: 239px;
}
}
@media (max-width: 1024px) {
#header .call{
}
.gallery {
height: 380px;
}
.gallery .item{
height: 380px;
}
.gallery-box .callbacks_tabs {
bottom: -2px;
}
}
@media (max-width: 768px) {
#header .call{
}
.gallery {
height: 280px;
}
.gallery .item{
height: 280px;
}
.gallery-box .callbacks_tabs {
bottom: -2px;
}
}
@media (max-width: 767px) {
.address_footer {
float: none;
width: 100%;
margin: 30px 0 0 0;
text-align: center;
}
}
@media (max-width: 425px) {
#header .call{
}
.gallery {
height: 160px;
}
.gallery .item{
height: 160px;
}
.gallery-box .callbacks_tabs {
bottom: -13px;
}
}
@media (max-width: 375px) {
#header .call{
}
.gallery {
height: 135px;
}
.gallery .item{
height: 135px;
}
.gallery-box .callbacks_tabs {
bottom: -13px;
}
}
@media (max-width: 355px) {
#header .call{
}
.gallery {
height: 123px;
}
.gallery .item{
height: 123px;
}
.gallery-box .callbacks_tabs {
bottom: -13px;
}
}
#header .contacts .phone .header_phone1{display: inline-block;}
#header .contacts .phone .header_phone2{display: none;}
.text_messenger_links a{
height: 17px;
width: 17px;
text-align: center;
display: inline-block;
margin-left: 3px;
}
.text_messenger_links a.whatsapp{background-image: url(/images/whatsapp.png);}
.text_messenger_links a.telegram{background-image: url(/images/telegram.png);}
.text_messenger_links a.viber{background-image: url(/images/viber.png);}
.text_messenger_links a.skype{background-image: url(/images/skype.png);}
@media (min-width: 980px){
#header .contacts .phone .header_phone2{
display: block;
margin-left: 22px;
float: right;
}
#header .contacts .phone span.text_messenger_links{
margin-left: 84px;
}
}
@media (max-width: 480px){
#header .contacts .phone{
display: block;
margin-top: 20px;
}
#header .contacts .phone .header_phone1 a,#header .contacts .phone .header_phone2 a{
font-size: 16px;
color: #424242;
}
#header .contacts .phone .header_phone2{margin-left: 32px;display: block;}
.text_header_phones{
position: absolute;
top: -15px;
color: #424242;
}
#header .contacts .phone span.text_messenger_links{
display: inline-block;
margin-left: 7px;
vertical-align: middle;
margin-top: -4px;
}
}
.phone_footer span.text_footer_phones{color: white;}
.phone_footer:before{top: 20px;}
.phone_footer .text_messenger_links{margin-top: 4px;}
.mobile_show{display: none;}
.clrscr{clear: both;}
@media (max-width: 480px){
#footer .mobile_hide{display: none !important;}
#footer .mobile_show{display: block;}
#footer .bottom{
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
}
#footer .copy{
padding-left: 28px;
text-align: left;
font-weight: normal;
font-size: 14px;
font-family: PT Sans, Helvetica, Arial, sans-serif;
}
#footer .address_footer{
margin-top: 10px;
font-size: 14px;
font-family: PT Sans, Helvetica, Arial, sans-serif;
text-align: left;
padding-left: 28px;
padding-right: 120px;
box-sizing: border-box;
}
#footer .mobile_show .phone_footer{
display: block;
margin-left: 31px;
margin-top: 16px;
}
#footer .mobile_show .phone_footer .text_footer_phones{font-size: 12px;}
#footer .mobile_show .phone_footer:before {
top: 20px;
background-position: -306px -53px;
}
#footer .mobile_show .phone_footer a{
font-size: 20px;
}
#footer .pixel{margin-top: 10px;}
#footer .mail{
margin-left: 22px;
margin-bottom: 13px;
margin-top: 0px;
}
#footer .mail a{
color: #bbbbbb;
border-bottom: 1px solid #bbbbbb;
font-size: 14px !important;
}
}
@media screen and (max-width:921px){
.price {
overflow-y:auto;
}
}
.services-menu a.item{
max-height: 417px;
overflow: hidden;
}
/*@media (max-width: 670px){
.services-menu a.item{
max-height: 417px;
overflow: hidden;
}
}*/
.contacts .mail_worktime{
display: inline-block;
position: relative;
top: 10px;
}
.contacts .mail_worktime .mail,
.contacts .mail_worktime .worktime{
display: block;
}
.contacts .mail_worktime .worktime:before{
height: 22px;
width: 22px;
margin: 0 0 -9px 15px;
content: '';
display: inline-block;
background-image: url(/images/worktime.png);
border: none;
background-color: transparent;
background-repeat: no-repeat;
}
.contacts .mail_worktime .worktime span{
margin-left: 9px;
vertical-align: middle;
}
@media (max-width: 768px){
.contacts .mail_worktime .worktime{display: none;}
.contacts .mail_worktime{top: unset;}
}
@media (max-width: 568px){
.contacts .mail_worktime{
width: 100%;
display: block;
height: 60px;
top: 10px;
}
#header .contacts .mail{
width: 36%;
position: relative;
float: left;
}
#header .contacts .mail a{
position: absolute;
}
#header .contacts .mail a:nth-child(2){
top: 16px;
}
.contacts .mail_worktime .worktime{
float: left;
display: block;
margin-top: 10px;
}
}
.ps-page-another {
max-width:90%;
margin:0 auto;
}
.ps-block1 {
width: 255px!important;
float: left;
}
.ps-block1 a {
text-decoration:none;
}
.ps-image1 {
}
.ps-text1 {
background: url(/bitrix/templates/skillpoint/images/ps-bottom-square.png) top left no-repeat;
padding-left: 55px;
color: #5099DE;
font-family: 'Futura', PT Sans, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
padding-top: 5px;
font-size: 15px;
line-height: 18px;
min-height: 65px;
width: 180px;
}
.ps-text-main1 {
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}
@media (max-width: 500px){
.slick-current>div {
text-align:center;
}
.ps-block1 {
width: 255px!important;
float: inherit;
}
.slick-prev {
left: -15px!important;
}
.slick-next {
right: 0px!important;
}
.ps-text-main1 {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
text-align: left;
}
}
@media (max-width: 340px){
.slick-prev {
left: -27px!important;
}
.slick-next {
right: -8px!important;
}
}
/* Быстрые ссылки */
.page-links { list-style: none; margin: -20px 0 20px; padding: 0 0; display: flex; flex-direction: revert; align-items: center; justify-content: center; position: relative; width: 100%; outline: none; flex-wrap: wrap; }
.page-links li { margin: 0 5px; padding: 9px 12px 6px; border: 1px solid transparent; border-radius: 2px;}
.page-links li:hover{border: 1px solid #d5d5d5; padding: 0;}
.page-links li a { font-size: 14px; color: #5aa4e3; font-weight: 400; text-align: center; text-decoration: none; position: relative; border-bottom: 2px dotted #5aa4e3; display: block; }
.page-links li:hover a { color: #7e7e7e; padding: 6px 12px 3px; border-bottom: 2px dotted transparent; }
@media (max-width: 768px){
.content .page-links{ padding-left: 0px;}
.page-links li { margin: 0 5px 5px; padding: 0; border: 0; border-radius: 0; }
.page-links li:hover { border: 0; padding: 0; }
.page-links li:hover a { padding: 0; border-bottom: 2px dotted #5aa4e3; color: #5aa4e3; }
}
/* Преимущества услуг */
.advantage-title { text-align: center; margin: 30px 0 0 0; }
.advantage-service { width: 100%; margin: 40px 0 30px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; position: relative; flex-wrap: wrap; }
.advantage-service .item { width: 100%; max-width: 30%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; margin: 0 0 20px; }
.advantage-service .icon { width: 159px; height: 135px; background: url(/images/i-service-adve.png) no-repeat; }
.advantage-service p{font-size: 14px; line-height: 21px; color: #363636; font-weight: 400; font-family: "PT Sans"; text-align: center; margin: 10px 0 0 0;}
.advantage-service .icon.icon-1{background-position: -3px -4px;}
.advantage-service .icon.icon-2{background-position: -379px -4px;}
.advantage-service .icon.icon-3{background-position: -724px -4px; }
@media (max-width: 768px){
.advantage-service .item {max-width: 100%;}
}
@media (max-width: 380px){
.clients .item { padding: 0 10px;}
.review-list { padding-top: 0!important; }
.review-list .left {padding: 10px 0 30px!important;}
}
.review-list .date{ font-size: 13px; color: #a1a1a1; line-height: 18px; margin: 5px 0 0 0; }
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/gallery_main/style.css?1617000722310 */
/* /bitrix/templates/skillpoint/components/bitrix/news.list/certificates_for_main/style.css?1772802983347 */
/* /bitrix/templates/skillpoint/components/bitrix/news.list/reveiws_main/style.css?17728025381124 */
/* /bitrix/templates/skillpoint/styles.css?171981823811330 */
/* /bitrix/templates/skillpoint/template_styles.css?168776301968035 */