/* Start:/local/templates/atospro/css/plagins.css?15665885955226*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-nav,.slick-slider{-webkit-tap-highlight-color:transparent}.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/atospro/css/../img/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{z-index:8040;position:absolute;cursor:pointer}#fancybox-loading div{width:44px;height:44px;background:url(/local/templates/atospro/css/../img/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/local/templates/atospro/css/../img/fancybox/blank.gif)}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/local/templates/atospro/css/../img/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}.slick-list,.slick-slider,.slick-track{position:relative;display:block}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/local/templates/atospro/css/../img/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/local/templates/atospro/css/../img/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* End */


/* Start:/local/templates/atospro/css/icons.css?15665885952119*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/atospro/css/fonts/icomoon.eot?x8l52k');
  src:  url('/local/templates/atospro/css/fonts/icomoon.eot?x8l52k#iefix') format('embedded-opentype'),
    url('/local/templates/atospro/css/fonts/icomoon.ttf?x8l52k') format('truetype'),
    url('/local/templates/atospro/css/fonts/icomoon.woff?x8l52k') format('woff'),
    url('/local/templates/atospro/css/fonts/icomoon.svg?x8l52k#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-arrow-right:before {
  content: "\e900";
}
.icon-check:before {
  content: "\e901";
}
.icon-adv-1:before {
  content: "\e902";
}
.icon-adv-2:before {
  content: "\e903";
}
.icon-adv-3:before {
  content: "\e904";
}
.icon-adv-4:before {
  content: "\e905";
}
.icon-adv-5:before {
  content: "\e906";
}
.icon-adv-6:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e908";
}
.icon-date:before {
  content: "\e909";
}
.icon-fax:before {
  content: "\e90a";
}
.icon-fb:before {
  content: "\e90b";
}
.icon-google-plus:before {
  content: "\e90c";
}
.icon-location:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90e";
}
.icon-pdf:before {
  content: "\e90f";
}
.icon-phone:before {
  content: "\e910";
}
.icon-question:before {
  content: "\e911";
}
.icon-search:before {
  content: "\e912";
}
.icon-serteficat:before {
  content: "\e913";
}
.icon-shop:before {
  content: "\e914";
}
.icon-small-down:before {
  content: "\e915";
}
.icon-small-left:before {
  content: "\e916";
}
.icon-small-right:before {
  content: "\e917";
}
.icon-time:before {
  content: "\e918";
}
.icon-tumbir:before {
  content: "\e919";
}
.icon-twiter:before {
  content: "\e91a";
}
.soc-play {
  background: #fff no-repeat center url(/local/templates/atospro/css/images/play.svg);
}

.soc-vk {
  background: #446690 no-repeat center url(/local/templates/atospro/css/images/icon-vk.svg);
}
/* End */


