diff --git a/plugins/akami/tps/controllers/PortfolioCategory.php b/plugins/akami/tps/controllers/PortfolioCategory.php new file mode 100755 index 0000000..373ea8d --- /dev/null +++ b/plugins/akami/tps/controllers/PortfolioCategory.php @@ -0,0 +1,18 @@ + + + + diff --git a/plugins/akami/tps/controllers/portfoliocategory/config_form.yaml b/plugins/akami/tps/controllers/portfoliocategory/config_form.yaml new file mode 100755 index 0000000..a87acbb --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/config_form.yaml @@ -0,0 +1,10 @@ +name: PortfolioCategory +form: $/akami/tps/models/portfoliocategory/fields.yaml +modelClass: Akami\Tps\Models\PortfolioCategory +defaultRedirect: akami/tps/portfoliocategory +create: + redirect: 'akami/tps/portfoliocategory/update/:id' + redirectClose: akami/tps/portfoliocategory +update: + redirect: akami/tps/portfoliocategory + redirectClose: akami/tps/portfoliocategory diff --git a/plugins/akami/tps/controllers/portfoliocategory/config_list.yaml b/plugins/akami/tps/controllers/portfoliocategory/config_list.yaml new file mode 100755 index 0000000..05064f0 --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/config_list.yaml @@ -0,0 +1,12 @@ +list: $/akami/tps/models/portfoliocategory/columns.yaml +modelClass: Akami\Tps\Models\PortfolioCategory +title: PortfolioCategory +noRecordsMessage: 'backend::lang.list.no_records' +showSetup: true +showCheckboxes: true +recordsPerPage: 20 +toolbar: + buttons: list_toolbar + search: + prompt: 'backend::lang.list.search_prompt' +recordUrl: 'akami/tps/portfoliocategory/update/:id' diff --git a/plugins/akami/tps/controllers/portfoliocategory/create.htm b/plugins/akami/tps/controllers/portfoliocategory/create.htm new file mode 100755 index 0000000..57c94b2 --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/create.htm @@ -0,0 +1,46 @@ + + + + +fatalError): ?> + + 'layout']) ?> + +
+ formRender() ?> +
+ +
+
+ + + + + +
+
+ + + + +

fatalError)) ?>

+

+ \ No newline at end of file diff --git a/plugins/akami/tps/controllers/portfoliocategory/index.htm b/plugins/akami/tps/controllers/portfoliocategory/index.htm new file mode 100755 index 0000000..ea43a36 --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/index.htm @@ -0,0 +1 @@ +listRender() ?> diff --git a/plugins/akami/tps/controllers/portfoliocategory/preview.htm b/plugins/akami/tps/controllers/portfoliocategory/preview.htm new file mode 100755 index 0000000..5959ecc --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/preview.htm @@ -0,0 +1,22 @@ + + + + +fatalError): ?> + +
+ formRenderPreview() ?> +
+ + +

fatalError) ?>

+ + +

+ + + +

\ No newline at end of file diff --git a/plugins/akami/tps/controllers/portfoliocategory/update.htm b/plugins/akami/tps/controllers/portfoliocategory/update.htm new file mode 100755 index 0000000..4bbacfc --- /dev/null +++ b/plugins/akami/tps/controllers/portfoliocategory/update.htm @@ -0,0 +1,54 @@ + + + + +fatalError): ?> + + 'layout']) ?> + +
+ formRender() ?> +
+ +
+
+ + + + + + + +
+
+ + + +

fatalError)) ?>

+

