Commit 449387471b8002fa12b1ea19e148afeca00b0f81

Authored by Виталий
1 parent 7dd0885e

new index header and footer

frontend/assets/AppAsset.php
... ... @@ -23,6 +23,7 @@
23 23 'css/main.css',
24 24 'css/scroll.css',
25 25 'css/new-style/new.css',
  26 + 'css/new-style/new-index.css',
26 27 ];
27 28 public $js = [
28 29 'js/jquery.cookie.js',
... ...
frontend/views/layouts/main.php
... ... @@ -92,34 +92,76 @@
92 92 <div id="all">
93 93 <div id="top" class="hidden-xs">
94 94 <div class="container">
95   - <div class="row">
96   - <div class="col-md-10 col-sm-10 col-xs-8 phones_head" style="height:100%;">
97   - <div class="top_phones"><i class="fa fa-phone" aria-hidden="true"></i>
98   - <span><a href="tel:<?= $settings->phone ?>"><?= $settings->phone ?></a></span>
99   - <span><a href="tel:<?= $settings->phone2 ?>"><?= $settings->phone2 ?></a></span>
100   - </div>
101   - <div class="top_mail">
102   - <i class="fa fa-envelope-o" aria-hidden="true"></i>
103   - <span><a href="tel:<?= $settings->email ?>"><?= $settings->email ?></a></span>
104   - </div>
  95 + <div class="row row-flex align-items-center">
  96 + <div class="header-lang-col">
  97 + <?php
  98 + $langs = \Yii::$app->language;
  99 + $langs_a = explode("-",$langs);
  100 + $this_lang = $langs_a['0'];
  101 +
  102 + $langs_head = artbox\core\widgets\LangLink::widget();
  103 + $langs_head = str_replace(" / ".$this_lang,"",$langs_head);
  104 + $langs_head = str_replace($this_lang." / ","",$langs_head);
  105 + // удаляет последний "/" в ссылке тэга, после ссылки тэг закрывается
  106 + $langs_head = str_replace("/\">", "\">", $langs_head);
  107 +
  108 + echo "<span class='active_lang'>$this_lang</span>".$langs_head;
  109 + ?>
105 110 </div>
106   - <div class="col-md-2 col-sm-2 col-xs-4 text-right" style="height:100%;">
107   - <div class="header-lang">
108   - <?php
109   - $langs = \Yii::$app->language;
110   - $langs_a = explode("-",$langs);
111   - $this_lang = $langs_a['0'];
112   -
113   - $langs_head = artbox\core\widgets\LangLink::widget();
114   - $langs_head = str_replace(" / ".$this_lang,"",$langs_head);
115   - $langs_head = str_replace($this_lang." / ","",$langs_head);
116   - // удаляет последний "/" в ссылке тэга, после ссылки тэг закрывается
117   - $langs_head = str_replace("/\">", "\">", $langs_head);
118   -
119   - echo "<span class='active_lang'>$this_lang</span>".$langs_head;
120   - ?>
  111 + <div class="first-menu-col">
  112 + <?php
  113 + $itemsFirst = [];
  114 + $itemsFirst[] = [
  115 + 'label' => \Yii::t('app', 'menu-about'),
  116 + 'url' => [ 'site/about' ],
  117 + ];
  118 + $itemsFirst[] = [
  119 + 'label' => \Yii::t('app', 'menu-blog'),
  120 + 'url' => [ 'blog/index' ],
  121 + ];
  122 + $itemsFirst[] = [
  123 + 'label' => \Yii::t('app', 'menu-contacts'),
  124 + 'url' => [ 'site/contact' ],
  125 + ];
  126 + $itemsFirst[] = [
  127 + 'label' => \Yii::t('app', 'menu-mediaabout'),
  128 + 'url' => [ "site/media-about" ],
  129 + ];
  130 +
  131 + foreach ($pageCategories as $pageCategory){
  132 + foreach ($pageCategory->pages as $page){
  133 + $position = $page->sort -1;
  134 + $toInsert = [[
  135 + 'label' => $page->lang->title,
  136 + 'url' => [
  137 + 'page/view',
  138 + 'alias' => $page->lang->alias
  139 + ]
  140 + ]];
  141 + array_splice( $itemsFirst, $position, 0 );
  142 + }
  143 + }
  144 +
  145 + echo Nav::widget(
  146 + [
  147 + 'items' => $itemsFirst,
  148 + 'options' => [
  149 + 'class' => '',
  150 + ],
  151 +
  152 + ]
  153 + );
  154 + ?>
  155 + </div>
  156 + <div class="first-mail-col">
  157 + <a href="mailto:<?=$settings->email?>"><?=$settings->email?></a>
  158 + </div>
  159 + <div class="first-phone-col">
  160 + <div class="top_phones">
  161 + <a href="tel:<?= $settings->phone ?>"><?= $settings->phone ?></a>
121 162 </div>
122 163 </div>
  164 +
123 165 </div>
124 166 </div>
125 167 </div>
... ... @@ -156,12 +198,10 @@
156 198 </div>
157 199  
158 200 <div class="navbar-collapse collapse" id="navigation">
  201 +
159 202 <?php
160 203 $items = [];
161   - $items[] = [
162   - 'label' => \Yii::t('app', 'menu-about'),
163   - 'url' => [ 'site/about' ],
164   - ];
  204 +
165 205 $items[] = [
166 206 'label' => \Yii::t('app', 'menu-individual'),
167 207 'url' => [ 'site/individual' ],
... ... @@ -174,22 +214,7 @@
174 214 'label' => \Yii::t('app', 'menu-objects'),
175 215 'url' => [ 'object/index' ],
176 216 ];
177   -// $items[] = [
178   -// 'label' => \Yii::t('app', 'menu-green'),
179   -// 'url' => [ 'site/green' ],
180   -// ];
181   - $items[] = [
182   - 'label' => \Yii::t('app', 'menu-mediaabout'),
183   - 'url' => [ "site/media-about" ],
184   - ];
185   - $items[] = [
186   - 'label' => \Yii::t('app', 'menu-blog'),
187   - 'url' => [ 'blog/index' ],
188   - ];
189   - $items[] = [
190   - 'label' => \Yii::t('app', 'menu-contacts'),
191   - 'url' => [ 'site/contact' ],
192   - ];
  217 +
193 218  
194 219 foreach ($pageCategories as $pageCategory){
195 220 foreach ($pageCategory->pages as $page){
... ... @@ -214,6 +239,52 @@
214 239 ]
215 240 );
216 241 ?>
  242 + <div class="hidden-main-menu hidden-sm hidden-md hidden-lg">
  243 + <?php
  244 + $itemsHidden = [];
  245 + $itemsHidden[] = [
  246 + 'label' => \Yii::t('app', 'menu-about'),
  247 + 'url' => [ 'site/about' ],
  248 + ];
  249 + $itemsHidden[] = [
  250 + 'label' => \Yii::t('app', 'menu-blog'),
  251 + 'url' => [ 'blog/index' ],
  252 + ];
  253 + $itemsHidden[] = [
  254 + 'label' => \Yii::t('app', 'menu-contacts'),
  255 + 'url' => [ 'site/contact' ],
  256 + ];
  257 + $itemsHidden[] = [
  258 + 'label' => \Yii::t('app', 'menu-mediaabout'),
  259 + 'url' => [ "site/media-about" ],
  260 + ];
  261 +
  262 + foreach ($pageCategories as $pageCategory){
  263 + foreach ($pageCategory->pages as $page){
  264 + $position = $page->sort -1;
  265 + $toInsert = [[
  266 + 'label' => $page->lang->title,
  267 + 'url' => [
  268 + 'page/view',
  269 + 'alias' => $page->lang->alias
  270 + ]
  271 + ]];
  272 + array_splice( $itemsHidden, $position, 0 );
  273 + }
  274 + }
  275 +
  276 + echo Nav::widget(
  277 + [
  278 + 'items' => $itemsHidden,
  279 + 'options' => [
  280 + 'class' => 'nav navbar-nav navbar-right',
  281 + ],
  282 + ]
  283 + );
  284 + ?>
  285 + </div>
  286 +
  287 +
217 288 </div>
218 289  
219 290  
... ...
frontend/views/site/index.php
... ... @@ -28,35 +28,469 @@ JS;
28 28 $this->registerJs($js, View::POS_END);
29 29 ?>
30 30  
31   -<div id="main-page">
32   - <section class="no-mb main-slider">
33   -
34   - <?php
35   - $slideItems = [];
36   - foreach ($slider->slides as $slide){
37   - if(isset($slide->lang->image)){
38   - $slideItems[] = $slide->lang->image->getImg();
39   - }
40   - }
41   - echo \common\models\Carousel::widget(
42   - [
43   - 'items' => $slideItems
44   - ]
45   - );
46   - ?>
47   - <div class="box-simple">
48   - <a
49   - href="#"
50   - class="btn button1 icon_phone modaled init-button-consultation press-consultation"
51   - data-title="<?= \Yii::t('app', 'green_get') ?> <?= \Yii::t('app', 'green_get2') ?>"
52   - data-toggle="modal"
53   - data-target="#feedback-modal"
54   - >
55   - <?= \Yii::t('app', 'green_get') ?> <span><?= \Yii::t('app', 'green_get2') ?></span>
56   - </a>
  31 +<div id="main-page" class="new-index">
  32 + <section class="main-about" style="background-image: url('/img/new-index/section-1-bg.jpg')">
  33 + <div class="container">
  34 + <div class="row row-flex">
  35 + <div class="col-xs-12 align-self-start">
  36 + <div class="row row-flex align-items-center main-about__wrapp_title">
  37 + <div class="main-about__title">
  38 + <span>СОЛНЕЧНЫЕ</span>
  39 + <span>ЭЛЕКТРОСТАНЦИИ</span>
  40 + <span>для частных лиц и компаний</span>
  41 + </div>
  42 + <div class="main-about__button">
  43 + <a href="#" class="btn button1 icon_phone modaled init-button-consultation press-consultation" data-title="Отримати консультацію спеціаліста" data-toggle="modal" data-target="#feedback-modal">
  44 + Получить консультацию
  45 + </a>
  46 + </div>
  47 + </div>
  48 + </div>
  49 + <div class="col-xs-12 align-self-end">
  50 + <div class="row row-flex">
  51 + <div class="main-about__item">
  52 + <span>Мы первые подключили СЭС</span>
  53 + по Зеленому тарифу
  54 + в Киевской области
  55 + </div>
  56 + <div class="main-about__item">
  57 + <span>Более 800 объектов</span>
  58 + по Киевской области
  59 + </div>
  60 + <div class="main-about__item">
  61 + <span>Собственный штат</span>
  62 + инженеров-электриков,
  63 + монтажников, проектантов
  64 + </div>
  65 + <div class="main-about__item">
  66 + <span>Энергоаудит</span>
  67 + перед установкой мы делаем
  68 + полный анализ вашей
  69 + домашней энергосистемы
  70 + </div>
  71 + <div class="main-about__item">
  72 + <span>Экономим ваши деньги</span>
  73 + проектируя эффективную систему
  74 + </div>
  75 + </div>
  76 + </div>
  77 +
  78 + </div>
57 79 </div>
58   - <!-- тут место для слайдера -->
59 80 </section>
  81 + <section class="second-about">
  82 + <div class="container">
  83 + <div class="row">
  84 + <div class="col-xs-6 col-sm-6 col-md-3">
  85 + <div class="second-about__item">
  86 + <a href="#">
  87 + <img src="/img/new-index/second-about/second-about-1.jpg" alt="">
  88 + <span>Солнечные станции для Зеленого тарифа</span>
  89 + </a>
  90 + </div>
  91 + </div>
  92 + <div class="col-xs-6 col-sm-6 col-md-3">
  93 + <div class="second-about__item">
  94 + <a href="#">
  95 + <img src="/img/new-index/second-about/second-about-2.jpg" alt="">
  96 + <span>Автономные солнечные станции</span>
  97 + </a>
  98 + </div>
  99 + </div>
  100 + <div class="col-xs-6 col-sm-6 col-md-3">
  101 + <div class="second-about__item">
  102 + <a href="#">
  103 + <img src="/img/new-index/second-about/second-about-3.jpg" alt="">
  104 + <span>Автономное уличное освещение</span>
  105 + </a>
  106 + </div>
  107 + </div>
  108 + <div class="col-xs-6 col-sm-6 col-md-3">
  109 + <div class="second-about__item">
  110 + <a href="#">
  111 + <img src="/img/new-index/second-about/second-about-4.jpg" alt="">
  112 + <span>Гибридные солнечные станции</span>
  113 + </a>
  114 + </div>
  115 + </div>
  116 + </div>
  117 + </div>
  118 + </section>
  119 + <section class="index-solution">
  120 + <div class="container">
  121 + <div class="row">
  122 + <div class="col-xs-12">
  123 + <div class="index-solution__title">Решения для частных лиц</div>
  124 + </div>
  125 + </div>
  126 + <div class="row row-flex">
  127 + <div class="col-xs-12 col-sm-6 index-solution__col">
  128 + <div class="index-solution__item">
  129 + <a href="#" class="index-solution__item_img">
  130 + <!--540x240-->
  131 + <img src="/img/new-index/solution/solution-1.jpg" alt="">
  132 + </a>
  133 + <div class="index-solution__item_text">
  134 + <a href="#">Гібридна сонячна електростанція </br> для резервного живлення та продажу електроенергії по "зеленому" тарифу</a>
  135 + <table>
  136 + <tr>
  137 + <td>5,0 кВт</td>
  138 + <td> Номінальна потужність мережевого інвертора</td>
  139 + </tr>
  140 + <tr>
  141 + <td>7,4 кВт</td>
  142 + <td>Встановлена потужність фотоелектричних модулів</td>
  143 + </tr>
  144 + <tr>
  145 + <td>8 094 $</td>
  146 + <td>Вартість системи "під ключ"</td>
  147 + </tr>
  148 + </table>
  149 + </div>
  150 + </div>
  151 + </div>
  152 + <div class="col-xs-12 col-sm-6 index-solution__col">
  153 + <div class="index-solution__item">
  154 + <a href="#" class="index-solution__item_img">
  155 + <!--540x240-->
  156 + <img src="/img/new-index/solution/solution-2.jpg" alt="">
  157 + </a>
  158 + <div class="index-solution__item_text">
  159 + <a href="#">Мережева фотоелектрична станція </br> під «ЗЕЛЕНИЙ ТАРИФ»</a>
  160 + <table>
  161 + <tr>
  162 + <td>5,0 кВт</td>
  163 + <td> Номінальна потужність мережевого інвертора</td>
  164 + </tr>
  165 + <tr>
  166 + <td>7,4 кВт</td>
  167 + <td>Встановлена потужність фотоелектричних модулів</td>
  168 + </tr>
  169 + <tr>
  170 + <td>8 094 $</td>
  171 + <td>Вартість системи "під ключ"</td>
  172 + </tr>
  173 + </table>
  174 + </div>
  175 + </div>
  176 + </div>
  177 + <div class="col-xs-12 col-sm-6 index-solution__col">
  178 + <div class="index-solution__item">
  179 + <a href="#" class="index-solution__item_img">
  180 + <!--540x240-->
  181 + <img src="/img/new-index/solution/solution-3.jpg" alt="">
  182 + </a>
  183 + <div class="index-solution__item_text">
  184 + <a href="#">Мережева фотоелектрична станція під «ЗЕЛЕНИЙ ТАРИФ» з врахуванням власного споживання електроенергії</a>
  185 + <table>
  186 + <tr>
  187 + <td>10,0 кВт</td>
  188 + <td> Номінальна потужність мережевого інвертора</td>
  189 + </tr>
  190 + <tr>
  191 + <td>10,8 кВт</td>
  192 + <td>Встановлена потужність фотоелектричних модулів</td>
  193 + </tr>
  194 + <tr>
  195 + <td>5 078 $</td>
  196 + <td>Вартість системи "під ключ"</td>
  197 + </tr>
  198 + </table>
  199 + </div>
  200 + </div>
  201 + </div>
  202 + <div class="col-xs-12 col-sm-6 index-solution__col">
  203 + <div class="index-solution__item">
  204 + <a href="#" class="index-solution__item_img">
  205 + <!--540x240-->
  206 + <img src="/img/new-index/solution/solution-4.jpg" alt="">
  207 + </a>
  208 + <div class="index-solution__item_text">
  209 + <a href="#">Мережева фотоелектрична станція під «ЗЕЛЕНИЙ ТАРИФ» з врахуванням власного споживання електроенергії</a>
  210 + <table>
  211 + <tr>
  212 + <td>15,0 кВт</td>
  213 + <td> Номінальна потужність мережевого інвертора</td>
  214 + </tr>
  215 + <tr>
  216 + <td>15,3 кВт</td>
  217 + <td>Встановлена потужність фотоелектричних модулів</td>
  218 + </tr>
  219 + <tr>
  220 + <td>6 563 $</td>
  221 + <td>Вартість системи "під ключ"</td>
  222 + </tr>
  223 + </table>
  224 + </div>
  225 + </div>
  226 + </div>
  227 + </div>
  228 + <div class="row row-flex justify-content-center">
  229 + <div class="index-solution__more">
  230 + <a href="#" class="animation-hover">больше решений</a>
  231 + </div>
  232 + </div>
  233 + </div>
  234 + </section>
  235 + <section class="index-solution-slider">
  236 + <div class="container">
  237 + <div class="row">
  238 + <div class="col-xs-12">
  239 + <div class="index-solution-slider__title">Решения</div>
  240 + </div>
  241 + </div>
  242 + <div class="row row-flex index-solution-slider__row">
  243 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  244 + <div class="index-solution-slider__item">
  245 + <a href="#" class="index-solution-slider__item_img">
  246 + <!--обрезать по высоте в 211px-->
  247 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  248 + </a>
  249 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  250 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  251 + </div>
  252 + </div>
  253 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  254 + <div class="index-solution-slider__item">
  255 + <a href="#" class="index-solution-slider__item_img">
  256 + <!--обрезать по высоте в 211px-->
  257 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  258 + </a>
  259 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  260 + <div class="index-solution-slider__item_price">480000.00 $</div>
  261 + </div>
  262 + </div>
  263 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  264 + <div class="index-solution-slider__item">
  265 + <a href="#" class="index-solution-slider__item_img">
  266 + <!--обрезать по высоте в 211px-->
  267 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  268 + </a>
  269 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  270 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  271 + </div>
  272 + </div>
  273 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  274 + <div class="index-solution-slider__item">
  275 + <a href="#" class="index-solution-slider__item_img">
  276 + <!--обрезать по высоте в 211px-->
  277 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  278 + </a>
  279 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  280 + <div class="index-solution-slider__item_price">480000.00 $</div>
  281 + </div>
  282 + </div>
  283 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  284 + <div class="index-solution-slider__item">
  285 + <a href="#" class="index-solution-slider__item_img">
  286 + <!--обрезать по высоте в 211px-->
  287 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  288 + </a>
  289 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  290 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  291 + </div>
  292 + </div>
  293 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  294 + <div class="index-solution-slider__item">
  295 + <a href="#" class="index-solution-slider__item_img">
  296 + <!--обрезать по высоте в 211px-->
  297 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  298 + </a>
  299 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  300 + <div class="index-solution-slider__item_price">480000.00 $</div>
  301 + </div>
  302 + </div>
  303 + </div>
  304 + </div>
  305 + </section>
  306 + <section class="index-solution">
  307 + <div class="container">
  308 + <div class="row">
  309 + <div class="col-xs-12">
  310 + <div class="index-solution__title">Решения для компаний</div>
  311 + </div>
  312 + </div>
  313 + <div class="row row-flex">
  314 + <div class="col-xs-12 col-sm-6 index-solution__col">
  315 + <div class="index-solution__item">
  316 + <a href="#" class="index-solution__item_img">
  317 + <!--540x240-->
  318 + <img src="/img/new-index/solution/solution-5.jpg" alt="">
  319 + </a>
  320 + <div class="index-solution__item_text">
  321 + <a href="#">Гібридна сонячна електростанція </br> для резервного живлення та продажу електроенергії по "зеленому" тарифу</a>
  322 + <table>
  323 + <tr>
  324 + <td>5,0 кВт</td>
  325 + <td> Номінальна потужність мережевого інвертора</td>
  326 + </tr>
  327 + <tr>
  328 + <td>7,4 кВт</td>
  329 + <td>Встановлена потужність фотоелектричних модулів</td>
  330 + </tr>
  331 + <tr>
  332 + <td>8 094 $</td>
  333 + <td>Вартість системи "під ключ"</td>
  334 + </tr>
  335 + </table>
  336 + </div>
  337 + </div>
  338 + </div>
  339 + <div class="col-xs-12 col-sm-6 index-solution__col">
  340 + <div class="index-solution__item">
  341 + <a href="#" class="index-solution__item_img">
  342 + <!--540x240-->
  343 + <img src="/img/new-index/solution/solution-6.jpg" alt="">
  344 + </a>
  345 + <div class="index-solution__item_text">
  346 + <a href="#">Мережева фотоелектрична станція </br> під «ЗЕЛЕНИЙ ТАРИФ»</a>
  347 + <table>
  348 + <tr>
  349 + <td>5,0 кВт</td>
  350 + <td> Номінальна потужність мережевого інвертора</td>
  351 + </tr>
  352 + <tr>
  353 + <td>7,4 кВт</td>
  354 + <td>Встановлена потужність фотоелектричних модулів</td>
  355 + </tr>
  356 + <tr>
  357 + <td>8 094 $</td>
  358 + <td>Вартість системи "під ключ"</td>
  359 + </tr>
  360 + </table>
  361 + </div>
  362 + </div>
  363 + </div>
  364 + <div class="col-xs-12 col-sm-6 index-solution__col">
  365 + <div class="index-solution__item">
  366 + <a href="#" class="index-solution__item_img">
  367 + <!--540x240-->
  368 + <img src="/img/new-index/solution/solution-7.jpg" alt="">
  369 + </a>
  370 + <div class="index-solution__item_text">
  371 + <a href="#">Мережева фотоелектрична станція під «ЗЕЛЕНИЙ ТАРИФ» з врахуванням власного споживання електроенергії</a>
  372 + <table>
  373 + <tr>
  374 + <td>10,0 кВт</td>
  375 + <td> Номінальна потужність мережевого інвертора</td>
  376 + </tr>
  377 + <tr>
  378 + <td>10,8 кВт</td>
  379 + <td>Встановлена потужність фотоелектричних модулів</td>
  380 + </tr>
  381 + <tr>
  382 + <td>5 078 $</td>
  383 + <td>Вартість системи "під ключ"</td>
  384 + </tr>
  385 + </table>
  386 + </div>
  387 + </div>
  388 + </div>
  389 + <div class="col-xs-12 col-sm-6 index-solution__col">
  390 + <div class="index-solution__item">
  391 + <a href="#" class="index-solution__item_img">
  392 + <!--540x240-->
  393 + <img src="/img/new-index/solution/solution-8.jpg" alt="">
  394 + </a>
  395 + <div class="index-solution__item_text">
  396 + <a href="#">Мережева фотоелектрична станція під «ЗЕЛЕНИЙ ТАРИФ» з врахуванням власного споживання електроенергії</a>
  397 + <table>
  398 + <tr>
  399 + <td>15,0 кВт</td>
  400 + <td> Номінальна потужність мережевого інвертора</td>
  401 + </tr>
  402 + <tr>
  403 + <td>15,3 кВт</td>
  404 + <td>Встановлена потужність фотоелектричних модулів</td>
  405 + </tr>
  406 + <tr>
  407 + <td>6 563 $</td>
  408 + <td>Вартість системи "під ключ"</td>
  409 + </tr>
  410 + </table>
  411 + </div>
  412 + </div>
  413 + </div>
  414 + </div>
  415 + <div class="row row-flex justify-content-center">
  416 + <div class="index-solution__more">
  417 + <a href="#" class="animation-hover">больше решений</a>
  418 + </div>
  419 + </div>
  420 + </div>
  421 + </section>
  422 + <section class="index-solution-slider">
  423 + <div class="container">
  424 + <div class="row">
  425 + <div class="col-xs-12">
  426 + <div class="index-solution-slider__title">Решения</div>
  427 + </div>
  428 + </div>
  429 + <div class="row row-flex index-solution-slider__row">
  430 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  431 + <div class="index-solution-slider__item">
  432 + <a href="#" class="index-solution-slider__item_img">
  433 + <!--обрезать по высоте в 211px-->
  434 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  435 + </a>
  436 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  437 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  438 + </div>
  439 + </div>
  440 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  441 + <div class="index-solution-slider__item">
  442 + <a href="#" class="index-solution-slider__item_img">
  443 + <!--обрезать по высоте в 211px-->
  444 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  445 + </a>
  446 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  447 + <div class="index-solution-slider__item_price">480000.00 $</div>
  448 + </div>
  449 + </div>
  450 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  451 + <div class="index-solution-slider__item">
  452 + <a href="#" class="index-solution-slider__item_img">
  453 + <!--обрезать по высоте в 211px-->
  454 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  455 + </a>
  456 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  457 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  458 + </div>
  459 + </div>
  460 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  461 + <div class="index-solution-slider__item">
  462 + <a href="#" class="index-solution-slider__item_img">
  463 + <!--обрезать по высоте в 211px-->
  464 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  465 + </a>
  466 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  467 + <div class="index-solution-slider__item_price">480000.00 $</div>
  468 + </div>
  469 + </div>
  470 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  471 + <div class="index-solution-slider__item">
  472 + <a href="#" class="index-solution-slider__item_img">
  473 + <!--обрезать по высоте в 211px-->
  474 + <img src="/img/new-index/slider-items/slider-item-1.jpg" alt="">
  475 + </a>
  476 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 2 МВт "Под ключ"</a>
  477 + <div class="index-solution-slider__item_price">1740000.00 $</div>
  478 + </div>
  479 + </div>
  480 + <div class="col-xs-12 col-sm-3 index-solution-slider__col">
  481 + <div class="index-solution-slider__item">
  482 + <a href="#" class="index-solution-slider__item_img">
  483 + <!--обрезать по высоте в 211px-->
  484 + <img src="/img/new-index/slider-items/slider-item-2.jpg" alt="">
  485 + </a>
  486 + <a href="#" class="index-solution-slider__item_link">Промышленная солнечная электростанция 500 кВт"Под ключ"</a>
  487 + <div class="index-solution-slider__item_price">480000.00 $</div>
  488 + </div>
  489 + </div>
  490 + </div>
  491 + </div>
  492 + </section>
  493 +
60 494  
61 495 <section class="links-ses-for-wr">
62 496 <div class="container">
... ...
frontend/web/css/main.css
1   -body{position:relative;}
2   -.no-mg{margin:0;}
3   -#back-to-top{background: #467fbf;border-radius: 0 50px 50px 0;width: 50px;padding-right: 6px;}
4   -#back-to-top:hover {background: #20446d;}
5   -#back-to-top:active {background: #1b2e44;padding-top: 6px;}
6   -#heading-breadcrumbs{background-attachment: fixed;}
7   -.navbar-brand{display: flex;justify-content: center;align-items: center;}
  1 +@charset "UTF-8";
  2 +body {
  3 + position: relative; }
  4 +
  5 +.no-mg {
  6 + margin: 0; }
  7 +
  8 +#back-to-top {
  9 + background: #467fbf;
  10 + border-radius: 0 50px 50px 0;
  11 + width: 50px;
  12 + padding-right: 6px; }
  13 +
  14 +#back-to-top:hover {
  15 + background: #20446d; }
  16 +
  17 +#back-to-top:active {
  18 + background: #1b2e44;
  19 + padding-top: 6px; }
  20 +
  21 +#heading-breadcrumbs {
  22 + background-attachment: fixed; }
  23 +
  24 +.navbar-brand {
  25 + display: flex;
  26 + justify-content: center;
  27 + align-items: center; }
  28 +