/* Start:/local/templates/atospro/css/style.css?159600493665431*/
@font-face {
  font-family: 'icomoon';
  src: url("/local/templates/atospro/css/../fonts/icons/icomoon.eot?ukzvp8");
  src: url("/local/templates/atospro/css/../fonts/icons/icomoon.eot?ukzvp8#iefix") format('embedded-opentype'), url("/local/templates/atospro/css/../fonts/icons/icomoon.ttf?ukzvp8") format('truetype'), url("/local/templates/atospro/css/../fonts/icons/icomoon.woff?ukzvp8") format('woff'), url("/local/templates/atospro/css/../fonts/icons/icomoon.svg?ukzvp8#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-SemiBold.eot");
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-SemiBold.eot?#iefix") format('embedded-opentype'), url("/local/templates/atospro/css/../fonts/ProximaNova-SemiBold.woff2") format('woff2'), url("/local/templates/atospro/css/../fonts/ProximaNova-SemiBold.woff") format('woff'), url("/local/templates/atospro/css/../fonts/ProximaNova-SemiBold.ttf") format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-Bold.eot");
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-Bold.eot?#iefix") format('embedded-opentype'), url("/local/templates/atospro/css/../fonts/ProximaNova-Bold.woff2") format('woff2'), url("/local/templates/atospro/css/../fonts/ProximaNova-Bold.woff") format('woff'), url("/local/templates/atospro/css/../fonts/ProximaNova-Bold.ttf") format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-Regular.eot");
  src: url("/local/templates/atospro/css/../fonts/ProximaNova-Regular.eot?#iefix") format('embedded-opentype'), url("/local/templates/atospro/css/../fonts/ProximaNova-Regular.woff2") format('woff2'), url("/local/templates/atospro/css/../fonts/ProximaNova-Regular.woff") format('woff'), url("/local/templates/atospro/css/../fonts/ProximaNova-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* GLOBAL
^^^^^^^^^^^^ */
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  color: #0e1745;
  background: #fff;
  font: 20px/1.4 'Proxima Nova', Arial, Tahoma, Geneva, sans-serif;
  overflow-y: scroll;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
  #header.header_index .header_nav a.call_back {color: #37f7fa;}
   #header.header_index .header_nav a.call_back:HOVER {color: #37f7fa;}
sup {
  line-height: 0;
}
a {
  text-decoration: none;
  color: #fb4031;
  text-decoration-skip-ink: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
  display: block;
  max-width: 100%;
}
input,
textarea,
select,
button {
  vertical-align: middle;
  font: 100% 'Proxima Nova', Arial, Tahoma, Geneva, sans-serif;
}
button * {
  position: relative;
}
form,
fieldset {
  border-style: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
#main {
  overflow: hidden;
  min-width: 320px;
  position: relative;
  z-index: 100;
  padding: 0 15px;
  min-height: 100%;
}
h1 {
  font-size: 4rem;
  line-height: 1;
  margin: 0 0 35px;
}
h2 {
  font-size: 3rem;
  line-height: 1;
  margin: 0 0 50px;
}
h3 {
  font-size: 2.6rem;
  line-height: 1.1;
  margin: 0 0 30px;
}
.title_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 80px;
}
.title_main h1,
.title_main h2 {
  margin: 0;
  font-size: 5rem;
}
p {
  margin: 0 0 28px;
}
ul {
  margin: 0 0 28px 18px;
  letter-spacing: -0.36em;
}
ul li {
  letter-spacing: normal;
  vertical-align: top;
}
ol {
  counter-reset: section;
  list-style-type: none;
  margin: 0 0 28px;
}
ol li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 28px;
}
table th,
table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 3px solid #f1f1f4;
  padding: 25px 10px;
}
table th:first-child,
table td:first-child {
  padding-left: 0;
}
table th:last-child,
table td:last-child {
  padding-right: 0;
}
table th.tbl_right,
table td.tbl_right {
  text-align: right;
}
.btn_center {
  text-align: center;
}
.btn_border {
  display: inline-block;
  vertical-align: top;
  border: 3px solid #fb4031;
  background: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  color: #141e52;
  padding: 15px 40px;
  line-height: 1.2;
  min-width: 200px;
  font-size: 2rem;
  text-decoration: none;
}
.btn_border i {
  line-height: 0;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.btn_border:hover {
  background: #fb4031;
  color: #fff;
  text-decoration: none;
}
.btn {
  display: inline-block;
  vertical-align: top;
  border: 3px solid #f1f1f4;
  background: #f1f1f4;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  color: #141e52;
  padding: 15px 40px;
  line-height: 1.2;
  font-size: 2rem;
  min-width: 200px;
}
.btn i {
  line-height: 0;
  font-size: 1.3rem;
  margin: 0 5px 0 0;
}
.btn:hover {
  text-decoration: none;
  background: #9fa3b1;
  border-color: #9fa3b1;
}
.btn_border_circle {
  display: inline-block;
  vertical-align: top;
  border: 3px solid #fb4031;
  background: #fff;
  font-size: 2rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  color: #141e52;
  font-weight: bold;
  padding: 15px 40px;
  line-height: 1.2;
  min-width: 200px;
  border-radius: 30px;
}
.btn_border_circle i {
  line-height: 0;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.btn_border_circle .icon-small-right {
  font-size: 1.2rem;
  position: relative;
  top: -2px;
  margin: 0;
}
.btn_border_circle .icon-question {
  font-size: 4rem;
}
.btn_border_circle:hover {
  text-decoration: none;
  background: #fb4031;
  color: #fff;
}
.btn_circle {
  display: inline-block;
  vertical-align: top;
  border: 3px solid #fb4031;
  background: #fb4031;
  font-size: 2rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 15px 40px;
  line-height: 1.2;
  min-width: 200px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(239,48,33,0.15);
          box-shadow: 0px 0px 20px 0px rgba(239,48,33,0.15);
}
.btn_circle i {
  line-height: 0;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.btn_circle .icon-small-right {
  font-size: 1.2rem;
  position: relative;
  top: -2px;
  margin: 0;
}
.btn_circle .icon-pdf {
  font-size: 5.6rem;
}
.btn_circle .icon-serteficat {
  font-size: 3.2rem;
  margin: 0 5px 0 0;
}
.btn_circle:hover {
  text-decoration: none;
  background: none;
  color: #141e52;
}
.btn_none {
  display: inline-block;
  vertical-align: top;
  background: none;
  border: 0;
  font-size: 2rem;
  color: #141e52;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn_none i {
  line-height: 0;
  font-size: 1.3rem;
  vertical-align: middle;
}
.btn_none .icon-shop {
  font-size: 3.6rem;
}
.btn_none:hover {
  color: #fb4031;
  text-decoration: none;
}
.btn_upper {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 1.6rem;
  padding-top: 17px;
  padding-bottom: 17px;
  line-height: 1.25;
}
.arrow_left {
  display: inline-block;
  height: 12px;
  width: 6px;
  position: relative;
  top: 1px;
  border-right: 6px solid #0e1745;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin: 0 18px 0 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.arrow_right {
  display: inline-block;
  height: 12px;
  width: 6px;
  position: relative;
  top: 1px;
  border-left: 6px solid #0e1745;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin: 0 0 0 18px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.defalt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px 50px;
}
.defalt >div {
  padding: 0 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.defalt >div a,
.defalt >div button {
  margin: 0 0 20px;
}
.img_left {
  float: left;
  margin: 0 60px 50px 0;
}
.img_right {
  float: right;
  margin: 0 0 50px 60px;
}

.img_text {
  display: inline-block;
  position: relative;
}
.img_text::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#000));
  background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, #000 100%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, #000 100%);
  background: linear-gradient(rgba(255,255,255,0) 0%, #000 100%);
}
.img_text .sub_text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 40px 37px;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
}
.line_box {
  border-left: 3px solid #fb4031;
  padding: 0 0 0 20px;
  font-weight: bold;
  display: block;
  margin: 65px 0 70px;
}
.list {
  list-style: none;
  margin: -27px 0 55px;
}
.list >li {
  padding: 27px 0 0 55px;
  position: relative;
}
.list >li::before {
  display: block;
  content: '\e901';
  height: 26px;
  width: 26px;
  border-radius: 50%;
  background: #fb4031;
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-family: 'icomoon';
  font-size: 1.1rem;
  position: absolute;
  top: 29px;
  left: 0;
}
.link_drop {
  display: inline-block;
  position: relative;
  z-index: 55;
}
.link_drop .link_drop_name {
  display: inline-block;
  padding: 0 30px 0 0;
  position: relative;
  color: #0e1745;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link_drop .link_drop_name:hover {
  color: #fb4031;
}
.link_drop .link_drop_name i {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 1.3rem;
}
.link_drop:hover .link_drop_name {
  color: #fb4031;
}
.link_drop:hover .link_drop_name i {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
       -o-transform: scaleY(-1);
          transform: scaleY(-1);
}
.link_drop:hover >.link_drop_box {
  opacity: 1;
  height: 0;
  overflow: visible;
}
.link_drop_box {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin-top: -10px;
}
.link_drop_box ul {
  list-style: none;
  margin: 10px 0 0;
  padding: 20px 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(10,17,60,0.25);
          box-shadow: 0px 0px 25px 0px rgba(10,17,60,0.25);
  width: 290px;
}
.link_drop_box ul >li {
  position: relative;
  padding: 8px 30px;
}
.link_drop_box ul >li:hover >a {
  color: #fb4031;
}
.link_drop_box ul >li:hover .sub_drop_box {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.link_drop_box ul >li >a {
  color: #0e1745;
}
.link_drop_box ul >li >a:hover {
  text-decoration: none;
  color: #fb4031;
}
.link_drop_box ul >li >a i {
  font-size: 1.3rem;
  margin: 0 0 0 5px;
}
.link_drop_box .sub_drop_box {
  position: absolute;
  top: -20px;
  left: 100%;
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.link_drop_box .sub_drop_box ul {
  margin: 0 0 0 2px;
}
label {
  display: block;
  font-size: 1.6rem;
  color: #9fa3b1;
}
.tx {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 3px solid #f1f1f4;
  background: none;
  font-size: 2rem;
  height: 57px;
  color: #0e1745;
  font-weight: 500;
  padding: 0 0 14px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tx:hover {
  border-bottom-color: #9fa3b1;
}
.tx:focus,
.tx.focus {
  border-bottom-color: #fb4031;
}
textarea {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 3px solid #f1f1f4;
  background: none;
  font-size: 2rem;
  height: 57px;
  color: #0e1745;
  font-weight: 500;
  padding: 12px 0 14px;
  resize: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
textarea:hover {
  border-bottom-color: #9fa3b1;
}
textarea:focus,
textarea.focus {
  border-bottom-color: #fb4031;
}
.form_error label {
  color: #fb4031;
}
.form_error .tx {
  border-bottom-color: #fb4031;
}
.form_error .form_error_help {
  display: block;
}
.in_box {
  position: relative;
  margin: 0 0 28px;
}
.form_error_help {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  margin: 5px 0 0;
}
.text_error_red {
  padding: 0 0 0 35px;
  display: block;
  position: relative;
  font-size: 1.6rem;
  color: #9fa3b1;
}
.text_error_red::before {
  display: block;
  content: '';
  position: absolute;
  height: 18px;
  width: 22px;
  top: 2px;
  left: 0;
  border-bottom: 18px solid #fb4031;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  color: #fff;
}
.text_error_red::after {
  display: block;
  content: '!';
  position: absolute;
  height: 18px;
  width: 22px;
  top: 2px;
  left: 0;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 20px;
}
.text_error_yellow {
  padding: 0 0 0 35px;
  display: block;
  position: relative;
  font-size: 1.6rem;
  color: #9fa3b1;
}
.text_error_yellow::before {
  display: block;
  content: '!';
  position: absolute;
  height: 20px;
  width: 20px;
  top: 2px;
  left: 1px;
  color: #fff;
  background: #f3e50a;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.form_page h2 {
  margin: 0 0 60px;
  font-size: 4rem;
}
.form_page_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -15px;
}
.form_page_col {
  width: 33.33%;
  padding: 0 15px;
}
.form_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 57px 0 0;
}
.form_btn .btn_border {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.form_btn .form_btn_text {
  margin: 0 0 0 30px;
}
.form_text {
  display: block;
  font-size: 1.6rem;
  color: #9fa3b1;
  line-height: 1.25;
}
.photo_section {
  margin: 0 0 65px;
}
.project_more {
  margin: 0 0 130px;
}
.SliderBox {
  position: relative;
  margin: 0 0 120px;
}
.Slider {
  margin: 0;
}
.slick-arrow {
  display: block;
  border: 0;
  height: 12px;
  width: 52px;
  font-size: 0;
  position: relative;
  overflow: hidden;
  background: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #9fa3b1;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -6px 0 0;
}
.slick-arrow:hover {
  color: #fb4031;
}
.slick-arrow::before {
  display: block;
  content: '\e900';
  font-size: 5rem;
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-prev {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slick-slide >div {
  display: block !important;
}
.slick-slide >div >div {
  display: block !important;
}
.imgBox {
  -webkit-background-size: cover !important;
          background-size: cover !important;
}
.imgBox img {
  display: none;
}
.responsive {
  overflow-x: auto;
}
/* HEADER
------------*/
#header {
  padding: 0;
  background: #fff;
  font-size: 2rem;
  margin: 0 -15px;
  padding: 0 15px;
  -webkit-box-shadow: 0px 3px 25px 0px rgba(10,17,60,0.1);
          box-shadow: 0px 3px 25px 0px rgba(10,17,60,0.1);
  position: relative;
  z-index: 50;
}
.header_box {
  max-width: 1250px;
  margin: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 148px;
  padding: 20px 0;
  position: relative;
}
.header_top_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.head_data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: 0 0 0 -30px;
}
.head_data >li {
  padding: 0 0 0 30px;
  text-align: right;
}
.head_data .head_data_box {
  display: block;
  padding: 0 0 0 40px;
  font-size: 2.5rem;
  position: relative;
  font-weight: 600;
}
.head_data .head_data_box i {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 2rem;
}
.head_data .head_phone_bot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.head_data .head_phone_bot .call_back {
  margin: 0 20px 0 0;
}
.phone_more {
  position: relative;
}
.phone_more .name {
  color: #fb4031;
  text-decoration: none;
  cursor: pointer;
}
.phone_more .name i {
  font-size: 1.3rem;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.phone_more.active .name {
  color: #0e1745;
}
.phone_more.active .name i {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
       -o-transform: scaleY(-1);
          transform: scaleY(-1);
}
.phone_more.active .phone_more_drop {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.phone_more_drop {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 50;
  text-align: right;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.phone_more_drop ul {
  list-style: none;
  padding: 20px 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(10,17,60,0.25);
          box-shadow: 0px 0px 25px 0px rgba(10,17,60,0.25);
  width: 290px;
}
.phone_more_drop ul >li {
  position: relative;
  padding: 8px 30px;
}
.phone_more_drop ul >li:hover >a {
  color: #fb4031;
}
.phone_more_drop ul >li:hover .sub_drop_box {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.phone_more_drop ul >li >a {
  color: #0e1745;
}
.phone_more_drop ul >li >a:hover {
  text-decoration: none;
  color: #fb4031;
}
.phone_more_drop ul >li >a i {
  font-size: 1.3rem;
  margin: 0 0 0 5px;
}
.header_nav {
  list-style: none;
  margin: 0 0 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header_nav >li {
  padding: 0 0 0 2px;
}
.header_nav >li:first-child {
  padding-left: 0;
}
.header_nav >li.icon_mobile {
  display: none;
}
.header_nav >li.open_menu_box {
  display: none;
}
.header_nav a {
  display: block;
  height: 68px;
  line-height: 68px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #0e1745;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 35px;
  white-space: nowrap;
}
.header_nav a i {
  line-height: 0;
  margin: 0 10px 0 0;
  position: relative;
  top: 2px;
}
.header_nav a:hover {
  color: #37f7fa;
}
.header_nav a.nav_icon {
  font-size: 2rem;
  background: #9fa3b1;
  padding: 0 5px;
  width: 76px;
  color: #fff;
}
.header_nav a.nav_icon i {
  margin: 0;
}
.header_nav a.nav_icon:hover {
  background: #0e1745;
}
.open_menu {
  height: 58px;
  width: 58px;
  position: relative;
  padding: 0;
  display: none;
}
.icon_menu {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 24px;
  width: 30px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.icon_menu::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
}
.menu_box {
  border-top: 3px solid #f1f1f4;
  margin: 0 -10000px;
  padding: 0 10000px;
}
.menu {
  list-style: none;
  margin: 0 -15px;
  padding: 17px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
}
.menu >li {
  padding: 0 15px;
}
.menu >li >a {
  font-size: 2.5rem;
  text-decoration: none;
  color: #0e1745;
  font-weight: 600;
}
.menu >li >a:hover,
.menu >li >a.active {
  color: #fb4031;
}
.head_search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.head_search.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.icon_close {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.icon_close::before,
.icon_close::after {
  display: block;
  content: '';
  height: 2px;
  width: 16px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.icon_close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.form_search {
  background: #0e1745;
  padding: 25px 65px 25px 15px;
}
.form_search input {
  width: 100%;
  border: 0;
  padding: 0 15px;
  height: 38px;
}
.form_search button {
  position: absolute;
  top: 25px;
  right: 15px;
  height: 38px;
  width: 38px;
  background: none;
  border: 0;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.form_search button i {
  font-size: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.open_menu_index {
  display: none;
}
.open_menu_index a {
  background: #fb4031;
  color: #fff;
}
.open_menu_index a .icon_menu_open {
  position: relative;
  top: -1px;
}
.open_menu_index a:hover {
  color: #fff;
}
.icon_menu_open {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 16px;
  position: relative;
  margin: 0 18px 0 0;
}
.icon_menu_open::before,
.icon_menu_open::after {
  display: block;
  content: '';
  height: 2px;
  width: 16px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon_menu_open::after {
  top: auto;
  bottom: 0;
}
.icon_menu_open span {
  position: absolute;
  top: 6px;
  right: 0;
  height: 2px;
  width: 11px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1025px) {
  #header.header_index {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    color: #fff;
  }
  #header.header_index .head_data a,
  #header.header_index .phone_more .name {
    color: #37f7fa;
  }
  #header.header_index .phone_more_drop ul {
    background: #0e1745;
  }
  #header.header_index .open_menu_index {
    display: none;
    display: block;
  }
  #header.header_index .open_menu_index a.active .icon_menu_open span {
    opacity: 0;
  }
  #header.header_index .open_menu_index a.active .icon_menu_open::before,
  #header.header_index .open_menu_index a.active .icon_menu_open::after {
    top: 50%;
    left: 50%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: -1px 0 0 -8px;
  }
  #header.header_index .open_menu_index a.active .icon_menu_open::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #header.header_index .header_top {
    height: 148px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #header.header_index .header_box {
    position: relative;
  }
  #header.header_index .menu_box {
    margin: 0;
    padding: 0;
    border-top: 0;
    position: absolute;
    top: 109px;
    right: 0;
    z-index: 100;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #header.header_index .menu_box.active_index {
    opacity: 1;
    height: auto;
    overflow: visible;
  }
  #header.header_index .menu {
    display: block;
    background: #fb4031;
    width: 178px;
    padding: 15px;
    margin: 0;
  }
  #header.header_index .menu >li {
    padding: 0;
  }
  #header.header_index .menu >li >a {
    color: #fff;
    font-size: 2.2rem;
  }
  #header.header_index .menu >li >a:hover {
    text-decoration: underline;
  }
  #header.header_index .header_nav {
    position: relative;
  }
  #header.header_index .header_nav a {
    padding-left: 45px;
    padding-right: 45px;  
  }
  #header.header_index .header_nav a.nav_icon {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
    background: #0e1745;
  }


  #header.header_index .header_nav a.nav_icon:hover {
    color: #37f7fa;
  }
}
/* CONTENT
------------*/
.content {
  padding: 75px 15px 80px;
  margin: 0 -15px;
  background: url("/local/templates/atospro/css/../img/bg_content.png") repeat-x 50% -10px;
}
.breadcrumb {
  list-style: none;
  margin: 0 0 20px;
}
.breadcrumb >li {
  display: inline-block;
  position: relative;
  color: #9fa3b1;
  font-size: 1.6rem;
  padding: 0 25px 0 0;
  margin: 0 15px 0 0;
}
.breadcrumb >li::before {
  display: block;
  content: '-';
  position: absolute;
  top: 0;
  right: 0;
}
.breadcrumb >li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.breadcrumb >li:last-child::before {
  display: none;
}
.breadcrumb >li >a {
  color: #9fa3b1;
  text-decoration: none;
}
.breadcrumb >li >a:hover {
  color: #fb4031;
}
.content_box {
  margin: 0 auto;
  max-width: 1250px;
}
.content_box::after {
  display: block;
  content: '';
  clear: both;
}
.content_box > *:last-child {
  margin-bottom: 0;
}
.information {
/*  background: #040b25 url("/local/templates/atospro/css/../img/bg_information.jpg") no-repeat 50% 0;
  -webkit-background-size: cover;
          background-size: cover;*/
  background-color: #040b25;
  margin: 0 -15px;
  padding: 0 15px 0;
  color: #fff;
}
.information .content_box {
  position: relative;
  /* min-height: 100vh; */
  padding: 243px 0 45px;
}
.information .sub_logo {
  margin: 0 0 25px;
}
.information .name {
  display: block;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 2px;
  max-width: 400px;
  line-height: 1.2;
  margin: 0 0 67px;
}
.information .information_data {
  display: block;
  border-left: 3px solid #37f7fa;
  padding: 0 0 0 40px;
  max-width: 400px;
  font-size: 2rem;
  margin: 0 0 73px;
}
.information .btn_circle {
  margin: 0 40px 0 0;
  min-width: 255px;
}
.information .btn_circle:hover {
  color: #fff;
}
.information .link {
  font-size: 1.6rem;
  font-weight: bold;
  color: #37f7fa;
  padding: 0 0 0 75px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 25px 0;
}
.information .link:hover {
  color: #fff;
}
.information .link i {
  line-height: 0;
  font-size: 5.8rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.information .more {
  position: absolute;
  bottom: 40px;
  left: 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}
.information .more:hover {
  color: #37f7fa;
}
.information .more i {
  font-size: 1.2rem;
  margin: 0 0 5px;
}
.information_box {
  max-width: 650px;
}
.information_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.about {
  background: url("/local/templates/atospro/css/../img/bg_about.jpg") no-repeat 50% 0;
  -webkit-background-size: contain; /* cover; */
          background-size: contain; /* cover; */
  color: #fff;
  margin: 0 -15px;
  padding: 100px 15px 145px;
  background-color: #040b25;
}
.about h2 {
  font-size: 12rem;
  margin: 0 0 58px;
}
.about .btn_circle {
  margin: 35px 0 0;
}
.about .btn_circle:hover {
  color: #fff;
}
.about_box {
  width: 50%;
  margin-left: auto;
}
.section {
  margin: 0 -15px;
  padding: 0 15px 140px;
  background: #050c28 url("/local/templates/atospro/css/../img/bg_section_center.png") no-repeat 50% 50%;
  color: #fff;
  position: relative;
  z-index: 5;
}
.section::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/local/templates/atospro/css/../img/bg_section_bottom.png") repeat-x 50% 0;
  height: 407px;
  z-index: -1;
}
.section .btn_border_circle {
  background: none;
  border-color: #37f7fa;
  color: #37f7fa;
}
.section .btn_border_circle:hover {
  background: #37f7fa;
  color: #fff;
}
.list_advantage {
  list-style: none;
  margin: -35px -25px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list_advantage >li {
  width: 33.33%;
  padding: 35px 25px 0;
}
.advantage {
  text-align: center;
}
.advantage .icon {
  display: block;
  height: 95px;
  font-size: 8rem;
  color: #37f7fa;
}
.advantage .name {
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0 0 18px;
}
.advantage p {
  font-size: 1.6rem;
  margin: 0;
}
.partners {
  padding: 145px 0 155px;
}
.partners h2 {
  font-size: 6rem;
  text-align: center;
  margin: 0 0 70px;
}
.CaruselPartners {
  padding: 0 85px;
}
.CaruselPartners .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.CaruselPartners .slick-slide {
  padding: 0 25px;
}
.CaruselPartners .slick-arrow {
  color: #fff;
}
.CaruselPartners .slick-arrow:hover {
  color: #fb4031;
}
.CaruselPartners img {
  margin: auto;
}
.form_order {
  background: #141e52;
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 25px 30px 0px rgba(0,0,0,0.5);
  padding: 75px 90px 82px;
}
.form_order h2 {
  font-size: 6rem;
  line-height: 1;
}
.form_order .tx,
.form_order textarea {
  color: #fff;
  border-width: 2px;
}
.form_order .btn_border {
  background: none;
  color: #fff;
}
.form_order .btn_border:hover {
  background: #fb4031;
}
.section_white {
  background: #fff url("/local/templates/atospro/css/../img/bg_section_white.png") repeat-x 50% 0;
  padding: 135px 15px 0;
  margin: 0 -15px;
}
.section_white > *:last-child {
  margin-bottom: 0;
}
.service_section {
  margin: 0 0 100px;
}
.service_section.bg_dots {
  background: url("/local/templates/atospro/css/../img/bg_project_dot.jpg") no-repeat 100% 50%;
}
.service_section h2 {
  text-align: center;
  font-size: 12rem;
  font-weight: 600;
  margin: 0 0 60px;
}
.ServiceCarusel {
  padding: 0 20px;
}
.ServiceCarusel .slick-slide {
  padding: 0 15px 62px;
}
.service.service_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.service.service_main .name {
  min-height: 80px;
}
.service.service_main .name a {
  color: #9fa3b1;
}
.service.service_main .img_box {
  height: 300px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(300%);
          filter: sepia(100%) hue-rotate(190deg) saturate(300%);
  opacity: 0.2;
  margin: 0;
}
.service.service_main:hover .name a {
  color: #0e1745;
}
.service.service_main:hover .img_box {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
  -webkit-box-shadow: 0px 25px 30px 0px rgba(14,23,69,0.3);
          box-shadow: 0px 25px 30px 0px rgba(14,23,69,0.3);
}
.ServiceBox {
  margin: 0 0 92px;
}
.CaruselNav {
  max-width: 590px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 6px;
}
.CaruselNav .slick-dots {
  list-style: none;
  margin: 0;
  text-align: center;
}
.CaruselNav .slick-dots >li {
  font-weight: 600;
  display: none;
  font-size: 2rem;
}
.CaruselNav .slick-dots >li.slick-active {
  display: block;
}
.CaruselNav .slick-dots >li span {
  color: #fb4031;
  font-size: 2.4rem;
}
.CaruselNav .slick-dots >li em {
  margin: 0 30px;
}
.contact_index {
  margin: 0 -15px;
}
.contact_index h2 {
  text-align: center;
  font-size: 12rem;
  font-weight: 600;
  margin: 0 auto 53px;
  max-width: 1250px;
  padding: 0 15px;
}
#map {
  border: 3px solid #f1f1f4;
  height: 580px;
  width: 95%;
  margin: 0 auto;
  display: block;
}
#map iframe {
  height: 100%;
  width: 100%;
  -webkit-filter: saturate(50%);
          filter: saturate(50%);
  border: 0;
}
.page_404 {
  max-width: 1142px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 65px 0 90px;
}
.page_404 .number {
  font-size: 34rem;
  font-weight: bold;
  text-shadow: 0px 10px 40px rgba(20,30,82,0.1);
  color: #fff;
  display: block;
  line-height: 0.9;
}
.page_404 .page_404_cont {
  padding: 0 0 0 80px;
}
.page_404 .title_main {
  margin: 0 0 25px;
  display: block;
}
.contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -35px 92px;
}
.contact_left {
  width: 48%;
  padding: 0 35px;
}
.contact_right {
  width: 52%;
  padding: 28px 35px 0;
}
.list_contact {
  list-style: none;
  margin: 0;
}
.list_contact li {
  position: relative;
  padding: 28px 0 28px 200px;
  border-bottom: 3px solid #f1f1f4;
  line-height: 1.05;
  font-size: 2rem;
}
.list_contact li:last-child {
  border-bottom: 0;
}
.list_contact li .name {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0 0 0 40px;
  font-weight: 600;
  width: 190px;
}
.list_contact li .name i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
  color: #fb4031;
  margin: -2px 0 0;
}
.list_contact li p {
  margin: 0;
}
.list_contact li .phone {
  display: inline-block;
  position: relative;
}
.list_contact li .phone::before {
  display: block;
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 3;
}
.list_contact li .phone a {
  text-decoration: none;
  color: #0e1745;
}
#map_contact {
  height: 400px;
}
#map_contact iframe {
  height: 100%;
  width: 100%;
  /*-webkit-filter: grayscale(100%);
          filter: grayscale(100%);*/
		    -webkit-filter: saturate(50%);
          filter: saturate(50%);
  border: 0;
}
.paging {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 474px;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paging >li {
  font-size: 2rem;
  vertical-align: middle;
}
.paging >li >a {
  text-decoration: none;
  color: #9fa3b1;
  font-weight: 600;
}
.paging >li >a:hover {
  color: #fb4031;
}
.paging >li span {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fb4031;
}
.paging >li .p_next,
.paging >li .p_prev {
  display: block;
  height: 12px;
  width: 62px;
  line-height: 0;
  color: #f1f1f4;
  position: relative;
  font-size: 6rem;
  overflow: hidden;
}
.paging >li .p_next i,
.paging >li .p_prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.paging >li .p_prev {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}
.news_page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -35px 80px;
}
.news_page_box {
  width: 50%;
  padding: 0 35px;
}
a.news_main {
  text-decoration: none;
}
.news_main {
  display: block;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 5;
  height: 100%;
  min-height: 372px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 26px 40px;
  font-size: 2rem;
  overflow: hidden;
}
.news_main .name {
  font-weight: 600;
}
.news_main .date {
  display: block;
  position: relative;
  padding: 0 0 0 30px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 13px 0 0;
}
.news_main .date i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
}
.news_main .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.news_main .imgBox::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.75)), to(rgba(0,0,0,0.75)));
  background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
  background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
  background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
}
.news_main:hover .imgBox {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.list_news_top {
  list-style: none;
  margin: -30px 0 0;
}
.list_news_top >li {
  padding: 30px 0 0;
}
.news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.25;
}
.news .img_box {
  display: block;
  width: 45%;
  height: 170px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.news .img_box .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news .news_cont {
  width: 55%;
  padding: 0 0 0 30px;
}
.news .name {
  display: block;
  font-size: 2rem;
  margin: 0 0 19px;
}
.news .name a {
  color: #0e1745;
  text-decoration: none;
}
.news .date {
  display: block;
  padding: 0 0 0 30px;
  position: relative;
  font-size: 1.6rem;
  color: #9fa3b1;
}
.news .date i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
}
.news:hover .img_box {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(14,23,69,0.3);
          box-shadow: 0px 10px 30px 0px rgba(14,23,69,0.3);
}
.news:hover .name a {
  color: #fb4031;
}
.list_news {
  list-style: none;
  margin: -30px -15px 78px;
}
.list_news >li {
  display: inline-block;
  width: 25%;
  padding: 30px 15px 0;
}
.list_news_column {
  list-style: none;
  margin: -30px -15px 78px;
}
.list_news_column >li {
  display: inline-block;
  width: 50%;
  padding: 30px 15px 0;
}
.news_col {
  display: block;
}
.news_col .img_box {
  width: 100%;
  height: 150px;
  margin: 0 0 20px;
}
.news_col .news_cont {
  padding: 0;
  width: 100%;
}
.news_col .name {
  min-height: 74px;
}
.article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article .date_article {
  display: block;
  position: relative;
  padding: 0 0 0 30px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0 0 40px;
  color: #9fa3b1;
}
.article .date_article i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
}
.article .img_article {
  margin: 0 0 59px;
}
.article_left {
  width: 67%;
  padding: 0 110px 0 0;
}
.article_right {
  width: 33%;
  border-left: 3px solid #f1f1f4;
  padding: 0 0 0 70px;
}
.article_right h3 {
  margin: 0 0 50px;
}
.article_right .btn {
  width: 100%;
  font-size: 1.6rem;
  padding-top: 12px;
  padding-bottom: 13px;
}
.article_cosial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 55px 0 60px;
}
.article_cosial p {
  margin: 10px 30px 10px 0;
}
.list_article_event {
  list-style: none;
  margin: -30px 0 40px;
}
.list_article_event >li {
  padding: 30px 0 0;
}
.list_article_event .news {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1.4;
}
.list_article_event .news .img_box {
  height: 70px;
  width: 31%;
}
.list_article_event .news .news_cont {
  width: 69%;
}
.list_article_event .news .name {
  font-size: 1.6rem;
  margin: 0 0 8px;
}
.list_article_event .news .date {
  padding: 0;
  font-size: 1.4rem;
}
.list_article_event .news .date i {
  display: none;
}
.list_article_event .news .img_box .imgBox {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.list_article_event .service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.list_article_event .service .img_box {
  height: 70px;
  width: 31%;
  margin: 0;
}
.list_article_event .service .service_cont {
  width: 69%;
  padding: 0 0 0 30px;
}
.list_article_event .service .name {
  font-size: 1.6rem;
}
.list_service {
  list-style: none;
  margin: -50px -15px 78px;
}
.list_service >li {
  width: 33.33%;
  display: inline-block;
  padding: 50px 15px 0;
}
.service .name {
  display: block;
  font-weight: 600;
  font-size: 2rem;
}
.service .name a {
  color: #0e1745;
  text-decoration: none;
}
.service .img_box {
  margin: 0 0 15px;
  display: block;
  height: 220px;
  position: relative;
}
.service .img_box .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.service:hover .img_box {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(14,23,69,0.3);
          box-shadow: 0px 10px 30px 0px rgba(14,23,69,0.3);
}
.service:hover .name a {
  color: #fb4031;
}
.list_service_two {
  list-style: none;
  margin: -30px -15px 78px;
}
.list_service_two >li {
  padding: 30px 15px 0;
  width: 50%;
  display: inline-block;
}
a.service_in {
  text-decoration: none;
}
.service_in {
  display: block;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 5;
  height: 100%;
  min-height: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 35px 40px;
  font-size: 2.5rem;
  overflow: hidden;
}
.service_in .name {
  font-weight: 600;
}
.service_in .imgBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.service_in .imgBox::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.75)), to(rgba(0,0,0,0.75)));
  background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
  background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
  background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75) 100%);
}
.service_in:hover .imgBox {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.new_project {
  border-top: 3px solid #f1f1f4;
  margin: 115px 0 0;
  padding: 85px 0 0;
}
.new_project > *:last-child {
  margin-bottom: 0;
}
.new_project .title_main {
  text-align: center;
  display: block;
}
.new_project .Slider {
  margin: 0 0 68px;
}
.slids_project {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px;
}
.slids_project h2 {
  font-size: 4rem;
}
.slids_project_left {
  width: 50%;
  padding: 0 40px;
}
.slids_project_right {
  width: 50%;
  padding: 0 40px;
}
.articel_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 45px -40px 70px 0;
}
.articel_button > * {
  margin: 10px 40px 10px 0;
}
.intersting {
  border-top: 3px solid #f1f1f4;
  margin: 80px 0 0;
  padding: 60px 0 0;
}
.intersting h3 {
  margin: 0 0 60px;
}
.intersting .news .img_box {
  height: 120px;
  width: 28%;
}
.intersting .news .news_cont {
  width: 72%;
}
.intersting .list_news_top {
  margin-top: -10px;
}
.intersting .list_news_top >li {
  padding-top: 10px;
}
.line {
  height: 3px;
  background: #f1f1f4;
  position: relative;
  margin: 120px 0;
}
.line::before {
  display: block;
  content: '';
  background: #fff;
  border: 3px solid #f1f1f4;
  border-bottom: 0;
  border-right: 0;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -15px;
  left: 125px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.project_section {
  margin: 0 0 120px;
}
.project_section > *:last-child {
  margin-bottom: 0;
}
.project_data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px 60px;
}
.project_data h2 {
  font-size: 4rem;
  color: #fb4031;
}
.project_data_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.project_data_box {
  width: 50%;
  padding: 0 40px;
}
.project_data_box h2 {
  padding-top: 20px;
}
.project_data_box > *:last-child {
  margin-bottom: 0;
}
.project_data_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 0 -40px;
}
.project_data_btn > * {
  margin: 0 0 0 40px;
}
.project_data_btn .btn_none {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ptoject_form {
  margin: 0 -10000px 90px;
  padding: 85px 10000px 100px;
  background: #0e1745;
  position: relative;
  z-index: 5;
}
.ptoject_form::before {
  display: block;
  content: '';
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 216px;
  background: url("/local/templates/atospro/css/../img/bg_ptoject_form.png") repeat-x 50% 100%;
  opacity: 0.1;
}
.ptoject_form .title_main {
  display: block;
  text-align: center;
  color: #fff;
  max-width: 1000px;
  margin: 0 auto 50px;
}
.ptoject_form .btn_border {
  background: none;
  color: #fff;
}
.ptoject_form .btn_border:hover {
  background: #fb4031;
}
.ptoject_form .tx,
.ptoject_form textarea {
  color: #fff;
}
.ptoject_form:last-child {
  margin-bottom: -80px;
}
.CaruselProjectBox {
  position: relative;
}
.CaruselNavTop .CaruselNav {
  position: absolute;
  top: -112px;
  right: 0;
  margin: 0;
  max-width: 400px;
}
.CaruselNavTop .title_main {
  padding-right: 450px;
}
.CaruselProject {
  margin: 0 -15px;
}
.CaruselProject .slick-slide {
  padding: 0 15px;
}
.company_about {
  text-align: center;
  background: url("/local/templates/atospro/css/../img/bg_company_about.jpg") no-repeat 50% 0;
  padding: 63px 15px 0;
  margin: 0 -15px 60px;
}
.company_about h1 {
  font-size: 15.6rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 25px;
}
.company_about h1 span {
  display: block;
  font-size: 2.6rem;
  color: #fb4031;
  margin: 0 0 15px;
}
.company_about h2 {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: bold;
}
.company_about p {
  margin: 0 0 56px;
}
.company_about_top {
  max-width: 830px;
  margin: 0 auto 60px;
}
.company_about_top h1 {
  font-size: 10.5rem;
  margin: 0 0 15px;
}
.company_about_top h1 span {
  font-size: 3rem;
  font-weight: 600;
  text-transform: lowercase;
}
.company_about_top h2 {
  font-size: 3rem;
}
.company_info {
  background: url("/local/templates/atospro/css/../img/bg_company_info.png") no-repeat 50% 0;
  padding: 72px 15px 0;
  text-align: center;
  margin: 0 -15px 80px;
}
.company_info .list {
  margin: 0 0 100px;
  text-align: left;
}
.company_info .list li {
  display: inline-block;
  width: 50%;
  min-height: 90px;
}
.title_company {
  margin: 0 0 60px;
  text-align: center;
}
.title_company h2 {
  font-size: 8rem;
  margin: 0 0 55px;
}
.title_company > *:last-child {
  margin-bottom: 0;
}
.title_company .sub_logo {
  margin: -25px 0 0;
}
.title_company .sub_logo img {
  margin: auto;
}
.CaruselImg {
  margin: 0 0 53px;
}
.CaruselImg .slick-slide {
  padding: 0 15px;
  text-align: center;
}
.CaruselImg a {
  display: inline-block;
  text-decoration: none;
}
.CaruselImg a span {
  font-size: 1.6rem;
  display: inline-block;
  padding: 0 0 0 40px;
  margin: 20px 0 0;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.CaruselImg a span i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2.3rem;
}
.CaruselImg a:hover span {
  opacity: 1;
}
.CaruselImg .CaruselNav {
  max-width: 400px;
}
.company_history {
  text-align: center;
  background: url("/local/templates/atospro/css/../img/bg_company_history.png") no-repeat 50% 0;
  margin: 0 -15px 30px;
  padding: 57px 15px 0;
}
.company_history > *:last-child {
  margin-bottom: 0;
}
.company_adv {
  border-top: 3px solid #f1f1f4;
  padding: 60px 0 0;
  margin: 0 0 60px;
}
.company_adv h3 {
  text-align: center;
  margin: 0 0 60px;
}
.list_adv {
  list-style: none;
  margin: -55px -30px 0;
}
.list_adv >li {
  display: inline-block;
  width: 50%;
  padding: 55px 30px 0;
}
.adv_one {
  padding: 0 0 0 110px;
  position: relative;
  font-size: 1.6rem;
  color: #9fa3b1;
}
.adv_one .icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #fb4031;
  font-size: 6.5rem;
  line-height: 0;
}
.adv_one .name {
  font-weight: bold;
  font-size: 2rem;
  color: #141e52;
  margin: 0 0 8px;
  display: block;
}
.adv_one p {
  margin: 0;
}
.company_contact {
  background: url("/local/templates/atospro/css/../img/bg_company_contact.png") no-repeat 50% 0;
  margin: 0 -15px 80px;
  padding: 85px 0 0;
}
.company_contact .title_company {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}
.company_contact:last-child {
  margin-bottom: -80px;
}
/* FOOTER
-----------*/
#footer {
  background: #0e1745;
  margin: 0 -15px;
  padding: 0 15px 0;
  font-size: 2rem;
  min-height: 670px;
  color: #fff;
}
.footer_box {
  max-width: 1250px;
  margin: auto;
  padding: 77px 0 77px;
}
.footer_box > *:last-child {
  margin-bottom: 0;
}
.foot_title {
  display: block;
  font-weight: 600;
  font-size: 2.5rem;
  margin: 0 0 35px;
}
.footer_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px 77px;
}
.foot_one {
  width: 50%;
  padding: 0 15px;
}
.foot_two {
  width: 25%;
  padding: 0 15px;
}
.foot_three {
  width: 25%;
  padding: 0 15px;
}
.foot_event {
  list-style: none;
  margin: -25px 0 0;
}
.foot_event >li {
  padding: 25px 0 0;
}
.foot_event .date {
  display: block;
  font-size: 1.6rem;
  padding: 0 0 2px;
}
.foot_event .name {
  display: block;
  color: #fff;
}
.foot_event .name a {
  color: #fff;
}
.foot_event .name a:hover {
  text-decoration: none;
  color: #fb4031;
}
.foot_menu {
  list-style: none;
  margin: -28px 0 0;
}
.foot_menu >li {
  padding: 21px 0 0;
}
.foot_menu >li >a {
  color: #fff;
}
.foot_menu >li >a:hover {
  color: #fb4031;
  text-decoration: none;
}
.foot_data {
  list-style: none;
  margin: -28px 0 28px;
}
.foot_data >li {
  padding: 21px 0 0;
}
.foot_data .foot_phone a {
  color: #fff;  
}
.socails {
  list-style: none;
  margin: -10px 0 0 -10px;
}
.socails >li {
  display: inline-block;
  padding: 10px 0 0 10px;
}
.socails >li a {
  display: block;
  height: 45px;
  width: 45px;
  position: relative;
}
.socails >li a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.socails >li a:hover {
  opacity: 0.75;
}
.icon-fb {
  display: block;
  height: 45px;
  width: 45px;
  position: relative;
  color: #fff;
  background: #3d5b99;
  font-size: 2.2rem;
}
.icon-fb::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.icon-play {
  display: block;
  height: 45px;
  width: 45px;
  position: relative;
  color: #ff0000;
  background: #fff;
  font-size: 2.2rem;
}
.icon-play:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.icon-google-plus {
  display: block;
  height: 45px;
  width: 45px;
  position: relative;
  color: #fff;
  background: #db4a39;
  font-size: 3.4rem;
}
.icon-google-plus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.icon-tumbir {
  display: block;
  height: 45px;
  width: 45px;
  position: relative;
  color: #fff;
  background: #33455d;
  font-size: 2.2rem;
}
.icon-tumbir::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.footer_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
}
.foot_bot_one {
  width: 23%;
  padding: 0 15px;
}
.foot_bot_two {
  width: 52%;
  padding: 0 15px;
}
.foot_bot_three {
  width: 25%;
  padding: 0 15px;
}
.foot_logo {
  max-width: 240px;
}
.foot_logo img {
  width: 100%;
}
.foot_link {
  list-style: none;
  margin: -11px 0 0;
}
.foot_link >li {
  font-size: 1.6rem;
  padding: 11px 0 0;
}
.foot_link >li >a {
  color: #fff;
}
.foot_info {
  font-size: 1.6rem;
}
.foot_info p {
  margin: 0 0 11px;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  text-align: center;
  background: rgba(4,11,38,0.3);
  width: 0;
  overflow: hidden;
  opacity: 0;
  letter-spacing: -0.36em;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup .popup_box {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
       -o-transform: scale(0.5);
          transform: scale(0.5);
  letter-spacing: 0;
}
.popup::before {
  display: inline-block;
  content: '';
  height: 100%;
  width: 1px;
  vertical-align: middle;
}
.popup.active {
  width: auto;
  opacity: 1;
  overflow-y: scroll;
  min-width: 320px;
}
.popup.active .popup_box {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.popup_box {
  display: inline-block;
  vertical-align: middle;
  max-width: 470px;
  width: 96%;
  position: relative;
  text-align: left;
  background: #fff;
  margin: 15px 0;
  padding: 45px 35px 35px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close_popup {
  position: absolute;
  top: 52px;
  right: 35px;
  height: 24px;
  width: 24px;
}
.close_popup::before,
.close_popup::after {
  display: block;
  content: '';
  height: 2px;
  width: 30px;
  background: #9fa2b1;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close_popup::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close_popup:hover::before,
.close_popup:hover::after {
  background: #fb4031;
}
body.hidden {
  overflow-y: hidden;
}
.form_popup .btn_border {
  width: 100%;
  margin: 20px 0 0;
}
.form_popup h3 {
  margin: 0 30px 38px 0;
}
.popup_thanks {
  max-width: 370px;
  margin: auto;
  text-align: center;
}
.popup_thanks .icon_txh {
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #fb4031;
  margin: 0 auto 25px;
  position: relative;
  color: #fff;
  font-size: 2.6rem;
}
.popup_thanks .icon_txh i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup_thanks h3 {
  line-height: 1;
  margin: 0 0 15px;
}
.popup_thanks p {
  font-size: 1.6rem;
  color: #9fa3b1;
  line-height: 1.2;
}
.popup_thanks .link {
  font-size: 1.6rem;
  color: #9fa3b1;
  text-decoration: none;
}
.popup_thanks .link i {
  font-size: 1.1rem;
  margin: 0 15px 0 0;
}
.popup_thanks .link:hover {
  color: #fb4031;
}
a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
*::-webkit-input-placeholder {
  opacity: 1;
  color: #d0d0d8;
}
*:-moz-placeholder {
  opacity: 1;
  color: #d0d0d8;
}
*::-moz-placeholder {
  opacity: 1;
  color: #d0d0d8;
}
*:-ms-input-placeholder {
  opacity: 1;
  color: #d0d0d8;
}
.gradient {
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#d6002d), to(#ff4a64));
  background: -webkit-linear-gradient(#d6002d 0%, #ff4a64 100%);
  background: -o-linear-gradient(#d6002d 0%, #ff4a64 100%);
  background: linear-gradient(#d6002d 0%, #ff4a64 100%);
}
.gradient1 {
  background: #000;
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, rgba(0,0,0,0.1)), to(transparent));
  background: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
  background: -o-linear-gradient(right, transparent 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
  background: linear-gradient(to left, transparent 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
}

/**
 * Additional styles
 */

 #map,
.full-width {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.errortext-wrapper {
  position: relative;
}

.errortext-wrapper .errortext {
  /*margin-left: 30px;*/
  /*color: #9fa3b1 !important;*/
  /*color: #fff !important;*/
  display: block;
  width: 100%;
  padding: 20px 20px 20px 50px;
  border: 2px solid #fb4031;
}

#main .errortext-wrapper .errortext,
#main .errortext-wrapper .notetext {
  color:#fff;
}

.errortext::before {
  display: block;
  content: '';
  position: absolute;
  height: 18px;
  width: 22px;
  top: 22px;
  left: 20px;
  border-bottom: 18px solid #fb4031;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  color: #fff;
}

.errortext::after {
  display: block;
  content: '!';
  position: absolute;
  height: 18px;
  width: 22px;
  top: 22px;
  left: 20px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 20px;
}

.main-slide {
  max-width:1250px;
  width:100%;
  display:block;
}

.information_box {
  min-height: 500px;
}

.form_order .errortext-wrapper .errortext {
  color: #fff;
}

.search-page .tx {
  width: auto;
  display: inline-block;
  height: 68px;
  padding: 0;
}

.search-page button {
  font-size: 2rem;
  background: #9fa3b1;
  padding: 2px 0;
  width: 76px;
  color: #fff;
  display: inline-block;
  height: 68px;
  line-height: 68px;
  text-align: center;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  border: none;
}

.search-page button:hover {
  background: #0e1745;
  cursor: pointer;
}
/* End */


/* Start:/local/templates/atospro/css/style750.css?15665885956735*/
@media only screen and (max-width: 1800px) {
  .ServiceCarusel {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 1200px) {
  .news_page_box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .news_page {
    margin-left: -15px;
    margin-right: -15px;
  }
  .article_right {
    padding-left: 30px;
  }
  .article_left {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  * {
    -webkit-tap-highlight-color: transparent;
  }
  .header_top_box {
    display: block;
  }
  .head_data .head_data_box {
    display: none;
  }
  .header_nav a.icon_mobile {
    display: block;
  }
  .header_nav a {
    height: 58px;
    line-height: 58px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .header_nav a.nav_icon {
    width: 58px;
  }
  .head_data .head_phone_bot .call_back {
    margin-right: 30px;
  }
  .header_top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: inherit;
  }
  .menu_box {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 555;
    padding: 100px 0 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .menu_box.active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
  .menu {
    display: block;
    text-align: center;
    padding: 0;
    height: 100%;
    overflow: auto;
    margin: 0;
  }
  .menu >li {
    padding: 0;
  }
  .menu >li >a {
    display: block;
    font-size: 3rem;
    padding: 5px 0;
  }
  .header_nav >li.icon_mobile,
  .header_nav >li.open_menu_box {
    display: block;
  }
  .close_menu {
    position: absolute;
    top: 40px;
    left: 50%;
    margin: 0 0 0 -20px;
    height: 40px;
    width: 40px;
  }
  .close_menu::before,
  .close_menu::after {
    display: block;
    content: '';
    height: 4px;
    width: 50px;
    background: #0e1745;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -25px;
    border-radius: 4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .close_menu::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .defalt {
    display: block;
  }
  .form_page_col {
    width: 50%;
  }
  .Slider,
  .CaruselProject {
    margin-bottom: 50px;
  }
  .head_search {
    left: -15px;
    right: -15px;
  }
  .link_drop::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
  }
  .sub_drop_box {
    display: none;
  }
  .header_nav a.nav_icon {
    background: #0e1745;
  }
  #header.header_index {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #header.header_index .header_top {
    height: 126px;
  }
  #header.header_index .head_data a,
  #header.header_index .phone_more .name {
    color: #37f7fa;
  }
  #header.header_index .phone_more_drop ul {
    background: #0e1745;
  }
  .about_box {
    width: auto;
  }
  .list_advantage >li {
    width: 50%;
  }
  .form_order {
    padding: 35px 15px;
  }
  .information .content_box {
    padding-top: 150px;
  }
  .information .sub_logo {
    max-width: 380px;
  }
  .about {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .about h2,
  .service_section h2,
  .contact_index h2 {
    font-size: 8rem;
  }
  .one_service .name a {
    color: #0e1745;
  }
  .CaruselPartners {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .CaruselPartners .slick-slide {
    padding-left: 0;
    padding-right: 0;
  }
  .page_404 {
    display: block;
    padding: 0;
    text-align: center;
  }
  .page_404 .page_404_cont {
    padding-left: 0;
  }
  .contact {
    display: block;
  }
  .contact_left,
  .contact_right {
    width: auto;
  }
  .list_contact li .phone::before {
    display: none;
  }
  .title_main .paging {
    display: none;
  }
  .news_page {
    display: block;
    margin: -30px 0 30px;
  }
  .news_page_box {
    width: 100%;
    padding: 30px 0 0;
  }
  .list_news >li {
    width: 33.33%;
  }
  .top_title {
    margin-bottom: 50px;
  }
  .list_news_column >li {
    width: 100%;
  }
  .article {
    display: block;
  }
  .article_left {
    margin: 0 0 50px;
  }
  .article_left,
  .article_right {
    width: auto;
    padding: 0;
  }
  .article_right {
    border: 0;
  }
  .list_service > li {
    width: 50%;
  }
  .list_service_two >li {
    width: 100%;
  }
  .service.service_main .img_box {
    -webkit-filter: none;
            filter: none;
    opacity: 1;
    height: 250px;
  }
  .service.service_main:hover .img_box {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ServiceCarusel .slick-slide {
    padding-bottom: 50px;
  }
  .ServiceBox {
    margin-bottom: 50px;
  }
  .photo_section .SliderNav {
    position: relative;
    top: auto;
    margin: auto;
  }
  .photo_section .title_main {
    padding-right: 0;
  }
  .slids_project {
    display: block;
  }
  .slids_project_left {
    width: auto;
    margin: 0 0 20px;
  }
  .slids_project_right {
    width: auto;
  }
  .service_section.bg_dots {
    background: none;
  }
  .foot_data .foot_phone span {
    display: none;
  }
  .foot_data .foot_phone a {
    display: inline-block;
    text-decoration: none;
  }
  .CaruselNavTop .CaruselNav {
    position: relative;
    top: auto;
    max-width: 500px;
    margin: auto;
  }
  .project_data {
    display: block;
    margin: -50px 0 0;
  }
  .project_data_box {
    width: auto;
    padding: 50px 0 0;
  }
  .project_data_btn {
    margin-top: 30px;
  }
  .project_data_box h2 {
    padding-top: 0;
  }
  .CaruselImg a span {
    opacity: 1;
  }
  .adv_one {
    padding-left: 0;
  }
  .adv_one .icon {
    position: static;
    display: block;
    height: 70px;
  }
  .title_company .sub_logo {
    margin-top: -10px;
  }
  .title_company .sub_logo img {
    width: 200px;
  }
  .title_company {
    margin-bottom: 30px;
  }
  .company_adv h3 {
    margin-bottom: 30px;
  }
}

/* End */


/* Start:/local/templates/atospro/css/style320.css?15665885958575*/
@media only screen and (max-width: 767px) {
  h2 {
    margin-bottom: 30px;
  }
  .title_main,
  .intersting h3,
  .form_page h2 {
    margin-bottom: 35px;
  }
  .header_top {
    display: block;
  }
  .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 20px;
  }
  .head_data {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header_nav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -15px 10px;
  }
  .header_nav >li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .header_nav >li a {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .img_left {
    float: none;
    margin-right: 0;
  }
  .img_text .sub_text {
    padding: 0 20px 20px;
    font-size: 2.2rem;
  }
  .form_page_col {
    width: 100%;
  }
  .form_btn {
    display: block;
  }
  .form_text {
    margin: 15px 0 0;
  }
  .footer_top,
  .footer_bottom {
    display: block;
  }
  .foot_one,
  .foot_two,
  .foot_three,
  .foot_bot_one,
  .foot_bot_two,
  .foot_bot_three {
    width: 100%;
    margin: 0 0 30px;
    text-align: center;
  }
  .foot_bot_three {
    margin-bottom: 0;
  }
  .footer_box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer_top {
    margin-bottom: 0;
  }
  .foot_logo {
    margin: auto;
  }
  .breadmbrumb >li {
    padding-right: 15px;
    margin-right: 10px;
  }
  .content {
    padding-top: 30px;
  }
  .line_box {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .popup_box {
    padding-top: 35px;
  }
  .close_popup {
    top: 35px;
  }
  .information .content_box {
    padding-top: 250px;
  }
  .about {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .about h2,
  .partners h2,
  .form_order h2,
  .service_section h2,
  .contact_index h2 {
    font-size: 5rem;
    margin: 0 0 20px;
  }
  .list_advantage >li {
    width: 100%;
  }
  .form_btn .form_btn_text {
    margin-left: 0;
  }
  .partners {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .section {
    padding-bottom: 100px;
  }
  .section_white {
    padding-top: 50px;
  }
  .service_section {
    margin-bottom: 50px;
  }
  .one_service .img_box img {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-filter: none;
            filter: none;
    opacity: 1;
  }
  .one_service:hover .name a {
    color: #0e1745;
  }
  .information .name,
  .information .information_data {
    margin: 0 0 20px;
  }
  .information .content_box {
    min-height: 1px;
  }
  .form_order {
    margin-left: -15px;
    margin-right: -15px;
  }
  #map,
  #map_contact {
    height: 380px;
  }
  .btn_circle,
  .btn_border,
  .btn,
  .btn_border_circle {
    padding-left: 30px;
    padding-right: 30px;
  }
  .btn_upper {
    letter-spacing: 0;
  }
  .information .more {
    display: none;
  }
  .information .content_box {
    padding-bottom: 0px;
  }
  .page_404 .number {
    font-size: 24rem;
  }
  .news_main {
    padding: 15px;
  }
  .list_news >li {
    width: 50%;
  }
  .news .name {
    font-size: 1.8rem;
  }
  .list_news,
  .list_news_column,
  .list_service,
  .list_service_two {
    margin-bottom: 50px;
  }
  .top_title {
    margin-bottom: 40px;
  }
  .article .img_article {
    margin-bottom: 30px;
  }
  .article_cosial {
    margin: 30px 0;
  }
  .list_service > li {
    width: 100%;
  }
  .service_in {
    padding: 15px;
  }
  .service.service_main .img_box {
    height: 220px;
    -webkit-filter: none;
            filter: none;
    opacity: 1;
  }
  .service.service_main .name {
    min-height: 1px;
    margin: 0 0 10px;
  }
  .new_project {
    margin-top: 50px;
    padding-top: 50px;
  }
  .Slider {
    margin-bottom: 30px;
  }
  .ServiceCarusel .slick-slide {
    padding-bottom: 30px;
  }
  .ServiceBox {
    margin-bottom: 30px;
  }
  .intersting {
    margin-top: 50px;
    padding-top: 50px;
  }
  .line {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .line::before {
    left: 25px;
  }
  .project_section,
  .SliderBox,
  .ptoject_form {
    margin-bottom: 50px;
  }
  .ptoject_form {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .company_about {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .company_about h1 {
    font-size: 10rem;
  }
  .company_about h1 span {
    font-size: 2rem;
  }
  .company_about h2 {
    font-size: 3rem;
  }
  .company_about_top {
    margin-bottom: 50px;
  }
  .company_info {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .title_company h2 {
    font-size: 5rem;
  }
  .company_info .list li {
    width: 100%;
    min-height: 1px;
  }
  .CaruselImg {
    margin-bottom: 30px;
  }
  .company_history {
    margin-bottom: 50px;
    padding-top: 50px;
  }
  .list_adv >li {
    width: 100%;
  }
  .company_adv {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .company_contact {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .project_more {
    margin-bottom: 50px;
  }
  .adv_one {
    text-align: center;
  }
  .title_company h2 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .title_main h1,
  .title_main h2 {
    font-size: 3.5rem;
  }
  h1,
  .form_page h2,
  .slids_project h2,
  .project_data h2 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.6rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  .img_text .sub_text {
    font-size: 1.8rem;
    padding: 0 10px 10px;
  }
  .header_nav {
    margin: 0 -15px 10px;
  }
  .header_nav >li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .header_nav >li a {
    width: 100% !important;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.2rem;
  }
  .header_nav >li.open_menu_box {
    position: absolute;
    top: 25px;
    right: 0;
    width: 48px;
  }
  .header_nav >li.open_menu_box a {
    width: 48px;
    height: 48px;
    display: block;
  }
  .logo {
    display: block;
    width: 200px;
    margin: 0 0 15px;
  }
  .head_data {
    margin: 0 0 0 -30px;
  }
  .defalt {
    margin-bottom: 10px;
  }
  .head_data {
    display: block;
  }
  .head_data >li {
    width: 100%;
    text-align: center;
  }
  .head_data .head_phone_bot {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .popup_box {
    padding: 15px;
  }
  .close_popup {
    top: 15px;
    right: 15px;
  }
  .advantage .name {
    font-size: 2rem;
  }
  .btn_circle .icon-serteficat {
    display: none;
  }
  #map,
  #map_contact {
    height: 300px;
  }
  .information .information_data {
    padding-left: 20px;
  }
  .page_404 .number {
    font-size: 16rem;
  }
  .list_contact li {
    padding-left: 0;
  }
  .list_contact li .name {
    position: relative;
    top: auto;
    width: auto;
    display: block;
    margin: 0 0 10px;
  }
  .list_news >li {
    width: 100%;
  }
  .news {
    display: block;
  }
  .news .img_box {
    width: 100%;
    height: 150px;
    margin: 0 0 20px;
  }
  .news .news_cont {
    padding: 0;
    width: 100%;
  }
  .news .name {
    min-height: 1px;
    font-size: 2rem;
  }
  .paging >li .p_next,
  .paging >li .p_prev {
    display: none;
  }
  .news_page {
    margin-bottom: 30px;
  }
  .list_article_event .news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .list_article_event .news .news_cont {
    padding-left: 20px;
  }
  .service_in {
    font-size: 2rem;
    min-height: 250px;
  }
  .service.service_main .img_box {
    height: 180px;
  }
  .intersting .news .img_box,
  .intersting .news .news_cont {
    width: 100%;
  }
  .list_article_event .service .service_cont {
    padding-left: 20px;
  }
  .information .btn_circle {
    margin: 0;
  }
  .intersting .list_news_top {
    margin-top: -30px;
  }
  .intersting .list_news_top >li {
    padding-top: 30px;
  }
  .list >li {
    padding-left: 35px;
  }
  .company_about h1 {
    font-size: 8rem;
  }
  .company_about h1 span {
    font-size: 1.8rem;
  }
  .company_about h2 {
    font-size: 2.6rem;
  }
  .title_company h2 {
    font-size: 4rem;
  }
}

/* End */


/* Start:/local/templates/atospro/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1566588595467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/atospro/styles.css?1666192236953*/
.other_images {
	display: block;
}
.other_images_mobile {
	display: none;
}
.other_images img, .other_images_mobile img{
	width:100%;
}
.article_right .btn {
	margin-bottom:50px;
}

.article .detail_picture {
	margin: 0 auto;
}

.article .other_images .fancybox img {
	max-width: 300px;
	margin: 0 auto;
}

#main .form-contacts .errortext-wrapper .errortext {
	color: red;
}

#main .form-contacts .errortext-wrapper .notetext {
	color: green;
}

@media only screen and (max-width: 1024px) {
	.other_images {
		display: none;
	}
	.other_images_mobile {
		display: block;
	}
}
.head_data_box a, .foot_data a {text-decoration: none;}
#header.header_index .head_data a, .foot_data a  {color:#fff;}
.head_data a {color:#0e1745}
.menu >li >a.selected {color: #fb4031;}

@media only screen and (min-width: 1024px) {.img_text.imgright {
    margin-bottom: 310px;
	}}

.img_text .sub_text {
    font-size: 2.2rem;
    line-height: 2.5rem;
padding: 0 40px 20px;
}
/* End */
/* /local/templates/atospro/css/plagins.css?15665885955226 */
/* /local/templates/atospro/css/icons.css?15665885952119 */
/* /local/templates/atospro/css/style.css?159600493665431 */
/* /local/templates/atospro/css/style750.css?15665885956735 */
/* /local/templates/atospro/css/style320.css?15665885958575 */
/* /local/templates/atospro/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1566588595467 */
/* /local/templates/atospro/styles.css?1666192236953 */