+ \ No newline at end of file diff --git a/plugins/akami/tps/models/Portfolio.php b/plugins/akami/tps/models/Portfolio.php index ff2b063..8af9077 100755 --- a/plugins/akami/tps/models/Portfolio.php +++ b/plugins/akami/tps/models/Portfolio.php @@ -1,37 +1,51 @@ - \Akami\Tps\Models\PortfolioCategory::class + ]; + + + public function scopeGetBYCategory($query, $id) + { + if($id){ + return $query->where('category_id', $id); + } + } + + + public $jsonable = ['img']; + + /** + * @var array Validation rules + */ + public $rules = [ + ]; +} diff --git a/plugins/akami/tps/models/PortfolioCategory.php b/plugins/akami/tps/models/PortfolioCategory.php new file mode 100755 index 0000000..c775e52 --- /dev/null +++ b/plugins/akami/tps/models/PortfolioCategory.php @@ -0,0 +1,33 @@ +engine = 'InnoDB'; + $table->increments('id')->unsigned(); + $table->timestamp('created_at')->nullable(); + $table->timestamp('updated_at')->nullable(); + $table->timestamp('deleted_at')->nullable(); + $table->string('name')->nullable(); + $table->text('note')->nullable(); + }); + } + + public function down() + { + Schema::dropIfExists('akami_tps_categories'); + } +} diff --git a/plugins/akami/tps/updates/builder_table_update_akami_tps_portfolio_2.php b/plugins/akami/tps/updates/builder_table_update_akami_tps_portfolio_2.php new file mode 100755 index 0000000..4b0d5c1 --- /dev/null +++ b/plugins/akami/tps/updates/builder_table_update_akami_tps_portfolio_2.php @@ -0,0 +1,23 @@ +integer('category_id')->nullable(); + }); + } + + public function down() + { + Schema::table('akami_tps_portfolio', function($table) + { + $table->dropColumn('category_id'); + }); + } +} diff --git a/plugins/akami/tps/updates/version.yaml b/plugins/akami/tps/updates/version.yaml index 0052f24..2213c68 100755 --- a/plugins/akami/tps/updates/version.yaml +++ b/plugins/akami/tps/updates/version.yaml @@ -27,3 +27,9 @@ 1.0.10: - 'Updated table akami_tps_service_page' - builder_table_update_akami_tps_service_page_2.php +1.0.11: + - 'Created table akami_tps_categories' + - builder_table_create_akami_tps_categories.php +1.0.12: + - 'Updated table akami_tps_portfolio' + - builder_table_update_akami_tps_portfolio_2.php diff --git a/themes/tps/assets/css/components/3-page/home.scss b/themes/tps/assets/css/components/3-page/home.scss index a6688c9..d7e7f91 100644 --- a/themes/tps/assets/css/components/3-page/home.scss +++ b/themes/tps/assets/css/components/3-page/home.scss @@ -895,6 +895,16 @@ } } } + + .slick { + &-dots { + li { + &:nth-of-type(n+12) { + display: none; + } + } + } + } } // Client end ========================= diff --git a/themes/tps/assets/css/main.css b/themes/tps/assets/css/main.css index 67a63d9..ad16dbb 100644 --- a/themes/tps/assets/css/main.css +++ b/themes/tps/assets/css/main.css @@ -1802,6 +1802,9 @@ svg.active .svg-elem-21 { -webkit-transform: scale(1.05); transform: scale(1.05); } +.client .slick-dots li:nth-of-type(n+12) { + display: none; +} .title-animate { animation: typing 3.5s steps(40, end); @@ -2658,7 +2661,6 @@ svg.active .svg-elem-21 { .about_video-box { height: 470px; } - .gallery { padding: 80px 0; } @@ -2668,7 +2670,6 @@ svg.active .svg-elem-21 { .gallery .gal_slider-item { height: 300px !important; } - .service.page .service_box { width: calc(100% + 60px); } @@ -2689,7 +2690,6 @@ svg.active .svg-elem-21 { .hero .page_box-link { font-size: 16px; } - .about_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; @@ -2724,14 +2724,12 @@ svg.active .svg-elem-21 { width: 13px; height: 17px; } - .service_item-title { font-size: 14px; } .service_item-txt { font-size: 13px; } - .contact { padding: 70px 0; } @@ -2739,7 +2737,6 @@ svg.active .svg-elem-21 { font-size: 30px; margin-bottom: 30px; } - .client_title { font-size: 30px; margin-bottom: 30px; @@ -2757,7 +2754,6 @@ svg.active .svg-elem-21 { .client_item { height: 145px !important; } - .footer .logo { width: 160px; height: 55px; @@ -2767,7 +2763,6 @@ svg.active .svg-elem-21 { .auto_container { padding: 0 35px; } - .header .burger { display: -webkit-box; display: -ms-flexbox; @@ -2902,7 +2897,10 @@ svg.active .svg-elem-21 { .header .nav .service_nav { top: -100px; } +<<<<<<< HEAD +======= +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .hero_item-title { font-size: 22px; } @@ -2944,7 +2942,6 @@ svg.active .svg-elem-21 { object-fit: contain; -o-object-fit: contain; } - .about { padding: 35px 0 120px; } @@ -2954,14 +2951,20 @@ svg.active .svg-elem-21 { .about_video-box { height: 385px; } +<<<<<<< HEAD +======= +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .about.page .about_box-item-title { font-size: 18px; } .about.page .about_box-item-txt { font-size: 14px; } +<<<<<<< HEAD +======= +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .contact_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; @@ -2986,7 +2989,6 @@ svg.active .svg-elem-21 { width: 100%; margin-left: 0; } - .service .inner { height: 600px; } @@ -3005,14 +3007,16 @@ svg.active .svg-elem-21 { .gallery_box-item { width: calc(50% - 2px); } - .service.page .service_box { width: calc(100% + 70px); } .service.page .service_box .slick-list { padding: 0 170px 0 0 !important; } +<<<<<<< HEAD +======= +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .about.page .about_box-item { width: calc(50% - 82px); } @@ -3038,7 +3042,6 @@ svg.active .svg-elem-21 { .header .logo_group-txt { width: 95px; } - .crumb { padding: 180px 0 40px; } @@ -3049,7 +3052,6 @@ svg.active .svg-elem-21 { line-height: 30px; font-size: 14px; } - .hero_item { height: 800px !important; } @@ -3077,7 +3079,6 @@ svg.active .svg-elem-21 { width: 17px; right: -24px; } - .about { padding-top: 0; } @@ -3104,7 +3105,6 @@ svg.active .svg-elem-21 { width: 13px; height: 13px; } - .contact { padding: 50px 0; } @@ -3122,7 +3122,6 @@ svg.active .svg-elem-21 { padding: 12px 30px; line-height: 30px; } - .client_title { font-size: 26px; margin-bottom: 25px; @@ -3137,7 +3136,6 @@ svg.active .svg-elem-21 { width: 12px; height: 12px; } - .footer_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; @@ -3152,7 +3150,6 @@ svg.active .svg-elem-21 { line-height: 30px; text-align: center; } - .gallery_box-item { width: calc(50% - 2px); height: 245px; @@ -3167,14 +3164,16 @@ svg.active .svg-elem-21 { .gallery .gal_slider-item { height: 245px !important; } - .service.page .service_box-item { min-width: 390px; } .service.page .service_box-item-photo { height: 280px; } +<<<<<<< HEAD +======= +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .main_title { font-size: 20px; } @@ -3204,7 +3203,6 @@ svg.active .svg-elem-21 { .gallery_box-item { width: calc(100% - 2px); } - .service.page .service_box { width: 100%; } @@ -3225,11 +3223,17 @@ svg.active .svg-elem-21 { .service.page .service_list li p { line-height: 28px; } +<<<<<<< HEAD .about.page .about_box-item { width: calc(100% - 82px); } +======= + .about.page .about_box-item { + width: calc(100% - 82px); + } +>>>>>>> 4d144c51944115d184406427a566d71cd39df45d .modal_inner { height: unset; } @@ -3238,11 +3242,9 @@ svg.active .svg-elem-21 { .auto_container { padding: 0 20px; } - .header { top: 30px; } - .crumb { padding: 180px 0 40px; } @@ -3253,18 +3255,15 @@ svg.active .svg-elem-21 { line-height: 30px; font-size: 14px; } - .hero_item { height: 700px !important; } - .about { margin-top: -20px; } .about_video-box { height: 230px; } - .service.page .service_box { width: calc(100% + 0px); } diff --git a/themes/tps/assets/new/css/.DS_Store b/themes/tps/assets/new/css/.DS_Store new file mode 100644 index 0000000..c98d36e Binary files /dev/null and b/themes/tps/assets/new/css/.DS_Store differ diff --git a/themes/tps/assets/new/css/animate.css b/themes/tps/assets/new/css/animate.css new file mode 100644 index 0000000..ec8e9fc --- /dev/null +++ b/themes/tps/assets/new/css/animate.css @@ -0,0 +1,2816 @@ +@charset "UTF-8"; + + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + + 0%, + 20%, + 50%, + 80%, + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + + 0%, + 20%, + 50%, + 80%, + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-keyframes flash { + + 0%, + 50%, + 100% { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + + 0%, + 50%, + 100% { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes shake { + + 0%, + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + + 0%, + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, + 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, + 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-40px); + transform: translateX(-40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-40px); + -ms-transform: translateX(-40px); + transform: translateX(-40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(40px); + transform: translateX(40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(40px); + -ms-transform: translateX(40px); + transform: translateX(40px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpM { + 0% { + opacity: 0; + -webkit-transform: translateY(50px); + transform: translateY(50px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpM { + 0% { + opacity: 0; + -webkit-transform: translateY(50px); + -ms-transform: translateY(50px); + transform: translateY(50px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpM { + -webkit-animation-name: fadeInUpM; + animation-name: fadeInUpM; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/.DS_Store b/themes/tps/assets/new/css/components/.DS_Store new file mode 100644 index 0000000..5240b4b Binary files /dev/null and b/themes/tps/assets/new/css/components/.DS_Store differ diff --git a/themes/tps/assets/new/css/components/1-main/mixin.scss b/themes/tps/assets/new/css/components/1-main/mixin.scss new file mode 100644 index 0000000..6aa7a9a --- /dev/null +++ b/themes/tps/assets/new/css/components/1-main/mixin.scss @@ -0,0 +1,119 @@ +@mixin transition { + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} + +@mixin transformY { + transform: translateY(-50%); + -moz-ransform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); +} + +@mixin transformX { + transform: translateX(-50%); + -moz-ransform: translateX(-50%); + -o-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); +} + +@mixin transform { + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); +} + +@mixin transformReset { + transform: translate(0, 0); + -moz-ransform: translate(0, 0); + -o-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -webkit-transform: translate(0, 0); +} + +@mixin rotate { + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -moz-transform: rotate(90deg); +} + +@mixin ImgCon { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +@mixin ImgCov { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} + +// @mixin height { +// @media (max-height: 390px) { +// @content; +// } +// } + +@mixin sm-lg { + @media (max-width: 380px) { + @content; + } +} + +@mixin md-xsm { + @media (max-width: 400px) { + @content; + } +} + + +@mixin md-sm { + @media (max-width: 650px) { + @content; + } +} + +@mixin lg-lg { + @media (max-width: 750px) { + @content; + } +} + +@mixin lg-xlg { + @media (max-width: 1000px) { + @content; + } +} + +@mixin lg-xxlg { + @media (max-width: 1100px) { + @content; + } +} + +@mixin xlg-xxlg { + @media (max-width: 1200px) { + @content; + } +} + +@mixin xlg-xxxlg { + @media (max-width: 1400px) { + @content; + } +} + +@mixin forSlider-1 { + @media (max-width: 1530px) { + @content; + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/1-main/nulifier.scss b/themes/tps/assets/new/css/components/1-main/nulifier.scss new file mode 100644 index 0000000..12dbae1 --- /dev/null +++ b/themes/tps/assets/new/css/components/1-main/nulifier.scss @@ -0,0 +1,135 @@ +*, +*::before, +*::after { + margin: 0px; + padding: 0px; + border: none; + outline: none; + + scroll-behavior: smooth; +} + +button { + outline: none; +} + +button:focus { + outline: none; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/*** +==================================================================== + Global Settings +==================================================================== +***/ + +body { + font-family: 'Montserrat', sans-serif; + font-size: 14px; + color: #000; + line-height: 1.7em; + font-weight: 400; + background: #fff; + position: relative; + + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; +} + +body.active { + overflow: hidden; +} + +a { + text-decoration: none; + color: #000; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + font-weight: normal; + margin: 0px; + background: none; + line-height: 1.6em; +} + +/* Typography */ +h1 { + font-size: 4em; +} + +h2 { + font-size: 40px; +} + +h3 { + font-size: 34px; +} + +h4 { + font-size: 22px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +p { + position: relative; + line-height: 1.8em; +} + +.auto_container { + position: relative; + max-width: 1500px; + padding: 0px 60px; + margin: 0 auto; +} + +ul, +li { + list-style: none; + padding: 0px; + margin: 0px; +} + +/* width */ +::-webkit-scrollbar { + width: 8px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: #fff; + border: 1px solid #DFDFDF; + border-radius: 10px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #DFDFDF; + border-radius: 10px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #DFDFDF; +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/1-main/variables.scss b/themes/tps/assets/new/css/components/1-main/variables.scss new file mode 100644 index 0000000..c1a27ec --- /dev/null +++ b/themes/tps/assets/new/css/components/1-main/variables.scss @@ -0,0 +1,6 @@ +$gray: rgba(241, 241, 241, 1); +$black: #3B3B3B; +$blue: #6ec9c7; +$white: #ffffff; + +$main-color: #2B72B6; \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/crumb.scss b/themes/tps/assets/new/css/components/2-layout/crumb.scss new file mode 100644 index 0000000..259501c --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/crumb.scss @@ -0,0 +1,19 @@ +// Crumb ================= +.crumb { + // padding: 220px 0 50px; + // background: url("../images/mini_banner.png") no-repeat center; + // background-size: cover; + padding: 50px 0 0; + + &_title { + font-weight: 700; + font-size: 28px; + line-height: 46px; + } + + &_txt { + font-weight: 400; + font-size: 16px; + line-height: 30px; + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/footer.scss b/themes/tps/assets/new/css/components/2-layout/footer.scss new file mode 100644 index 0000000..faf6cf2 --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/footer.scss @@ -0,0 +1,27 @@ +// Footer ================ +.footer { + padding: 30px 0; + background: #000; + + &_box { + display: flex; + align-items: center; + justify-content: space-between; + } + + .logo { + width: 200px; + height: 70px; + + img { + @include ImgCon; + } + } + + .copyright { + font-weight: 500; + font-size: 16px; + line-height: 32px; + color: #fff; + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/header.scss b/themes/tps/assets/new/css/components/2-layout/header.scss new file mode 100644 index 0000000..2bf2a4a --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/header.scss @@ -0,0 +1,607 @@ +// Header ============================= + +.header { + padding: 20px 0; + z-index: 50; + background: #000; + position: relative; + + &_row { + display: flex; + align-items: center; + justify-content: space-between; + } + + .logo { + display: flex; + align-items: center; + position: relative; + + svg { + @include ImgCon; + position: relative; + } + + &_bg { + width: 70px; + height: 70px; + display: block; + + svg, + img { + @include ImgCon; + } + } + + &_group { + position: relative; + margin-right: 10px; + + &-txt { + width: 120px; + height: 30px; + overflow: hidden; + + svg { + @include ImgCon; + position: relative; + } + } + + &:last-child { + margin-right: 0; + } + } + + &_inner { + &-text { + font-size: 18px; + font-weight: 900; + line-height: 1; + color: #6A6A6A; + + position: absolute; + top: 53%; + left: 50%; + @include transform; + } + } + } + + .nav { + position: relative; + + ul { + display: flex; + align-items: center; + + li { + margin-right: 60px; + position: relative; + + &:last-child { + margin-right: 0; + } + + a, + span { + display: block; + font-weight: 500; + font-size: 16px; + line-height: 20px; + color: #FFFFFF; + cursor: pointer; + + &.service_nav-link { + position: relative; + + &::after { + content: ""; + position: absolute; + top: 50%; + right: -20px; + transform: translateY(-50%); + -moz-ransform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + width: 8px; + height: 4px; + -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); + clip-path: polygon(0 0, 50% 100%, 100% 0); + background: #fff; + } + } + + // &:hover~.service_nav { + // display: block; + // max-height: unset; + // } + } + } + } + + &_contact { + padding: 20px; + box-shadow: inset 0 0 0 2px #fff; + transition: color 0.25s 0.0833333333s; + position: relative; + + &:focus { + outline: 2px dotted #ccc; + } + + &:hover { + color: #ccc; + + + &::before, + &::after { + border-color: #ccc; + transition: border-color 0s, width 0.25s, height 0.25s; + width: 100%; + height: 100%; + } + + &::before { + transition-delay: 0s, 0s, 0.25s; + } + + &::after { + transition-delay: 0s, 0.25s, 0s; + } + } + + &::before, + &::after { + border: 0 solid transparent; + box-sizing: border-box; + content: ""; + pointer-events: none; + position: absolute; + width: 0; + height: 0; + bottom: 0; + right: 0; + } + + &::before { + border-bottom-width: 4px; + border-left-width: 4px; + } + + &::after { + border-top-width: 4px; + border-right-width: 4px; + } + } + + .service_nav { + background: rgba(0, 0, 0, .7); + + position: absolute; + top: calc(100% + 60px); + left: 50%; + @include transformX; + white-space: nowrap; + z-index: 3; + min-width: 400px; + text-align: center; + + opacity: 0; + pointer-events: none; + transition: .4s linear; + + &.active { + top: calc(100% + 20px); + opacity: 1; + pointer-events: unset; + } + + a { + display: block; + font-weight: 500; + font-size: 16px; + line-height: 20px; + color: #fff; + @include transition; + padding: 20px 0; + + &:hover { + background: $main-color; + color: #fff; + } + + } + } + } + + .lang { + position: relative; + + &_current { + display: flex; + align-items: center; + position: relative; + margin-right: 20px; + cursor: pointer; + + h6 { + position: relative; + display: block; + + font-weight: 500; + font-size: 14px; + line-height: 20px; + color: #FFFFFF; + + &::after { + content: ''; + position: absolute; + top: 50%; + right: -20px; + @include transformY; + + width: 8px; + height: 4px; + clip-path: polygon(0 0, 50% 100%, 100% 0); + background: #fff; + } + } + } + + &_icon { + width: 20px; + height: 20px; + margin-right: 10px; + + img { + @include ImgCon; + } + } + + &_drop { + position: absolute; + top: calc(100% + 50px); + left: 50%; + @include transformX; + background: rgba(0, 0, 0, .7); + color: #fff; + width: 120px; + + opacity: 0; + pointer-events: none; + transition: .3s linear; + + &.active { + opacity: 1; + pointer-events: unset; + top: calc(100% + 20px); + } + + &-link { + color: #fff !important; + display: block; + text-align: center; + text-transform: uppercase; + + font-size: 15px; + font-weight: 500; + line-height: 1.4; + padding: 7px; + @include transition; + + &:hover { + background: $main-color !important; + color: #fff !important; + } + + } + } + } + + .burger { + display: none; + } +} + +// Header end ========================= + +@keyframes logo-bg { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@-webkit-keyframes logo-bg { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes inner-txt { + 0% { + opacity: 0; + } + + 85% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@-webkit-keyframes inner-txt { + 0% { + opacity: 0; + } + + 85% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes group-txt { + 0% { + transform: translateX(-150%); + opacity: 0; + } + + 100% { + transform: translateX(0); + opacity: 1; + } +} + +@-webkit-keyframes group-txt { + 0% { + transform: translateX(-150%); + opacity: 0; + } + + 100% { + transform: translateX(0); + opacity: 1; + } +} + +.logo-bg-animate { + animation: logo-bg .8s linear; + -webkit-animation: logo-bg .8s linear; +} + +.inner-txt-animte { + animation: inner-txt 1s linear; + -webkit-animation: inner-txt 1s linear; +} + +.group-txt-animte { + animation: group-txt 1s linear; + -webkit-animation: group-txt 1s linear; +} + +// ============================================================= + +svg .svg-elem-1 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0s; + transition: fill 0.7s ease-in 0s; +} + +svg.active .svg-elem-1 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-2 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.07s; + transition: fill 0.7s ease-in 0.07s; +} + +svg.active .svg-elem-2 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-3 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.14s; + transition: fill 0.7s ease-in 0.14s; +} + +svg.active .svg-elem-3 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-4 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.21000000000000002s; + transition: fill 0.7s ease-in 0.21000000000000002s; +} + +svg.active .svg-elem-4 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-5 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.28s; + transition: fill 0.7s ease-in 0.28s; +} + +svg.active .svg-elem-5 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-6 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.35000000000000003s; + transition: fill 0.7s ease-in 0.35000000000000003s; +} + +svg.active .svg-elem-6 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-7 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.42000000000000004s; + transition: fill 0.7s ease-in 0.42000000000000004s; +} + +svg.active .svg-elem-7 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-8 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.49000000000000005s; + transition: fill 0.7s ease-in 0.49000000000000005s; +} + +svg.active .svg-elem-8 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-9 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.56s; + transition: fill 0.7s ease-in 0.56s; +} + +svg.active .svg-elem-9 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-10 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.6300000000000001s; + transition: fill 0.7s ease-in 0.6300000000000001s; +} + +svg.active .svg-elem-10 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-11 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.7000000000000001s; + transition: fill 0.7s ease-in 0.7000000000000001s; +} + +svg.active .svg-elem-11 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-12 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.77s; + transition: fill 0.7s ease-in 0.77s; +} + +svg.active .svg-elem-12 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-13 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.8400000000000001s; + transition: fill 0.7s ease-in 0.8400000000000001s; +} + +svg.active .svg-elem-13 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-14 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.9100000000000001s; + transition: fill 0.7s ease-in 0.9100000000000001s; +} + +svg.active .svg-elem-14 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-15 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.9800000000000001s; + transition: fill 0.7s ease-in 0.9800000000000001s; +} + +svg.active .svg-elem-15 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-16 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.05s; + transition: fill 0.7s ease-in 1.05s; +} + +svg.active .svg-elem-16 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-17 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.12s; + transition: fill 0.7s ease-in 1.12s; +} + +svg.active .svg-elem-17 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-18 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.1900000000000002s; + transition: fill 0.7s ease-in 1.1900000000000002s; +} + +svg.active .svg-elem-18 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-19 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.2600000000000002s; + transition: fill 0.7s ease-in 1.2600000000000002s; +} + +svg.active .svg-elem-19 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-20 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.33s; + transition: fill 0.7s ease-in 1.33s; +} + +svg.active .svg-elem-20 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-21 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.4000000000000001s; + transition: fill 0.7s ease-in 1.4000000000000001s; +} + +svg.active .svg-elem-21 { + fill: rgb(255, 255, 255); +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/modal.scss b/themes/tps/assets/new/css/components/2-layout/modal.scss new file mode 100644 index 0000000..1eea5fe --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/modal.scss @@ -0,0 +1,69 @@ +// Modal =========================== +.modal { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .5); + backdrop-filter: blur(5px); + z-index: 50; + + display: none; + + &.active { + display: block; + + .modal_inner { + top: 50%; + opacity: 1; + } + } + + &_inner { + position: absolute; + top: 60%; + left: 50%; + @include transform; + max-width: 900px; + width: calc(100% - 120px); + max-height: 450px; + height: calc(100% - 150px); + padding: 70px 50px; + background: rgba(0, 0, 0, .5); + backdrop-filter: 5px; + @include transition; + opacity: 0.3; + display: block; + } + + &_close { + position: absolute; + top: 30px; + right: 30px; + cursor: pointer; + width: 20px; + height: 20px; + + &:hover { + svg path { + fill: red + } + } + + svg { + @include ImgCon; + @include transition; + pointer-events: none; + } + } + + &_video { + width: 100%; + height: 100%; + + video { + @include ImgCon; + } + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/responsive.scss b/themes/tps/assets/new/css/components/2-layout/responsive.scss new file mode 100644 index 0000000..bac5ad4 --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/responsive.scss @@ -0,0 +1,912 @@ +// 1400 ======================== +@include xlg-xxxlg { + + // About ================ + .about { + &_video { + &-box { + height: 470px; + } + } + } + + // Gallery ============== + .gallery { + padding: 80px 0; + + &_box { + &-item { + height: 300px; + } + } + + .gal { + &_slider { + &-item { + height: 300px !important; + } + } + } + } + + // Service Page =============== + .service.page { + .service { + &_box { + width: calc(100% + 60px); + + .slick-list { + padding: 0 60px 0 0 !important; + } + } + + } + } + +} + +// 1200 ======================== +@include xlg-xxlg { + + // Hero ============== + .hero { + &_item { + &-title { + font-size: 30px; + } + + &-txt { + margin: 20px 0; + } + + &-link { + font-size: 14px; + } + } + + .page { + &_box { + &-link { + font-size: 16px; + } + } + } + } + + // About ================ + .about { + + &_video { + &-box { + height: 430px; + + .video_play { + width: 65px; + height: 65px; + + &::before { + width: 13px; + height: 17px; + } + } + } + } + } + + // Service =============== + .service { + &_item { + &-title { + font-size: 14px; + } + + &-txt { + font-size: 13px; + } + } + } + + // Contact =========== + .contact { + padding: 70px 0; + + &_title { + font-size: 30px; + margin-bottom: 30px; + } + } + + // Client ================ + .client { + &_title { + font-size: 30px; + margin-bottom: 30px; + } + + &_box { + .slick-next { + width: 30px; + height: 30px; + right: -35px; + } + + .slick-prev { + width: 30px; + height: 30px; + left: -35px; + } + } + + // &_item { + // height: 145px !important; + // } + } + + // Footer ============= + .footer { + .logo { + width: 160px; + height: 55px; + } + } + +} + +// 1100 ======================= +@include lg-xxlg { + + .auto_container { + padding: 0 35px; + } + + // Header ================== + .header { + + .burger { + display: flex; + align-items: center; + justify-content: center; + + cursor: pointer; + width: 30px; + height: 25px; + position: relative; + + &.active { + span { + background: transparent; + + &::before { + transform: rotate(45deg); + width: 25px; + height: 1.5px; + top: 0; + } + + &::after { + width: 25px; + height: 1.5px; + transform: rotate(-45deg); + bottom: 0; + } + } + } + + span { + position: relative; + display: block; + width: 20px; + height: 1.5px; + background: #fff; + + @include transition; + + &::before { + content: ''; + position: absolute; + top: -7px; + right: 0; + width: 30px; + height: 1.5px; + background: #fff; + + @include transition; + } + + &::after { + content: ''; + position: absolute; + bottom: -7px; + right: 0; + width: 10px; + height: 1.5px; + background: #fff; + + @include transition; + } + } + } + + .lang { + &_drop { + background: transparent; + color: #fff; + display: flex; + justify-content: center; + + &.active { + top: calc(100% + 7px); + } + + &-link { + color: #fff !important; + padding: 7px 15px; + position: relative; + font-size: 16px !important; + + &:first-child { + &::before { + content: none; + } + + &::after { + content: ''; + position: absolute; + top: 0; + right: 0; + background: #fff; + height: 100%; + width: 1px; + } + } + } + } + } + + .nav { + &_bg { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .7); + backdrop-filter: blur(8px); + + opacity: 0; + pointer-events: none; + transform: scale(0); + + transition: all .3s linear; + -ms-transition: all .3s linear; + -moz-transition: all .3s linear; + -webkit-transition: all .3s linear; + + &.active { + opacity: 1; + pointer-events: unset; + transform: scale(1); + } + } + + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + + ul { + flex-direction: column; + justify-content: center; + height: 100%; + + align-items: unset; + width: calc(100% - 90px); + max-width: 450px; + margin: 0 auto; + + li { + margin-right: 0; + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + margin-top: 30px; + } + + a { + font-size: 18px; + padding-left: 20px; + position: relative; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 100%; + background: #fff; + } + } + } + } + + .service_nav { + text-align: left; + position: relative; + top: unset; + left: unset; + transform: translate(0, 0); + opacity: 1; + pointer-events: unset; + background-color: unset; + min-width: none; + + &-link { + display: none; + } + + &.active { + top: unset; + } + + a { + font-size: 18px; + padding: 0; + padding-left: 20px; + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + } + } + + &_contact { + text-align: center; + } + } + + } + + // Hero ===================== + .hero { + &_item { + &-title { + font-size: 22px; + } + + &-txt { + font-size: 15px; + } + + &-link { + font-size: unset; + + a { + font-size: 14px; + padding: 10px 25px; + } + } + } + + .swiper { + &-pagination { + &-bullet { + width: 10px; + height: 10px; + + &-active { + &::after { + width: 5px; + height: 5px; + } + } + } + } + + &-button { + &-prev { + span { + width: 13px; + height: 20px; + + svg { + @include ImgCon; + } + } + } + + &-next { + span { + width: 13px; + height: 20px; + + svg { + @include ImgCon; + } + } + } + } + } + } + + // About ================ + .about { + &_video { + &-box { + height: 385px; + } + } + } + + // About Page ==================== + .about.page { + .about { + &_box { + &-item { + &-title { + font-size: 18px; + } + + &-txt { + font-size: 14px; + } + } + } + } + } + + // Contact =============== + .contact { + &_box { + flex-direction: column; + } + + &_form { + width: 100%; + margin-right: 0; + margin-bottom: 60px; + } + + &_input { + input { + font-size: 14px; + } + + textarea { + font-size: 14px; + } + } + + &_btn { + padding: 14px 30px; + } + + &_info { + width: 100%; + margin-left: 0; + } + } + +} + +// 1000 ====================== +@include lg-xlg { + + // Gallery ================= + .gallery { + &_box { + flex-wrap: wrap; + + &-item { + width: calc(50% - 2px); + } + } + } + + // Service Page ================= + .service.page { + .service { + &_box { + width: calc(100% + 70px); + + .slick-list { + padding: 0 170px 0 0 !important; + } + } + } + } + + // About Page ==================== + .about.page { + .about { + &_box { + &-item { + width: calc(50% - 82px); + } + } + } + } +} + +// 750 ======================== +@include lg-lg { + + // Header ================= + .header { + .logo { + &_bg { + width: 55px; + height: 55px; + } + + &_inner { + &-text { + width: 30px; + height: 30px; + top: 50%; + font-size: unset; + display: block; + + svg { + @include ImgCon; + } + } + } + + &_group { + &-txt { + width: 95px; + + } + } + } + } + + // Crumb ================= + .crumb { + // padding: 180px 0 40px; + // padding: ; + + &_title { + font-size: 24px; + } + + &_txt { + line-height: 30px; + font-size: 14px; + } + } + + // Hero ==================== + .hero { + &_item { + height: 800px !important; + + &-title { + font-size: 18px; + } + } + + &_pag { + display: none; + } + + .page { + &_box { + top: -50px; + + &-group { + padding: 20px 50px 20px 0; + + &::before { + width: 1500px; + left: -1499px; + } + } + + &-link { + font-size: 14px; + + &::after { + top: 5px; + width: 17px; + right: -24px; + } + } + } + } + } + + // Service ================ + .service { + height: calc(100vh - 95px); + } + + // Service end ============ + + // About ================== + .about { + padding-top: 0; + + &_video { + &-box { + height: unset; + + .video_play { + width: 54px; + height: 54px; + + &::before { + width: 13px; + height: 13px; + } + } + } + } + + } + + // Contact ================= + .contact { + padding: 50px 0; + + &_title { + font-size: 26px; + margin-bottom: 25px; + } + + &_input { + input { + padding: 10px 20px; + } + + textarea { + padding: 10px 20px; + } + } + + &_btn { + padding: 12px 30px; + line-height: 30px; + } + } + + // Clients =================== + .client { + &_title { + font-size: 22px; + margin-bottom: 25px; + } + + &_box { + .slick { + + &-next, + &-prev { + display: none !important; + } + + &-dots { + li { + &:nth-child(n+7) { + display: none; + } + + button { + width: 12px; + height: 12px; + } + } + } + } + } + + &_item { + height: 60px !important; + padding: 15px; + } + } + + // Footer ================= + .footer { + &_box { + flex-direction: column; + } + + .logo { + margin-bottom: 30px; + } + + .copyright { + font-size: 14px; + line-height: 30px; + text-align: center; + } + } + + // Gallery ================= + .gallery { + &_box { + &-item { + width: calc(50% - 2px); + height: 245px; + + &-title { + font-size: 13px; + line-height: 27px; + } + + &-txt { + font-size: 12px; + } + } + } + + .gal { + &_slider { + &-item { + height: 245px !important; + } + } + } + } + + // Service Page ================ + .service.page { + .service { + &_box { + &-item { + min-width: 390px; + + &-photo { + height: 280px; + } + } + } + } + } + + .main_title { + font-size: 20px; + } +} + +// 650 ======================= +@include md-sm { + .auto_container { + padding: 0 20px; + } + + + // Gallery ============== + .gallery { + padding: 60px 0; + + &_filter { + &-row { + flex-direction: column; + align-items: flex-start; + + .category { + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + } + } + } + + &_box { + margin-top: 30px; + + &-item { + width: calc(100% - 2px); + } + } + } + + // Service Page ================ + .service.page { + .service { + &_box { + width: 100%; + + .slick-list { + padding: 0 !important; + } + + &-item { + min-width: 280px; + margin-right: 15px; + + &-photo { + height: 240px; + } + + &-title { + font-size: 20px; + line-height: 27px; + } + } + } + + &_list { + li { + p { + line-height: 28px; + } + } + } + } + } + + // About Page ==================== + .about.page { + .about { + &_box { + &-item { + width: calc(100% - 42px); + margin: 20px 0; + } + } + } + } + + // Modal ========================= + .modal { + &_inner { + height: unset; + } + } + +} + +// 400 =========================== +@include md-xsm { + .auto_container { + padding: 0 20px; + } + + // Crumb ================= + .crumb { + // padding: 180px 0 40px; + + // &_title { + // font-size: 26px; + // } + + &_txt { + line-height: 30px; + font-size: 14px; + } + } + + // Hero ================== + .hero { + &_item { + height: 700px !important; + } + } + + // Service Page ================= + .service.page { + .service { + &_box { + width: calc(100% + 0px); + + &-item { + min-width: unset !important; + margin-right: 5px; + } + + .slick-list { + padding: 0 !important; + } + } + } + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/select.scss b/themes/tps/assets/new/css/components/2-layout/select.scss new file mode 100644 index 0000000..4cd24eb --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/select.scss @@ -0,0 +1,101 @@ +.custom-select select { + display: none; +} + +.custom-select { + position: relative; +} + +.select-selected { + font-weight: 400; + font-size: 16px; + line-height: 1.4; + + padding: 12px 40px 12px 20px; + cursor: pointer; + + background-color: #fff; + border-radius: 4px; + border: 1px solid #ced4da; + + &.select-arrow-active { + border-bottom: none; + border: 4px 4px 0 0; + + &:after { + transform: translateY(-50%) rotate(225deg); + } + } + + &::after { + position: absolute; + content: ""; + top: 50%; + transform: translateY(-50%) rotate(45deg); + right: 20px; + width: 8px; + height: 8px; + z-index: 4; + border-bottom: 1.5px solid #868686; + border-right: 1.5px solid #868686; + @include transition; + } +} + +.select-items { + position: absolute; + top: calc(100% + 10px); + left: 0; + right: 0; + z-index: 99; + cursor: pointer; + animation-name: select; + animation-duration: 0.3s; + background: #fff; + + div { + font-weight: 400; + font-size: 14px; + line-height: 1.4; + + color: black; + padding: 10px; + cursor: pointer; + @include transition; + background-color: rgba(200,200,200,.5);; + border: 1px solid #EDEDED; + border-radius: 4px; + margin-bottom: 2px; + + &:last-child { + margin-bottom: 0; + } + + &:hover { + border: 1px solid #EDEDED; + } + } + + &::-webkit-scrollbar { + width: 10px; + } + + &::-webkit-scrollbar-track { + background: #ededed; + border-radius: 10px; + } + + &::-webkit-scrollbar-thumb { + background: #aeaeae; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + } +} + +.select-hide { + display: none; +} + +.select-items div:hover, +.same-as-selected { + background-color: rgba(250,250,250,.5); +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/slick-theme.scss b/themes/tps/assets/new/css/components/2-layout/slick-theme.scss new file mode 100644 index 0000000..f818fea --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/slick-theme.scss @@ -0,0 +1,485 @@ +@charset "UTF-8"; + +// Default Variables + +// Slick icon entity codes outputs the following +// "\2190" outputs ascii character "←" +// "\2192" outputs ascii character "→" +// "\2022" outputs ascii character "•" + +$slick-font-path: "./fonts/" !default; +$slick-font-family: "slick" !default; +$slick-loader-path: "./" !default; +$slick-arrow-color: #fff !default; +$slick-dot-color: #000 !default; +$slick-dot-color-active: $slick-dot-color !default; +$slick-prev-character: "\2190" !default; +$slick-next-character: "\2192" !default; +$slick-dot-character: "\2022" !default; +$slick-dot-size: 6px !default; +$slick-opacity-default: 0.75 !default; +$slick-opacity-on-hover: 1 !default; +$slick-opacity-not-active: 0.25 !default; + +@function slick-image-url($url) { + @if function-exists(image-url) { + @return image-url($url); + } + + @else { + @return url($slick-loader-path + $url); + } +} + +// @function slick-font-url($url) { +// @if function-exists(font-url) { +// @return font-url($url); +// } + +// @else { +// @return url($slick-font-path + $url); +// } +// } + +/* Slider */ + + +/* Icons */ +// @if $slick-font-family=="slick" { +// @font-face { +// font-family: "slick"; +// src: slick-font-url("slick.eot"); +// src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), +// slick-font-url("slick.woff") format("woff"), +// slick-font-url("slick.ttf") format("truetype"), +// slick-font-url("slick.svg#slick") format("svg"); +// font-weight: normal; +// font-style: normal; +// } +// } + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + + &:hover, + &:focus { + outline: none; + background: transparent; + color: transparent; + + &:before { + opacity: $slick-opacity-on-hover; + } + } + + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } + + &:before { + font-family: $slick-font-family; + font-size: 20px; + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +} + +.slick-prev { + left: -25px; + + [dir="rtl"] & { + left: auto; + right: -25px; + } + + &:before { + content: ''; + + [dir="rtl"] & { + // content: $slick-next-character; + } + } +} + +// ==== + +.client_box { + .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: -50px; + width: 40px; + height: 40px; + background: url("../images/svg/slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%) rotate(180deg); + -ms-transform: translateY(-50%) rotate(180deg); + -moz-transform: translateY(-50%) rotate(180deg); + -o-transform: translateY(-50%) rotate(180deg); + -webkit-transform: translateY(-50%) rotate(180deg); + right: -50px; + width: 40px; + height: 40px; + background: url("../images/svg/slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-dots { + display: flex; + align-items: center; + justify-content: center; + bottom: -50px; + + li { + display: block; + + button { + display: block; + width: 14px; + height: 14px; + border: 2px solid #D6D6D6; + opacity: 1; + background: transparent; + border-radius: 50%; + } + + + &.slick-active { + width: 14px; + height: 14px; + } + + &.slick-active button { + border: 1px solid $main-color; + background-size: contain; + width: 14px; + height: 14px; + opacity: 1; + position: relative; + background: transparent; + + &::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + @include transform; + width: 50%; + height: 50%; + background: $main-color; + border-radius: 50%; + } + } + } + } +} + +.hero_slider { + .slick-track { + display: flex; + align-items: center; + } + + .slick-prev { + // position: absolute; + // top: 50%; + transform: translateY(0) rotate(180deg); + -ms-transform: translateY(0) rotate(180deg); + -moz-transform: translateY(0) rotate(180deg); + -o-transform: translateY(0) rotate(180deg); + -webkit-transform: translateY(0) rotate(180deg); + // left: 100px; + width: 36px; + height: 24px; + background: url("../images/svg/hero-slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-next { + // position: absolute; + // top: 50%; + transform: translateY(0%); + -ms-transform: translateY(0%); + -moz-transform: translateY(0%); + -o-transform: translateY(0%); + -webkit-transform: translateY(0%); + // right: 100px; + width: 36px; + height: 24px; + background: url("../images/svg/hero-slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-dots { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 0 60px; + max-width: 1500px; + bottom: unset; + position: relative; + top: -50px; + margin: 0 auto; + padding-right: 30px; + z-index: 10; + + li { + display: block; + + button { + display: block; + width: 15px; + height: 15px; + border: 2.5px solid #fff; + opacity: .8; + border-radius: 50%; + } + + + &.slick-active { + width: 15px; + height: 15px; + } + + &.slick-active button { + background: transparent; + background-size: contain; + width: 15px; + height: 15px; + border-radius: 50%; + + &::after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + @include transform; + width: 6px; + height: 6px; + background: #fff; + border-radius: 50%; + } + } + } + } +} + +.banner_box { + .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: -200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_left.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + right: -200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_right.svg") no-repeat center; + background-size: contain; + z-index: 4; + } +} + +.news { + + .slick-track { + display: flex; + align-items: center; + } + + + .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: 200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_left-gold.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + right: 200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_right-gold.svg") no-repeat center; + background-size: contain; + z-index: 4; + } + + .slick-dots { + display: flex; + align-items: center; + justify-content: center; + bottom: -50px; + + li { + display: block; + + button { + display: block; + width: 12px; + height: 12px; + border: 2px solid #fff; + opacity: .3; + border-radius: 50%; + } + + + &.slick-active { + width: 30px; + height: 30px; + } + + &.slick-active button { + background: url("../images/svg/dot.svg") no-repeat center !important; + background-size: contain; + width: 30px; + height: 30px; + border: none; + } + } + } + +} + + + +.slick-next { + right: -25px; + + [dir="rtl"] & { + left: -25px; + right: auto; + } + + &:before { + content: ''; + + [dir="rtl"] & { + content: $slick-prev-character; + } + } +} + +/* Dots */ + +// .slick-dotted.slick-slider { +// margin-bottom: 30px; +// } + +.slick-dots { + position: absolute; + bottom: 32px; + list-style: none; + display: flex; + text-align: center; + align-items: center; + justify-content: center; + padding: 0; + margin: 0; + width: 100%; + + li { + position: relative; + // height: 14px; + // width: 14px; + cursor: pointer; + margin: 0 8px; + + button { + border: 0; + display: block; + height: 14px; + width: 14px; + outline: none; + color: transparent; + border-radius: 50%; + background: rgba($color: $black, $alpha: 0.5); + cursor: pointer; + // margin: 0 8px; + @include transition; + + &:focus { + outline: none; + background: $blue; + } + } + + &.slick-active button { + background: $blue; + width: 28px; + border-radius: 10px; + } + + // &.slick-active { + // width: 28px; + // } + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/slick.scss b/themes/tps/assets/new/css/components/2-layout/slick.scss new file mode 100644 index 0000000..0c1563e --- /dev/null +++ b/themes/tps/assets/new/css/components/2-layout/slick.scss @@ -0,0 +1,107 @@ +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} + +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + margin-left: auto; + margin-right: auto; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + + [dir="rtl"] & { + float: right; + } + + img { + display: block; + } + + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} + +.slick-arrow.slick-hidden { + display: none; +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/2-layout/slider.scss b/themes/tps/assets/new/css/components/2-layout/slider.scss new file mode 100644 index 0000000..e69de29 diff --git a/themes/tps/assets/new/css/components/3-page/about.scss b/themes/tps/assets/new/css/components/3-page/about.scss new file mode 100644 index 0000000..19ab775 --- /dev/null +++ b/themes/tps/assets/new/css/components/3-page/about.scss @@ -0,0 +1,98 @@ +// About ================ +.about.page { + padding: 50px 0 0; + + .about { + &_txt { + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #000000; + + margin-bottom: 30px; + } + + &_box { + background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url("../images/blur-bg.jpg") no-repeat center; + background-size: cover; + margin-bottom: 50px; + position: relative; + padding: 80px 0; + + &::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + backdrop-filter: blur(15px); + z-index: 1; + } + + &-inner { + display: flex; + flex-wrap: wrap; + z-index: 5; + position: relative; + } + + &-item { + width: calc(33.33% - 82px); + margin: 20px; + text-align: center; + padding: 30px 20px; + border: .5px solid hsla(0, 0%, 100%, .3); + ; + border-radius: 12px; + + color: #fff; + + &-title { + font-size: 22px; + font-weight: 400; + line-height: 1.4; + } + + &-txt { + margin-top: 20px; + font-size: 16px; + font-weight: 400; + line-height: 1.4; + } + } + } + } +} + +.main_title { + padding-left: 25px; + position: relative; + font-size: 28px; + font-weight: 500; + line-height: 1.4; + margin: 45px 0 30px; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 3px; + height: 100%; + max-height: 35px; + background: $main-color; + } +} + +.p0 { + padding: 0 !important; +} + +.pt0 { + padding-top: 0 !important; +} + +.pb0 { + padding-bottom: 0 !important; +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/3-page/home.scss b/themes/tps/assets/new/css/components/3-page/home.scss new file mode 100644 index 0000000..df19817 --- /dev/null +++ b/themes/tps/assets/new/css/components/3-page/home.scss @@ -0,0 +1,565 @@ +// Services ============================= +.service { + overflow: hidden; + height: calc(100vh - 110px); + + &::-webkit-scrollbar { + display: none; + } + + &_wrap { + position: relative; + height: 100%; + } + + .inner { + // height: 860px; + height: 100%; + position: relative; + } + + &_bg { + position: relative; + height: 100%; + + &-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + // height: 860px; + height: 100%; + + opacity: 0; + @include transition; + transition: opacity .5s linear; + + background: url("../images/service-banner.png") no-repeat center; + background-size: cover; + + &::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .5); + } + + &.main { + opacity: 1; + z-index: -1; + } + + img { + @include ImgCov; + } + } + } + + &_info { + display: flex; + z-index: 4; + + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + // overflow: auto; + overflow-x: auto; + + &::-webkit-scrollbar { + display: none; + } + } + + &_item { + width: calc(16.66% - 1px); + min-width: 250px; + border-right: 1px solid rgba(250, 250, 250, .2); + color: #fff; + + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + text-align: center; + position: relative; + + &-info { + position: absolute; + // top: 50%; + left: 0; + @include transformY; + width: 100%; + + display: flex; + flex-direction: column; + align-items: center; + } + + &:last-child { + border-right: none; + } + + &:hover { + .service_item-title { + transform: translateY(0px); + } + + .service_item-txt { + opacity: 1; + } + } + + &-title { + padding: 30px 10px; + font-weight: 700; + font-size: 16px; + line-height: 20px; + position: relative; + transform: translateY(100px); + min-height: 40px; + + display: flex; + align-items: center; + justify-content: center; + + background: rgba(0, 0, 0, .6); + width: calc(100% - 20px); + + transition: .4s linear; + -webkit-transition: .4s linear; + -ms-transition: .4s linear; + } + + &-txt { + font-weight: 400; + font-size: 14px; + line-height: 24px; + width: calc(100% - 40px); + margin: 20px auto 0; + opacity: 0; + width: 100%; + + position: absolute; + bottom: -110px; + left: 0; + + transition: .4s linear; + -webkit-transition: .4s linear; + -ms-transition: .4s linear; + } + } +} + +// Services end ========================= + +// Contact ============================= +.contact { + padding: 100px 0; + + &_title { + font-weight: 600; + font-size: 34px; + line-height: 46px; + margin-bottom: 50px; + + overflow: hidden; + white-space: nowrap; + letter-spacing: .5px; + position: relative; + } + + &_box { + display: flex; + } + + &_form { + width: calc(50% - 25px); + margin-right: 25px; + + display: flex; + flex-direction: column; + align-items: flex-start; + } + + &_input { + width: 100%; + margin-bottom: 20px; + + input { + border: 1px solid #737373; + padding: 12px 20px; + width: calc(100% - 40px); + + font-weight: 500; + font-size: 16px; + line-height: 36px; + font-family: 'Montserrat', sans-serif; + + &::placeholder { + color: #737373; + } + } + + textarea { + border: 1px solid #737373; + padding: 12px 20px; + width: calc(100% - 40px); + + font-weight: 500; + font-size: 16px; + line-height: 36px; + font-family: 'Montserrat', sans-serif; + resize: none; + height: 180px; + + &::placeholder { + color: #737373; + } + } + } + + &_btn { + display: flex; + align-items: center; + border: 1px solid $main-color; + padding: 18px 30px; + background: transparent; + cursor: pointer; + + font-weight: 500; + font-size: 16px; + line-height: 36px; + color: $main-color; + font-family: 'Montserrat', sans-serif; + @include transition; + + &:hover { + background: $main-color; + color: #fff; + + .btn_icon { + // display: none; + opacity: 0; + width: 0; + height: 0; + overflow: hidden; + margin-right: 0; + } + + .send_icon { + display: block; + width: 18px; + height: 24px; + opacity: 1; + + } + } + + span { + width: 18px; + height: 24px; + + img { + @include ImgCon; + } + } + + .btn_icon { + margin-right: 10px; + @include transition; + } + + .send_icon { + margin-left: 15px; + @include transition; + + width: 0; + height: 0; + overflow: hidden; + } + } + + &_info { + width: calc(50% - 25px); + margin-left: 25px; + } + + &_map { + width: 100%; + height: 240px; + margin-bottom: 30px; + + iframe { + @include ImgCov; + } + } + + &_row { + display: flex; + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + + &-group { + margin-top: 7px; + } + + &-icon { + width: 40px; + height: 40px; + margin-right: 20px; + } + } +} + +// Contact end ========================= + + +// About ============================= +.about { + padding: 50px 0; + + &_box { + display: flex; + } + + + &_video { + width: 100%; + + &-box { + position: relative; + width: 100%; + height: 600px; + + // &::after { + // content: ''; + // position: absolute; + // top: 50%; + // left: 50%; + // @include transform; + // background: #E5E5E5; + // width: calc(100% - 90px); + // height: calc(100% - 100px); + // z-index: -1; + // } + + // .square { + // position: absolute; + // top: 50%; + // left: 50%; + // @include transform; + // width: calc(100% - 30px); + // height: calc(100% - 30px); + // clip-path: polygon(0 0, 77% 0, 100% 37%, 100% 100%, 22% 100%, 0 63%); + // border: 1px solid red; + // z-index: 2; + // // overflow: hidden + // } + + img, + video { + @include ImgCon; + display: block; + // clip-path: polygon(0 0, 78% 0, 100% 36%, 100% 100%, 22% 100%, 0 63%); + // overflow: hidden; + } + + .video_play { + position: absolute; + top: 50%; + left: 50%; + @include transform; + width: 85px; + height: 85px; + background: #ffff; + border-radius: 50%; + display: block; + z-index: 5; + cursor: pointer; + + &::before { + content: ''; + position: absolute; + top: 50%; + left: 54%; + @include transform; + clip-path: polygon(0 0, 0% 100%, 100% 50%); + background: $main-color; + width: 24px; + height: 27px; + } + } + } + } + + &_list { + margin-bottom: 50px; + position: relative; + + li { + margin-bottom: 15px; + padding-left: 70px; + position: relative; + + &::before { + content: ''; + position: absolute; + top: 7px; + left: 25px; + background: url("../images/svg/circle.svg") no-repeat center; + background-size: contain; + width: 20px; + height: 20px; + } + + &::after { + content: ''; + position: absolute; + top: 27px; + left: 34px; + height: calc(100% + 10px); + width: 1px; + border-left: 2px dashed #C4DAF0; + border-right: none; + border-top: none; + border-bottom: none; + + z-index: -1; + } + + &:last-child { + &::after { + display: none; + } + } + + p { + font-weight: 400; + font-size: 18px; + line-height: 35px; + + span { + font-weight: 700; + } + } + } + } +} + +@keyframes open-arrow { + 0% { + left: -20px; + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + +@-webkit-keyframes open-arrow { + 0% { + left: -20px; + opacity: 0; + } + + 100% { + opacity: 1; + left: 0; + } +} + + +@keyframes typing { + from { + width: 0 + } + + to { + width: 100% + } +} + +@-webkit-keyframes typing { + from { + width: 0 + } + + to { + width: 100% + } +} + + +// About end ========================= + + +// Client ============================= +.client { + padding: 50px 0 100px; + background: #F5F5F5; + + &_title { + font-weight: 600; + font-size: 34px; + line-height: 46px; + margin-bottom: 50px; + + overflow: hidden; + white-space: nowrap; + letter-spacing: .5px; + position: relative; + } + + &_item { + width: 100%; + height: 100px !important; + margin: 0 5px; + position: relative; + + display: flex !important; + align-items: center; + justify-content: center; + + overflow: hidden; + + border: 1px solid #D9D9D9; + padding: 30px; + + img { + @include ImgCon; + transition: all .5s linear; + + &:hover { + transform: scale(1.05); + } + } + } + + .slick { + &-dots { + li { + &:nth-of-type(n+12) { + display: none; + } + } + } + } +} + +// Client end ========================= + +.title-animate { + animation: typing 3.5s steps(40, end); + -webkit-animation: typing 3.5s steps(40, end); +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/3-page/portfolio.scss b/themes/tps/assets/new/css/components/3-page/portfolio.scss new file mode 100644 index 0000000..5f81ca2 --- /dev/null +++ b/themes/tps/assets/new/css/components/3-page/portfolio.scss @@ -0,0 +1,152 @@ +// Portfolio ===================== +.gallery { + padding: 100px 0; + + &_filter { + &-row { + display: flex; + align-items: center; + justify-content: space-between; + + .category { + display: flex; + align-items: center; + + &_icon { + width: 18px; + height: 18px; + margin-right: 10px; + + svg { + @include ImgCon; + } + } + + .select { + &-selected { + border: none; + padding: 0 20px 0 0; + + font-weight: 400; + font-size: 16px; + line-height: 20px; + + &.select-arrow-active { + &::after { + transform: translateY(-50%) rotate(180deg); + } + } + + &::after { + border: none; + clip-path: polygon(0 0, 50% 100%, 100% 0); + width: 12px; + height: 6px; + right: 0; + background: $main-color; + transform: translateY(-50%) rotate(0); + } + } + } + } + } + } + + &_box { + display: flex; + flex-wrap: wrap; + margin: 50px -1px; + + &-item { + width: calc(33.33% - 2px); + height: 370px; + margin: 1px; + position: relative; + cursor: pointer; + + &::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); + pointer-events: none; + } + + &-info { + position: absolute; + bottom: 0; + left: 0; + padding: 30px; + width: calc(100% - 60px); + color: #fff; + z-index: 1; + pointer-events: none; + } + + &-title { + font-weight: 700; + font-size: 16px; + line-height: 36px; + } + + &-txt { + font-weight: 400; + font-size: 14px; + line-height: 17px; + } + } + } + + .gal { + &_slider { + &-item { + width: 100%; + height: 370px !important; + + img { + @include ImgCov; + } + } + } + } + + .pagination { + display: flex; + align-items: center; + + .pag_arrow { + display: flex; + align-items: center; + justify-content: center; + + width: 50px; + height: 50px; + + border: 1px solid $main-color; + + svg { + width: 30%; + height: 30%; + object-fit: contain; + -o-object-fit: contain; + } + } + + .pag_txt { + margin: 0 15px; + + font-weight: 400; + font-size: 16px; + line-height: 36px; + + span { + color: $main-color; + font-weight: 700; + } + } + } + +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/components/3-page/service.scss b/themes/tps/assets/new/css/components/3-page/service.scss new file mode 100644 index 0000000..2d065f3 --- /dev/null +++ b/themes/tps/assets/new/css/components/3-page/service.scss @@ -0,0 +1,149 @@ +// Service ================= +.service.page { + padding: 50px 0 100px; + height: unset; + + .service { + &_info { + position: relative; + top: unset; + left: unset; + bottom: unset; + right: unset; + display: block; + + p { + font-weight: 400; + font-size: 18px; + line-height: 30px; + margin-bottom: 30px; + + b { + font-weight: 600; + } + + strong { + font-weight: 600; + position: relative; + padding-left: 15px; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 5px; + height: 100%; + background: $main-color; + } + } + } + } + + &_block { + overflow-x: auto; + -ms-overflow-style: none; + scrollbar-width: none; + + &::-webkit-scrollbar { + display: none; + } + } + + &_txt { + font-weight: 400; + font-size: 18px; + line-height: 30px; + margin-bottom: 30px; + + b { + font-weight: 600; + } + } + + &_box { + display: flex; + // width: calc(100% + 420px); + + // .slick-list { + // padding: 0 420px 0 0 !important; + // } + + // .slick-initialized .slick-slide { + // display: block; + // padding: 20px; + // } + + &-item { + width: calc(470px - 30px); + margin-right: 30px; + + &-photo { + width: 100%; + height: 300px; + + img { + @include ImgCov; + } + } + + &-title { + font-weight: 700; + font-size: 27px; + line-height: 36px; + + margin: 30px 0 20px; + } + } + } + + &_list { + margin-bottom: 30px; + position: relative; + + li { + margin-bottom: 15px; + padding-left: 35px; + position: relative; + + &::before { + content: ''; + position: absolute; + top: 5px; + left: 0px; + background: url("../images/svg/circle.svg") no-repeat center; + background-size: contain; + width: 20px; + height: 20px; + } + + &::after { + content: ''; + position: absolute; + top: 27px; + left: 9px; + height: calc(100% + 10px); + width: 1px; + border-left: 2px dashed #C4DAF0; + border-right: none; + border-top: none; + border-bottom: none; + + z-index: -1; + } + + &:last-child { + &::after { + display: none; + } + } + + p { + font-weight: 400; + font-size: 16px; + line-height: 30px; + } + } + } + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/jquery.fancybox.min.css b/themes/tps/assets/new/css/jquery.fancybox.min.css new file mode 100644 index 0000000..7cc60b2 --- /dev/null +++ b/themes/tps/assets/new/css/jquery.fancybox.min.css @@ -0,0 +1 @@ +body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file diff --git a/themes/tps/assets/new/css/main.css b/themes/tps/assets/new/css/main.css new file mode 100644 index 0000000..6f6b98d --- /dev/null +++ b/themes/tps/assets/new/css/main.css @@ -0,0 +1,2915 @@ +@charset "UTF-8"; +*, +*::before, +*::after { + margin: 0px; + padding: 0px; + border: none; + outline: none; + scroll-behavior: smooth; +} + +button { + outline: none; +} + +button:focus { + outline: none; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/*** +==================================================================== + Global Settings +==================================================================== +***/ +body { + font-family: "Montserrat", sans-serif; + font-size: 14px; + color: #000; + line-height: 1.7em; + font-weight: 400; + background: #fff; + position: relative; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; +} + +body.active { + overflow: hidden; +} + +a { + text-decoration: none; + color: #000; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + font-weight: normal; + margin: 0px; + background: none; + line-height: 1.6em; +} + +/* Typography */ +h1 { + font-size: 4em; +} + +h2 { + font-size: 40px; +} + +h3 { + font-size: 34px; +} + +h4 { + font-size: 22px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 18px; +} + +p { + position: relative; + line-height: 1.8em; +} + +.auto_container { + position: relative; + max-width: 1500px; + padding: 0px 60px; + margin: 0 auto; +} + +ul, +li { + list-style: none; + padding: 0px; + margin: 0px; +} + +/* width */ +::-webkit-scrollbar { + width: 8px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: #fff; + border: 1px solid #DFDFDF; + border-radius: 10px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #DFDFDF; + border-radius: 10px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #DFDFDF; +} + +.header { + padding: 20px 0; + z-index: 50; + background: #000; + position: relative; +} +.header_row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.header .logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; +} +.header .logo svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + position: relative; +} +.header .logo_bg { + width: 70px; + height: 70px; + display: block; +} +.header .logo_bg svg, +.header .logo_bg img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} +.header .logo_group { + position: relative; + margin-right: 10px; +} +.header .logo_group-txt { + width: 120px; + height: 30px; + overflow: hidden; +} +.header .logo_group-txt svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + position: relative; +} +.header .logo_group:last-child { + margin-right: 0; +} +.header .logo_inner-text { + font-size: 18px; + font-weight: 900; + line-height: 1; + color: #6A6A6A; + position: absolute; + top: 53%; + left: 50%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); +} +.header .nav { + position: relative; +} +.header .nav ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.header .nav ul li { + margin-right: 60px; + position: relative; +} +.header .nav ul li:last-child { + margin-right: 0; +} +.header .nav ul li a, +.header .nav ul li span { + display: block; + font-weight: 500; + font-size: 16px; + line-height: 20px; + color: #FFFFFF; + cursor: pointer; +} +.header .nav ul li a.service_nav-link, +.header .nav ul li span.service_nav-link { + position: relative; +} +.header .nav ul li a.service_nav-link::after, +.header .nav ul li span.service_nav-link::after { + content: ""; + position: absolute; + top: 50%; + right: -20px; + transform: translateY(-50%); + -moz-ransform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + width: 8px; + height: 4px; + -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); + clip-path: polygon(0 0, 50% 100%, 100% 0); + background: #fff; +} +.header .nav_contact { + padding: 20px; + -webkit-box-shadow: inset 0 0 0 2px #fff; + box-shadow: inset 0 0 0 2px #fff; + -webkit-transition: color 0.25s 0.0833333333s; + transition: color 0.25s 0.0833333333s; + position: relative; +} +.header .nav_contact:focus { + outline: 2px dotted #ccc; +} +.header .nav_contact:hover { + color: #ccc; +} +.header .nav_contact:hover::before, .header .nav_contact:hover::after { + border-color: #ccc; + -webkit-transition: border-color 0s, width 0.25s, height 0.25s; + transition: border-color 0s, width 0.25s, height 0.25s; + width: 100%; + height: 100%; +} +.header .nav_contact:hover::before { + -webkit-transition-delay: 0s, 0s, 0.25s; + transition-delay: 0s, 0s, 0.25s; +} +.header .nav_contact:hover::after { + -webkit-transition-delay: 0s, 0.25s, 0s; + transition-delay: 0s, 0.25s, 0s; +} +.header .nav_contact::before, .header .nav_contact::after { + border: 0 solid transparent; + -webkit-box-sizing: border-box; + box-sizing: border-box; + content: ""; + pointer-events: none; + position: absolute; + width: 0; + height: 0; + bottom: 0; + right: 0; +} +.header .nav_contact::before { + border-bottom-width: 4px; + border-left-width: 4px; +} +.header .nav_contact::after { + border-top-width: 4px; + border-right-width: 4px; +} +.header .nav .service_nav { + background: rgba(0, 0, 0, 0.7); + position: absolute; + top: calc(100% + 60px); + left: 50%; + transform: translateX(-50%); + -moz-ransform: translateX(-50%); + -o-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + white-space: nowrap; + z-index: 3; + min-width: 400px; + text-align: center; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.4s linear; + transition: 0.4s linear; +} +.header .nav .service_nav.active { + top: calc(100% + 20px); + opacity: 1; + pointer-events: unset; +} +.header .nav .service_nav a { + display: block; + font-weight: 500; + font-size: 16px; + line-height: 20px; + color: #fff; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + padding: 20px 0; +} +.header .nav .service_nav a:hover { + background: #2B72B6; + color: #fff; +} +.header .lang { + position: relative; +} +.header .lang_current { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + margin-right: 20px; + cursor: pointer; +} +.header .lang_current h6 { + position: relative; + display: block; + font-weight: 500; + font-size: 14px; + line-height: 20px; + color: #FFFFFF; +} +.header .lang_current h6::after { + content: ""; + position: absolute; + top: 50%; + right: -20px; + transform: translateY(-50%); + -moz-ransform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + width: 8px; + height: 4px; + -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); + clip-path: polygon(0 0, 50% 100%, 100% 0); + background: #fff; +} +.header .lang_icon { + width: 20px; + height: 20px; + margin-right: 10px; +} +.header .lang_icon img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} +.header .lang_drop { + position: absolute; + top: calc(100% + 50px); + left: 50%; + transform: translateX(-50%); + -moz-ransform: translateX(-50%); + -o-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + background: rgba(0, 0, 0, 0.7); + color: #fff; + width: 120px; + opacity: 0; + pointer-events: none; + -webkit-transition: 0.3s linear; + transition: 0.3s linear; +} +.header .lang_drop.active { + opacity: 1; + pointer-events: unset; + top: calc(100% + 20px); +} +.header .lang_drop-link { + color: #fff !important; + display: block; + text-align: center; + text-transform: uppercase; + font-size: 15px; + font-weight: 500; + line-height: 1.4; + padding: 7px; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} +.header .lang_drop-link:hover { + background: #2B72B6 !important; + color: #fff !important; +} +.header .burger { + display: none; +} + +@keyframes logo-bg { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-webkit-keyframes logo-bg { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes inner-txt { + 0% { + opacity: 0; + } + 85% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@-webkit-keyframes inner-txt { + 0% { + opacity: 0; + } + 85% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes group-txt { + 0% { + -webkit-transform: translateX(-150%); + transform: translateX(-150%); + opacity: 0; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } +} +@-webkit-keyframes group-txt { + 0% { + -webkit-transform: translateX(-150%); + transform: translateX(-150%); + opacity: 0; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; + } +} +.logo-bg-animate { + animation: logo-bg 0.8s linear; + -webkit-animation: logo-bg 0.8s linear; +} + +.inner-txt-animte { + animation: inner-txt 1s linear; + -webkit-animation: inner-txt 1s linear; +} + +.group-txt-animte { + animation: group-txt 1s linear; + -webkit-animation: group-txt 1s linear; +} + +svg .svg-elem-1 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0s; + transition: fill 0.7s ease-in 0s; +} + +svg.active .svg-elem-1 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-2 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.07s; + transition: fill 0.7s ease-in 0.07s; +} + +svg.active .svg-elem-2 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-3 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.14s; + transition: fill 0.7s ease-in 0.14s; +} + +svg.active .svg-elem-3 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-4 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.21s; + transition: fill 0.7s ease-in 0.21s; +} + +svg.active .svg-elem-4 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-5 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.28s; + transition: fill 0.7s ease-in 0.28s; +} + +svg.active .svg-elem-5 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-6 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.35s; + transition: fill 0.7s ease-in 0.35s; +} + +svg.active .svg-elem-6 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-7 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.42s; + transition: fill 0.7s ease-in 0.42s; +} + +svg.active .svg-elem-7 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-8 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.49s; + transition: fill 0.7s ease-in 0.49s; +} + +svg.active .svg-elem-8 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-9 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.56s; + transition: fill 0.7s ease-in 0.56s; +} + +svg.active .svg-elem-9 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-10 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.63s; + transition: fill 0.7s ease-in 0.63s; +} + +svg.active .svg-elem-10 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-11 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.7s; + transition: fill 0.7s ease-in 0.7s; +} + +svg.active .svg-elem-11 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-12 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.77s; + transition: fill 0.7s ease-in 0.77s; +} + +svg.active .svg-elem-12 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-13 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.84s; + transition: fill 0.7s ease-in 0.84s; +} + +svg.active .svg-elem-13 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-14 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.91s; + transition: fill 0.7s ease-in 0.91s; +} + +svg.active .svg-elem-14 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-15 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 0.98s; + transition: fill 0.7s ease-in 0.98s; +} + +svg.active .svg-elem-15 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-16 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.05s; + transition: fill 0.7s ease-in 1.05s; +} + +svg.active .svg-elem-16 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-17 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.12s; + transition: fill 0.7s ease-in 1.12s; +} + +svg.active .svg-elem-17 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-18 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.19s; + transition: fill 0.7s ease-in 1.19s; +} + +svg.active .svg-elem-18 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-19 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.26s; + transition: fill 0.7s ease-in 1.26s; +} + +svg.active .svg-elem-19 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-20 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.33s; + transition: fill 0.7s ease-in 1.33s; +} + +svg.active .svg-elem-20 { + fill: rgb(255, 255, 255); +} + +svg .svg-elem-21 { + fill: transparent; + -webkit-transition: fill 0.7s ease-in 1.4s; + transition: fill 0.7s ease-in 1.4s; +} + +svg.active .svg-elem-21 { + fill: rgb(255, 255, 255); +} + +.crumb { + padding: 50px 0 0; +} +.crumb_title { + font-weight: 700; + font-size: 28px; + line-height: 46px; +} +.crumb_txt { + font-weight: 400; + font-size: 16px; + line-height: 30px; +} + +.custom-select select { + display: none; +} + +.custom-select { + position: relative; +} + +.select-selected { + font-weight: 400; + font-size: 16px; + line-height: 1.4; + padding: 12px 40px 12px 20px; + cursor: pointer; + background-color: #fff; + border-radius: 4px; + border: 1px solid #ced4da; +} +.select-selected.select-arrow-active { + border-bottom: none; + border: 4px 4px 0 0; +} +.select-selected.select-arrow-active:after { + -webkit-transform: translateY(-50%) rotate(225deg); + transform: translateY(-50%) rotate(225deg); +} +.select-selected::after { + position: absolute; + content: ""; + top: 50%; + -webkit-transform: translateY(-50%) rotate(45deg); + transform: translateY(-50%) rotate(45deg); + right: 20px; + width: 8px; + height: 8px; + z-index: 4; + border-bottom: 1.5px solid #868686; + border-right: 1.5px solid #868686; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} + +.select-items { + position: absolute; + top: calc(100% + 10px); + left: 0; + right: 0; + z-index: 99; + cursor: pointer; + -webkit-animation-name: select; + animation-name: select; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + background: #fff; +} +.select-items div { + font-weight: 400; + font-size: 14px; + line-height: 1.4; + color: black; + padding: 10px; + cursor: pointer; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + background-color: rgba(200, 200, 200, 0.5); + border: 1px solid #EDEDED; + border-radius: 4px; + margin-bottom: 2px; +} +.select-items div:last-child { + margin-bottom: 0; +} +.select-items div:hover { + border: 1px solid #EDEDED; +} +.select-items::-webkit-scrollbar { + width: 10px; +} +.select-items::-webkit-scrollbar-track { + background: #ededed; + border-radius: 10px; +} +.select-items::-webkit-scrollbar-thumb { + background: #aeaeae; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); +} + +.select-hide { + display: none; +} + +.select-items div:hover, +.same-as-selected { + background-color: rgba(250, 250, 250, 0.5); +} + +.modal { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + z-index: 50; + display: none; +} +.modal.active { + display: block; +} +.modal.active .modal_inner { + top: 50%; + opacity: 1; +} +.modal_inner { + position: absolute; + top: 60%; + left: 50%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + max-width: 900px; + width: calc(100% - 120px); + max-height: 450px; + height: calc(100% - 150px); + padding: 70px 50px; + background: rgba(0, 0, 0, 0.5); + -webkit-backdrop-filter: 5px; + backdrop-filter: 5px; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + opacity: 0.3; + display: block; +} +.modal_close { + position: absolute; + top: 30px; + right: 30px; + cursor: pointer; + width: 20px; + height: 20px; +} +.modal_close:hover svg path { + fill: red; +} +.modal_close svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + pointer-events: none; +} +.modal_video { + width: 100%; + height: 100%; +} +.modal_video video { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.footer { + padding: 30px 0; + background: #000; +} +.footer_box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.footer .logo { + width: 200px; + height: 70px; +} +.footer .logo img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} +.footer .copyright { + font-weight: 500; + font-size: 16px; + line-height: 32px; + color: #fff; +} + +.service { + overflow: hidden; + height: calc(100vh - 110px); +} +.service::-webkit-scrollbar { + display: none; +} +.service_wrap { + position: relative; + height: 100%; +} +.service .inner { + height: 100%; + position: relative; +} +.service_bg { + position: relative; + height: 100%; +} +.service_bg-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -webkit-transition: opacity 0.5s linear; + transition: opacity 0.5s linear; + background: url("../images/service-banner.png") no-repeat center; + background-size: cover; +} +.service_bg-image::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); +} +.service_bg-image.main { + opacity: 1; + z-index: -1; +} +.service_bg-image img { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} +.service_info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + z-index: 4; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow-x: auto; +} +.service_info::-webkit-scrollbar { + display: none; +} +.service_item { + width: calc(16.66% - 1px); + min-width: 250px; + border-right: 1px solid rgba(250, 250, 250, 0.2); + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + position: relative; +} +.service_item-info { + position: absolute; + left: 0; + transform: translateY(-50%); + -moz-ransform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.service_item:last-child { + border-right: none; +} +.service_item:hover .service_item-title { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} +.service_item:hover .service_item-txt { + opacity: 1; +} +.service_item-title { + padding: 30px 10px; + font-weight: 700; + font-size: 16px; + line-height: 20px; + position: relative; + -webkit-transform: translateY(100px); + transform: translateY(100px); + min-height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background: rgba(0, 0, 0, 0.6); + width: calc(100% - 20px); + transition: 0.4s linear; + -webkit-transition: 0.4s linear; + -ms-transition: 0.4s linear; +} +.service_item-txt { + font-weight: 400; + font-size: 14px; + line-height: 24px; + width: calc(100% - 40px); + margin: 20px auto 0; + opacity: 0; + width: 100%; + position: absolute; + bottom: -110px; + left: 0; + transition: 0.4s linear; + -webkit-transition: 0.4s linear; + -ms-transition: 0.4s linear; +} + +.contact { + padding: 100px 0; +} +.contact_title { + font-weight: 600; + font-size: 34px; + line-height: 46px; + margin-bottom: 50px; + overflow: hidden; + white-space: nowrap; + letter-spacing: 0.5px; + position: relative; +} +.contact_box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.contact_form { + width: calc(50% - 25px); + margin-right: 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} +.contact_input { + width: 100%; + margin-bottom: 20px; +} +.contact_input input { + border: 1px solid #737373; + padding: 12px 20px; + width: calc(100% - 40px); + font-weight: 500; + font-size: 16px; + line-height: 36px; + font-family: "Montserrat", sans-serif; +} +.contact_input input::-webkit-input-placeholder { + color: #737373; +} +.contact_input input::-moz-placeholder { + color: #737373; +} +.contact_input input:-ms-input-placeholder { + color: #737373; +} +.contact_input input::-ms-input-placeholder { + color: #737373; +} +.contact_input input::placeholder { + color: #737373; +} +.contact_input textarea { + border: 1px solid #737373; + padding: 12px 20px; + width: calc(100% - 40px); + font-weight: 500; + font-size: 16px; + line-height: 36px; + font-family: "Montserrat", sans-serif; + resize: none; + height: 180px; +} +.contact_input textarea::-webkit-input-placeholder { + color: #737373; +} +.contact_input textarea::-moz-placeholder { + color: #737373; +} +.contact_input textarea:-ms-input-placeholder { + color: #737373; +} +.contact_input textarea::-ms-input-placeholder { + color: #737373; +} +.contact_input textarea::placeholder { + color: #737373; +} +.contact_btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid #2B72B6; + padding: 18px 30px; + background: transparent; + cursor: pointer; + font-weight: 500; + font-size: 16px; + line-height: 36px; + color: #2B72B6; + font-family: "Montserrat", sans-serif; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} +.contact_btn:hover { + background: #2B72B6; + color: #fff; +} +.contact_btn:hover .btn_icon { + opacity: 0; + width: 0; + height: 0; + overflow: hidden; + margin-right: 0; +} +.contact_btn:hover .send_icon { + display: block; + width: 18px; + height: 24px; + opacity: 1; +} +.contact_btn span { + width: 18px; + height: 24px; +} +.contact_btn span img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} +.contact_btn .btn_icon { + margin-right: 10px; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} +.contact_btn .send_icon { + margin-left: 15px; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + width: 0; + height: 0; + overflow: hidden; +} +.contact_info { + width: calc(50% - 25px); + margin-left: 25px; +} +.contact_map { + width: 100%; + height: 240px; + margin-bottom: 30px; +} +.contact_map iframe { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} +.contact_row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 30px; +} +.contact_row:last-child { + margin-bottom: 0; +} +.contact_row-group { + margin-top: 7px; +} +.contact_row-icon { + width: 40px; + height: 40px; + margin-right: 20px; +} + +.about { + padding: 50px 0; +} +.about_box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.about_video { + width: 100%; +} +.about_video-box { + position: relative; + width: 100%; + height: 600px; +} +.about_video-box img, +.about_video-box video { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + display: block; +} +.about_video-box .video_play { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + width: 85px; + height: 85px; + background: white; + border-radius: 50%; + display: block; + z-index: 5; + cursor: pointer; +} +.about_video-box .video_play::before { + content: ""; + position: absolute; + top: 50%; + left: 54%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%); + clip-path: polygon(0 0, 0% 100%, 100% 50%); + background: #2B72B6; + width: 24px; + height: 27px; +} +.about_list { + margin-bottom: 50px; + position: relative; +} +.about_list li { + margin-bottom: 15px; + padding-left: 70px; + position: relative; +} +.about_list li::before { + content: ""; + position: absolute; + top: 7px; + left: 25px; + background: url("../images/svg/circle.svg") no-repeat center; + background-size: contain; + width: 20px; + height: 20px; +} +.about_list li::after { + content: ""; + position: absolute; + top: 27px; + left: 34px; + height: calc(100% + 10px); + width: 1px; + border-left: 2px dashed #C4DAF0; + border-right: none; + border-top: none; + border-bottom: none; + z-index: -1; +} +.about_list li:last-child::after { + display: none; +} +.about_list li p { + font-weight: 400; + font-size: 18px; + line-height: 35px; +} +.about_list li p span { + font-weight: 700; +} + +@keyframes open-arrow { + 0% { + left: -20px; + opacity: 0; + } + 100% { + opacity: 1; + left: 0; + } +} +@-webkit-keyframes open-arrow { + 0% { + left: -20px; + opacity: 0; + } + 100% { + opacity: 1; + left: 0; + } +} +@keyframes typing { + from { + width: 0; + } + to { + width: 100%; + } +} +@-webkit-keyframes typing { + from { + width: 0; + } + to { + width: 100%; + } +} +.client { + padding: 50px 0 100px; + background: #F5F5F5; +} +.client_title { + font-weight: 600; + font-size: 34px; + line-height: 46px; + margin-bottom: 50px; + overflow: hidden; + white-space: nowrap; + letter-spacing: 0.5px; + position: relative; +} +.client_item { + width: 100%; + height: 100px !important; + margin: 0 5px; + position: relative; + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; + border: 1px solid #D9D9D9; + padding: 30px; +} +.client_item img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + -webkit-transition: all 0.5s linear; + transition: all 0.5s linear; +} +.client_item img:hover { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} +.client .slick-dots li:nth-of-type(n+12) { + display: none; +} + +.title-animate { + animation: typing 3.5s steps(40, end); + -webkit-animation: typing 3.5s steps(40, end); +} + +.about.page { + padding: 50px 0 0; +} +.about.page .about_txt { + font-weight: 400; + font-size: 18px; + line-height: 30px; + color: #000000; + margin-bottom: 30px; +} +.about.page .about_box { + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("../images/blur-bg.jpg") no-repeat center; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/blur-bg.jpg") no-repeat center; + background-size: cover; + margin-bottom: 50px; + position: relative; + padding: 80px 0; +} +.about.page .about_box::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px); + z-index: 1; +} +.about.page .about_box-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + z-index: 5; + position: relative; +} +.about.page .about_box-item { + width: calc(33.33% - 82px); + margin: 20px; + text-align: center; + padding: 30px 20px; + border: 0.5px solid hsla(0, 0%, 100%, 0.3); + border-radius: 12px; + color: #fff; +} +.about.page .about_box-item-title { + font-size: 22px; + font-weight: 400; + line-height: 1.4; +} +.about.page .about_box-item-txt { + margin-top: 20px; + font-size: 16px; + font-weight: 400; + line-height: 1.4; +} + +.main_title { + padding-left: 25px; + position: relative; + font-size: 28px; + font-weight: 500; + line-height: 1.4; + margin: 45px 0 30px; +} +.main_title::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 3px; + height: 100%; + max-height: 35px; + background: #2B72B6; +} + +.p0 { + padding: 0 !important; +} + +.pt0 { + padding-top: 0 !important; +} + +.pb0 { + padding-bottom: 0 !important; +} + +.gallery { + padding: 100px 0; +} +.gallery_filter-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.gallery_filter-row .category { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.gallery_filter-row .category_icon { + width: 18px; + height: 18px; + margin-right: 10px; +} +.gallery_filter-row .category_icon svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} +.gallery_filter-row .category .select-selected { + border: none; + padding: 0 20px 0 0; + font-weight: 400; + font-size: 16px; + line-height: 20px; +} +.gallery_filter-row .category .select-selected.select-arrow-active::after { + -webkit-transform: translateY(-50%) rotate(180deg); + transform: translateY(-50%) rotate(180deg); +} +.gallery_filter-row .category .select-selected::after { + border: none; + -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0); + clip-path: polygon(0 0, 50% 100%, 100% 0); + width: 12px; + height: 6px; + right: 0; + background: #2B72B6; + -webkit-transform: translateY(-50%) rotate(0); + transform: translateY(-50%) rotate(0); +} +.gallery_box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 50px -1px; +} +.gallery_box-item { + width: calc(33.33% - 2px); + height: 370px; + margin: 1px; + position: relative; + cursor: pointer; +} +.gallery_box-item::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); + pointer-events: none; +} +.gallery_box-item-info { + position: absolute; + bottom: 0; + left: 0; + padding: 30px; + width: calc(100% - 60px); + color: #fff; + z-index: 1; + pointer-events: none; +} +.gallery_box-item-title { + font-weight: 700; + font-size: 16px; + line-height: 36px; +} +.gallery_box-item-txt { + font-weight: 400; + font-size: 14px; + line-height: 17px; +} +.gallery .gal_slider-item { + width: 100%; + height: 370px !important; +} +.gallery .gal_slider-item img { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} +.gallery .pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.gallery .pagination .pag_arrow { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 50px; + height: 50px; + border: 1px solid #2B72B6; +} +.gallery .pagination .pag_arrow svg { + width: 30%; + height: 30%; + object-fit: contain; + -o-object-fit: contain; +} +.gallery .pagination .pag_txt { + margin: 0 15px; + font-weight: 400; + font-size: 16px; + line-height: 36px; +} +.gallery .pagination .pag_txt span { + color: #2B72B6; + font-weight: 700; +} + +.service.page { + padding: 50px 0 100px; + height: unset; +} +.service.page .service_info { + position: relative; + top: unset; + left: unset; + bottom: unset; + right: unset; + display: block; +} +.service.page .service_info p { + font-weight: 400; + font-size: 18px; + line-height: 30px; + margin-bottom: 30px; +} +.service.page .service_info p b { + font-weight: 600; +} +.service.page .service_info p strong { + font-weight: 600; + position: relative; + padding-left: 15px; +} +.service.page .service_info p strong::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 5px; + height: 100%; + background: #2B72B6; +} +.service.page .service_block { + overflow-x: auto; + -ms-overflow-style: none; + scrollbar-width: none; +} +.service.page .service_block::-webkit-scrollbar { + display: none; +} +.service.page .service_txt { + font-weight: 400; + font-size: 18px; + line-height: 30px; + margin-bottom: 30px; +} +.service.page .service_txt b { + font-weight: 600; +} +.service.page .service_box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.service.page .service_box-item { + width: 440px; + margin-right: 30px; +} +.service.page .service_box-item-photo { + width: 100%; + height: 300px; +} +.service.page .service_box-item-photo img { + width: 100%; + height: 100%; + object-fit: cover; + -o-object-fit: cover; +} +.service.page .service_box-item-title { + font-weight: 700; + font-size: 27px; + line-height: 36px; + margin: 30px 0 20px; +} +.service.page .service_list { + margin-bottom: 30px; + position: relative; +} +.service.page .service_list li { + margin-bottom: 15px; + padding-left: 35px; + position: relative; +} +.service.page .service_list li::before { + content: ""; + position: absolute; + top: 5px; + left: 0px; + background: url("../images/svg/circle.svg") no-repeat center; + background-size: contain; + width: 20px; + height: 20px; +} +.service.page .service_list li::after { + content: ""; + position: absolute; + top: 27px; + left: 9px; + height: calc(100% + 10px); + width: 1px; + border-left: 2px dashed #C4DAF0; + border-right: none; + border-top: none; + border-bottom: none; + z-index: -1; +} +.service.page .service_list li:last-child::after { + display: none; +} +.service.page .service_list li p { + font-weight: 400; + font-size: 16px; + line-height: 30px; +} + +/* Slider */ +.slick-slider { + position: relative; + display: block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; +} +.slick-list:focus { + outline: none; +} +.slick-list.dragging { + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, .slick-track:after { + content: ""; + display: table; +} +.slick-track:after { + clear: both; +} +.slick-loading .slick-track { + visibility: hidden; +} + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + display: none; +} +[dir=rtl] .slick-slide { + float: right; +} +.slick-slide img { + display: block; +} +.slick-slide.slick-loading img { + display: none; +} +.slick-slide.dragging img { + pointer-events: none; +} +.slick-initialized .slick-slide { + display: block; +} +.slick-loading .slick-slide { + visibility: hidden; +} +.slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; +} + +.slick-arrow.slick-hidden { + display: none; +} + +/* Slider */ +/* Icons */ +/* Arrows */ +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; +} +.slick-prev:hover, .slick-prev:focus, +.slick-next:hover, +.slick-next:focus { + outline: none; + background: transparent; + color: transparent; +} +.slick-prev:hover:before, .slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before { + opacity: 1; +} +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before { + opacity: 0.25; +} +.slick-prev:before, +.slick-next:before { + font-family: "slick"; + font-size: 20px; + line-height: 1; + color: #fff; + opacity: 0.75; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev { + left: -25px; +} +[dir=rtl] .slick-prev { + left: auto; + right: -25px; +} +.slick-prev:before { + content: ""; +} +.client_box .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: -50px; + width: 40px; + height: 40px; + background: url("../images/svg/slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.client_box .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%) rotate(180deg); + -ms-transform: translateY(-50%) rotate(180deg); + -moz-transform: translateY(-50%) rotate(180deg); + -o-transform: translateY(-50%) rotate(180deg); + -webkit-transform: translateY(-50%) rotate(180deg); + right: -50px; + width: 40px; + height: 40px; + background: url("../images/svg/slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.client_box .slick-dots { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + bottom: -50px; +} +.client_box .slick-dots li { + display: block; +} +.client_box .slick-dots li button { + display: block; + width: 14px; + height: 14px; + border: 2px solid #D6D6D6; + opacity: 1; + background: transparent; + border-radius: 50%; +} +.client_box .slick-dots li.slick-active { + width: 14px; + height: 14px; +} +.client_box .slick-dots li.slick-active button { + border: 1px solid #2B72B6; + background-size: contain; + width: 14px; + height: 14px; + opacity: 1; + position: relative; + background: transparent; +} +.client_box .slick-dots li.slick-active button::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + width: 50%; + height: 50%; + background: #2B72B6; + border-radius: 50%; +} + +.hero_slider .slick-track { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.hero_slider .slick-prev { + transform: translateY(0) rotate(180deg); + -ms-transform: translateY(0) rotate(180deg); + -moz-transform: translateY(0) rotate(180deg); + -o-transform: translateY(0) rotate(180deg); + -webkit-transform: translateY(0) rotate(180deg); + width: 36px; + height: 24px; + background: url("../images/svg/hero-slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.hero_slider .slick-next { + transform: translateY(0%); + -ms-transform: translateY(0%); + -moz-transform: translateY(0%); + -o-transform: translateY(0%); + -webkit-transform: translateY(0%); + width: 36px; + height: 24px; + background: url("../images/svg/hero-slider-arrow.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.hero_slider .slick-dots { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + padding: 0 60px; + max-width: 1500px; + bottom: unset; + position: relative; + top: -50px; + margin: 0 auto; + padding-right: 30px; + z-index: 10; +} +.hero_slider .slick-dots li { + display: block; +} +.hero_slider .slick-dots li button { + display: block; + width: 15px; + height: 15px; + border: 2.5px solid #fff; + opacity: 0.8; + border-radius: 50%; +} +.hero_slider .slick-dots li.slick-active { + width: 15px; + height: 15px; +} +.hero_slider .slick-dots li.slick-active button { + background: transparent; + background-size: contain; + width: 15px; + height: 15px; + border-radius: 50%; +} +.hero_slider .slick-dots li.slick-active button::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -moz-ransform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + width: 6px; + height: 6px; + background: #fff; + border-radius: 50%; +} + +.banner_box .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: -200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_left.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.banner_box .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + right: -200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_right.svg") no-repeat center; + background-size: contain; + z-index: 4; +} + +.news .slick-track { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.news .slick-prev { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + left: 200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_left-gold.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.news .slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + right: 200px; + width: 36px; + height: 24px; + background: url("../images/svg/arrow_right-gold.svg") no-repeat center; + background-size: contain; + z-index: 4; +} +.news .slick-dots { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + bottom: -50px; +} +.news .slick-dots li { + display: block; +} +.news .slick-dots li button { + display: block; + width: 12px; + height: 12px; + border: 2px solid #fff; + opacity: 0.3; + border-radius: 50%; +} +.news .slick-dots li.slick-active { + width: 30px; + height: 30px; +} +.news .slick-dots li.slick-active button { + background: url("../images/svg/dot.svg") no-repeat center !important; + background-size: contain; + width: 30px; + height: 30px; + border: none; +} + +.slick-next { + right: -25px; +} +[dir=rtl] .slick-next { + left: -25px; + right: auto; +} +.slick-next:before { + content: ""; +} +[dir=rtl] .slick-next:before { + content: "←"; +} + +/* Dots */ +.slick-dots { + position: absolute; + bottom: 32px; + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + text-align: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0; + margin: 0; + width: 100%; +} +.slick-dots li { + position: relative; + cursor: pointer; + margin: 0 8px; +} +.slick-dots li button { + border: 0; + display: block; + height: 14px; + width: 14px; + outline: none; + color: transparent; + border-radius: 50%; + background: rgba(59, 59, 59, 0.5); + cursor: pointer; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; +} +.slick-dots li button:focus { + outline: none; + background: #6ec9c7; +} +.slick-dots li.slick-active button { + background: #6ec9c7; + width: 28px; + border-radius: 10px; +} + +@media (max-width: 1400px) { + .about_video-box { + height: 470px; + } + .gallery { + padding: 80px 0; + } + .gallery_box-item { + height: 300px; + } + .gallery .gal_slider-item { + height: 300px !important; + } + .service.page .service_box { + width: calc(100% + 60px); + } + .service.page .service_box .slick-list { + padding: 0 60px 0 0 !important; + } +} +@media (max-width: 1200px) { + .hero_item-title { + font-size: 30px; + } + .hero_item-txt { + margin: 20px 0; + } + .hero_item-link { + font-size: 14px; + } + .hero .page_box-link { + font-size: 16px; + } + .about_video-box { + height: 430px; + } + .about_video-box .video_play { + width: 65px; + height: 65px; + } + .about_video-box .video_play::before { + width: 13px; + height: 17px; + } + .service_item-title { + font-size: 14px; + } + .service_item-txt { + font-size: 13px; + } + .contact { + padding: 70px 0; + } + .contact_title { + font-size: 30px; + margin-bottom: 30px; + } + .client_title { + font-size: 30px; + margin-bottom: 30px; + } + .client_box .slick-next { + width: 30px; + height: 30px; + right: -35px; + } + .client_box .slick-prev { + width: 30px; + height: 30px; + left: -35px; + } + .footer .logo { + width: 160px; + height: 55px; + } +} +@media (max-width: 1100px) { + .auto_container { + padding: 0 35px; + } + .header .burger { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + cursor: pointer; + width: 30px; + height: 25px; + position: relative; + } + .header .burger.active span { + background: transparent; + } + .header .burger.active span::before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: 25px; + height: 1.5px; + top: 0; + } + .header .burger.active span::after { + width: 25px; + height: 1.5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + bottom: 0; + } + .header .burger span { + position: relative; + display: block; + width: 20px; + height: 1.5px; + background: #fff; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + } + .header .burger span::before { + content: ""; + position: absolute; + top: -7px; + right: 0; + width: 30px; + height: 1.5px; + background: #fff; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + } + .header .burger span::after { + content: ""; + position: absolute; + bottom: -7px; + right: 0; + width: 10px; + height: 1.5px; + background: #fff; + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; + -moz-transition: all 0.2s ease-in-out 0s; + } + .header .lang_drop { + background: transparent; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .header .lang_drop.active { + top: calc(100% + 7px); + } + .header .lang_drop-link { + color: #fff !important; + padding: 7px 15px; + position: relative; + font-size: 16px !important; + } + .header .lang_drop-link:first-child::before { + content: none; + } + .header .lang_drop-link:first-child::after { + content: ""; + position: absolute; + top: 0; + right: 0; + background: #fff; + height: 100%; + width: 1px; + } + .header .nav { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + } + .header .nav_bg { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.7); + -webkit-backdrop-filter: blur(8px); + backdrop-filter: blur(8px); + opacity: 0; + pointer-events: none; + -webkit-transform: scale(0); + transform: scale(0); + transition: all 0.3s linear; + -ms-transition: all 0.3s linear; + -moz-transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + } + .header .nav_bg.active { + opacity: 1; + pointer-events: unset; + -webkit-transform: scale(1); + transform: scale(1); + } + .header .nav ul { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 100%; + -webkit-box-align: unset; + -ms-flex-align: unset; + align-items: unset; + width: calc(100% - 90px); + max-width: 450px; + margin: 0 auto; + } + .header .nav ul li { + margin-right: 0; + margin-bottom: 30px; + } + .header .nav ul li:last-child { + margin-bottom: 0; + margin-top: 30px; + } + .header .nav ul li a { + font-size: 18px; + padding-left: 20px; + position: relative; + } + .header .nav ul li a::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 1px; + height: 100%; + background: #fff; + } + .header .nav .service_nav { + text-align: left; + position: relative; + top: unset; + left: unset; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + opacity: 1; + pointer-events: unset; + background-color: unset; + min-width: none; + } + .header .nav .service_nav-link { + display: none; + } + .header .nav .service_nav.active { + top: unset; + } + .header .nav .service_nav a { + font-size: 18px; + padding: 0; + padding-left: 20px; + margin-bottom: 30px; + } + .header .nav .service_nav a:last-child { + margin-bottom: 0; + } + .header .nav_contact { + text-align: center; + } + .hero_item-title { + font-size: 22px; + } + .hero_item-txt { + font-size: 15px; + } + .hero_item-link { + font-size: unset; + } + .hero_item-link a { + font-size: 14px; + padding: 10px 25px; + } + .hero .swiper-pagination-bullet { + width: 10px; + height: 10px; + } + .hero .swiper-pagination-bullet-active::after { + width: 5px; + height: 5px; + } + .hero .swiper-button-prev span { + width: 13px; + height: 20px; + } + .hero .swiper-button-prev span svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + } + .hero .swiper-button-next span { + width: 13px; + height: 20px; + } + .hero .swiper-button-next span svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + } + .about_video-box { + height: 385px; + } + .about.page .about_box-item-title { + font-size: 18px; + } + .about.page .about_box-item-txt { + font-size: 14px; + } + .contact_box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .contact_form { + width: 100%; + margin-right: 0; + margin-bottom: 60px; + } + .contact_input input { + font-size: 14px; + } + .contact_input textarea { + font-size: 14px; + } + .contact_btn { + padding: 14px 30px; + } + .contact_info { + width: 100%; + margin-left: 0; + } +} +@media (max-width: 1000px) { + .gallery_box { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .gallery_box-item { + width: calc(50% - 2px); + } + .service.page .service_box { + width: calc(100% + 70px); + } + .service.page .service_box .slick-list { + padding: 0 170px 0 0 !important; + } + .about.page .about_box-item { + width: calc(50% - 82px); + } +} +@media (max-width: 750px) { + .header .logo_bg { + width: 55px; + height: 55px; + } + .header .logo_inner-text { + width: 30px; + height: 30px; + top: 50%; + font-size: unset; + display: block; + } + .header .logo_inner-text svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; + } + .header .logo_group-txt { + width: 95px; + } + .crumb_title { + font-size: 24px; + } + .crumb_txt { + line-height: 30px; + font-size: 14px; + } + .hero_item { + height: 800px !important; + } + .hero_item-title { + font-size: 18px; + } + .hero_pag { + display: none; + } + .hero .page_box { + top: -50px; + } + .hero .page_box-group { + padding: 20px 50px 20px 0; + } + .hero .page_box-group::before { + width: 1500px; + left: -1499px; + } + .hero .page_box-link { + font-size: 14px; + } + .hero .page_box-link::after { + top: 5px; + width: 17px; + right: -24px; + } + .service { + height: calc(100vh - 95px); + } + .about { + padding-top: 0; + } + .about_video-box { + height: unset; + } + .about_video-box .video_play { + width: 54px; + height: 54px; + } + .about_video-box .video_play::before { + width: 13px; + height: 13px; + } + .contact { + padding: 50px 0; + } + .contact_title { + font-size: 26px; + margin-bottom: 25px; + } + .contact_input input { + padding: 10px 20px; + } + .contact_input textarea { + padding: 10px 20px; + } + .contact_btn { + padding: 12px 30px; + line-height: 30px; + } + .client_title { + font-size: 22px; + margin-bottom: 25px; + } + .client_box .slick-next, .client_box .slick-prev { + display: none !important; + } + .client_box .slick-dots li:nth-child(n+7) { + display: none; + } + .client_box .slick-dots li button { + width: 12px; + height: 12px; + } + .client_item { + height: 60px !important; + padding: 15px; + } + .footer_box { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .footer .logo { + margin-bottom: 30px; + } + .footer .copyright { + font-size: 14px; + line-height: 30px; + text-align: center; + } + .gallery_box-item { + width: calc(50% - 2px); + height: 245px; + } + .gallery_box-item-title { + font-size: 13px; + line-height: 27px; + } + .gallery_box-item-txt { + font-size: 12px; + } + .gallery .gal_slider-item { + height: 245px !important; + } + .service.page .service_box-item { + min-width: 390px; + } + .service.page .service_box-item-photo { + height: 280px; + } + .main_title { + font-size: 20px; + } +} +@media (max-width: 650px) { + .auto_container { + padding: 0 20px; + } + .gallery { + padding: 60px 0; + } + .gallery_filter-row { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + .gallery_filter-row .category { + margin-bottom: 30px; + } + .gallery_filter-row .category:last-child { + margin-bottom: 0; + } + .gallery_box { + margin-top: 30px; + } + .gallery_box-item { + width: calc(100% - 2px); + } + .service.page .service_box { + width: 100%; + } + .service.page .service_box .slick-list { + padding: 0 !important; + } + .service.page .service_box-item { + min-width: 280px; + margin-right: 15px; + } + .service.page .service_box-item-photo { + height: 240px; + } + .service.page .service_box-item-title { + font-size: 20px; + line-height: 27px; + } + .service.page .service_list li p { + line-height: 28px; + } + .about.page .about_box-item { + width: calc(100% - 42px); + margin: 20px 0; + } + .modal_inner { + height: unset; + } +} +@media (max-width: 400px) { + .auto_container { + padding: 0 20px; + } + .crumb_txt { + line-height: 30px; + font-size: 14px; + } + .hero_item { + height: 700px !important; + } + .service.page .service_box { + width: calc(100% + 0px); + } + .service.page .service_box-item { + min-width: unset !important; + margin-right: 5px; + } + .service.page .service_box .slick-list { + padding: 0 !important; + } +} \ No newline at end of file diff --git a/themes/tps/assets/new/css/main.scss b/themes/tps/assets/new/css/main.scss new file mode 100644 index 0000000..14ae9c4 --- /dev/null +++ b/themes/tps/assets/new/css/main.scss @@ -0,0 +1,24 @@ + + +// 1-main components +@import "./components/1-main/nulifier.scss"; +@import "./components/1-main/variables.scss"; +@import "./components/1-main/mixin.scss"; + +// 2-layout components +@import "./components/2-layout/header.scss"; +@import "./components/2-layout/slider.scss"; +@import "./components/2-layout/crumb.scss"; +@import "./components/2-layout/select.scss"; +@import "./components/2-layout/modal.scss"; +@import "./components/2-layout/footer.scss"; + +// 3-page components +@import "./components/3-page/home.scss"; +@import "./components/3-page/about.scss"; +@import "./components/3-page/portfolio.scss"; +@import "./components/3-page/service.scss"; + +@import "./components/2-layout/slick.scss"; +@import "./components/2-layout/slick-theme.scss"; +@import "./components/2-layout/responsive.scss"; diff --git a/themes/tps/assets/new/css/swiper.min.css b/themes/tps/assets/new/css/swiper.min.css new file mode 100644 index 0000000..31f3b93 --- /dev/null +++ b/themes/tps/assets/new/css/swiper.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 7.4.1 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2021 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: December 24, 2021 + */ + + @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center} \ No newline at end of file diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.eot new file mode 100644 index 0000000..0c8948e Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.ttf new file mode 100644 index 0000000..7716134 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff new file mode 100644 index 0000000..b20d6ae Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff2 new file mode 100644 index 0000000..53167d0 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Black.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.eot new file mode 100644 index 0000000..21926c1 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.ttf new file mode 100644 index 0000000..9daef9a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff new file mode 100644 index 0000000..f372fc6 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff2 new file mode 100644 index 0000000..600f3d7 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BlackItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.eot new file mode 100644 index 0000000..4f1efdb Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.ttf new file mode 100644 index 0000000..0992ac9 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff new file mode 100644 index 0000000..4a11270 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff2 new file mode 100644 index 0000000..28948d3 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Bold.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.eot new file mode 100644 index 0000000..7823bea Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.ttf new file mode 100644 index 0000000..a6c15d3 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff new file mode 100644 index 0000000..6a61b92 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff2 new file mode 100644 index 0000000..5f3ccdc Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-BoldItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.eot new file mode 100644 index 0000000..c7a88dc Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.ttf new file mode 100644 index 0000000..328f7b0 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff new file mode 100644 index 0000000..d0f9e40 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff2 new file mode 100644 index 0000000..5d361ce Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBold.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot new file mode 100644 index 0000000..3d7a80f Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf new file mode 100644 index 0000000..aa2047b Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff new file mode 100644 index 0000000..00bbb58 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..2082dea Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.eot new file mode 100644 index 0000000..5a11131 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.ttf new file mode 100644 index 0000000..c9e298e Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff new file mode 100644 index 0000000..96fca21 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff2 new file mode 100644 index 0000000..f01d3aa Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLight.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.eot new file mode 100644 index 0000000..4abe341 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf new file mode 100644 index 0000000..dc1ed8a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff new file mode 100644 index 0000000..5659d7c Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2 new file mode 100644 index 0000000..4a5ce86 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.eot new file mode 100644 index 0000000..445221e Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.ttf new file mode 100644 index 0000000..bfd4ffa Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff new file mode 100644 index 0000000..6fd9704 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff2 new file mode 100644 index 0000000..851ee2a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Italic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.eot new file mode 100644 index 0000000..c22e545 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.ttf new file mode 100644 index 0000000..d8979fd Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff new file mode 100644 index 0000000..64949de Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff2 new file mode 100644 index 0000000..f061772 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Light.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.eot new file mode 100644 index 0000000..82cc007 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.ttf new file mode 100644 index 0000000..a88b53a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff new file mode 100644 index 0000000..da0b763 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff2 new file mode 100644 index 0000000..45411de Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-LightItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.eot new file mode 100644 index 0000000..1ef6ceb Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.ttf new file mode 100644 index 0000000..bde34c3 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff new file mode 100644 index 0000000..7df48cb Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff2 new file mode 100644 index 0000000..5e1afee Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Medium.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.eot new file mode 100644 index 0000000..d8b3f62 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.ttf new file mode 100644 index 0000000..830c1ba Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff new file mode 100644 index 0000000..0d2f46e Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff2 new file mode 100644 index 0000000..5903ac8 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-MediumItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.eot new file mode 100644 index 0000000..28d59cf Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.ttf new file mode 100644 index 0000000..751ba5d Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff new file mode 100644 index 0000000..deda596 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff2 new file mode 100644 index 0000000..3e9caa8 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Regular.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.eot new file mode 100644 index 0000000..adbf970 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.ttf new file mode 100644 index 0000000..601e352 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff new file mode 100644 index 0000000..e16c05c Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff2 new file mode 100644 index 0000000..655b171 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBold.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.eot new file mode 100644 index 0000000..d6323fa Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf new file mode 100644 index 0000000..53e2f5a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff new file mode 100644 index 0000000..5bb0bd2 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2 new file mode 100644 index 0000000..879d16a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.eot new file mode 100644 index 0000000..eea4920 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.ttf new file mode 100644 index 0000000..59f97c5 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff new file mode 100644 index 0000000..68fc7d5 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff2 new file mode 100644 index 0000000..18c0982 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-Thin.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.eot b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.eot new file mode 100644 index 0000000..69b1915 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.eot differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.ttf b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.ttf new file mode 100644 index 0000000..aacd51a Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.ttf differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff new file mode 100644 index 0000000..fc892f8 Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff differ diff --git a/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff2 b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff2 new file mode 100644 index 0000000..1c2152f Binary files /dev/null and b/themes/tps/assets/new/fonts/Montserrat/Montserrat-ThinItalic.woff2 differ diff --git a/themes/tps/assets/new/fonts/Montserrat/demo.html b/themes/tps/assets/new/fonts/Montserrat/demo.html new file mode 100644 index 0000000..7785403 --- /dev/null +++ b/themes/tps/assets/new/fonts/Montserrat/demo.html @@ -0,0 +1,685 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

