body {
    font-family:'museo_sans';
    font-size:13px;
    color:#71787e;
    font-weight:300;
}

h2 {
    font-size:30px;
    font-weight:bold;
    font-family:'roboto_slab';
    color:#000000;
    text-align:center;
    margin-bottom:45px;
}

.gr-promo {
    background:url(../img/promo.png) center center no-repeat;
    background-size:cover;
    min-height:582px;
}

.gr-promo .gr-wrapper {
    position:relative;
}

.promo-img {
    position:absolute;
    right:40px;
    bottom:-115px;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

.gr-wrapper {
    width:1100px;
    margin:0 auto;
}

.gr-logo {
    padding-top:5px;
}

.gr-nav,
.gr-logo,
.gr-search {
    float:left;
}

.gr-search input {
    border:none;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    background:none;
    outline:none;
    /*    color:rgba(255, 255, 255, 0.3);*/
    color:#fff;
    font-size:14px;
    width:552px;
    padding:5px 0;
}

.gr-search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
}

.gr-search input::-moz-placeholder {
    /* Firefox 19+ */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
}

.gr-search input:-ms-input-placeholder {
    /* IE 10+ */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
}

.gr-search input:-moz-placeholder {
    /* Firefox 18- */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
}

.gr-search {
    margin-left:95px;
    position:relative;
}

.gr-search .search-btn{
    background:url(../img/search-icon.png) center center no-repeat;
    width:15px;
    height:18px;
    position:absolute;
    right:3px;
    bottom:9px;
    cursor:pointer;
    outline:none;
    border:none;
}

.gr-nav {
    padding-top:35px;
    margin-left:95px;
    margin-bottom:35px;
}

.gr-header-phone {
    float:right;
    padding-top:35px;
}

.gr-header-phone span {
    display:block;
    font-size:21px;
    color:#ffffff;
    margin-bottom:20px;
}

.gr-btn {
    background:#0265aa;
    cursor:pointer;
    color:#fff;
    font-size:14px;
    height:40px;
    line-height:40px;
    display:inline-block;
    background-image:url(../img/btn-icon.png);
    background-repeat:no-repeat;
    background-position:center right 9px;
    width:180px;
    border-radius:3px;
    padding-left:12px;
    transition:all 0.25s;
    border:none;
    text-align:left;
}

.gr-btn:hover {
    text-decoration:none;
    color:#fff;
    background-color:#0b7dcc;
}

.gr-nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

.gr-nav ul li {
    display:inline-block;
    margin-right:35px;
}

.gr-nav ul li:last-child {
    margin-right:0;
}

.gr-nav ul li a,
.gr-nav ul li a:hover,
.gr-nav ul li a:focus {
    font-family:'roboto_slab';
    font-size:17px;
    font-weight:700;
    color:#ffffff;
    position:relative;
    text-decoration:none;
}

.gr-nav ul li a:after {
    content:"";
    width:100%;
    height:1px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
}

.promo-content {
    width:550px;
    padding-top:80px;
}

.promo-content h4 {
    font-family:'roboto_slab';
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin-bottom:35px;
    line-height:1.3em;
}

ul.list {
    margin:0;
    padding:0;
    list-style:none;
}

ul.list li {
    color:#fff;
    font-size:17px;
    padding-left:40px;
    background:url(../img/list-icon.png) top 4px left no-repeat;
    margin-bottom:30px;
}


/*О нас*/

.gr-about {
    padding-top:80px;
}

.about-item {
    float:left;
    width:50%;
}

.about-item h4 {
    color:#000000;
    font-size:16px;
    line-height:1.5em;
    margin-bottom:25px;
    max-width:505px;
}

.about-item p {
    font-size:13px;
    line-height:1.84em;
    color:#71787e;
    max-width:505px;
    float:right;
}


/*Форма обратной связи*/

.gr-feedback {
    background:#3a4f63;
    padding:50px 40px;
}

.feedback-phone {
    float:right;
}

.feedback-title {
    float:left;
    margin-bottom:50px;
}

.feedback-title h3 {
    font-size:30px;
    font-weight:bold;
    color:#fff;
    font-family:'roboto_slab';
}

.feedback-phone p {
    margin-bottom:0;
    color:#fff;
    font-size:16px;
    line-height:1.42em;
}

.feedback-phone p span {
    font-size:21px;
    margin-left:44px;
}

/*.feedback-form {
    border:none;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    background:none;
    outline:none;
    color:#fff;
    font-size:14px;
    width:280px;
    padding:5px 25px;
    margin-right:55px;
}*/

.feedback-form input.input-user {
    background:url(../img/user-icon.png) center left no-repeat;
    border:none;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    outline:none;
    color:#fff;
    font-size:14px;
    width:280px;
    padding:5px 25px;
    margin-right:55px;
}