8 29 .button1 {
9   - margin: 0 auto;
10   - color: black;
11   - text-transform: uppercase;
12   - background-color: #ffd800;
13   - text-decoration: none;
14   - cursor: pointer;
15   - transition: 0.3s;
16   - display: block;
17   - text-align: center;
18   - font-weight: bold;
19   - width: 158px;
20   - padding: 8px 0;
21   - padding-top: 10px;
22   - font-size: 13px;
23   - line-height: 14px;
24   - background-position: 14px center;
25   - background-size: 18px;
26   - background-repeat: no-repeat;
27   - padding-left: 25px;
28   - letter-spacing: 0;
29   - border: none;
30   - outline: none;
31   - border-radius: 2px;
32   - margin-bottom: 15px;
33   -}
  30 + margin: 0 auto;
  31 + color: black;
  32 + text-transform: uppercase;
  33 + background-color: #ffd800;
  34 + text-decoration: none;
  35 + cursor: pointer;
  36 + transition: 0.3s;
  37 + display: block;
  38 + text-align: center;
  39 + font-weight: bold;
  40 + width: 158px;
  41 + padding: 8px 0;
  42 + padding-top: 10px;
  43 + font-size: 13px;
  44 + line-height: 14px;
  45 + background-position: 14px center;
  46 + background-size: 18px;
  47 + background-repeat: no-repeat;
  48 + padding-left: 25px;
  49 + letter-spacing: 0;
  50 + border: none;
  51 + outline: none;
  52 + border-radius: 2px;
  53 + margin-bottom: 15px; }
  54 +
34 55 .btn.button1.mini {
35   - background-image: url(../img/arrows_right_w2.png);
36   - background-position: calc(100% - 14px) center;
37   - background-repeat: no-repeat;
38   - letter-spacing: 0;
39   - border: none;
40   - outline: none;
41   - margin: 0 auto;
42   - text-transform: uppercase;
43   - text-decoration: none;
44   - cursor: pointer;
45   - transition: 0.3s;
46   - display: inline-block;
47   - text-align: center;
48   - font-weight: bold;
49   - width: 180px;
50   - padding: 8px 0;
51   - padding-top: 10px;
52   - padding-right: 24px;
53   - font-size: 13px;
54   - line-height: 14px;
55   - background-size: 9%;
56   -}
57   -.why-us .button1{width: 190px;}
58   -.static_logo_img{width:85px;}
59   -.static-about-link{color: #555555;text-decoration: none;}
60   -.static_logo_about{
61   - font-family: Arial, sans-serif!important;
62   - transition: 0.3s;
63   - width: 125px;
64   - padding: 0;
65   - margin: 0;
66   - margin-left: -5px;
67   - float: left;
68   - display: flex;
69   - height: 62px;
70   - justify-content: center;
71   - align-items: center;
72   - font-size: 11px;
73   - /*text-transform: lowercase;*/
74   - line-height: 13px;
75   - cursor: pointer;
76   -}
77   -.address_footer_table td{
78   - vertical-align: top;
79   - padding-right:7px;
80   -}
  56 + background-image: url(../img/arrows_right_w2.png);
  57 + background-position: calc(100% - 14px) center;
  58 + background-repeat: no-repeat;
  59 + letter-spacing: 0;
  60 + border: none;
  61 + outline: none;
  62 + margin: 0 auto;
  63 + text-transform: uppercase;
  64 + text-decoration: none;
  65 + cursor: pointer;
  66 + transition: 0.3s;
  67 + display: inline-block;
  68 + text-align: center;
  69 + font-weight: bold;
  70 + width: 180px;
  71 + padding: 8px 0;
  72 + padding-top: 10px;
  73 + padding-right: 24px;
  74 + font-size: 13px;
  75 + line-height: 14px;
  76 + background-size: 9%; }
  77 +
  78 +.why-us .button1 {
  79 + width: 190px; }
  80 +
  81 +.static-about-link {
  82 + color: #555555;
  83 + text-decoration: none; }
  84 +
  85 +.static_logo_about {
  86 + font-family: Arial, sans-serif !important;
  87 + transition: 0.3s;
  88 + width: 155px;
  89 + padding: 0;
  90 + margin: 0;
  91 + margin-left: -5px;
  92 + float: left;
  93 + display: flex;
  94 + height: 80px;
  95 + justify-content: center;
  96 + align-items: center;
  97 + font-size: 12px;
  98 + line-height: 13px;
  99 + cursor: pointer;
  100 + text-transform: uppercase;
  101 + padding-left: 10px; }
  102 +
  103 +.address_footer_table td {
  104 + vertical-align: top;
  105 + padding-right: 7px; }
  106 +
81 107 #top {
82   - background: #f6f6f6;
83   - color: #000;
84   - padding: 0;
85   - height:30px;
86   -}
87   -#top>.container{height:100%;overflow: hidden;}
88   -#top .social a {
89   - color: #999999;
  108 + background: #0096d6;
  109 + color: #fff;
  110 + padding: 0;
  111 + height: 40px; }
  112 + #top a {
  113 + color: #fff; }
  114 + #top > .container {
  115 + height: 100%;
  116 + overflow: hidden; }
  117 +
  118 +.row-flex {
  119 + display: flex;
  120 + flex-wrap: wrap;
  121 + height: 100%; }
  122 + .row-flex:before {
  123 + display: none; }
  124 +
  125 +.align-items-center {
  126 + align-items: center; }
  127 +
  128 +.justify-content-center {
  129 + justify-content: center; }
  130 +
  131 +.justify-content-between {
  132 + justify-content: space-between; }
  133 +
  134 +.align-self-start {
  135 + align-self: flex-start; }
  136 +
  137 +.align-self-end {
  138 + align-self: flex-end; }
  139 +
  140 +.header-lang-col, .first-mail-col, .first-phone-col, .first-menu-col {
  141 + padding: 0 15px; }
  142 +
  143 +.header-lang-col, .first-mail-col, .first-phone-col {
  144 + flex: 0 0 auto;
  145 + width: auto;
  146 + max-width: none; }
  147 +
  148 +.first-menu-col {
  149 + width: 100%;
  150 + flex-basis: 0;
  151 + flex-grow: 1;
  152 + max-width: 100%;
  153 + text-align: center; }
  154 + .first-menu-col ul {
90 155 display: inline-block;
91   - width: 24px;
92   - height: 16px;
93   - border-radius: 12px;
94   - line-height: 0px;
95   - font-size: 12px;
96   - text-align: center;
97   - vertical-align: bottom;
98   -}
99   -.blue-fon, .background-kben{background-color: #00a1e9;background-image:url('/img/slide_two_fon.png');color:#fff;}
100   -.blue-fon .icon, .background-kben .icon{position: relative;width:120px;height:120px;border:none;}
101   -.blue-fon .icon img, .background-kben .icon img {width: 100%;margin: 0;padding: 0;}
102   -.blue-fon .box-simple h3, .background-kben .box-simple h3, .blue-fon .box-simple .h3, .background-kben .box-simple .h3 {color: #ffd800;margin-bottom: 5px;}
103   -.blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}
104   -.why-us .line_why {position: absolute;top: 50px;right: -83px;opacity: 0.3;}
  156 + vertical-align: middle; }
  157 + .first-menu-col ul:before, .first-menu-col ul:after {
  158 + display: none; }
  159 + .first-menu-col ul li {
  160 + float: left; }
  161 + .first-menu-col ul li a {
  162 + padding: 0 10px;
  163 + font-size: 13px;
  164 + line-height: 16px; }
  165 + .first-menu-col ul li a:hover, .first-menu-col ul li a:active, .first-menu-col ul li a:focus {
  166 + background: none; }
  167 +
  168 +.header-lang-col {
  169 + font-size: 11px;
  170 + text-transform: uppercase; }
  171 + .header-lang-col span, .header-lang-col a {
  172 + padding: 0 8px; }
  173 + .header-lang-col span:first-child, .header-lang-col a:first-child {
  174 + padding-left: 0; }
  175 + .header-lang-col span:last-child, .header-lang-col a:last-child {
  176 + padding-right: 0; }
  177 +
  178 +.first-mail-col a {
  179 + font-size: 13px;
  180 + color: #b0e8ff; }
  181 + .first-mail-col a:hover {
  182 + text-decoration: none; }
  183 +
  184 +.top_phones a {
  185 + font-size: 16px; }
  186 + .top_phones a:hover {
  187 + text-decoration: none; }
  188 +
  189 +.blue-fon, .background-kben {
  190 + background-color: #00a1e9;
  191 + background-image: url("/img/slide_two_fon.png");
  192 + color: #fff; }
  193 +
  194 +.blue-fon .icon, .background-kben .icon {
  195 + position: relative;
  196 + width: 120px;
  197 + height: 120px;
  198 + border: none; }
  199 +
  200 +.blue-fon .icon img, .background-kben .icon img {
  201 + width: 100%;
  202 + margin: 0;
  203 + padding: 0; }
  204 +
  205 +.blue-fon .box-simple h3, .background-kben .box-simple h3, .blue-fon .box-simple .h3, .background-kben .box-simple .h3 {
  206 + color: #ffd800;
  207 + margin-bottom: 5px; }
  208 +
  209 +.blue-fon .box-simple p, .background-kben .box-simple p {
  210 + color: #fff; }
  211 +
  212 +.why-us .line_why {
  213 + position: absolute;
  214 + top: 50px;
  215 + right: -83px;
  216 + opacity: 0.3; }
  217 +
105 218 .blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
106 219 .blue-fon .heading .h1, .blue-fon .heading .h2, .blue-fon .heading .h3, .blue-fon .heading .h4, .blue-fon .heading .h5,
107 220 .background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5,
108   -.background-kben .heading .h1, .background-kben .heading .h2, .background-kben .heading .h3, .background-kben .heading .h4, .background-kben .heading .h5{color:#fff;border-color: #ffd800!important;}
  221 +.background-kben .heading .h1, .background-kben .heading .h2, .background-kben .heading .h3, .background-kben .heading .h4, .background-kben .heading .h5 {
  222 + color: #fff;
  223 + border-color: #ffd800 !important; }
  224 +
109 225 a.sqre_btn {
110   - padding: 0;
111   - margin: 0;
112   - outline: none;
113   - font-weight: normal;
114   - font-size: 14px;
115   - line-height: normal;
116   - letter-spacing: 0;
117   - display: inline-block;
118   - vertical-align: middle;
119   - width: 40px;
120   - height: 40px;
121   - background-color: rgba(255, 0, 0, 0.23);
122   - border-radius: 0;
123   - text-align: center;
124   - position: relative;
125   - margin-left: 5px;
126   - margin-top: 5px;
127   - background-position: center;
128   - background-repeat: no-repeat;
129   -}
130   -section.blue-fon {padding-top: 25px;}
  226 + padding: 0;
  227 + margin: 0;
  228 + outline: none;
  229 + font-weight: normal;
  230 + font-size: 14px;
  231 + line-height: normal;
  232 + letter-spacing: 0;
  233 + display: inline-block;
  234 + vertical-align: middle;
  235 + width: 40px;
  236 + height: 40px;
  237 + background-color: rgba(255, 0, 0, 0.23);
  238 + border-radius: 0;
  239 + text-align: center;
  240 + position: relative;
  241 + margin-left: 5px;
  242 + margin-top: 5px;
  243 + background-position: center;
  244 + background-repeat: no-repeat; }
  245 +
  246 +section.blue-fon {
  247 + padding-top: 25px; }
  248 +
131 249 .objects-main-wr .image_link_wr {
132   - width: 100%;
133   - height: 0;
134   - padding-top: 58.829%;
135   - position: relative;
136   -}
137   -.objects-main-wr .img-title table {width: 100%;margin-top: 10px;}
  250 + width: 100%;
  251 + height: 0;
  252 + padding-top: 58.829%;
  253 + position: relative; }
  254 +
  255 +.objects-main-wr .img-title table {
  256 + width: 100%;
  257 + margin-top: 10px; }
  258 +
138 259 .objects-main-wr .image_link {
139   - background-position: center;
140   - position: absolute;
141   - top: 0;
142   - left: 0;
143   - background-size: 100% 100%;
144   - background-repeat: no-repeat;
145   - width: 100%;
146   - height: 100%;
147   -}
148   -.objects-main-wr .image_link:hover{background-size: 105% 105%;}
149   -.objects-main-wr .img-title table td.buts {width: 95px;max-width: 100%;vertical-align: top;text-align: left;}
150   -.sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);}
151   -.text-left a.sqre_btn {margin-left: 0;margin-right: 5px;}
152   -.img-title table .text-left a.sqre_btn {margin-top: 0;}
153   -.sqre_btn.yellow_calc {background-color: #ffd800;/*background-image: url(../img/icon_calc2.png);*/background-image: url(../img/icon_phone.png);}
154   -.img-title table td.i-title {padding-left: 10px;text-align: left;padding-right: 10px;}
155   -.img-title table .pr_title2 {margin: 0;padding: 0;}
  260 + background-position: center;
  261 + position: absolute;
  262 + top: 0;
  263 + left: 0;
  264 + background-size: 100% 100%;
  265 + background-repeat: no-repeat;
  266 + width: 100%;
  267 + height: 100%; }
  268 +
  269 +.objects-main-wr .image_link:hover {
  270 + background-size: 105% 105%; }
  271 +
  272 +.objects-main-wr .img-title table td.buts {
  273 + width: 95px;
  274 + max-width: 100%;
  275 + vertical-align: top;
  276 + text-align: left; }
  277 +
  278 +.sqre_btn.blue_arrow {
  279 + background-color: #0095d7;
  280 + background-image: url(../img/arrows_right_w.png); }
  281 +
  282 +.text-left a.sqre_btn {
  283 + margin-left: 0;
  284 + margin-right: 5px; }
  285 +
  286 +.img-title table .text-left a.sqre_btn {
  287 + margin-top: 0; }
  288 +
  289 +.sqre_btn.yellow_calc {
  290 + background-color: #ffd800;
  291 + /*background-image: url(../img/icon_calc2.png);*/
  292 + background-image: url(../img/icon_phone.png); }
  293 +
  294 +.img-title table td.i-title {
  295 + padding-left: 10px;
  296 + text-align: left;
  297 + padding-right: 10px; }
  298 +
  299 +.img-title table .pr_title2 {
  300 + margin: 0;
  301 + padding: 0; }
  302 +
156 303 .pr_title2 a {
157   - font-weight: bold;
158   - font-size: 16px;
159   - text-transform: uppercase;
160   - text-decoration: none;
161   - color: #555555;
162   -}
163   -.button1.more-projects {padding: 14px;width: 240px;font-size: 14px;margin-bottom: 25px;}
164   -.pr_title2 span{display:none!important;}
165   -.btn.icon_phone {background-image: url(../img/icon_phone.png);}
166   -.btn.icon_car {background-image: url(../img/icon_car.png);}
167   -.btn.icon_calc {background-image: url(../img/icon_calc.png);}
168   -.button1 span, .button2 span {display: block;font-weight: normal;font-size: 11px;}
  304 + font-weight: bold;
  305 + font-size: 16px;
  306 + text-transform: uppercase;
  307 + text-decoration: none;
  308 + color: #555555; }
  309 +
  310 +.button1.more-projects {
  311 + padding: 14px;
  312 + width: 240px;
  313 + font-size: 14px;
  314 + margin-bottom: 25px; }
  315 +
  316 +.pr_title2 span {
  317 + display: none !important; }
  318 +
  319 +.btn.icon_phone {
  320 + background-image: url(../img/icon_phone.png); }
  321 +
  322 +.btn.icon_car {
  323 + background-image: url(../img/icon_car.png); }
  324 +
  325 +.btn.icon_calc {
  326 + background-image: url(../img/icon_calc.png); }
  327 +
  328 +.button1 span, .button2 span {
  329 + display: block;
  330 + font-weight: normal;
  331 + font-size: 11px; }
  332 +
169 333 .button1:hover {
170   - text-decoration: none;
171   - color: black;
172   - background-color: #ffe764;
173   - box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
174   - transition: 0.3s;
175   -}
176   -.get_station_center {text-align: center;margin-top: 30px;margin-bottom: -15px;}
177   -.border5 {border-radius: 5px;}
  334 + text-decoration: none;
  335 + color: black;
  336 + background-color: #ffe764;
  337 + box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0, 0, 0, 0.2) !important;
  338 + transition: 0.3s; }
  339 +
  340 +.get_station_center {
  341 + text-align: center;
  342 + margin-top: 30px;
  343 + margin-bottom: -15px; }
  344 +
  345 +.border5 {
  346 + border-radius: 5px; }
  347 +
178 348 .card1 .heading.text-left h2,
179   -.card1 .heading.text-left .h2 {margin-top: 0px;}
180   -.bigtext {display: table-caption;}
181   -.smi_left .video {height: 422px;}
  349 +.card1 .heading.text-left .h2 {
  350 + margin-top: 0px; }
  351 +
  352 +.bigtext {
  353 + display: table-caption; }
  354 +
  355 +.smi_left .video {
  356 + height: 422px; }
  357 +
182 358 .blue_arrow {
183   - cursor: pointer;
184   - width: 40px;
185   - height: 40px;
186   - background-color: #0095d7;
187   - background-image: url(../img/arrows_right_w.png);
188   - background-position: center center;
189   - background-repeat: no-repeat;
190   - transition: 0.3s;
191   -}
  359 + cursor: pointer;
  360 + width: 40px;
  361 + height: 40px;
  362 + background-color: #0095d7;
  363 + background-image: url(../img/arrows_right_w.png);
  364 + background-position: center center;
  365 + background-repeat: no-repeat;
  366 + transition: 0.3s; }
  367 +