Montserrat Bold

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: bold;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Bold.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Black Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 900;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-BlackItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Black

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 900;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Black.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Bold Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: bold;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat ExtraBold

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: bold;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-ExtraBold.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat ExtraBold Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: bold;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-ExtraBoldItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: normal;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-Italic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat ExtraLight

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 200;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-ExtraLight.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat ExtraLight Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 200;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-ExtraLightItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Light

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 300;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Light.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Light Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 300;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-LightItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Medium

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 500;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Medium.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Regular

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: normal;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Regular.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Medium Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 500;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-MediumItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat SemiBold Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 600;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-SemiBoldItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat SemiBold

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 600;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-SemiBold.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Thin

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 100;
+    font-style: normal;
+}
+
+<link rel="preload" href="Montserrat-Thin.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+

Montserrat Thin Italic

+
.your-style {
+    font-family: 'Montserrat';
+    font-weight: 100;
+    font-style: italic;
+}
+
+<link rel="preload" href="Montserrat-ThinItalic.woff2" as="font" type="font/woff2" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+ + diff --git a/themes/tps/assets/new/fonts/Montserrat/stylesheet.css b/themes/tps/assets/new/fonts/Montserrat/stylesheet.css new file mode 100644 index 0000000..f238321 --- /dev/null +++ b/themes/tps/assets/new/fonts/Montserrat/stylesheet.css @@ -0,0 +1,216 @@ +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Bold.eot'); + src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Bold.woff2') format('woff2'), + url('Montserrat-Bold.woff') format('woff'), + url('Montserrat-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-BlackItalic.eot'); + src: url('Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-BlackItalic.woff2') format('woff2'), + url('Montserrat-BlackItalic.woff') format('woff'), + url('Montserrat-BlackItalic.ttf') format('truetype'); + font-weight: 900; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Black.eot'); + src: url('Montserrat-Black.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Black.woff2') format('woff2'), + url('Montserrat-Black.woff') format('woff'), + url('Montserrat-Black.ttf') format('truetype'); + font-weight: 900; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-BoldItalic.eot'); + src: url('Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-BoldItalic.woff2') format('woff2'), + url('Montserrat-BoldItalic.woff') format('woff'), + url('Montserrat-BoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-ExtraBold.eot'); + src: url('Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), + url('Montserrat-ExtraBold.woff2') format('woff2'), + url('Montserrat-ExtraBold.woff') format('woff'), + url('Montserrat-ExtraBold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-ExtraBoldItalic.eot'); + src: url('Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-ExtraBoldItalic.woff2') format('woff2'), + url('Montserrat-ExtraBoldItalic.woff') format('woff'), + url('Montserrat-ExtraBoldItalic.ttf') format('truetype'); + font-weight: bold; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Italic.eot'); + src: url('Montserrat-Italic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Italic.woff2') format('woff2'), + url('Montserrat-Italic.woff') format('woff'), + url('Montserrat-Italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-ExtraLight.eot'); + src: url('Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), + url('Montserrat-ExtraLight.woff2') format('woff2'), + url('Montserrat-ExtraLight.woff') format('woff'), + url('Montserrat-ExtraLight.ttf') format('truetype'); + font-weight: 200; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-ExtraLightItalic.eot'); + src: url('Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-ExtraLightItalic.woff2') format('woff2'), + url('Montserrat-ExtraLightItalic.woff') format('woff'), + url('Montserrat-ExtraLightItalic.ttf') format('truetype'); + font-weight: 200; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Light.eot'); + src: url('Montserrat-Light.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Light.woff2') format('woff2'), + url('Montserrat-Light.woff') format('woff'), + url('Montserrat-Light.ttf') format('truetype'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-LightItalic.eot'); + src: url('Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-LightItalic.woff2') format('woff2'), + url('Montserrat-LightItalic.woff') format('woff'), + url('Montserrat-LightItalic.ttf') format('truetype'); + font-weight: 300; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Medium.eot'); + src: url('Montserrat-Medium.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Medium.woff2') format('woff2'), + url('Montserrat-Medium.woff') format('woff'), + url('Montserrat-Medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Regular.eot'); + src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Regular.woff2') format('woff2'), + url('Montserrat-Regular.woff') format('woff'), + url('Montserrat-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-MediumItalic.eot'); + src: url('Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-MediumItalic.woff2') format('woff2'), + url('Montserrat-MediumItalic.woff') format('woff'), + url('Montserrat-MediumItalic.ttf') format('truetype'); + font-weight: 500; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-SemiBoldItalic.eot'); + src: url('Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-SemiBoldItalic.woff2') format('woff2'), + url('Montserrat-SemiBoldItalic.woff') format('woff'), + url('Montserrat-SemiBoldItalic.ttf') format('truetype'); + font-weight: 600; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-SemiBold.eot'); + src: url('Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), + url('Montserrat-SemiBold.woff2') format('woff2'), + url('Montserrat-SemiBold.woff') format('woff'), + url('Montserrat-SemiBold.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-Thin.eot'); + src: url('Montserrat-Thin.eot?#iefix') format('embedded-opentype'), + url('Montserrat-Thin.woff2') format('woff2'), + url('Montserrat-Thin.woff') format('woff'), + url('Montserrat-Thin.ttf') format('truetype'); + font-weight: 100; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Montserrat'; + src: url('Montserrat-ThinItalic.eot'); + src: url('Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), + url('Montserrat-ThinItalic.woff2') format('woff2'), + url('Montserrat-ThinItalic.woff') format('woff'), + url('Montserrat-ThinItalic.ttf') format('truetype'); + font-weight: 100; + font-style: italic; + font-display: swap; +} + diff --git a/themes/tps/assets/new/images/advert-1.png b/themes/tps/assets/new/images/advert-1.png new file mode 100644 index 0000000..5008325 Binary files /dev/null and b/themes/tps/assets/new/images/advert-1.png differ diff --git a/themes/tps/assets/new/images/advert-2.png b/themes/tps/assets/new/images/advert-2.png new file mode 100644 index 0000000..04ebbdd Binary files /dev/null and b/themes/tps/assets/new/images/advert-2.png differ diff --git a/themes/tps/assets/new/images/blur-bg.jpg b/themes/tps/assets/new/images/blur-bg.jpg new file mode 100644 index 0000000..72861fa Binary files /dev/null and b/themes/tps/assets/new/images/blur-bg.jpg differ diff --git a/themes/tps/assets/new/images/client-1.png b/themes/tps/assets/new/images/client-1.png new file mode 100644 index 0000000..a930ccb Binary files /dev/null and b/themes/tps/assets/new/images/client-1.png differ diff --git a/themes/tps/assets/new/images/footer_logo.png b/themes/tps/assets/new/images/footer_logo.png new file mode 100644 index 0000000..0004b7a Binary files /dev/null and b/themes/tps/assets/new/images/footer_logo.png differ diff --git a/themes/tps/assets/new/images/gal-1.png b/themes/tps/assets/new/images/gal-1.png new file mode 100644 index 0000000..160fa5f Binary files /dev/null and b/themes/tps/assets/new/images/gal-1.png differ diff --git a/themes/tps/assets/new/images/gal-2.png b/themes/tps/assets/new/images/gal-2.png new file mode 100644 index 0000000..e6d9c84 Binary files /dev/null and b/themes/tps/assets/new/images/gal-2.png differ diff --git a/themes/tps/assets/new/images/gal-3.png b/themes/tps/assets/new/images/gal-3.png new file mode 100644 index 0000000..1a2138b Binary files /dev/null and b/themes/tps/assets/new/images/gal-3.png differ diff --git a/themes/tps/assets/new/images/main_banner.png b/themes/tps/assets/new/images/main_banner.png new file mode 100644 index 0000000..e7153bf Binary files /dev/null and b/themes/tps/assets/new/images/main_banner.png differ diff --git a/themes/tps/assets/new/images/mini_banner.png b/themes/tps/assets/new/images/mini_banner.png new file mode 100644 index 0000000..a8f14c8 Binary files /dev/null and b/themes/tps/assets/new/images/mini_banner.png differ diff --git a/themes/tps/assets/new/images/service-banner.png b/themes/tps/assets/new/images/service-banner.png new file mode 100644 index 0000000..3439b1c Binary files /dev/null and b/themes/tps/assets/new/images/service-banner.png differ diff --git a/themes/tps/assets/new/images/service_1.jpg b/themes/tps/assets/new/images/service_1.jpg new file mode 100644 index 0000000..de7352b Binary files /dev/null and b/themes/tps/assets/new/images/service_1.jpg differ diff --git a/themes/tps/assets/new/images/service_2.jpg b/themes/tps/assets/new/images/service_2.jpg new file mode 100644 index 0000000..c2089fb Binary files /dev/null and b/themes/tps/assets/new/images/service_2.jpg differ diff --git a/themes/tps/assets/new/images/svg/advertising.svg b/themes/tps/assets/new/images/svg/advertising.svg new file mode 100644 index 0000000..4f6bd95 --- /dev/null +++ b/themes/tps/assets/new/images/svg/advertising.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/themes/tps/assets/new/images/svg/arrow-link-left.svg b/themes/tps/assets/new/images/svg/arrow-link-left.svg new file mode 100644 index 0000000..61237f1 --- /dev/null +++ b/themes/tps/assets/new/images/svg/arrow-link-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/arrow-link.svg b/themes/tps/assets/new/images/svg/arrow-link.svg new file mode 100644 index 0000000..85426db --- /dev/null +++ b/themes/tps/assets/new/images/svg/arrow-link.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/arrow-swap.svg b/themes/tps/assets/new/images/svg/arrow-swap.svg new file mode 100644 index 0000000..62e5261 --- /dev/null +++ b/themes/tps/assets/new/images/svg/arrow-swap.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/themes/tps/assets/new/images/svg/category.svg b/themes/tps/assets/new/images/svg/category.svg new file mode 100644 index 0000000..eebd255 --- /dev/null +++ b/themes/tps/assets/new/images/svg/category.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/themes/tps/assets/new/images/svg/circle.svg b/themes/tps/assets/new/images/svg/circle.svg new file mode 100644 index 0000000..4b18a93 --- /dev/null +++ b/themes/tps/assets/new/images/svg/circle.svg @@ -0,0 +1,4 @@ + + + + diff --git a/themes/tps/assets/new/images/svg/close.svg b/themes/tps/assets/new/images/svg/close.svg new file mode 100644 index 0000000..ee41d26 --- /dev/null +++ b/themes/tps/assets/new/images/svg/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/email.svg b/themes/tps/assets/new/images/svg/email.svg new file mode 100644 index 0000000..ddb1d73 --- /dev/null +++ b/themes/tps/assets/new/images/svg/email.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/themes/tps/assets/new/images/svg/global.svg b/themes/tps/assets/new/images/svg/global.svg new file mode 100644 index 0000000..60d5e03 --- /dev/null +++ b/themes/tps/assets/new/images/svg/global.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/themes/tps/assets/new/images/svg/gps.svg b/themes/tps/assets/new/images/svg/gps.svg new file mode 100644 index 0000000..a2b087f --- /dev/null +++ b/themes/tps/assets/new/images/svg/gps.svg @@ -0,0 +1,4 @@ + + + + diff --git a/themes/tps/assets/new/images/svg/hero-slider-arrow.svg b/themes/tps/assets/new/images/svg/hero-slider-arrow.svg new file mode 100644 index 0000000..84323ef --- /dev/null +++ b/themes/tps/assets/new/images/svg/hero-slider-arrow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/themes/tps/assets/new/images/svg/logo-bg.svg b/themes/tps/assets/new/images/svg/logo-bg.svg new file mode 100644 index 0000000..ba569fd --- /dev/null +++ b/themes/tps/assets/new/images/svg/logo-bg.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/themes/tps/assets/new/images/svg/message-icon.svg b/themes/tps/assets/new/images/svg/message-icon.svg new file mode 100644 index 0000000..b3761e2 --- /dev/null +++ b/themes/tps/assets/new/images/svg/message-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/themes/tps/assets/new/images/svg/phone.svg b/themes/tps/assets/new/images/svg/phone.svg new file mode 100644 index 0000000..f2a239a --- /dev/null +++ b/themes/tps/assets/new/images/svg/phone.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/themes/tps/assets/new/images/svg/rec-item.svg b/themes/tps/assets/new/images/svg/rec-item.svg new file mode 100644 index 0000000..fa6c84b --- /dev/null +++ b/themes/tps/assets/new/images/svg/rec-item.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/rec.svg b/themes/tps/assets/new/images/svg/rec.svg new file mode 100644 index 0000000..3d1c441 --- /dev/null +++ b/themes/tps/assets/new/images/svg/rec.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/send.svg b/themes/tps/assets/new/images/svg/send.svg new file mode 100644 index 0000000..ff371f7 --- /dev/null +++ b/themes/tps/assets/new/images/svg/send.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/svg/slider-arrow.svg b/themes/tps/assets/new/images/svg/slider-arrow.svg new file mode 100644 index 0000000..c091634 --- /dev/null +++ b/themes/tps/assets/new/images/svg/slider-arrow.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/themes/tps/assets/new/images/svg/tps.svg b/themes/tps/assets/new/images/svg/tps.svg new file mode 100644 index 0000000..1634e70 --- /dev/null +++ b/themes/tps/assets/new/images/svg/tps.svg @@ -0,0 +1,3 @@ + + + diff --git a/themes/tps/assets/new/images/video-img.png b/themes/tps/assets/new/images/video-img.png new file mode 100644 index 0000000..a479f8e Binary files /dev/null and b/themes/tps/assets/new/images/video-img.png differ diff --git a/themes/tps/assets/new/js/customSelect.js b/themes/tps/assets/new/js/customSelect.js new file mode 100644 index 0000000..eebd1b7 --- /dev/null +++ b/themes/tps/assets/new/js/customSelect.js @@ -0,0 +1,95 @@ +var x, i, j, l, ll, selElmnt, a, b, c; +function initializeCustomSelect() { + + x = document.getElementsByClassName("custom-select"); + l = x.length; + + for (i = 0; i < l; i++) { + selElmnt = x[i].getElementsByTagName("select")[0]; + + var onSelectFunc = x[i].getAttribute('onCustomSelect') + + ll = selElmnt.length; + if (x[i].querySelectorAll('.select-selected').length == 0) { + a = document.createElement("DIV"); + a.setAttribute("class", "select-selected"); + a.setAttribute('onCustomSelect', onSelectFunc); + a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; + x[i].appendChild(a); + b = document.createElement("DIV"); + b.setAttribute("class", "select-items select-hide"); + for (j = 1; j < ll; j++) { + c = document.createElement("DIV"); + c.innerHTML = selElmnt.options[j].innerHTML; + + c.addEventListener("click", function (e) { + var y, i, k, s, h, sl, yl; + s = this.parentNode.parentNode.getElementsByTagName("select")[0]; + sl = s.length; + h = this.parentNode.previousSibling; + for (i = 0; i < sl; i++) { + if (s.options[i].innerHTML == this.innerHTML) { + s.selectedIndex = i; + h.innerHTML = this.innerHTML; + y = this.parentNode.getElementsByClassName("same-as-selected"); + yl = y.length; + for (k = 0; k < yl; k++) { + y[k].removeAttribute("class"); + } + this.setAttribute("class", "same-as-selected"); + break; + } + } + h.click(); + }); + b.appendChild(c); + } + x[i].appendChild(b); + a.addEventListener("click", function (e) { + + e.stopPropagation(); + if (!this.nextSibling.classList.contains('select-hide') && this.getAttribute('onCustomSelect') != 'null') { + window[this.getAttribute('onCustomSelect')](this.parentNode.parentNode.getElementsByTagName("select")[0].value, this.parentNode); + } + closeAllSelect(this); + this.nextSibling.classList.toggle("select-hide"); + this.classList.toggle("select-arrow-active"); + }); + } + } + +} + + +function closeAllSelect(elmnt) { + /* A function that will close all select boxes in the document, + except the current select box: */ + var x, + y, + i, + xl, + yl, + arrNo = []; + x = document.getElementsByClassName("select-items"); + y = document.getElementsByClassName("select-selected"); + xl = x.length; + yl = y.length; + for (i = 0; i < yl; i++) { + if (elmnt == y[i]) { + arrNo.push(i); + } else { + y[i].classList.remove("select-arrow-active"); + } + } + for (i = 0; i < xl; i++) { + if (arrNo.indexOf(i)) { + x[i].classList.add("select-hide"); + + } + } +} + +/* If the user clicks anywhere outside the select box, +then close all select boxes: */ +document.addEventListener("click", closeAllSelect); +initializeCustomSelect(); diff --git a/themes/tps/assets/new/js/jquery.fancybox.min.js b/themes/tps/assets/new/js/jquery.fancybox.min.js new file mode 100644 index 0000000..d5d10f6 --- /dev/null +++ b/themes/tps/assets/new/js/jquery.fancybox.min.js @@ -0,0 +1,13 @@ +// ================================================== +// fancyBox v3.5.7 +// +// Licensed GPLv3 for open source use +// or fancyBox Commercial License for commercial use +// +// http://fancyapps.com/fancybox/ +// Copyright 2019 fancyApps +// +// ================================================== +!function(t,e,n,o){"use strict";function i(t,e){var o,i,a,s=[],r=0;t&&t.isDefaultPrevented()||(t.preventDefault(),e=e||{},t&&t.data&&(e=h(t.data.options,e)),o=e.$target||n(t.currentTarget).trigger("blur"),(a=n.fancybox.getInstance())&&a.$trigger&&a.$trigger.is(o)||(e.selector?s=n(e.selector):(i=o.attr("data-fancybox")||"",i?(s=t.data?t.data.items:[],s=s.length?s.filter('[data-fancybox="'+i+'"]'):n('[data-fancybox="'+i+'"]')):s=[o]),r=n(s).index(o),r<0&&(r=0),a=n.fancybox.open(s,e,r),a.$trigger=o))}if(t.console=t.console||{info:function(t){}},n){if(n.fn.fancybox)return void console.info("fancyBox already initialized");var a={closeExisting:!1,loop:!1,gutter:50,keyboard:!0,preventCaptionOverlap:!0,arrows:!0,infobar:!0,smallBtn:"auto",toolbar:"auto",buttons:["zoom","slideShow","thumbs","close"],idleTime:3,protect:!1,modal:!1,image:{preload:!1},ajax:{settings:{data:{fancybox:!0}}},iframe:{tpl:'',preload:!0,css:{},attr:{scrolling:"auto"}},video:{tpl:'',format:"",autoStart:!0},defaultType:"image",animationEffect:"zoom",animationDuration:366,zoomOpacity:"auto",transitionEffect:"fade",transitionDuration:366,slideClass:"",baseClass:"",baseTpl:'',spinnerTpl:'
',errorTpl:'

{{ERROR}}

',btnTpl:{download:'',zoom:'',close:'',arrowLeft:'',arrowRight:'',smallBtn:''},parentEl:"body",hideScrollbar:!0,autoFocus:!0,backFocus:!0,trapFocus:!0,fullScreen:{autoStart:!1},touch:{vertical:!0,momentum:!0},hash:null,media:{},slideShow:{autoStart:!1,speed:3e3},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"},wheel:"auto",onInit:n.noop,beforeLoad:n.noop,afterLoad:n.noop,beforeShow:n.noop,afterShow:n.noop,beforeClose:n.noop,afterClose:n.noop,onActivate:n.noop,onDeactivate:n.noop,clickContent:function(t,e){return"image"===t.type&&"zoom"},clickSlide:"close",clickOutside:"close",dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1,mobile:{preventCaptionOverlap:!1,idleTime:!1,clickContent:function(t,e){return"image"===t.type&&"toggleControls"},clickSlide:function(t,e){return"image"===t.type?"toggleControls":"close"},dblclickContent:function(t,e){return"image"===t.type&&"zoom"},dblclickSlide:function(t,e){return"image"===t.type&&"zoom"}},lang:"en",i18n:{en:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",ERROR:"The requested content cannot be loaded.
Please try again later.",PLAY_START:"Start slideshow",PLAY_STOP:"Pause slideshow",FULL_SCREEN:"Full screen",THUMBS:"Thumbnails",DOWNLOAD:"Download",SHARE:"Share",ZOOM:"Zoom"},de:{CLOSE:"Schließen",NEXT:"Weiter",PREV:"Zurück",ERROR:"Die angeforderten Daten konnten nicht geladen werden.
Bitte versuchen Sie es später nochmal.",PLAY_START:"Diaschau starten",PLAY_STOP:"Diaschau beenden",FULL_SCREEN:"Vollbild",THUMBS:"Vorschaubilder",DOWNLOAD:"Herunterladen",SHARE:"Teilen",ZOOM:"Vergrößern"}}},s=n(t),r=n(e),c=0,l=function(t){return t&&t.hasOwnProperty&&t instanceof n},d=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),u=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),f=function(){var t,n=e.createElement("fakeelement"),o={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in o)if(void 0!==n.style[t])return o[t];return"transitionend"}(),p=function(t){return t&&t.length&&t[0].offsetHeight},h=function(t,e){var o=n.extend(!0,{},t,e);return n.each(e,function(t,e){n.isArray(e)&&(o[t]=e)}),o},g=function(t){var o,i;return!(!t||t.ownerDocument!==e)&&(n(".fancybox-container").css("pointer-events","none"),o={x:t.getBoundingClientRect().left+t.offsetWidth/2,y:t.getBoundingClientRect().top+t.offsetHeight/2},i=e.elementFromPoint(o.x,o.y)===t,n(".fancybox-container").css("pointer-events",""),i)},b=function(t,e,o){var i=this;i.opts=h({index:o},n.fancybox.defaults),n.isPlainObject(e)&&(i.opts=h(i.opts,e)),n.fancybox.isMobile&&(i.opts=h(i.opts,i.opts.mobile)),i.id=i.opts.id||++c,i.currIndex=parseInt(i.opts.index,10)||0,i.prevIndex=null,i.prevPos=null,i.currPos=0,i.firstRun=!0,i.group=[],i.slides={},i.addContent(t),i.group.length&&i.init()};n.extend(b.prototype,{init:function(){var o,i,a=this,s=a.group[a.currIndex],r=s.opts;r.closeExisting&&n.fancybox.close(!0),n("body").addClass("fancybox-active"),!n.fancybox.getInstance()&&!1!==r.hideScrollbar&&!n.fancybox.isMobile&&e.body.scrollHeight>t.innerHeight&&(n("head").append('"),n("body").addClass("compensate-for-scrollbar")),i="",n.each(r.buttons,function(t,e){i+=r.btnTpl[e]||""}),o=n(a.translate(a,r.baseTpl.replace("{{buttons}}",i).replace("{{arrows}}",r.btnTpl.arrowLeft+r.btnTpl.arrowRight))).attr("id","fancybox-container-"+a.id).addClass(r.baseClass).data("FancyBox",a).appendTo(r.parentEl),a.$refs={container:o},["bg","inner","infobar","toolbar","stage","caption","navigation"].forEach(function(t){a.$refs[t]=o.find(".fancybox-"+t)}),a.trigger("onInit"),a.activate(),a.jumpTo(a.currIndex)},translate:function(t,e){var n=t.opts.i18n[t.opts.lang]||t.opts.i18n.en;return e.replace(/\{\{(\w+)\}\}/g,function(t,e){return void 0===n[e]?t:n[e]})},addContent:function(t){var e,o=this,i=n.makeArray(t);n.each(i,function(t,e){var i,a,s,r,c,l={},d={};n.isPlainObject(e)?(l=e,d=e.opts||e):"object"===n.type(e)&&n(e).length?(i=n(e),d=i.data()||{},d=n.extend(!0,{},d,d.options),d.$orig=i,l.src=o.opts.src||d.src||i.attr("href"),l.type||l.src||(l.type="inline",l.src=e)):l={type:"html",src:e+""},l.opts=n.extend(!0,{},o.opts,d),n.isArray(d.buttons)&&(l.opts.buttons=d.buttons),n.fancybox.isMobile&&l.opts.mobile&&(l.opts=h(l.opts,l.opts.mobile)),a=l.type||l.opts.type,r=l.src||"",!a&&r&&((s=r.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(a="video",l.opts.video.format||(l.opts.video.format="video/"+("ogv"===s[1]?"ogg":s[1]))):r.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?a="image":r.match(/\.(pdf)((\?|#).*)?$/i)?(a="iframe",l=n.extend(!0,l,{contentType:"pdf",opts:{iframe:{preload:!1}}})):"#"===r.charAt(0)&&(a="inline")),a?l.type=a:o.trigger("objectNeedsType",l),l.contentType||(l.contentType=n.inArray(l.type,["html","inline","ajax"])>-1?"html":l.type),l.index=o.group.length,"auto"==l.opts.smallBtn&&(l.opts.smallBtn=n.inArray(l.type,["html","inline","ajax"])>-1),"auto"===l.opts.toolbar&&(l.opts.toolbar=!l.opts.smallBtn),l.$thumb=l.opts.$thumb||null,l.opts.$trigger&&l.index===o.opts.index&&(l.$thumb=l.opts.$trigger.find("img:first"),l.$thumb.length&&(l.opts.$orig=l.opts.$trigger)),l.$thumb&&l.$thumb.length||!l.opts.$orig||(l.$thumb=l.opts.$orig.find("img:first")),l.$thumb&&!l.$thumb.length&&(l.$thumb=null),l.thumb=l.opts.thumb||(l.$thumb?l.$thumb[0].src:null),"function"===n.type(l.opts.caption)&&(l.opts.caption=l.opts.caption.apply(e,[o,l])),"function"===n.type(o.opts.caption)&&(l.opts.caption=o.opts.caption.apply(e,[o,l])),l.opts.caption instanceof n||(l.opts.caption=void 0===l.opts.caption?"":l.opts.caption+""),"ajax"===l.type&&(c=r.split(/\s+/,2),c.length>1&&(l.src=c.shift(),l.opts.filter=c.shift())),l.opts.modal&&(l.opts=n.extend(!0,l.opts,{trapFocus:!0,infobar:0,toolbar:0,smallBtn:0,keyboard:0,slideShow:0,fullScreen:0,thumbs:0,touch:0,clickContent:!1,clickSlide:!1,clickOutside:!1,dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1})),o.group.push(l)}),Object.keys(o.slides).length&&(o.updateControls(),(e=o.Thumbs)&&e.isActive&&(e.create(),e.focus()))},addEvents:function(){var e=this;e.removeEvents(),e.$refs.container.on("click.fb-close","[data-fancybox-close]",function(t){t.stopPropagation(),t.preventDefault(),e.close(t)}).on("touchstart.fb-prev click.fb-prev","[data-fancybox-prev]",function(t){t.stopPropagation(),t.preventDefault(),e.previous()}).on("touchstart.fb-next click.fb-next","[data-fancybox-next]",function(t){t.stopPropagation(),t.preventDefault(),e.next()}).on("click.fb","[data-fancybox-zoom]",function(t){e[e.isScaledDown()?"scaleToActual":"scaleToFit"]()}),s.on("orientationchange.fb resize.fb",function(t){t&&t.originalEvent&&"resize"===t.originalEvent.type?(e.requestId&&u(e.requestId),e.requestId=d(function(){e.update(t)})):(e.current&&"iframe"===e.current.type&&e.$refs.stage.hide(),setTimeout(function(){e.$refs.stage.show(),e.update(t)},n.fancybox.isMobile?600:250))}),r.on("keydown.fb",function(t){var o=n.fancybox?n.fancybox.getInstance():null,i=o.current,a=t.keyCode||t.which;if(9==a)return void(i.opts.trapFocus&&e.focus(t));if(!(!i.opts.keyboard||t.ctrlKey||t.altKey||t.shiftKey||n(t.target).is("input,textarea,video,audio,select")))return 8===a||27===a?(t.preventDefault(),void e.close(t)):37===a||38===a?(t.preventDefault(),void e.previous()):39===a||40===a?(t.preventDefault(),void e.next()):void e.trigger("afterKeydown",t,a)}),e.group[e.currIndex].opts.idleTime&&(e.idleSecondsCounter=0,r.on("mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",function(t){e.idleSecondsCounter=0,e.isIdle&&e.showControls(),e.isIdle=!1}),e.idleInterval=t.setInterval(function(){++e.idleSecondsCounter>=e.group[e.currIndex].opts.idleTime&&!e.isDragging&&(e.isIdle=!0,e.idleSecondsCounter=0,e.hideControls())},1e3))},removeEvents:function(){var e=this;s.off("orientationchange.fb resize.fb"),r.off("keydown.fb .fb-idle"),this.$refs.container.off(".fb-close .fb-prev .fb-next"),e.idleInterval&&(t.clearInterval(e.idleInterval),e.idleInterval=null)},previous:function(t){return this.jumpTo(this.currPos-1,t)},next:function(t){return this.jumpTo(this.currPos+1,t)},jumpTo:function(t,e){var o,i,a,s,r,c,l,d,u,f=this,h=f.group.length;if(!(f.isDragging||f.isClosing||f.isAnimating&&f.firstRun)){if(t=parseInt(t,10),!(a=f.current?f.current.opts.loop:f.opts.loop)&&(t<0||t>=h))return!1;if(o=f.firstRun=!Object.keys(f.slides).length,r=f.current,f.prevIndex=f.currIndex,f.prevPos=f.currPos,s=f.createSlide(t),h>1&&((a||s.index0)&&f.createSlide(t-1)),f.current=s,f.currIndex=s.index,f.currPos=s.pos,f.trigger("beforeShow",o),f.updateControls(),s.forcedDuration=void 0,n.isNumeric(e)?s.forcedDuration=e:e=s.opts[o?"animationDuration":"transitionDuration"],e=parseInt(e,10),i=f.isMoved(s),s.$slide.addClass("fancybox-slide--current"),o)return s.opts.animationEffect&&e&&f.$refs.container.css("transition-duration",e+"ms"),f.$refs.container.addClass("fancybox-is-open").trigger("focus"),f.loadSlide(s),void f.preload("image");c=n.fancybox.getTranslate(r.$slide),l=n.fancybox.getTranslate(f.$refs.stage),n.each(f.slides,function(t,e){n.fancybox.stop(e.$slide,!0)}),r.pos!==s.pos&&(r.isComplete=!1),r.$slide.removeClass("fancybox-slide--complete fancybox-slide--current"),i?(u=c.left-(r.pos*c.width+r.pos*r.opts.gutter),n.each(f.slides,function(t,o){o.$slide.removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")});var i=o.pos*c.width+o.pos*o.opts.gutter;n.fancybox.setTranslate(o.$slide,{top:0,left:i-l.left+u}),o.pos!==s.pos&&o.$slide.addClass("fancybox-slide--"+(o.pos>s.pos?"next":"previous")),p(o.$slide),n.fancybox.animate(o.$slide,{top:0,left:(o.pos-s.pos)*c.width+(o.pos-s.pos)*o.opts.gutter},e,function(){o.$slide.css({transform:"",opacity:""}).removeClass("fancybox-slide--next fancybox-slide--previous"),o.pos===f.currPos&&f.complete()})})):e&&s.opts.transitionEffect&&(d="fancybox-animated fancybox-fx-"+s.opts.transitionEffect,r.$slide.addClass("fancybox-slide--"+(r.pos>s.pos?"next":"previous")),n.fancybox.animate(r.$slide,d,e,function(){r.$slide.removeClass(d).removeClass("fancybox-slide--next fancybox-slide--previous")},!1)),s.isLoaded?f.revealContent(s):f.loadSlide(s),f.preload("image")}},createSlide:function(t){var e,o,i=this;return o=t%i.group.length,o=o<0?i.group.length+o:o,!i.slides[t]&&i.group[o]&&(e=n('
').appendTo(i.$refs.stage),i.slides[t]=n.extend(!0,{},i.group[o],{pos:t,$slide:e,isLoaded:!1}),i.updateSlide(i.slides[t])),i.slides[t]},scaleToActual:function(t,e,o){var i,a,s,r,c,l=this,d=l.current,u=d.$content,f=n.fancybox.getTranslate(d.$slide).width,p=n.fancybox.getTranslate(d.$slide).height,h=d.width,g=d.height;l.isAnimating||l.isMoved()||!u||"image"!=d.type||!d.isLoaded||d.hasError||(l.isAnimating=!0,n.fancybox.stop(u),t=void 0===t?.5*f:t,e=void 0===e?.5*p:e,i=n.fancybox.getTranslate(u),i.top-=n.fancybox.getTranslate(d.$slide).top,i.left-=n.fancybox.getTranslate(d.$slide).left,r=h/i.width,c=g/i.height,a=.5*f-.5*h,s=.5*p-.5*g,h>f&&(a=i.left*r-(t*r-t),a>0&&(a=0),ap&&(s=i.top*c-(e*c-e),s>0&&(s=0),se-.5&&(l=e),d>o-.5&&(d=o),"image"===t.type?(u.top=Math.floor(.5*(o-d))+parseFloat(c.css("paddingTop")),u.left=Math.floor(.5*(e-l))+parseFloat(c.css("paddingLeft"))):"video"===t.contentType&&(a=t.opts.width&&t.opts.height?l/d:t.opts.ratio||16/9,d>l/a?d=l/a:l>d*a&&(l=d*a)),u.width=l,u.height=d,u)},update:function(t){var e=this;n.each(e.slides,function(n,o){e.updateSlide(o,t)})},updateSlide:function(t,e){var o=this,i=t&&t.$content,a=t.width||t.opts.width,s=t.height||t.opts.height,r=t.$slide;o.adjustCaption(t),i&&(a||s||"video"===t.contentType)&&!t.hasError&&(n.fancybox.stop(i),n.fancybox.setTranslate(i,o.getFitPos(t)),t.pos===o.currPos&&(o.isAnimating=!1,o.updateCursor())),o.adjustLayout(t),r.length&&(r.trigger("refresh"),t.pos===o.currPos&&o.$refs.toolbar.add(o.$refs.navigation.find(".fancybox-button--arrow_right")).toggleClass("compensate-for-scrollbar",r.get(0).scrollHeight>r.get(0).clientHeight)),o.trigger("onUpdate",t,e)},centerSlide:function(t){var e=this,o=e.current,i=o.$slide;!e.isClosing&&o&&(i.siblings().css({transform:"",opacity:""}),i.parent().children().removeClass("fancybox-slide--previous fancybox-slide--next"),n.fancybox.animate(i,{top:0,left:0,opacity:1},void 0===t?0:t,function(){i.css({transform:"",opacity:""}),o.isComplete||e.complete()},!1))},isMoved:function(t){var e,o,i=t||this.current;return!!i&&(o=n.fancybox.getTranslate(this.$refs.stage),e=n.fancybox.getTranslate(i.$slide),!i.$slide.hasClass("fancybox-animated")&&(Math.abs(e.top-o.top)>.5||Math.abs(e.left-o.left)>.5))},updateCursor:function(t,e){var o,i,a=this,s=a.current,r=a.$refs.container;s&&!a.isClosing&&a.Guestures&&(r.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan"),o=a.canPan(t,e),i=!!o||a.isZoomable(),r.toggleClass("fancybox-is-zoomable",i),n("[data-fancybox-zoom]").prop("disabled",!i),o?r.addClass("fancybox-can-pan"):i&&("zoom"===s.opts.clickContent||n.isFunction(s.opts.clickContent)&&"zoom"==s.opts.clickContent(s))?r.addClass("fancybox-can-zoomIn"):s.opts.touch&&(s.opts.touch.vertical||a.group.length>1)&&"video"!==s.contentType&&r.addClass("fancybox-can-swipe"))},isZoomable:function(){var t,e=this,n=e.current;if(n&&!e.isClosing&&"image"===n.type&&!n.hasError){if(!n.isLoaded)return!0;if((t=e.getFitPos(n))&&(n.width>t.width||n.height>t.height))return!0}return!1},isScaledDown:function(t,e){var o=this,i=!1,a=o.current,s=a.$content;return void 0!==t&&void 0!==e?i=t1.5||Math.abs(a.height-s.height)>1.5)),s},loadSlide:function(t){var e,o,i,a=this;if(!t.isLoading&&!t.isLoaded){if(t.isLoading=!0,!1===a.trigger("beforeLoad",t))return t.isLoading=!1,!1;switch(e=t.type,o=t.$slide,o.off("refresh").trigger("onReset").addClass(t.opts.slideClass),e){case"image":a.setImage(t);break;case"iframe":a.setIframe(t);break;case"html":a.setContent(t,t.src||t.content);break;case"video":a.setContent(t,t.opts.video.tpl.replace(/\{\{src\}\}/gi,t.src).replace("{{format}}",t.opts.videoFormat||t.opts.video.format||"").replace("{{poster}}",t.thumb||""));break;case"inline":n(t.src).length?a.setContent(t,n(t.src)):a.setError(t);break;case"ajax":a.showLoading(t),i=n.ajax(n.extend({},t.opts.ajax.settings,{url:t.src,success:function(e,n){"success"===n&&a.setContent(t,e)},error:function(e,n){e&&"abort"!==n&&a.setError(t)}})),o.one("onReset",function(){i.abort()});break;default:a.setError(t)}return!0}},setImage:function(t){var o,i=this;setTimeout(function(){var e=t.$image;i.isClosing||!t.isLoading||e&&e.length&&e[0].complete||t.hasError||i.showLoading(t)},50),i.checkSrcset(t),t.$content=n('
').addClass("fancybox-is-hidden").appendTo(t.$slide.addClass("fancybox-slide--image")),!1!==t.opts.preload&&t.opts.width&&t.opts.height&&t.thumb&&(t.width=t.opts.width,t.height=t.opts.height,o=e.createElement("img"),o.onerror=function(){n(this).remove(),t.$ghost=null},o.onload=function(){i.afterLoad(t)},t.$ghost=n(o).addClass("fancybox-image").appendTo(t.$content).attr("src",t.thumb)),i.setBigImage(t)},checkSrcset:function(e){var n,o,i,a,s=e.opts.srcset||e.opts.image.srcset;if(s){i=t.devicePixelRatio||1,a=t.innerWidth*i,o=s.split(",").map(function(t){var e={};return t.trim().split(/\s+/).forEach(function(t,n){var o=parseInt(t.substring(0,t.length-1),10);if(0===n)return e.url=t;o&&(e.value=o,e.postfix=t[t.length-1])}),e}),o.sort(function(t,e){return t.value-e.value});for(var r=0;r=a||"x"===c.postfix&&c.value>=i){n=c;break}}!n&&o.length&&(n=o[o.length-1]),n&&(e.src=n.url,e.width&&e.height&&"w"==n.postfix&&(e.height=e.width/e.height*n.value,e.width=n.value),e.opts.srcset=s)}},setBigImage:function(t){var o=this,i=e.createElement("img"),a=n(i);t.$image=a.one("error",function(){o.setError(t)}).one("load",function(){var e;t.$ghost||(o.resolveImageSlideSize(t,this.naturalWidth,this.naturalHeight),o.afterLoad(t)),o.isClosing||(t.opts.srcset&&(e=t.opts.sizes,e&&"auto"!==e||(e=(t.width/t.height>1&&s.width()/s.height()>1?"100":Math.round(t.width/t.height*100))+"vw"),a.attr("sizes",e).attr("srcset",t.opts.srcset)),t.$ghost&&setTimeout(function(){t.$ghost&&!o.isClosing&&t.$ghost.hide()},Math.min(300,Math.max(1e3,t.height/1600))),o.hideLoading(t))}).addClass("fancybox-image").attr("src",t.src).appendTo(t.$content),(i.complete||"complete"==i.readyState)&&a.naturalWidth&&a.naturalHeight?a.trigger("load"):i.error&&a.trigger("error")},resolveImageSlideSize:function(t,e,n){var o=parseInt(t.opts.width,10),i=parseInt(t.opts.height,10);t.width=e,t.height=n,o>0&&(t.width=o,t.height=Math.floor(o*n/e)),i>0&&(t.width=Math.floor(i*e/n),t.height=i)},setIframe:function(t){var e,o=this,i=t.opts.iframe,a=t.$slide;t.$content=n('
').css(i.css).appendTo(a),a.addClass("fancybox-slide--"+t.contentType),t.$iframe=e=n(i.tpl.replace(/\{rnd\}/g,(new Date).getTime())).attr(i.attr).appendTo(t.$content),i.preload?(o.showLoading(t),e.on("load.fb error.fb",function(e){this.isReady=1,t.$slide.trigger("refresh"),o.afterLoad(t)}),a.on("refresh.fb",function(){var n,o,s=t.$content,r=i.css.width,c=i.css.height;if(1===e[0].isReady){try{n=e.contents(),o=n.find("body")}catch(t){}o&&o.length&&o.children().length&&(a.css("overflow","visible"),s.css({width:"100%","max-width":"100%",height:"9999px"}),void 0===r&&(r=Math.ceil(Math.max(o[0].clientWidth,o.outerWidth(!0)))),s.css("width",r||"").css("max-width",""),void 0===c&&(c=Math.ceil(Math.max(o[0].clientHeight,o.outerHeight(!0)))),s.css("height",c||""),a.css("overflow","auto")),s.removeClass("fancybox-is-hidden")}})):o.afterLoad(t),e.attr("src",t.src),a.one("onReset",function(){try{n(this).find("iframe").hide().unbind().attr("src","//about:blank")}catch(t){}n(this).off("refresh.fb").empty(),t.isLoaded=!1,t.isRevealed=!1})},setContent:function(t,e){var o=this;o.isClosing||(o.hideLoading(t),t.$content&&n.fancybox.stop(t.$content),t.$slide.empty(),l(e)&&e.parent().length?((e.hasClass("fancybox-content")||e.parent().hasClass("fancybox-content"))&&e.parents(".fancybox-slide").trigger("onReset"),t.$placeholder=n("
").hide().insertAfter(e),e.css("display","inline-block")):t.hasError||("string"===n.type(e)&&(e=n("
").append(n.trim(e)).contents()),t.opts.filter&&(e=n("
").html(e).find(t.opts.filter))),t.$slide.one("onReset",function(){n(this).find("video,audio").trigger("pause"),t.$placeholder&&(t.$placeholder.after(e.removeClass("fancybox-content").hide()).remove(),t.$placeholder=null),t.$smallBtn&&(t.$smallBtn.remove(),t.$smallBtn=null),t.hasError||(n(this).empty(),t.isLoaded=!1,t.isRevealed=!1)}),n(e).appendTo(t.$slide),n(e).is("video,audio")&&(n(e).addClass("fancybox-video"),n(e).wrap("
"),t.contentType="video",t.opts.width=t.opts.width||n(e).attr("width"),t.opts.height=t.opts.height||n(e).attr("height")),t.$content=t.$slide.children().filter("div,form,main,video,audio,article,.fancybox-content").first(),t.$content.siblings().hide(),t.$content.length||(t.$content=t.$slide.wrapInner("
").children().first()),t.$content.addClass("fancybox-content"),t.$slide.addClass("fancybox-slide--"+t.contentType),o.afterLoad(t))},setError:function(t){t.hasError=!0,t.$slide.trigger("onReset").removeClass("fancybox-slide--"+t.contentType).addClass("fancybox-slide--error"),t.contentType="html",this.setContent(t,this.translate(t,t.opts.errorTpl)),t.pos===this.currPos&&(this.isAnimating=!1)},showLoading:function(t){var e=this;(t=t||e.current)&&!t.$spinner&&(t.$spinner=n(e.translate(e,e.opts.spinnerTpl)).appendTo(t.$slide).hide().fadeIn("fast"))},hideLoading:function(t){var e=this;(t=t||e.current)&&t.$spinner&&(t.$spinner.stop().remove(),delete t.$spinner)},afterLoad:function(t){var e=this;e.isClosing||(t.isLoading=!1,t.isLoaded=!0,e.trigger("afterLoad",t),e.hideLoading(t),!t.opts.smallBtn||t.$smallBtn&&t.$smallBtn.length||(t.$smallBtn=n(e.translate(t,t.opts.btnTpl.smallBtn)).appendTo(t.$content)),t.opts.protect&&t.$content&&!t.hasError&&(t.$content.on("contextmenu.fb",function(t){return 2==t.button&&t.preventDefault(),!0}),"image"===t.type&&n('
').appendTo(t.$content)),e.adjustCaption(t),e.adjustLayout(t),t.pos===e.currPos&&e.updateCursor(),e.revealContent(t))},adjustCaption:function(t){var e,n=this,o=t||n.current,i=o.opts.caption,a=o.opts.preventCaptionOverlap,s=n.$refs.caption,r=!1;s.toggleClass("fancybox-caption--separate",a),a&&i&&i.length&&(o.pos!==n.currPos?(e=s.clone().appendTo(s.parent()),e.children().eq(0).empty().html(i),r=e.outerHeight(!0),e.empty().remove()):n.$caption&&(r=n.$caption.outerHeight(!0)),o.$slide.css("padding-bottom",r||""))},adjustLayout:function(t){var e,n,o,i,a=this,s=t||a.current;s.isLoaded&&!0!==s.opts.disableLayoutFix&&(s.$content.css("margin-bottom",""),s.$content.outerHeight()>s.$slide.height()+.5&&(o=s.$slide[0].style["padding-bottom"],i=s.$slide.css("padding-bottom"),parseFloat(i)>0&&(e=s.$slide[0].scrollHeight,s.$slide.css("padding-bottom",0),Math.abs(e-s.$slide[0].scrollHeight)<1&&(n=i),s.$slide.css("padding-bottom",o))),s.$content.css("margin-bottom",n))},revealContent:function(t){var e,o,i,a,s=this,r=t.$slide,c=!1,l=!1,d=s.isMoved(t),u=t.isRevealed;return t.isRevealed=!0,e=t.opts[s.firstRun?"animationEffect":"transitionEffect"],i=t.opts[s.firstRun?"animationDuration":"transitionDuration"],i=parseInt(void 0===t.forcedDuration?i:t.forcedDuration,10),!d&&t.pos===s.currPos&&i||(e=!1),"zoom"===e&&(t.pos===s.currPos&&i&&"image"===t.type&&!t.hasError&&(l=s.getThumbPos(t))?c=s.getFitPos(t):e="fade"),"zoom"===e?(s.isAnimating=!0,c.scaleX=c.width/l.width,c.scaleY=c.height/l.height,a=t.opts.zoomOpacity,"auto"==a&&(a=Math.abs(t.width/t.height-l.width/l.height)>.1),a&&(l.opacity=.1,c.opacity=1),n.fancybox.setTranslate(t.$content.removeClass("fancybox-is-hidden"),l),p(t.$content),void n.fancybox.animate(t.$content,c,i,function(){s.isAnimating=!1,s.complete()})):(s.updateSlide(t),e?(n.fancybox.stop(r),o="fancybox-slide--"+(t.pos>=s.prevPos?"next":"previous")+" fancybox-animated fancybox-fx-"+e,r.addClass(o).removeClass("fancybox-slide--current"),t.$content.removeClass("fancybox-is-hidden"),p(r),"image"!==t.type&&t.$content.hide().show(0),void n.fancybox.animate(r,"fancybox-slide--current",i,function(){r.removeClass(o).css({transform:"",opacity:""}),t.pos===s.currPos&&s.complete()},!0)):(t.$content.removeClass("fancybox-is-hidden"),u||!d||"image"!==t.type||t.hasError||t.$content.hide().fadeIn("fast"),void(t.pos===s.currPos&&s.complete())))},getThumbPos:function(t){var e,o,i,a,s,r=!1,c=t.$thumb;return!(!c||!g(c[0]))&&(e=n.fancybox.getTranslate(c),o=parseFloat(c.css("border-top-width")||0),i=parseFloat(c.css("border-right-width")||0),a=parseFloat(c.css("border-bottom-width")||0),s=parseFloat(c.css("border-left-width")||0),r={top:e.top+o,left:e.left+s,width:e.width-i-s,height:e.height-o-a,scaleX:1,scaleY:1},e.width>0&&e.height>0&&r)},complete:function(){var t,e=this,o=e.current,i={};!e.isMoved()&&o.isLoaded&&(o.isComplete||(o.isComplete=!0,o.$slide.siblings().trigger("onReset"),e.preload("inline"),p(o.$slide),o.$slide.addClass("fancybox-slide--complete"),n.each(e.slides,function(t,o){o.pos>=e.currPos-1&&o.pos<=e.currPos+1?i[o.pos]=o:o&&(n.fancybox.stop(o.$slide),o.$slide.off().remove())}),e.slides=i),e.isAnimating=!1,e.updateCursor(),e.trigger("afterShow"),o.opts.video.autoStart&&o.$slide.find("video,audio").filter(":visible:first").trigger("play").one("ended",function(){Document.exitFullscreen?Document.exitFullscreen():this.webkitExitFullscreen&&this.webkitExitFullscreen(),e.next()}),o.opts.autoFocus&&"html"===o.contentType&&(t=o.$content.find("input[autofocus]:enabled:visible:first"),t.length?t.trigger("focus"):e.focus(null,!0)),o.$slide.scrollTop(0).scrollLeft(0))},preload:function(t){var e,n,o=this;o.group.length<2||(n=o.slides[o.currPos+1],e=o.slides[o.currPos-1],e&&e.type===t&&o.loadSlide(e),n&&n.type===t&&o.loadSlide(n))},focus:function(t,o){var i,a,s=this,r=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");s.isClosing||(i=!t&&s.current&&s.current.isComplete?s.current.$slide.find("*:visible"+(o?":not(.fancybox-close-small)":"")):s.$refs.container.find("*:visible"),i=i.filter(r).filter(function(){return"hidden"!==n(this).css("visibility")&&!n(this).hasClass("disabled")}),i.length?(a=i.index(e.activeElement),t&&t.shiftKey?(a<0||0==a)&&(t.preventDefault(),i.eq(i.length-1).trigger("focus")):(a<0||a==i.length-1)&&(t&&t.preventDefault(),i.eq(0).trigger("focus"))):s.$refs.container.trigger("focus"))},activate:function(){var t=this;n(".fancybox-container").each(function(){var e=n(this).data("FancyBox");e&&e.id!==t.id&&!e.isClosing&&(e.trigger("onDeactivate"),e.removeEvents(),e.isVisible=!1)}),t.isVisible=!0,(t.current||t.isIdle)&&(t.update(),t.updateControls()),t.trigger("onActivate"),t.addEvents()},close:function(t,e){var o,i,a,s,r,c,l,u=this,f=u.current,h=function(){u.cleanUp(t)};return!u.isClosing&&(u.isClosing=!0,!1===u.trigger("beforeClose",t)?(u.isClosing=!1,d(function(){u.update()}),!1):(u.removeEvents(),a=f.$content,o=f.opts.animationEffect,i=n.isNumeric(e)?e:o?f.opts.animationDuration:0,f.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated"),!0!==t?n.fancybox.stop(f.$slide):o=!1,f.$slide.siblings().trigger("onReset").remove(),i&&u.$refs.container.removeClass("fancybox-is-open").addClass("fancybox-is-closing").css("transition-duration",i+"ms"),u.hideLoading(f),u.hideControls(!0),u.updateCursor(),"zoom"!==o||a&&i&&"image"===f.type&&!u.isMoved()&&!f.hasError&&(l=u.getThumbPos(f))||(o="fade"),"zoom"===o?(n.fancybox.stop(a),s=n.fancybox.getTranslate(a),c={top:s.top,left:s.left,scaleX:s.width/l.width,scaleY:s.height/l.height,width:l.width,height:l.height},r=f.opts.zoomOpacity, +"auto"==r&&(r=Math.abs(f.width/f.height-l.width/l.height)>.1),r&&(l.opacity=0),n.fancybox.setTranslate(a,c),p(a),n.fancybox.animate(a,l,i,h),!0):(o&&i?n.fancybox.animate(f.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"),"fancybox-animated fancybox-fx-"+o,i,h):!0===t?setTimeout(h,i):h(),!0)))},cleanUp:function(e){var o,i,a,s=this,r=s.current.opts.$orig;s.current.$slide.trigger("onReset"),s.$refs.container.empty().remove(),s.trigger("afterClose",e),s.current.opts.backFocus&&(r&&r.length&&r.is(":visible")||(r=s.$trigger),r&&r.length&&(i=t.scrollX,a=t.scrollY,r.trigger("focus"),n("html, body").scrollTop(a).scrollLeft(i))),s.current=null,o=n.fancybox.getInstance(),o?o.activate():(n("body").removeClass("fancybox-active compensate-for-scrollbar"),n("#fancybox-style-noscroll").remove())},trigger:function(t,e){var o,i=Array.prototype.slice.call(arguments,1),a=this,s=e&&e.opts?e:a.current;if(s?i.unshift(s):s=a,i.unshift(a),n.isFunction(s.opts[t])&&(o=s.opts[t].apply(s,i)),!1===o)return o;"afterClose"!==t&&a.$refs?a.$refs.container.trigger(t+".fb",i):r.trigger(t+".fb",i)},updateControls:function(){var t=this,o=t.current,i=o.index,a=t.$refs.container,s=t.$refs.caption,r=o.opts.caption;o.$slide.trigger("refresh"),r&&r.length?(t.$caption=s,s.children().eq(0).html(r)):t.$caption=null,t.hasHiddenControls||t.isIdle||t.showControls(),a.find("[data-fancybox-count]").html(t.group.length),a.find("[data-fancybox-index]").html(i+1),a.find("[data-fancybox-prev]").prop("disabled",!o.opts.loop&&i<=0),a.find("[data-fancybox-next]").prop("disabled",!o.opts.loop&&i>=t.group.length-1),"image"===o.type?a.find("[data-fancybox-zoom]").show().end().find("[data-fancybox-download]").attr("href",o.opts.image.src||o.src).show():o.opts.toolbar&&a.find("[data-fancybox-download],[data-fancybox-zoom]").hide(),n(e.activeElement).is(":hidden,[disabled]")&&t.$refs.container.trigger("focus")},hideControls:function(t){var e=this,n=["infobar","toolbar","nav"];!t&&e.current.opts.preventCaptionOverlap||n.push("caption"),this.$refs.container.removeClass(n.map(function(t){return"fancybox-show-"+t}).join(" ")),this.hasHiddenControls=!0},showControls:function(){var t=this,e=t.current?t.current.opts:t.opts,n=t.$refs.container;t.hasHiddenControls=!1,t.idleSecondsCounter=0,n.toggleClass("fancybox-show-toolbar",!(!e.toolbar||!e.buttons)).toggleClass("fancybox-show-infobar",!!(e.infobar&&t.group.length>1)).toggleClass("fancybox-show-caption",!!t.$caption).toggleClass("fancybox-show-nav",!!(e.arrows&&t.group.length>1)).toggleClass("fancybox-is-modal",!!e.modal)},toggleControls:function(){this.hasHiddenControls?this.showControls():this.hideControls()}}),n.fancybox={version:"3.5.7",defaults:a,getInstance:function(t){var e=n('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),o=Array.prototype.slice.call(arguments,1);return e instanceof b&&("string"===n.type(t)?e[t].apply(e,o):"function"===n.type(t)&&t.apply(e,o),e)},open:function(t,e,n){return new b(t,e,n)},close:function(t){var e=this.getInstance();e&&(e.close(),!0===t&&this.close(t))},destroy:function(){this.close(!0),r.add("body").off("click.fb-start","**")},isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),use3d:function(){var n=e.createElement("div");return t.getComputedStyle&&t.getComputedStyle(n)&&t.getComputedStyle(n).getPropertyValue("transform")&&!(e.documentMode&&e.documentMode<11)}(),getTranslate:function(t){var e;return!(!t||!t.length)&&(e=t[0].getBoundingClientRect(),{top:e.top||0,left:e.left||0,width:e.width,height:e.height,opacity:parseFloat(t.css("opacity"))})},setTranslate:function(t,e){var n="",o={};if(t&&e)return void 0===e.left&&void 0===e.top||(n=(void 0===e.left?t.position().left:e.left)+"px, "+(void 0===e.top?t.position().top:e.top)+"px",n=this.use3d?"translate3d("+n+", 0px)":"translate("+n+")"),void 0!==e.scaleX&&void 0!==e.scaleY?n+=" scale("+e.scaleX+", "+e.scaleY+")":void 0!==e.scaleX&&(n+=" scaleX("+e.scaleX+")"),n.length&&(o.transform=n),void 0!==e.opacity&&(o.opacity=e.opacity),void 0!==e.width&&(o.width=e.width),void 0!==e.height&&(o.height=e.height),t.css(o)},animate:function(t,e,o,i,a){var s,r=this;n.isFunction(o)&&(i=o,o=null),r.stop(t),s=r.getTranslate(t),t.on(f,function(c){(!c||!c.originalEvent||t.is(c.originalEvent.target)&&"z-index"!=c.originalEvent.propertyName)&&(r.stop(t),n.isNumeric(o)&&t.css("transition-duration",""),n.isPlainObject(e)?void 0!==e.scaleX&&void 0!==e.scaleY&&r.setTranslate(t,{top:e.top,left:e.left,width:s.width*e.scaleX,height:s.height*e.scaleY,scaleX:1,scaleY:1}):!0!==a&&t.removeClass(e),n.isFunction(i)&&i(c))}),n.isNumeric(o)&&t.css("transition-duration",o+"ms"),n.isPlainObject(e)?(void 0!==e.scaleX&&void 0!==e.scaleY&&(delete e.width,delete e.height,t.parent().hasClass("fancybox-slide--image")&&t.parent().addClass("fancybox-is-scaling")),n.fancybox.setTranslate(t,e)):t.addClass(e),t.data("timer",setTimeout(function(){t.trigger(f)},o+33))},stop:function(t,e){t&&t.length&&(clearTimeout(t.data("timer")),e&&t.trigger(f),t.off(f).css("transition-duration",""),t.parent().removeClass("fancybox-is-scaling"))}},n.fn.fancybox=function(t){var e;return t=t||{},e=t.selector||!1,e?n("body").off("click.fb-start",e).on("click.fb-start",e,{options:t},i):this.off("click.fb-start").on("click.fb-start",{items:this,options:t},i),this},r.on("click.fb-start","[data-fancybox]",i),r.on("click.fb-start","[data-fancybox-trigger]",function(t){n('[data-fancybox="'+n(this).attr("data-fancybox-trigger")+'"]').eq(n(this).attr("data-fancybox-index")||0).trigger("click.fb-start",{$trigger:n(this)})}),function(){var t=null;r.on("mousedown mouseup focus blur",".fancybox-button",function(e){switch(e.type){case"mousedown":t=n(this);break;case"mouseup":t=null;break;case"focusin":n(".fancybox-button").removeClass("fancybox-focus"),n(this).is(t)||n(this).is("[disabled]")||n(this).addClass("fancybox-focus");break;case"focusout":n(".fancybox-button").removeClass("fancybox-focus")}})}()}}(window,document,jQuery),function(t){"use strict";var e={youtube:{matcher:/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},paramPlace:8,type:"iframe",url:"https://www.youtube-nocookie.com/embed/$4",thumb:"https://img.youtube.com/vi/$4/hqdefault.jpg"},vimeo:{matcher:/^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},paramPlace:3,type:"iframe",url:"//player.vimeo.com/video/$2"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},gmap_place:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/?ll="+(t[9]?t[9]+"&z="+Math.floor(t[10])+(t[12]?t[12].replace(/^\//,"&"):""):t[12]+"").replace(/\?/,"&")+"&output="+(t[12]&&t[12].indexOf("layer=c")>0?"svembed":"embed")}},gmap_search:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/maps?q="+t[5].replace("query=","q=").replace("api=1","")+"&output=embed"}}},n=function(e,n,o){if(e)return o=o||"","object"===t.type(o)&&(o=t.param(o,!0)),t.each(n,function(t,n){e=e.replace("$"+t,n||"")}),o.length&&(e+=(e.indexOf("?")>0?"&":"?")+o),e};t(document).on("objectNeedsType.fb",function(o,i,a){var s,r,c,l,d,u,f,p=a.src||"",h=!1;s=t.extend(!0,{},e,a.opts.media),t.each(s,function(e,o){if(c=p.match(o.matcher)){if(h=o.type,f=e,u={},o.paramPlace&&c[o.paramPlace]){d=c[o.paramPlace],"?"==d[0]&&(d=d.substring(1)),d=d.split("&");for(var i=0;i1&&("youtube"===n.contentSource||"vimeo"===n.contentSource)&&o.load(n.contentSource)}})}(jQuery),function(t,e,n){"use strict";var o=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),i=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),a=function(e){var n=[];e=e.originalEvent||e||t.e,e=e.touches&&e.touches.length?e.touches:e.changedTouches&&e.changedTouches.length?e.changedTouches:[e];for(var o in e)e[o].pageX?n.push({x:e[o].pageX,y:e[o].pageY}):e[o].clientX&&n.push({x:e[o].clientX,y:e[o].clientY});return n},s=function(t,e,n){return e&&t?"x"===n?t.x-e.x:"y"===n?t.y-e.y:Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2)):0},r=function(t){if(t.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe')||n.isFunction(t.get(0).onclick)||t.data("selectable"))return!0;for(var e=0,o=t[0].attributes,i=o.length;ee.clientHeight,a=("scroll"===o||"auto"===o)&&e.scrollWidth>e.clientWidth;return i||a},l=function(t){for(var e=!1;;){if(e=c(t.get(0)))break;if(t=t.parent(),!t.length||t.hasClass("fancybox-stage")||t.is("body"))break}return e},d=function(t){var e=this;e.instance=t,e.$bg=t.$refs.bg,e.$stage=t.$refs.stage,e.$container=t.$refs.container,e.destroy(),e.$container.on("touchstart.fb.touch mousedown.fb.touch",n.proxy(e,"ontouchstart"))};d.prototype.destroy=function(){var t=this;t.$container.off(".fb.touch"),n(e).off(".fb.touch"),t.requestId&&(i(t.requestId),t.requestId=null),t.tapped&&(clearTimeout(t.tapped),t.tapped=null)},d.prototype.ontouchstart=function(o){var i=this,c=n(o.target),d=i.instance,u=d.current,f=u.$slide,p=u.$content,h="touchstart"==o.type;if(h&&i.$container.off("mousedown.fb.touch"),(!o.originalEvent||2!=o.originalEvent.button)&&f.length&&c.length&&!r(c)&&!r(c.parent())&&(c.is("img")||!(o.originalEvent.clientX>c[0].clientWidth+c.offset().left))){if(!u||d.isAnimating||u.$slide.hasClass("fancybox-animated"))return o.stopPropagation(),void o.preventDefault();i.realPoints=i.startPoints=a(o),i.startPoints.length&&(u.touch&&o.stopPropagation(),i.startEvent=o,i.canTap=!0,i.$target=c,i.$content=p,i.opts=u.opts.touch,i.isPanning=!1,i.isSwiping=!1,i.isZooming=!1,i.isScrolling=!1,i.canPan=d.canPan(),i.startTime=(new Date).getTime(),i.distanceX=i.distanceY=i.distance=0,i.canvasWidth=Math.round(f[0].clientWidth),i.canvasHeight=Math.round(f[0].clientHeight),i.contentLastPos=null,i.contentStartPos=n.fancybox.getTranslate(i.$content)||{top:0,left:0},i.sliderStartPos=n.fancybox.getTranslate(f),i.stagePos=n.fancybox.getTranslate(d.$refs.stage),i.sliderStartPos.top-=i.stagePos.top,i.sliderStartPos.left-=i.stagePos.left,i.contentStartPos.top-=i.stagePos.top,i.contentStartPos.left-=i.stagePos.left,n(e).off(".fb.touch").on(h?"touchend.fb.touch touchcancel.fb.touch":"mouseup.fb.touch mouseleave.fb.touch",n.proxy(i,"ontouchend")).on(h?"touchmove.fb.touch":"mousemove.fb.touch",n.proxy(i,"ontouchmove")),n.fancybox.isMobile&&e.addEventListener("scroll",i.onscroll,!0),((i.opts||i.canPan)&&(c.is(i.$stage)||i.$stage.find(c).length)||(c.is(".fancybox-image")&&o.preventDefault(),n.fancybox.isMobile&&c.parents(".fancybox-caption").length))&&(i.isScrollable=l(c)||l(c.parent()),n.fancybox.isMobile&&i.isScrollable||o.preventDefault(),(1===i.startPoints.length||u.hasError)&&(i.canPan?(n.fancybox.stop(i.$content),i.isPanning=!0):i.isSwiping=!0,i.$container.addClass("fancybox-is-grabbing")),2===i.startPoints.length&&"image"===u.type&&(u.isLoaded||u.$ghost)&&(i.canTap=!1,i.isSwiping=!1,i.isPanning=!1,i.isZooming=!0,n.fancybox.stop(i.$content),i.centerPointStartX=.5*(i.startPoints[0].x+i.startPoints[1].x)-n(t).scrollLeft(),i.centerPointStartY=.5*(i.startPoints[0].y+i.startPoints[1].y)-n(t).scrollTop(),i.percentageOfImageAtPinchPointX=(i.centerPointStartX-i.contentStartPos.left)/i.contentStartPos.width,i.percentageOfImageAtPinchPointY=(i.centerPointStartY-i.contentStartPos.top)/i.contentStartPos.height,i.startDistanceBetweenFingers=s(i.startPoints[0],i.startPoints[1]))))}},d.prototype.onscroll=function(t){var n=this;n.isScrolling=!0,e.removeEventListener("scroll",n.onscroll,!0)},d.prototype.ontouchmove=function(t){var e=this;return void 0!==t.originalEvent.buttons&&0===t.originalEvent.buttons?void e.ontouchend(t):e.isScrolling?void(e.canTap=!1):(e.newPoints=a(t),void((e.opts||e.canPan)&&e.newPoints.length&&e.newPoints.length&&(e.isSwiping&&!0===e.isSwiping||t.preventDefault(),e.distanceX=s(e.newPoints[0],e.startPoints[0],"x"),e.distanceY=s(e.newPoints[0],e.startPoints[0],"y"),e.distance=s(e.newPoints[0],e.startPoints[0]),e.distance>0&&(e.isSwiping?e.onSwipe(t):e.isPanning?e.onPan():e.isZooming&&e.onZoom()))))},d.prototype.onSwipe=function(e){var a,s=this,r=s.instance,c=s.isSwiping,l=s.sliderStartPos.left||0;if(!0!==c)"x"==c&&(s.distanceX>0&&(s.instance.group.length<2||0===s.instance.current.index&&!s.instance.current.opts.loop)?l+=Math.pow(s.distanceX,.8):s.distanceX<0&&(s.instance.group.length<2||s.instance.current.index===s.instance.group.length-1&&!s.instance.current.opts.loop)?l-=Math.pow(-s.distanceX,.8):l+=s.distanceX),s.sliderLastPos={top:"x"==c?0:s.sliderStartPos.top+s.distanceY,left:l},s.requestId&&(i(s.requestId),s.requestId=null),s.requestId=o(function(){s.sliderLastPos&&(n.each(s.instance.slides,function(t,e){var o=e.pos-s.instance.currPos;n.fancybox.setTranslate(e.$slide,{top:s.sliderLastPos.top,left:s.sliderLastPos.left+o*s.canvasWidth+o*e.opts.gutter})}),s.$container.addClass("fancybox-is-sliding"))});else if(Math.abs(s.distance)>10){if(s.canTap=!1,r.group.length<2&&s.opts.vertical?s.isSwiping="y":r.isDragging||!1===s.opts.vertical||"auto"===s.opts.vertical&&n(t).width()>800?s.isSwiping="x":(a=Math.abs(180*Math.atan2(s.distanceY,s.distanceX)/Math.PI),s.isSwiping=a>45&&a<135?"y":"x"),"y"===s.isSwiping&&n.fancybox.isMobile&&s.isScrollable)return void(s.isScrolling=!0);r.isDragging=s.isSwiping,s.startPoints=s.newPoints,n.each(r.slides,function(t,e){var o,i;n.fancybox.stop(e.$slide),o=n.fancybox.getTranslate(e.$slide),i=n.fancybox.getTranslate(r.$refs.stage),e.$slide.css({transform:"",opacity:"","transition-duration":""}).removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")}),e.pos===r.current.pos&&(s.sliderStartPos.top=o.top-i.top,s.sliderStartPos.left=o.left-i.left),n.fancybox.setTranslate(e.$slide,{top:o.top-i.top,left:o.left-i.left})}),r.SlideShow&&r.SlideShow.isActive&&r.SlideShow.stop()}},d.prototype.onPan=function(){var t=this;if(s(t.newPoints[0],t.realPoints[0])<(n.fancybox.isMobile?10:5))return void(t.startPoints=t.newPoints);t.canTap=!1,t.contentLastPos=t.limitMovement(),t.requestId&&i(t.requestId),t.requestId=o(function(){n.fancybox.setTranslate(t.$content,t.contentLastPos)})},d.prototype.limitMovement=function(){var t,e,n,o,i,a,s=this,r=s.canvasWidth,c=s.canvasHeight,l=s.distanceX,d=s.distanceY,u=s.contentStartPos,f=u.left,p=u.top,h=u.width,g=u.height;return i=h>r?f+l:f,a=p+d,t=Math.max(0,.5*r-.5*h),e=Math.max(0,.5*c-.5*g),n=Math.min(r-h,.5*r-.5*h),o=Math.min(c-g,.5*c-.5*g),l>0&&i>t&&(i=t-1+Math.pow(-t+f+l,.8)||0),l<0&&i0&&a>e&&(a=e-1+Math.pow(-e+p+d,.8)||0),d<0&&aa?(t=t>0?0:t,t=ts?(e=e>0?0:e,e=e1&&(o.dMs>130&&s>10||s>50);o.sliderLastPos=null,"y"==t&&!e&&Math.abs(o.distanceY)>50?(n.fancybox.animate(o.instance.current.$slide,{top:o.sliderStartPos.top+o.distanceY+150*o.velocityY,opacity:0},200),i=o.instance.close(!0,250)):r&&o.distanceX>0?i=o.instance.previous(300):r&&o.distanceX<0&&(i=o.instance.next(300)),!1!==i||"x"!=t&&"y"!=t||o.instance.centerSlide(200),o.$container.removeClass("fancybox-is-sliding")},d.prototype.endPanning=function(){var t,e,o,i=this;i.contentLastPos&&(!1===i.opts.momentum||i.dMs>350?(t=i.contentLastPos.left,e=i.contentLastPos.top):(t=i.contentLastPos.left+500*i.velocityX,e=i.contentLastPos.top+500*i.velocityY),o=i.limitPosition(t,e,i.contentStartPos.width,i.contentStartPos.height),o.width=i.contentStartPos.width,o.height=i.contentStartPos.height,n.fancybox.animate(i.$content,o,366))},d.prototype.endZooming=function(){var t,e,o,i,a=this,s=a.instance.current,r=a.newWidth,c=a.newHeight;a.contentLastPos&&(t=a.contentLastPos.left,e=a.contentLastPos.top,i={top:e,left:t,width:r,height:c,scaleX:1,scaleY:1},n.fancybox.setTranslate(a.$content,i),rs.width||c>s.height?a.instance.scaleToActual(a.centerPointStartX,a.centerPointStartY,150):(o=a.limitPosition(t,e,r,c),n.fancybox.animate(a.$content,o,150)))},d.prototype.onTap=function(e){var o,i=this,s=n(e.target),r=i.instance,c=r.current,l=e&&a(e)||i.startPoints,d=l[0]?l[0].x-n(t).scrollLeft()-i.stagePos.left:0,u=l[0]?l[0].y-n(t).scrollTop()-i.stagePos.top:0,f=function(t){var o=c.opts[t];if(n.isFunction(o)&&(o=o.apply(r,[c,e])),o)switch(o){case"close":r.close(i.startEvent);break;case"toggleControls":r.toggleControls();break;case"next":r.next();break;case"nextOrClose":r.group.length>1?r.next():r.close(i.startEvent);break;case"zoom":"image"==c.type&&(c.isLoaded||c.$ghost)&&(r.canPan()?r.scaleToFit():r.isScaledDown()?r.scaleToActual(d,u):r.group.length<2&&r.close(i.startEvent))}};if((!e.originalEvent||2!=e.originalEvent.button)&&(s.is("img")||!(d>s[0].clientWidth+s.offset().left))){if(s.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container"))o="Outside";else if(s.is(".fancybox-slide"))o="Slide";else{if(!r.current.$content||!r.current.$content.find(s).addBack().filter(s).length)return;o="Content"}if(i.tapped){if(clearTimeout(i.tapped),i.tapped=null,Math.abs(d-i.tapX)>50||Math.abs(u-i.tapY)>50)return this;f("dblclick"+o)}else i.tapX=d,i.tapY=u,c.opts["dblclick"+o]&&c.opts["dblclick"+o]!==c.opts["click"+o]?i.tapped=setTimeout(function(){i.tapped=null,r.isAnimating||f("click"+o)},500):f("click"+o);return this}},n(e).on("onActivate.fb",function(t,e){e&&!e.Guestures&&(e.Guestures=new d(e))}).on("beforeClose.fb",function(t,e){e&&e.Guestures&&e.Guestures.destroy()})}(window,document,jQuery),function(t,e){"use strict";e.extend(!0,e.fancybox.defaults,{btnTpl:{slideShow:''},slideShow:{autoStart:!1,speed:3e3,progress:!0}});var n=function(t){this.instance=t,this.init()};e.extend(n.prototype,{timer:null,isActive:!1,$button:null,init:function(){var t=this,n=t.instance,o=n.group[n.currIndex].opts.slideShow;t.$button=n.$refs.toolbar.find("[data-fancybox-play]").on("click",function(){t.toggle()}),n.group.length<2||!o?t.$button.hide():o.progress&&(t.$progress=e('
').appendTo(n.$refs.inner))},set:function(t){var n=this,o=n.instance,i=o.current;i&&(!0===t||i.opts.loop||o.currIndex'},fullScreen:{autoStart:!1}}),e(t).on(n.fullscreenchange,function(){var t=o.isFullscreen(),n=e.fancybox.getInstance();n&&(n.current&&"image"===n.current.type&&n.isAnimating&&(n.isAnimating=!1,n.update(!0,!0,0),n.isComplete||n.complete()),n.trigger("onFullscreenChange",t),n.$refs.container.toggleClass("fancybox-is-fullscreen",t),n.$refs.toolbar.find("[data-fancybox-fullscreen]").toggleClass("fancybox-button--fsenter",!t).toggleClass("fancybox-button--fsexit",t))})}e(t).on({"onInit.fb":function(t,e){var i;if(!n)return void e.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();e&&e.group[e.currIndex].opts.fullScreen?(i=e.$refs.container,i.on("click.fb-fullscreen","[data-fancybox-fullscreen]",function(t){t.stopPropagation(),t.preventDefault(),o.toggle()}),e.opts.fullScreen&&!0===e.opts.fullScreen.autoStart&&o.request(),e.FullScreen=o):e&&e.$refs.toolbar.find("[data-fancybox-fullscreen]").hide()},"afterKeydown.fb":function(t,e,n,o,i){e&&e.FullScreen&&70===i&&(o.preventDefault(),e.FullScreen.toggle())},"beforeClose.fb":function(t,e){e&&e.FullScreen&&e.$refs.container.hasClass("fancybox-is-fullscreen")&&o.exit()}})}(document,jQuery),function(t,e){"use strict";var n="fancybox-thumbs";e.fancybox.defaults=e.extend(!0,{btnTpl:{thumbs:''},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"}},e.fancybox.defaults);var o=function(t){this.init(t)};e.extend(o.prototype,{$button:null,$grid:null,$list:null,isVisible:!1,isActive:!1,init:function(t){var e=this,n=t.group,o=0;e.instance=t,e.opts=n[t.currIndex].opts.thumbs,t.Thumbs=e,e.$button=t.$refs.toolbar.find("[data-fancybox-thumbs]");for(var i=0,a=n.length;i1));i++);o>1&&e.opts?(e.$button.removeAttr("style").on("click",function(){e.toggle()}),e.isActive=!0):e.$button.hide()},create:function(){var t,o=this,i=o.instance,a=o.opts.parentEl,s=[];o.$grid||(o.$grid=e('
').appendTo(i.$refs.container.find(a).addBack().filter(a)),o.$grid.on("click","a",function(){i.jumpTo(e(this).attr("data-index"))})),o.$list||(o.$list=e('
').appendTo(o.$grid)),e.each(i.group,function(e,n){t=n.thumb,t||"image"!==n.type||(t=n.src),s.push('")}),o.$list[0].innerHTML=s.join(""),"x"===o.opts.axis&&o.$list.width(parseInt(o.$grid.css("padding-right"),10)+i.group.length*o.$list.children().eq(0).outerWidth(!0))},focus:function(t){var e,n,o=this,i=o.$list,a=o.$grid;o.instance.current&&(e=i.children().removeClass("fancybox-thumbs-active").filter('[data-index="'+o.instance.current.index+'"]').addClass("fancybox-thumbs-active"),n=e.position(),"y"===o.opts.axis&&(n.top<0||n.top>i.height()-e.outerHeight())?i.stop().animate({scrollTop:i.scrollTop()+n.top},t):"x"===o.opts.axis&&(n.lefta.scrollLeft()+(a.width()-e.outerWidth()))&&i.parent().stop().animate({scrollLeft:n.left},t))},update:function(){var t=this;t.instance.$refs.container.toggleClass("fancybox-show-thumbs",this.isVisible),t.isVisible?(t.$grid||t.create(),t.instance.trigger("onThumbsShow"),t.focus(0)):t.$grid&&t.instance.trigger("onThumbsHide"),t.instance.update()},hide:function(){this.isVisible=!1,this.update()},show:function(){this.isVisible=!0,this.update()},toggle:function(){this.isVisible=!this.isVisible,this.update()}}),e(t).on({"onInit.fb":function(t,e){var n;e&&!e.Thumbs&&(n=new o(e),n.isActive&&!0===n.opts.autoStart&&n.show())},"beforeShow.fb":function(t,e,n,o){var i=e&&e.Thumbs;i&&i.isVisible&&i.focus(o?0:250)},"afterKeydown.fb":function(t,e,n,o,i){var a=e&&e.Thumbs;a&&a.isActive&&71===i&&(o.preventDefault(),a.toggle())},"beforeClose.fb":function(t,e){var n=e&&e.Thumbs;n&&n.isVisible&&!1!==n.opts.hideOnClose&&n.$grid.hide()}})}(document,jQuery),function(t,e){"use strict";function n(t){var e={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="};return String(t).replace(/[&<>"'`=\/]/g,function(t){return e[t]})}e.extend(!0,e.fancybox.defaults,{btnTpl:{share:''},share:{url:function(t,e){return!t.currentHash&&"inline"!==e.type&&"html"!==e.type&&(e.origSrc||e.src)||window.location}, +tpl:''}}),e(t).on("click","[data-fancybox-share]",function(){var t,o,i=e.fancybox.getInstance(),a=i.current||null;a&&("function"===e.type(a.opts.share.url)&&(t=a.opts.share.url.apply(a,[i,a])),o=a.opts.share.tpl.replace(/\{\{media\}\}/g,"image"===a.type?encodeURIComponent(a.src):"").replace(/\{\{url\}\}/g,encodeURIComponent(t)).replace(/\{\{url_raw\}\}/g,n(t)).replace(/\{\{descr\}\}/g,i.$caption?encodeURIComponent(i.$caption.text()):""),e.fancybox.open({src:i.translate(i,o),type:"html",opts:{touch:!1,animationEffect:!1,afterLoad:function(t,e){i.$refs.container.one("beforeClose.fb",function(){t.close(null,0)}),e.$content.find(".fancybox-share__button").click(function(){return window.open(this.href,"Share","width=550, height=450"),!1})},mobile:{autoFocus:!1}}}))})}(document,jQuery),function(t,e,n){"use strict";function o(){var e=t.location.hash.substr(1),n=e.split("-"),o=n.length>1&&/^\+?\d+$/.test(n[n.length-1])?parseInt(n.pop(-1),10)||1:1,i=n.join("-");return{hash:e,index:o<1?1:o,gallery:i}}function i(t){""!==t.gallery&&n("[data-fancybox='"+n.escapeSelector(t.gallery)+"']").eq(t.index-1).focus().trigger("click.fb-start")}function a(t){var e,n;return!!t&&(e=t.current?t.current.opts:t.opts,""!==(n=e.hash||(e.$orig?e.$orig.data("fancybox")||e.$orig.data("fancybox-trigger"):""))&&n)}n.escapeSelector||(n.escapeSelector=function(t){return(t+"").replace(/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g,function(t,e){return e?"\0"===t?"�":t.slice(0,-1)+"\\"+t.charCodeAt(t.length-1).toString(16)+" ":"\\"+t})}),n(function(){!1!==n.fancybox.defaults.hash&&(n(e).on({"onInit.fb":function(t,e){var n,i;!1!==e.group[e.currIndex].opts.hash&&(n=o(),(i=a(e))&&n.gallery&&i==n.gallery&&(e.currIndex=n.index-1))},"beforeShow.fb":function(n,o,i,s){var r;i&&!1!==i.opts.hash&&(r=a(o))&&(o.currentHash=r+(o.group.length>1?"-"+(i.index+1):""),t.location.hash!=="#"+o.currentHash&&(s&&!o.origHash&&(o.origHash=t.location.hash),o.hashTimer&&clearTimeout(o.hashTimer),o.hashTimer=setTimeout(function(){"replaceState"in t.history?(t.history[s?"pushState":"replaceState"]({},e.title,t.location.pathname+t.location.search+"#"+o.currentHash),s&&(o.hasCreatedHistory=!0)):t.location.hash=o.currentHash,o.hashTimer=null},300)))},"beforeClose.fb":function(n,o,i){i&&!1!==i.opts.hash&&(clearTimeout(o.hashTimer),o.currentHash&&o.hasCreatedHistory?t.history.back():o.currentHash&&("replaceState"in t.history?t.history.replaceState({},e.title,t.location.pathname+t.location.search+(o.origHash||"")):t.location.hash=o.origHash),o.currentHash=null)}}),n(t).on("hashchange.fb",function(){var t=o(),e=null;n.each(n(".fancybox-container").get().reverse(),function(t,o){var i=n(o).data("FancyBox");if(i&&i.currentHash)return e=i,!1}),e?e.currentHash===t.gallery+"-"+t.index||1===t.index&&e.currentHash==t.gallery||(e.currentHash=null,e.close()):""!==t.gallery&&i(t)}),setTimeout(function(){n.fancybox.getInstance()||i(o())},50))})}(window,document,jQuery),function(t,e){"use strict";var n=(new Date).getTime();e(t).on({"onInit.fb":function(t,e,o){e.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll",function(t){var o=e.current,i=(new Date).getTime();e.group.length<2||!1===o.opts.wheel||"auto"===o.opts.wheel&&"image"!==o.type||(t.preventDefault(),t.stopPropagation(),o.$slide.hasClass("fancybox-animated")||(t=t.originalEvent||t,i-n<250||(n=i,e[(-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail)<0?"next":"previous"]())))})}})}(document,jQuery); \ No newline at end of file diff --git a/themes/tps/assets/new/js/jquery.js b/themes/tps/assets/new/js/jquery.js new file mode 100644 index 0000000..d467083 --- /dev/null +++ b/themes/tps/assets/new/js/jquery.js @@ -0,0 +1,2 @@ +/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 setTimeout(resolve, time)); +} + + +window.onscroll = function () { + scrollPosition = Math.round(window.scrollY); + + if (scrollPosition > 100) { + document.querySelector('.header').classList.add('stick'); + } else { + document.querySelector('.header').classList.remove('stick'); + } +}; + +window.onclick = function (e) { + + // drop_lang.forEach(drop_lang => { + // if (drop_lang != undefined) { + // drop_lang.classList.contains('active') && !e.target.closest('.nav_inner'); + // drop_lang.classList.remove('active') + // } + // } + // ); + + // if (drop_lang.classList.contains('active') && !e.target.closest('.lang_box')) { + // drop_lang.classList.remove('active') + // } + + if (nav_bg.classList.contains('active') && !e.target.closest('.burger') && !e.target.closest('.lang_current') && !e.target.closest('.service_nav-link')) { + nav_bg.classList.remove('active') + body.classList.remove('active') + } + + if (burger.classList.contains('active') && !e.target.closest('.burger') && !e.target.closest('.lang_current') && !e.target.closest('.service_nav-link')) { + burger.classList.remove('active') + body.classList.remove('active') + } + + if (lang_drop.classList.contains('active') && !e.target.closest('.lang_current')) { + lang_drop.classList.remove('active') + } + + if (service_nav.classList.contains('active') && !e.target.closest('.service_nav-link')) { + service_nav.classList.remove('active') + } + +} + + +// Clicks ====================================================== + +if (lang_current != undefined) { + lang_current.addEventListener('click', function () { + sleep(2).then(() => { + lang_drop.classList.toggle('active'); + }); + }); +} + + +if (burger != undefined) { + burger.addEventListener('click', function () { + sleep(2).then(() => { + nav_bg.classList.toggle('active'); + burger.classList.toggle('active'); + body.classList.toggle('active'); + }); + }); +} + +if (service_nav_link != undefined) { + service_nav_link.addEventListener('click', function () { + sleep(2).then(() => { + service_nav.classList.toggle('active'); + }); + }); +} diff --git a/themes/tps/assets/new/js/modal-close.js b/themes/tps/assets/new/js/modal-close.js new file mode 100644 index 0000000..0e25ecf --- /dev/null +++ b/themes/tps/assets/new/js/modal-close.js @@ -0,0 +1,30 @@ +const modBtn = document.querySelectorAll(".modBtn"); +const mod = document.querySelectorAll(".mod"); + +modBtn.forEach((e) => { + onModClick(modBtn, mod, e); +}); + +const modClose = document.querySelectorAll(".modClose").forEach((e) => { + e.addEventListener("click", function (x) { + var modId = x.target.dataset.mod; + document.querySelector("#" + modId).classList.remove("active"); + }); +}); + +function onModClick(modBtns, mods, modItem) { + modItem.addEventListener("click", function (e) { + let currentModBtn = modItem; + let modTabId = currentModBtn.getAttribute("data-tab"); + let currentMod = document.querySelector(modTabId); + if (!currentModBtn.classList.contains("active")) { + modBtns.forEach(function (modItem) { + modItem.classList.remove("active"); + }); + mods.forEach(function (modItem) { + modItem.classList.remove("active"); + }); + currentMod.classList.add("active"); + } + }); +} diff --git a/themes/tps/assets/new/js/slick.min.js b/themes/tps/assets/new/js/slick.min.js new file mode 100644 index 0000000..42172c2 --- /dev/null +++ b/themes/tps/assets/new/js/slick.min.js @@ -0,0 +1 @@ +!function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";var e=window.Slick||{};(e=function(){var e=0;return function(t,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(t),appendDots:i(t),arrows:!0,asNavFor:null,prevArrow:'',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i(' +
+
+
+
+ + + + +{% partial "home/clients" %} + +{% put scripts %} + +{% endput %} \ No newline at end of file diff --git a/themes/tps/pages/home.htm b/themes/tps/pages/home.htm index 751e583..efdc8b0 100755 --- a/themes/tps/pages/home.htm +++ b/themes/tps/pages/home.htm @@ -1,10 +1,13 @@ -title = "Home" -url = "/" +title = "Home OLD" +url = "/home-old" layout = "master" -description = "Tps advertising, Advertisements in turkmenistan" +description = "Главная страница, Рекламное агентство, Реклама Туркменистан, Рекламные услуги, Маркетинг Ашхабад, Рекламная компания, Туркменистан маркетинг, Реклама в туркменских СМИ, Печатная реклама, Рекламные брошюры, Рекламные видеоролики, Рекламное агентство в Ашхабаде, Таргетированная реклама, Туркменские рекламные тенденции, Реклама на языке Туркменистана, Мультимедийная реклама, Интернет-маркетинг в Туркменистане" meta_title = "Главная" -meta_description = "Агентство полного цикла, аналогов которому нет в стране. Все рекламные услуги в одном месте. Лучшие маркетинговые решения и рекламная продукция." +meta_description = "Рекламное агентство полного цикла в Ашхабаде. Все рекламные услуги в одном месте: маркетинг, печатная реклама, мультимедийная реклама и интернет-маркетинг в Туркменистане." is_hidden = 0 + +[viewBag] +localeDescription[tm] = "Reklama tm, reklama hyzmaty, Reklama Ashgabat, reclama agentligi, turkmen reklam, trukmen reklama, turkmen tv, biznes Turkmenistan, biznes reklama gazeti, reklama group pul gazanmak" == {% partial 'home/slider' %} {% partial 'home/about' %} diff --git a/themes/tps/pages/home2.htm b/themes/tps/pages/home2.htm new file mode 100755 index 0000000..7d73278 --- /dev/null +++ b/themes/tps/pages/home2.htm @@ -0,0 +1,13 @@ +title = "home2" +url = "/" +layout = "master2-without-footer" +description = "Tapylgysyz Mahabat, prezentasiýalar, Tps advertising, tps agency, tps digital, mahabat, sergi stendleri, mahabat reklama, indoor advertising, haryt önümçiligi, Advertisements in turkmenistan, наружная реклама, баннер реклама, реклама сайт, реклама онлайн" +meta_title = "Главная" +meta_description = "Агентство полного цикла, аналогов которому нет в стране. Все рекламные услуги в одном месте. Лучшие маркетинговые решения и рекламная продукция." +is_hidden = 0 + +[viewBag] +localeMeta_description[tm] = "“TPS” Mahabat agentligi – mahabat, internet hyzmatlar, çäreleri guramak, poligrafiýa, haryt önümçilik, dizaýn, marketing barlaglary pudaklarynda Türkmenistanyň öňdebaryjy kompaniýasydyr." +localeMeta_description[en] = "TPS Advertising Agency - a multi-profile company in the field of advertising, digital services, promotion, event organization, printing, production, design, and market research in Turkmenistan" +== +{% partial "home/service" %} \ No newline at end of file diff --git a/themes/tps/pages/kontakty.htm b/themes/tps/pages/kontakty.htm index 1271ae7..9107391 100755 --- a/themes/tps/pages/kontakty.htm +++ b/themes/tps/pages/kontakty.htm @@ -1,37 +1,73 @@ title = "Контакты" -url = "/contact" -layout = "master" -description = "Чтобы связаться с нами, заполните форму ниже или позвоните по указанному телефону. Вы также можете просмотреть маршрут на карте." +url = "/kontakty" +layout = "master2" +description = "Реклама в Ашхабаде, реклама в Туркменистане, тривижины, уличная реклама, торговый центр Беркарар, Ашгабат молл, оптовка, реклама в оптовке, аэропорт Ашхабад, лэд экраны, býujet näme, mahabat müdirligi, tm agency,tm agency" meta_title = "Контакты" -meta_description = "Чтобы связаться с нами, заполните форму ниже или позвоните по указанному -телефону. Вы также можете просмотреть маршрут на карте." +meta_description = "Чтобы связаться с менеджером «TPS», звоните по номеру +99312 454111, заполните форму на сайте или посетите офис по указанному адресу." is_hidden = 0 + +[viewBag] +localeTitle[en] = "Contact us" +localeTitle[tm] = "Habarlaşmak üçin" +localeUrl[en] = "/contact-us" +localeUrl[tm] = "/habarlasmak-ucin" +localeDescription[tm] = "Biz bilen habarlaşmak üçin aşakdaky görnüşi dolduryň ýa-da berlen belgä jaň ediň +99312 454111. Şeýle hem marşruty kartada görüp bilersiňiz." +localeDescription[en] = "To get in touch with us, please fill out the form below or call the provided phone number +99312 454111. You can also check the map for directions." +localeMeta_title[en] = "Contact us" +localeMeta_title[tm] = "Habarlaşmak üçin" +localeMeta_description[en] = "To get in touch with us, please fill out the form below or call the provided phone number +99312 454111. You can also check the map for directions." +localeMeta_description[tm] = "Biz bilen habarlaşmak üçin aşakdaky görnüşi dolduryň ýa-da berlen belgä jaň ediň +99312 454111. Şeýle hem marşruty kartada görüp bilersiňiz." + +[genericForm] +group = "Contact Us" +messages_success = "Your form was successfully submitted" +messages_errors = "There were errors with your submission" +mail_enabled = 1 +mail_subject = "Conatct Us from TPS" +mail_recipients[] = "info@tpsadvertising.com" +mail_bcc[] = "info@tpsadvertising.com" +reset_form = 1 +inline_errors = "disabled" +sanitize_data = "disabled" +anonymize_ip = "disabled" +recaptcha_theme = "light" +recaptcha_type = "image" +recaptcha_size = "normal" +emails_date_format = "Y-m-d" == {% partial 'header' %} + + + + +
-

- Свяжитесь с нами +

+ {{'contact.title'|_}}

-
+ + + {{ form_token() }} +
- +
- +
- +
- +
@@ -77,10 +113,11 @@ is_hidden = 0
- Телефон: + {{'contact.phone.title'|_}}

- +99312 454111 + {{'contact.phone'|_}} +

@@ -92,10 +129,10 @@ is_hidden = 0
- Email: + {{'contact.email.title'|_}}

- info@tpsadvertising.com + {{'contact.email'|_}}

diff --git a/themes/tps/pages/portfolio.htm b/themes/tps/pages/portfolio.htm index 190800d..682b39c 100755 --- a/themes/tps/pages/portfolio.htm +++ b/themes/tps/pages/portfolio.htm @@ -1,38 +1,66 @@ title = "Портфолио" -url = "/portfolio/:page?" -layout = "master" -description = "На счету TPS сотни успешно реализованных проектов любой сложности. Наши заказчики – локальные и международные компании. - -Вы можете просмотреть примеры и выбрать что-то похожее или создать свое уникальное, вдохновившись нашими работами." +url = "/portfolio/:id?/:page?" +layout = "master2" +description = "souvenir production, potolok turkmenche, çaphana hyzmatlary, выставочные стенды, реклама тм, exhibition client" meta_title = "Портфолио" -meta_description = "На счету TPS сотни успешно реализованных проектов любой сложности. Наши -заказчики – локальные и международные компании." +meta_description = "На счету «TPS» сотни успешно выполненных проектов. Наше портфолио поможет выбрать готовый вариант или вдохновиться на создание собственного." is_hidden = 0 +[viewBag] +localeTitle[en] = "Portfolio" +localeTitle[tm] = "Portfolio" +localeDescription[tm] = "souvenir production, potolok turkmenche, çaphana hyzmatlary, выставочные стенды, реклама тм, exhibition client" +localeDescription[en] = "souvenir production, potolok turkmenche, çaphana hyzmatlary, выставочные стенды, реклама тм, exhibition client" +localeMeta_title[en] = "Portfolio" +localeMeta_title[tm] = "Portfolio" + [builderList] modelClass = "Akami\Tps\Models\Portfolio" -scope = "-" -scopeValue = "{{ :scope }}" +scope = "scopeGetBYCategory" +scopeValue = "{{ :id }}" displayColumn = "id" noRecordsMessage = "No records found" detailsPage = "-" detailsUrlParameter = "id" recordsPerPage = 6 pageNumber = "{{ :page }}" + +[builderList builderList2] +modelClass = "Akami\Tps\Models\PortfolioCategory" +scope = "-" +scopeValue = "{{ :scope }}" +displayColumn = "id" +noRecordsMessage = "No records found" +detailsPage = "-" +detailsUrlParameter = "id" +pageNumber = "{{ :page }}" == {% put styles %} - - + + {% endput %} {% partial 'header' %} + +{% set records2 = builderList2.records %} +{% set displayColumn = builderList2.displayColumn %} +{% set noRecordsMessage = builderList2.noRecordsMessage %} +{% set detailsPage = builderList2.detailsPage %} +{% set detailsKeyColumn = builderList2.detailsKeyColumn %} +{% set detailsUrlParameter = builderList2.detailsUrlParameter %} + + + + + + {% set records = builderList.records %} {% set displayColumn = builderList.displayColumn %} {% set noRecordsMessage = builderList.noRecordsMessage %} @@ -41,7 +69,7 @@ pageNumber = "{{ :page }}" {% set detailsUrlParameter = builderList.detailsUrlParameter %} -