Skip to content

T
taskonsite-архив-перенесен
Commit a76d6130 authored by Олег Гиммельшпах's avatar Олег Гиммельшпах
Browse files
Options

404

parent d76014ab
Show whitespace changes
Inline Side-by-side
Showing with 2527 additions and 203 deletions
console/migrations/m160126_143450_fix_co_blocks_table.php 0 → 100644
View file @ a76d6130
<?php
use yii\db\Schema;
use yii\db\Migration;
class m160126_143450_fix_co_blocks_table extends Migration
{
public function safeUp()
{
$tableOptions = null;
if ($this->db->driverName === 'mysql')
{
$tableOptions = 'CHARACTER SET utf8 COLLATE utf8_general_ci ENGINE=InnoDB';
}
$this->alterColumn('co_blocks', 'category_id', Schema::TYPE_INTEGER . '(11) NULL');
}
public function safeDown()
{
$this->alterColumn('co_blocks', 'category_id', Schema::TYPE_INTEGER . '(11) NOT NULL');
}
}
frontend/controllers/SiteController.php
View file @ a76d6130
......@@ -91,7 +91,7 @@ class SiteController extends BaseController
$model = \common\modules\content\models\CoContent::findOne(['url' => 'site/error']);
$content = $model->getContent();
$this->meta_title = $model->metaTags->title;
$this->meta_title = $model->metaTags->title . ' - ' . \Yii::$app->params['name'];
$this->meta_description = $model->metaTags->description;
$this->meta_keywords = $model->metaTags->keywords;
......
frontend/web/css/screen.css
View file @ a76d6130
......@@ -853,11 +853,6 @@ a.toggle_bottom:hover .icon-arrowDown2:after {
width: 101px;
height: 92px;
z-index: 99;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
-webkit-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.section3 .container .p5 {
......@@ -882,11 +877,6 @@ a.toggle_bottom:hover .icon-arrowDown2:after {
width: 337px;
height: 279px;
z-index: 99;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
-webkit-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.section3 .p6 {
......@@ -911,11 +901,6 @@ a.toggle_bottom:hover .icon-arrowDown2:after {
width: 279px;
height: 421px;
z-index: 99;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
-webkit-transition: all 2s linear;
-ms-transition: all 2s linear;
transition: all 2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.section3 .p7 {
......@@ -5904,6 +5889,186 @@ footer {
}
}
.keys_kns_nw {
width: 100%;
min-height: 867px;
background: url(../images/keys_kns_nw.png) no-repeat top center;
color: #262E38;
padding-top: 59px;
position: relative;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_kns_nw {
padding-top: 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_kns_nw {
padding-top: 30px;
}
}
.keys_kns_nw .kns_nw {
font-size: 36px;
color: #fff;
line-height: 50px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.keys_kns_nw .kns_nw {
font-size: 28px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_kns_nw .kns_nw {
font-size: 24px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_kns_nw .kns_nw {
font-size: 26px;
text-align: center;
line-height: 36px;
}
}
.kns-nw-conveyor {
width: 100%;
margin-top: -25px;
}
.kns-nw-conveyor img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.kns-nw-conveyor {
margin-top: 0;
}
}
.kns_nw_conveyor-info {
margin-top: 58px;
z-index: 3;
position: relative;
}
.kns_nw_conveyor-info h2 {
font-size: 18px;
color: #2d323a;
font-family: "RobotoBold";
font-weight: normal;
margin-bottom: 15px;
}
.kns_nw_conveyor-info img {
margin-bottom: 46px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.kns_logos_bl {
width: 140px;
float: left;
margin-right: 35px;
}
.kns_logos_bl img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.kns_logos_bl {
width: 98px;
float: left;
margin-right: 35px;
}
.kns_logos_bl img {
max-width: 100%;
height: auto;
}
.kns_logos_bl h2 {
font-size: 13px;
}
}
.conveyor-txt {
margin-top: 15px;
line-height: 26px;
}
.conveyor-txt span {
font-size: 25px;
color: #fff;
font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.conveyor-txt span {
text-align: center;
}
}
.conveyor-txt span:last-child {
margin-left: 206px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.conveyor-txt span:last-child {
margin-left: 0;
}
}
.kns_box1 {
background: url(../images/parallax/box1.png) no-repeat center center;
width: 349px;
height: 327px;
position: absolute;
top: 126px;
left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
.kns_box1 {
display: none;
}
}
.kns_box2 {
background: url(../images/parallax/box2.png) no-repeat center center;
width: 142px;
height: 148px;
position: absolute;
bottom: 172px;
left: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
.kns_box2 {
display: none;
}
}
.kns_box3 {
background: url(../images/parallax/box3.png) no-repeat center center;
width: 348px;
height: 385px;
position: absolute;
z-index: 1;
bottom: 248px;
right: 0px;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
.kns_box3 {
display: none;
}
}
.kns_box4 {
background: url(../images/parallax/box4.png) no-repeat center center;
width: 153px;
height: 130px;
position: absolute;
bottom: 80px;
right: 290px;
right: 0px;
z-index: 0;
}
@media only screen and (min-width: 320px) and (max-width: 1260px) {
.kns_box4 {
display: none;
}
}
.keys_title {
color: #494949;
font-size: 34px;
......@@ -5943,26 +6108,68 @@ footer {
}
}
.gif_post {
width: 724px;
margin: -25px auto 0px;
.kns_nw_title {
font-size: 30px;
color: #fff;
font-weight: normal;
font-family: "RobotoBold";
background: #00BACB;
display: inline-block;
padding: 13px 20px;
margin-top: 60px;
}
.gif_post img {
width: 100%;
height: auto;
.kns_nw_title-two {
font-size: 25px;
color: #fff;
font-weight: normal;
font-family: "RobotoBold";
background: #00BACB;
display: inline-block;
padding: 13px 20px;
margin-top: 108px;
margin-bottom: 12px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.gif_post {
width: 100%;
}
.how_dev_keys {
font-size: 19px;
color: #fff;
font-family: "RobotoBold";
margin-top: 41px;
margin-left: 5px;
}
.how_dev_keys li {
background: url(../images/icon/how_dev_keys.png) no-repeat 0% 46%;
padding-left: 22px;
margin-bottom: 15px;
}
.keys_kns_nw_two {
background: #fff;
padding-top: 40px;
padding-bottom: 23px;
}
.keys_kns_nw_two p {
font-size: 18px;
line-height: 26px;
color: #2d323a;
margin-bottom: 32px;
display: block;
}
.keys_kns_nw_two strong {
font-size: 18px;
color: #2d323a;
display: block;
margin-top: 64px;
margin-bottom: 30px;
}
.logica {
width: 804px;
margin: 0 auto 25px;
width: 714px;
margin: 34px 0px 0px 0px;
}
.logica img {
width: 100%;
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
......@@ -5971,133 +6178,171 @@ footer {
}
}
.keys_step span {
font-size: 20px;
color: #fff;
background: #00569F;
padding: 8px;
.keys_step {
background: #DDE7EC;
padding-top: 57px;
}
.step_block {
margin-bottom: 88px;
}
.step_block_num {
background: #97CC47;
display: block;
height: 36px;
width: 100px;
float: left;
font-size: 20px;
line-height: 34px;
padding-left: 10px;
}
.keys_step h3 {
.step_block_title {
font-size: 20px;
font-weight: normal;
color: #353535;
line-height: 28px;
margin-top: 17px;
margin-bottom: 39px;
}
.step_block p {
font-size: 17px;
display: block;
float: left;
height: 36px;
line-height: 36px;
margin-left: 20px;
line-height: 32px;
width: 290px;
color: #353535;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.keys_step h3 {
margin-left: 0;
line-height: 23px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_step h3 {
height: auto;
.step_block p {
width: 100%;
}
}
.shem_item1 {
width: 470px;
float: left;
.step_images {
position: relative;
z-index: 3;
}
.shem_item1 img {
width: 100%;
height: auto;
.step_img_tp_first {
position: absolute;
top: -130px;
display: block;
right: 0px;
width: 313px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.shem_item1 {
width: 350px;
.step_img_tp_first {
top: -95px;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.shem_item1 {
width: 100%;
@media only screen and (min-width: 480px) and (max-width: 767px) {
.step_img_tp_first {
position: relative;
right: -105px;
top: -70px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.step_img_tp_first {
width: 200px;
position: relative;
right: -68px;
top: -70px;
}
}
.step_img_tp_first img {
max-width: 100%;
height: auto;
}
.shem_item2 {
width: 470px;
float: right;
.step_img_tp {
position: absolute;
top: -90px;
display: block;
right: 0px;
width: 313px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.step_img_tp {
position: relative;
z-index: 1;
top: -100px;
right: -105px;
}
}
.shem_item2 img {
width: 100%;
@media only screen and (min-width: 320px) and (max-width: 479px) {
.step_img_tp {
width: 200px;
position: relative;
right: -68px;
}
}
.step_img_tp img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.shem_item2 {
width: 350px;
.step_img_bt {
position: absolute;
display: block;
width: 313px;
top: 30px;
z-index: 2;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.step_img_bt {
top: 0;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.shem_item2 {
width: 100%;
top: -50px;
@media only screen and (min-width: 320px) and (max-width: 479px) {
.step_img_bt {
width: 200px;
top: 0;
}
}
.step_img_bt img {
max-width: 100%;
height: auto;
}
.shem_arrow {
background: url(../images/icon/shem_arrow.png) no-repeat center center;
width: 135px;
height: 104px;
float: left;
position: relative;
z-index: 2;
top: 200px;
left: -50px;
width: 74px;
height: 55px;
position: absolute;
right: 35px;
bottom: -350px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
@media only screen and (min-width: 320px) and (max-width: 970px) {
.shem_arrow {
display: none;
}
}
.shem6 {
position: relative;
width: 893px;
margin: 0 auto 30px;
.ar3 {
bottom: -420px;
}
.shem6 img {
width: 100%;
height: auto;
}
@media only screen and (min-width: 320px) and (max-width: 970px) {
.shem6 {
width: 100%;
}
.ar4 {
bottom: -260px;
}
.shem6_line {
position: absolute;
left: 0;
top: -97px;
font-size: 16px;
color: #567f90;
line-height: 21px;
.triangle-right {
width: 0;
height: 0;
border-top: 18px solid transparent;
border-left: 14px solid #97CC47;
border-bottom: 18px solid transparent;
display: block;
float: left;
}
.shem6_line:before {
.triangle-right:after {
content: "";
background: url(../images/shem6_line.png);
width: 125px;
height: 128px;
display: block;
vertical-align: middle;
width: 260px;
height: 1px;
background: #97CC49;
display: inline-block;
position: relative;
top: 130px;
left: -10px;
top: -14px;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.shem6_line {
display: none;
@media only screen and (min-width: 320px) and (max-width: 479px) {
.triangle-right:after {
width: 150px;
}
}
......@@ -10636,3 +10881,574 @@ h6 {
display: none;
}
}
.keys_list_bl {
background: #fff;
padding-top: 56px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_list_bl {
padding-top: 30px;
}
}
.keys_list_bl h1 {
font-size: 29px;
color: #2d3642;
padding: 0;
font-family: "RobotoBold";
margin-bottom: 15px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_list_bl h1 {
font-size: 23px;
}
}
.keys_list_bl p {
font-size: 18px;
color: #2d323a;
line-height: 26px;
margin-bottom: 30px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_list_bl p {
font-size: 14px;
}
}
.keys_block_small {
position: relative;
width: 455px;
height: 338px;
margin-bottom: 31px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.keys_block_small {
width: 100%;
height: auto;
}
.keys_block_small img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_block_small {
width: 100%;
height: auto;
}
.keys_block_small img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_block_small {
width: 100%;
height: auto;
}
.keys_block_small img {
max-width: 100%;
height: auto;
}
}
.keys_block_small .keys_small_foot {
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(36, 51, 64, 0.56);
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_small .keys_small_foot a.keys_small_tags {
display: inline-block;
float: right;
line-height: 80px;
font-family: "RobotoBold";
font-size: 14px;
color: #fff;
margin-right: 30px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_small .keys_small_foot a.keys_small_tags:hover {
text-decoration: none;
}
.keys_block_small .keys_small_btn_more {
display: inline-block;
color: #fff;
font-size: 16px;
border: 2px solid #fff;
margin-top: 23px;
margin-left: 23px;
height: 34px;
width: 133px;
text-align: center;
line-height: 27px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_small .keys_small_btn_more:hover, .keys_block_small .keys_small_btn_more:focus {
text-decoration: none;
}
.keys_block_small .keys_small_btn_more:active {
text-decoration: none;
}
.keys_block_small .keys_small_btn_more span:after {
content: "";
background: url(../images/icon/keys_small_btn_more.png);
width: 8px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_small .keys_small_title {
position: absolute;
top: 24px;
left: 25px;
right: 25px;
font-size: 24px;
line-height: 33px;
font-family: "RobotoBold";
color: #2d3642;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.keys_block_small .keys_small_title {
font-size: 20px;
line-height: 26px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_block_small .keys_small_title {
font-size: 20px;
line-height: 26px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_block_small .keys_small_title {
font-size: 15px;
line-height: 20px;
}
}
.keys_block_big {
width: 940px;
position: relative;
height: 338px;
margin-bottom: 31px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.keys_block_big {
width: 100%;
height: auto;
}
.keys_block_big img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_block_big {
width: 100%;
height: auto;
}
.keys_block_big img {
max-width: 100%;
height: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_block_big {
width: 100%;
height: auto;
}
.keys_block_big img {
max-width: 100%;
height: auto;
}
}
.keys_block_big .keys_small_foot {
width: 100%;
height: 80px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(36, 51, 64, 0.56);
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_big .keys_small_foot a.keys_small_tags {
display: inline-block;
float: right;
line-height: 80px;
font-family: "RobotoBold";
font-size: 14px;
color: #fff;
margin-right: 30px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_big .keys_small_foot a.keys_small_tags:hover {
text-decoration: none;
}
.keys_block_big .keys_small_btn_more {
display: inline-block;
color: #fff;
font-size: 16px;
border: 2px solid #fff;
margin-top: 23px;
margin-left: 23px;
height: 34px;
width: 133px;
text-align: center;
line-height: 27px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_big .keys_small_btn_more:hover, .keys_block_big .keys_small_btn_more:focus {
text-decoration: none;
}
.keys_block_big .keys_small_btn_more:active {
text-decoration: none;
}
.keys_block_big .keys_small_btn_more span:after {
content: "";
background: url(../images/icon/keys_small_btn_more.png);
width: 8px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.keys_block_big .keys_small_title {
position: absolute;
top: 24px;
left: 25px;
right: 25px;
font-size: 24px;
line-height: 33px;
font-family: "RobotoBold";
color: #fff;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_block_big .keys_small_title {
font-size: 15px;
line-height: 20px;
}
}
.keys_block_small:hover, .keys_block_big:hover {
box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26);
}
.keys_block_small:hover .keys_small_foot, .keys_block_big:hover .keys_small_foot {
background: #FBFBFB;
}
.keys_block_small:hover .keys_small_foot .keys_small_tags, .keys_block_big:hover .keys_small_foot .keys_small_tags {
color: #2d3642;
}
.keys_block_small:hover .keys_small_btn_more, .keys_block_big:hover .keys_small_btn_more {
color: #4b78bb;
border: 2px solid #4b78bb;
}
.keys_block_small:hover .keys_small_btn_more span:after, .keys_block_big:hover .keys_small_btn_more span:after {
background: url(../images/icon/keys_small_btn_more-hover.png);
}
.keys_block_small:hover .keys_small_title, .keys_block_big:hover .keys_small_title {
color: #fff;
}
.keys_send_mail {
width: 100%;
height: 236px;
background: #F1F1F1;
padding: 26px 37px;
margin-bottom: 40px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.keys_send_mail {
height: auto;
}
}
.keys_send_mail p {
color: #2d323a;
font-size: 16px;
line-height: 26px;
margin-bottom: 22px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_send_mail p {
font-size: 13px;
line-height: 22px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_send_mail p {
font-size: 13px;
line-height: 20px;
}
}
.keys_send_mail form input {
width: 273px;
height: 49px;
background: #fff;
border: 1px solid #E9E9E9;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
color: #83999e;
font-size: 16px;
padding: 0px 12px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_send_mail form input {
margin: 0 auto 20px;
display: block;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_send_mail form input {
margin: 0 auto 20px;
width: 196px;
display: block;
}
}
.keys_send_mail form button {
width: 178px;
height: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
text-align: center;
color: #b39b02;
font-family: "RobotoBold";
font-size: 20px;
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
line-height: 43px;
display: inline-block;
margin: 0px 0px 0px 16px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.keys_send_mail form button {
margin: 0 auto 20px;
display: block;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.keys_send_mail form button {
margin: 0 auto 20px;
display: block;
}
}
.keys_send_mail form button:hover, .keys_send_mail form button:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border-bottom: 4px solid #D2BF00;
text-decoration: none;
}
.keys_send_mail form button:active {
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-top: 4px solid #D2BF00;
text-decoration: none;
}
.send_secce {
font-size: 14px;
color: #659b20;
margin-top: 24px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.send_secce {
text-align: center;
line-height: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.send_secce {
text-align: center;
line-height: 20px;
font-size: 13px;
}
}
.error_not_foud {
background: url(../images/no_found_bg.jpg) no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
width: 100%;
min-height: 511px;
padding-top: 95px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.error_not_foud {
min-height: 350px;
padding-top: 50px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.error_not_foud {
padding: 50px 0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.error_not_foud {
padding: 50px 0px;
}
}
.error_title {
font-size: 42px;
color: #2d3642;
font-family: "RobotoBold";
font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.error_title {
font-size: 32px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.error_title {
font-size: 38px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.error_title {
font-size: 25px;
}
}
.error_num {
font-size: 250px;
color: #51a7a9;
font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.error_num {
font-size: 200px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.error_num {
font-size: 220px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.error_num {
font-size: 158px;
}
}
.error_inf {
font-size: 17px;
color: #2d3642;
line-height: 26px;
margin-top: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.error_inf {
font-size: 16px;
line-height: 24px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.error_inf {
font-size: 15px;
line-height: 23px;
}
}
.error_inf_two {
font-size: 17px;
color: #fff;
background: #243342;
margin-top: 54px;
padding: 17px 25px;
line-height: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.error_inf_two {
font-size: 15px;
margin-top: 27px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.error_inf_two {
font-size: 14px;
margin-top: 30px;
}
}
frontend/web/js/common.js
View file @ a76d6130
......@@ -358,6 +358,11 @@ $(document).ready(function() {
container: '.sh_reg_form',
});
});
$(function () {
window.validation.init({
container: '.keys_mail_form',
});
});
$(".toggle-mnu").click(function () {
$(".menu").toggleClass("menu_active");
});
......@@ -378,13 +383,29 @@ $(window).scroll(function() {
var st = $(this).scrollTop();
$(".p5").css({
"transform" : "translate(0%, -" + st *1 + "%"
"transform" : "translate(0%, -" + st /1 + "%"
});
$(".p6").css({
"transform" : "translate(0%, -" + st + "%"
"transform" : "translate(0%, -" + st /3 + "%"
});
$(".p7").css({
"transform" : "translate(0%, -" + st /0.8 + "%"
"transform" : "translate(0%, -" + st /6 + "%"
});
});
$(window).scroll(function() {
var st = $(this).scrollTop();
$(".kns_box4").css({
"transform" : "translate(0%, -" + st /1 + "%"
});
$(".kns_box2").css({
"transform" : "translate(0%, -" + st /1 + "%"
});
$(".kns_box1").css({
"transform" : "translate(0%, -" + st /10 + "%"
});
$(".kns_box3").css({
"transform" : "translate(0%, -" + st /13 + "%"
});
});
jQuery(function($){
......
frontend/web/js/libs/magnific/jquery.magnific-popup.min.js
View file @ a76d6130
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):window.jQuery||window.Zepto)}(function(a){var b,c,d,e,f,g,h="Close",i="BeforeClose",j="AfterClose",k="BeforeAppend",l="MarkupParse",m="Open",n="Change",o="mfp",p="."+o,q="mfp-ready",r="mfp-removing",s="mfp-prevent-close",t=function(){},u=!!window.jQuery,v=a(window),w=function(a,c){b.ev.on(o+a+p,c)},x=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},y=function(c,d){b.ev.triggerHandler(o+c,d),b.st.callbacks&&(c=c.charAt(0).toLowerCase()+c.slice(1),b.st.callbacks[c]&&b.st.callbacks[c].apply(b,a.isArray(d)?d:[d]))},z=function(c){return c===g&&b.currTemplate.closeBtn||(b.currTemplate.closeBtn=a(b.st.closeMarkup.replace("%title%",b.st.tClose)),g=c),b.currTemplate.closeBtn},A=function(){a.magnificPopup.instance||(b=new t,b.init(),a.magnificPopup.instance=b)},B=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(void 0!==a.transition)return!0;for(;b.length;)if(b.pop()+"Transition"in a)return!0;return!1};t.prototype={constructor:t,init:function(){var c=navigator.appVersion;b.isIE7=-1!==c.indexOf("MSIE 7."),b.isIE8=-1!==c.indexOf("MSIE 8."),b.isLowIE=b.isIE7||b.isIE8,b.isAndroid=/android/gi.test(c),b.isIOS=/iphone|ipad|ipod/gi.test(c),b.supportsTransition=B(),b.probablyMobile=b.isAndroid||b.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),d=a(document),b.popupsCache={}},open:function(c){var e;if(c.isObj===!1){b.items=c.items.toArray(),b.index=0;var g,h=c.items;for(e=0;e<h.length;e++)if(g=h[e],g.parsed&&(g=g.el[0]),g===c.el[0]){b.index=e;break}}else b.items=a.isArray(c.items)?c.items:[c.items],b.index=c.index||0;if(b.isOpen)return void b.updateItemHTML();b.types=[],f="",c.mainEl&&c.mainEl.length?b.ev=c.mainEl.eq(0):b.ev=d,c.key?(b.popupsCache[c.key]||(b.popupsCache[c.key]={}),b.currTemplate=b.popupsCache[c.key]):b.currTemplate={},b.st=a.extend(!0,{},a.magnificPopup.defaults,c),b.fixedContentPos="auto"===b.st.fixedContentPos?!b.probablyMobile:b.st.fixedContentPos,b.st.modal&&(b.st.closeOnContentClick=!1,b.st.closeOnBgClick=!1,b.st.showCloseBtn=!1,b.st.enableEscapeKey=!1),b.bgOverlay||(b.bgOverlay=x("bg").on("click"+p,function(){b.close()}),b.wrap=x("wrap").attr("tabindex",-1).on("click"+p,function(a){b._checkIfClose(a.target)&&b.close()}),b.container=x("container",b.wrap)),b.contentContainer=x("content"),b.st.preloader&&(b.preloader=x("preloader",b.container,b.st.tLoading));var i=a.magnificPopup.modules;for(e=0;e<i.length;e++){var j=i[e];j=j.charAt(0).toUpperCase()+j.slice(1),b["init"+j].call(b)}y("BeforeOpen"),b.st.showCloseBtn&&(b.st.closeBtnInside?(w(l,function(a,b,c,d){c.close_replaceWith=z(d.type)}),f+=" mfp-close-btn-in"):b.wrap.append(z())),b.st.alignTop&&(f+=" mfp-align-top"),b.fixedContentPos?b.wrap.css({overflow:b.st.overflowY,overflowX:"hidden",overflowY:b.st.overflowY}):b.wrap.css({top:v.scrollTop(),position:"absolute"}),(b.st.fixedBgPos===!1||"auto"===b.st.fixedBgPos&&!b.fixedContentPos)&&b.bgOverlay.css({height:d.height(),position:"absolute"}),b.st.enableEscapeKey&&d.on("keyup"+p,function(a){27===a.keyCode&&b.close()}),v.on("resize"+p,function(){b.updateSize()}),b.st.closeOnContentClick||(f+=" mfp-auto-cursor"),f&&b.wrap.addClass(f);var k=b.wH=v.height(),n={};if(b.fixedContentPos&&b._hasScrollBar(k)){var o=b._getScrollbarSize();o&&(n.marginRight=o)}b.fixedContentPos&&(b.isIE7?a("body, html").css("overflow","hidden"):n.overflow="hidden");var r=b.st.mainClass;return b.isIE7&&(r+=" mfp-ie7"),r&&b._addClassToMFP(r),b.updateItemHTML(),y("BuildControls"),a("html").css(n),b.bgOverlay.add(b.wrap).prependTo(b.st.prependTo||a(document.body)),b._lastFocusedEl=document.activeElement,setTimeout(function(){b.content?(b._addClassToMFP(q),b._setFocus()):b.bgOverlay.addClass(q),d.on("focusin"+p,b._onFocusIn)},16),b.isOpen=!0,b.updateSize(k),y(m),c},close:function(){b.isOpen&&(y(i),b.isOpen=!1,b.st.removalDelay&&!b.isLowIE&&b.supportsTransition?(b._addClassToMFP(r),setTimeout(function(){b._close()},b.st.removalDelay)):b._close())},_close:function(){y(h);var c=r+" "+q+" ";if(b.bgOverlay.detach(),b.wrap.detach(),b.container.empty(),b.st.mainClass&&(c+=b.st.mainClass+" "),b._removeClassFromMFP(c),b.fixedContentPos){var e={marginRight:""};b.isIE7?a("body, html").css("overflow",""):e.overflow="",a("html").css(e)}d.off("keyup"+p+" focusin"+p),b.ev.off(p),b.wrap.attr("class","mfp-wrap").removeAttr("style"),b.bgOverlay.attr("class","mfp-bg"),b.container.attr("class","mfp-container"),!b.st.showCloseBtn||b.st.closeBtnInside&&b.currTemplate[b.currItem.type]!==!0||b.currTemplate.closeBtn&&b.currTemplate.closeBtn.detach(),b.st.autoFocusLast&&b._lastFocusedEl&&a(b._lastFocusedEl).focus(),b.currItem=null,b.content=null,b.currTemplate=null,b.prevHeight=0,y(j)},updateSize:function(a){if(b.isIOS){var c=document.documentElement.clientWidth/window.innerWidth,d=window.innerHeight*c;b.wrap.css("height",d),b.wH=d}else b.wH=a||v.height();b.fixedContentPos||b.wrap.css("height",b.wH),y("Resize")},updateItemHTML:function(){var c=b.items[b.index];b.contentContainer.detach(),b.content&&b.content.detach(),c.parsed||(c=b.parseEl(b.index));var d=c.type;if(y("BeforeChange",[b.currItem?b.currItem.type:"",d]),b.currItem=c,!b.currTemplate[d]){var f=b.st[d]?b.st[d].markup:!1;y("FirstMarkupParse",f),f?b.currTemplate[d]=a(f):b.currTemplate[d]=!0}e&&e!==c.type&&b.container.removeClass("mfp-"+e+"-holder");var g=b["get"+d.charAt(0).toUpperCase()+d.slice(1)](c,b.currTemplate[d]);b.appendContent(g,d),c.preloaded=!0,y(n,c),e=c.type,b.container.prepend(b.contentContainer),y("AfterChange")},appendContent:function(a,c){b.content=a,a?b.st.showCloseBtn&&b.st.closeBtnInside&&b.currTemplate[c]===!0?b.content.find(".mfp-close").length||b.content.append(z()):b.content=a:b.content="",y(k),b.container.addClass("mfp-"+c+"-holder"),b.contentContainer.append(b.content)},parseEl:function(c){var d,e=b.items[c];if(e.tagName?e={el:a(e)}:(d=e.type,e={data:e,src:e.src}),e.el){for(var f=b.types,g=0;g<f.length;g++)if(e.el.hasClass("mfp-"+f[g])){d=f[g];break}e.src=e.el.attr("data-mfp-src"),e.src||(e.src=e.el.attr("href"))}return e.type=d||b.st.type||"inline",e.index=c,e.parsed=!0,b.items[c]=e,y("ElementParse",e),b.items[c]},addGroup:function(a,c){var d=function(d){d.mfpEl=this,b._openClick(d,a,c)};c||(c={});var e="click.magnificPopup";c.mainEl=a,c.items?(c.isObj=!0,a.off(e).on(e,d)):(c.isObj=!1,c.delegate?a.off(e).on(e,c.delegate,d):(c.items=a,a.off(e).on(e,d)))},_openClick:function(c,d,e){var f=void 0!==e.midClick?e.midClick:a.magnificPopup.defaults.midClick;if(f||!(2===c.which||c.ctrlKey||c.metaKey||c.altKey||c.shiftKey)){var g=void 0!==e.disableOn?e.disableOn:a.magnificPopup.defaults.disableOn;if(g)if(a.isFunction(g)){if(!g.call(b))return!0}else if(v.width()<g)return!0;c.type&&(c.preventDefault(),b.isOpen&&c.stopPropagation()),e.el=a(c.mfpEl),e.delegate&&(e.items=d.find(e.delegate)),b.open(e)}},updateStatus:function(a,d){if(b.preloader){c!==a&&b.container.removeClass("mfp-s-"+c),d||"loading"!==a||(d=b.st.tLoading);var e={status:a,text:d};y("UpdateStatus",e),a=e.status,d=e.text,b.preloader.html(d),b.preloader.find("a").on("click",function(a){a.stopImmediatePropagation()}),b.container.addClass("mfp-s-"+a),c=a}},_checkIfClose:function(c){if(!a(c).hasClass(s)){var d=b.st.closeOnContentClick,e=b.st.closeOnBgClick;if(d&&e)return!0;if(!b.content||a(c).hasClass("mfp-close")||b.preloader&&c===b.preloader[0])return!0;if(c===b.content[0]||a.contains(b.content[0],c)){if(d)return!0}else if(e&&a.contains(document,c))return!0;return!1}},_addClassToMFP:function(a){b.bgOverlay.addClass(a),b.wrap.addClass(a)},_removeClassFromMFP:function(a){this.bgOverlay.removeClass(a),b.wrap.removeClass(a)},_hasScrollBar:function(a){return(b.isIE7?d.height():document.body.scrollHeight)>(a||v.height())},_setFocus:function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).focus()},_onFocusIn:function(c){return c.target===b.wrap[0]||a.contains(b.wrap[0],c.target)?void 0:(b._setFocus(),!1)},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),y(l,[b,c,d]),a.each(c,function(a,c){if(void 0===c||c===!1)return!0;if(e=a.split("_"),e.length>1){var d=b.find(p+"-"+e[0]);if(d.length>0){var f=e[1];"replaceWith"===f?d[0]!==c[0]&&d.replaceWith(c):"img"===f?d.is("img")?d.attr("src",c):d.replaceWith('<img src="'+c+'" class="'+d.attr("class")+'" />'):d.attr(e[1],c)}}else b.find(p+"-"+a).html(c)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:t.prototype,modules:[],open:function(b,c){return A(),b=b?a.extend(!0,{},b):{},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<button title="%title%" type="button" class="mfp-close">&#215;</button>',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}},a.fn.magnificPopup=function(c){A();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=u?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),u?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var C,D,E,F="inline",G=function(){E&&(D.after(E.addClass(C)).detach(),E=null)};a.magnificPopup.registerModule(F,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(F),w(h+"."+F,function(){G()})},getInline:function(c,d){if(G(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(D||(C=e.hiddenClass,D=x(C),C="mfp-"+C),E=f.after(D).detach().removeClass(C)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("<div>");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'<a href="%url%">The content</a> could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'<a href="%url%">The image</a> could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe></div>',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery",g=Boolean(a.fn.mfpFastClick);return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s),h=g?"mfpFastClick":"click";e[h](function(){b.prev()}),f[h](function(){b.next()}),b.isIE7&&(x("b",e[0],!1,!0),x("a",e[0],!1,!0),x("b",f[0],!1,!0),x("a",f[0],!1,!0)),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowLeft&&g&&b.arrowLeft.add(b.arrowRight).destroyMfpFastClick(),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('<img class="mfp-img" />').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),function(){var b=1e3,c="ontouchstart"in window,d=function(){v.off("touchmove"+f+" touchend"+f)},e="mfpFastClick",f="."+e;a.fn.mfpFastClick=function(e){return a(this).each(function(){var g,h=a(this);if(c){var i,j,k,l,m,n;h.on("touchstart"+f,function(a){l=!1,n=1,m=a.originalEvent?a.originalEvent.touches[0]:a.touches[0],j=m.clientX,k=m.clientY,v.on("touchmove"+f,function(a){m=a.originalEvent?a.originalEvent.touches:a.touches,n=m.length,m=m[0],(Math.abs(m.clientX-j)>10||Math.abs(m.clientY-k)>10)&&(l=!0,d())}).on("touchend"+f,function(a){d(),l||n>1||(g=!0,a.preventDefault(),clearTimeout(i),i=setTimeout(function(){g=!1},b),e())})})}h.on("click"+f,function(){g||e()})})},a.fn.destroyMfpFastClick=function(){a(this).off("touchstart"+f+" click"+f),c&&v.off("touchmove"+f+" touchend"+f)}}(),A()});
\ No newline at end of file
/*! Magnific Popup - v1.0.0 - 2015-12-16
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2015 Dmitry Semenov; */
!function (a) {
'function' == typeof define && define.amd ? define(['jquery'], a) : a('object' == typeof exports ? require('jquery') : window.jQuery || window.Zepto)
}(function (a) {
var b,
c,
d,
e,
f,
g,
h = 'Close',
i = 'BeforeClose',
j = 'AfterClose',
k = 'BeforeAppend',
l = 'MarkupParse',
m = 'Open',
n = 'Change',
o = 'mfp',
p = '.' + o,
q = 'mfp-ready',
r = 'mfp-removing',
s = 'mfp-prevent-close',
t = function () {
},
u = !!window.jQuery,
v = a(window),
w = function (a, c) {
b.ev.on(o + a + p, c)
},
x = function (b, c, d, e) {
var f = document.createElement('div');
return f.className = 'mfp-' + b,
d && (f.innerHTML = d),
e ? c && c.appendChild(f) : (f = a(f), c && f.appendTo(c)),
f
},
y = function (c, d) {
b.ev.triggerHandler(o + c, d),
b.st.callbacks && (c = c.charAt(0).toLowerCase() + c.slice(1), b.st.callbacks[c] && b.st.callbacks[c].apply(b, a.isArray(d) ? d : [
d
]))
},
z = function (c) {
return c === g && b.currTemplate.closeBtn || (b.currTemplate.closeBtn = a(b.st.closeMarkup.replace('%title%', b.st.tClose)), g = c),
b.currTemplate.closeBtn
},
A = function () {
a.magnificPopup.instance || (b = new t, b.init(), a.magnificPopup.instance = b)
},
B = function () {
var a = document.createElement('p').style,
b = [
'ms',
'O',
'Moz',
'Webkit'
];
if (void 0 !== a.transition) return !0;
for (; b.length; ) if (b.pop() + 'Transition' in a) return !0;
return !1
};
t.prototype = {
constructor: t,
init: function () {
var c = navigator.appVersion;
b.isIE7 = - 1 !== c.indexOf('MSIE 7.'),
b.isIE8 = - 1 !== c.indexOf('MSIE 8.'),
b.isLowIE = b.isIE7 || b.isIE8,
b.isAndroid = /android/gi.test(c),
b.isIOS = /iphone|ipad|ipod/gi.test(c),
b.supportsTransition = B(),
b.probablyMobile = b.isAndroid || b.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),
d = a(document),
b.popupsCache = {
}
},
open: function (c) {
var e;
if (c.isObj === !1) {
b.items = c.items.toArray(),
b.index = 0;
var g,
h = c.items;
for (e = 0; e < h.length; e++) if (g = h[e], g.parsed && (g = g.el[0]), g === c.el[0]) {
b.index = e;
break
}
} else b.items = a.isArray(c.items) ? c.items : [
c.items
],
b.index = c.index || 0;
if (b.isOpen) return void b.updateItemHTML();
b.types = [
],
f = '',
c.mainEl && c.mainEl.length ? b.ev = c.mainEl.eq(0) : b.ev = d,
c.key ? (b.popupsCache[c.key] || (b.popupsCache[c.key] = {
}), b.currTemplate = b.popupsCache[c.key]) : b.currTemplate = {
},
b.st = a.extend(!0, {
}, a.magnificPopup.defaults, c),
b.fixedContentPos = 'auto' === b.st.fixedContentPos ? !b.probablyMobile : b.st.fixedContentPos,
b.st.modal && (b.st.closeOnContentClick = !1, b.st.closeOnBgClick = !1, b.st.showCloseBtn = !1, b.st.enableEscapeKey = !1),
b.bgOverlay || (b.bgOverlay = x('bg').on('click' + p, function () {
b.close()
}), b.wrap = x('wrap').attr('tabindex', - 1).on('click' + p, function (a) {
b._checkIfClose(a.target) && b.close()
}), b.container = x('container', b.wrap)),
b.contentContainer = x('content'),
b.st.preloader && (b.preloader = x('preloader', b.container, b.st.tLoading));
var i = a.magnificPopup.modules;
for (e = 0; e < i.length; e++) {
var j = i[e];
j = j.charAt(0).toUpperCase() + j.slice(1),
b['init' + j].call(b)
}
y('BeforeOpen'),
b.st.showCloseBtn && (b.st.closeBtnInside ? (w(l, function (a, b, c, d) {
c.close_replaceWith = z(d.type)
}), f += ' mfp-close-btn-in') : b.wrap.append(z())),
b.st.alignTop && (f += ' mfp-align-top'),
b.fixedContentPos ? b.wrap.css({
overflow: b.st.overflowY,
overflowX: 'hidden',
overflowY: b.st.overflowY
}) : b.wrap.css({
top: v.scrollTop(),
position: 'absolute'
}),
(b.st.fixedBgPos === !1 || 'auto' === b.st.fixedBgPos && !b.fixedContentPos) && b.bgOverlay.css({
height: d.height(),
position: 'absolute'
}),
b.st.enableEscapeKey && d.on('keyup' + p, function (a) {
27 === a.keyCode && b.close()
}),
v.on('resize' + p, function () {
b.updateSize()
}),
b.st.closeOnContentClick || (f += ' mfp-auto-cursor'),
f && b.wrap.addClass(f);
var k = b.wH = v.height(),
n = {
};
if (b.fixedContentPos && b._hasScrollBar(k)) {
var o = b._getScrollbarSize();
o && (n.marginRight = o)
}
b.fixedContentPos && (b.isIE7 ? a('body, html').css('overflow', 'hidden') : n.overflow = 'hidden');
var r = b.st.mainClass;
return b.isIE7 && (r += ' mfp-ie7'),
r && b._addClassToMFP(r),
b.updateItemHTML(),
y('BuildControls'),
a('html').css(n),
b.bgOverlay.add(b.wrap).prependTo(b.st.prependTo || a(document.body)),
b._lastFocusedEl = document.activeElement,
setTimeout(function () {
b.content ? (b._addClassToMFP(q), b._setFocus()) : b.bgOverlay.addClass(q),
d.on('focusin' + p, b._onFocusIn)
}, 16),
b.isOpen = !0,
b.updateSize(k),
y(m),
c
},
close: function () {
b.isOpen && (y(i), b.isOpen = !1, b.st.removalDelay && !b.isLowIE && b.supportsTransition ? (b._addClassToMFP(r), setTimeout(function () {
b._close()
}, b.st.removalDelay)) : b._close())
},
_close: function () {
y(h);
var c = r + ' ' + q + ' ';
if (b.bgOverlay.detach(), b.wrap.detach(), b.container.empty(), b.st.mainClass && (c += b.st.mainClass + ' '), b._removeClassFromMFP(c), b.fixedContentPos) {
var e = {
marginRight: ''
};
b.isIE7 ? a('body, html').css('overflow', '') : e.overflow = '',
a('html').css(e)
}
d.off('keyup' + p + ' focusin' + p),
b.ev.off(p),
b.wrap.attr('class', 'mfp-wrap').removeAttr('style'),
b.bgOverlay.attr('class', 'mfp-bg'),
b.container.attr('class', 'mfp-container'),
!b.st.showCloseBtn || b.st.closeBtnInside && b.currTemplate[b.currItem.type] !== !0 || b.currTemplate.closeBtn && b.currTemplate.closeBtn.detach(),
b.st.autoFocusLast && b._lastFocusedEl && a(b._lastFocusedEl).focus(),
b.currItem = null,
b.content = null,
b.currTemplate = null,
b.prevHeight = 0,
y(j)
},
updateSize: function (a) {
if (b.isIOS) {
var c = document.documentElement.clientWidth / window.innerWidth,
d = window.innerHeight * c;
b.wrap.css('height', d),
b.wH = d
} else b.wH = a || v.height();
b.fixedContentPos || b.wrap.css('height', b.wH),
y('Resize')
},
updateItemHTML: function () {
var c = b.items[b.index];
b.contentContainer.detach(),
b.content && b.content.detach(),
c.parsed || (c = b.parseEl(b.index));
var d = c.type;
if (y('BeforeChange', [
b.currItem ? b.currItem.type : '',
d
]), b.currItem = c, !b.currTemplate[d]) {
var f = b.st[d] ? b.st[d].markup : !1;
y('FirstMarkupParse', f),
f ? b.currTemplate[d] = a(f) : b.currTemplate[d] = !0
}
e && e !== c.type && b.container.removeClass('mfp-' + e + '-holder');
var g = b['get' + d.charAt(0).toUpperCase() + d.slice(1)](c, b.currTemplate[d]);
b.appendContent(g, d),
c.preloaded = !0,
y(n, c),
e = c.type,
b.container.prepend(b.contentContainer),
y('AfterChange')
},
appendContent: function (a, c) {
b.content = a,
a ? b.st.showCloseBtn && b.st.closeBtnInside && b.currTemplate[c] === !0 ? b.content.find('.mfp-close').length || b.content.append(z()) : b.content = a : b.content = '',
y(k),
b.container.addClass('mfp-' + c + '-holder'),
b.contentContainer.append(b.content)
},
parseEl: function (c) {
var d,
e = b.items[c];
if (e.tagName ? e = {
el: a(e)
}
: (d = e.type, e = {
data: e,
src: e.src
}), e.el) {
for (var f = b.types, g = 0; g < f.length; g++) if (e.el.hasClass('mfp-' + f[g])) {
d = f[g];
break
}
e.src = e.el.attr('data-mfp-src'),
e.src || (e.src = e.el.attr('href'))
}
return e.type = d || b.st.type || 'inline',
e.index = c,
e.parsed = !0,
b.items[c] = e,
y('ElementParse', e),
b.items[c]
},
addGroup: function (a, c) {
var d = function (d) {
d.mfpEl = this,
b._openClick(d, a, c)
};
c || (c = {
});
var e = 'click.magnificPopup';
c.mainEl = a,
c.items ? (c.isObj = !0, a.off(e).on(e, d)) : (c.isObj = !1, c.delegate ? a.off(e).on(e, c.delegate, d) : (c.items = a, a.off(e).on(e, d)))
},
_openClick: function (c, d, e) {
var f = void 0 !== e.midClick ? e.midClick : a.magnificPopup.defaults.midClick;
if (f || !(2 === c.which || c.ctrlKey || c.metaKey || c.altKey || c.shiftKey)) {
var g = void 0 !== e.disableOn ? e.disableOn : a.magnificPopup.defaults.disableOn;
if (g) if (a.isFunction(g)) {
if (!g.call(b)) return !0
} else if (v.width() < g) return !0;
c.type && (c.preventDefault(), b.isOpen && c.stopPropagation()),
e.el = a(c.mfpEl),
e.delegate && (e.items = d.find(e.delegate)),
b.open(e)
}
},
updateStatus: function (a, d) {
if (b.preloader) {
c !== a && b.container.removeClass('mfp-s-' + c),
d || 'loading' !== a || (d = b.st.tLoading);
var e = {
status: a,
text: d
};
y('UpdateStatus', e),
a = e.status,
d = e.text,
b.preloader.html(d),
b.preloader.find('a').on('click', function (a) {
a.stopImmediatePropagation()
}),
b.container.addClass('mfp-s-' + a),
c = a
}
},
_checkIfClose: function (c) {
if (!a(c).hasClass(s)) {
var d = b.st.closeOnContentClick,
e = b.st.closeOnBgClick;
if (d && e) return !0;
if (!b.content || a(c).hasClass('mfp-close') || b.preloader && c === b.preloader[0]) return !0;
if (c === b.content[0] || a.contains(b.content[0], c)) {
if (d) return !0
} else if (e && a.contains(document, c)) return !0;
return !1
}
},
_addClassToMFP: function (a) {
b.bgOverlay.addClass(a),
b.wrap.addClass(a)
},
_removeClassFromMFP: function (a) {
this.bgOverlay.removeClass(a),
b.wrap.removeClass(a)
},
_hasScrollBar: function (a) {
return (b.isIE7 ? d.height() : document.body.scrollHeight) > (a || v.height())
},
_setFocus: function () {
(b.st.focus ? b.content.find(b.st.focus).eq(0) : b.wrap).focus()
},
_onFocusIn: function (c) {
return c.target === b.wrap[0] || a.contains(b.wrap[0], c.target) ? void 0 : (b._setFocus(), !1)
},
_parseMarkup: function (b, c, d) {
var e;
d.data && (c = a.extend(d.data, c)),
y(l, [
b,
c,
d
]),
a.each(c, function (a, c) {
if (void 0 === c || c === !1) return !0;
if (e = a.split('_'), e.length > 1) {
var d = b.find(p + '-' + e[0]);
if (d.length > 0) {
var f = e[1];
'replaceWith' === f ? d[0] !== c[0] && d.replaceWith(c) : 'img' === f ? d.is('img') ? d.attr('src', c) : d.replaceWith('<img src="' + c + '" class="' + d.attr('class') + '" />') : d.attr(e[1], c)
}
} else b.find(p + '-' + a).html(c)
})
},
_getScrollbarSize: function () {
if (void 0 === b.scrollbarSize) {
var a = document.createElement('div');
a.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;',
document.body.appendChild(a),
b.scrollbarSize = a.offsetWidth - a.clientWidth,
document.body.removeChild(a)
}
return b.scrollbarSize
}
},
a.magnificPopup = {
instance: null,
proto: t.prototype,
modules: [
],
open: function (b, c) {
return A(),
b = b ? a.extend(!0, {
}, b) : {
},
b.isObj = !0,
b.index = c || 0,
this.instance.open(b)
},
close: function () {
return a.magnificPopup.instance && a.magnificPopup.instance.close()
},
registerModule: function (b, c) {
c.options && (a.magnificPopup.defaults[b] = c.options),
a.extend(this.proto, c.proto),
this.modules.push(b)
},
defaults: {
disableOn: 0,
key: null,
midClick: !1,
mainClass: '',
preloader: !0,
focus: '',
closeOnContentClick: !1,
closeOnBgClick: !0,
closeBtnInside: !0,
showCloseBtn: !0,
enableEscapeKey: !0,
modal: !1,
alignTop: !1,
removalDelay: 0,
prependTo: null,
fixedContentPos: 'auto',
fixedBgPos: 'auto',
overflowY: 'auto',
closeMarkup: '<button title="%title%" type="button" class="mfp-close">&#215;</button>',
tClose: 'Close (Esc)',
tLoading: 'Loading...',
autoFocusLast: !0
}
},
a.fn.magnificPopup = function (c) {
A();
var d = a(this);
if ('string' == typeof c) if ('open' === c) {
var e,
f = u ? d.data('magnificPopup') : d[0].magnificPopup,
g = parseInt(arguments[1], 10) || 0;
f.items ? e = f.items[g] : (e = d, f.delegate && (e = e.find(f.delegate)), e = e.eq(g)),
b._openClick({
mfpEl: e
}, d, f)
} else b.isOpen && b[c].apply(b, Array.prototype.slice.call(arguments, 1));
else c = a.extend(!0, {
}, c),
u ? d.data('magnificPopup', c) : d[0].magnificPopup = c,
b.addGroup(d, c);
return d
};
var C,
D,
E,
F = 'inline',
G = function () {
E && (D.after(E.addClass(C)).detach(), E = null)
};
a.magnificPopup.registerModule(F, {
options: {
hiddenClass: 'hide',
markup: '',
tNotFound: 'Content not found'
},
proto: {
initInline: function () {
b.types.push(F),
w(h + '.' + F, function () {
G()
})
},
getInline: function (c, d) {
if (G(), c.src) {
var e = b.st.inline,
f = a(c.src);
if (f.length) {
var g = f[0].parentNode;
g && g.tagName && (D || (C = e.hiddenClass, D = x(C), C = 'mfp-' + C), E = f.after(D).detach().removeClass(C)),
b.updateStatus('ready')
} else b.updateStatus('error', e.tNotFound),
f = a('<div>');
return c.inlineElement = f,
f
}
return b.updateStatus('ready'),
b._parseMarkup(d, {
}, c),
d
}
}
});
var H,
I = 'ajax',
J = function () {
H && a(document.body).removeClass(H)
},
K = function () {
J(),
b.req && b.req.abort()
};
a.magnificPopup.registerModule(I, {
options: {
settings: null,
cursor: 'mfp-ajax-cur',
tError: '<a href="%url%">The content</a> could not be loaded.'
},
proto: {
initAjax: function () {
b.types.push(I),
H = b.st.ajax.cursor,
w(h + '.' + I, K),
w('BeforeChange.' + I, K)
},
getAjax: function (c) {
H && a(document.body).addClass(H),
b.updateStatus('loading');
var d = a.extend({
url: c.src,
success: function (d, e, f) {
var g = {
data: d,
xhr: f
};
y('ParseAjax', g),
b.appendContent(a(g.data), I),
c.finished = !0,
J(),
b._setFocus(),
setTimeout(function () {
b.wrap.addClass(q)
}, 16),
b.updateStatus('ready'),
y('AjaxContentAdded')
},
error: function () {
J(),
c.finished = c.loadError = !0,
b.updateStatus('error', b.st.ajax.tError.replace('%url%', c.src))
}
}, b.st.ajax.settings);
return b.req = a.ajax(d),
''
}
}
});
var L,
M = function (c) {
if (c.data && void 0 !== c.data.title) return c.data.title;
var d = b.st.image.titleSrc;
if (d) {
if (a.isFunction(d)) return d.call(b, c);
if (c.el) return c.el.attr(d) || ''
}
return ''
};
a.magnificPopup.registerModule('image', {
options: {
markup: '<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',
cursor: 'mfp-zoom-out-cur',
titleSrc: 'title',
verticalFit: !0,
tError: '<a href="%url%">The image</a> could not be loaded.'
},
proto: {
initImage: function () {
var c = b.st.image,
d = '.image';
b.types.push('image'),
w(m + d, function () {
'image' === b.currItem.type && c.cursor && a(document.body).addClass(c.cursor)
}),
w(h + d, function () {
c.cursor && a(document.body).removeClass(c.cursor),
v.off('resize' + p)
}),
w('Resize' + d, b.resizeImage),
b.isLowIE && w('AfterChange', b.resizeImage)
},
resizeImage: function () {
var a = b.currItem;
if (a && a.img && b.st.image.verticalFit) {
var c = 0;
b.isLowIE && (c = parseInt(a.img.css('padding-top'), 10) + parseInt(a.img.css('padding-bottom'), 10)),
a.img.css('max-height', b.wH - c)
}
},
_onImageHasSize: function (a) {
a.img && (a.hasSize = !0, L && clearInterval(L), a.isCheckingImgSize = !1, y('ImageHasSize', a), a.imgHidden && (b.content && b.content.removeClass('mfp-loading'), a.imgHidden = !1))
},
findImageSize: function (a) {
var c = 0,
d = a.img[0],
e = function (f) {
L && clearInterval(L),
L = setInterval(function () {
return d.naturalWidth > 0 ? void b._onImageHasSize(a) : (c > 200 && clearInterval(L), c++, void (3 === c ? e(10) : 40 === c ? e(50) : 100 === c && e(500)))
}, f)
};
e(1)
},
getImage: function (c, d) {
var e = 0,
f = function () {
c && (c.img[0].complete ? (c.img.off('.mfploader'), c === b.currItem && (b._onImageHasSize(c), b.updateStatus('ready')), c.hasSize = !0, c.loaded = !0, y('ImageLoadComplete')) : (e++, 200 > e ? setTimeout(f, 100) : g()))
},
g = function () {
c && (c.img.off('.mfploader'), c === b.currItem && (b._onImageHasSize(c), b.updateStatus('error', h.tError.replace('%url%', c.src))), c.hasSize = !0, c.loaded = !0, c.loadError = !0)
},
h = b.st.image,
i = d.find('.mfp-img');
if (i.length) {
var j = document.createElement('img');
j.className = 'mfp-img',
c.el && c.el.find('img').length && (j.alt = c.el.find('img').attr('alt')),
c.img = a(j).on('load.mfploader', f).on('error.mfploader', g),
j.src = c.src,
i.is('img') && (c.img = c.img.clone()),
j = c.img[0],
j.naturalWidth > 0 ? c.hasSize = !0 : j.width || (c.hasSize = !1)
}
return b._parseMarkup(d, {
title: M(c),
img_replaceWith: c.img
}, c),
b.resizeImage(),
c.hasSize ? (L && clearInterval(L), c.loadError ? (d.addClass('mfp-loading'), b.updateStatus('error', h.tError.replace('%url%', c.src))) : (d.removeClass('mfp-loading'), b.updateStatus('ready')), d) : (b.updateStatus('loading'), c.loading = !0, c.hasSize || (c.imgHidden = !0, d.addClass('mfp-loading'), b.findImageSize(c)), d)
}
}
});
var N,
O = function () {
return void 0 === N && (N = void 0 !== document.createElement('p').style.MozTransform),
N
};
a.magnificPopup.registerModule('zoom', {
options: {
enabled: !1,
easing: 'ease-in-out',
duration: 300,
opener: function (a) {
return a.is('img') ? a : a.find('img')
}
},
proto: {
initZoom: function () {
var a,
c = b.st.zoom,
d = '.zoom';
if (c.enabled && b.supportsTransition) {
var e,
f,
g = c.duration,
j = function (a) {
var b = a.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
d = 'all ' + c.duration / 1000 + 's ' + c.easing,
e = {
position: 'fixed',
zIndex: 9999,
left: 0,
top: 0,
'-webkit-backface-visibility': 'hidden'
},
f = 'transition';
return e['-webkit-' + f] = e['-moz-' + f] = e['-o-' + f] = e[f] = d,
b.css(e),
b
},
k = function () {
b.content.css('visibility', 'visible')
};
w('BuildControls' + d, function () {
if (b._allowZoom()) {
if (clearTimeout(e), b.content.css('visibility', 'hidden'), a = b._getItemToZoom(), !a) return void k();
f = j(a),
f.css(b._getOffset()),
b.wrap.append(f),
e = setTimeout(function () {
f.css(b._getOffset(!0)),
e = setTimeout(function () {
k(),
setTimeout(function () {
f.remove(),
a = f = null,
y('ZoomAnimationEnded')
}, 16)
}, g)
}, 16)
}
}),
w(i + d, function () {
if (b._allowZoom()) {
if (clearTimeout(e), b.st.removalDelay = g, !a) {
if (a = b._getItemToZoom(), !a) return;
f = j(a)
}
f.css(b._getOffset(!0)),
b.wrap.append(f),
b.content.css('visibility', 'hidden'),
setTimeout(function () {
f.css(b._getOffset())
}, 16)
}
}),
w(h + d, function () {
b._allowZoom() && (k(), f && f.remove(), a = null)
})
}
},
_allowZoom: function () {
return 'image' === b.currItem.type
},
_getItemToZoom: function () {
return b.currItem.hasSize ? b.currItem.img : !1
},
_getOffset: function (c) {
var d;
d = c ? b.currItem.img : b.st.zoom.opener(b.currItem.el || b.currItem);
var e = d.offset(),
f = parseInt(d.css('padding-top'), 10),
g = parseInt(d.css('padding-bottom'), 10);
e.top -= a(window).scrollTop() - f;
var h = {
width: d.width(),
height: (u ? d.innerHeight() : d[0].offsetHeight) - g - f
};
return O() ? h['-moz-transform'] = h.transform = 'translate(' + e.left + 'px,' + e.top + 'px)' : (h.left = e.left, h.top = e.top),
h
}
}
});
var P = 'iframe',
Q = '//about:blank',
R = function (a) {
if (b.currTemplate[P]) {
var c = b.currTemplate[P].find('iframe');
c.length && (a || (c[0].src = Q), b.isIE8 && c.css('display', a ? 'block' : 'none'))
}
};
a.magnificPopup.registerModule(P, {
options: {
markup: '<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe></div>',
srcAction: 'iframe_src',
patterns: {
youtube: {
index: 'youtube.com',
id: 'v=',
src: '//www.youtube.com/embed/%id%?autoplay=1'
},
vimeo: {
index: 'vimeo.com/',
id: '/',
src: '//player.vimeo.com/video/%id%?autoplay=1'
},
gmaps: {
index: '//maps.google.',
src: '%id%&output=embed'
}
}
},
proto: {
initIframe: function () {
b.types.push(P),
w('BeforeChange', function (a, b, c) {
b !== c && (b === P ? R() : c === P && R(!0))
}),
w(h + '.' + P, function () {
R()
})
},
getIframe: function (c, d) {
var e = c.src,
f = b.st.iframe;
a.each(f.patterns, function () {
return e.indexOf(this.index) > - 1 ? (this.id && (e = 'string' == typeof this.id ? e.substr(e.lastIndexOf(this.id) + this.id.length, e.length) : this.id.call(this, e)), e = this.src.replace('%id%', e), !1) : void 0
});
var g = {
};
return f.srcAction && (g[f.srcAction] = e),
b._parseMarkup(d, g, c),
b.updateStatus('ready'),
d
}
}
});
var S = function (a) {
var c = b.items.length;
return a > c - 1 ? a - c : 0 > a ? c + a : a
},
T = function (a, b, c) {
return a.replace(/%curr%/gi, b + 1).replace(/%total%/gi, c)
};
a.magnificPopup.registerModule('gallery', {
options: {
enabled: !1,
arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
preload: [
0,
2
],
navigateByImgClick: !0,
arrows: !0,
tPrev: 'Previous (Left arrow key)',
tNext: 'Next (Right arrow key)',
tCounter: '%curr% of %total%'
},
proto: {
initGallery: function () {
var c = b.st.gallery,
e = '.mfp-gallery',
g = Boolean(a.fn.mfpFastClick);
return b.direction = !0,
c && c.enabled ? (f += ' mfp-gallery', w(m + e, function () {
c.navigateByImgClick && b.wrap.on('click' + e, '.mfp-img', function () {
return b.items.length > 1 ? (b.next(), !1) : void 0
}),
d.on('keydown' + e, function (a) {
37 === a.keyCode ? b.prev() : 39 === a.keyCode && b.next()
})
}), w('UpdateStatus' + e, function (a, c) {
c.text && (c.text = T(c.text, b.currItem.index, b.items.length))
}), w(l + e, function (a, d, e, f) {
var g = b.items.length;
e.counter = g > 1 ? T(c.tCounter, f.index, g) : ''
}), w('BuildControls' + e, function () {
if (b.items.length > 1 && c.arrows && !b.arrowLeft) {
var d = c.arrowMarkup,
e = b.arrowLeft = a(d.replace(/%title%/gi, c.tPrev).replace(/%dir%/gi, 'left')).addClass(s),
f = b.arrowRight = a(d.replace(/%title%/gi, c.tNext).replace(/%dir%/gi, 'right')).addClass(s),
h = g ? 'mfpFastClick' : 'click';
e[h](function () {
b.prev()
}),
f[h](function () {
b.next()
}),
b.isIE7 && (x('b', e[0], !1, !0), x('a', e[0], !1, !0), x('b', f[0], !1, !0), x('a', f[0], !1, !0)),
b.container.append(e.add(f))
}
}), w(n + e, function () {
b._preloadTimeout && clearTimeout(b._preloadTimeout),
b._preloadTimeout = setTimeout(function () {
b.preloadNearbyImages(),
b._preloadTimeout = null
}, 16)
}), void w(h + e, function () {
d.off(e),
b.wrap.off('click' + e),
b.arrowLeft && g && b.arrowLeft.add(b.arrowRight).destroyMfpFastClick(),
b.arrowRight = b.arrowLeft = null
})) : !1
},
next: function () {
b.direction = !0,
b.index = S(b.index + 1),
b.updateItemHTML()
},
prev: function () {
b.direction = !1,
b.index = S(b.index - 1),
b.updateItemHTML()
},
goTo: function (a) {
b.direction = a >= b.index,
b.index = a,
b.updateItemHTML()
},
preloadNearbyImages: function () {
var a,
c = b.st.gallery.preload,
d = Math.min(c[0], b.items.length),
e = Math.min(c[1], b.items.length);
for (a = 1; a <= (b.direction ? e : d); a++) b._preloadItem(b.index + a);
for (a = 1; a <= (b.direction ? d : e); a++) b._preloadItem(b.index - a)
},
_preloadItem: function (c) {
if (c = S(c), !b.items[c].preloaded) {
var d = b.items[c];
d.parsed || (d = b.parseEl(c)),
y('LazyLoad', d),
'image' === d.type && (d.img = a('<img class="mfp-img" />').on('load.mfploader', function () {
d.hasSize = !0
}).on('error.mfploader', function () {
d.hasSize = !0,
d.loadError = !0,
y('LazyLoadError', d)
}).attr('src', d.src)),
d.preloaded = !0
}
}
}
});
var U = 'retina';
a.magnificPopup.registerModule(U, {
options: {
replaceSrc: function (a) {
return a.src.replace(/\.\w+$/, function (a) {
return '@2x' + a
})
},
ratio: 1
},
proto: {
initRetina: function () {
if (window.devicePixelRatio > 1) {
var a = b.st.retina,
c = a.ratio;
c = isNaN(c) ? c() : c,
c > 1 && (w('ImageHasSize.' + U, function (a, b) {
b.img.css({
'max-width': b.img[0].naturalWidth / c,
width: '100%'
})
}), w('ElementParse.' + U, function (b, d) {
d.src = a.replaceSrc(d, c)
}))
}
}
}
}),
function () {
var b = 1000,
c = 'ontouchstart' in window,
d = function () {
v.off('touchmove' + f + ' touchend' + f)
},
e = 'mfpFastClick',
f = '.' + e;
a.fn.mfpFastClick = function (e) {
return a(this).each(function () {
var g,
h = a(this);
if (c) {
var i,
j,
k,
l,
m,
n;
h.on('touchstart' + f, function (a) {
l = !1,
n = 1,
m = a.originalEvent ? a.originalEvent.touches[0] : a.touches[0],
j = m.clientX,
k = m.clientY,
v.on('touchmove' + f, function (a) {
m = a.originalEvent ? a.originalEvent.touches : a.touches,
n = m.length,
m = m[0],
(Math.abs(m.clientX - j) > 10 || Math.abs(m.clientY - k) > 10) && (l = !0, d())
}).on('touchend' + f, function (a) {
d(),
l || n > 1 || (g = !0, a.preventDefault(), clearTimeout(i), i = setTimeout(function () {
g = !1
}, b), e())
})
})
}
h.on('click' + f, function () {
g || e()
})
})
},
a.fn.destroyMfpFastClick = function () {
a(this).off('touchstart' + f + ' click' + f),
c && v.off('touchmove' + f + ' touchend' + f)
}
}(),
A()
});
frontend/web/sass/screen.sass
View file @ a76d6130
......@@ -523,7 +523,7 @@ a.toggle_bottom
width: 101px
height: 92px
z-index: 99
+transition(all 2s linear)
+r(768,970)
display: none
+r(480,767)
......@@ -538,7 +538,6 @@ a.toggle_bottom
width: 337px
height: 279px
z-index: 99
+transition(all 2s linear)
+r(768,970)
display: none
+r(480,767)
......@@ -553,7 +552,6 @@ a.toggle_bottom
width: 279px
height: 421px
z-index: 99
+transition(all 2s linear)
+r(768,970)
display: none
+r(480,767)
......@@ -3824,6 +3822,119 @@ footer
+r(320,767)
font-size: 15px
line-height: 27px
.keys_kns_nw
width: 100%
min-height: 867px
background: url(../images/keys_kns_nw.png) no-repeat top center
color: #262E38
padding-top: 59px
position: relative
+r(480,767)
padding-top: 30px
+r(320,479)
padding-top: 30px
.kns_nw
font-size: 36px
color: #fff
line-height: 50px
font-family: "RobotoBold"
+r(768,970)
font-size: 28px
+r(480,767)
font-size: 24px
+r(320,479)
font-size: 26px
text-align: center
line-height: 36px
.kns-nw-conveyor
width: 100%
margin-top: -25px
img
max-width: 100%
height: auto
+r(320,767)
margin-top: 0
.kns_nw_conveyor-info
margin-top: 58px
z-index: 3
position: relative
h2
font-size: 18px
color: #2d323a
font-family: "RobotoBold"
font-weight: normal
margin-bottom: 15px
img
margin-bottom: 46px
.kns_logos_bl
+r(480,767)
width: 140px
float: left
margin-right: 35px
img
max-width: 100%
height: auto
+r(320,479)
width: 98px
float: left
margin-right: 35px
img
max-width: 100%
height: auto
h2
font-size: 13px
.conveyor-txt
margin-top: 15px
line-height: 26px
span
font-size: 25px
color: #fff
font-family: "RobotoBold"
+r(320,767)
text-align: center
&:last-child
margin-left: 206px
+r(320,767)
margin-left: 0
.kns_box1
background: url(../images/parallax/box1.png) no-repeat center center
width: 349px
height: 327px
position: absolute
top: 126px
left: 0px
+r(320,1260)
display: none
.kns_box2
background: url(../images/parallax/box2.png) no-repeat center center
width: 142px
height: 148px
position: absolute
bottom: 172px
left: 0px
+r(320,1260)
display: none
.kns_box3
background: url(../images/parallax/box3.png) no-repeat center center
width: 348px
height: 385px
position: absolute
z-index: 1
bottom: 248px
right: 0px
+r(320,1260)
display: none
.kns_box4
background: url(../images/parallax/box4.png) no-repeat center center
width: 153px
height: 130px
position: absolute
bottom: 80px
right: 290px
right: 0px
z-index: 0
+r(320,1260)
display: none
.keys_title
color: #494949
font-size: 34px
......@@ -3851,110 +3962,171 @@ footer
+r(320,767)
font-size: 15px
line-height: 29px
.gif_post
width: 724px
margin: -25px auto 0px
img
width: 100%
height: auto
+r(320,767)
width: 100%
.kns_nw_title
font-size: 30px
color: #fff
font-weight: normal
font-family: "RobotoBold"
background: #00BACB
display: inline-block
padding: 13px 20px
margin-top: 60px
.kns_nw_title-two
font-size: 25px
color: #fff
font-weight: normal
font-family: "RobotoBold"
background: #00BACB
display: inline-block
padding: 13px 20px
margin-top: 108px
margin-bottom: 12px
.how_dev_keys
font-size: 19px
color: #fff
font-family: "RobotoBold"
margin-top: 41px
margin-left: 5px
li
background: url(../images/icon/how_dev_keys.png) no-repeat 0% 46%
padding-left: 22px
margin-bottom: 15px
.keys_kns_nw_two
background: #fff
padding-top: 40px
padding-bottom: 23px
p
font-size: 18px
line-height: 26px
color: #2d323a
margin-bottom: 32px
display: block
strong
font-size: 18px
color: #2d323a
display: block
margin-top: 64px
margin-bottom: 30px
.logica
width: 804px
margin: 0 auto 25px
width: 714px
margin: 34px 0px 0px 0px
img
width: 100%
max-width: 100%
height: auto
+r(320,970)
width: 100%
.keys_step
span
font-size: 20px
color: #fff
background: #00569F
padding: 8px
background: #DDE7EC
padding-top: 57px
.step_block
margin-bottom: 88px
&_num
background: #97CC47
display: block
height: 36px
width: 100px
float: left
h3
font-size: 20px
font-weight: normal
line-height: 34px
padding-left: 10px
&_title
font-size: 20px
color: #353535
line-height: 28px
margin-top: 17px
margin-bottom: 39px
p
font-size: 17px
display: block
float: left
height: 36px
line-height: 36px
margin-left: 20px
line-height: 32px
width: 290px
color: #353535
+r(320,767)
margin-left: 0
line-height: 23px
width: 100%
.step_images
position: relative
.step_img_tp_first
position: absolute
top: -130px
display: block
right: 0px
width: 313px
+r(768,970)
top: -95px
+r(480,767)
position: relative
right: -105px
top: -70px
+r(320,479)
height: auto
.shem_item1
width: 470px
float: left
width: 200px
position: relative
z-index: 3
right: -68px
top: -70px
img
width: 100%
max-width: 100%
height: auto
+r(768,970)
width: 350px
+r(320,768)
width: 100%
.shem_item2
width: 470px
float: right
.step_img_tp
position: absolute
top: -90px
display: block
right: 0px
width: 313px
+r(480,767)
position: relative
z-index: 1
top: -100px
right: -105px
+r(320,479)
width: 200px
position: relative
right: -68px
img
width: 100%
max-width: 100%
height: auto
+r(768,970)
width: 350px
+r(320,768)
width: 100%
top: -50px
.shem_arrow
background: url(../images/icon/shem_arrow.png) no-repeat center center
width: 135px
height: 104px
float: left
position: relative
.step_img_bt
position: absolute
display: block
width: 313px
top: 30px
z-index: 2
top: 200px
left: -50px
+r(320,768)
display: none
.shem6
position: relative
width: 893px
margin: 0 auto 30px
+r(480,767)
top: 0
+r(320,479)
width: 200px
top: 0
img
width: 100%
max-width: 100%
height: auto
+r(320,970)
width: 100%
.shem6_line
.shem_arrow
background: url(../images/icon/shem_arrow.png) no-repeat center center
width: 74px
height: 55px
position: absolute
left: 0
top: -97px
font-size: 16px
color: #567f90
line-height: 21px
&:before
content: ''
background: url(../images/shem6_line.png)
width: 125px
height: 128px
right: 35px
bottom: -350px
+r(320,970)
display: none
.ar3
bottom: -420px
.ar4
bottom: -260px
.triangle-right
width: 0
height: 0
border-top: 18px solid transparent
border-left: 14px solid #97CC47
border-bottom: 18px solid transparent
display: block
vertical-align: middle
float: left
&:after
content: ""
width: 260px
height: 1px
background: #97CC49
display: inline-block
position: relative
top: 130px
left: -10px
+r(320,768)
display: none
top: -14px
+r(320,479)
width: 150px
.shem7
position: relative
width: 550px
......@@ -7065,3 +7237,351 @@ h6
display: none
+r(320,479)
display: none
.keys_list_bl
background: #fff
padding-top: 56px
+r(320,479)
padding-top: 30px
h1
font-size: 29px
color: #2d3642
padding: 0
font-family: "RobotoBold"
margin-bottom: 15px
+r(320,479)
font-size: 23px
p
font-size: 18px
color: #2d323a
line-height: 26px
margin-bottom: 30px
+r(320,479)
font-size: 14px
.keys_block_small
position: relative
width: 455px
height: 338px
margin-bottom: 31px
+transition(all 0.2s linear)
+r(768,970)
width: 100%
height: auto
img
max-width: 100%
height: auto
+r(480,767)
width: 100%
height: auto
img
max-width: 100%
height: auto
+r(320,479)
width: 100%
height: auto
img
max-width: 100%
height: auto
.keys_small_foot
width: 100%
height: 80px
position: absolute
bottom: 0
left: 0
background: rgba(36,51,64,0.56)
+transition(all 0.2s linear)
a.keys_small_tags
display: inline-block
float: right
line-height: 80px
font-family: "RobotoBold"
font-size: 14px
color: #fff
margin-right: 30px
+transition(all 0.2s linear)
&:hover
text-decoration: none
.keys_small_btn_more
display: inline-block
color: #fff
font-size: 16px
border: 2px solid #fff
margin-top: 23px
margin-left: 23px
height: 34px
width: 133px
text-align: center
line-height: 27px
+br(50px)
+transition(all 0.2s linear)
&:hover, &:focus
text-decoration: none
&:active
text-decoration: none
span
&:after
content: ''
background: url(../images/icon/keys_small_btn_more.png)
width: 8px
height: 17px
display: inline-block
vertical-align: middle
margin-left: 15px
+transition(all 0.2s linear)
.keys_small_title
position: absolute
top: 24px
left: 25px
right: 25px
font-size: 24px
line-height: 33px
font-family: "RobotoBold"
color: #2d3642
+transition(all 0.2s linear)
+r(768,970)
font-size: 20px
line-height: 26px
+r(480,767)
font-size: 20px
line-height: 26px
+r(320,479)
font-size: 15px
line-height: 20px
.keys_block_big
width: 940px
position: relative
height: 338px
margin-bottom: 31px
+transition(all 0.2s linear)
+r(768,970)
width: 100%
height: auto
img
max-width: 100%
height: auto
+r(480,767)
width: 100%
height: auto
img
max-width: 100%
height: auto
+r(320,479)
width: 100%
height: auto
img
max-width: 100%
height: auto
.keys_small_foot
width: 100%
height: 80px
position: absolute
bottom: 0
left: 0
background: rgba(36,51,64,0.56)
+transition(all 0.2s linear)
a.keys_small_tags
display: inline-block
float: right
line-height: 80px
font-family: "RobotoBold"
font-size: 14px
color: #fff
margin-right: 30px
+transition(all 0.2s linear)
&:hover
text-decoration: none
.keys_small_btn_more
display: inline-block
color: #fff
font-size: 16px
border: 2px solid #fff
margin-top: 23px
margin-left: 23px
height: 34px
width: 133px
text-align: center
line-height: 27px
+br(50px)
+transition(all 0.2s linear)
&:hover, &:focus
text-decoration: none
&:active
text-decoration: none
span
&:after
content: ''
background: url(../images/icon/keys_small_btn_more.png)
width: 8px
height: 17px
display: inline-block
vertical-align: middle
margin-left: 15px
+transition(all 0.2s linear)
.keys_small_title
position: absolute
top: 24px
left: 25px
right: 25px
font-size: 24px
line-height: 33px
font-family: "RobotoBold"
color: #fff
+transition(all 0.2s linear)
+r(320,479)
font-size: 15px
line-height: 20px
.keys_block_small, .keys_block_big
&:hover
box-shadow: 0px 0px 18px rgba(0, 1, 3, 0.26)
.keys_small_foot
background: #FBFBFB
.keys_small_tags
color: #2d3642
.keys_small_btn_more
color: #4b78bb
border: 2px solid #4b78bb
span
&:after
background: url(../images/icon/keys_small_btn_more-hover.png)
.keys_small_title
color: #fff
.keys_send_mail
width: 100%
height: 236px
background: #F1F1F1
padding: 26px 37px
margin-bottom: 40px
+r(320,767)
height: auto
p
color: #2d323a
font-size: 16px
line-height: 26px
margin-bottom: 22px
+r(480,767)
font-size: 13px
line-height: 22px
+r(320,479)
font-size: 13px
line-height: 20px
form
input
width: 273px
height: 49px
background: #fff
border: 1px solid #E9E9E9
+br(10px)
color: #83999e
font-size: 16px
padding: 0px 12px
+r(480,767)
margin: 0 auto 20px
display: block
+r(320,479)
margin: 0 auto 20px
width: 196px
display: block
button
width: 178px
height: 50px
+br(50px)
text-align: center
color: #b39b02
font-family: "RobotoBold"
font-size: 20px
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-bottom: 4px solid #D2BF00
line-height: 43px
display: inline-block
margin: 0px 0px 0px 16px
+r(480,767)
margin: 0 auto 20px
display: block
+r(320,479)
margin: 0 auto 20px
display: block
&:hover, &:focus
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border-bottom: 4px solid #D2BF00
text-decoration: none
&:active
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-top: 4px solid #D2BF00
text-decoration: none
.send_secce
font-size: 14px
color: #659b20
margin-top: 24px
font-family: "RobotoBold"
+r(480,767)
text-align: center
line-height: 20px
+r(320,479)
text-align: center
line-height: 20px
font-size: 13px
.error_not_foud
background: url(../images/no_found_bg.jpg) no-repeat center center
+cover
width: 100%
min-height: 511px
padding-top: 95px
+r(768,970)
min-height: 350px
padding-top: 50px
+r(480,767)
padding: 50px 0px
+r(320,479)
padding: 50px 0px
.error_title
font-size: 42px
color: #2d3642
font-family: "RobotoBold"
font-weight: normal
+r(768,970)
font-size: 32px
+r(480,767)
font-size: 38px
+r(320,479)
font-size: 25px
.error_num
font-size: 250px
color: #51a7a9
font-family: "RobotoBold"
+r(768,970)
font-size: 200px
+r(480,767)
font-size: 220px
+r(320,479)
font-size: 158px
.error_inf
font-size: 17px
color: #2d3642
line-height: 26px
margin-top: 7px
+r(768,970)
font-size: 16px
line-height: 24px
+r(320,479)
font-size: 15px
line-height: 23px
.error_inf_two
font-size: 17px
color: #fff
background: #243342
margin-top: 54px
padding: 17px 25px
line-height: 20px
+r(768,970)
font-size: 15px
margin-top: 27px
+r(320,479)
font-size: 14px
margin-top: 30px
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"