192 368 .about .smi_right .post {
193   - width: 360px;
194   - max-width: 100%;
195   - height: 160px;
196   - background-color: black;
197   - color: #fff;
  369 + width: 360px;
  370 + max-width: 100%;
  371 + height: 160px;
  372 + background-color: black;
  373 + color: #fff;
  374 + position: relative;
  375 + background-position: bottom center;
  376 + background-repeat: no-repeat;
  377 + box-shadow: inset 0px -150px 200px -100px rgba(0, 0, 0, 0.75);
  378 + margin-bottom: 30px;
  379 + margin-left: auto;
  380 + margin-right: auto; }
  381 +
  382 +.smi_right .post .title {
  383 + font-size: 16px;
  384 + font-weight: 300;
  385 + position: absolute;
  386 + bottom: 0;
  387 + padding: 30% 18% 13px 18px;
  388 + line-height: 19px; }
  389 +
  390 +.smi_right .blue_arrow {
  391 + right: 10px;
  392 + bottom: 10px;
  393 + position: absolute; }
  394 +
  395 +.about .post a {
  396 + width: 100%;
  397 + height: 100%;
  398 + position: absolute;
  399 + color: #fff; }
  400 +
  401 +.text.quote {
  402 + box-shadow: inset 3px 0px 0px #0095d7;
  403 + padding-left: 20px;
  404 + margin-top: 20px;
  405 + position: relative;
  406 + margin-bottom: 25px; }
  407 +
  408 +.icon_en {
  409 + width: 80px !important;
  410 + height: 80px !important;
  411 + border: none; }
  412 +
  413 +.icon_en#icon01 {
  414 + background-image: url(../img/icons/icon01.png); }
  415 +
  416 +.icon_en#icon02 {
  417 + background-image: url(../img/icons/icon02.png); }
  418 +
  419 +.icon_en#icon03 {
  420 + background-image: url(../img/icons/icon03.png); }
  421 +
  422 +.icon_en#icon04 {
  423 + background-image: url(../img/icons/icon04.png); }
  424 +
  425 +.icon_en#icon05 {
  426 + background-image: url(../img/icons/icon05.png); }
  427 +
  428 +.icon_en#icon06 {
  429 + background-image: url(../img/icons/icon06.png); }
  430 +
  431 +.icon_en#icon07 {
  432 + background-image: url(../img/icons/icon07.png); }
  433 +
  434 +.icon_en#icon08 {
  435 + background-image: url(../img/icons/icon08.png); }
  436 +
  437 +.icon_en#icon09 {
  438 + background-image: url(../img/icons/icon09.png); }
  439 +
  440 +.icon_en#icon10 {
  441 + background-image: url(../img/icons/icon10.png); }
  442 +
  443 +.btn.icon_stat {
  444 + background-image: url(../img/icon_stat.png); }
  445 +
  446 +.bt-shadow {
  447 + box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5); }
  448 +
  449 +#footer {
  450 + background: #0080ca;
  451 + padding: 15px 0;
  452 + padding-bottom: 23px;
  453 + color: #ffffff;
  454 + overflow: hidden; }
  455 +
  456 +.why-us {
  457 + max-width: 100%; }
  458 +
  459 +.home_mob_link {
  460 + max-width: 100px;
  461 + display: inline-block;
  462 + padding: 10px 15px; }
  463 +
  464 +.static_logo_about_mob {
  465 + display: inline-block;
  466 + font-family: Arial, sans-serif !important;
  467 + transition: 0.3s;
  468 + width: 135px;
  469 + padding: 0;
  470 + margin: 0;
  471 + font-size: 11px;
  472 + /*text-transform: lowercase;*/
  473 + line-height: 13px;
  474 + cursor: default;
  475 + text-align: left;
  476 + margin-left: 15px;
  477 + z-index: 1; }
  478 +
  479 +.small-logo-center .cont {
  480 + display: flex;
  481 + margin: 0 auto;
  482 + align-items: center;
  483 + justify-content: center; }
  484 +
  485 +.small-logo-center {
  486 + margin: 10px 0 -10px; }
  487 +
  488 +.showcase .item h4, .showcase .item .h4 {
  489 + color: #ffffff; }
  490 +
  491 +#video-bg {
  492 + position: relative;
  493 + top: 0;
  494 + left: 0;
  495 + z-index: 1;
  496 + width: 100%;
  497 + height: 100%;
  498 + max-height: calc(100vh - 92px);
  499 + overflow: hidden;
  500 + display: flex;
  501 + align-items: center;
  502 + justify-content: center; }
  503 +
  504 +#video-bg:after {
  505 + content: '';
  506 + position: absolute;
  507 + top: 0;
  508 + left: 0;
  509 + width: 100%;
  510 + height: 100%;
  511 + background: rgba(0, 0, 0, 0.1);
  512 + box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black; }
  513 +
  514 +#video-bg .arrow_bottom {
  515 + position: absolute;
  516 + width: 100%;
  517 + z-index: 1;
  518 + color: #fff;
  519 + bottom: 4%;
  520 + left: 0;
  521 + text-align: center; }
  522 +
  523 +#video-bg .arrow_bottom a {
  524 + font-size: 100px;
  525 + color: rgba(255, 255, 255, 0.5);
  526 + transition: 0.2s; }
  527 +
  528 +#video-bg .arrow_bottom a:hover {
  529 + color: rgba(255, 255, 255, 0.8); }
  530 +
  531 +#video-bg .arrow_bottom a:active {
  532 + color: white; }
  533 +
  534 +#video-bg video {
  535 + opacity: 0.7; }
  536 +
  537 +.video_main {
  538 + background-color: #0080ca;
  539 + z-index: -1000;
  540 + background-image: url(/img/slide_two_fon.png); }
  541 +
  542 +.share_social {
  543 + width: 48px;
  544 + height: 48px;
  545 + background-image: url("../img/socnets.png");
  546 + display: inline-block;
  547 + margin: 0;
  548 + padding: 0;
  549 + border-radius: 50%;
  550 + overflow: hidden;
  551 + margin-top: 5px;
  552 + margin-right: 3px; }
  553 +
  554 +.share_social.vk {
  555 + background-position: 0px 0px; }
  556 +
  557 +.share_social.fb {
  558 + background-position: -56px 0px; }
  559 +
  560 +.share_social.gpl {
  561 + background-position: 48px 0px; }
  562 +
  563 +footer a {
  564 + color: #fff;
  565 + font-weight: 500; }
  566 +
  567 +footer a:hover {
  568 + color: #fff; }
  569 +
  570 +footer .social-logos a i.fa, button i.fa {
  571 + margin: 0; }
  572 +
  573 +footer .social-logos a {
  574 + display: inline-block;
  575 + text-align: center;
  576 + background-color: #ffd800;
  577 + color: #1c4761;
  578 + font-size: 24px;
  579 + width: 34px;
  580 + height: 34px;
  581 + padding: 7px;
  582 + box-sizing: content-box;
  583 + border-radius: 50%;
  584 + margin-right: 7px;
  585 + margin-top: 5px;
  586 + margin-bottom: 5px; }
  587 +
  588 +footer .social-logos a:hover {
  589 + background-color: #d6b500;
  590 + color: #0a2d42; }
  591 +
  592 +.steps-pre {
  593 + margin: 0;
  594 + text-transform: uppercase;
  595 + padding: 40px 0;
  596 + padding-top: 50px;
  597 + position: relative;
  598 + overflow: unset; }
  599 +
  600 +section.bar.background-gray.steps-pre:before {
  601 + content: '';
  602 + width: 50px;
  603 + height: 50px;
  604 + position: absolute;
  605 + left: calc(50% - 25px);
  606 + bottom: -25px;
  607 + -webkit-transform: rotate(45deg);
  608 + transform: rotate(45deg);
  609 + background: #eeeeee;
  610 + z-index: 1; }
  611 +
  612 +.steps-pre h2, .steps-pre div,
  613 +.steps-pre .h2 {
  614 + margin: 4px 0; }
  615 +
  616 +.steps-pre div {
  617 + margin: 4px auto;
  618 + font-weight: bold; }
  619 +
  620 +.individ_main {
  621 + font-size: 30px; }
  622 +
  623 +#get-it {
  624 + padding: 30px 0 10px;
  625 + background-color: #0080ca; }
  626 +
  627 +#main-page .blue-fon .heading h2,
  628 +#main-page .blue-fon .heading .h2 {
  629 + border: none; }
  630 +
  631 +#main-page .row.portfolio {
  632 + display: flex;
  633 + flex-wrap: wrap; }
  634 +
  635 +.bottom-text {
  636 + padding: 20px 15px;
  637 + font-size: 12px;
  638 + padding-bottom: 0; }
  639 +
  640 +.bottom-text-in {
  641 + font-size: 12px;
  642 + position: absolute;
  643 + bottom: -110px; }
  644 +
  645 +#map {
  646 + height: 560px;
  647 + background-image: url(../img/map.jpg); }
  648 +
  649 +.portfolio .box-image {
  650 + position: relative;
  651 + text-align: center;
  652 + margin: 15px 0; }
  653 +
  654 +#objects-wr .portfolio .box-image .image {
  655 + top: 0;
  656 + width: 100%;
  657 + height: 0;
  658 + padding-top: 75%; }
  659 +
  660 +.portfolio .box-image .image img {
  661 + width: 100%;
  662 + height: 100%;
  663 + /*object-fit: cover;*/
  664 + position: absolute;
  665 + top: 0;
  666 + left: 0; }
  667 +
  668 +.partners-wr {
  669 + padding: 30px 0; }
  670 +
  671 +#objects-wr .bar.background-gray {
  672 + padding: 20px 0; }
  673 +
  674 +#blog-listing-big .post .image, #blog-homepage .post .image {
  675 + max-height: 350px;
  676 + display: flex;
  677 + justify-content: center;
  678 + align-items: center;
  679 + margin-bottom: 20px; }
  680 +
  681 +.post-blog .lead {
  682 + margin-top: 25px; }
  683 +
  684 +.post-blog .content {
  685 + margin-bottom: 50px; }
  686 +
  687 +.tag-cloud li.active a {
  688 + background-color: #467fbf;
  689 + color: #eeeeee !important; }
  690 +
  691 +.object-slider .carousel-inner {
  692 + border-radius: 5px;
  693 + overflow: hidden; }
  694 +
  695 +.object-slider {
  696 + padding-bottom: 50px;
  697 + position: relative; }
  698 +
  699 +.object-slider .carousel {
  700 + width: 100%;
  701 + height: 550px;
  702 + max-height: 550px;
  703 + border-radius: 5px; }
  704 +
  705 +.object-slider .carousel-indicators {
  706 + bottom: -40px;
  707 + margin: 0;
  708 + left: 0;
  709 + width: 100%; }
  710 +
  711 +.object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item {
  712 + width: 100%;
  713 + height: 100%; }
  714 +
  715 +.object-slider a.carousel-control {
  716 + width: 30px;
  717 + height: 30px;
  718 + background-color: #ffffff;
  719 + color: black;
  720 + text-align: center;
  721 + line-height: 29px;
  722 + padding-right: 2px;
  723 + border-radius: 50%;
  724 + position: absolute;
  725 + left: initial;
  726 + opacity: 1;
  727 + background-image: none; }
  728 +
  729 +.object-slider a.left.carousel-control {
  730 + top: 20px;
  731 + right: 75px; }
  732 +
  733 +.object-slider a.right.carousel-control {
  734 + top: 20px;
  735 + right: 35px;
  736 + padding-right: 0;
  737 + padding-left: 2px; }
  738 +
  739 +.object-slider a.carousel-control:hover {
  740 + opacity: 0.5; }
  741 +
  742 +.object-slider a.carousel-control:active {
  743 + opacity: 0.8;
  744 + line-height: 24px;
  745 + margin-top: 3px; }
  746 +
  747 +.calculate-main-wr:after, #calculate-form:after {
  748 + content: '';
  749 + clear: both;
  750 + display: block;
  751 + position: relative; }
  752 +
  753 +#calculate-form {
  754 + margin-top: -15px; }
  755 +
  756 +#calculate-form > .row {
  757 + padding-top: 15px; }
  758 +
  759 +#calculate-form .submit-wr {
  760 + margin-top: -10px;
  761 + margin-bottom: 5px; }
  762 +
  763 +#calculate-form .text-center img {
  764 + margin: 0 auto; }
  765 +
  766 +.object-slider .carousel-indicators li {
  767 + width: 12px;
  768 + height: 12px;
  769 + border-radius: 50%;
  770 + background-color: #869791;
  771 + border-color: #869791;
  772 + margin: 5px 7px; }
  773 +
  774 +.object-slider .carousel-indicators .active, .object-slider .carousel-indicators li:hover {
  775 + width: 12px;
  776 + height: 12px;
  777 + background-color: #467fbf;
  778 + border-color: #467fbf; }
  779 +
  780 +/*╨╛╤В╨╛╨▒╤А╨░╨╢╨░╤В╤М ╤В╨╛╨╗╤М╨║╨╛ 4 ╤Н╨╗╨╡╨╝╨╡╨╜╤В╨░ ╨▓ ╨┐╨╛╤А╤В╤Д╨╛╨╗╨╕╨╛*/
  781 +.object-view .portfolio > div:nth-child(1n+6) {
  782 + display: none; }
  783 +
  784 +.object-view .portfolio .image {
  785 + padding-top: 75%; }
  786 +
  787 +.modal-body > form > .row > .col-md-12 {
  788 + padding: 0px 30px; }
  789 +
  790 +.row.calculate-main-wr {
  791 + padding-left: 15px;
  792 + padding-right: 15px; }
  793 +
  794 +.big-title1 {
  795 + text-transform: uppercase;
  796 + font-size: 24px; }
  797 +
  798 +/*heading breadcrumbs blue fon*/
  799 +#heading-breadcrumbs {
  800 + background-color: #0080ca;
  801 + background-image: url(/img/slide_two_fon.png); }
  802 +
  803 +#heading-breadcrumbs h1,
  804 +#heading-breadcrumbs .h1 {
  805 + color: #fdfdfd; }
  806 +
  807 +#heading-breadcrumbs .breadcrumb > .active {
  808 + color: #d0d0d0;
  809 + font-weight: bold; }
  810 +
  811 +#heading-breadcrumbs .breadcrumb > li + li:before {
  812 + color: #ececec; }
  813 +
  814 +#heading-breadcrumbs .breadcrumb li a {
  815 + color: #efefef; }
  816 +
  817 +#heading-breadcrumbs .breadcrumb li a:hover {
  818 + color: #ffffff; }
  819 +
  820 +#heading-breadcrumbs .breadcrumb li a:active {
  821 + color: #c7c7c7; }
  822 +
  823 +#heading-breadcrumbs > .container > .row {
  824 + display: flex;
  825 + align-items: center; }
  826 +
  827 +.box-image .name, .box-image .text {
  828 + opacity: 0; }
  829 +
  830 +.box-image:hover .name, .box-image:hover .text {
  831 + opacity: 1; }
  832 +
  833 +.owl-carousel .owl-wrapper-outer {
  834 + border-radius: 5px; }
  835 +
  836 +.links-ses-for-wr {
  837 + margin: 0; }
  838 +
  839 +.links-ses-for-wr a {
  840 + color: #00a1e9;
  841 + text-decoration: underline; }
  842 +
  843 +.links-ses-for-wr .container {
  844 + padding-top: 18px;
  845 + padding-bottom: 20px; }
  846 +
  847 +.links-ses-for-wr .container .row {
  848 + height: 60px;
  849 + display: flex;
  850 + justify-content: center;
  851 + align-items: center;
  852 + text-transform: uppercase;
  853 + font-weight: bold;
  854 + font-size: 14.5px; }
  855 +
  856 +.links-ses-for-wr .container .row .lsf-left {
  857 + text-align: right;
  858 + border-right: 2px solid #e4e4e4;
  859 + padding-right: 30px; }
  860 +
  861 +.links-ses-for-wr .container .row .lsf-right {
  862 + text-align: left;
  863 + padding-left: 30px; }
  864 +
  865 +.links-ses-for-wr .container .row .lsf-left p {
  866 + background-image: url(/img/icon1_prv.png); }
  867 +
  868 +.links-ses-for-wr .container .row .lsf-right p {
  869 + background-image: url(/img/icon2_prv.png); }
  870 +
  871 +.links-ses-for-wr .container .row p {
  872 + display: inline-block;
  873 + background-position: top left;
  874 + background-repeat: no-repeat;
  875 + padding: 13px 0 13px 70px; }
  876 +
  877 +#mediaabout-wr .portfolio .box-image {
  878 + padding-top: 56.1%; }
  879 +
  880 +#mediaabout-wr .portfolio .box-image .post {
  881 + position: absolute;
  882 + top: 0;
  883 + left: 0;
  884 + width: 100%;
  885 + height: 100%;
  886 + background-position: center;
  887 + background-repeat: no-repeat;
  888 + background-size: cover; }
  889 +
  890 +#mediaabout-wr .portfolio .box-image .post a {
  891 + position: absolute;
  892 + width: 100%;
  893 + height: 100%;
  894 + top: 0;
  895 + left: 0; }
  896 +
  897 +#mediaabout-wr .portfolio .box-image .post .title {
  898 + text-align: left;
  899 + color: #fff;
  900 + width: 100%;
  901 + font-size: 15px;
  902 + padding: 10px 20px;
  903 + padding-bottom: 15px;
  904 + position: absolute;
  905 + bottom: 0;
  906 + background-color: rgba(0, 0, 0, 0.5);
  907 + max-height: 50%; }
  908 +
  909 +.object_main_title {
  910 + display: block;
  911 + position: relative; }
  912 +
  913 +.object_main_title .sec_omt {
  914 + position: absolute;
  915 + left: 0;
  916 + top: 0;
  917 + z-index: -1; }
  918 +
  919 +.showcase.projects .item h4 {
  920 + color: #ffffff;
  921 + text-transform: none;
  922 + font-weight: normal;
  923 + letter-spacing: normal;
  924 + line-height: 1.35; }
  925 +
  926 +.article_comms-wr {
  927 + position: relative;
  928 + padding-top: 25px;
  929 + padding-bottom: 15px; }
  930 +
  931 +.article_comms-wr:before {
  932 + content: '';
  933 + width: calc(100% - 30px);
  934 + height: 1px;
  935 + background-color: #d2d2d2;
  936 + top: 0;
  937 + left: 0;
  938 + position: absolute;
  939 + margin-left: 15px; }
  940 +
  941 +.article-comms_wr .has-error .form-control:focus {
  942 + -webkit-box-shadow: none !important;
  943 + box-shadow: none !important; }
  944 +
  945 +.article_comms-wr textarea {
  946 + resize: vertical !important; }
  947 +
  948 +.article-comms_wr .rateit button.rateit-reset {
  949 + margin-right: 5px; }
  950 +
  951 +.input_bl.stars-wr_ {
  952 + margin-top: -5px; }
  953 +
  954 +.input_bl.stars-wr_ .rateit button.rateit-reset {
  955 + margin-right: 2px; }
  956 +
  957 +.article_comms-wr .comments-start {
  958 + width: 100%; }
  959 +
  960 +.article_comms-wr .comments-border {
  961 + display: none; }
  962 +
  963 +.form-comm-wr {
  964 + padding: 0px; }
  965 +
  966 +.form-comm-wr .rateit {
  967 + padding: 0px 15px; }
  968 +
  969 +.comments-start .required label:before {
  970 + display: none;
  971 + content: ''; }
  972 +
  973 +.comments-start .required label:after {
  974 + display: inline-block;
  975 + content: "*";
  976 + color: #d40000;
  977 + margin-left: 4px; }
  978 +
  979 +.user-ico {
  980 + padding: 10px;
  981 + text-align: center;
  982 + background: #0080ca;
  983 + color: #fff;
  984 + font-size: 44px;
  985 + text-transform: uppercase; }
  986 +
  987 +#blog-post {
  988 + padding-bottom: 50px; }
  989 +
  990 +#artbox-comment .submit_btn button {
  991 + color: #0080ca;
  992 + background-color: initial;
  993 + border: 1px solid;
  994 + border-color: #0080ca;
  995 + font-weight: 700;
  996 + font-family: "Roboto",Helvetica,Arial,sans-serif;
  997 + text-transform: uppercase;
  998 + letter-spacing: .08em;
  999 + padding: 6px 12px;
  1000 + font-size: 13px;
  1001 + line-height: 1.42857143;
  1002 + border-radius: 0;
  1003 + margin: 0 auto;
  1004 + display: block; }
  1005 +
  1006 +#artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active {
  1007 + color: #fff;
  1008 + background-color: #0080ca; }
  1009 +
  1010 +#artbox-comment .submit_btn button:active {
  1011 + background-image: none;
  1012 + outline: 0;
  1013 + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  1014 + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  1015 +
  1016 +#artbox-comment .submit_btn button:before {
  1017 + content: "\f0e5";
  1018 + display: inline-block;
  1019 + font: normal normal normal 14px/1 FontAwesome;
  1020 + font-size: inherit;
  1021 + text-rendering: auto;
  1022 + -webkit-font-smoothing: antialiased;
  1023 + -moz-osx-font-smoothing: grayscale;
  1024 + margin-right: 5px; }
  1025 +
  1026 +#artbox-comment .form-comm-wr {
  1027 + background: none; }
  1028 +
  1029 +#artbox-comment .input_bl label {
  1030 + position: relative;
  1031 + width: 100%;
  1032 + text-align: left;
  1033 + padding-right: 10px;
  1034 + margin: 9px 0 0 0;
  1035 + display: inline-block;
  1036 + max-width: 100%;
  1037 + margin-bottom: 5px;
  1038 + font-weight: normal;
  1039 + text-transform: none;
  1040 + font-family: "Roboto",Helvetica,Arial,sans-serif;
  1041 + font-size: 14px;
  1042 + line-height: 1.42857143;
  1043 + color: #555; }
  1044 +
  1045 +#artbox-comment .submit_btn {
  1046 + width: 100%; }
  1047 +
  1048 +.input_bl input, .input_bl textarea, .answer-form textarea {
  1049 + width: 100%;
  1050 + border-radius: 0 !important; }
  1051 +
  1052 +.form-comm-wr .form-group {
  1053 + margin-bottom: 0;
  1054 + width: 50%;
  1055 + padding: 0px 15px; }
  1056 +
  1057 +.form-comm-wr .form-group.field-commentmodel-text {
  1058 + width: 100%; }
  1059 +
  1060 +.has-error .help-block {
  1061 + display: block; }
  1062 +
  1063 +.header-lang {
  1064 + height: 100%;
  1065 + display: flex;
  1066 + justify-content: flex-end;
  1067 + align-items: center;
  1068 + font-size: 13px;
  1069 + text-transform: uppercase; }
  1070 +
  1071 +.header-lang .active_lang {
  1072 + background-color: #e9e7e7;
  1073 + height: 30px;
  1074 + line-height: 29px;
  1075 + padding: 0px 10px; }
  1076 +
  1077 +.header-lang a {
  1078 + background-color: #f6f6f6;
  1079 + height: 30px;
  1080 + line-height: 29px;
  1081 + padding: 0px 10px;
  1082 + border: 1px solid #e9e7e7;
  1083 + border-top: 0;
  1084 + border-bottom: 0;
  1085 + margin-left: -1px; }
  1086 +
  1087 +.header-lang a:hover {
  1088 + background-color: #e9e7e7;
  1089 + border: 1px solid #cacaca;
  1090 + border-top: 0;
  1091 + border-bottom: 0; }
  1092 +
  1093 +.phones_head {
  1094 + height: 100%;
  1095 + margin: 0 -15px; }
  1096 +
  1097 +.phones_head > div {
  1098 + display: inline-block;
  1099 + height: 100%;
  1100 + line-height: 30px;
  1101 + font-size: 13px;
  1102 + margin: 0 15px;
  1103 + margin-right: 5px; }
  1104 +
  1105 +.top_phones span, .top_mail span {
  1106 + margin: 0 5px; }
  1107 +
  1108 +.top_mail, .top_phones {
  1109 + color: #949292; }
  1110 +
  1111 +.top_phones a {
  1112 + font-weight: bold;
  1113 + color: #333333; }
  1114 +
  1115 +.top_mail a {
  1116 + color: #0095d7; }
  1117 +
  1118 +.carousel_green_btn {
  1119 + position: absolute;
  1120 + width: 100%;
  1121 + bottom: 50px;
  1122 + left: 15px; }
  1123 +
  1124 +.green-carousel {
  1125 + position: relative; }
  1126 +
  1127 +#green-wr .button1.btn {
  1128 + width: 250px; }
  1129 +
  1130 +#green-wr .box-simple {
  1131 + text-align: center;
  1132 + margin-bottom: 0;
  1133 + position: absolute;
  1134 + width: 100%;
  1135 + bottom: 50px; }
  1136 +
  1137 +.individual-cover {
  1138 + margin-bottom: 40px;
  1139 + background-image: url(/img/accord/indiv_head.jpg);
  1140 + background-position: bottom center;
  1141 + background-repeat: no-repeat;
  1142 + background-attachment: scroll;
  1143 + background-size: cover;
  1144 + padding-top: 30%;
  1145 + max-height: 570px;
  1146 + box-shadow: inset 0px -100px 100px -100px rgba(0, 0, 0, 0.5), inset 0px 100px 100px -100px rgba(0, 0, 0, 0.5); }
  1147 +
  1148 +ul.list-wr {
  1149 + color: #467fbf; }
  1150 +
  1151 +ul.list-wr span {
  1152 + color: #555; }
  1153 +
  1154 +.copylink {
  1155 + padding: 10px 35px;
  1156 + display: block;
  1157 + background-image: url(/img/awlogo_w.png);
  1158 + background-repeat: no-repeat;
  1159 + background-position: left center;
  1160 + color: #fff; }
  1161 +
  1162 +.copylink:hover {
  1163 + color: #fff; }
  1164 +
  1165 +.copylink.mobile-cp {
  1166 + float: left;
  1167 + width: 100%; }
  1168 +
  1169 +.list-static-wr {
  1170 + list-style: none; }
  1171 +
  1172 +.list-static-wr li {
  1173 + position: relative; }
  1174 +
  1175 +.list-static-wr li:before {
  1176 + content: 'тАв';
  1177 + font-weight: bold;
  1178 + color: #0080ca;
  1179 + font-size: 25px;
  1180 + position: absolute;
  1181 + left: -20px;
  1182 + top: -2px; }
  1183 +
  1184 +.contacts_photo {
  1185 + width: 100%;
  1186 + position: relative;
  1187 + display: flex;
  1188 + align-items: center;
  1189 + justify-content: center;
  1190 + height: auto;
  1191 + max-height: 520px;
  1192 + overflow: hidden;
  1193 + border-radius: 10px; }
  1194 +
  1195 +.contacts_photo img {
  1196 + width: 100%; }
  1197 +
  1198 +.phone_hint {
  1199 + opacity: 0;
  1200 + position: absolute;
  1201 + white-space: normal;
  1202 + min-width: 182px;
  1203 + text-align: left;
  1204 + font-weight: bold;
  1205 + text-transform: none;
  1206 + background-color: #fff;
  1207 + border: 1px solid #0095d7;
  1208 + padding: 3px 7px;
  1209 + border-radius: 5px;
  1210 + bottom: -50px;
  1211 + left: -10px;
  1212 + transition: 0.3s;
  1213 + box-shadow: 0px 5px 12px -6px black;
  1214 + color: #006697; }
  1215 +
  1216 +.phone_hint:after {
  1217 + content: '';
  1218 + display: block;
  1219 + position: absolute;
  1220 + width: 10px;
  1221 + height: 10px;
  1222 + background: #ffffff;
  1223 + bottom: -6px;
  1224 + left: 20px;
  1225 + transform: rotate(45deg);
  1226 + border-bottom: 1px solid #0095d7;
  1227 + border-right: 1px solid #0095d7; }
  1228 +
  1229 +a.btn.sqre_btn.yellow_calc.modaled.init-button-╤Бalculate:hover > .phone_hint {
  1230 + bottom: 40px !important;
  1231 + opacity: 0.9 !important; }
  1232 +
  1233 +.button1.noicon {
  1234 + padding-left: 0px; }
  1235 +
  1236 +p.error-text {
  1237 + font-size: 30px;
  1238 + color: #333333;
  1239 + font-weight: bold;
  1240 + line-height: 35px;
  1241 + margin-top: 30px;
  1242 + margin-bottom: 50px; }
  1243 +
  1244 +@media (min-width: 1201px) {
  1245 + .links-ses-for-wr .container .row p {
  1246 + margin: 7px 20px; }
  1247 +
  1248 + .bottom-text-in {
  1249 + bottom: -90px; }
  1250 +
  1251 + footer#footer {
  1252 + height: 230px !important;
  1253 + max-height: 230px !important; }
  1254 +
  1255 + #all {
  1256 + padding-bottom: 230px !important; }
  1257 +
  1258 + .address_footer_table {
  1259 + line-height: 23px; } }
  1260 +@media (max-width: 1200px) {
  1261 + .calc-form-right-wr {
  1262 + border-top: 1px solid #e5e5e5;
  1263 + padding-top: 20px !important;
  1264 + margin-top: 10px; }
  1265 +
  1266 + .address_footer_table {
  1267 + line-height: 27px; } }
  1268 +@media (min-width: 992px) {
  1269 + header {
  1270 + height: 80px;
  1271 + overflow: hidden; }
  1272 +
  1273 + #all {
  1274 + min-height: 100vh;
198 1275 position: relative;
199   - background-position: bottom center;
200   - background-repeat: no-repeat;
201   - box-shadow: inset 0px -150px 200px -100px rgba(0,0,0,0.75);
202   - margin-bottom: 30px;
203   - margin-left: auto;
204   - margin-right: auto;
205   -}
206   -.smi_right .post .title {
207   - font-size: 16px;
208   - font-weight: 300;
  1276 + padding-bottom: 250px; }
  1277 +
  1278 + footer#footer {
  1279 + height: 250px;
  1280 + max-height: 250px;
209 1281 position: absolute;
210   - bottom: 0;
211   - padding: 30% 18% 13px 18px;
212   - line-height: 19px;
213   -}
214   -.smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;}
215   -.about .post a {width: 100%;height: 100%;position: absolute;color: #fff;}
216   -.text.quote{
217   - box-shadow: inset 3px 0px 0px #0095d7;
218   - padding-left: 20px;
219   - margin-top: 20px;
220   - position: relative;
221   - margin-bottom: 25px;
222   -}
223   -.icon_en{width:80px!important;height:80px!important;border:none;}
224   -.icon_en#icon01 {background-image: url(../img/icons/icon01.png);}
225   -.icon_en#icon02 {background-image: url(../img/icons/icon02.png);}
226   -.icon_en#icon03 {background-image: url(../img/icons/icon03.png);}
227   -.icon_en#icon04 {background-image: url(../img/icons/icon04.png);}
228   -.icon_en#icon05 {background-image: url(../img/icons/icon05.png);}
229   -.icon_en#icon06 {background-image: url(../img/icons/icon06.png);}
230   -.icon_en#icon07 {background-image: url(../img/icons/icon07.png);}
231   -.icon_en#icon08 {background-image: url(../img/icons/icon08.png);}
232   -.icon_en#icon09 {background-image: url(../img/icons/icon09.png);}
233   -.icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
234   -.btn.icon_stat {background-image: url(../img/icon_stat.png);}
235   -.bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
236   -#footer {background: #0080ca;padding: 15px 0;padding-bottom: 23px;color: #ffffff;overflow: hidden;}
237   -.why-us{max-width: 100%;}
238   -.home_mob_link{max-width: 100px;display: inline-block;padding: 10px 15px;}
239   -.static_logo_about_mob{
240   - display: inline-block;
241   - font-family: Arial, sans-serif!important;
242   - transition: 0.3s;
243   - width: 135px;
244   - padding: 0;
245   - margin: 0;
246   - font-size: 11px;
247   - /*text-transform: lowercase;*/
248   - line-height: 13px;
249   - cursor: default;
250   - text-align: left;
251   - margin-left: 15px;
252   - z-index: 1;
253   -}
254   -.small-logo-center .cont{
255   - display: flex;
256   - margin: 0 auto;
257   - align-items: center;
258   - justify-content: center;
259   -}
260   -.small-logo-center{margin: 10px 0 -10px;}
261   -.showcase .item h4, .showcase .item .h4 {color: #ffffff;}
262   -#video-bg{
263   - position: relative;
264   - top: 0;
265   - left: 0;
266   - z-index: 1;
267 1282 width: 100%;
268   - height: 100%;
269   - max-height: calc(100vh - 92px);
  1283 + bottom: 0; }
  1284 +
  1285 + #calculate-modal .modal-dialog {
  1286 + width: 95% !important;
  1287 + max-width: 1550px !important;
  1288 + margin-top: 10px; }
  1289 +
  1290 + .links-ses-for-wr .container .row p {
  1291 + margin: 7px 0px; }
  1292 +
  1293 + p.coord1 {
  1294 + margin-top: -30px; }
  1295 +
  1296 + .object_main_title .main_omt {
  1297 + max-height: 38px;
  1298 + overflow: hidden;
  1299 + display: block;
  1300 + opacity: 0.8; }
  1301 +
  1302 + .object_main_title .sec_omt {
  1303 + background: linear-gradient(white, #ffffff00);
  1304 + -webkit-background-clip: text;
  1305 + color: transparent;
  1306 + max-height: 50px; } }
  1307 +@media (min-width: 992px) and (max-width: 1199px) {
  1308 + #video-bg .arrow_bottom a {
  1309 + font-size: 90px; }
  1310 +
  1311 + .pr_cover {
  1312 + max-width: 320px;
  1313 + max-height: 180px;
270 1314 overflow: hidden;
271   - display: flex;
272   - align-items: center;
273   - justify-content: center;
274   -}
275   -#video-bg:after {
276   - content: '';
277   - position: absolute;
278   - top: 0;
279   - left: 0;
280   - width: 100%;
281   - height: 100%;
282   - background: rgba(0, 0, 0, 0.1);
283   - box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black;
284   -}
285   -#video-bg .arrow_bottom{
286   - position: absolute;
287   - width: 100%;
288   - z-index: 1;
289   - color: #fff;
290   - bottom: 4%;
291   - left: 0;
292   - text-align: center;
293   -}
294   -#video-bg .arrow_bottom a{
295   - font-size: 100px;
296   - color: rgba(255, 255, 255, 0.5);
297   - transition: 0.2s;
298   -}
299   -#video-bg .arrow_bottom a:hover{
300   - color: rgba(255, 255, 255, 0.8);
301   -}
302   -#video-bg .arrow_bottom a:active{
303   - color: rgba(255, 255, 255, 1);
304   -}
305   -#video-bg video{
306   - opacity: 0.7;
307   -}
308   -.video_main {
309   - background-color: #0080ca;
310   - z-index: -1000;
311   - background-image: url(/img/slide_two_fon.png);
312   -}
313   -.share_social{width:48px;height:48px;background-image:url('../img/socnets.png');display:inline-block;margin:0;padding:0;border-radius:50%;overflow:hidden;margin-top:5px;margin-right:3px;}
314   -.share_social.vk{background-position:0px 0px;}
315   -.share_social.fb{background-position:-56px 0px;}
316   -.share_social.gpl{background-position:48px 0px;}
317   -footer a{color: #fff;font-weight: 500;}
318   -footer a:hover{color:#fff;}
319   -footer .social-logos a i.fa, button i.fa {margin:0;}
320   -footer .social-logos a{
321 1315 display: inline-block;
322   - text-align: center;
323   - background-color: #ffd800;
324   - color: #1c4761;
325   - font-size: 24px;
326   - width: 34px;
327   - height: 34px;
328   - padding: 7px;
329   - box-sizing: content-box;
330   - border-radius: 50%;
331   - margin-right: 7px;
332   - margin-top: 5px;
333   - margin-bottom: 5px;
334   -}
335   -footer .social-logos a:hover {background-color: #d6b500;color: #0a2d42;}
336   -.main-slider{
337   - height: calc(100vh - 190px);
338   - background-color: #cecece;
339   - width: 100%;
340   - position: relative;
341   - max-height: 857px;
342   -}
343   -.main-slider .carousel {position: relative;height: 100%;}
344   -.main-slider .carousel-control {
345   - display: flex;
346   - align-items: center;
347   - font-size: 7vw;
348   - width: 23%;
349   - justify-content: flex-end;
350   -}
351   -.main-slider .carousel-control.right {justify-content: flex-start;}
352   -.steps-pre{
353   - margin:0;
354   - text-transform: uppercase;
355   - padding: 40px 0;
356   - padding-top: 50px;
357   - position: relative;
358   - overflow: unset;
359   -}
360   -section.bar.background-gray.steps-pre:before {
361   - content: '';
362   - width: 50px;
363   - height: 50px;
  1316 + width: calc(100% + 15px);
  1317 + height: 0;
  1318 + padding-bottom: 67.087%;
  1319 + position: relative; }
  1320 +
  1321 + .head_video_buttons .button1 {
  1322 + margin-bottom: 7px; }
  1323 +
  1324 + .head_video_buttons .button1, .head_video_buttons .button2 {
  1325 + float: none !important;
  1326 + display: block !important; }
  1327 +
  1328 + .navbar-brand.home {
  1329 + width: 100px; }
  1330 +
  1331 + .static_logo_img {
  1332 + width: 100%; }
  1333 +
  1334 + .static-about-link, .static_logo_about {
  1335 + display: none; }
  1336 +
  1337 + .navbar ul.nav > li > a {
  1338 + letter-spacing: -0.5px !important;
  1339 + padding: 0px 8px 2px !important; }
  1340 +
  1341 + .navbar ul.nav > li > a:after {
  1342 + width: calc(100% - 16px) !important;
  1343 + left: 8px !important; }
  1344 +
  1345 + .about .smi_right .post {
  1346 + width: 100%; }
  1347 +
  1348 + .smi_right .post .title {
  1349 + font-size: 13px;
  1350 + padding: 30% 21% 13px 11px;
  1351 + line-height: 16px; }
  1352 +
  1353 + .object-slider .carousel {
  1354 + height: 500px; } }
  1355 +@media (max-width: 991px) {
  1356 + #video-bg .arrow_bottom a {
  1357 + font-size: 80px; }
  1358 +
  1359 + .address_footer_table {
  1360 + line-height: 20px; }
  1361 +
  1362 + .links-ses-for-wr .container .row {
  1363 + flex-direction: column;
  1364 + height: initial; }
  1365 +
  1366 + .links-ses-for-wr .container .row .lsf-left, .links-ses-for-wr .container .row .lsf-right {
  1367 + text-align: left;
  1368 + border-right: none;
  1369 + padding-right: 15px;
  1370 + padding-left: 15px; }
  1371 +
  1372 + .links-ses-for-wr .container {
  1373 + padding-top: 10px;
  1374 + padding-bottom: 12px; }
  1375 +
  1376 + .links-ses-for-wr .container .row p {
  1377 + margin-bottom: 0; }
  1378 +
  1379 + #footer .container > div {
  1380 + margin-bottom: 20px; }
  1381 +
  1382 + .background-kben.block-why, .head_video_buttons {
  1383 + margin-top: 30px; }
  1384 +
  1385 + .pr_cover {
  1386 + max-width: 320px;
  1387 + max-height: 180px;
  1388 + width: 105%;
  1389 + height: 19vh;
  1390 + position: relative; }
  1391 +
  1392 + .project-right .open_gal img {
364 1393 position: absolute;
365   - left: calc(50% - 25px);
366   - bottom: -25px;
367   - -webkit-transform: rotate(45deg);
368   - transform: rotate(45deg);
369   - background: #eeeeee;
370   - z-index: 1;
371   -}
372   -.steps-pre h2,.steps-pre div,
373   -.steps-pre .h2{margin: 4px 0;}
374   -.steps-pre div{margin:4px auto;font-weight:bold;}
375   -.individ_main{font-size: 30px;}
376   -#get-it {padding: 30px 0 10px;background-color:#0080ca;}
377   -#main-page .blue-fon .heading h2,
378   -#main-page .blue-fon .heading .h2{border:none;}
379   -#main-page .row.portfolio{display: flex;flex-wrap: wrap;}
380   -.main-slider .carousel-inner, .main-slider .carousel-inner > .item {height:100%;width:100%;position:relative;}
381   -.main-slider .img-responsive, .thumbnail > img, .main-slider .thumbnail a > img, .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img {
382 1394 width: 100%;
383   - height: 100%;
384   - position: absolute;
385   - object-fit:cover;
386   -}
387   -.bottom-text{padding: 20px 15px;font-size: 12px;padding-bottom: 0;}
388   -.bottom-text-in{font-size: 12px;position: absolute;bottom: -110px;}
389   -#map {height: 560px;background-image: url(../img/map.jpg);}
390   -.main-slider .carousel-control{background:none!important;}
391   -#main-page .main-slider .box-simple{position: absolute;width: 100%;bottom: 0;}
392   -#main-page .main-slider .box-simple .button1{
393   - width: 235px;
394   - padding: 8px 0;
395   - padding-top: 10px;
396   - font-size: 13px;
397   - background-size: 9%;
398   - padding-left: 30px;
399   -}
400   -.portfolio .box-image {
401   - position: relative;
402   - text-align: center;
403   - margin: 15px 0;
404   -}
405   -#objects-wr .portfolio .box-image .image {
406   - top: 0;
  1395 + height: 100%; }
  1396 +
  1397 + #section2 {
  1398 + padding: 0 !important; }
  1399 +
  1400 + .main_video_fb {
  1401 + padding-top: 404px; }
  1402 +
  1403 + .card1 p.lead {
  1404 + margin-top: -25px;
  1405 + margin-bottom: 40px; }
  1406 +
  1407 + .main_video_yt {
407 1408 width: 100%;
408 1409 height: 0;
409   - padding-top: 75%;
410   -}
411   -.portfolio .box-image .image img{
  1410 + padding-bottom: calc(57% - 6px);
  1411 + position: relative; }
  1412 +
  1413 + .main_video_yt iframe {
412 1414 width: 100%;
413 1415 height: 100%;
414   - /*object-fit: cover;*/
415 1416 position: absolute;
416 1417 top: 0;
417   - left: 0;
418   -}
419   -.partners-wr{padding: 30px 0;}
420   -#objects-wr .bar.background-gray{padding: 20px 0;}
421   -#blog-listing-big .post .image, #blog-homepage .post .image{
422   - max-height: 350px;
423   - display: flex;
424   - justify-content: center;
425   - align-items: center;
426   - margin-bottom: 20px;}
427   -.post-blog .lead{margin-top: 25px;}
428   -.post-blog .content{margin-bottom: 50px;}
429   -.tag-cloud li.active a {background-color: #467fbf;color: #eeeeee!important;}
430   -.object-slider .carousel-inner{border-radius: 5px;overflow: hidden;}
431   -.object-slider{padding-bottom: 50px;position: relative;}
432   -.object-slider .carousel{
433   - width:100%;
434   - height:550px;
435   - max-height:550px;
436   - border-radius: 5px;
437   -}
438   -.object-slider .carousel-indicators{
439   - bottom: -40px;
440   - margin: 0;
441   - left: 0;
442   - width: 100%;
443   -}
444   -.object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;}
445   -.object-slider a.carousel-control {
446   - width: 30px;
447   - height: 30px;
448   - background-color: #ffffff;
449   - color: black;
450   - text-align: center;
451   - line-height: 29px;
452   - padding-right: 2px;
453   - border-radius: 50%;
454   - position: absolute;
455   - left: initial;
456   - opacity: 1;
457   - background-image: none;
458   -}
459   -.object-slider a.left.carousel-control{top: 20px;right: 75px;}
460   -.object-slider a.right.carousel-control{
461   - top: 20px;
462   - right: 35px;
463   - padding-right: 0;
464   - padding-left: 2px;
465   -}
466   -.object-slider a.carousel-control:hover {opacity: 0.5;}
467   -.object-slider a.carousel-control:active {opacity: 0.8;line-height: 24px;margin-top: 3px;}
468   -.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
469   -#calculate-form{margin-top: -15px;}
470   -#calculate-form > .row {
471   - padding-top: 15px;
472   -}
473   -#calculate-form .submit-wr{
474   - margin-top: -10px;
475   - margin-bottom: 5px;
476   -}
477   -#calculate-form .text-center img{margin: 0 auto;}
478   -.main-slider .carousel-indicators{display:none!important;}
479   -.object-slider .carousel-indicators li{
480   - width: 12px;
481   - height: 12px;
482   - border-radius:50%;
483   - background-color: #869791;
484   - border-color: #869791;
485   - margin: 5px 7px;
486   -}
487   -.object-slider .carousel-indicators .active, .object-slider .carousel-indicators li:hover {
488   - width: 12px;
489   - height: 12px;
490   - background-color: #467fbf;
491   - border-color: #467fbf;
492   -}
493   -/*отображать только 4 элемента в портфолио*/
494   -.object-view .portfolio > div:nth-child(1n+6) {display: none;}
495   -.object-view .portfolio .image{padding-top:75%;}
496   -.modal-body > form > .row > .col-md-12 {padding: 0px 30px;}
497   -.row.calculate-main-wr {padding-left: 15px;padding-right: 15px;}
498   -.big-title1{text-transform: uppercase;font-size: 24px;}
  1418 + left: 0; }
