@import "libs/prefixer.less"; @font-face { font-family: "MyriadProRegular"; src: url("/css_js/fonts/MyriadProRegular/MyriadProRegular.eot"); src: url("/css_js/fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"), url("/css_js/fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProBold"; src: url("/css_js/fonts/MyriadProBold/MyriadProBold.eot"); src: url("/css_js/fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProBold/MyriadProBold.woff") format("woff"), url("/css_js/fonts/MyriadProBold/MyriadProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProBoldItalic"; src: url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot"); src: url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"), url("/css_js/fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProSemiBold"; src: url("/css_js/fonts/MyriadProSemiBold/MyriadProSemiBold.eot"); src: url("/css_js/fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"), url("/css_js/fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProItalic"; src: url("/css_js/fonts/MyriadProItalic/MyriadProItalic.eot"); src: url("/css_js/fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"), url("/css_js/fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProSemiBoldItalic"; src: url("/css_js/fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot"); src: url("/css_js/fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"), url("/css_js/fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Rouble"; src: url("../css_js/fonts/Rouble/rouble.eot"); src: url("../css_js/fonts/Rouble/rouble.eot?#iefix")format("embedded-opentype"), url("../css_js/fonts/Rouble/rouble.woff") format("woff"), url("../css_js/fonts/Rouble/rouble.ttf") format("truetype"); font-style: normal; font-weight: normal; } *{margin: 0; padding: 0;} html{font-family: MyriadProRegular, sans-serif; font-size: 16px; color: #000000; width: 100%; min-width: 320px; -webkit-text-size-adjust: 100%;} body{ width: 100%; padding-top: 1px; margin-top: -1px;} img{border: 0; line-height: 0;} ul, ol{list-style: none;} a{ color: #000000; text-decoration: none; border-bottom: 1px solid #3CAFCD; &:hover{ border-bottom: none; } } b, strong{font-family: MyriadProBold; font-weight: normal;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: MyriadProRegular; font-weight: normal;} b{ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: MyriadProBold; font-weight: normal;} } .clear{clear:both;} .overflow{overflow: hidden;} .fl{float: left;} .fr{float: right;} textarea{border: none; outline: none;} button{display: inline-block; width: 246px; height: 45px; border: 0; outline: 0; font-size: 18px; font-family: MyriadProRegular; color: #ffffff; background: url(/images/tpl/button.png); cursor: pointer;} button:hover{background: url(/images/tpl/button-hover.png);} button span{position: relative; top: -2px;} .button{display: inline-block; width: 246px; height: 45px; text-align: center; line-height: 45px; font-size: 18px; font-family: MyriadProRegular; color: #ffffff; background: url(/images/tpl/button.png); cursor: pointer;} .button:hover{background: url(/images/tpl/button-hover.png);} .button--mod{background: #ef6d34; border-radius: 23px;} .button--mod:hover{background: #F6814D;} a.button{border: none;} .table{display: table;} .row{display: table-row;} .cell{display: table-cell;} .rouble{font-family: Rouble;} h1,.h1{font-size: 48px;} h2,.h2{font-size: 36px;} h3,.h3{font-size: 30px;} .h4{font-size: 24px;} .wrapper{width: 1025px; margin: 0 auto;} .wrapper--center{position: absolute; top: 50%; left: 50%;} .wrapper--process{position: relative; width: 410px; margin: 0 auto;} .header{position: fixed; top: 0; left: 0; height: 60px; width: 100%; background: #ffffff; .box-shadow(0px 4px 5px -2px rgba(1, 13, 41, 0.5)); z-index: 10;} .header--mod{z-index: 101;} .header img{float: left; margin-top: 15px;} .header__phone{float: left; margin-left: 55px; margin-top: 10px; color: #393838;} .header__phone a{color: #393838; border-bottom: 1px dashed #3cafcd; cursor: pointer;} .header__phone span{position: relative} .header__phone span:before{content: ''; position: absolute; left: -13px; top: 5px; width: 10px; height: 10px; background: url(/images/tpl/phone.png);} .header__menu{float: unset; line-height: 60px;} .header__menu a{margin-left: 10px; font-family: MyriadProSemiBold; color: #242424; border: none; cursor: pointer;} .header__menu a.active{color: #ef6d34;} .header__menu a:hover{.transition(0.2s); color: #ef6d34;} .header__menu img{float: right; height: 40px; margin-left: 15px; margin-top: 12px;} .header__menu-phone{display: none; cursor: pointer;} .header__mlist-phone{position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #3cafcc;} .header__mcontainer-phone{position: absolute; top: 50%; left: 50%; width: 180px; margin-left: -90px; text-align: center;} .header__mcontainer-phone a{display: block; font-family: MyriadProSemiBold; font-size: 18px; color: #ffffff; line-height: 35px; border: none; cursor: pointer;} .header__mclose-phone{position: absolute; top: 12px; right: 27px; cursor: pointer;} .header__mclose-phone img{margin: 0;} .block{position: relative; width: 100%; min-height: 979px; padding-top: 60px; background: url(/images/tpl/patt.png); .box-sizing(border-box); color: #ffffff; text-align: center; overflow: hidden;} .block__bg{background: rgba(73,161,212,1); background: -moz-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,161,212,1)), color-stop(100%, rgba(41,173,194,1))); background: -webkit-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -o-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -ms-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: linear-gradient(to bottom, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%);} .block .button{margin-top: 100px;} .block h1{font-family: MyriadProBold; margin-top: 20px;} .block h3{font-family: MyriadProSemiBold; margin-top: 10px;} .block__bottom{margin-top: 25px; text-align: center;} .block__bottom img{cursor: pointer;} .block__bottom p{display: inline-block; cursor: pointer;} .block__arrow1{width: 14px; height: 7px; margin: 0 auto; background: url(/images/tpl/arrow1.png);} .block__arrow2{position: relative; top: -4px; width: 20px; height: 10px; margin: 0 auto; background: url(/images/tpl/arrow2.png);} .block__slider{position: relative; display: none;} .block__slider img{margin-top: 65px;} .block__slider li{position: relative; display: none;} .block__slider li:first-child{display: block;} .scheme{position: relative; left: -15px; margin-top: 135px;} .scheme__item{position: absolute; left: 50%; text-align: center;} .scheme__img{width: 90px; height: 90px; margin: 0 auto; cursor: pointer;} .scheme__bg2{display: none;} .scheme__comp{position: absolute; top: 110px; left: 50%; margin-left: -139px; width: 300px; height: 195px; background: url(/images/tpl/comp-img1.jpg); background-size: cover;} .scheme__item p{display: inline-block; border-bottom: 1px dashed #ffffff; font-family: MyriadProItalic; cursor: pointer;} .scheme__item p:hover{border-color: transparent;} .scheme__text{position: absolute; left: 50%; margin-left: -290px; bottom: -80px; width: 580px; font-family: MyriadProItalic; font-size: 18px; line-height: 22px;} .scheme__item .scheme__text{display: none;} .scheme__text a{color: #ffffff; border: none; text-decoration: underline;} .scheme__text a:hover{text-decoration: none;} .scheme__item--1794{margin-left: -435px; bottom: 80px;} .scheme__item--1794 .scheme__img{background: url(/images/tpl/scheme-item1.png); background-size: cover;} .scheme__item--1794 .scheme__img:hover{background: url(/images/tpl/scheme-item1-hover.png); background-size: cover;} .scheme__item--1795{margin-left: -310px; top: -25px;} .scheme__item--1795 .scheme__img{background: url(/images/tpl/scheme-item2.png); background-size: cover;} .scheme__item--1795 .scheme__img:hover{background: url(/images/tpl/scheme-item2-hover.png); background-size: cover;} .scheme__item--1796{margin-left: -32px; top: -95px;} .scheme__item--1796 .scheme__img{background: url(/images/tpl/scheme-item3.png); background-size: cover;} .scheme__item--1796 .scheme__img:hover{background: url(/images/tpl/scheme-item3-hover.png); background-size: cover;} .scheme__item--1797{margin-left: 190px; top: -25px;} .scheme__item--1797 .scheme__img{background: url(/images/tpl/scheme-item4.png); background-size: cover;} .scheme__item--1797 .scheme__img:hover{background: url(/images/tpl/scheme-item4-hover.png); background-size: cover;} .scheme__item--1798{margin-left: 355px; bottom: 105px;} .scheme__item--1798 .scheme__img{background: url(/images/tpl/scheme-item5.png); background-size: cover;} .scheme__item--1798 .scheme__img:hover{background: url(/images/tpl/scheme-item5-hover.png); background-size: cover;} .bslider__title{position: absolute; top: -275px; width: 100%; font-family: MyriadProItalic;} .bslider__text{width: 400px; margin: 10px auto 0; font-family: MyriadProItalic;} .bslider__img{position: absolute; top: -297px; left: 178px;} .bslider__img img{height: 151px;} .bslider__button{position: absolute; top: 50%; margin-top: -6px; width: 100%;} .bslider__left{width: 31px; height: 12px; float: left; background: url(/images/tpl/slider-arrow1.png); cursor: pointer;} .bslider__right{width: 31px; height: 12px; float: right; background: url(/images/tpl/slider-arrow2.png); cursor: pointer;} .bslider__control{position: absolute; bottom: -110px; width: 100%; text-align: center;} .bslider__citem{display: inline-block; margin-left: 5px; width: 20px; height: 20px; border-radius: 10px; background: #ffffff; .box-shadow(inset 2px 2px 5px 0px rgba(0,0,0,0.6)); cursor: pointer;} .bslider__citem.active{background: #ef6d34; .box-shadow(none);} .bslider__pc2{display: none;} .about .wrapper{padding: 60px; border: 3px dotted #3cafcd;} .about__container{margin-left: -30px;} .about__title{position: relative; top: 30px; width: 390px; margin: 0 auto; text-align: center; background: #ffffff;} .about__item{width: 321px; float: left; margin-left: 30px; text-align: center;} .about__ttitle{font-family: MyriadProSemiBold; font-size: 18px; text-transform: uppercase;} .about__text p{line-height: 22px; text-align: left;} .services{margin-top: 60px; overflow: hidden;} .services .wrapper .services__rectangle2:last-child{display: none;} .services__title{margin-bottom: 30px; text-align: center;} .services__circle{height: 80px; width: 80px; margin: 0 auto; text-align: center; font-size: 60px; color: #ffffff; font-family: MyriadProBold; line-height: 80px; background: #3cafcd; border-radius: 40px;} .services__rectangle{width: 4px; margin: 9px auto 0; background: #a9dce9;} .services__rectangle1{height: 37px;} .services__rectangle2{height: 70px; margin-bottom: 5px;} .services__rectangle3{height: 25px;} .services__string{position: relative; margin-top: 15px; font-size: 18px;} .services__string li{position: relative; margin-bottom: 8px; padding-left: 25px;} .services__string li:before{position: absolute; left: 0; content: "— ";} .services__string1{ .services__item.fr{float: left;} .services__item.fl{float: right;} } .services__item{width: 300px;} .services__item h2{margin-bottom: 20px; text-transform: uppercase;} .services__item .h3{margin-bottom: 10px;} .services__item i{line-height: 22px;} .services__list{position: relative; left: 85px; line-height: 22px;} .services__point{display: inline-block; margin-bottom: 5px; margin-left: 18px;} .services__point span{float: left; width: 220px; margin-left: 5px;} .services__point .rouble{float: none;} .services__point img{position: relative; top: 5px; float: left;} .services__point--mod img{margin-right: 5px;} .slider{position: relative; width: 845px; margin: 35px auto 65px; text-align: center;} .slider__scontainer{position: absolute; top: 85px; left: -85px; z-index: 1;} .slider .h1{margin-bottom: 125px;} .slider__string{width: 10000px; margin-left: 470px;} .slider__circle{float: left; width: 55px; height: 55px; margin-top: 10px; border: 3px solid #b1dfeb; border-radius: 30px; font-size: 30px; font-family: MyriadProBold; color: #3cafcd; line-height: 55px; text-align: center; cursor: pointer; .user-select(none);} .slider__circle--mod{width: 80px; height: 80px; margin: 0; border-radius: 45px; font-size: 48px; line-height: 80px;} .slider__rectangle{float: left; width: 340px; height: 3px; margin-top: 40px; background: #b1dfeb;} .slider .slider__img{float: left; height: 265px;} .slider__text{float: right; width: 425px; margin-top: 15px; text-align: left;} .slider__text{ p{line-height: 24px;} li{position: relative; margin-bottom: 8px; padding-left: 20px;} li:before{position: absolute; left: 0; content: "— ";} } .slider__title{font-size: 18px; font-family: MyriadProSemiBold; text-transform: uppercase;} .slider__button{position: absolute; top: 55%; left: 50%; width: 1025px; height: 67px; margin-left: -512px;} .slider__bleft{float: left; width: 67px; height: 67px; background: url(/images/tpl/slider-left.png); cursor: pointer; .user-select(none);} .slider__bright{float: right; width: 67px; height: 67px; background: url(/images/tpl/slider-right.png); cursor: pointer; .user-select(none);} .slider__item{width: 100%; padding-right: 20px;} .mprojects{position: relative; width: 100%; height: 655px; background: url(/images/tpl/projects-bg.jpg) center center no-repeat; background-size: auto 100%; overflow: hidden;} .mprojects .h1{margin-top: 40px; color: #ffffff; text-align: center;} .mprojects__comp{position: absolute; top: 50%; left: 50%; width: 707px; height: 394px; margin-top: -197px; margin-left: -353px; background: url(/images/tpl/projects-comp.png); background-size: cover; text-align: center;} .mprojects__logo{margin-top: 35px; margin-bottom: 30px;} .mprojects__comp p{margin-bottom: 30px;} .mprojects__comp .button{position: absolute; bottom: 50px; left: 50%; margin-left: -123px;} .mprojects__comp .button img{position: absolute; top: 16px; right: 20px;} .mprojects__comp a{border: none;} .mprojects__img{position: absolute; top: 20px; left: 81px; width: 543px; height: 339px;} .contacts{position: relative; padding-top: 60px;} .contacts__top{position: absolute; top: -67px; left: 50%; width: 135px; height: 135px; margin-left: -67px; text-align: center; border-radius: 70px; background: #ffffff;} .contacts__top img{margin-top: 20px;} .contacts .h1{margin-bottom: 40px; text-align: center;} .contacts__string{width: 810px; margin: 0 auto 35px; font-size: 20px; text-align: center;} .contacts__container{margin-left: -55px; margin-top: -5px;} .contacts__string{ a, span{margin-left: 55px; margin-top: 5px;} } .contacts__phone{position: relative; display: inline-block; border: none;} .contacts__phone:before{content: ''; position: absolute; left: -22px; top: 5px; width: 15px; height: 17px; background: url(/images/tpl/phone-img1.png);} .contacts__skype{position: relative; display: inline-block; border: none;} .contacts__skype:before{content: ''; position: absolute; left: -25px; top: 3px; width: 18px; height: 19px; background: url(/images/tpl/skype.png);} .contacts__viber{display: inline-block;} .contacts__mail{position: relative; display: inline-block; border: none;} .contacts__mail:before{content: ''; position: absolute; top: 7px; left: -25px; width: 22px; height: 12px; background: url(/images/tpl/mail-img1.png);} .contacts__form{width: 685px; margin: 0 auto 45px; padding: 25px; color: #ffffff; text-align: center; background: rgba(78,169,215,1); background: -moz-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,169,215,1)), color-stop(100%, rgba(38,183,193,1))); background: -webkit-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -o-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -ms-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: linear-gradient(to bottom, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); border-radius: 20px;} .contacts__form h3{font-family: MyriadProSemiBold; text-transform: uppercase;} .contacts__form p{margin-bottom: 25px;} .contacts__form .fl{width: 285px; margin-top: -20px;} .contacts__form .fr{width: 285px;} .contacts__form input{float: left; width: 100%; height: 40px; margin-top: 20px; padding-left: 15px; border: none; font-size: 16px; font-family: MyriadProRegular; border-radius: 20px; .box-shadow(inset 2px 2px 10px -3px rgba(0,0,0,1)); .box-sizing(border-box); outline: 0;} .contacts__form textarea{float: right; width: 100%; height: 100px; padding-left: 15px; padding-top: 10px; font-size: 16px; font-family: MyriadProRegular; border-radius: 20px; .box-shadow(inset 2px 2px 10px -3px rgba(0,0,0,1)); .box-sizing(border-box); overflow: hidden; resize: none;} .contacts__form button{margin-top: 20px;} .contacts__images{margin-left: -55px; margin-top: 20px; text-align: center;} .contacts__images a{display: inline-block; border: none;} .partners{margin-top: 120px; margin-bottom: 55px;} .partners h1{text-align: center;} .partners__menu{width: 100%; margin-top: 30px; text-align: center;} .partners__elem{margin-top: 70px; padding: 30px; border: 3px dotted #3cafcd;} .partners__elem--mod{margin-top: 40px;} .partners__elem--mod[data-menu=1927]{z-index: 999999;} .partners__elem--advantages{padding: 30px; border: 3px dotted rgb(60, 175, 205);} .partners__title{font-size: 24px; font-family: MyriadProSemiBold; text-align: center;} .partners__title--mod{text-align: left;} .partners__italic{margin-top: 10px; text-align: center; font-family: MyriadProItalic;} .partners__list{margin-top: 20px; margin-left: -100px;} .partners__item{float: left; width: 275px; margin-left: 100px; text-align: center;} .partners__item p{line-height: 22px;} .partners__block{display: table; width: 830px; margin: 30px auto 0;} .partners__block{ a{border: none;} .fl, .fr{display: table-cell; float: none; vertical-align: middle;} .fl{text-align: center;} .fr{position: relative; width: 550px; padding-left: 20px; line-height: 22px; .border-box();} } .partners__block--mod{ .fr p{display: inline; border-bottom: 1px solid #3CAFCD;} .fr:hover p{border-color: transparent;} .fr a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} } .partners__block img{margin-top: 5px;} .partners__bold{margin-top: 30px; text-align: center; font-family: MyriadProBold; font-size: 18px;} .partners .partners__form{display: block; width: 405px; padding: 25px 25px 30px; margin: 55px auto 0;} .partners__form textarea{width: 290px; height: 100px; margin-top: 20px; padding-left: 15px; padding-top: 10px; font-size: 16px; font-family: MyriadProRegular; border-radius: 20px; .box-shadow(inset 2px 2px 10px -3px rgba(0,0,0,1)); .box-sizing(border-box); resize: none;} .partner__logo{margin-right: 20px; margin-top: 25px;} .partners__content{margin-top: 15px; line-height: 22px;} .partners__content{ p{padding-top: 20px;} ul{ li{position: relative; margin-top: 20px; padding-left: 25px;} li:before{content: '—'; position: absolute; left: 0; top: 0;} } ol{ counter-reset: num; ul{ li:before{content: '—'; position: absolute; left: 0; top: 0; font-size: 16px; color: #000;} } } ol > li{position: relative; margin-top: 20px; padding-left: 25px;} ol > li:before{position: absolute; left: 0; top: 0; content: counter(num) '.'; counter-increment: num;font-size: 24px; color: #3cafcd;} span.no-link{border-bottom: 1px dashed #3cafcd; cursor: pointer;} span.no-link:hover{border-color: transparent;} h1,h2,h3,h4,h5,h6{margin-top: 40px; font-size: 24px; font-family: MyriadProSemiBold;} .partners__elem--mod{ h1,h2,h3,h4,h5,h6{margin-top: 0;} } .center{margin-top: 20px; text-align: center;} table{width: 100%; margin-top: 20px; border-collapse: collapse;} td, th{padding: 5px; border: 1px solid #000;} td:last-child, th:last-child{width: 150px;} } .partners__header{text-align: center;} .partners__header{ h1{display: inline; vertical-align: middle;} img{margin-right: 15px; vertical-align: middle;} } .partners__bottom{margin: 40px auto 0; line-height: 22px;} .partners__bottom .center{width: 735px; margin: 0 auto; text-align: center;} .partners__bottom_form{margin-top: 40px;} .partners__bottom_form .center{margin-bottom: 25px;} .partners__bottom_form .center b{font-size: 20px;} .pmenu__item{display: inline-block; margin-left: 10px; padding: 5px 20px; border: 2px solid transparent; color: #242424;} .pmenu__item span{border-bottom: 1px dashed #3cafcd; cursor: pointer;} .pmenu__item span:hover{border: none;} .pmenu__item:first-child{margin-left: 0;} .pmenu__item.active{border: 2px solid #3cafcd; cursor: pointer;} .pmenu__item.active span{border: none;} .rent{margin-top: 40px;} .rent__list{margin-top: 35px; margin-left: -75px;} .rent__item{position: relative; float: left; width: 200px; margin-left: 75px; text-align: center;} .rent__circle{display: inline-block; width: 70px; height: 70px; color: #ffffff; font-size: 48px; font-family: MyriadProBold; line-height: 70px; background: #3cafcd; border-radius: 40px;} .rent__item p{margin-top: 10px; line-height: 23px;} .rent__rectangle{display: none; width: 4px; margin: 5px auto; background: #b1dfeb;} .rent__rectangle--long{height: 30px;} .rent__rectangle--short{height: 15px;} .rent__table{width: 100%; margin-top: 20px;} .rtable__item{float: left; width: 183px; height: 215px; padding: 20px 10px 20px; text-align: center; border: 1px solid #b1dfeb;} .rtable__img{display: table; height: 100px; width: 100%; margin-bottom: 10px;} .rtable__container{display: table-row;} .rtable__vertical{display: table-cell; vertical-align: middle;} .rtable__item p{margin-top: 40px; margin-bottom: 15px;} .projects{margin-top: 105px; margin-bottom: 50px;} .projects h1{text-align: center;} .projects__menu{text-align: center;} .projects__mitem{display: inline-block; margin-top: 20px; margin-left: 40px; padding: 5px 15px; border: 2px solid #3cafcd; cursor: pointer;} .projects__mitem:first-child{margin-left: 0;} .projects__mitem:hover{border: 2px solid transparent; background: #3cafcd; color: #ffffff;} .projects__mitem.active{border: 2px solid transparent; background: #3cafcd; color: #ffffff;} .projects__list{width: 1000px; min-height: 645px; margin: 20px auto 0; text-align: center;/* perspective: 10000px;*/} .projects__container{position: relative; float: left; width: 250px; height: 250px; color: #ffffff; transform-style: preserve-3d;} .projects__front, .projects__back{position:absolute; top: 0; left: 0; width:250px; height:250px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;} .projects__front{.transform(rotateY(0deg)); .transition(1s); transform-style: preserve-3d;} .projects__front img{width: 100%;} .projects__back{background: #3cafcd; .transform(rotateY(-180deg)); .transition(1s); transform-style: preserve-3d; color: #ffffff;} .projects__back span{text-decoration: underline;} .projects__back span:hover{text-decoration: none;} .projects__container:hover .projects__back{.transform(rotateY(0deg)); .transition(1s); transform-style: preserve-3d;} .projects__container:hover .projects__front{.transform(rotateY(180deg)); .transition(1s); transform-style: preserve-3d;} .projects__title{margin-bottom: 10px; font-size: 18px; font-family: MyriadProSemibold;} .projects__back p{margin-bottom: 20px;} .projects__back a{color: #ffffff; border: none; text-decoration: underline;} .projects__back a:hover{text-decoration: none;} .projects__item .table{height: 100%; width: 220px; margin: 0 auto;} .projects__item .cell{vertical-align: middle;} .projects__bottom{margin-top: 30px; text-align: center;} .process{margin-top: 105px; margin-bottom: 50px; overflow: hidden;} .process h1{width: 580px; margin: 0 auto 20px; text-align: center;} .process__top{width: 830px; margin: 0 auto 35px; text-align: center; line-height: 22px; font-family: MyriadProItalic;} .process__title{position: relative; width: 100%; margin-top: 5px; line-height: 36px; text-align: center; text-transform: uppercase; font-size: 14px; background: #b1dfeb;} .process__circle{position: absolute; left: 50%; top: -8px; width: 15px; height: 15px; margin-left: -8px; line-height: 15px; text-align: center; border-radius: 10px; background: #ffffff;} .process__circle div{display: inline-block; width: 9px; height: 9px; border-radius: 6px; background: #b1dfeb;} .process__content{position: relative; width: 100%; padding: 35px 50px 0; margin-top: 20px; margin-bottom: 40px; .box-sizing(border-box); text-align: center; color: #ffffff; background: #3cafcd;} .process__number{position: absolute; top: -15px; left: 50%; width: 30px; height: 30px; margin-left: -17px; border: 2px solid #3cafcd; border-radius: 20px; font-size: 24px; font-family: MyriadProBold; color: #3cafcd; line-height: 30px; background: #ffffff;} .process__name{margin-bottom: 20px; font-size: 18px; font-family: MyriadProItalic;} .process__text{height: 0; padding-left: 5px; text-align: left; overflow: hidden;} .process__content span{font-family: MyriadProItalic; text-decoration: underline; cursor: pointer;} .process__content span:hover{text-decoration: none;} .process__bottom{position: absolute; left: 0; bottom: -37px; width: 100%; height: 37px; background: url(/images/tpl/process-arrow.png); background-position-x: -5px;} .process__rectangle{width: 5px; height: 40px; margin: 0 auto 5px; background: #b1dfeb;} .process__rectangle--first{height: 10px;} .process__line{position: absolute; right: -40px; top: 18px; bottom: 175px; width: 2px; background: #b1dfeb;} .process__hide{display: none;} .process__arrow{position: absolute; top: 50%; right: -38px; width: 24px; height: 9px; margin-top: -4px; background: url(/images/tpl/process-arrow1.png);} .process__arrow--last{width: 24px; height: 2px; margin-top: -3px; background: #b1dfeb;} .process__list1 li{position: relative; margin-bottom: 10px; padding-left: 20px;} .process__list1 li:before{position: absolute; content: ''; left: 0; top: 8px; width: 4px; height: 4px; background: url(/images/tpl/circle.png);} .process__list2 li{position: relative; margin-bottom: 10px; padding-left: 20px;} .process__list2 li:before{position: absolute; content: ''; left: -5px; top: 5px; width: 16px; height: 16px; background: url(/images/tpl/li-img.png);} .project{width: 760px; margin: 80px auto 35px;} .project p, .project li{line-height: 22px;} .project__logo{text-align: center;} .project__top{margin-top: 10px; text-align: center;} .project__content{margin-top: 10px; margin-bottom: 40px;} .project__content .button{margin-top: 20px;} .project__content_top{margin-top: 20px;} .project__content_left{float: left; font-size: 18pt;} .project__content_right{float: right;} .project__content_right span{font-size: 20pt;} .project__content_right .button{margin-left: 20px; margin-top: 0; vertical-align: top;} .project__header{height: 75px; margin-bottom: 10px; text-align: center; font-size: 18px; overflow: hidden; vertical-align: middle;} .project__header b{display: inline-block; width: 99%; vertical-align: middle;} .project__block{margin-bottom: 10px;} .project{ .fl, .fr{width: 345px; .box-sizing(border-box);} li{position: relative; margin-bottom: 10px; padding-left: 10px;} li:before{content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: url(/images/tpl/li-img1.png);} } .project__title{margin-bottom: 20px; text-align: center; font-size: 18px; font-family: MyriadProSemibold;} .project__title img{height: 55px; margin: 0 10px; vertical-align: middle;} .project__center{width: 540px; margin: 0 auto 35px; text-align: center;} .project__center .fr{display: inline-block; float: none; width: auto; margin-top: 10px; text-align: left;} .project__center img{display: block; margin: 0 auto;} .project__center b{font-family: MyriadProSemiBold;} .project__center .fl{width: auto;} .project__center p{margin-top: 5px;} .project__container{margin-left: -15px; text-align: center;} .project__image{display: inline-block; width: 240px; margin-top: 15px; margin-left: 15px; vertical-align: top;} .project__image img{cursor: pointer;} .project__image img:hover{opacity: 0.8;} .project__image a{border: none;} .project__arrows{width: 485px; margin: 45px auto 0;} .project__arrows--mod{width: 100%;} .project__arrows a:hover span{color: #ef6d34; .transition(0.2s);} .project__arrows .fl, .project__arrows .fr{width: auto; cursor: pointer;} .project__arrows .fr img{margin-left: 10px;} .project__arrows .fl img{margin-right: 10px;} .project__arrows .fl a{border: none;} .vacancies, .partner{margin-top: 120px; margin-bottom: 30px;} .vacancies h1, .partner h1{text-align: center;} .vacancies__content, .partner__content{width: 665px; margin-top: 19px;} .vacancies__content p, .vacancies__content li, .partner__content p, .partner__content li{line-height: 22px;} .vacancies__title, .partner__title{font-size: 24px; font-family: MyriadProSemiBold;} .vacancies__content ul, .vacancies__content p, .partner__content ul, .partner__content p{margin-top: 10px;} .vacancies__content p:last-child{margin-top: 20px; font-family: MyriadProSemiBold;} .vacancies__content li, .partner__content li{position: relative; margin-bottom: 10px; padding-left: 10px;} .vacancies__content li:before, .partner__content li:before{content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: url(/images/tpl/li-img2.png);} .footer .wrapper{border-top: 2px solid #3cafcd; line-height: 45px;} .footer img{position: relative; top: 3px; margin-left: 5px;} .footer__link{margin-left: 10px;} .popup{position: absolute; top: 100px; left: 50%; display: none; margin-left: -210px; padding: 50px 55px 35px; width: 310px; text-align: center; color: #ffffff; background: rgba(78,169,215,1); background: -moz-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,169,215,1)), color-stop(100%, rgba(38,183,193,1))); background: -webkit-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -o-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -ms-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: linear-gradient(to bottom, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); border-radius: 10px; z-index: 12;} .partners__form{padding: 50px 55px 35px; width: 310px; margin: 0 auto; text-align: center; color: #ffffff; background: rgba(78,169,215,1); background: -moz-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,169,215,1)), color-stop(100%, rgba(38,183,193,1))); background: -webkit-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -o-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: -ms-linear-gradient(top, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); background: linear-gradient(to bottom, rgba(78,169,215,1) 0%, rgba(38,183,193,1) 100%); border-radius: 10px;} .popup__title{text-align: center; text-transform: uppercase; font-size: 24px; font-family: MyriadProSemibold; color: #ffffff;} .popup input, .partners__form input{width: 290px; height: 40px; margin-top: 20px; padding-left: 15px; border: none; font-size: 16px; font-family: MyriadProRegular; border-radius: 20px; .box-shadow(inset 2px 2px 10px -3px rgba(0,0,0,1)); .box-sizing(border-box); outline: 0;} .popup input:invalid { box-shadow: none !important; border: 2px solid #FF3333 !important; } .popup button, .partners__form button{margin-top: 20px;} .popup__close{position: absolute; top: 15px; right: 20px; width: 23px; height: 22px; background: url(/images/tpl/popup-close.png); cursor: pointer;} .popup__content{display: none; text-align: center;} .popup__content.active{display: block;} .popup--luck .popup__title{margin-bottom: 10px;} .popup-bg{position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; z-index: 11; cursor: pointer;} .left, .right{display: none;} .owl-controls{display: none;} .not_field{box-shadow:none!important; border: 2px solid #FF3333!important;} .code_blocks{position: absolute; top: 0; left: 0; width: 100%;} .code_blocks img{position: absolute;} .preloader{position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; text-align: center; color: #ffffff; z-index: 100; background: rgba(73,161,212,1); background: -moz-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,161,212,1)), color-stop(100%, rgba(41,173,194,1))); background: -webkit-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -o-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -ms-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: linear-gradient(to bottom, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%);} .preloader.active{display: none;} .preloader--mod.active{display: block;} .preloader--mod .preloader__center{height: 310px; margin-top: -155px;} .preloader__center{position: absolute; top: 50%; left: 50%; width: 770px; height: 475px; margin-left: -385px; margin-top: -237px;} .preloader h1{font-size: 42px; font-family: MyriadProBold;} .preloader__h3{margin-bottom: 10px; font-family: MyriadProSemiBoldItalic;} .preloader__top{margin-bottom: 60px; font-family: MyriadProBold;} .preloader p{font-size: 20px; font-family: MyriadProSemiBoldItalic;} .preloader__img{margin-bottom: 40px;} .preloader__bottom{width: 770px; margin: 25px auto 0;} .preloader a, .preloader span{display: inline-block; font-size: 20px; border: none; color: #ffffff;} .preloader a{position: relative; padding-left: 25px;} .preloader__phone:before{content: ''; position: absolute; left: 0; bottom: 5px; width: 10px; height: 10px; background: url(/images/tpl/preload-phone.png);} .preloader__skype:before{content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 19px; background: url(/images/tpl/preload-skype.png);} .preloader__load{position: absolute; top: 311px; left: 270px; width: 0; height: 8px; border-radius: 10px; background: url(/images/tpl/loader.jpg); background-repeat: repeat-x;} .preloader__percent{position: absolute; top: -30px; right: -18px; width: 37px; height: 24px; font-size: 13px; color: #ef6d34; font-family: MyriadProBold; text-align: center; background: url(/images/tpl/preload-percent.png);} .preloader__percent span{font-size: 13px;color: #ef6d34;} .error{position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: 530px; text-align: center; color: #ffffff; overflow: hidden; background: rgba(73,161,212,1); background: -moz-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,161,212,1)), color-stop(100%, rgba(41,173,194,1))); background: -webkit-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -o-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: -ms-linear-gradient(top, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%); background: linear-gradient(to bottom, rgba(73,161,212,1) 0%, rgba(41,173,194,1) 100%);} .error__center{position: absolute; top: 50%; left: 50%; width: 655px; height: 530px; margin-left: -327px; margin-top: -265px;} .error h1{font-size: 42px; font-family: MyriadProBold;} .error__img{position: relative;} .error__text{position: absolute; top: 50%; width: 100%; margin-top: -100px; font-size: 100px; font-family: MyriadProSemiBold;} .error .preloader__h3{margin-top: 25px;} .error a{color: #ffffff;} .owl-controls{display: none!important;} div.pp_pic_holder a{border-bottom: 0;} .project .button__container{margin-top: 30px; text-align: center;} .project--solution { .button__container{position: fixed; left: 50%; bottom: 0; margin-left: 400px; margin-top: 0; padding-bottom: 100px; text-align: center; z-index: 1;} .button__container_outer{position: relative; width: 100%; height: 145px;} .button__container.active{position: absolute; right: -266px;} .project__arrows--mod .fl{position: relative; z-index: 1;} } .chains{position: absolute; left: 0; right: 0; top: 80px; font-family: MyriadProItalic;} .chains a{color: #3CAFCD;} .chains__separator{display: inline-block; padding: 0 5px;} .helper{display: inline-block; width: 0; height: 100%; margin-right: -0.2em; vertical-align: middle;} .faces{margin-top: 60px;} .faces__list{margin-left: -110px; text-align: center;} .faces__item{display: inline-block; width: 260px; margin-left: 110px; margin-top: 40px; vertical-align: top; cursor: pointer;} .faces__img{display: inline-block; width: 220px; height: 220px; border: 2px solid #3cafcd; border-radius: 110px; overflow: hidden; .border-box();} .faces__img_border{width: 100%; height: 100%; border: 2px solid #fff; border-radius: 110px; .border-box;} .faces__content{margin-bottom: 20px; padding-top: 5px; text-align: left;} .faces__content p{padding-top: 5px;} #popup6 textarea{width: 290px; max-width: 100%; height: 100px; margin-top: 20px; padding-left: 15px; padding-top: 10px; font-size: 16px; font-family: MyriadProRegular; border-radius: 20px; .box-shadow(inset 2px 2px 10px -3px rgba(0,0,0,1)); .box-sizing(border-box); overflow: hidden; resize: none;} @media screen and (max-width: 1100px) { .preloader{display: none;} .preloader--mod{display: block;} } .company{margin-top: 50px;} .company .wrapper{max-width: 100%; padding: 0; border: none;} .company__slider{position: relative;} .company__list{width: 100%; max-width: 845px; margin: 0 auto;} .company__item{position: relative; display: inline-block; height: 70px; .transition(0.3s);} .owl-carousel .company__item{ img{display: inline-block; width: auto; max-height: 70px; max-width: 90%; vertical-align: middle;} a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: none;} } .company__item:hover{background: rgba(60, 175, 205, 0.3);} .company__list .owl-item{text-align: center;} .company__slider_bleft, .company__slider_bright{position: absolute; left: 0; top: 50%; width: 67px; height: 67px; margin-top: -33px; background: url(/images/tpl/slider-left.png); cursor: pointer; .user-select(none);} .company__slider_bright{left: auto; right: 0; .rotate(180deg);} .owl-dot{display: inline-block;} .owl-dot span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #3CAFCD; } .owl-dot.active span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-dot:hover span{ background: #EF6D34; opacity: 1; filter: Alpha(Opacity=100); }