@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,800&subset=cyrillic');

html, body { height: 100%; min-width: 1200px; padding: 0; margin: 0; }

body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5em; color: #40395b; font-weight: 400; }

a { color: #2a3f65; text-decoration: underline; }

.wrapper { width: 960px; margin: 0 auto; position: relative; }

.row { font-size: 0; }
.col, 
.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11, 
.col-12 { font-size: 16px; box-sizing: border-box; padding: 0 10px; display: inline-block; vertical-align: top; }
.col-1 { width: 8.33333%; }
.col-2 { width: 16.66666%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66666%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66666%; }
.col-12 { width: 100%; }

.text-center { text-align: center; }
.text-right { text-align: right; }

.f-30 { font-size: 30px; line-height: 1.5em; }

h1, .h1 { text-align: left; font-size: 36px; line-height: 1.2em; font-weight: 300; margin: 0 0 1em; color: #2a3f65; position: relative; }
h1 i, .h1 i { border-bottom: 2px solid #2a3f65; font-style: normal; }

p { margin: 1em 0; }

.header { background: url(../images/banner01.jpg) center top no-repeat; background-size: cover; min-height: 209px; }
.header:before { content: " "; display: block; z-index: 1; height: 65px; width: 50%; position: absolute; right: 0; top: 66px; background: #758abb; }
.header .logo { position: absolute; left: 10px; top: 0; height: 209px; width: 175px; text-align: center; box-sizing: border-box; }
.header .menu { height: 65px; line-height: 65px; font-size: 16px; left: 230px; position: absolute; right: 0; top: 66px; z-index: 2; }
.header .menu ul { list-style: none; margin: 0; padding: 0 8px; background: #758abb; }
.header .menu ul li { display: inline-block; padding: 0 8px; }
.header .menu a { color: #ffffff; text-decoration: none; text-transform: uppercase; }
.header .contacts { height: 66px; line-height: 66px; padding-right: 10px; text-align: right; color: #fff; }
.header .contacts a { color: #fff; text-decoration: none; }
.header .contacts .email { display: inline-block; }
.header .contacts .phone { display: inline-block; margin-left: 45px; font-weight: 700; }

.screen-header { color: #fff; text-align: center; padding-top: 300px; padding-bottom: 200px; }
.screen-header .title { font-size: 48px; line-height: 48px; position: relative; margin-bottom: 80px; font-weight: 700; }
.screen-header .title:after { content: " "; display: block; width: 320px; border-top: 1px solid #fff; position: absolute; left: 50%; margin-left: -160px; bottom: -40px; }
.screen-header .desc { font-size: 26px; line-height: 36px; margin: 0 50px; }

.screen-services { background: url(../images/service-bg.png) center center no-repeat #7f95ca; background-size: contain; padding: 50px 0; }
.screen-services ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.screen-services ul li { display: inline-block; width: 50%; box-sizing: border-box; padding: 0 50px; margin: 20px 0; }
.screen-services ul li:before { content: " "; display: inline-block; width: 60px; height: 60px; vertical-align: middle; background: url(../images/service-ico.png) 0 0; margin-right: 30px; }
.screen-services ul li a { display: inline-block; vertical-align: middle; width: 260px; font-size: 16px; line-height: 24px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600; }

.screen-services ul li:nth-child(1):before { background-position: 0px 0px; }
.screen-services ul li:nth-child(2):before { background-position: -240px 0px; }
.screen-services ul li:nth-child(3):before { background-position: -60px 0px; }
.screen-services ul li:nth-child(4):before { background-position: -300px 0px; }
.screen-services ul li:nth-child(5):before { background-position: -120px 0px; }
.screen-services ul li:nth-child(6):before { background-position: -360px 0px; }
.screen-services ul li:nth-child(7):before { background-position: -180px 0px; }

.screen-services ul li:hover a { color: #2a3f65; }
.screen-services ul li:hover:nth-child(1):before { background-position: 0px -60px; }
.screen-services ul li:hover:nth-child(2):before { background-position: -240px -60px; }
.screen-services ul li:hover:nth-child(3):before { background-position: -60px -60px; }
.screen-services ul li:hover:nth-child(4):before { background-position: -300px -60px; }
.screen-services ul li:hover:nth-child(5):before { background-position: -120px -60px; }
.screen-services ul li:hover:nth-child(6):before { background-position: -360px -60px; }
.screen-services ul li:hover:nth-child(7):before { background-position: -180px -60px; }

.screen-main { padding: 60px 0; }

.news { font-size: 0; margin: 0 -20px; }
.news .item { padding: 0 20px; font-size: 16px; width: 50%; box-sizing: border-box; display: inline-block; vertical-align: top; }
.news .item .date { font-size: 12px; background: #2a3f65; color: #fff; height: 23px; line-height: 23px; width: 60px; text-align: center; float: left; border-right: 3px solid #7f95ca; border-bottom: 3px solid #7f95ca; position: relative; }
.news .item .date:before, .news .item .date:after { content: " "; display: block; width: 3px; height: 3px; position: absolute; background: #fff; }
.news .item .date:before { top: 0; right: -3px; }
.news .item .date:after { left: 0; bottom: -3px; }
.news .item .name { font-size: 18px; margin-left: 80px; height: 100px; line-height: 25px; overflow: hidden; margin-bottom: 10px; }
.news .item .image { margin-bottom: 25px; }


.screen-dp { background: url(../images/img01.png) right bottom no-repeat, url(../images/about-bg.png) center top no-repeat #2a3f65; padding: 110px 0 10px; }

.screen-dp ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.screen-dp ul li { display: block; width: 100%; box-sizing: border-box; padding: 0 50px; margin: 5px 0; }
.screen-dp ul li:before { content: " "; display: inline-block; width: 64px; height: 64px; vertical-align: middle; background: url(../images/about-ico.png) 0 0; margin-right: 30px; }
.screen-dp ul li b,
.screen-dp ul li span { display: inline-block; vertical-align: middle; width: 300px; font-size: 16px; line-height: 24px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 400; }

.screen-dp ul li:nth-child(1):before { background-position: 0px 0px; }
.screen-dp ul li:nth-child(2):before { background-position: 0px -64px; }
.screen-dp ul li:nth-child(3):before { background-position: 0px -128px; }
.screen-dp ul li:nth-child(4):before { background-position: 0px -192px; }


.screen-sum { text-align: center; padding: 30px 0; }
.screen-sum .item { display: inline-block; vertical-align: top; width: 218px; padding: 30px; }
.screen-sum .item .num { font-size: 36px; color: #2a3f65; height: 218px; line-height: 218px; text-align: center; background: url(../images/circle01.png); margin-bottom: 30px; }

.screen-sum .item:nth-child(1) .num { background: url(../images/circle01.png) center center no-repeat; }
.screen-sum .item:nth-child(2) .num { background: url(../images/circle02.png) center center no-repeat; }
.screen-sum .item:nth-child(3) .num { background: url(../images/circle03.png) center center no-repeat; }

.screen-clients { margin-bottom: 60px; }
.screen-clients .wrapper { border-top: 1px solid #2a3f65; padding-right: 180px; box-sizing: border-box; }
.screen-clients .clients { display: table; width: 100%; height: 70px; }
.screen-clients .clients .client-item { display: table-cell; vertical-align: middle; width: 25%; height: 70px; }
.screen-clients .buttons { border: 1px solid #2a3f65; height: 70px; width: 168px; line-height: 70px; text-align: center; position: absolute; right: 0; top: -1px; }

.screen-default { padding: 40px 0; min-height: 400px; }
.screen-default .wrapper { padding: 0 10px; box-sizing: border-box; }

.footer { background: url(../images/footer-bg.jpg) left top; background-size: cover; padding: 30px 0 20px; }
.footer a { color: #fff; text-decoration: none; }
.footer .navi ul { list-style: none; padding: 0; margin: 0; font-size: 0; }
.footer .navi ul li { margin: 0; padding: 0; width: 50%; box-sizing: border-box; padding-left: 50px; font-size: 14px; display: inline-block; }
.footer .navi ul li a { color: #fff; text-decoration: none; }
.footer .contacts,
.footer .social { text-align: right; padding-right: 80px; }
.footer .tel { font-size: 16px; color: #fff; font-weight: 700; }
.footer .email { font-size: 14px; color: #fff; font-weight: 400; }
.footer .copyright { font-size: 14px; color: #fff; font-weight: 300; line-height: 16px; padding-top: 16px; }