499 1419  
500   -/*heading breadcrumbs blue fon*/
501   -#heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);}
502   -#heading-breadcrumbs h1,
503   -#heading-breadcrumbs .h1{color: #fdfdfd;}
504   -#heading-breadcrumbs .breadcrumb > .active {color: #d0d0d0;font-weight: bold;}
505   -#heading-breadcrumbs .breadcrumb > li + li:before {color: #ececec;}
506   -#heading-breadcrumbs .breadcrumb li a {color: #efefef;}
507   -#heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;}
508   -#heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;}
509   -#heading-breadcrumbs > .container > .row{display: flex;align-items: center;}
510   -.box-image .name, .box-image .text{opacity:0;}
511   -.box-image:hover .name, .box-image:hover .text{opacity:1;}
512   -.owl-carousel .owl-wrapper-outer {border-radius: 5px;}
513   -.links-ses-for-wr{margin:0;}
514   -.links-ses-for-wr a{color: #00a1e9;text-decoration: underline;}
515   -.links-ses-for-wr .container{padding-top: 18px;padding-bottom: 20px;}
516   -.links-ses-for-wr .container .row{height: 60px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: bold;font-size: 14.5px;}
517   -.links-ses-for-wr .container .row .lsf-left{text-align: right;border-right: 2px solid #e4e4e4;padding-right: 30px;}
518   -.links-ses-for-wr .container .row .lsf-right{text-align: left;padding-left: 30px;}
519   -.links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);}
520   -.links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);}
521   -.links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 70px;}
522   -#mediaabout-wr .portfolio .box-image {padding-top: 56.1%;}
523   -#mediaabout-wr .portfolio .box-image .post{
524   - position: absolute;
525   - top: 0;
526   - left: 0;
527   - width: 100%;
528   - height: 100%;
529   - background-position: center;
530   - background-repeat: no-repeat;
531   - background-size: cover;
532   -}
533   -#mediaabout-wr .portfolio .box-image .post a{
534   - position: absolute;
  1420 + .object-slider .carousel {
  1421 + height: 450px; } }
  1422 +@media (min-width: 870px) {
  1423 + #calculate-modal .modal-dialog {
  1424 + width: 830px; } }
  1425 +@media screen and (min-width: 768px) {
  1426 + .carousel-indicators {
  1427 + bottom: -40px; } }
  1428 +@media (max-width: 767px) {
  1429 + .main_video_fb {
  1430 + padding-top: 56.1%; }
  1431 +
  1432 + .object-slider {
  1433 + margin-left: -15px;
  1434 + margin-right: -15px; }
  1435 +
  1436 + .object-slider .carousel {
535 1437 width: 100%;
536   - height: 100%;
537   - top: 0;
538   - left: 0;
539   -}
540   -#mediaabout-wr .portfolio .box-image .post .title{
541   - text-align: left;
542   - color: #fff;
543   - width:100%;
544   - font-size: 15px;
545   - padding: 10px 20px;
546   - padding-bottom: 15px;
547   - position: absolute;
548   - bottom: 0;
549   - background-color: rgba(0, 0, 0, 0.5);
550   - max-height: 50%;
551   -}
552   -.object_main_title{display: block;position: relative;}
553   -.object_main_title .sec_omt {
  1438 + max-height: 400px;
  1439 + border-radius: 0px;
  1440 + padding-top: 60%;
  1441 + height: 0; }
  1442 +
  1443 + .object-slider .carousel-inner {
  1444 + border-radius: 0px; }
  1445 +
  1446 + .object-slider .carousel .carousel-inner {
554 1447 position: absolute;
555   - left: 0;
556 1448 top: 0;
557   - z-index: -1;
558   -}
559   -.showcase.projects .item h4 {
560   - color: #ffffff;
561   - text-transform: none;
562   - font-weight: normal;
563   - letter-spacing: normal;
564   - line-height: 1.35;
565   -}
566   -.main-slider .box-simple {
567   - text-align: center;
  1449 + left: 0; }
  1450 +
  1451 + .individual-cover {
568 1452 margin-bottom: 20px;
569   -}
  1453 + padding-top: 40%; }