.feedback-form input.input-phone {
    background:url(../img/phone-icon-2.png) center left no-repeat;
    border:none;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    outline:none;
    color:#fff;
    font-size:14px;
    width:280px;
    padding:5px 25px;
    margin-right:55px;
}

.feedback-form input.input-email {
    background:url(../img/email-icon-2.png) center left no-repeat;
    border:none;
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    outline:none;
    color:#fff;
    font-size:14px;
    width:280px;
    padding:5px 25px;
    margin-right:55px;
}

.feedback-form input:last-child {
    margin-right:0;
}

.feedback-form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
    font-weight:300;
}

.feedback-formt::-moz-placeholder {
    /* Firefox 19+ */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
    font-weight:300;
}

.feedback-form input:-ms-input-placeholder {
    /* IE 10+ */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
    font-weight:300;
}

.feedback-form input:-moz-placeholder {
    /* Firefox 18- */
    color:rgba(255, 255, 255, 0.3);
    font-family:'museo_sans';
    font-weight:300;
}

.feedback-btn span {
    font-style:italic;
    color:#fff;
    font-size:13px;
    margin-left:40px;
}
.feedback-btn{
    margin-top:50px;
}

/*Услуги*/

.gr-services {
    padding-top:40px;
    padding-bottom:75px;
}

.services-item {
    float:left;
    width:50%;
}

.services-item p {
    font-size:13px;
    line-height:1.84em;
    /*color:#71787e;*/
    color:#35383b;
    max-width:505px;
}


/*
.services-item.item1 {
    border-right:1px solid #dce5ed;
}
*/

.services-item ul.list li {
    color:#000000;
    font-size:16px;
    font-weight:400;
    margin-bottom:25px;
    line-height:1.5em;
    max-width:505px;
}

.services-item ul.list li:last-child {
    margin-bottom:0;
}

.text1 {
    padding-left:45px;
    padding-top:40px;
    padding-bottom:40px;
}

.text2 {
    padding-top:40px;
    padding-bottom:40px;
}

.services-project {
    border-top:1px solid #dce5ed;
    border-right:1px solid #dce5ed;
}

.text2 {
    border-right:1px solid #dce5ed;
}

.services-item h4 {
    position:relative;
    top:-13px;
    display:inline-block;
    font-size:20px;
    line-height:1.25em;
    font-weight:bold;
    font-family:'roboto_slab';
    color:#0265aa;
    margin-bottom:30px;
}

.services-item h4 span {
    display:inline-block;
    position:relative;
    background:#fff;
    padding-right:20px;
    padding-bottom:3px;
}

.services-item h4:after {
    position:absolute;
    right:-10px;
    width:10px;
    height:10px;
    background:#0265aa;
    content:"";
    border-radius:50%;
    top:8px;
}

.services-item h4:before {
    position:absolute;
    right:-42px;
    width:76px;
    height:76px;
    border:2px solid #0265aa;
    content:"";
    border-radius:50%;
    top:-24px;
}

.services-montag {
    border-top:1px solid #dce5ed;
    border-right:1px solid #dce5ed;
    padding-bottom:80px;
}

.services-project {
    padding-bottom:80px;
}

.services-servis {
    border-top:1px solid #dce5ed;
}

.text2-1 {
    padding-bottom:140px;
}

.text2-2 {
    padding-bottom:60px;
    padding-top:5px;
}

.services-postavka {
    border-top:1px solid #dce5ed;
    padding-bottom:215px;
}

.services-item h4.left {
    float:right;
    top:-14px;
}

.services-item h4.left span {
    padding:2px 0 1px 20px;
}

.services-item h4.left:after {
    left:-10px;
    right:auto;
}

.services-item h4.left:before {
    left:-42px;
    right:auto;
}

.services-postavka .text1 {
    padding-top:330px;
}

.text1-1 {
    padding-bottom:95px;
}

.services-pusk {
    border-top:1px solid #dce5ed;
}

.services-pusk ul {
    padding-top:25px;
}

h3.title {
    text-align:center;
    font-family:'roboto_slab';
    font-weight:bold;
    font-size:20px;
    color:#000000;
    line-height:1.3em;
    margin-bottom:40px;
}

h3.title span {
    display:block;
    font-size:16px;
    font-weight:400;
    font-family:'museo_sans';
    line-height:1.625em;
}


/*Этапы*/

.gl-steps {
    padding-top:50px;
}

.steps-list {
    border:1px solid #dce5ed;
    border-left:none;
    height:240px;
    margin-bottom:205px;
}

.steps-item {
    display:inline-block;
    width:180px;
    vertical-align:top;
}

.steps-item p {
    font-size:16px;
    color:#000000;
    font-weight:500;
    line-height:1.5em;
}

