@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Medium.woff') format('woff'), 
  url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Regular.woff') format('woff'), 
  url('../fonts/Roboto-Regular.ttf')  format('truetype'), 
  url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf')  format('truetype'), 
  url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/Roboto-Bold.woff') format('woff'), 
  url('../fonts/Roboto-Bold.ttf')  format('truetype'), 
  url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


*, html, body {
    margin:0;
    padding:0;
}
html {width:100%;overflow-x:hidden;}
a img {border:none;}
input, button {outline:none;}
body {width:100%;overflow-x:hidden;font-family: 'Roboto-Regular';}
.wrapper {width:1140px;margin:0 auto;}
header {position:relative;height:116px;background:#fff;}
header:after {display:block;content:'';height:116px;width:1920px;background:#253996;left:100%;margin-left:-960px;top:0px;position:absolute;z-index:0;}
header .wrapper {position:relative;z-index:1;}
.logo {
    float:left;
    text-align:center;
    width:324px;
}
.logo a {text-decoration:none;}
.logo span {
    font-family: 'Roboto-Medium';
    font-size:13px;color:#0c1334;
    line-height:14px;
    letter-spacing:0.25px;
    display:block;margin-top:-4px;
    float:left;
    margin-top:44px;
}
.logo img {float:right;width:148px;margin-top:21px;}
.clr {clear:both;}
.header_phone {float:left;box-sizing:border-box;background:#253996 url('../images/phone.png') no-repeat 20px 41px ;height:116px;padding-left:62px;padding-top:38px;position:relative;}
.header_phone p {font-size:17px;color:#ffffff;}
.header_email {background:#253996;float:left;height:116px;box-sizing:border-box;/*padding-left:138px;*/padding-left:73px;padding-top:49px;}
.header_email a {display:inline-block;font-size:16px;color:#ffffff;text-decoration:none;line-height:18px;background:url('../images/email.png') no-repeat left center;padding-left:47px;}
.header_address {float:right;background:#253996 url('../images/address.png') no-repeat 0px 43px;height:116px;box-sizing:border-box;font-size:16px;color:#ffffff;padding-top:48px;padding-left:39px;}
.top_menu {height:51px;text-align:center;background:#0c1334;}
.top_menu a {display:inline-block;vertical-align:top;border-left:1px solid rgba(255,255,255,0.2);line-height:51px;transition:0.3s all ease;font-size:14px;color:#ffffff;text-transform:uppercase;text-decoration:none;float:left;padding:0px 17px;}
.top_menu a:hover,.top_menu a.current_page_item {background:#f2622c;}
.top_menu nav a:last-child {border-right:1px solid rgba(255,255,255,0.2);}
.block_1 img {width:100%;}
.about_left {display:inline-block;vertical-align:top;width:554px;margin-left:98px;margin-top:182px;}
.about_right {display:inline-block;vertical-align:top;margin-left:20px;width:464px;margin-top:204px;position:relative;z-index:1;}
.about_title {font-family: 'Roboto-Black';font-size:36px;color:#204f87;text-transform:uppercase;position:relative;line-height:40px;letter-spacing:1px;}
.about_title:after {position:absolute;content:'';width:60px;height:4px;background:#f2622c;position:absolute;top:-25px;left:0px;}
.about_left p {font-size:18px;color:#333333;line-height:30px;letter-spacing:0.1px;margin-top:26px;}
.about_left a {display:inline-block;width:210px;height:45px;transition:0.3s all ease;text-decoration:none;text-align:center;line-height:45px;text-transform:uppercase;font-family: 'Roboto-Bold';color:#fff;font-size:14px;letter-spacing:0.25px;background:#f2622c;margin-top:31px;}
.about_left a:hover {background:#0c1334;}
.about .wrapper {position:relative;}
.about .wrapper:after {
    content:'';
    width:391px;height:190px;background:url('../images/pattern.png') repeat top right;display:block;position:absolute;left:-390px;top:42px;
}
.about .wrapper:before {
    content:'';
    width:310px;height:190px;background:url('../images/pattern.png') repeat top right;display:block;position:absolute;bottom:-126px;right:-268px;
}
.services {background:#f8f8f8;overflow:hidden;margin-top:128px;padding-top:122px;}
.services .wrapper {position:relative;padding-bottom:144px;}
.service_title {text-align:center;text-transform:uppercase;font-family:"Roboto-Black";position:relative;font-size:36px;color:#2b2f85;letter-spacing:2px;}
.service_title:before {display:block;content:'';position:absolute;width:60px;height:4px;left:50%;top:-22px;margin-left:-30px;background:#f2622b;}
.service {position:relative;width:367px;height:450px;}
.service a {position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;text-align:center;z-index:3;}
.service:before {display:block;content:'';width:367px;height:450px;top:0px;left:0px;
    background:url('../images/shadow.png') no-repeat top center;
    position:absolute;
    z-index:2;
    transition:0.3s all ease;
}
.service p {position:absolute;z-index:1;font-size:18px;color:#c5cef5;font-family:"Roboto-Medium";bottom:106px;width:100%;box-sizing:border-box;padding:0px 50px;}
.service p span {font-size:26px;color:#ffffff;text-transform:uppercase;font-family:"Roboto-Bold";display:block;margin-top:22px;}
.service a:after {width:39px;height:11px;content:'';background:url('../images/str.png') no-repeat top center;position:absolute;bottom:40px;left:50%;margin-left:-20px;}
.service:hover:before {opacity:0;}
.service_list {margin-top:101px;}
.services .owl-nav,.services .owl-nav.disabled {display:block !important;text-align:center;position:absolute;top:-80px;width:100%;}
.services .owl-nav div {display:inline-block;text-indent:-10000000px;width:50px;height:50px;transition:0.3s all ease;}
.services .owl-nav div.owl-prev {background:url('../images/slide_left.png') no-repeat top center;margin-right:20px;}
.services .owl-nav div.owl-next {background:url('../images/slide_right.png') no-repeat top center;}
.services .owl-nav div.owl-prev:hover {background:url('../images/slide_left_hover.png') no-repeat top center;}
.services .owl-nav div.owl-next:hover {background:url('../images/slide_right_hover.png') no-repeat top center;}
.services .wrapper:before {content:'';position:absolute;width:842px;height:842px;border-radius:50%;background:#e1e2e1;left:-756px;top:-435px;}
.history {height:1179px;background:url('../images/history.jpg') no-repeat top center;}
.history .wrapper {position:relative;}
.history .wrapper:before {width:1046px;height:600px;background:url('../images/about_before.png') no-repeat top center;position:absolute;right:-390px;top:-420px;content:'';display:block;}
.history_left {
    
}
.history_left {display:inline-block;vertical-align:top;width:410px;margin-top:288px;}
.history_title {display:inline-block;vertical-align:top;width:464px;margin-top:127px;position:relative;z-index:1;}
.history_title {font-family: 'Roboto-Black';font-size:36px;color:#fff;text-transform:uppercase;position:relative;line-height:40px;letter-spacing:1px;}
.history_title:after {position:absolute;content:'';width:60px;height:4px;background:#f2622c;position:absolute;top:-39px;left:0px;}
.history_left p {font-size:14px;color:#c5cef5;line-height:24px;letter-spacing:0.1px;margin-top:26px;}
.history_left a {display:inline-block;width:210px;height:45px;transition:0.3s all ease;text-decoration:none;text-align:center;line-height:45px;text-transform:uppercase;font-family: 'Roboto-Bold';color:#fff;font-size:14px;letter-spacing:0.25px;border:1px solid #f2622c;margin-top:34px;}
.history_left a:hover {background:#f2622c;}
.history_right {float:right;width:658px;font-size:0px;margin-top:259px;}
.history_right a {position:relative;margin-left:20px;margin-bottom:20px;display:inline-block;outline:none;}
.history_right a:after {display:block;content:'';position:absolute;width:318px;height:400px;background:url('../images/shadow_min.png') no-repeat bottom center;transition:0.3s all ease;left:0px;bottom:0px;}
.history_right a:hover:after {background:url('../images/shadow_min_hover.png') no-repeat bottom center;}
.history_right a:nth-child(2n+1) {margin-left:0px;}
.new_item {width:527px;float:left;box-sizing:border-box;position:relative;padding-left:98px;margin-left:52px;margin-bottom:27px;}
.new_item a {text-decoration:none;}
.news_date {text-align:center;width:77px;height:71px;text-align:center;box-sizing:border-box;border:1px solid #253996;line-height:1;padding-top:11px;position:absolute;top:8px;left:0px;transition:0.3s all ease;}
.news_date span {font-family:"Roboto-Black";color:#28397e;font-size:30px;transition:0.3s all ease;}
.news_date p {font-size:16px;color:#28397e;font-family:"Roboto-Bold";transition:0.3s all ease;}
.news_name {font-size:24px;color:#28397e;line-height:36px;font-family:"Roboto-Bold";transition:0.3s all ease;margin-bottom:22px;}
.news_desc {font-size:14px;color:#808080;line-height:24px;transition:0.3s all ease;margin-bottom:27px;}
.new_item a:hover .news_date span,.new_item a:hover .news_date p,.new_item a:hover .news_name,.new_item a:hover .news_desc  {color:#f2622b;}
.new_item a:hover .news_date {border-color:#f2622b;}
.news {background:#f8f8f8;overflow:hidden;}
.news .wrapper {position:relative;padding-top:91px;padding-bottom:23px;}
.news_title {text-align:center;text-transform:uppercase;font-family:"Roboto-Black";position:relative;font-size:36px;color:#2b2f85;letter-spacing:2px;margin-bottom:58px;}
.news_title:before {display:block;content:'';position:absolute;width:60px;height:4px;left:50%;top:-22px;margin-left:-30px;background:#f2622b;}
.new_item hr {height:1px;background:#c0c0c0;border:none;margin-top:32px;}
.news .new_item:nth-child(2n+1) {margin-left:0px;clear:both;}
.news .wrapper:after {width:444px;height:700px;background:url('../images/zevs.png') no-repeat top center;content:'';position:absolute;bottom:0px;right:-465px;}
.news .wrapper:before {width:190px;height:190px;background:url('../images/pattern.png') repeat top right;content:'';position:absolute;top:0px;left:-390px;}
.feedback {height:685px;background:url('../images/feedback.jpg') no-repeat top center;box-sizing:border-box;padding-top:111px;}
.feedback_title {text-align:center;position:relative;font-size:36px;color:#ffffff;font-family:"Roboto-Black";text-transform:uppercase;letter-spacing:1px;}
.feedback_title:before {position:absolute;width:60px;height:4px;left:50%;margin-left:-30px;top:0px;background:#f2622b;content:'';top:-31px;}
.feedback form {width:520px;margin:0 auto;margin-top:63px;}
.feedback input[type=text] {border:none;background:none;border-bottom:1px solid #6b7ed8;font-size:14px;color:#ffffff;font-family:"Roboto-Medium";height:50px;width:100%;margin-bottom:20px;}
.feedback input::-webkit-input-placeholder {color:#ffffff;}
.feedback input:-moz-placeholder {color:#ffffff;}
.feedback input[name=email],.feedback input[name=phone] {width:250px;}
.feedback input[name=email] {margin-right:16px;margin-bottom:30px;}
.feedback input[type=submit] {cursor:pointer;font-family:"Roboto-Bold";text-transform:uppercase;color:#ffffff;font-size:14px;border:1px solid #c34e22;transition:0.3s all ease;background:transparent;width:210px;height:45px;margin-top:31px;margin-left:154px;}
.feedback input[type=submit]:hover {background:#c34e22;}
footer {background:#0c1334;padding-bottom:38px;}
.copy {float:left;font-size:14px;color:#616ca8;width:35%;margin-top:51px;}
.social {float:left;width:30%;text-align:center;margin-top:50px;}
.social a {margin-left:15px;}
.social a:first-child {margin-left:0px;}
.razrab {float:right;text-align:right;margin-top:37px;}
.razrab a {font-size:11px;color:#f1f1f1;text-decoration:none;line-height:1;}
.razrab p {margin-top:7px;}
.button_mbile {display:none;}

.content_block {padding:30px 0px;}
.content_block h1, .content_block h2, .content_block h3, .content_block h4 {font-weight:normal;font-family:"Roboto-Bold";margin:15px 0px;}
.content_block h1 {font-size:30px;}
.content_block p {margin-bottom:10px;font-size:18px;color:#333333;line-height:30px;letter-spacing:0.1px;}
.content_block ul li {margin-left:20px;margin-bottom:10px;font-size:18px;color:#333333;line-height:30px;letter-spacing:0.1px;}
.content_block td {font-size:18px;color:#333333;line-height:30px;letter-spacing:0.1px;}
.content_block img {max-width:100%;}
.content_block table {width:100%;margin-bottom:10px;}
.images_two {text-align:center;}
.images_two div {display:inline-block;vertical-align:top;max-width:40%;}
.content_block th {font-weight:normal;font-family:"Roboto-Bold";background:#253996;color:#fff;padding:10px 0px;}
.content_block tr th:first-child,.content_block tr td:first-child {max-width:600px;}
.withborder  td {border:1px solid #253996;padding:0px 15px;}
.text-center {text-align:center;}
.img_captions {font-family:"Roboto-Bold";text-align:center;margin-bottom:10px;}
.block_images_3 {text-align:center;margin-bottom:10px;}
.blockimage {display:inline-block;vertical-align:top;}
.block_images_3 .blockimage {width:31%;}
.block_images_1 {text-align:center;margin-bottom:10px;}
.block_images_2 {text-align:center;margin-bottom:10px;}
.block_images_2  .blockimage {width:40%;}
.img_captions {margin-top:10px;}




@media (max-width:1186px) {
    .wrapper {width:980px;}
    .logo {background:#fff;height:116px;}
    .header_email {padding-left:52px;}
    .top_menu a {font-size:12px;padding:0px 14px;}
    .about_left {margin-left:0px;margin-top:68px;}
    .about .wrapper:after {left:-425px;}
    .about_right {width:386px;margin-top:45px;}
    .about_right img {width:100%;}
    .services {padding-top:68px;}
    .service {width:312px;height:383px;}
    .service:before {width:312px;height:383px;}
    .history_right {width:560px;}
    .history_right img {width:270px;}
    .history_right a:after {width:270px;height:340px;}
    .history {height:1024px;}
    .new_item {width:464px;}
    .copy {width:30%;}
    .razrab {width:30%;}
    .social {width:40%;}
    .logo span {float:none;margin-top:14px;}
    .logo img {float:none;margin-top:0px;}
    .logo {width:220px;}
}
@media (max-width:1023px) {
    .wrapper {width:600px; }
    header:after {margin-left:-390px;}
    .header_email {display:none;}
    .header_phone {width:378px;padding-left:50px;padding-top:20px;background:#253996 url('../images/phone.png') no-repeat 20px 14px;height:55px;}
    .header_phone p {display:inline-block;margin-right:20px;font-size:17px;}
    .header_address {width:378px;margin-top:-1px;position:relative;left:-1px;height:62px;padding-top:17px;padding-left:53px;background:#253996 url('../images/address.png') no-repeat 17px 10px;}
    .button_mbile {display:block;cursor:pointer;outline:none;width:40px;position:relative;left:22px;top:12px;}
    .top_menu nav {display:none;}
    .button_mbile span {display:block;width:40px;height:4px;background:#fff;margin-bottom:6px;}
    .about_right {display:none;}
    .about .wrapper:after {display:none;}
    .about .wrapper:before {top:1px;right:-172px;bottom:auto;}
    .about_left {margin-top:118px;}
    .service {width:278px;height:400px;overflow:hidden;width:auto;}
    .service img {height:400px;}
    .service:before {height:400px;}
    .services .wrapper:before {display:none;}
    .history .wrapper:before {top:-560px;right:-669px;}
    .history_left {float:none;width:100%;margin-top:120px;}
    .history_title {margin-top:0px;}
    .history_title br {display:none;}
    .history_right {float:none;width:100%;margin-top:75px;}
    .history {height:auto;padding-bottom:30px;background-size:cover;}
    .history_right img {width:290px;}
    .history_right a:after {width:290px;}
    .new_item {float:none;width:100%;margin-left:0px;}
    .razrab {display:none;}
    .copy {width:49%;}
    .social {width:48%;text-align:right;float:right;}
    .top_menu nav {width:320px;background:#0c1334;position:absolute;z-index:20;margin-top:20px;}
    .top_menu a {float:none;width:100%;text-align:left;box-sizing:border-box;border:none;padding:5px 10px;line-height:22px;}
}
@media (max-width:767px) { 
    .wrapper {
        width:300px;
    }
    header {height:auto;}
    header:after {display:none;}
    .logo {float:none;width:100%;}
    .header_phone {float:right;width:230px;padding-left:0px;background:transparent;position:relative;text-align:right;padding-top:11px;}
    .header_email {display:none;}
    .header_address {display:none;}
    .top_menu {margin-top:-50px;position:relative;}
    .about_left {width:100%;}
    .about_left {margin-top:56px;}
    .about .wrapper:before {display:none;}
    .services {margin-top:30px;}
    .history_title br {display:block;}
    .history_right {float:none;width:100%;text-align:center;}
    .history_right a {margin-left:0px;}
    .new_item {padding-left:56px;margin-bottom:16px;}
    .news_date {width:45px;}
    .news_name {font-size:15px;line-height:25px;margin-bottom:6px;}
    .news_desc {margin-bottom:10px;}
    .new_item hr {margin-top:16px;}
    .feedback {padding-top:65px;}
    .feedback form {width:100%;margin-top:30px;}
    .feedback input[name=email] {width:100%;margin-right:0px;}
    .feedback input[name=email], .feedback input[name=phone] {width:100%;}
    .feedback input[type=submit] {width:100%;margin-left:0px;}
}