570 1454  
  1455 + .contacts_photo {
  1456 + width: calc(100% + 30px);
  1457 + max-height: 230px;
  1458 + margin-left: -15px;
  1459 + border-radius: 0px; }
571 1460  
572   -.article_comms-wr {position: relative;padding-top: 25px;padding-bottom: 15px;}
573   -.article_comms-wr:before {
574   - content: '';
575   - width: calc(100% - 30px);
576   - height: 1px;
577   - background-color: #d2d2d2;
578   - top: 0;
579   - left: 0;
580   - position: absolute;
581   - margin-left: 15px;
582   -}
583   -.article-comms_wr .has-error .form-control:focus{-webkit-box-shadow:none!important;box-shadow: none!important;}
584   -.article_comms-wr textarea{resize:vertical!important;}
585   -.article-comms_wr .rateit button.rateit-reset{margin-right:5px;}
586   -.input_bl.stars-wr_{margin-top: -5px;}
587   -.input_bl.stars-wr_ .rateit button.rateit-reset{margin-right: 2px;}
588   -.article_comms-wr .comments-start{width: 100%;}
589   -.article_comms-wr .comments-border{display:none;}
590   -.form-comm-wr { padding: 0px;}
591   -.form-comm-wr .rateit{padding: 0px 15px;}
592   -.comments-start .required label:before{display:none;content:'';}
593   -.comments-start .required label:after {
594   - display: inline-block;
595   - content: "*";
596   - color: #d40000;
597   - margin-left: 4px;
598   -}
599   -.user-ico{
600   - padding: 10px;
601   - text-align: center;
602   - background: #0080ca;
603   - color: #fff;
604   - font-size: 44px;
605   - text-transform: uppercase;
606   -}
607   -#blog-post{padding-bottom: 50px;}
608   -#artbox-comment .submit_btn button{
609   - color: #0080ca;
610   - background-color: initial;
611   - border: 1px solid;
612   - border-color: #0080ca;
613   - font-weight: 700;
614   - font-family: "Roboto",Helvetica,Arial,sans-serif;
615   - text-transform: uppercase;
616   - letter-spacing: .08em;
617   - padding: 6px 12px;
618   - font-size: 13px;
619   - line-height: 1.42857143;
620   - border-radius: 0;
621   - margin: 0 auto;
622   - display: block;
623   -}
624   -#artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active{
625   - color:#fff;
626   - background-color:#0080ca;
627   -}
628   -#artbox-comment .submit_btn button:active{
629   - background-image: none;
630   - outline: 0;
631   - -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
632   - box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
633   -}
634   -#artbox-comment .submit_btn button:before{
635   - content: "\f0e5";
636   - display: inline-block;
637   - font: normal normal normal 14px/1 FontAwesome;
638   - font-size: inherit;
639   - text-rendering: auto;
640   - -webkit-font-smoothing: antialiased;
641   - -moz-osx-font-smoothing: grayscale;
642   - margin-right: 5px;
643   -}
644   -#artbox-comment .form-comm-wr{background:none;}
645   -#artbox-comment .input_bl label {
646   - position: relative;
647   - width: 100%;
648   - text-align: left;
649   - padding-right: 10px;
650   - margin: 9px 0 0 0;
651   - display: inline-block;
652   - max-width: 100%;
653   - margin-bottom: 5px;
654   - font-weight: normal;
655   - text-transform: none;
656   - font-family: "Roboto",Helvetica,Arial,sans-serif;
657   - font-size: 14px;
658   - line-height: 1.42857143;
659   - color: #555;
660   -}
661   -#artbox-comment .submit_btn{width: 100%;}
662   -.input_bl input, .input_bl textarea, .answer-form textarea{width:100%;border-radius: 0!important;}
663   -.form-comm-wr .form-group {
664   - margin-bottom: 0;
665   - width: 50%;
666   - padding: 0px 15px;
667   -}
668   -.form-comm-wr .form-group.field-commentmodel-text{width:100%;}
669   -.has-error .help-block{display:block;}
670   -.header-lang{
671   - height: 100%;
  1461 + #video-bg .arrow_bottom a {
  1462 + font-size: 70px; } }
  1463 +@media (min-width: 768px) {
  1464 + .navbar-collapse.collapse {
  1465 + min-height: 80px !important;
  1466 + display: flex !important;
  1467 + align-items: center; }
  1468 +
  1469 + .nav.navbar-nav.navbar-right {
672 1470 display: flex;
673   - justify-content: flex-end;
  1471 + justify-content: left;
674 1472 align-items: center;
  1473 + flex-wrap: wrap;
  1474 + padding-left: 4%; }
  1475 +
  1476 + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  1477 + color: #555555;
  1478 + background: initial; }
  1479 +
  1480 + .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
  1481 + border-color: #fff; }
  1482 +
  1483 + .navbar ul.nav > li > a {
675 1484 font-size: 13px;
676   - text-transform: uppercase;
677   -}
678   -.header-lang .active_lang{
679   - background-color: #e9e7e7;
680   - height: 30px;
681   - line-height: 29px;
682   - padding: 0px 10px;
683   -}
684   -.header-lang a{
685   - background-color: #f6f6f6;
686   - height: 30px;
687   - line-height: 29px;
688   - padding: 0px 10px;
689   - border: 1px solid #e9e7e7;
690   - border-top: 0;
691   - border-bottom: 0;
692   - margin-left: -1px;
693   -}
694   -.header-lang a:hover{
695   - background-color: #e9e7e7;
696   - border: 1px solid #cacaca;
697   - border-top: 0;
698   - border-bottom: 0;
699   -}
700   -.phones_head{height:100%;margin:0 -15px;}
701   -.phones_head>div{
702   - display: inline-block;
703   - height: 100%;
704   - line-height: 30px;
705   - font-size: 13px;
706   - margin: 0 15px;
707   - margin-right:5px;
708   -}
709   -.top_phones span, .top_mail span {
710   - margin: 0 5px;
711   -}
712   -.top_mail, .top_phones{color:#949292;}
713   -.top_phones a{font-weight:bold;color:#333333;}
714   -.top_mail a{color:#0095d7;}
715   -.carousel_green_btn{
716   - position: absolute;
717   - width: 100%;
718   - bottom: 50px;
719   - left: 15px;
720   -}
721   -.green-carousel{position:relative;}
722   -#green-wr .button1.btn{
723   - width: 250px;
724   -}
725   -#green-wr .box-simple{
  1485 + letter-spacing: -0.40px;
726 1486 text-align: center;
727   - margin-bottom: 0;
728   - position: absolute;
729   - width: 100%;
730   - bottom: 50px;
731   -}
732   -.individual-cover {
733   - margin-bottom: 40px;
734   - background-image: url(/img/accord/indiv_head.jpg);
735   - background-position: bottom center;
736   - background-repeat: no-repeat;
737   - background-attachment: scroll;
738   - background-size: cover;
739   - padding-top: 30%;
740   - max-height: 570px;
741   - box-shadow: inset 0px -100px 100px -100px rgba(0, 0, 0, 0.5), inset 0px 100px 100px -100px rgba(0, 0, 0, 0.5);
742   -}
743   -ul.list-wr{color: #467fbf;}
744   -ul.list-wr span{color: #555;}
745   -.copylink{
746   - padding: 10px 35px;
747   - display: block;
748   - background-image: url(/img/awlogo_w.png);
749   - background-repeat: no-repeat;
750   - background-position: left center;
751   - color:#fff;
752   -}
753   -.copylink:hover{color:#fff;}
754   -.copylink.mobile-cp{
755   - float: left;
756   - width: 100%;
757   -}
758   -.list-static-wr{
759   - list-style:none;
760   -}
761   -.list-static-wr li {
762   - position: relative;
763   -}
764   -.list-static-wr li:before {
765   - content: '•';
766   - font-weight: bold;
767   - color: #0080ca;
768   - font-size: 25px;
769   - position: absolute;
770   - left: -20px;
771   - top: -2px;
772   -}
773   -.contacts_photo{
774   - width: 100%;
775   - position: relative;
  1487 + padding: 0px 12px 2px;
  1488 + line-height: 18px;
776 1489 display: flex;
777   - align-items: center;
778 1490 justify-content: center;
779   - height: auto;
780   - max-height: 520px;
781   - overflow: hidden;
782   - border-radius: 10px;
783   -}
784   -.contacts_photo img{width:100%;}
785   -.phone_hint{
786   - opacity: 0;
787   - position: absolute;
788   - white-space: normal;
789   - min-width: 182px;
790   - text-align: left;
791   - font-weight: bold;
792   - text-transform: none;
793   - background-color: #fff;
794   - border: 1px solid #0095d7;
795   - padding: 3px 7px;
796   - border-radius: 5px;
797   - bottom: -50px;
798   - left: -10px;
799   - transition: 0.3s;
800   - box-shadow: 0px 5px 12px -6px black;
801   - color: #006697;
802   -}
803   -.phone_hint:after {
  1491 + align-items: center;
  1492 + text-decoration: none;
  1493 + position: relative;
  1494 + overflow: hidden; }
  1495 +
  1496 + .navbar ul.nav > li > a:after {
804 1497 content: '';
805   - display: block;
  1498 + width: calc(100% - 24px);
806 1499 position: absolute;
807   - width: 10px;
808   - height: 10px;
809   - background: #ffffff;
810   - bottom: -6px;
811   - left: 20px;
812   - transform: rotate(45deg);
813   - border-bottom: 1px solid #0095d7;
814   - border-right: 1px solid #0095d7;
815   -}
816   -a.btn.sqre_btn.yellow_calc.modaled.init-button-сalculate:hover > .phone_hint {
817   - bottom: 40px!important;
818   - opacity: 0.9!important;
819   -}
820   -.button1.noicon{
821   - padding-left: 0px;
822   -}
823   -p.error-text{
824   - font-size: 30px;
825   - color: #333333;
826   - font-weight: bold;
827   - line-height: 35px;
828   - margin-top: 30px;
829   - margin-bottom: 50px;
830   -}
831   -
832   -@media(min-width:1201px){
833   - .links-ses-for-wr .container .row p {margin: 7px 20px;}
834   - .main-slider {min-height: 620px;}
835   - .bottom-text-in {bottom: -90px;}
836   - footer#footer {height: 230px!important;max-height: 230px!important;}
837   - #all {padding-bottom: 230px!important;}
838   - .address_footer_table{line-height:23px;}
839   -}
840   -@media(max-width:1200px){
841   - .calc-form-right-wr{
842   - border-top: 1px solid #e5e5e5;
843   - padding-top: 20px!important;
844   - margin-top: 10px;
845   - }
846   - .address_footer_table{line-height:27px;}
847   -}
848   -@media(min-width:992px){
849   - header{height: 62px;overflow: hidden;}
850   - #all{min-height:100vh;position: relative;padding-bottom: 250px;}
851   - footer#footer{height: 250px;max-height: 250px;position: absolute;width: 100%;bottom: 0;}
852   - #calculate-modal .modal-dialog{
853   - width: 95%!important;
854   - max-width: 1550px!important;
855   - margin-top: 10px;
856   - }
857   - .links-ses-for-wr .container .row p {margin: 7px 0px;}
858   - p.coord1{margin-top:-30px;}
859   - .object_main_title .main_omt{
860   - max-height: 38px;
861   - overflow: hidden;
862   - display: block;
863   - opacity: 0.8;}
864   - .object_main_title .sec_omt{
865   - background: linear-gradient(white, #ffffff00);
866   - -webkit-background-clip: text;
867   - color: transparent;
868   - max-height: 50px;}
869   -}
870   -@media(min-width:992px) and (max-width:1199px){
871   - #video-bg .arrow_bottom a{font-size:90px;}
872   - .pr_cover {
873   - max-width: 320px;
874   - max-height: 180px;
875   - overflow: hidden;
876   - display: inline-block;
877   - width: calc(100% + 15px);
878   - height: 0;
879   - padding-bottom: 67.087%;
880   - position: relative;
881   - }
882   - .head_video_buttons .button1{margin-bottom: 7px;}
883   - .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
884   - .navbar-brand.home{width: 100px;}
885   - .static_logo_img {width: 100%;}
886   - .static-about-link, .static_logo_about{display:none;}
887   - .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;}
888   - .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;}
889   - .about .smi_right .post{width:100%;}
890   - .smi_right .post .title{font-size: 13px;padding: 30% 21% 13px 11px;line-height: 16px;}
891   - .object-slider .carousel{height:500px;}
892   - .main-slider {min-height: 400px;}
893   - .main-slider .carousel-control{width:15%;}
894   -}
895   -@media(max-width:991px){
896   - #video-bg .arrow_bottom a{font-size:80px;}
897   - .address_footer_table{line-height:20px;}
898   - .links-ses-for-wr .container .row{flex-direction: column;height: initial;}
899   - .links-ses-for-wr .container .row .lsf-left, .links-ses-for-wr .container .row .lsf-right {
900   - text-align: left;
901   - border-right: none;
902   - padding-right: 15px;
903   - padding-left: 15px;
904   - }
905   - .links-ses-for-wr .container {padding-top: 10px;padding-bottom: 12px;}
906   - .links-ses-for-wr .container .row p{margin-bottom:0;}
907   - #footer .container > div {margin-bottom: 20px;}
908   - .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
909   - .pr_cover {
910   - max-width: 320px;
911   - max-height: 180px;
912   - width: 105%;
913   - height: 19vh;
914   - position: relative;
915   - }
916   - .project-right .open_gal img {position: absolute;width:100%;height:100%;}
917   - #section2{padding: 0!important;}
918   - .main_video_fb{padding-top: 404px;}
919   - .card1 p.lead {margin-top: -25px;margin-bottom: 40px;}
920   - .main_video_yt{
921   - width: 100%;
922   - height: 0;
923   - padding-bottom: calc(57% - 6px);
924   - position: relative;
925   - }
926   - .main_video_yt iframe{
927   - width: 100%;
928   - height: 100%;
929   - position: absolute;
930   - top: 0;
931   - left: 0;
932   - }
933   - .main-slider {height:0%;min-height:0%;padding-top: 80%;}
934   - .main-slider .carousel {height: 100%;width: 100%;position: absolute;top: 0;}
935   - .object-slider .carousel{height:450px;}
936   - .main-slider .carousel-control{font-size:10vw;width:10%;}
937   -}
938   -@media(min-width:870px){
939   - #calculate-modal .modal-dialog {width: 830px;}
940   -}
941   -@media screen and (min-width: 768px){
942   - .carousel-indicators {bottom: -40px;}
943   -}
944   -@media(max-width:767px){
945   - .main_video_fb{padding-top: 56.1%;}
946   - .object-slider{margin-left: -15px;margin-right: -15px;}
947   - .main-slider{max-height:550px;}
948   - .object-slider .carousel {
949   - width: 100%;
950   - max-height: 400px;
951   - border-radius: 0px;
952   - padding-top: 60%;
953   - height:0;
954   - }
955   - .object-slider .carousel-inner {border-radius: 0px;}
956   - .object-slider .carousel .carousel-inner{position:absolute;top:0;left:0;}
957   - .individual-cover{
958   - margin-bottom: 20px;
959   - padding-top: 40%;
960   - }
961   - .contacts_photo {
962   - width: calc(100% + 30px);
963   - max-height: 230px;
964   - margin-left: -15px;
965   - border-radius: 0px;
966   - }
967   - #video-bg .arrow_bottom a{font-size:70px;}
968   -}
969   -@media(min-width:768px){
970   - .navbar-collapse.collapse{
971   - min-height: 62px!important;
972   - display: flex!important;
973   - justify-content: center;
974   - align-items: center;
975   - }
976   - .nav.navbar-nav.navbar-right{
977   - display: flex;
978   - justify-content: left;
979   - align-items: center;
980   - flex-wrap: wrap;
981   - }
982   - .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
983   - color: #555555;
984   - background:initial;
985   - }
986   - .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a{border-color:#fff;}
987   - .navbar ul.nav > li > a {
988   - font-size: 13px;
989   - letter-spacing: -0.40px;
990   - text-align: center;
991   - padding: 0px 12px 2px;
992   - line-height: 18px;
993   - display: flex;
994   - justify-content: center;
995   - align-items: center;
996   - text-decoration: none;
997   - position: relative;
998   - overflow: hidden;
999   - }
1000   - .navbar ul.nav > li > a:after {
1001   - content: '';
1002   - width: calc(100% - 24px);
1003   - position: absolute;
1004   - bottom: -5px;
1005   - background: #ffd800;
1006   - height: 2px;
1007   - left: 12px;
1008   - transition:0.1s;
1009   - }
1010   - .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom:0px;}
1011   - .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;}
1012   - .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;}
1013   -}
1014   -@media(min-width:768px) and (max-width:991px){
1015   - .static-about-link, .static_logo_about{display:none;}
1016   - .navbar-header{width: 57px;}
1017   - .navbar-brand.home{width:100%;margin:0;padding:0;}
1018   - .navbar-brand.home img{width: 75px;}
1019   - .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;}
1020   - .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;}
1021   - .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;}
1022   - .nav.navbar-nav.navbar-right{margin: 0;float: none!important;}
1023   -}
1024   -@media(max-width:520px){
1025   - #heading-breadcrumbs h1,
1026   - #heading-breadcrumbs .h1 {font-size: 5.78vw;}
1027   - #video-bg .arrow_bottom a{font-size:60px;}
1028   -}
1029   -@media(min-width:501px){
1030   - .bigtext#header3 h2,
1031   - .bigtext#header3 .h2{width: 161%;}
1032   -}
1033   -@media(max-width:500px){
1034   - .form-comm-wr .form-group{width:100%;}
1035   - .head_video_buttons .button1{margin-bottom: 7px;}
1036   - .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
1037   - /*.button1{width:100%;}*/
1038   - h2, .h2, h1.individ_main {font-size: 6vw;}
1039   - .lead{font-size:16px;}
1040   - .img-title table td.buts{width: 40px!important;}
1041   - .img-title table td.buts a.sqre_btn{
1042   - margin-bottom: 5px;
1043   - width: 30px;
1044   - height: 30px;
1045   - background-size: 45%;
1046   - }
1047   - p.lead {margin-bottom: 25px;}
1048   - .main-slider .carousel-control{font-size:15vw;}
1049   - #video-bg .arrow_bottom a{font-size:50px;}
1050   -}
1051   -@media(max-width:380px){
1052   - .more-projects{
1053   - padding: 18px;
1054   - width: 100%!important;
1055   - font-size: 4.68vw;
1056   - line-height: 2.5vh;
1057   - margin-bottom: 50px;
1058   - }
1059   - .smi_right .post .title {
1060   - font-size: 4vw;
1061   - font-weight: 300;
1062   - position: absolute;
1063   - bottom: 0;
1064   - padding: 30% 24% 10px 10px;
1065   - line-height: 2.5vh;
1066   - }
1067   - .static_logo_about{
1068   - position: absolute;
1069   - left: 112px;
1070   - font-size: 3vw;
1071   - line-height: 125%;
1072   - }
1073   - .links-ses-for-wr .container .row{font-size:4vw;}
1074   - #video-bg .arrow_bottom a{font-size:35px;}
1075   -}
1076   -@media(max-width:280px) {
1077   - .pr_cover {width:109%;}
1078   -}
1079   -@media(max-width:275px){
1080   - .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;}
1081   -}
  1500 + bottom: -5px;
  1501 + background: #ffd800;
  1502 + height: 2px;
  1503 + left: 12px;
  1504 + transition: 0.1s; }
1082 1505  
  1506 + .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after {
  1507 + bottom: 0px; }
1083 1508  
  1509 + .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  1510 + background: initial; }
1084 1511  
1085   -.cookie-modal {
1086   - position: fixed;
1087   - left: 0;
1088   - bottom: 0;
  1512 + .navbar ul.nav > li > a:hover {
  1513 + border-color: #fff;
  1514 + background: initial; } }
  1515 +@media (min-width: 768px) and (max-width: 991px) {
  1516 + .static-about-link, .static_logo_about {
  1517 + display: none; }
  1518 +
  1519 + .navbar-header {
  1520 + width: 57px; }
  1521 +
  1522 + .navbar-brand.home {
1089 1523 width: 100%;
1090   - background: #0080ca;
1091   - color: #fff;
1092   - padding: 7px 0;
1093   - text-align: center;
1094   - z-index: 9999999999;
1095   -}
  1524 + margin: 0;
  1525 + padding: 0; }
  1526 +
  1527 + .navbar-brand.home img {
  1528 + width: 75px; }
  1529 +
  1530 + .navbar ul.nav > li > a {
  1531 + font-size: 11px;
  1532 + padding: 0px 6px 2px; }
  1533 +
  1534 + .navbar ul.nav > li > a:after {
  1535 + font-size: 11px;
  1536 + letter-spacing: -0.40px;
  1537 + padding: 0px 6px 2px; }
  1538 +
  1539 + .navbar ul.nav > li > a:after {
  1540 + width: calc(100% - 12px);
  1541 + left: 6px; }
  1542 +
  1543 + .nav.navbar-nav.navbar-right {
  1544 + margin: 0;
  1545 + float: none !important; } }
  1546 +@media (max-width: 520px) {
  1547 + #heading-breadcrumbs h1,
  1548 + #heading-breadcrumbs .h1 {
  1549 + font-size: 5.78vw; }
  1550 +
  1551 + #video-bg .arrow_bottom a {
  1552 + font-size: 60px; } }
  1553 +@media (min-width: 501px) {
  1554 + .bigtext#header3 h2,
  1555 + .bigtext#header3 .h2 {
  1556 + width: 161%; } }
  1557 +@media (max-width: 500px) {
  1558 + .form-comm-wr .form-group {
  1559 + width: 100%; }
  1560 +
  1561 + .head_video_buttons .button1 {
  1562 + margin-bottom: 7px; }
  1563 +
  1564 + .head_video_buttons .button1, .head_video_buttons .button2 {
  1565 + float: none !important;
  1566 + display: block !important; }
  1567 +
  1568 + /*.button1{width:100%;}*/
  1569 + h2, .h2, h1.individ_main {
  1570 + font-size: 6vw; }
  1571 +
  1572 + .lead {
  1573 + font-size: 16px; }
  1574 +
  1575 + .img-title table td.buts {
  1576 + width: 40px !important; }
  1577 +
  1578 + .img-title table td.buts a.sqre_btn {
  1579 + margin-bottom: 5px;
  1580 + width: 30px;
  1581 + height: 30px;
  1582 + background-size: 45%; }
  1583 +
  1584 + p.lead {
  1585 + margin-bottom: 25px; }
  1586 +
  1587 + #video-bg .arrow_bottom a {
  1588 + font-size: 50px; } }
  1589 +@media (max-width: 380px) {
  1590 + .more-projects {
  1591 + padding: 18px;
  1592 + width: 100% !important;
  1593 + font-size: 4.68vw;
  1594 + line-height: 2.5vh;
  1595 + margin-bottom: 50px; }
  1596 +
  1597 + .smi_right .post .title {
  1598 + font-size: 4vw;
  1599 + font-weight: 300;
  1600 + position: absolute;
  1601 + bottom: 0;
  1602 + padding: 30% 24% 10px 10px;
  1603 + line-height: 2.5vh; }
  1604 +
  1605 + .static_logo_about {
  1606 + position: absolute;
  1607 + left: 112px;
  1608 + font-size: 3vw;
  1609 + line-height: 125%; }
  1610 +
  1611 + .links-ses-for-wr .container .row {
  1612 + font-size: 4vw; }
  1613 +
  1614 + #video-bg .arrow_bottom a {
  1615 + font-size: 35px; } }
  1616 +@media (max-width: 280px) {
  1617 + .pr_cover {
  1618 + width: 109%; } }
  1619 +@media (max-width: 275px) {
  1620 + .head_video_buttons .button1, .head_video_buttons .button2 {
  1621 + width: 100% !important; } }
  1622 +.cookie-modal {
  1623 + position: fixed;
  1624 + left: 0;
  1625 + bottom: 0;
  1626 + width: 100%;
  1627 + background: #0080ca;
  1628 + color: #fff;
  1629 + padding: 7px 0;
  1630 + text-align: center;
  1631 + z-index: 9999999999; }
  1632 +