.steps-item h4 {
    display:inline-block;
    background:#fff;
    font-size:40px;
    font-weight:bold;
    font-family:'roboto_slab';
    color:#0265aa;
    position:relative;
    margin-top:-21px;
    margin-bottom:20px;
}

.steps-item h4 span {
    display:inline-block;
    background:#fff;
    position:relative;
    width:45px;
    padding-right:5px;
    text-align:center;
}

.steps-item h4:after {
    position:absolute;
    right:-10px;
    width:10px;
    height:10px;
    background:#0265aa;
    content:"";
    border-radius:50%;
    top:16px;
}

.steps-item h4:before {
    position:absolute;
    left:15px;
    width:70px;
    height:70px;
    border:1px solid #0265aa;
    content:"";
    border-radius:50%;
    top:-15px;
}

.steps-item:nth-child(n+7){
    margin-top:108px;
}

.gl-steps h3 {
    margin-bottom:85px;
}


/*Сертификаты*/

.sertif-item {
    display:inline-block;
    width:275px;
    text-align:center;
    margin:0 50px;
}

.sertif-item p {
    color:#000;
    font-size:14px;
    font-weight:500;
    line-height:1.24em;
}

.sertif-item a {
    outline:none;
    display:inline-block;
    position:relative;
}

.sertif-list {
    text-align:center;
}

.sertif-item img {
    margin-bottom:30px;
}

.sertif-item img.plus {
    position:absolute;
    top:145px;
    left:95px;
}

.gl-sertif {
    padding-bottom:30px;
}


/* Карта */

.gr-map {
    position:relative;
    background:#ccc;
    padding-top:500px;
}

.gr-map #map {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.gr-map #map:after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    background:linear-gradient(to bottom, transparent, #e4edf4);
}

.gr-map .gr-wrapper {
    position:relative;
}


/* Контакты */

.gr-contacts {
    background:#fff;
    padding:40px;
    padding-top:80px;
    padding-bottom:50px;
}

.contacts-item {
    float:left;
    padding-left:30px;
}

.contacts-item.item1 {
    background:url(../img/map-icon-1.png) left top no-repeat;
    margin-right:70px;
}

.contacts-item.item2 {
    background:url(../img/email-icon-1.png) left top no-repeat;
    margin-right:180px;
}

.contacts-item.item3 {
    background:url(../img/phone-icon-1.png) left top no-repeat;
}

.contacts-item p {
    margin-bottom:0;
    font-size:17px;
    font-weight:400;
    color:#000000;
}

.contacts-item p span {
    font-size:14px;
    color:#71787e;
}

.contacts-item a,
.contacts-item a:hover,
.contacts-item a:focus {
    margin-bottom:0;
    font-size:17px;
    font-weight:400;
    color:#000000;
    text-decoration:none;
    position:relative;
}

.contacts-item a:after {
    content:'';
    position:absolute;
    height:2px;
    width:100%;
    background:#67a3cc;
    bottom:-2px;
    left:0;
}


/* Футер */

.gr-footer {
    padding:20px 0;
}

.gr-footer:after {
    content:'';
    display:table;
    clear:both;
}

.gr-footer p {
    margin:0;
}

.gr-copy {
    float:left;
	line-height:38px;
}

.gr-dev {
    float:right;
}

.gr-dev a {
    margin-left:7px;
}


/*Клиенты*/

.gl-client {
    padding-bottom:80px;
    padding-top:20px;
}

.client-slider ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:0;
}

.client-slider ul li {
    display:inline-block;
    width:217px;
    text-align:center;
    vertical-align:top;
    border:1px solid #e4ebf1;
    font-size:0;
    min-height:200px;
    padding-top:15px;
}

.client-slider ul li img {
    max-width:165px;
    margin:0 auto;
    margin-bottom:5px;
    /*filter:grayscale(100%);*/
}
.client-slider ul li:hover img{
	filter:grayscale(0%);
	cursor:pointer;
}

.client-slider ul li p {
    color:#000;
    font-weight:400;
    font-size:14px;
    margin-bottom:0;
    line-height:1.24em;
}

.client-slider {
    position:relative;
}

.owl-dots {
    position:absolute;
    right:87px;
    bottom:94px;
}

.client-slider .owl-dot {
    width:10px;
    height:10px;
    background:#d1dde7;
    border-radius:50%;
    display:inline-block;
    margin:0 8px;
}

.client-slider .owl-dot.active {
    background:#0265aa;
}

.client-slider .owl-prev {
    position:absolute;
    background:url(../img/prev-icon.png) center center no-repeat;
    height:15px;
    width:32px;
    right:172px;
    bottom:97px;
}

.client-slider .owl-next {
    position:absolute;
    background:url(../img/next-icon.png) center center no-repeat;
    height:15px;
    width:32px;
    right:42px;
    bottom:97px;
}