1096 1633 .cookie-modal.hide-bl {
1097   - display: none;
1098   -}
  1634 + display: none; }
  1635 +
1099 1636 .cokeis-close {
1100   - position: absolute;
1101   - width: 40px;
1102   - height: 40px;
1103   - cursor: pointer;
1104   - top: -7px;
1105   - right: 4px;
1106   -}
  1637 + position: absolute;
  1638 + width: 40px;
  1639 + height: 40px;
  1640 + cursor: pointer;
  1641 + top: -7px;
  1642 + right: 4px; }
1107 1643  
1108 1644 .cokeis-close:before {
1109   - width: 32px;
1110   - height: 32px;
1111   - text-align: center;
1112   - font-size: 16px;
1113   - content: "";
1114   - background: url(../img/ico-a-6.png) 50% 50% no-repeat;
1115   - display: block;
1116   -}
  1645 + width: 32px;
  1646 + height: 32px;
  1647 + text-align: center;
  1648 + font-size: 16px;
  1649 + content: "";
  1650 + background: url(../img/ico-a-6.png) 50% 50% no-repeat;
  1651 + display: block; }
1117 1652  
1118 1653 .cookie-modal p {
1119   - padding: 0 18px;
1120   - margin: 0;
1121   - font-size: 13px;
1122   -}
  1654 + padding: 0 18px;
  1655 + margin: 0;
  1656 + font-size: 13px; }
1123 1657  
1124 1658 .cookie-modal a {
1125   - color: inherit;
1126   - text-decoration: underline;
1127   -}
1128   -.label_39 {
1129   - z-index: 2147483645 !important;
1130   -}
  1659 + color: inherit;
  1660 + text-decoration: underline; }
1131 1661  
  1662 +.label_39 {
  1663 + z-index: 2147483645 !important; }
1132 1664  
1133 1665 /**************text************/
1134   -.section-text {padding-top: 46px; }
1135   -.section-text > .container {position: relative;}
  1666 +.section-text {
  1667 + padding-top: 46px; }
  1668 +
  1669 +.section-text > .container {
  1670 + position: relative; }
  1671 +
1136 1672 .section-text > .container:before {
1137   - content: '';
1138   - position: absolute;
1139   - width: 100%;
1140   - height: 50px;
1141   - background: rgba(255, 255, 255, 0);
1142   - background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
1143   - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
1144   - background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
1145   - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
1146   - left: 0;
1147   - bottom: 17px;
1148   - z-index: 2;
1149   -}
  1673 + content: '';
  1674 + position: absolute;
  1675 + width: 100%;
  1676 + height: 50px;
  1677 + background: rgba(255, 255, 255, 0);
  1678 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1679 + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1680 + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1681 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  1682 + left: 0;
  1683 + bottom: 17px;
  1684 + z-index: 2; }
  1685 +
1150 1686 .home-text-wr {
1151   - max-height: 440px;
1152   -}
  1687 + max-height: 440px; }
  1688 +
1153 1689 .home-text-wr {
1154   - font-size: 16px; }
  1690 + font-size: 16px; }
  1691 +
1155 1692 .home-text-wr * {
1156   - margin-bottom: 20px; }
  1693 + margin-bottom: 20px; }
  1694 +
1157 1695 .home-text-wr h1 {
1158   - font-size: 30px; }
  1696 + font-size: 30px; }
  1697 +
1159 1698 .home-text-wr h2 {
1160   - font-size: 26px; }
  1699 + font-size: 26px; }
  1700 +
1161 1701 .home-text-wr h3 {
1162   - font-size: 24px; }
  1702 + font-size: 24px; }
  1703 +
1163 1704 .home-text-wr h4 {
1164   - font-size: 23px; }
  1705 + font-size: 23px; }
  1706 +
1165 1707 .home-text-wr p {
1166   - margin-bottom: 40px; }
  1708 + margin-bottom: 40px; }
  1709 +
1167 1710 .home-text-wr ul li, .home-text-wr ol li {
1168   - margin-bottom: 0;
1169   - position: relative; }
  1711 + margin-bottom: 0;
  1712 + position: relative; }
  1713 +
1170 1714 .home-text-wr ul {
1171   - padding-left: 40px; }
  1715 + padding-left: 40px; }
  1716 +
1172 1717 .home-text-wr ul li {
1173   - list-style: none; }
  1718 + list-style: none; }
  1719 +
1174 1720 .home-text-wr ul li:before {
1175   - width: 7px;
1176   - height: 7px;
1177   - background: #467fbf;
1178   - content: '';
1179   - position: absolute;
1180   - top: 12px;
1181   - left: -20px;
1182   - border-radius: 100%; }
  1721 + width: 7px;
  1722 + height: 7px;
  1723 + background: #467fbf;
  1724 + content: '';
  1725 + position: absolute;
  1726 + top: 12px;
  1727 + left: -20px;
  1728 + border-radius: 100%; }
1183 1729  
1184 1730 @media (min-width: 768px) {
1185   - .home-text-wr {
1186   - font-size: 21px; } }
1187 1731 \ No newline at end of file
  1732 + .home-text-wr {
  1733 + font-size: 21px; } }
  1734 +
  1735 +/*# sourceMappingURL=main.css.map */
... ...
frontend/web/css/main.css.map 0 → 100644
  1 +{
  2 +"version": 3,
  3 +"mappings": "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",
  4 +"sources": ["main.scss"],
  5 +"names": [],
  6 +"file": "main.css"
  7 +}
0 8 \ No newline at end of file
... ...
frontend/web/css/main.scss 0 → 100644
  1 +body{position:relative;}
  2 +.no-mg{margin:0;}
  3 +#back-to-top{background: #467fbf;border-radius: 0 50px 50px 0;width: 50px;padding-right: 6px;}
  4 +#back-to-top:hover {background: #20446d;}
  5 +#back-to-top:active {background: #1b2e44;padding-top: 6px;}
  6 +#heading-breadcrumbs{background-attachment: fixed;}
  7 +.navbar-brand{display: flex;justify-content: center;align-items: center;}
  8 +.button1 {
  9 + margin: 0 auto;
  10 + color: black;
  11 + text-transform: uppercase;
  12 + background-color: #ffd800;
  13 + text-decoration: none;
  14 + cursor: pointer;
  15 + transition: 0.3s;
  16 + display: block;
  17 + text-align: center;
  18 + font-weight: bold;
  19 + width: 158px;
  20 + padding: 8px 0;
  21 + padding-top: 10px;
  22 + font-size: 13px;
  23 + line-height: 14px;
  24 + background-position: 14px center;
  25 + background-size: 18px;
  26 + background-repeat: no-repeat;
  27 + padding-left: 25px;
  28 + letter-spacing: 0;
  29 + border: none;
  30 + outline: none;
  31 + border-radius: 2px;
  32 + margin-bottom: 15px;
  33 +}
  34 +.btn.button1.mini {
  35 + background-image: url(../img/arrows_right_w2.png);
  36 + background-position: calc(100% - 14px) center;
  37 + background-repeat: no-repeat;
  38 + letter-spacing: 0;
  39 + border: none;
  40 + outline: none;
  41 + margin: 0 auto;
  42 + text-transform: uppercase;
  43 + text-decoration: none;
  44 + cursor: pointer;
  45 + transition: 0.3s;
  46 + display: inline-block;
  47 + text-align: center;
  48 + font-weight: bold;
  49 + width: 180px;
  50 + padding: 8px 0;
  51 + padding-top: 10px;
  52 + padding-right: 24px;
  53 + font-size: 13px;
  54 + line-height: 14px;
  55 + background-size: 9%;
  56 +}
  57 +.why-us .button1{width: 190px;}
  58 +
  59 +.static-about-link{color: #555555;text-decoration: none;}
  60 +.static_logo_about {
  61 + font-family: Arial, sans-serif !important;
  62 + transition: 0.3s;
  63 + width: 155px;
  64 + padding: 0;
  65 + margin: 0;
  66 + margin-left: -5px;
  67 + float: left;
  68 + display: flex;
  69 + height: 80px;
  70 + justify-content: center;
  71 + align-items: center;
  72 + font-size: 12px;
  73 + line-height: 13px;
  74 + cursor: pointer;
  75 + text-transform: uppercase;
  76 + padding-left: 10px;
  77 +}
  78 +.address_footer_table td{
  79 + vertical-align: top;
  80 + padding-right:7px;
  81 +}
  82 +#top {
  83 + background: #0096d6;
  84 + color: #fff;
  85 + padding: 0;
  86 + height:40px;
  87 + a {color: #fff}
  88 + >.container{height:100%;overflow: hidden;}
  89 + //.social a {
  90 + // color: #999999;
  91 + // display: inline-block;
  92 + // width: 24px;
  93 + // height: 16px;
  94 + // border-radius: 12px;
  95 + // line-height: 0px;
  96 + // font-size: 12px;
  97 + // text-align: center;
  98 + // vertical-align: bottom;
  99 + //}
  100 +}
  101 +.row-flex {
  102 + display: flex;
  103 + flex-wrap: wrap;
  104 + height: 100%;
  105 + &:before {
  106 + display: none;
  107 + }
  108 +}
  109 +.align-items-center {
  110 + align-items: center;
  111 +}
  112 +.justify-content-center {
  113 + justify-content: center;
  114 +}
  115 +.justify-content-between {
  116 + justify-content: space-between;
  117 +}
  118 +.align-self-start {
  119 + align-self: flex-start;
  120 +}
  121 +.align-self-end {
  122 + align-self: flex-end;
  123 +}
  124 +.header-lang-col, .first-mail-col, .first-phone-col, .first-menu-col {
  125 + padding: 0 15px;
  126 +}
  127 +.header-lang-col, .first-mail-col, .first-phone-col {
  128 + flex: 0 0 auto;
  129 + width: auto;
  130 + max-width: none;
  131 +
  132 +}
  133 +.first-menu-col {
  134 + width: 100%;
  135 + flex-basis: 0;
  136 + flex-grow: 1;
  137 + max-width: 100%;
  138 + text-align: center;
  139 + ul {
  140 + display: inline-block;
  141 + vertical-align: middle;
  142 + &:before, &:after {
  143 + display: none;
  144 + }
  145 + li {
  146 + float: left;
  147 + a {
  148 + padding: 0 10px;
  149 + font-size: 13px;
  150 + line-height: 16px;
  151 + &:hover, &:active, &:focus {
  152 + background: none;
  153 + }
  154 +
  155 + }
  156 + }
  157 + }
  158 +}
  159 +.header-lang-col {
  160 + font-size: 11px;
  161 + text-transform: uppercase;
  162 + span, a {
  163 + padding: 0 8px;
  164 + &:first-child {
  165 + padding-left: 0;
  166 + }
  167 + &:last-child {
  168 + padding-right: 0;
  169 + }
  170 + }
  171 +}
  172 +.first-mail-col {
  173 + a {
  174 + font-size: 13px;
  175 + color: #b0e8ff;
  176 + &:hover {
  177 + text-decoration: none;
  178 + }
  179 + }
  180 +}
  181 +.top_phones {
  182 + a {
  183 + font-size: 16px;
  184 + &:hover {
  185 + text-decoration: none;
  186 + }
  187 + }
  188 +}
  189 +
  190 +.blue-fon, .background-kben{background-color: #00a1e9;background-image:url('/img/slide_two_fon.png');color:#fff;}
  191 +.blue-fon .icon, .background-kben .icon{position: relative;width:120px;height:120px;border:none;}
  192 +.blue-fon .icon img, .background-kben .icon img {width: 100%;margin: 0;padding: 0;}
  193 +.blue-fon .box-simple h3, .background-kben .box-simple h3, .blue-fon .box-simple .h3, .background-kben .box-simple .h3 {color: #ffd800;margin-bottom: 5px;}
  194 +.blue-fon .box-simple p, .background-kben .box-simple p {color: #fff;}
  195 +.why-us .line_why {position: absolute;top: 50px;right: -83px;opacity: 0.3;}
  196 +.blue-fon .heading h1, .blue-fon .heading h2, .blue-fon .heading h3, .blue-fon .heading h4, .blue-fon .heading h5,
  197 +.blue-fon .heading .h1, .blue-fon .heading .h2, .blue-fon .heading .h3, .blue-fon .heading .h4, .blue-fon .heading .h5,
  198 +.background-kben .heading h1, .background-kben .heading h2, .background-kben .heading h3, .background-kben .heading h4, .background-kben .heading h5,
  199 +.background-kben .heading .h1, .background-kben .heading .h2, .background-kben .heading .h3, .background-kben .heading .h4, .background-kben .heading .h5{color:#fff;border-color: #ffd800!important;}
  200 +a.sqre_btn {
  201 + padding: 0;
  202 + margin: 0;
  203 + outline: none;
  204 + font-weight: normal;
  205 + font-size: 14px;
  206 + line-height: normal;
  207 + letter-spacing: 0;
  208 + display: inline-block;
  209 + vertical-align: middle;
  210 + width: 40px;
  211 + height: 40px;
  212 + background-color: rgba(255, 0, 0, 0.23);
  213 + border-radius: 0;
  214 + text-align: center;
  215 + position: relative;
  216 + margin-left: 5px;
  217 + margin-top: 5px;
  218 + background-position: center;
  219 + background-repeat: no-repeat;
  220 +}
  221 +section.blue-fon {padding-top: 25px;}
  222 +.objects-main-wr .image_link_wr {
  223 + width: 100%;
  224 + height: 0;
  225 + padding-top: 58.829%;
  226 + position: relative;
  227 +}
  228 +.objects-main-wr .img-title table {width: 100%;margin-top: 10px;}
  229 +.objects-main-wr .image_link {
  230 + background-position: center;
  231 + position: absolute;
  232 + top: 0;
  233 + left: 0;
  234 + background-size: 100% 100%;
  235 + background-repeat: no-repeat;
  236 + width: 100%;
  237 + height: 100%;
  238 +}
  239 +.objects-main-wr .image_link:hover{background-size: 105% 105%;}
  240 +.objects-main-wr .img-title table td.buts {width: 95px;max-width: 100%;vertical-align: top;text-align: left;}
  241 +.sqre_btn.blue_arrow {background-color: #0095d7;background-image: url(../img/arrows_right_w.png);}
  242 +.text-left a.sqre_btn {margin-left: 0;margin-right: 5px;}
  243 +.img-title table .text-left a.sqre_btn {margin-top: 0;}
  244 +.sqre_btn.yellow_calc {background-color: #ffd800;/*background-image: url(../img/icon_calc2.png);*/background-image: url(../img/icon_phone.png);}
  245 +.img-title table td.i-title {padding-left: 10px;text-align: left;padding-right: 10px;}
  246 +.img-title table .pr_title2 {margin: 0;padding: 0;}
  247 +.pr_title2 a {
  248 + font-weight: bold;
  249 + font-size: 16px;
  250 + text-transform: uppercase;
  251 + text-decoration: none;
  252 + color: #555555;
  253 +}
  254 +.button1.more-projects {padding: 14px;width: 240px;font-size: 14px;margin-bottom: 25px;}
  255 +.pr_title2 span{display:none!important;}
  256 +.btn.icon_phone {background-image: url(../img/icon_phone.png);}
  257 +.btn.icon_car {background-image: url(../img/icon_car.png);}
  258 +.btn.icon_calc {background-image: url(../img/icon_calc.png);}
  259 +.button1 span, .button2 span {display: block;font-weight: normal;font-size: 11px;}
  260 +.button1:hover {
  261 + text-decoration: none;
  262 + color: black;
  263 + background-color: #ffe764;
  264 + box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
  265 + transition: 0.3s;
  266 +}
  267 +.get_station_center {text-align: center;margin-top: 30px;margin-bottom: -15px;}
  268 +.border5 {border-radius: 5px;}
  269 +.card1 .heading.text-left h2,
  270 +.card1 .heading.text-left .h2 {margin-top: 0px;}
  271 +.bigtext {display: table-caption;}
  272 +.smi_left .video {height: 422px;}
  273 +.blue_arrow {
  274 + cursor: pointer;
  275 + width: 40px;
  276 + height: 40px;
  277 + background-color: #0095d7;
  278 + background-image: url(../img/arrows_right_w.png);
  279 + background-position: center center;
  280 + background-repeat: no-repeat;
  281 + transition: 0.3s;
  282 +}
  283 +.about .smi_right .post {
  284 + width: 360px;
  285 + max-width: 100%;
  286 + height: 160px;
  287 + background-color: black;
  288 + color: #fff;
  289 + position: relative;
  290 + background-position: bottom center;
  291 + background-repeat: no-repeat;
  292 + box-shadow: inset 0px -150px 200px -100px rgba(0,0,0,0.75);
  293 + margin-bottom: 30px;
  294 + margin-left: auto;
  295 + margin-right: auto;
  296 +}
  297 +.smi_right .post .title {
  298 + font-size: 16px;
  299 + font-weight: 300;
  300 + position: absolute;
  301 + bottom: 0;
  302 + padding: 30% 18% 13px 18px;
  303 + line-height: 19px;
  304 +}
  305 +.smi_right .blue_arrow {right: 10px;bottom:10px;position: absolute;}
  306 +.about .post a {width: 100%;height: 100%;position: absolute;color: #fff;}
  307 +.text.quote{
  308 + box-shadow: inset 3px 0px 0px #0095d7;
  309 + padding-left: 20px;
  310 + margin-top: 20px;
  311 + position: relative;
  312 + margin-bottom: 25px;
  313 +}
  314 +.icon_en{width:80px!important;height:80px!important;border:none;}
  315 +.icon_en#icon01 {background-image: url(../img/icons/icon01.png);}
  316 +.icon_en#icon02 {background-image: url(../img/icons/icon02.png);}
  317 +.icon_en#icon03 {background-image: url(../img/icons/icon03.png);}
  318 +.icon_en#icon04 {background-image: url(../img/icons/icon04.png);}
  319 +.icon_en#icon05 {background-image: url(../img/icons/icon05.png);}
  320 +.icon_en#icon06 {background-image: url(../img/icons/icon06.png);}
  321 +.icon_en#icon07 {background-image: url(../img/icons/icon07.png);}
  322 +.icon_en#icon08 {background-image: url(../img/icons/icon08.png);}
  323 +.icon_en#icon09 {background-image: url(../img/icons/icon09.png);}
  324 +.icon_en#icon10 {background-image: url(../img/icons/icon10.png);}
  325 +.btn.icon_stat {background-image: url(../img/icon_stat.png);}
  326 +.bt-shadow{box-shadow: inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);}
  327 +#footer {background: #0080ca;padding: 15px 0;padding-bottom: 23px;color: #ffffff;overflow: hidden;}
  328 +.why-us{max-width: 100%;}
  329 +.home_mob_link{max-width: 100px;display: inline-block;padding: 10px 15px;}
  330 +.static_logo_about_mob{
  331 + display: inline-block;
  332 + font-family: Arial, sans-serif!important;
  333 + transition: 0.3s;
  334 + width: 135px;
  335 + padding: 0;
  336 + margin: 0;
  337 + font-size: 11px;
  338 + /*text-transform: lowercase;*/
  339 + line-height: 13px;
  340 + cursor: default;
  341 + text-align: left;
  342 + margin-left: 15px;
  343 + z-index: 1;
  344 +}
  345 +.small-logo-center .cont{
  346 + display: flex;
  347 + margin: 0 auto;
  348 + align-items: center;
  349 + justify-content: center;
  350 +}
  351 +.small-logo-center{margin: 10px 0 -10px;}
  352 +.showcase .item h4, .showcase .item .h4 {color: #ffffff;}
  353 +#video-bg{
  354 + position: relative;
  355 + top: 0;
  356 + left: 0;
  357 + z-index: 1;
  358 + width: 100%;
  359 + height: 100%;
  360 + max-height: calc(100vh - 92px);
  361 + overflow: hidden;
  362 + display: flex;
  363 + align-items: center;
  364 + justify-content: center;
  365 +}
  366 +#video-bg:after {
  367 + content: '';
  368 + position: absolute;
  369 + top: 0;
  370 + left: 0;
  371 + width: 100%;
  372 + height: 100%;
  373 + background: rgba(0, 0, 0, 0.1);
  374 + box-shadow: inset 0px 250px 250px -250px black, inset 0px -250px 250px -250px black;
  375 +}
  376 +#video-bg .arrow_bottom{
  377 + position: absolute;
  378 + width: 100%;
  379 + z-index: 1;
  380 + color: #fff;
  381 + bottom: 4%;
  382 + left: 0;
  383 + text-align: center;
  384 +}
  385 +#video-bg .arrow_bottom a{
  386 + font-size: 100px;
  387 + color: rgba(255, 255, 255, 0.5);
  388 + transition: 0.2s;
  389 +}
  390 +#video-bg .arrow_bottom a:hover{
  391 + color: rgba(255, 255, 255, 0.8);
  392 +}
  393 +#video-bg .arrow_bottom a:active{
  394 + color: rgba(255, 255, 255, 1);
  395 +}
  396 +#video-bg video{
  397 + opacity: 0.7;
  398 +}
  399 +.video_main {
  400 + background-color: #0080ca;
  401 + z-index: -1000;
  402 + background-image: url(/img/slide_two_fon.png);
  403 +}
  404 +.share_social{width:48px;height:48px;background-image:url('../img/socnets.png');display:inline-block;margin:0;padding:0;border-radius:50%;overflow:hidden;margin-top:5px;margin-right:3px;}
  405 +.share_social.vk{background-position:0px 0px;}
  406 +.share_social.fb{background-position:-56px 0px;}
  407 +.share_social.gpl{background-position:48px 0px;}
  408 +footer a{color: #fff;font-weight: 500;}
  409 +footer a:hover{color:#fff;}
  410 +footer .social-logos a i.fa, button i.fa {margin:0;}
  411 +footer .social-logos a{
  412 + display: inline-block;
  413 + text-align: center;
  414 + background-color: #ffd800;
  415 + color: #1c4761;
  416 + font-size: 24px;
  417 + width: 34px;
  418 + height: 34px;
  419 + padding: 7px;
  420 + box-sizing: content-box;
  421 + border-radius: 50%;
  422 + margin-right: 7px;
  423 + margin-top: 5px;
  424 + margin-bottom: 5px;
  425 +}
  426 +footer .social-logos a:hover {background-color: #d6b500;color: #0a2d42;}
  427 +
  428 +.steps-pre{
  429 + margin:0;
  430 + text-transform: uppercase;
  431 + padding: 40px 0;
  432 + padding-top: 50px;
  433 + position: relative;
  434 + overflow: unset;
  435 +}
  436 +section.bar.background-gray.steps-pre:before {
  437 + content: '';
  438 + width: 50px;
  439 + height: 50px;
  440 + position: absolute;
  441 + left: calc(50% - 25px);
  442 + bottom: -25px;
  443 + -webkit-transform: rotate(45deg);
  444 + transform: rotate(45deg);
  445 + background: #eeeeee;
  446 + z-index: 1;
  447 +}
  448 +.steps-pre h2,.steps-pre div,
  449 +.steps-pre .h2{margin: 4px 0;}
  450 +.steps-pre div{margin:4px auto;font-weight:bold;}
  451 +.individ_main{font-size: 30px;}
  452 +#get-it {padding: 30px 0 10px;background-color:#0080ca;}
  453 +#main-page .blue-fon .heading h2,
  454 +#main-page .blue-fon .heading .h2{border:none;}
  455 +#main-page .row.portfolio{display: flex;flex-wrap: wrap;}
  456 +
  457 +.bottom-text{padding: 20px 15px;font-size: 12px;padding-bottom: 0;}
  458 +.bottom-text-in{font-size: 12px;position: absolute;bottom: -110px;}
  459 +#map {height: 560px;background-image: url(../img/map.jpg);}
  460 +.portfolio .box-image {
  461 + position: relative;
  462 + text-align: center;
  463 + margin: 15px 0;
  464 +}
  465 +#objects-wr .portfolio .box-image .image {
  466 + top: 0;
  467 + width: 100%;
  468 + height: 0;
  469 + padding-top: 75%;
  470 +}
  471 +.portfolio .box-image .image img{
  472 + width: 100%;
  473 + height: 100%;
  474 + /*object-fit: cover;*/
  475 + position: absolute;
  476 + top: 0;
  477 + left: 0;
  478 +}
  479 +.partners-wr{padding: 30px 0;}
  480 +#objects-wr .bar.background-gray{padding: 20px 0;}
  481 +#blog-listing-big .post .image, #blog-homepage .post .image{
  482 + max-height: 350px;
  483 + display: flex;
  484 + justify-content: center;
  485 + align-items: center;
  486 + margin-bottom: 20px;}
  487 +.post-blog .lead{margin-top: 25px;}
  488 +.post-blog .content{margin-bottom: 50px;}
  489 +.tag-cloud li.active a {background-color: #467fbf;color: #eeeeee!important;}
  490 +.object-slider .carousel-inner{border-radius: 5px;overflow: hidden;}
  491 +.object-slider{padding-bottom: 50px;position: relative;}
  492 +.object-slider .carousel{
  493 + width:100%;
  494 + height:550px;
  495 + max-height:550px;
  496 + border-radius: 5px;
  497 +}
  498 +.object-slider .carousel-indicators{
  499 + bottom: -40px;
  500 + margin: 0;
  501 + left: 0;
  502 + width: 100%;
  503 +}
  504 +.object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;}
  505 +.object-slider a.carousel-control {
  506 + width: 30px;
  507 + height: 30px;
  508 + background-color: #ffffff;
  509 + color: black;
  510 + text-align: center;
  511 + line-height: 29px;
  512 + padding-right: 2px;
  513 + border-radius: 50%;
  514 + position: absolute;
  515 + left: initial;
  516 + opacity: 1;
  517 + background-image: none;
  518 +}
  519 +.object-slider a.left.carousel-control{top: 20px;right: 75px;}
  520 +.object-slider a.right.carousel-control{
  521 + top: 20px;
  522 + right: 35px;
  523 + padding-right: 0;
  524 + padding-left: 2px;
  525 +}
  526 +.object-slider a.carousel-control:hover {opacity: 0.5;}
  527 +.object-slider a.carousel-control:active {opacity: 0.8;line-height: 24px;margin-top: 3px;}
  528 +.calculate-main-wr:after, #calculate-form:after{content:'';clear:both;display:block;position:relative;}
  529 +#calculate-form{margin-top: -15px;}
  530 +#calculate-form > .row {
  531 + padding-top: 15px;
  532 +}
  533 +#calculate-form .submit-wr{
  534 + margin-top: -10px;
  535 + margin-bottom: 5px;
  536 +}
  537 +#calculate-form .text-center img{margin: 0 auto;}
  538 +
  539 +.object-slider .carousel-indicators li{
  540 + width: 12px;
  541 + height: 12px;
  542 + border-radius:50%;
  543 + background-color: #869791;
  544 + border-color: #869791;
  545 + margin: 5px 7px;
  546 +}
  547 +.object-slider .carousel-indicators .active, .object-slider .carousel-indicators li:hover {
  548 + width: 12px;
  549 + height: 12px;
  550 + background-color: #467fbf;
  551 + border-color: #467fbf;
  552 +}
  553 +/*отображать только 4 элемента в портфолио*/
  554 +.object-view .portfolio > div:nth-child(1n+6) {display: none;}
  555 +.object-view .portfolio .image{padding-top:75%;}
  556 +.modal-body > form > .row > .col-md-12 {padding: 0px 30px;}
  557 +.row.calculate-main-wr {padding-left: 15px;padding-right: 15px;}
  558 +.big-title1{text-transform: uppercase;font-size: 24px;}
  559 +
  560 +/*heading breadcrumbs blue fon*/
  561 +#heading-breadcrumbs{background-color: #0080ca;background-image: url(/img/slide_two_fon.png);}
  562 +#heading-breadcrumbs h1,
  563 +#heading-breadcrumbs .h1{color: #fdfdfd;}
  564 +#heading-breadcrumbs .breadcrumb > .active {color: #d0d0d0;font-weight: bold;}
  565 +#heading-breadcrumbs .breadcrumb > li + li:before {color: #ececec;}
  566 +#heading-breadcrumbs .breadcrumb li a {color: #efefef;}
  567 +#heading-breadcrumbs .breadcrumb li a:hover {color: #ffffff;}
  568 +#heading-breadcrumbs .breadcrumb li a:active {color: #c7c7c7;}
  569 +#heading-breadcrumbs > .container > .row{display: flex;align-items: center;}
  570 +.box-image .name, .box-image .text{opacity:0;}
  571 +.box-image:hover .name, .box-image:hover .text{opacity:1;}
  572 +.owl-carousel .owl-wrapper-outer {border-radius: 5px;}
  573 +.links-ses-for-wr{margin:0;}
  574 +.links-ses-for-wr a{color: #00a1e9;text-decoration: underline;}
  575 +.links-ses-for-wr .container{padding-top: 18px;padding-bottom: 20px;}
  576 +.links-ses-for-wr .container .row{height: 60px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: bold;font-size: 14.5px;}
  577 +.links-ses-for-wr .container .row .lsf-left{text-align: right;border-right: 2px solid #e4e4e4;padding-right: 30px;}
  578 +.links-ses-for-wr .container .row .lsf-right{text-align: left;padding-left: 30px;}
  579 +.links-ses-for-wr .container .row .lsf-left p{background-image: url(/img/icon1_prv.png);}
  580 +.links-ses-for-wr .container .row .lsf-right p{background-image: url(/img/icon2_prv.png);}
  581 +.links-ses-for-wr .container .row p{display: inline-block;background-position: top left;background-repeat: no-repeat;padding: 13px 0 13px 70px;}
  582 +#mediaabout-wr .portfolio .box-image {padding-top: 56.1%;}
  583 +#mediaabout-wr .portfolio .box-image .post{
  584 + position: absolute;
  585 + top: 0;
  586 + left: 0;
  587 + width: 100%;
  588 + height: 100%;
  589 + background-position: center;
  590 + background-repeat: no-repeat;
  591 + background-size: cover;
  592 +}
  593 +#mediaabout-wr .portfolio .box-image .post a{
  594 + position: absolute;
  595 + width: 100%;
  596 + height: 100%;
  597 + top: 0;
  598 + left: 0;
  599 +}
  600 +#mediaabout-wr .portfolio .box-image .post .title{
  601 + text-align: left;
  602 + color: #fff;
  603 + width:100%;
  604 + font-size: 15px;
  605 + padding: 10px 20px;
  606 + padding-bottom: 15px;
  607 + position: absolute;
  608 + bottom: 0;
  609 + background-color: rgba(0, 0, 0, 0.5);
  610 + max-height: 50%;
  611 +}
  612 +.object_main_title{display: block;position: relative;}
  613 +.object_main_title .sec_omt {
  614 + position: absolute;
  615 + left: 0;
  616 + top: 0;
  617 + z-index: -1;
  618 +}
  619 +.showcase.projects .item h4 {
  620 + color: #ffffff;
  621 + text-transform: none;
  622 + font-weight: normal;
  623 + letter-spacing: normal;
  624 + line-height: 1.35;
  625 +}
  626 +
  627 +
  628 +
  629 +.article_comms-wr {position: relative;padding-top: 25px;padding-bottom: 15px;}
  630 +.article_comms-wr:before {
  631 + content: '';
  632 + width: calc(100% - 30px);
  633 + height: 1px;
  634 + background-color: #d2d2d2;
  635 + top: 0;
  636 + left: 0;
  637 + position: absolute;
  638 + margin-left: 15px;
  639 +}
  640 +.article-comms_wr .has-error .form-control:focus{-webkit-box-shadow:none!important;box-shadow: none!important;}
  641 +.article_comms-wr textarea{resize:vertical!important;}
  642 +.article-comms_wr .rateit button.rateit-reset{margin-right:5px;}
  643 +.input_bl.stars-wr_{margin-top: -5px;}
  644 +.input_bl.stars-wr_ .rateit button.rateit-reset{margin-right: 2px;}
  645 +.article_comms-wr .comments-start{width: 100%;}
  646 +.article_comms-wr .comments-border{display:none;}
  647 +.form-comm-wr { padding: 0px;}
  648 +.form-comm-wr .rateit{padding: 0px 15px;}
  649 +.comments-start .required label:before{display:none;content:'';}
  650 +.comments-start .required label:after {
  651 + display: inline-block;
  652 + content: "*";
  653 + color: #d40000;
  654 + margin-left: 4px;
  655 +}
  656 +.user-ico{
  657 + padding: 10px;
  658 + text-align: center;
  659 + background: #0080ca;
  660 + color: #fff;
  661 + font-size: 44px;
  662 + text-transform: uppercase;
  663 +}
  664 +#blog-post{padding-bottom: 50px;}
  665 +#artbox-comment .submit_btn button{
  666 + color: #0080ca;
  667 + background-color: initial;
  668 + border: 1px solid;
  669 + border-color: #0080ca;
  670 + font-weight: 700;
  671 + font-family: "Roboto",Helvetica,Arial,sans-serif;
  672 + text-transform: uppercase;
  673 + letter-spacing: .08em;
  674 + padding: 6px 12px;
  675 + font-size: 13px;
  676 + line-height: 1.42857143;
  677 + border-radius: 0;
  678 + margin: 0 auto;
  679 + display: block;
  680 +}
  681 +#artbox-comment .submit_btn button:hover, #artbox-comment .submit_btn button:active{
  682 + color:#fff;
  683 + background-color:#0080ca;
  684 +}
  685 +#artbox-comment .submit_btn button:active{
  686 + background-image: none;
  687 + outline: 0;
  688 + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  689 + box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  690 +}
  691 +#artbox-comment .submit_btn button:before{
  692 + content: "\f0e5";
  693 + display: inline-block;
  694 + font: normal normal normal 14px/1 FontAwesome;
  695 + font-size: inherit;
  696 + text-rendering: auto;
  697 + -webkit-font-smoothing: antialiased;
  698 + -moz-osx-font-smoothing: grayscale;
  699 + margin-right: 5px;
  700 +}
  701 +#artbox-comment .form-comm-wr{background:none;}
  702 +#artbox-comment .input_bl label {
  703 + position: relative;
  704 + width: 100%;
  705 + text-align: left;
  706 + padding-right: 10px;
  707 + margin: 9px 0 0 0;
  708 + display: inline-block;
  709 + max-width: 100%;
  710 + margin-bottom: 5px;
  711 + font-weight: normal;
  712 + text-transform: none;
  713 + font-family: "Roboto",Helvetica,Arial,sans-serif;
  714 + font-size: 14px;
  715 + line-height: 1.42857143;
  716 + color: #555;
  717 +}
  718 +#artbox-comment .submit_btn{width: 100%;}
  719 +.input_bl input, .input_bl textarea, .answer-form textarea{width:100%;border-radius: 0!important;}
  720 +.form-comm-wr .form-group {
  721 + margin-bottom: 0;
  722 + width: 50%;
  723 + padding: 0px 15px;
  724 +}
  725 +.form-comm-wr .form-group.field-commentmodel-text{width:100%;}
  726 +.has-error .help-block{display:block;}
  727 +.header-lang{
  728 + height: 100%;
  729 + display: flex;
  730 + justify-content: flex-end;
  731 + align-items: center;
  732 + font-size: 13px;
  733 + text-transform: uppercase;
  734 +}
  735 +.header-lang .active_lang{
  736 + background-color: #e9e7e7;
  737 + height: 30px;
  738 + line-height: 29px;
  739 + padding: 0px 10px;
  740 +}
  741 +.header-lang a{
  742 + background-color: #f6f6f6;
  743 + height: 30px;
  744 + line-height: 29px;
  745 + padding: 0px 10px;
  746 + border: 1px solid #e9e7e7;
  747 + border-top: 0;
  748 + border-bottom: 0;
  749 + margin-left: -1px;
  750 +}
  751 +.header-lang a:hover{
  752 + background-color: #e9e7e7;
  753 + border: 1px solid #cacaca;
  754 + border-top: 0;
  755 + border-bottom: 0;
  756 +}
  757 +.phones_head{height:100%;margin:0 -15px;}
  758 +.phones_head>div{
  759 + display: inline-block;
  760 + height: 100%;
  761 + line-height: 30px;
  762 + font-size: 13px;
  763 + margin: 0 15px;
  764 + margin-right:5px;
  765 +}
  766 +.top_phones span, .top_mail span {
  767 + margin: 0 5px;
  768 +}
  769 +.top_mail, .top_phones{color:#949292;}
  770 +.top_phones a{font-weight:bold;color:#333333;}
  771 +.top_mail a{color:#0095d7;}
  772 +.carousel_green_btn{
  773 + position: absolute;
  774 + width: 100%;
  775 + bottom: 50px;
  776 + left: 15px;
  777 +}
  778 +.green-carousel{position:relative;}
  779 +#green-wr .button1.btn{
  780 + width: 250px;
  781 +}
  782 +#green-wr .box-simple{
  783 + text-align: center;
  784 + margin-bottom: 0;
  785 + position: absolute;
  786 + width: 100%;
  787 + bottom: 50px;
  788 +}
  789 +.individual-cover {
  790 + margin-bottom: 40px;
  791 + background-image: url(/img/accord/indiv_head.jpg);
  792 + background-position: bottom center;
  793 + background-repeat: no-repeat;
  794 + background-attachment: scroll;
  795 + background-size: cover;
  796 + padding-top: 30%;
  797 + max-height: 570px;
  798 + box-shadow: inset 0px -100px 100px -100px rgba(0, 0, 0, 0.5), inset 0px 100px 100px -100px rgba(0, 0, 0, 0.5);
  799 +}
  800 +ul.list-wr{color: #467fbf;}
  801 +ul.list-wr span{color: #555;}
  802 +.copylink{
  803 + padding: 10px 35px;
  804 + display: block;
  805 + background-image: url(/img/awlogo_w.png);
  806 + background-repeat: no-repeat;
  807 + background-position: left center;
  808 + color:#fff;
  809 +}
  810 +.copylink:hover{color:#fff;}
  811 +.copylink.mobile-cp{
  812 + float: left;
  813 + width: 100%;
  814 +}
  815 +.list-static-wr{
  816 + list-style:none;
  817 +}
  818 +.list-static-wr li {
  819 + position: relative;
  820 +}
  821 +.list-static-wr li:before {
  822 + content: '•';
  823 + font-weight: bold;
  824 + color: #0080ca;
  825 + font-size: 25px;
  826 + position: absolute;
  827 + left: -20px;
  828 + top: -2px;
  829 +}
  830 +.contacts_photo{
  831 + width: 100%;
  832 + position: relative;
  833 + display: flex;
  834 + align-items: center;
  835 + justify-content: center;
  836 + height: auto;
  837 + max-height: 520px;
  838 + overflow: hidden;
  839 + border-radius: 10px;
  840 +}
  841 +.contacts_photo img{width:100%;}
  842 +.phone_hint{
  843 + opacity: 0;
  844 + position: absolute;
  845 + white-space: normal;
  846 + min-width: 182px;
  847 + text-align: left;
  848 + font-weight: bold;
  849 + text-transform: none;
  850 + background-color: #fff;
  851 + border: 1px solid #0095d7;
  852 + padding: 3px 7px;
  853 + border-radius: 5px;
  854 + bottom: -50px;
  855 + left: -10px;
  856 + transition: 0.3s;
  857 + box-shadow: 0px 5px 12px -6px black;
  858 + color: #006697;
  859 +}
  860 +.phone_hint:after {
  861 + content: '';
  862 + display: block;
  863 + position: absolute;
  864 + width: 10px;
  865 + height: 10px;
  866 + background: #ffffff;
  867 + bottom: -6px;
  868 + left: 20px;
  869 + transform: rotate(45deg);
  870 + border-bottom: 1px solid #0095d7;
  871 + border-right: 1px solid #0095d7;
  872 +}
  873 +a.btn.sqre_btn.yellow_calc.modaled.init-button-сalculate:hover > .phone_hint {
  874 + bottom: 40px!important;
  875 + opacity: 0.9!important;
  876 +}
  877 +.button1.noicon{
  878 + padding-left: 0px;
  879 +}
  880 +p.error-text{
  881 + font-size: 30px;
  882 + color: #333333;
  883 + font-weight: bold;
  884 + line-height: 35px;
  885 + margin-top: 30px;
  886 + margin-bottom: 50px;
  887 +}
  888 +
  889 +@media(min-width:1201px){
  890 + .links-ses-for-wr .container .row p {margin: 7px 20px;}
  891 + .bottom-text-in {bottom: -90px;}
  892 + footer#footer {height: 230px!important;max-height: 230px!important;}
  893 + #all {padding-bottom: 230px!important;}
  894 + .address_footer_table{line-height:23px;}
  895 +}
  896 +@media(max-width:1200px){
  897 + .calc-form-right-wr{
  898 + border-top: 1px solid #e5e5e5;
  899 + padding-top: 20px!important;
  900 + margin-top: 10px;
  901 + }
  902 + .address_footer_table{line-height:27px;}
  903 +}
  904 +@media(min-width:992px){
  905 + header{height: 80px;overflow: hidden;}
  906 + #all{min-height:100vh;position: relative;padding-bottom: 250px;}
  907 + footer#footer{height: 250px;max-height: 250px;position: absolute;width: 100%;bottom: 0;}
  908 + #calculate-modal .modal-dialog{
  909 + width: 95%!important;
  910 + max-width: 1550px!important;
  911 + margin-top: 10px;
  912 + }
  913 + .links-ses-for-wr .container .row p {margin: 7px 0px;}
  914 + p.coord1{margin-top:-30px;}
  915 + .object_main_title .main_omt{
  916 + max-height: 38px;
  917 + overflow: hidden;
  918 + display: block;
  919 + opacity: 0.8;}
  920 + .object_main_title .sec_omt{
  921 + background: linear-gradient(white, #ffffff00);
  922 + -webkit-background-clip: text;
  923 + color: transparent;
  924 + max-height: 50px;}
  925 +}
  926 +@media(min-width:992px) and (max-width:1199px){
  927 + #video-bg .arrow_bottom a{font-size:90px;}
  928 + .pr_cover {
  929 + max-width: 320px;
  930 + max-height: 180px;
  931 + overflow: hidden;
  932 + display: inline-block;
  933 + width: calc(100% + 15px);
  934 + height: 0;
  935 + padding-bottom: 67.087%;
  936 + position: relative;
  937 + }
  938 + .head_video_buttons .button1{margin-bottom: 7px;}
  939 + .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
  940 + .navbar-brand.home{width: 100px;}
  941 + .static_logo_img {width: 100%;}
  942 + .static-about-link, .static_logo_about{display:none;}
  943 + .navbar ul.nav > li > a{letter-spacing: -0.5px!important;padding: 0px 8px 2px!important;}
  944 + .navbar ul.nav > li > a:after{width: calc(100% - 16px)!important;left: 8px!important;}
  945 + .about .smi_right .post{width:100%;}
  946 + .smi_right .post .title{font-size: 13px;padding: 30% 21% 13px 11px;line-height: 16px;}
  947 + .object-slider .carousel{height:500px;}
  948 +}
  949 +@media(max-width:991px){
  950 + #video-bg .arrow_bottom a{font-size:80px;}
  951 + .address_footer_table{line-height:20px;}
  952 + .links-ses-for-wr .container .row{flex-direction: column;height: initial;}
  953 + .links-ses-for-wr .container .row .lsf-left, .links-ses-for-wr .container .row .lsf-right {
  954 + text-align: left;
  955 + border-right: none;
  956 + padding-right: 15px;
  957 + padding-left: 15px;
  958 + }
  959 + .links-ses-for-wr .container {padding-top: 10px;padding-bottom: 12px;}
  960 + .links-ses-for-wr .container .row p{margin-bottom:0;}
  961 + #footer .container > div {margin-bottom: 20px;}
  962 + .background-kben.block-why, .head_video_buttons{margin-top: 30px;}
  963 + .pr_cover {
  964 + max-width: 320px;
  965 + max-height: 180px;
  966 + width: 105%;
  967 + height: 19vh;
  968 + position: relative;
  969 + }
  970 + .project-right .open_gal img {position: absolute;width:100%;height:100%;}
  971 + #section2{padding: 0!important;}
  972 + .main_video_fb{padding-top: 404px;}
  973 + .card1 p.lead {margin-top: -25px;margin-bottom: 40px;}
  974 + .main_video_yt{
  975 + width: 100%;
  976 + height: 0;
  977 + padding-bottom: calc(57% - 6px);
  978 + position: relative;
  979 + }
  980 + .main_video_yt iframe{
  981 + width: 100%;
  982 + height: 100%;
  983 + position: absolute;
  984 + top: 0;
  985 + left: 0;
  986 + }
  987 +
  988 + .object-slider .carousel{height:450px;}
  989 +}
  990 +@media(min-width:870px){
  991 + #calculate-modal .modal-dialog {width: 830px;}
  992 +}
  993 +@media screen and (min-width: 768px){
  994 + .carousel-indicators {bottom: -40px;}
  995 +}
  996 +@media(max-width:767px){
  997 + .main_video_fb{padding-top: 56.1%;}
  998 + .object-slider{margin-left: -15px;margin-right: -15px;}
  999 +
  1000 + .object-slider .carousel {
  1001 + width: 100%;
  1002 + max-height: 400px;
  1003 + border-radius: 0px;
  1004 + padding-top: 60%;
  1005 + height:0;
  1006 + }
  1007 + .object-slider .carousel-inner {border-radius: 0px;}
  1008 + .object-slider .carousel .carousel-inner{position:absolute;top:0;left:0;}
  1009 + .individual-cover{
  1010 + margin-bottom: 20px;
  1011 + padding-top: 40%;
  1012 + }
  1013 + .contacts_photo {
  1014 + width: calc(100% + 30px);
  1015 + max-height: 230px;
  1016 + margin-left: -15px;
  1017 + border-radius: 0px;
  1018 + }
  1019 + #video-bg .arrow_bottom a{font-size:70px;}
  1020 +}
  1021 +@media(min-width:768px){
  1022 + .navbar-collapse.collapse{
  1023 + min-height: 80px!important;
  1024 + display: flex!important;
  1025 + align-items: center;
  1026 + }
  1027 + .nav.navbar-nav.navbar-right{
  1028 + display: flex;
  1029 + justify-content: left;
  1030 + align-items: center;
  1031 + flex-wrap: wrap;
  1032 + padding-left: 4%;
  1033 + }
  1034 + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  1035 + color: #555555;
  1036 + background:initial;
  1037 + }
  1038 + .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a{border-color:#fff;}
  1039 + .navbar ul.nav > li > a {
  1040 + font-size: 13px;
  1041 + letter-spacing: -0.40px;
  1042 + text-align: center;
  1043 + padding: 0px 12px 2px;
  1044 + line-height: 18px;
  1045 + display: flex;
  1046 + justify-content: center;
  1047 + align-items: center;
  1048 + text-decoration: none;
  1049 + position: relative;
  1050 + overflow: hidden;
  1051 + }
  1052 + .navbar ul.nav > li > a:after {
  1053 + content: '';
  1054 + width: calc(100% - 24px);
  1055 + position: absolute;
  1056 + bottom: -5px;
  1057 + background: #ffd800;
  1058 + height: 2px;
  1059 + left: 12px;
  1060 + transition:0.1s;
  1061 + }
  1062 + .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom:0px;}
  1063 + .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;}
  1064 + .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;}
  1065 +}
  1066 +@media(min-width:768px) and (max-width:991px){
  1067 + .static-about-link, .static_logo_about{display:none;}
  1068 + .navbar-header{width: 57px;}
  1069 + .navbar-brand.home{width:100%;margin:0;padding:0;}
  1070 + .navbar-brand.home img{width: 75px;}
  1071 + .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;}
  1072 + .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;}
  1073 + .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;}
  1074 + .nav.navbar-nav.navbar-right{margin: 0;float: none!important;}
  1075 +}
  1076 +@media(max-width:520px){
  1077 + #heading-breadcrumbs h1,
  1078 + #heading-breadcrumbs .h1 {font-size: 5.78vw;}
  1079 + #video-bg .arrow_bottom a{font-size:60px;}
  1080 +}
  1081 +@media(min-width:501px){
  1082 + .bigtext#header3 h2,
  1083 + .bigtext#header3 .h2{width: 161%;}
  1084 +}
  1085 +@media(max-width:500px){
  1086 + .form-comm-wr .form-group{width:100%;}
  1087 + .head_video_buttons .button1{margin-bottom: 7px;}
  1088 + .head_video_buttons .button1, .head_video_buttons .button2{float:none!important;display:block!important;}
  1089 + /*.button1{width:100%;}*/
  1090 + h2, .h2, h1.individ_main {font-size: 6vw;}
  1091 + .lead{font-size:16px;}
  1092 + .img-title table td.buts{width: 40px!important;}
  1093 + .img-title table td.buts a.sqre_btn{
  1094 + margin-bottom: 5px;
  1095 + width: 30px;
  1096 + height: 30px;
  1097 + background-size: 45%;
  1098 + }
  1099 + p.lead {margin-bottom: 25px;}
  1100 +
  1101 + #video-bg .arrow_bottom a{font-size:50px;}
  1102 +}
  1103 +@media(max-width:380px){
  1104 + .more-projects{
  1105 + padding: 18px;
  1106 + width: 100%!important;
  1107 + font-size: 4.68vw;
  1108 + line-height: 2.5vh;
  1109 + margin-bottom: 50px;
  1110 + }
  1111 + .smi_right .post .title {
  1112 + font-size: 4vw;
  1113 + font-weight: 300;
  1114 + position: absolute;
  1115 + bottom: 0;
  1116 + padding: 30% 24% 10px 10px;
  1117 + line-height: 2.5vh;
  1118 + }
  1119 + .static_logo_about{
  1120 + position: absolute;
  1121 + left: 112px;
  1122 + font-size: 3vw;
  1123 + line-height: 125%;
  1124 + }
  1125 + .links-ses-for-wr .container .row{font-size:4vw;}
  1126 + #video-bg .arrow_bottom a{font-size:35px;}
  1127 +}
  1128 +@media(max-width:280px) {
  1129 + .pr_cover {width:109%;}
  1130 +}
  1131 +@media(max-width:275px){
  1132 + .head_video_buttons .button1, .head_video_buttons .button2{width: 100%!important;}
  1133 +}
  1134 +
  1135 +
  1136 +
  1137 +.cookie-modal {
  1138 + position: fixed;
  1139 + left: 0;
  1140 + bottom: 0;
  1141 + width: 100%;
  1142 + background: #0080ca;
  1143 + color: #fff;
  1144 + padding: 7px 0;
  1145 + text-align: center;
  1146 + z-index: 9999999999;
  1147 +}
  1148 +.cookie-modal.hide-bl {
  1149 + display: none;
  1150 +}
  1151 +.cokeis-close {
  1152 + position: absolute;
  1153 + width: 40px;
  1154 + height: 40px;
  1155 + cursor: pointer;
  1156 + top: -7px;
  1157 + right: 4px;
  1158 +}
  1159 +
  1160 +.cokeis-close:before {
  1161 + width: 32px;
  1162 + height: 32px;
  1163 + text-align: center;
  1164 + font-size: 16px;
  1165 + content: "";
  1166 + background: url(../img/ico-a-6.png) 50% 50% no-repeat;
  1167 + display: block;
  1168 +}
  1169 +
  1170 +.cookie-modal p {
  1171 + padding: 0 18px;
  1172 + margin: 0;
  1173 + font-size: 13px;
  1174 +}
  1175 +
  1176 +.cookie-modal a {
  1177 + color: inherit;
  1178 + text-decoration: underline;
  1179 +}
  1180 +.label_39 {
  1181 + z-index: 2147483645 !important;
  1182 +}
  1183 +
  1184 +
  1185 +/**************text************/
  1186 +.section-text {padding-top: 46px; }
  1187 +.section-text > .container {position: relative;}
  1188 +.section-text > .container:before {
  1189 + content: '';
  1190 + position: absolute;
  1191 + width: 100%;
  1192 + height: 50px;
  1193 + background: rgba(255, 255, 255, 0);
  1194 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1195 + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1196 + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1197 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  1198 + left: 0;
  1199 + bottom: 17px;
  1200 + z-index: 2;
  1201 +}
  1202 +.home-text-wr {
  1203 + max-height: 440px;
  1204 +}
  1205 +.home-text-wr {
  1206 + font-size: 16px; }
  1207 +.home-text-wr * {
  1208 + margin-bottom: 20px; }
  1209 +.home-text-wr h1 {
  1210 + font-size: 30px; }
  1211 +.home-text-wr h2 {
  1212 + font-size: 26px; }
  1213 +.home-text-wr h3 {
  1214 + font-size: 24px; }
  1215 +.home-text-wr h4 {
  1216 + font-size: 23px; }
  1217 +.home-text-wr p {
  1218 + margin-bottom: 40px; }
  1219 +.home-text-wr ul li, .home-text-wr ol li {
  1220 + margin-bottom: 0;
  1221 + position: relative; }
  1222 +.home-text-wr ul {
  1223 + padding-left: 40px; }
  1224 +.home-text-wr ul li {
  1225 + list-style: none; }
  1226 +.home-text-wr ul li:before {
  1227 + width: 7px;
  1228 + height: 7px;
  1229 + background: #467fbf;
  1230 + content: '';
  1231 + position: absolute;
  1232 + top: 12px;
  1233 + left: -20px;
  1234 + border-radius: 100%; }
  1235 +
  1236 +@media (min-width: 768px) {
  1237 + .home-text-wr {
  1238 + font-size: 21px; } }
0 1239 \ No newline at end of file
... ...
frontend/web/css/new-style/new-index.scss 0 → 100644
  1 +@import "mixin";
  2 +
  3 +//@import "radio-check";
  4 +//@import "inputs";
  5 +
  6 +.new-index {
  7 + color: #000;
  8 + section, div.section {
  9 + margin: 0;
  10 + }
  11 +}
  12 +
  13 +.main-about {
  14 + height: 479px;
  15 + background-position: 50% 0;
  16 + background-repeat: no-repeat;
  17 + color: #fff;
  18 + padding-bottom: 17px;
  19 + > .container {
  20 + height: 100%;
  21 + > .row-flex {
  22 + height: 100%;
  23 + .row-flex {
  24 + margin-left: 0;
  25 + margin-right: 0;
  26 + }
  27 + }
  28 + }
  29 + &__wrapp_title {
  30 + padding-top: 99px;
  31 + }
  32 +
  33 + &__title {
  34 + width: 100%;
  35 + flex-basis: 0;
  36 + flex-grow: 1;
  37 + max-width: 100%;
  38 + span {
  39 + display: block;
  40 + text-transform: uppercase;
  41 + font-size: 50px;
  42 + line-height: 57px;
  43 + font-weight: 700;
  44 + &:first-child {
  45 + color: #ffd800;
  46 + font-size: 74px;
  47 + line-height: 57px;
  48 + }
  49 + &:last-child {
  50 + font-size: 24px;
  51 + line-height: 37px;
  52 + letter-spacing: 2.4px;
  53 + font-weight: 500;
  54 + }
  55 +
  56 + }
  57 + }
  58 + &__button {
  59 + a {
  60 + margin: 0;
  61 + background-color: #ffd800;
  62 + background-image: none !important;
  63 + width: 255px;
  64 + max-width: 100%;
  65 + padding: 0 10px;
  66 + height: 48px;
  67 + border-radius: 0;
  68 + line-height: 50px;
  69 + box-shadow: none !important;
  70 + @include Transition(0.2);
  71 + position: relative;
  72 + &:hover {
  73 + transform: translateY(-3px);
  74 + background-color: #ffd800;
  75 + box-shadow: 0 10px 20px rgba(255, 255, 255, 35%) !important;
  76 + &:after {
  77 + transform: scaleX(1.4) scaleY(1.6);
  78 + opacity: 0;
  79 + }
  80 + }
  81 + &:active {
  82 + transform: translateY(-1px);
  83 + }
  84 + &:after {
  85 + content: "";
  86 + display: block;
  87 + height: 100%;
  88 + width: 100%;
  89 + position: absolute;
  90 + top: 0;
  91 + left: 0;
  92 + z-index: -1;
  93 + transition: 0.4s;
  94 + background: #ffd800;
  95 + opacity: 0.7;
  96 + }
  97 + }
  98 + }
  99 + &__item {
  100 + font-size: 13px;
  101 + line-height: 17px;
  102 + width: 100%;
  103 + flex: 0 0 20%;
  104 + max-width: 20%;
  105 + position: relative;
  106 + padding-left: 13px;
  107 + padding-right: 5px;
  108 + padding-bottom: 15px;
  109 + cursor: default;
  110 + @include Transition(0.15);
  111 + &:hover {
  112 + transform: translateY(-15px);
  113 + @include Transition(0.3);
  114 + }
  115 + &:before {
  116 + content: '';
  117 + position: absolute;
  118 + left: 0;
  119 + width: 1px;
  120 + background: #ffffff;
  121 + @include Opacity(0.3);
  122 + top: 4px;
  123 + bottom: 1px;
  124 + }
  125 + span {
  126 + font-weight: 700;
  127 + color: #ffd800;
  128 + display: block;
  129 +
  130 + }
  131 + }
  132 +}
  133 +
  134 +.second-about {
  135 + background: #f6f6f6;
  136 + padding-top: 15px;
  137 + padding-bottom: 30px;
  138 + &__item {
  139 + padding-top: 15px;
  140 + a {
  141 + display: block;
  142 + width: 100%;
  143 + position: relative;
  144 + color: #fff;
  145 + &:hover {
  146 + &:before {
  147 + background: #fed800;
  148 + @include Opacity(1);
  149 + }
  150 + span {
  151 + transform: translateY(-15px);
  152 + }
  153 + }
  154 + &:before {
  155 + position: absolute;
  156 + content: '';
  157 + background: #000;
  158 + z-index: 2;
  159 + left: 0;
  160 + top: 0;
  161 + width: 100%;
  162 + height: 100%;
  163 + @include Transition(0.2);
  164 + @include Opacity(0.5);
  165 + }
  166 + img {
  167 + width: 100%;
  168 + position: relative;
  169 + z-index: 1;
  170 + }
  171 + span {
  172 + position: absolute;
  173 + z-index: 3;
  174 + left: 25px;
  175 + bottom: 13px;
  176 + font-size: 14px;
  177 + line-height: 21px;
  178 + text-transform: uppercase;
  179 + font-weight: 700;
  180 + padding-right: 25px;
  181 + @include Transition(0.2);
  182 + &:before, &:after {
  183 + content: '';
  184 + position: absolute;
  185 + background: #fff;
  186 + height: 2px;
  187 + width: 9px;
  188 + right: 17px;
  189 + }
  190 + &:before {
  191 + transform: rotate(45deg);
  192 + bottom: 15px;
  193 + }
  194 + &:after {
  195 + transform: rotate(-45deg);
  196 + bottom: 9px;
  197 + }
  198 + }
  199 + }
  200 + }
  201 +}
  202 +
  203 +.index-solution {
  204 + padding-top: 74px;
  205 + &__title {
  206 + text-align: center;
  207 + font-size: 32px;
  208 + line-height: 36px;
  209 + font-weight: 700;
  210 + text-transform: uppercase;
  211 + margin-bottom: 3px;
  212 + }
  213 + &__col {
  214 + margin-top: 30px;
  215 + }
  216 + &__item {
  217 + display: inline-block;
  218 + vertical-align: top;
  219 + width: 540px;
  220 + max-width: 100%;
  221 + background: #f6f6f6;
  222 + position: relative;
  223 + height: 100%;
  224 + overflow: hidden;
  225 + @include Transition(0.2);
  226 + &:hover {
  227 + box-shadow: 0px 4px 12px 0px rgba(196, 196, 196, 1);
  228 + .index-solution__item_img {
  229 + img {
  230 + @include Opacity(0.7);
  231 + transform: scale(1.1);
  232 +
  233 + }
  234 + }
  235 +
  236 + }
  237 + &:before {
  238 + position: absolute;
  239 + content: '';
  240 + left: 0;
  241 + bottom: 0;
  242 + width: 100%;
  243 + height: 2px;
  244 + background: rgb(0,150,215);
  245 + background: -moz-linear-gradient(left, rgba(0,150,215,1) 0%, rgba(30,178,105,1) 100%);
  246 + background: -webkit-linear-gradient(left, rgba(0,150,215,1) 0%,rgba(30,178,105,1) 100%);
  247 + background: linear-gradient(to right, rgba(0,150,215,1) 0%,rgba(30,178,105,1) 100%);
  248 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d7', endColorstr='#1eb269',GradientType=1 );
  249 + }
  250 + &_img {
  251 + display: block;
  252 + background: #fff;
  253 + overflow: hidden;
  254 + img {
  255 + max-width: 100%;
  256 + @include Transition(0.2);
  257 + }
  258 + }
  259 + &_text {
  260 + padding: 24px 24px 23px 22px;
  261 + a {
  262 + font-size: 18px;
  263 + line-height: 21px;
  264 + font-weight: 700;
  265 + color: #000;
  266 + min-height: 66px;
  267 + display: block;
  268 +
  269 + &:hover {
  270 + text-decoration: underline;
  271 + }
  272 + }
  273 + table {
  274 + margin-top: 8px;
  275 + width: 100%;
  276 + tr {
  277 + td {
  278 + font-size: 15px;
  279 + line-height: 21px;
  280 + &:first-child {
  281 + font-weight: 700;
  282 + color: #0096d6;
  283 + width: 65px;
  284 + padding-right: 5px;
  285 + white-space: nowrap;
  286 + }
  287 + }
  288 + }
  289 + }
  290 + }
  291 +
  292 + }
  293 + &__more {
  294 + margin-top: 40px;
  295 + }
  296 +}
  297 +
  298 +.animation-hover {
  299 + text-transform: uppercase;
  300 + margin: 0;
  301 + background-color: #ffd800;
  302 + width: 255px;
  303 + max-width: 100%;
  304 + padding: 0 10px;
  305 + height: 48px;
  306 + border-radius: 0;
  307 + line-height: 50px;
  308 + @include Transition(0.2);
  309 + position: relative;
  310 + display: block;
  311 + text-align: center;
  312 + font-weight: bold;
  313 + color: #000;
  314 + box-shadow: 0px 8px 20px 0px rgba(139, 139, 138, 0.2);
  315 + text-decoration: none !important;
  316 + &:hover {
  317 + color: #000;
  318 + transform: translateY(-3px);
  319 + background-color: #ffd800;
  320 + &:after {
  321 + transform: scaleX(1.4) scaleY(1.6);
  322 + opacity: 0;
  323 + }
  324 + }
  325 + &:active {
  326 + transform: translateY(-1px);
  327 + }
  328 + &:after {
  329 + content: "";
  330 + display: block;
  331 + height: 100%;
  332 + width: 100%;
  333 + position: absolute;
  334 + top: 0;
  335 + left: 0;
  336 + z-index: -1;
  337 + transition: 0.4s;
  338 + background: #ffd800;
  339 + opacity: 0.7;
  340 + }
  341 +}
  342 +
  343 +.index-solution-slider {
  344 + background: #f6f6f6;
  345 + margin-top: 80px !important;
  346 + padding-top: 65px;
  347 + padding-bottom: 56px;
  348 + &__title {
  349 + text-align: center;
  350 + font-size: 32px;
  351 + line-height: 36px;
  352 + font-weight: 700;
  353 + text-transform: uppercase;
  354 + margin-bottom: 3px;
  355 + }
  356 + &__col {
  357 + margin-top: 30px;
  358 + }
  359 + &__item {
  360 + background: #fff;
  361 + position: relative;
  362 + height: 100%;
  363 + padding: 15px 15px 13px 15px;
  364 + width: 255px;
  365 + max-width: 100%;
  366 + text-align: center;
  367 + border: 1px solid #ebebeb;
  368 + &:before {
  369 + position: absolute;
  370 + content: '';
  371 + left: 0;
  372 + bottom: -1px;
  373 + left: -1px;
  374 + right: -1px;
  375 + height: 2px;
  376 + background: rgb(0,150,215);
  377 + background: -moz-linear-gradient(left, rgba(0,150,215,1) 0%, rgba(30,178,105,1) 100%);
  378 + background: -webkit-linear-gradient(left, rgba(0,150,215,1) 0%,rgba(30,178,105,1) 100%);
  379 + background: linear-gradient(to right, rgba(0,150,215,1) 0%,rgba(30,178,105,1) 100%);
  380 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d7', endColorstr='#1eb269',GradientType=1 );
  381 + }
  382 + &:hover {
  383 + box-shadow: 0px 4px 12px 0px rgba(196, 196, 196, 1);
  384 + .index-solution-slider__item_img {
  385 + img {
  386 + @include Opacity(0.85);
  387 + }
  388 + }
  389 + }
  390 + &_img {
  391 + display: block;
  392 + background: #fff;
  393 + height: 211px;
  394 + img {
  395 + max-width: 100%;
  396 + max-height: 100%;
  397 + }
  398 + }
  399 + &_link {
  400 + margin-top: 20px;
  401 + font-size: 15px;
  402 + line-height: 21px;
  403 + font-weight: 700;
  404 + color: #000;
  405 + display: block;
  406 + min-height: 60px;
  407 + &:hover {
  408 + text-decoration: underline;
  409 + color: #000;
  410 + }
  411 + }
  412 + &_price {
  413 + color: #0096d6;
  414 + font-size: 15px;
  415 + line-height: 21px;
  416 + font-weight: 700;
  417 + margin-top: 9px;
  418 + }
  419 + }
  420 + .owl-item {
  421 + .index-solution-slider__col {
  422 + width: 100% !important;
  423 + }
  424 + }
  425 + .owl-pagination {
  426 + margin-bottom: -11px;
  427 + }
  428 + .owl-controls {
  429 + .owl-buttons {
  430 + position: static;
  431 + top: auto;
  432 + right: auto;
  433 + div {
  434 + display: block;
  435 + position: absolute;
  436 + top: 50%;
  437 + width: 21px;
  438 + height: 37px;
  439 + margin: -20px 0 0 0;
  440 + border-radius: 0;
  441 + background: none !important;
  442 + &:before, &:after {
  443 + position: absolute;
  444 + width: 26px;
  445 + height: 4px;
  446 + left: -3px;
  447 + content: '';
  448 + background: #8e8f90;
  449 + }
  450 + &:before {
  451 + transform: rotate(45deg);
  452 + top: 9px;
  453 + }
  454 + &:after {
  455 + transform: rotate(-45deg);
  456 + bottom: 9px;
  457 + }
  458 +
  459 + &.owl-prev {
  460 + left: -21px;
  461 + transform: rotate(180deg);
  462 + }
  463 + &.owl-next {
  464 + right: -21px;
  465 + }
  466 + &.disabled {
  467 + &:before, &:after {
  468 + background: #ebebeb;
  469 + }
  470 + }
  471 + }
  472 + }
  473 + .owl-page {
  474 + span {
  475 + display: block;
  476 + width: 8px;
  477 + height: 8px;
  478 + margin: 6px 6px 5px 6px;
  479 + @include Opacity(1);
  480 + border-radius: 100%;
  481 + background: #8e8f90;
  482 + }
  483 + &.active {
  484 + span {
  485 + background: #0096d6;
  486 + }
  487 + }
  488 + }
  489 + }
  490 +}
  491 +
  492 +
  493 +
... ...
frontend/web/css/style.blue.css
... ... @@ -3588,7 +3588,7 @@ fieldset[disabled] .btn-template-primary.active {
3588 3588 padding: 10px 15px;
3589 3589 font-size: 18px;
3590 3590 line-height: 20px;
3591   - height: 62px;
  3591 + height: 80px;
3592 3592 }
3593 3593  
3594 3594 .navbar-brand:hover,
... ...
frontend/web/img/new-index/second-about/second-about-1.jpg 0 → 100644

8.77 KB

frontend/web/img/new-index/second-about/second-about-2.jpg 0 → 100644

8.9 KB

frontend/web/img/new-index/second-about/second-about-3.jpg 0 → 100644

7.84 KB

frontend/web/img/new-index/second-about/second-about-4.jpg 0 → 100644

5.31 KB

frontend/web/img/new-index/section-1-bg.jpg 0 → 100644

157 KB

frontend/web/img/new-index/solution/solution-1.jpg 0 → 100644

55 KB

frontend/web/img/new-index/solution/solution-2.jpg 0 → 100644

54.8 KB

frontend/web/img/new-index/solution/solution-3.jpg 0 → 100644

44.5 KB

frontend/web/img/new-index/solution/solution-4.jpg 0 → 100644

57.7 KB

frontend/web/img/new-index/solution/solution-5.jpg 0 → 100644

47.7 KB

frontend/web/img/new-index/solution/solution-6.jpg 0 → 100644

49.9 KB

frontend/web/img/new-index/solution/solution-7.jpg 0 → 100644

42.2 KB

frontend/web/img/new-index/solution/solution-8.jpg 0 → 100644

46.9 KB

frontend/web/js/script.js
1   -$(
2   - function() {
  1 +$(function() {
  2 +
  3 + sliderSolution();
  4 + function sliderSolution() {
  5 + let sliderBlock = document.querySelectorAll('.index-solution-slider');
  6 + if(sliderBlock.length) {
  7 + $(".index-solution-slider__row").owlCarousel(
  8 + {
  9 + navigation: true,
  10 + navigationText: [],
  11 + autoPlay: false,
  12 + rewindNav:false,
  13 + items: 4,
  14 + // itemsDesktopSmall: [
  15 + // 900,
  16 + // 3
  17 + // ],
  18 + // itemsTablet: [
  19 + // 600,
  20 + // 3
  21 + // ],
  22 + // itemsMobile: [
  23 + // 500,
  24 + // 2
  25 + // ]
  26 + });
  27 + }
  28 + }
  29 +
3 30 phoneMask('input[name="Feedback[phone]"]');
4 31  
5 32  
... ...