frontview 1.1.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +23 -14
  3. data/frontview.gemspec +0 -1
  4. data/lib/frontview.rb +1 -2
  5. data/lib/frontview/contents/alerts_content.rb +3 -3
  6. data/lib/frontview/contents/application_content.rb +27 -26
  7. data/lib/frontview/contents/footer_content.rb +90 -18
  8. data/lib/frontview/contents/header_content.rb +50 -17
  9. data/lib/frontview/contents/index_routes_content.rb +482 -108
  10. data/lib/frontview/contents/main_content.rb +206 -101
  11. data/lib/frontview/contents/style_content.rb +3409 -217
  12. data/lib/frontview/install_generator.rb +56 -2
  13. data/lib/frontview/version.rb +1 -1
  14. data/logo/logo.png +0 -0
  15. metadata +3 -21
  16. data/Gemfile.lock +0 -155
  17. data/frontview-0.1.0.gem +0 -0
  18. data/frontview-0.1.1.gem +0 -0
  19. data/frontview-1.0.1.gem +0 -0
  20. data/frontview-1.1.1.gem +0 -0
data/lib/frontview/contents/main_content.rb CHANGED
@@ -4,110 +4,215 @@ module Frontview
4
4
  def write_in_main_file
5
5
  File.open("app/javascript/packs/main.js", "w+") {
6
6
  |file| file.puts(
7
- "$(document).ready(function() {
8
- \"use strict\";
9
- if (document.getElementById(\"default-select\")) {
10
- $('select').niceSelect();
11
- };
12
- if (document.getElementById(\"default-select2\")) {
13
- $('select').niceSelect();
14
- };
15
- if (document.getElementById(\"service-select\")) {
16
- $('select').niceSelect();
17
- };
18
- $('.img-pop-up').magnificPopup({
19
- type: 'image',
20
- gallery: {
21
- enabled: true
22
- }
23
- });
24
- if ($('#nav-menu-container').length) {
25
- var $mobile_nav = $('#nav-menu-container').clone().prop({
26
- id: 'mobile-nav'
27
- });
28
- $mobile_nav.find('> ul').attr({
29
- 'class': '',
30
- 'id': ''
31
- });
32
- $('body').append($mobile_nav);
33
- $('body').prepend('<button type=\"button\" id=\"mobile-nav-toggle\"><i class=\"lnr lnr-menu\"></i></button>');
34
- $('body').append('<div id=\"mobile-body-overly\"></div>');
35
- $('#mobile-nav').find('.menu-has-children').prepend('<i class=\"lnr lnr-chevron-down\"></i>');
7
+ "(function ($)
8
+ { \"use strict\"
9
+
10
+ /* Proloder */
11
+ $(window).on('load', function () {
12
+ $('#preloader-active').delay(450).fadeOut('slow');
13
+ $('body').delay(450).css({
14
+ 'overflow': 'visible'
15
+ });
16
+ });
36
17
 
37
- $(document).on('click', '.menu-has-children i', function(e) {
38
- $(this).next().toggleClass('menu-item-active');
39
- $(this).nextAll('ul').eq(0).slideToggle();
40
- $(this).toggleClass(\"lnr-chevron-up lnr-chevron-down\");
41
- });
18
+ /* slick Nav */
19
+ // mobile_menu
20
+ var menu = $('ul#navigation');
21
+ if(menu.length){
22
+ menu.slicknav({
23
+ prependTo: \".mobile_menu\",
24
+ closedSymbol: '+',
25
+ openedSymbol:'-'
26
+ });
27
+ };
42
28
 
43
- $(document).on('click', '#mobile-nav-toggle', function(e) {
44
- $('body').toggleClass('mobile-nav-active');
45
- $('#mobile-nav-toggle i').toggleClass('lnr-cross lnr-menu');
46
- $('#mobile-body-overly').toggle();
47
- });
29
+ /* MainSlider-1 */
30
+ function mainSlider() {
31
+ var BasicSlider = $('.slider-active');
32
+ BasicSlider.on('init', function (e, slick) {
33
+ var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]');
34
+ doAnimations($firstAnimatingElements);
35
+ });
36
+ BasicSlider.on('beforeChange', function (e, slick, currentSlide, nextSlide) {
37
+ var $animatingElements = $('.single-slider[data-slick-index=\"' + nextSlide + '\"]').find('[data-animation]');
38
+ doAnimations($animatingElements);
39
+ });
40
+ BasicSlider.slick({
41
+ autoplay: false,
42
+ autoplaySpeed: 10000,
43
+ dots: false,
44
+ fade: true,
45
+ arrows: false,
46
+ prevArrow: '<button type=\"button\" class=\"slick-prev\"><i class=\"ti-shift-left\"></i></button>',
47
+ nextArrow: '<button type=\"button\" class=\"slick-next\"><i class=\"ti-shift-right\"></i></button>',
48
+ responsive: [{
49
+ breakpoint: 1024,
50
+ settings: {
51
+ slidesToShow: 1,
52
+ slidesToScroll: 1,
53
+ infinite: true,
54
+ }
55
+ },
56
+ {
57
+ breakpoint: 991,
58
+ settings: {
59
+ slidesToShow: 1,
60
+ slidesToScroll: 1,
61
+ arrows: false
62
+ }
63
+ },
64
+ {
65
+ breakpoint: 767,
66
+ settings: {
67
+ slidesToShow: 1,
68
+ slidesToScroll: 1,
69
+ arrows: false
70
+ }
71
+ }
72
+ ]
73
+ });
48
74
 
49
- $(document).on('click', function(e) {
50
- var container = $(\"#mobile-nav, #mobile-nav-toggle\");
51
- if (!container.is(e.target) && container.has(e.target).length === 0) {
52
- if ($('body').hasClass('mobile-nav-active')) {
53
- $('body').removeClass('mobile-nav-active');
54
- $('#mobile-nav-toggle i').toggleClass('lnr-cross lnr-menu');
55
- $('#mobile-body-overly').fadeOut();
56
- }
57
- }
58
- });
59
- } else if ($(\"#mobile-nav, #mobile-nav-toggle\").length) {
60
- $(\"#mobile-nav, #mobile-nav-toggle\").hide();
61
- }
62
- });
63
- const galleryItems=document.querySelector(\".gallery-items\").children;
64
- const prev=document.querySelector(\".prev\");
65
- const next=document.querySelector(\".next\");
66
- const page=document.querySelector(\".page-num\");
67
- const maxItem=3;
68
- let index=1;
69
- const pagination=Math.ceil(galleryItems.length/maxItem);
70
- console.log(pagination)
71
- prev.addEventListener(\"click\",function(){
72
- index--;
73
- check();
74
- showItems();
75
- })
76
- next.addEventListener(\"click\",function(){
77
- index++;
78
- check();
79
- showItems();
80
- })
81
- function check(){
82
- if(index==pagination){
83
- next.classList.add(\"disabled\");
84
- }
85
- else{
86
- next.classList.remove(\"disabled\");
87
- }
88
- if(index==1){
89
- prev.classList.add(\"disabled\");
90
- }
91
- else{
92
- prev.classList.remove(\"disabled\");
93
- }
94
- }
95
- function showItems() {
96
- for(let i=0;i<galleryItems.length; i++){
97
- galleryItems[i].classList.remove(\"show\");
98
- galleryItems[i].classList.add(\"hide\");
99
- if(i>=(index*maxItem)-maxItem && i<index*maxItem){
100
- galleryItems[i].classList.remove(\"hide\");
101
- galleryItems[i].classList.add(\"show\");
102
- }
103
- page.innerHTML=index;
104
- }
105
- }
106
- window.onload=function(){
107
- showItems();
108
- check();
109
- }"
110
- )
75
+ function doAnimations(elements) {
76
+ var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
77
+ elements.each(function () {
78
+ var $this = $(this);
79
+ var $animationDelay = $this.data('delay');
80
+ var $animationType = 'animated ' + $this.data('animation');
81
+ $this.css({
82
+ 'animation-delay': $animationDelay,
83
+ '-webkit-animation-delay': $animationDelay
84
+ });
85
+ $this.addClass($animationType).one(animationEndEvents, function () {
86
+ $this.removeClass($animationType);
87
+ });
88
+ });
89
+ }
90
+ }
91
+ mainSlider();
92
+
93
+ /* Applic App */
94
+ var client_list = $('.app-active');
95
+ if(client_list.length){
96
+ client_list.owlCarousel({
97
+ slidesToShow: 3,
98
+ slidesToScroll: 1,
99
+ loop: true,
100
+ autoplay:true,
101
+ speed: 3000,
102
+ smartSpeed:2000,
103
+ dots: false,
104
+ margin: 15,
105
+ nav : false,
106
+ navText : [\"<i class='fas fa-arrow-left'></i>\",\"<i class='fas fa-arrow-right'></i>\"],
107
+ autoplayHoverPause: true,
108
+ responsive : {
109
+ 0 : {
110
+ items: 1
111
+ },
112
+ 768 : {
113
+ items: 2
114
+ },
115
+ 992 : {
116
+ items: 2
117
+ },
118
+ 1200:{
119
+ items: 4
120
+ }
121
+ }
122
+ });
123
+ }
124
+
125
+ // Pop Up Window
126
+ $(window).load(function () {
127
+ $(\".trigger_popup_fricc\").click(function(){
128
+ $('.hover_bkgr_fricc').show();
129
+ });
130
+ $('.hover_bkgr_fricc').click(function(){
131
+ $('.hover_bkgr_fricc').hide();
132
+ });
133
+ $('.popupCloseButton').click(function(){
134
+ $('.hover_bkgr_fricc').hide();
135
+ });
136
+ });
137
+
138
+ $(window).load(function () {
139
+ $(\".trigger_popup_fricc2\").click(function(){
140
+ $('.hover_bkgr_fricc2').show();
141
+ });
142
+ $('.hover_bkgr_fricc2').click(function(){
143
+ $('.hover_bkgr_fricc2').hide();
144
+ });
145
+ $('.popupCloseButton').click(function(){
146
+ $('.hover_bkgr_fricc2').hide();
147
+ });
148
+ });
149
+
150
+ $(window).load(function () {
151
+ $(\".trigger_popup_fricc3\").click(function(){
152
+ $('.hover_bkgr_fricc3').show();
153
+ });
154
+ $('.hover_bkgr_fricc3').click(function(){
155
+ $('.hover_bkgr_fricc3').hide();
156
+ });
157
+ $('.popupCloseButton').click(function(){
158
+ $('.hover_bkgr_fricc3').hide();
159
+ });
160
+ });
161
+
162
+ /* Nice Selectorp */
163
+ var nice_Select = $('select');
164
+ if(nice_Select.length){
165
+ nice_Select.niceSelect();
166
+ }
167
+
168
+ /* Custom Sticky Menu */
169
+ $(window).on('scroll', function () {
170
+ var scroll = $(window).scrollTop();
171
+ if (scroll < 245) {
172
+ $(\".header-sticky\").removeClass(\"sticky-bar\");
173
+ } else {
174
+ $(\".header-sticky\").addClass(\"sticky-bar\");
175
+ }
176
+ });
177
+
178
+ $(window).on('scroll', function () {
179
+ var scroll = $(window).scrollTop();
180
+ if (scroll < 245) {
181
+ $(\".header-sticky\").removeClass(\"sticky\");
182
+ } else {
183
+ $(\".header-sticky\").addClass(\"sticky\");
184
+ }
185
+ });
186
+
187
+ /* sildeBar scroll */
188
+ $.scrollUp({
189
+ scrollName: 'scrollUp',
190
+ topDistance: '300',
191
+ topSpeed: 300,
192
+ animation: 'fade',
193
+ animationInSpeed: 200,
194
+ animationOutSpeed: 200,
195
+ scrollText: \"↑\",
196
+ activeOverlay: false,
197
+ });
198
+
199
+ /* data-background */
200
+ $(\"[data-background]\").each(function () {
201
+ $(this).css(\"background-image\", \"url(\" + $(this).attr(\"data-background\") + \")\")
202
+ });
203
+
204
+ // Pop Up Img
205
+ var popUp = $('.single_gallery_part, .img-pop-up');
206
+ if(popUp.length){
207
+ popUp.magnificPopup({
208
+ type: 'image',
209
+ gallery:{
210
+ enabled:true
211
+ }
212
+ });
213
+ }
214
+ })(jQuery);"
215
+ )
111
216
  }
112
217
  end
113
218
  end
data/lib/frontview/contents/style_content.rb CHANGED
@@ -4,223 +4,3415 @@ module Frontview
4
4
  def write_in_style
5
5
  File.open("app/assets/stylesheets/css/style.css", "w+") {
6
6
  |file| file.puts(
7
- '::-moz-selection{background-color:#8490ff;color:#fff}
8
- ::selection{background-color:#8490ff;color:#fff}
9
- ::-webkit-input-placeholder{color:#777;font-weight:300}
10
- :-moz-placeholder{color:#777;opacity:1;font-weight:300}
11
- ::-moz-placeholder{color:#777;opacity:1;font-weight:300}
12
- :-ms-input-placeholder{color:#777;font-weight:300}
13
- ::-ms-input-placeholder{color:#777;font-weight:300}
14
- body{color:#777;font-family:Poppins,sans-serif;font-size:14px;font-weight:300;line-height:1.625em;position:relative}
15
- ul{margin:0;padding:0;list-style:none}
16
- select{display:block}
17
- a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
18
- frame{border:0}
19
- a,a:focus,a:hover{text-decoration:none;outline:0}
20
- .btn.active:focus,
21
- .btn:active:focus,
22
- .btn:focus{text-decoration:none;outline:0}
23
- .btn i{font-size:1em;line-height:inherit}
24
- h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:#222;line-height:1.2em!important;margin-bottom:0;margin-top:0;font-weight:600}
25
- .h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;margin-top:0;font-family:Poppins,sans-serif;font-weight:600;color:#222}.h1,h1{font-size:36px}
26
- .h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px;color:#222}
27
- .mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}
28
- .mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}
29
- .mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:10px}
30
- .pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}
31
- .pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:25px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}
32
- .pb-100{padding-bottom:100px}.pb-120{padding-bottom:120px}.pb-150{padding-bottom:150px}.p-40{padding:40px}
33
- .text-white{color:#fff}.text-center{text-align:center}
34
- .flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
35
- .flex-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
36
- .flex-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
37
- .flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
38
- .flex-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
39
- .space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}
40
- .relative{position:relative}
41
- .overlay{position:absolute;left:0;right:0;top:0;bottom:0}
42
- .section-bg{background:#f9fafc}
43
- .white-bg{background:#fff}
44
- h1{font-size:36px}h2{font-size:30px}h3{font-size:27px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
45
- h1,h2,h3,h4,h5,h6{line-height:1.5em}
46
- .button-area{background:#f9f9ff}
47
- .btn.active:focus,.btn:active:focus,.btn:focus{text-decoration:none;outline:0}
48
- .btn i{font-size:1em;line-height:inherit}
49
- .f700{font-weight:700}
50
- .text-center{text-align:center}
51
- .relative{position:relative}
52
- .button-area{background:#f9f9ff}
53
- .default-select{height:40px}
54
- .default-select .current{margin-right:50px;font-weight:300}
55
- .form-select{height:40px;width:100%}
56
- .form-select .current{margin-right:50px;font-weight:300}
57
- .main-menu{padding-bottom:20px;padding-top:20px}
58
- #header{position:fixed;left:0;top:0;right:0;transition:all .5s;z-index:997;background:#f6f7fb}
59
- #header.header-scrolled{transition:all .5s;box-shadow:-21.213px 21.213px 30px 0 rgba(158,158,158,.3)}
60
- #header.header-scrolled .main-menu{border-color:transparent}@media (max-width:673px){#logo{margin-left:20px}}
61
- .menu-active,.nav-menu li:hover>a{color:#8490ff!important}
62
- .nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
63
- .nav-menu ul{position:absolute;display:none;top:100%;right:0;z-index:99}
64
- .nav-menu li{position:relative;white-space:nowrap}
65
- .nav-menu>li{float:left}
66
- .nav-menu li:hover>ul{display:block}
67
- .nav-menu ul ul{top:0;right:100%}
68
- .nav-menu ul li{min-width:180px}@media (max-width:768px){#nav-menu-container{display:none}}
69
- .nav-menu a{padding:0 8px 0 8px;text-decoration:none;display:inline-block;color:#222;font-weight:500;font-size:12px;text-transform:uppercase;outline:0}
70
- .nav-menu li:hover>a{color:#8490ff}
71
- .nav-menu>li{margin-left:10px}
72
- .nav-menu ul{margin:22px 0 0 0;padding:10px;box-shadow:0 0 30px rgba(127,137,161,.25);background:#fff}
73
- .nav-menu ul li{transition:.3s}
74
- .nav-menu ul li a{padding:5px 10px;color:#333;transition:.3s;display:block;font-size:12px;text-transform:none}
75
- .nav-menu ul li:hover>a{color:#8490ff}
76
- .nav-menu ul ul{margin-right:10px;margin-top:0}
77
- #mobile-nav-toggle{position:fixed;right:15px;z-index:999;top:22px;border:0;background:0 0;font-size:24px;display:none;transition:all .4s;outline:0;cursor:pointer}
78
- #mobile-nav-toggle i{color:#222;font-weight:900}@media (max-width:991px){#mobile-nav-toggle{display:inline}
79
- #nav-menu-container{display:none}}
80
- #mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,.8);left:-260px;width:260px;overflow-y:auto;transition:.4s}
81
- #mobile-nav ul{padding:0;margin:0;list-style:none}
82
- #mobile-nav ul li{position:relative}
83
- #mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:0;font-weight:400}
84
- #mobile-nav ul li a:hover{color:#fff}
85
- #mobile-nav ul li li{padding-left:30px}
86
- #mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}
87
- #mobile-nav ul .menu-has-children li a{text-transform:none}
88
- #mobile-nav ul .menu-item-active{color:#8490ff}
89
- #mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,.7);display:none}
90
- body.mobile-nav-active{overflow:hidden}
91
- body.mobile-nav-active #mobile-nav{left:0}
92
- body.mobile-nav-active #mobile-nav-toggle{color:#fff}
93
- .section-gap{padding:45px 0}
94
- .facts-area,.sb_bar,.thumb .overlay-bg{background:-moz-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);
95
- background:-webkit-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);background:-ms-linear-gradient(0deg,#8490ff 0,#62bdfc 100%)}
96
- .facts-area,.sb_bar{background:-moz-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);
97
- background:-webkit-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);background:-ms-linear-gradient(0deg,#8490ff 0,#62bdfc 100%)}
98
- .image{opacity:1;display:block;width:100%;height:100%;transition:.5s ease;backface-visibility:hidden}
99
- .middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
100
- .single-portfolio:hover .middle{opacity:1}
101
- .text{color:#fff;font-size:25px;padding:16px 32px}
102
- .single-portfolio{border-radius:5px}
103
- .single-portfolio:hover .thumb .overlay-bg{opacity:.85}
104
- .thumb .overlay-bg{opacity:0;border-radius:5px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
105
- .testimonial-area{background-color:#e6e9fe}
106
- .testimonial-area .lnr-arrow-down,.testimonial-area .lnr-arrow-up{background-color:#fff;
107
- box-shadow:-14.142px 14.142px 20px 0 rgba(157,157,157,.2);padding:14px;color:#000;font-weight:500;border:1px solid #f5f5f5;
108
- display:inline-flex;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
109
- .testimonial-area .lnr-arrow-down:hover,.testimonial-area .lnr-arrow-up:hover{background:#8490ff;color:#fff}
110
- .link-nav{margin-top:10px;margin-bottom:0}
111
- .sb_progress{height:14px!important;border-radius:12px;border:3px solid #eee}
112
- .sb_bar{height:8px!important;border-radius:12px}
113
- .timeline ul li{background:#f9f9ff;position:relative;margin:0 auto;width:2px;padding-bottom:40px;list-style-type:none}
114
- .timeline ul li:last-child{padding-bottom:7px}
115
- .timeline ul li:before{background:#8490ff;position:absolute;left:50%;top:40%;transform:translateX(-50%);
116
- -webkit-transform:translateX(-50%);width:20px;height:20px;border:5px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
117
- .timeline ul li .hidden{opacity:0}
118
- .timeline ul li .content{background-color:#fff!important;box-shadow:0 10px 27px 3px rgba(204,204,204,.2);position:relative;top:7px;width:360px;padding:30px}
119
- .timeline ul li:nth-child(odd) .content{left:50px}
120
- .timeline ul li:nth-child(odd) .content:before{left:-38px}
121
- .timeline ul li:nth-child(even) .content{left:calc(-360px - 45px)}
122
- .timeline ul li:nth-child(even) .content:before{right:-38px}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}
123
- .timeline ul li:nth-child(even) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px}
124
- .timeline ul li .content{width:calc(100vw - 100px)}
125
- .timeline ul li:nth-child(even) .content{left:45px}
126
- .timeline ul li:nth-child(even) .content:before{left:-33px}}
127
- .accordion>dt{margin-bottom:10px;font-size:14px;font-weight:400}
128
- .accordion>dt>a{display:block;position:relative;color:#222;text-decoration:none;padding:8px 30px;font-size:16px;
129
- font-weight:500;background:#fafcff}@media (max-width:414px){.accordion>dt>a{font-size:12px}}
130
- .accordion>dt>a:hover{text-decoration:none}
131
- .accordion>dt>a.active{color:#8490ff;border-color:#ddd;cursor:default;border-bottom:1px solid #8490ff;background:0 0}
132
- .accordion>dt>a:after{content:"\f107";width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;left:10px;
133
- font-family:FontAwesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;
134
- font-size:15px;line-height:15px;text-align:center;color:#222;-webkit-font-smoothing:antialiased}
135
- .accordion>dt>a.active:after,.accordion>dt>a.active:hover:after{content:"\f106";color:#8490ff}
136
- .accordion>dt>a:hover:after{color:#444}.accordion>dd{margin-bottom:10px;padding:10px 20px 20px;font-size:14px;
137
- line-height:1.8;color:#777}
138
- .accordion>dt>a,.accordion>dt>a:after,.toggle>dt>a,.toggle>dt>a:after{-webkit-transition:all .27s cubic-bezier(0,0,.58,1);
139
- -moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);
140
- -ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1)}
141
- .page-link{background:0 0;font-weight:400}
142
- .block{width:100px}
143
- .gallery .gallery-items .item{float:left;width:25%;position:relative}
144
- .gallery .gallery-items .item.hide{display:none}
145
- .gallery .gallery-items .item.show{display:block;animation:show .5s ease}@keyframes show{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
146
- .gallery .gallery-items .item img{width:100%;display:block}
147
- .gallery .pagination div{display:inline-block;margin:0 10px}
148
- .gallery .pagination .page{color:gray}
149
- .gallery .pagination .next,.gallery .pagination .prev{color:#000;border:1px solid #000;font-size:15px;padding:7px 15px;cursor:pointer}
150
- .gallery .pagination .next.disabled,.gallery .pagination .prev.disabled{border-color:gray;color:gray;pointer-events:none}
151
- .portfolio-area .filters{text-align:center}
152
- .portfolio-area .filters ul{padding:0}
153
- .portfolio-area .filters ul li{list-style:none;display:inline-block;padding:18px 15px;cursor:pointer;position:relative;text-transform:uppercase;color:#222;font-size:12px;font-weight:500}
154
- @media (max-width:736px){.portfolio-area .filters ul li{padding:6px 6px}}
155
- .portfolio-area .filters ul li:after{content:"";display:block;width:calc(0% - 60px);position:absolute;height:2px;background:#333;transition:width 350ms ease-out}
156
- .portfolio-area .filters ul li:hover:after{width:calc(100% - 60px);transition:width 350ms ease-out}
157
- .portfolio-area .filters ul li.active{color:#8490ff}.portfolio-area .filters-content{margin-top:50px}
158
- .portfolio-area .filters-content .show{opacity:1;visibility:visible;transition:all 350ms}
159
- .portfolio-area .filters-content .hide{opacity:0;visibility:hidden;transition:all 350ms}
160
- .portfolio-area .filters-content .item{text-align:center;cursor:pointer;margin-bottom:30px}
161
- .portfolio-area .filters-content .item img{border-radius:10px}
162
- .portfolio-area .filters-content .item img{width:100%}
163
- .image{opacity:1;display:block;width:100%;height:100%;transition:.5s ease;backface-visibility:hidden}
164
- .text{color:#fff;font-size:25px;padding:16px 32px}
165
- .link-nav{margin-top:10px;margin-bottom:0}
166
- .sb_progress{height:14px!important;border-radius:12px;border:3px solid #eee}
167
- .sb_bar{height:8px!important;border-radius:12px}
168
- .timeline ul li{background:#f9f9ff;position:relative;margin:0 auto;width:2px;padding-bottom:40px;list-style-type:none}
169
- .timeline ul li:last-child{padding-bottom:7px}
170
- .timeline ul li:before{background:#8490ff;position:absolute;left:50%;top:40%;transform:translateX(-50%);
171
- -webkit-transform:translateX(-50%);width:20px;height:20px;border:5px solid #eee;-webkit-border-radius:50%;
172
- -moz-border-radius:50%;border-radius:50%}
173
- .timeline ul li .hidden{opacity:0}
174
- .timeline ul li .content{background-color:#fff!important;box-shadow:0 10px 27px 3px rgba(204,204,204,.2);position:relative;top:7px;width:360px;padding:30px}
175
- .timeline ul li:nth-child(odd) .content{left:50px}
176
- .timeline ul li:nth-child(odd) .content:before{left:-38px}
177
- .timeline ul li:nth-child(even) .content{left:calc(-360px - 45px)}
178
- .timeline ul li:nth-child(even) .content:before{right:-38px}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}
179
- .timeline ul li:nth-child(even) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px}
180
- .timeline ul li .content{width:calc(100vw - 100px)}
181
- .timeline ul li:nth-child(even) .content{left:45px}
182
- .timeline ul li:nth-child(even) .content:before{left:-33px}}
183
- .accordion>dt{margin-bottom:10px;font-size:14px;font-weight:400}
184
- .accordion>dt>a{display:block;position:relative;color:#222;text-decoration:none;padding:8px 30px;font-size:16px;
185
- font-weight:500;background:#fafcff}@media (max-width:414px){.accordion>dt>a{font-size:12px}}
186
- .accordion>dt>a:hover{text-decoration:none}
187
- .accordion>dt>a.active{color:#8490ff;border-color:#ddd;cursor:default;border-bottom:1px solid #8490ff;background:0 0}
188
- .accordion>dt>a:after{content:"\f107";width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;left:10px;
189
- font-family:FontAwesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;
190
- font-size:15px;line-height:15px;text-align:center;color:#222;-webkit-font-smoothing:antialiased}
191
- .accordion>dt>a.active:after,.accordion>dt>a.active:hover:after{content:"\f106";color:#8490ff}
192
- .accordion>dt>a:hover:after{color:#444}
193
- .accordion>dd{margin-bottom:10px;padding:10px 20px 20px;font-size:14px;line-height:1.8;color:#777}
194
- .accordion>dt>a,.accordion>dt>a:after,.toggle>dt>a,.toggle>dt>a:after{-webkit-transition:all .27s cubic-bezier(0,0,.58,1);
195
- -moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);
196
- -ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1)}
197
- .page-link{background:0 0;font-weight:400}
198
- .footer-area{background-color:#e6e9fe}@font-face{font-family:Linearicons-Free;src:url(../fonts/Linearicons-Free.eot?w118d);
199
- src:url(../fonts/Linearicons-Free.eot?#iefixw118d) format(\'embedded-opentype\'),
200
- url(../fonts/Linearicons-Free.woff2?w118d) format(\'woff2\'),url(../fonts/Linearicons-Free.woff?w118d) format(\'woff\'),
201
- url(../fonts/Linearicons-Free.ttf?w118d) format(\'truetype\'),
202
- url(../fonts/Linearicons-Free.svg?w118d#Linearicons-Free) format(\'svg\');font-weight:400;font-style:normal}
203
- .lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
204
- .lnr-home:before{content:"\e800"}
205
- .lnr-license:before{content:"\e822"}
206
- .lnr-map-marker:before{content:"\e833"}
207
- .lnr-map:before{content:"\e834"}
208
- .lnr-location:before{content:"\e835"}
209
- .lnr-select:before{content:"\e852"}
210
- .lnr-link:before{content:"\e86b"}
211
- .lnr-cross:before{content:"\e870"}
212
- .lnr-menu:before{content:"\e871"}
213
- .lnr-chevron-up:before{content:"\e873"}
214
- .lnr-chevron-down:before{content:"\e874"}
215
- .lnr-arrow-up:before{content:"\e877"}
216
- .lnr-arrow-down:before{content:"\e878"}
217
- .lnr-text-align-center:before{content:"\e899"}
218
- .lnr-text-align-justify:before{content:"\e89b"}
219
- form.example input[type=text] {padding: 10px;font-size: 17px;border: 1px solid grey;float: left;width: 80%;background: #f1f1f1;}
220
- form.example button {float: left;width: 20%;padding: 10px;background: #030826;color: white;font-size: 17px;border: 1px solid grey;border-left: none;cursor: pointer;}
221
- form.example button:hover {background: #0d1441;}
222
- form.example::after {content: "";clear: both;display: table;}'
223
- )
7
+ '@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900|Poppins:300,400,500,600,700,800,900&display=swap);
8
+
9
+ /*Slicknav*/
10
+ .slicknav_btn {
11
+ position: relative;
12
+ display: block;
13
+ vertical-align: middle;
14
+ float: right;
15
+ padding: 0.438em 0.625em 0.438em 0.625em;
16
+ line-height: 1.125em;
17
+ cursor: pointer;}
18
+ .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
19
+ margin-top: 0.188em;}
20
+ .slicknav_menu {
21
+ *zoom: 1;}
22
+ .slicknav_menu .slicknav_menutxt {
23
+ display: block;
24
+ line-height: 1.188em;
25
+ float: left;}
26
+ .slicknav_menu .slicknav_icon {
27
+ float: left;
28
+ width: 1.125em;
29
+ height: 0.875em;
30
+ margin: 0.188em 0 0 0.438em;}
31
+ .slicknav_menu .slicknav_icon:before {
32
+ background: transparent;
33
+ width: 1.125em;
34
+ height: 0.875em;
35
+ display: block;
36
+ content: "";
37
+ position: absolute; }
38
+ .slicknav_menu .slicknav_no-text {
39
+ margin: 0;}
40
+ .slicknav_menu .slicknav_icon-bar {
41
+ display: block;
42
+ width: 1.125em;
43
+ height: 0.125em;}
44
+ .slicknav_menu:before {
45
+ content: " ";
46
+ display: table;}
47
+ .slicknav_menu:after {
48
+ content: " ";
49
+ display: table;
50
+ clear: both;}
51
+ .slicknav_nav {
52
+ clear: both;}
53
+ .slicknav_nav ul {
54
+ display: block;}
55
+ .slicknav_nav li {
56
+ display: block;}
57
+ .slicknav_nav .slicknav_arrow {
58
+ font-size: 0.8em;
59
+ margin: 0 0 0 0.4em;}
60
+ .slicknav_nav .slicknav_item {
61
+ cursor: pointer;}
62
+ .slicknav_nav .slicknav_item a {
63
+ display: inline;}
64
+ .slicknav_nav .slicknav_row {
65
+ display: block;}
66
+ .slicknav_nav a {
67
+ display: block;}
68
+ .slicknav_nav .slicknav_parent-link a {
69
+ display: inline;}
70
+ .slicknav_brand {
71
+ float: left;}
72
+ .slicknav_menu {
73
+ font-size: 16px;
74
+ box-sizing: border-box;
75
+ background: #4c4c4c;
76
+ padding: 5px;}
77
+ .slicknav_menu * {
78
+ box-sizing: border-box;}
79
+ .slicknav_menu .slicknav_menutxt {
80
+ color: #fff;
81
+ font-weight: bold;}
82
+ .slicknav_menu .slicknav_icon-bar {
83
+ background-color: #8f1bdc !important;}
84
+ .slicknav_btn {
85
+ margin: 5px 5px 6px;
86
+ text-decoration: none;
87
+ background-color: none;}
88
+ .slicknav_nav {
89
+ color: #fff;
90
+ margin: 0;
91
+ padding: 0;
92
+ font-size: 0.875em;
93
+ list-style: none;
94
+ overflow: hidden;}
95
+ .slicknav_nav ul {
96
+ list-style: none;
97
+ overflow: hidden;
98
+ padding: 0;
99
+ margin: 0 0 0 20px;}
100
+ .slicknav_nav .slicknav_row {
101
+ margin: 2px 5px;}
102
+ .slicknav_nav .slicknav_row:hover {
103
+ -webkit-border-radius: 6px;
104
+ -moz-border-radius: 6px;
105
+ border-radius: 6px;
106
+ background: #ccc;
107
+ color: #fff;}
108
+ .slicknav_nav a {
109
+ padding: 5px 10px;
110
+ margin: 2px 5px;
111
+ text-decoration: none;
112
+ color: #fff;}
113
+ .slicknav_nav a:hover {
114
+ -webkit-border-radius: 0px;
115
+ -moz-border-radius: 0px;
116
+ border-radius: 0px;
117
+ background: #ccc;
118
+ color: #222;}
119
+ .slicknav_nav .slicknav_txtnode {
120
+ margin-left: 15px;}
121
+ .slicknav_nav .slicknav_item a {
122
+ padding: 0;
123
+ margin: 0;}
124
+ .slicknav_nav .slicknav_parent-link a {
125
+ padding: 0;
126
+ margin: 0;}
127
+ .slicknav_brand {
128
+ color: #fff;
129
+ font-size: 18px;
130
+ line-height: 30px;
131
+ padding: 7px 12px;
132
+ height: 44px;}
133
+
134
+ /*===== mobile menu slicknav =====*/
135
+ .mobile_menu {
136
+ position: absolute;
137
+ right: 10px;
138
+ width: 96%;
139
+ z-index: 99;
140
+ }
141
+ .slicknav_menu .slicknav_menutxt {
142
+ display: none;
143
+ }
144
+ .slicknav_menu {
145
+ background: transparent;
146
+ margin-top: 10px;
147
+ }
148
+ .slicknav_menu .slicknav_icon-bar {
149
+ background-color: #ffffff;
150
+ height: 3px;
151
+ margin: 5px 0;
152
+ -webkit-transition: all 0.3s ease 0s;
153
+ -o-transition: all 0.3s ease 0s;
154
+ transition: all 0.3s ease 0s;
155
+ width: 30px;
156
+ position: relative;
157
+ }
158
+ .slicknav_btn {
159
+ background-color: transparent;
160
+ cursor: pointer;
161
+ margin-bottom: 10px;
162
+ margin-top: -35px;
163
+ position: relative;
164
+ z-index: 99;
165
+ }
166
+ .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
167
+ opacity: 0;
168
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
169
+ }
170
+ .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
171
+ -webkit-transform: rotate(45deg) translate(1px, 7px);
172
+ -ms-transform: rotate(45deg) translate(1px, 7px);
173
+ transform: rotate(45deg) translate(1px, 7px);
174
+ }
175
+ .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
176
+ -webkit-transform: rotate(-45deg) translateY(-6px);
177
+ -ms-transform: rotate(-45deg) translateY(-6px);
178
+ transform: rotate(-45deg) translateY(-6px);
179
+ position: relative;
180
+ top: -1px;
181
+ }
182
+ .slicknav_menu {
183
+ margin: 0;
184
+ padding: 0;
185
+ }
186
+ .slicknav_icon-bar {
187
+ background: #fff !important;
188
+ }
189
+ .slicknav_nav {
190
+ background: #fff;
191
+ float: right;
192
+ margin-top: 11px;
193
+ padding: 19px;
194
+ width: 100%;
195
+ border-bottom: 1px solid #eee;
196
+ }
197
+ .slicknav_nav a:hover {
198
+ background: #F79960 none repeat scroll 0 0;
199
+ border-radius: 0;
200
+ color: #ffffff;
201
+ }
202
+
203
+ .slicknav_nav a {
204
+ font-size: 14px;
205
+ font-weight: 400;
206
+ color: #000;
207
+ text-transform: capitalize;
208
+ }
209
+
210
+ .slicknav_nav .slicknav_arrow {
211
+ float: right;
212
+ }
213
+
214
+ .slicknav_nav .slicknav_row:hover,
215
+ .slicknav_nav .slicknav_row:hover .slicknav_arrow {
216
+ border-radius: 0;
217
+ background-color: #F79960;
218
+ background-color: transparent;
219
+ color: #000;
220
+ }
221
+ .slicknav_btn {
222
+ background-color: transparent;
223
+ cursor: pointer;
224
+ margin-bottom: -15px;
225
+ position: relative;
226
+ z-index: 99;
227
+ border: none;
228
+ border-radius: 3px;
229
+ top: -23px;
230
+ padding: 5px;
231
+ right: 5px;
232
+ margin-top: -5px;
233
+ }
234
+ .slicknav_menu .slicknav_icon {
235
+ margin-right: 6px;
236
+ margin-top: 3px;
237
+ position: relative;
238
+ right: 5px;
239
+ top: -5px;
240
+ padding-bottom: 3px;
241
+ }
242
+ .slicknav_nav .slicknav_arrow {
243
+ float: right;
244
+ font-size: 22px;
245
+ position: relative;
246
+ top: -9px;
247
+ }
248
+ .slicknav_menu .slicknav_nav a:hover {
249
+ background: transparent;
250
+ color: #8f1bdc;
251
+ }
252
+
253
+ /*Body and headers*/
254
+ body {
255
+ font-family: Poppins,sans-serif;
256
+ font-weight: 400;
257
+ font-style: normal
258
+ }
259
+
260
+ h1,h2,h3,h4,h5,h6 {
261
+ font-family: Nunito,sans-serif;
262
+ color: #2b044d;
263
+ margin-top: 0;
264
+ font-style: normal;
265
+ font-weight: 500;
266
+ text-transform: normal
267
+ }
268
+
269
+ p {
270
+ font-family: Poppins,sans-serif;
271
+ color: #707b8e;
272
+ font-size: 16px;
273
+ line-height: 30px;
274
+ margin-bottom: 15px;
275
+ font-weight: 400
276
+ }
277
+
278
+ .f-left {
279
+ float: left
280
+ }
281
+
282
+ .f-right {
283
+ float: right
284
+ }
285
+
286
+ .fix {
287
+ overflow: hidden
288
+ }
289
+
290
+ .clear {
291
+ clear: both
292
+ }
293
+
294
+ .button,a {
295
+ -webkit-transition: all .3s ease-out 0s;
296
+ -moz-transition: all .3s ease-out 0s;
297
+ -ms-transition: all .3s ease-out 0s;
298
+ -o-transition: all .3s ease-out 0s;
299
+ transition: all .3s ease-out 0s
300
+ }
301
+
302
+ .button:focus,a:focus {
303
+ text-decoration: none;
304
+ outline: 0
305
+ }
306
+
307
+ a {
308
+ color: #635c5c
309
+ }
310
+
311
+ a:hover {
312
+ color: #fff
313
+ }
314
+
315
+ .footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover {
316
+ text-decoration: none
317
+ }
318
+
319
+ a,button {
320
+ color: #fff;
321
+ outline: medium none
322
+ }
323
+
324
+ button:focus,input:focus,textarea,textarea:focus {
325
+ outline: 0
326
+ }
327
+
328
+ .uppercase {
329
+ text-transform: uppercase
330
+ }
331
+
332
+ input:focus::-moz-placeholder {
333
+ opacity: 0;
334
+ -webkit-transition: .4s;
335
+ -o-transition: .4s;
336
+ transition: .4s
337
+ }
338
+
339
+ .capitalize {
340
+ text-transform: capitalize
341
+ }
342
+
343
+ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
344
+ color: inherit
345
+ }
346
+
347
+ ul {
348
+ margin: 0;
349
+ padding: 0
350
+ }
351
+
352
+ li {
353
+ list-style: none
354
+ }
355
+
356
+ hr {
357
+ border-bottom: 1px solid #eceff8;
358
+ border-top: 0 none;
359
+ margin: 30px 0;
360
+ padding: 0
361
+ }
362
+
363
+ .theme-overlay {
364
+ position: relative
365
+ }
366
+
367
+ .theme-overlay::before {
368
+ background: #1696e7 none repeat scroll 0 0;
369
+ content: "";
370
+ height: 100%;
371
+ left: 0;
372
+ opacity: .6;
373
+ position: absolute;
374
+ top: 0;
375
+ width: 100%
376
+ }
377
+
378
+ .overlay {
379
+ position: relative;
380
+ z-index: 0
381
+ }
382
+
383
+ .overlay::before {
384
+ position: absolute;
385
+ content: "";
386
+ top: 0;
387
+ left: 0;
388
+ width: 100%;
389
+ height: 100%;
390
+ z-index: -1
391
+ }
392
+
393
+ .overlay2 {
394
+ position: relative;
395
+ z-index: 0
396
+ }
397
+
398
+ .overlay2::before {
399
+ position: absolute;
400
+ content: "";
401
+ background-color: #2e2200;
402
+ top: 0;
403
+ left: 0;
404
+ width: 100%;
405
+ height: 100%;
406
+ z-index: -1;
407
+ opacity: .5
408
+ }
409
+
410
+ .section-padding {
411
+ padding-top: 120px;
412
+ padding-bottom: 120px
413
+ }
414
+
415
+ .separator {
416
+ border-top: 1px solid #f2f2f2
417
+ }
418
+
419
+ .mb-90 {
420
+ margin-bottom: 90px
421
+ }
422
+
423
+ @media (max-width:767px) {
424
+ .mb-90 {
425
+ margin-bottom: 30px
426
+ }
427
+ }
428
+
429
+ @media (min-width:768px) and (max-width:991px) {
430
+ .mb-90 {
431
+ margin-bottom: 45px
432
+ }
433
+ }
434
+
435
+ .btn {
436
+ background: #f9218d;
437
+ -moz-user-select: none;
438
+ text-transform: capitalize;
439
+ color: #fff;
440
+ cursor: pointer;
441
+ display: inline-block;
442
+ font-size: 16px;
443
+ font-weight: 400;
444
+ letter-spacing: 1px;
445
+ line-height: 0;
446
+ margin-bottom: 0;
447
+ padding: 30px 44px;
448
+ border-radius: 5px;
449
+ cursor: pointer;
450
+ transition: color .4s linear;
451
+ position: relative;
452
+ z-index: 1;
453
+ border: 0;
454
+ overflow: hidden;
455
+ margin: 0
456
+ }
457
+
458
+ .btn::before {
459
+ content: "";
460
+ position: absolute;
461
+ left: 0;
462
+ top: 0;
463
+ width: 100%;
464
+ height: 100%;
465
+ background: #da1276;
466
+ z-index: 1;
467
+ border-radius: 5px;
468
+ transition: transform .5s;
469
+ transition-timing-function: ease;
470
+ transform-origin: 0 0;
471
+ transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
472
+ transform: scaleX(0)
473
+ }
474
+
475
+ .btn:hover::before {
476
+ transform: scaleX(1);
477
+ color: #fff!important;
478
+ z-index: -1
479
+ }
480
+
481
+ .header-btn {
482
+ background: #4043bc;
483
+ padding: 20px 11px;
484
+ min-width: 120px;
485
+ position: relative
486
+ }
487
+
488
+ .header-btn::before {
489
+ background: #ec4683
490
+ }
491
+
492
+ .card-btn1 {
493
+ background: #712fda;
494
+ border-radius: 6px;
495
+ padding: 30px 40px;
496
+ text-transform: uppercase
497
+ }
498
+
499
+ .card-btn1::before {
500
+ background: #ff374b
501
+ }
502
+
503
+ .btn.focus,.btn:focus {
504
+ outline: 0;
505
+ box-shadow: none
506
+ }
507
+
508
+ .radius-btn {
509
+ padding: 30px 43px;
510
+ border-radius: 30px
511
+ }
512
+
513
+ .border-btn {
514
+ background: 0 0;
515
+ -moz-user-select: none;
516
+ border: 2px solid #8f1bdc;
517
+ padding: 18px 38px;
518
+ margin: 10px;
519
+ text-transform: capitalize;
520
+ color: #8f1bdc;
521
+ cursor: pointer;
522
+ display: inline-block;
523
+ font-size: 14px;
524
+ font-weight: 500;
525
+ letter-spacing: 1px;
526
+ margin-bottom: 0;
527
+ border-radius: 5px;
528
+ position: relative;
529
+ transition: color .4s linear;
530
+ position: relative;
531
+ overflow: hidden;
532
+ margin: 0
533
+ }
534
+
535
+ .border-btn::before {
536
+ border: 2px solid transparent;
537
+ content: "";
538
+ position: absolute;
539
+ left: 0;
540
+ top: 0;
541
+ width: 100%;
542
+ height: 100%;
543
+ background: #8f1bdc;
544
+ z-index: -1;
545
+ transition: transform .5s;
546
+ transition-timing-function: ease;
547
+ transform-origin: 0 0;
548
+ transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
549
+ transform: scaleY(0)
550
+ }
551
+
552
+ .border-btn:hover::before {
553
+ transform: scaleY(1);
554
+ order: 2px solid transparent
555
+ }
556
+
557
+ .border-btn.border-btn2 {
558
+ padding: 17px 52px
559
+ }
560
+
561
+ .send-btn {
562
+ background: #8f1bdc;
563
+ color: #fff;
564
+ font-size: 14px;
565
+ width: 100%;
566
+ height: 55px;
567
+ border: none;
568
+ border-radius: 5px;
569
+ cursor: pointer;
570
+ transition: color .4s linear;
571
+ position: relative;
572
+ overflow: hidden;
573
+ z-index: 1
574
+ }
575
+
576
+ .send-btn::before {
577
+ border: 2px solid transparent;
578
+ content: "";
579
+ position: absolute;
580
+ left: 0;
581
+ top: 0;
582
+ width: 100%;
583
+ height: 100%;
584
+ background: #e6373d;
585
+ color: #8f1bdc;
586
+ z-index: -1;
587
+ transition: transform .5s;
588
+ transition-timing-function: ease;
589
+ transform-origin: 0 0;
590
+ transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
591
+ transform: scaleX(0)
592
+ }
593
+
594
+ .send-btn:hover::before {
595
+ transform: scaleY(1);
596
+ order: 2px solid transparent;
597
+ color: red
598
+ }
599
+
600
+ .breadcrumb>.active {
601
+ color: #888
602
+ }
603
+
604
+ #scrollUp {
605
+ background: #8f1bdc;
606
+ height: 50px;
607
+ width: 50px;
608
+ right: 31px;
609
+ bottom: 18px;
610
+ color: #fff;
611
+ font-size: 20px;
612
+ text-align: center;
613
+ border-radius: 50%;
614
+ line-height: 48px;
615
+ border: 2px solid transparent
616
+ }
617
+
618
+ @media (max-width:767px) {
619
+ #scrollUp {
620
+ right: 16px
621
+ }
622
+ }
623
+
624
+ #scrollUp:hover {
625
+ color: #fff
626
+ }
627
+
628
+ .sticky-bar {
629
+ left: 0;
630
+ margin: auto;
631
+ position: fixed;
632
+ top: 0;
633
+ width: 100%;
634
+ -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
635
+ box-shadow: 0 10px 15px rgba(25,25,25,.1);
636
+ z-index: 9999;
637
+ -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
638
+ animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
639
+ -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
640
+ background: #fff
641
+ }
642
+
643
+ .pt-90 {
644
+ padding-top: 90px
645
+ }
646
+
647
+ .pb-90 {
648
+ padding-bottom: 90px
649
+ }
650
+
651
+ @-webkit-keyframes float-bob {
652
+ 0% {
653
+ -webkit-transform: translateY(-20px);
654
+ transform: translateY(-20px)
655
+ }
656
+
657
+ 50% {
658
+ -webkit-transform: translateY(-10px);
659
+ transform: translateY(-10px)
660
+ }
661
+
662
+ 100% {
663
+ -webkit-transform: translateY(-20px);
664
+ transform: translateY(-20px)
665
+ }
666
+ }
667
+
668
+ .heartbeat {
669
+ animation: heartbeat 1s infinite alternate
670
+ }
671
+
672
+ @-webkit-keyframes heartbeat {
673
+ to {
674
+ -webkit-transform: scale(1.7);
675
+ transform: scale(1.7)
676
+ }
677
+ }
678
+
679
+ .rotateme {
680
+ -webkit-animation-name: rotateme;
681
+ animation-name: rotateme;
682
+ -webkit-animation-duration: 50s;
683
+ animation-duration: 50s;
684
+ -webkit-animation-iteration-count: infinite;
685
+ animation-iteration-count: infinite;
686
+ -webkit-animation-timing-function: linear;
687
+ animation-timing-function: linear
688
+ }
689
+
690
+ @keyframes rotateme {
691
+ from {
692
+ -webkit-transform: rotate(0);
693
+ transform: rotate(0)
694
+ }
695
+
696
+ to {
697
+ -webkit-transform: rotate(360deg);
698
+ transform: rotate(360deg)
699
+ }
700
+ }
701
+
702
+ @-webkit-keyframes rotateme {
703
+ from {
704
+ -webkit-transform: rotate(0)
705
+ }
706
+
707
+ to {
708
+ -webkit-transform: rotate(360deg)
709
+ }
710
+ }
711
+
712
+ .preloader {
713
+ background-color: #f7f7f7;
714
+ width: 100%;
715
+ height: 100%;
716
+ position: fixed;
717
+ top: 0;
718
+ left: 0;
719
+ right: 0;
720
+ bottom: 0;
721
+ z-index: 999999;
722
+ -webkit-transition: .6s;
723
+ -o-transition: .6s;
724
+ transition: .6s;
725
+ margin: 0 auto
726
+ }
727
+
728
+ .preloader .preloader-circle {
729
+ width: 100px;
730
+ height: 100px;
731
+ position: relative;
732
+ border-style: solid;
733
+ border-width: 3px;
734
+ border-top-color: #8f1bdc;
735
+ border-bottom-color: transparent;
736
+ border-left-color: transparent;
737
+ border-right-color: transparent;
738
+ z-index: 10;
739
+ border-radius: 50%;
740
+ -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,.15);
741
+ box-shadow: 0 1px 5px 0 rgba(35,181,185,.15);
742
+ background-color: #fff;
743
+ -webkit-animation: zoom 2s infinite ease;
744
+ animation: zoom 2s infinite ease;
745
+ -webkit-transition: .6s;
746
+ -o-transition: .6s;
747
+ transition: .6s
748
+ }
749
+
750
+ .preloader .preloader-circle2 {
751
+ border-top-color: #0078ff
752
+ }
753
+
754
+ .preloader .preloader-img {
755
+ position: absolute;
756
+ top: 50%;
757
+ z-index: 200;
758
+ left: 0;
759
+ right: 0;
760
+ margin: 0 auto;
761
+ text-align: center;
762
+ display: inline-block;
763
+ -webkit-transform: translateY(-50%);
764
+ -ms-transform: translateY(-50%);
765
+ transform: translateY(-50%);
766
+ padding-top: 6px;
767
+ -webkit-transition: .6s;
768
+ -o-transition: .6s;
769
+ transition: .6s
770
+ }
771
+
772
+ .preloader .preloader-img img {
773
+ max-width: 55px
774
+ }
775
+
776
+ .preloader .pere-text strong {
777
+ font-weight: 800;
778
+ color: #8f1bdc;
779
+ text-transform: uppercase
780
+ }
781
+
782
+ @-webkit-keyframes zoom {
783
+ 0% {
784
+ -webkit-transform: rotate(0);
785
+ transform: rotate(0);
786
+ -webkit-transition: .6s;
787
+ -o-transition: .6s;
788
+ transition: .6s
789
+ }
790
+
791
+ 100% {
792
+ -webkit-transform: rotate(360deg);
793
+ transform: rotate(360deg);
794
+ -webkit-transition: .6s;
795
+ -o-transition: .6s;
796
+ transition: .6s
797
+ }
798
+ }
799
+
800
+ @keyframes zoom {
801
+ 0% {
802
+ -webkit-transform: rotate(0);
803
+ transform: rotate(0);
804
+ -webkit-transition: .6s;
805
+ -o-transition: .6s;
806
+ transition: .6s
807
+ }
808
+
809
+ 100% {
810
+ -webkit-transform: rotate(360deg);
811
+ transform: rotate(360deg);
812
+ -webkit-transition: .6s;
813
+ -o-transition: .6s;
814
+ transition: .6s
815
+ }
816
+ }
817
+
818
+ .section-padding2 {
819
+ padding-top: 200px;
820
+ padding-bottom: 200px
821
+ }
822
+
823
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
824
+ .section-padding2 {
825
+ padding-top: 200px;
826
+ padding-bottom: 200px
827
+ }
828
+ }
829
+
830
+ @media only screen and (min-width:992px) and (max-width:1199px) {
831
+ .section-padding2 {
832
+ padding-top: 200px;
833
+ padding-bottom: 200px
834
+ }
835
+ }
836
+
837
+ @media only screen and (min-width:768px) and (max-width:991px) {
838
+ .section-padding2 {
839
+ padding-top: 100px;
840
+ padding-bottom: 100px
841
+ }
842
+ }
843
+
844
+ @media only screen and (min-width:576px) and (max-width:767px) {
845
+ .section-padding2 {
846
+ padding-top: 50px;
847
+ padding-bottom: 50px
848
+ }
849
+ }
850
+
851
+ @media (max-width:767px) {
852
+ .section-padding2 {
853
+ padding-top: 50px;
854
+ padding-bottom: 50px
855
+ }
856
+ }
857
+
858
+ .inner-padding {
859
+ padding-top: 450px
860
+ }
861
+
862
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
863
+ .inner-padding {
864
+ padding-top: 400px
865
+ }
866
+ }
867
+
868
+ @media only screen and (min-width:992px) and (max-width:1199px) {
869
+ .inner-padding {
870
+ padding-top: 300px
871
+ }
872
+ }
873
+
874
+ @media only screen and (min-width:768px) and (max-width:991px) {
875
+ .inner-padding {
876
+ padding-top: 300px
877
+ }
878
+ }
879
+
880
+ @media only screen and (min-width:576px) and (max-width:767px) {
881
+ .inner-padding {
882
+ padding-top: 200px
883
+ }
884
+ }
885
+
886
+ @media (max-width:767px) {
887
+ .inner-padding {
888
+ padding-top: 200px
889
+ }
890
+ }
891
+
892
+ .section-paddingr {
893
+ padding-top: 0;
894
+ padding-bottom: 120px
895
+ }
896
+
897
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
898
+ .section-paddingr {
899
+ padding-top: 0;
900
+ padding-bottom: 120px
901
+ }
902
+ }
903
+
904
+ @media only screen and (min-width:992px) and (max-width:1199px) {
905
+ .section-paddingr {
906
+ padding-top: 0;
907
+ padding-bottom: 70px
908
+ }
909
+ }
910
+
911
+ @media only screen and (min-width:768px) and (max-width:991px) {
912
+ .section-paddingr {
913
+ padding-top: 0;
914
+ padding-bottom: 70px
915
+ }
916
+ }
917
+
918
+ @media only screen and (min-width:576px) and (max-width:767px) {
919
+ .section-paddingr {
920
+ padding-top: 0;
921
+ padding-bottom: 70px
922
+ }
923
+ }
924
+
925
+ @media (max-width:767px) {
926
+ .section-paddingr {
927
+ padding-top: 0;
928
+ padding-bottom: 70px
929
+ }
930
+ }
931
+
932
+ .tips-padding {
933
+ padding-top: 185px;
934
+ padding-bottom: 150px
935
+ }
936
+
937
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
938
+ .tips-padding {
939
+ padding-top: 185px;
940
+ padding-bottom: 150px
941
+ }
942
+ }
943
+
944
+ @media only screen and (min-width:992px) and (max-width:1199px) {
945
+ .tips-padding {
946
+ padding-top: 92px;
947
+ padding-bottom: 45px
948
+ }
949
+ }
950
+
951
+ @media only screen and (min-width:768px) and (max-width:991px) {
952
+ .tips-padding {
953
+ padding-top: 92px;
954
+ padding-bottom: 45px
955
+ }
956
+ }
957
+
958
+ @media only screen and (min-width:576px) and (max-width:767px) {
959
+ .tips-padding {
960
+ padding-top: 40px;
961
+ padding-bottom: 22px
962
+ }
963
+ }
964
+
965
+ @media (max-width:767px) {
966
+ .tips-padding {
967
+ padding-top: 40px;
968
+ padding-bottom: 22px
969
+ }
970
+ }
971
+
972
+ .section-padd-top30 {
973
+ padding-top: 170px;
974
+ padding-bottom: 200px
975
+ }
976
+
977
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
978
+ .section-padd-top30 {
979
+ padding-top: 170px;
980
+ padding-bottom: 200px
981
+ }
982
+ }
983
+
984
+ @media only screen and (min-width:992px) and (max-width:1199px) {
985
+ .section-padd-top30 {
986
+ padding-top: 170px;
987
+ padding-bottom: 200px
988
+ }
989
+ }
990
+
991
+ @media only screen and (min-width:768px) and (max-width:991px) {
992
+ .section-padd-top30 {
993
+ padding-top: 100px;
994
+ padding-bottom: 160px
995
+ }
996
+ }
997
+
998
+ @media only screen and (min-width:576px) and (max-width:767px) {
999
+ .section-padd-top30 {
1000
+ padding-top: 50px;
1001
+ padding-bottom: 90px
1002
+ }
1003
+ }
1004
+
1005
+ @media (max-width:767px) {
1006
+ .section-padd-top30 {
1007
+ padding-top: 35px;
1008
+ padding-bottom: 90px
1009
+ }
1010
+ }
1011
+
1012
+ .section-padd4 {
1013
+ padding-top: 200px;
1014
+ padding-bottom: 110px
1015
+ }
1016
+
1017
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1018
+ .section-padd4 {
1019
+ padding-top: 200px;
1020
+ padding-bottom: 110px
1021
+ }
1022
+ }
1023
+
1024
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1025
+ .section-padd4 {
1026
+ padding-top: 100px;
1027
+ padding-bottom: 30px
1028
+ }
1029
+ }
1030
+
1031
+ @media only screen and (min-width:768px) and (max-width:991px) {
1032
+ .section-padd4 {
1033
+ padding-top: 70px;
1034
+ padding-bottom: 15px
1035
+ }
1036
+ }
1037
+
1038
+ @media only screen and (min-width:576px) and (max-width:767px) {
1039
+ .section-padd4 {
1040
+ padding-top: 70px;
1041
+ padding-bottom: 15px
1042
+ }
1043
+ }
1044
+
1045
+ @media (max-width:767px) {
1046
+ .section-padd4 {
1047
+ padding-top: 70px;
1048
+ padding-bottom: 15px
1049
+ }
1050
+ }
1051
+
1052
+ .testimonial-padding {
1053
+ padding-top: 157px;
1054
+ padding-bottom: 157px
1055
+ }
1056
+
1057
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1058
+ .testimonial-padding {
1059
+ padding-top: 157px;
1060
+ padding-bottom: 157px
1061
+ }
1062
+ }
1063
+
1064
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1065
+ .testimonial-padding {
1066
+ padding-top: 120px;
1067
+ padding-bottom: 120px
1068
+ }
1069
+ }
1070
+
1071
+ @media only screen and (min-width:768px) and (max-width:991px) {
1072
+ .testimonial-padding {
1073
+ padding-top: 100px;
1074
+ padding-bottom: 100px
1075
+ }
1076
+ }
1077
+
1078
+ @media only screen and (min-width:576px) and (max-width:767px) {
1079
+ .testimonial-padding {
1080
+ padding-top: 80px;
1081
+ padding-bottom: 60px
1082
+ }
1083
+ }
1084
+
1085
+ @media (max-width:767px) {
1086
+ .testimonial-padding {
1087
+ padding-top: 80px;
1088
+ padding-bottom: 60px
1089
+ }
1090
+ }
1091
+
1092
+ .services-padding {
1093
+ padding-top: 300px;
1094
+ padding-bottom: 150px
1095
+ }
1096
+
1097
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1098
+ .services-padding {
1099
+ padding-top: 300px;
1100
+ padding-bottom: 150px
1101
+ }
1102
+ }
1103
+
1104
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1105
+ .services-padding {
1106
+ padding-top: 200px;
1107
+ padding-bottom: 150px
1108
+ }
1109
+ }
1110
+
1111
+ @media only screen and (min-width:768px) and (max-width:991px) {
1112
+ .services-padding {
1113
+ padding-top: 150px;
1114
+ padding-bottom: 70px
1115
+ }
1116
+ }
1117
+
1118
+ @media only screen and (min-width:576px) and (max-width:767px) {
1119
+ .services-padding {
1120
+ padding-top: 150px;
1121
+ padding-bottom: 70px
1122
+ }
1123
+ }
1124
+
1125
+ @media (max-width:767px) {
1126
+ .services-padding {
1127
+ padding-top: 150px;
1128
+ padding-bottom: 70px
1129
+ }
1130
+ }
1131
+
1132
+ .footer-padding {
1133
+ padding-top: 200px;
1134
+ padding-bottom: 100px
1135
+ }
1136
+
1137
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1138
+ .footer-padding {
1139
+ padding-top: 200px;
1140
+ padding-bottom: 100px
1141
+ }
1142
+ }
1143
+
1144
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1145
+ .footer-padding {
1146
+ padding-top: 70px;
1147
+ padding-bottom: 50px
1148
+ }
1149
+ }
1150
+
1151
+ @media only screen and (min-width:768px) and (max-width:991px) {
1152
+ .footer-padding {
1153
+ padding-top: 70px;
1154
+ padding-bottom: 50px
1155
+ }
1156
+ }
1157
+
1158
+ @media only screen and (min-width:576px) and (max-width:767px) {
1159
+ .footer-padding {
1160
+ padding-top: 70px;
1161
+ padding-bottom: 50px
1162
+ }
1163
+ }
1164
+
1165
+ @media (max-width:767px) {
1166
+ .footer-padding {
1167
+ padding-top: 70px;
1168
+ padding-bottom: 50px
1169
+ }
1170
+ }
1171
+
1172
+ .footer-padding2 {
1173
+ padding-top: 100px;
1174
+ padding-bottom: 100px
1175
+ }
1176
+
1177
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1178
+ .footer-padding2 {
1179
+ padding-top: 100px;
1180
+ padding-bottom: 100px
1181
+ }
1182
+ }
1183
+
1184
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1185
+ .footer-padding2 {
1186
+ padding-top: 0;
1187
+ padding-bottom: 50px
1188
+ }
1189
+ }
1190
+
1191
+ @media only screen and (min-width:768px) and (max-width:991px) {
1192
+ .footer-padding2 {
1193
+ padding-top: 0;
1194
+ padding-bottom: 50px
1195
+ }
1196
+ }
1197
+
1198
+ @media only screen and (min-width:576px) and (max-width:767px) {
1199
+ .footer-padding2 {
1200
+ padding-top: 0;
1201
+ padding-bottom: 50px
1202
+ }
1203
+ }
1204
+
1205
+ @media (max-width:767px) {
1206
+ .footer-padding2 {
1207
+ padding-top: 0;
1208
+ padding-bottom: 50px
1209
+ }
1210
+ }
1211
+
1212
+ .footer-padding3 {
1213
+ padding-bottom: 100px
1214
+ }
1215
+
1216
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1217
+ .footer-padding3 {
1218
+ padding-bottom: 100px
1219
+ }
1220
+ }
1221
+
1222
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1223
+ .footer-padding3 {
1224
+ padding-bottom: 50px
1225
+ }
1226
+ }
1227
+
1228
+ @media only screen and (min-width:768px) and (max-width:991px) {
1229
+ .footer-padding3 {
1230
+ padding-bottom: 50px
1231
+ }
1232
+ }
1233
+
1234
+ @media only screen and (min-width:576px) and (max-width:767px) {
1235
+ .footer-padding3 {
1236
+ padding-bottom: 50px
1237
+ }
1238
+ }
1239
+
1240
+ @media (max-width:767px) {
1241
+ .footer-padding3 {
1242
+ padding-bottom: 50px
1243
+ }
1244
+ }
1245
+
1246
+ @media (max-width:767px) {
1247
+ .bradcam_area {
1248
+ padding: 150px 0
1249
+ }
1250
+ }
1251
+
1252
+ @media (min-width:768px) and (max-width:991px) {
1253
+ .bradcam_area {
1254
+ padding: 150px 0
1255
+ }
1256
+ }
1257
+
1258
+ .bradcam_area h3 {
1259
+ font-size: 50px;
1260
+ color: #fff;
1261
+ font-weight: 900;
1262
+ margin-bottom: 0;
1263
+ font-family: Nunito,sans-serif;
1264
+ text-transform: capitalize
1265
+ }
1266
+
1267
+ @media (max-width:767px) {
1268
+ .bradcam_area h3 {
1269
+ font-size: 30px
1270
+ }
1271
+ }
1272
+
1273
+ @media (min-width:768px) and (max-width:991px) {
1274
+ .bradcam_area h3 {
1275
+ font-size: 40px
1276
+ }
1277
+ }
1278
+
1279
+ .popup_box {
1280
+ background: #fff;
1281
+ display: inline-block;
1282
+ z-index: 9;
1283
+ width: 681px;
1284
+ padding: 60px 40px
1285
+ }
1286
+
1287
+ @media (max-width:767px) {
1288
+ .popup_box {
1289
+ width: 320px;
1290
+ padding: 45px 30px
1291
+ }
1292
+ }
1293
+
1294
+ @media only screen and (min-width:480px) and (max-width:767px) {
1295
+ .popup_box {
1296
+ width: 420px!important;
1297
+ padding: 45px 30px
1298
+ }
1299
+ }
1300
+
1301
+ .popup_box h3 {
1302
+ text-align: center;
1303
+ font-size: 22px;
1304
+ color: #1f1f1f;
1305
+ margin-bottom: 46px
1306
+ }
1307
+
1308
+ .popup_box .boxed-btn3 {
1309
+ width: 100%;
1310
+ text-transform: capitalize
1311
+ }
1312
+
1313
+ .popup_box .nice-select {
1314
+ -webkit-tap-highlight-color: transparent;
1315
+ background-color: #fff;
1316
+ border: solid 1px #e2e2e2;
1317
+ box-sizing: border-box;
1318
+ clear: both;
1319
+ cursor: pointer;
1320
+ display: block;
1321
+ float: left;
1322
+ font-family: Poppins,sans-serif;
1323
+ font-weight: 400;
1324
+ width: 100%!important;
1325
+ line-height: 50px;
1326
+ outline: 0;
1327
+ padding-left: 18px;
1328
+ padding-right: 30px;
1329
+ position: relative;
1330
+ text-align: left!important;
1331
+ -webkit-transition: all .2s ease-in-out;
1332
+ transition: all .2s ease-in-out;
1333
+ -webkit-user-select: none;
1334
+ -moz-user-select: none;
1335
+ -ms-user-select: none;
1336
+ user-select: none;
1337
+ white-space: nowrap;
1338
+ width: auto;
1339
+ border-radius: 0;
1340
+ margin-bottom: 30px;
1341
+ height: 50px!important;
1342
+ font-size: 16px;
1343
+ font-weight: 400;
1344
+ color: #919191
1345
+ }
1346
+
1347
+ .popup_box .nice-select::after {
1348
+ content: "\f0d7";
1349
+ display: block;
1350
+ height: 5px;
1351
+ margin-top: -5px;
1352
+ pointer-events: none;
1353
+ position: absolute;
1354
+ right: 17px;
1355
+ top: 3px;
1356
+ transition: all .15s ease-in-out;
1357
+ width: 5px;
1358
+ font-family: fontawesome;
1359
+ color: #919191;
1360
+ font-size: 15px
1361
+ }
1362
+
1363
+ .popup_box .nice-select.open .list {
1364
+ opacity: 1;
1365
+ pointer-events: auto;
1366
+ -webkit-transform: scale(1) translateY(0);
1367
+ -ms-transform: scale(1) translateY(0);
1368
+ transform: scale(1) translateY(0);
1369
+ height: 200px;
1370
+ overflow-y: scroll
1371
+ }
1372
+
1373
+ .popup_box .nice-select.list {
1374
+ height: 200px;
1375
+ overflow-y: scroll
1376
+ }
1377
+
1378
+ #test-form {
1379
+ display: inline-block;
1380
+ margin: auto;
1381
+ text-align: center;
1382
+ position: absolute;
1383
+ left: 50%;
1384
+ top: 50%;
1385
+ -webkit-transform: translate(-50%,-50%);
1386
+ -ms-transform: translate(-50%,-50%);
1387
+ transform: translate(-50%,-50%)
1388
+ }
1389
+
1390
+ @media (max-width:767px) {
1391
+ #test-form {
1392
+ top: 0;
1393
+ left: 0;
1394
+ width: 100%;
1395
+ height: 100%;
1396
+ -webkit-transform: none;
1397
+ -ms-transform: none;
1398
+ transform: none
1399
+ }
1400
+ }
1401
+
1402
+ #test-form .mfp-close-btn-in .mfp-close {
1403
+ color: #333;
1404
+ display: none!important
1405
+ }
1406
+
1407
+ #test-form button.mfp-close {
1408
+ display: none!important
1409
+ }
1410
+
1411
+ @media (max-width:767px) {
1412
+ #test-form button.mfp-close {
1413
+ display: block!important;
1414
+ position: absolute;
1415
+ left: 0;
1416
+ right: 0;
1417
+ margin: auto
1418
+ }
1419
+ }
1420
+
1421
+ #test-form button.mfp-close {
1422
+ overflow: visible;
1423
+ cursor: pointer;
1424
+ background: 0 0;
1425
+ border: 0;
1426
+ -webkit-appearance: none;
1427
+ display: block;
1428
+ outline: 0;
1429
+ padding: 0;
1430
+ z-index: 1046;
1431
+ box-shadow: none;
1432
+ touch-action: manipulation;
1433
+ width: 40px;
1434
+ height: 40px;
1435
+ background: #4a3600;
1436
+ text-align: center;
1437
+ line-height: 20px;
1438
+ position: absolute;
1439
+ right: 0;
1440
+ border-bottom-right-radius: 20px;
1441
+ border-bottom-left-radius: 20px;
1442
+ position: absolute;
1443
+ right: -6px;
1444
+ color: #fff!important
1445
+ }
1446
+
1447
+ .mfp-bg {
1448
+ top: 0;
1449
+ left: 0;
1450
+ width: 100%;
1451
+ height: 100%;
1452
+ z-index: 1042;
1453
+ overflow: hidden;
1454
+ position: fixed;
1455
+ background: #4a3600;
1456
+ opacity: .6
1457
+ }
1458
+
1459
+ @media (max-width:767px) {
1460
+ .gj-picker.gj-picker-md.timepicker {
1461
+ width: 310px;
1462
+ left: 6px!important
1463
+ }
1464
+ }
1465
+
1466
+ @media (max-width:767px) {
1467
+ .gj-picker.gj-picker-md.datepicker.gj-unselectable {
1468
+ width: 320px;
1469
+ left: 0!important
1470
+ }
1471
+ }
1472
+
1473
+ .flex-center-start {
1474
+ display: -webkit-box;
1475
+ display: -ms-flexbox;
1476
+ display: flex;
1477
+ -webkit-box-align: center;
1478
+ -ms-flex-align: center;
1479
+ align-items: center;
1480
+ -webkit-box-pack: start;
1481
+ -ms-flex-pack: start;
1482
+ justify-content: start
1483
+ }
1484
+
1485
+ .overlay::before {
1486
+ background-image: -moz-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%);
1487
+ background-image: -webkit-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%);
1488
+ background-image: -ms-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%)
1489
+ }
1490
+
1491
+ .best-pricing::before {
1492
+ background-image: -moz-linear-gradient(0deg,#f9218d 0,#6c19f6 100%);
1493
+ background-image: -webkit-linear-gradient(0deg,#f9218d 0,#6c19f6 100%);
1494
+ background-image: -ms-linear-gradient(0deg,#f9218d 0,#6c19f6 100%)
1495
+ }
1496
+
1497
+ .available-app-area {
1498
+ background-image: -moz-linear-gradient(0deg,#6c19f6 0,#f9218d 100%);
1499
+ background-image: -webkit-linear-gradient(0deg,#6c19f6 0,#f9218d 100%);
1500
+ background-image: -ms-linear-gradient(0deg,#6c19f6 0,#f9218d 100%)
1501
+ }
1502
+
1503
+ .sample-text-area {
1504
+ background: #fff;
1505
+ padding-right: 70px;
1506
+ padding-bottom: 70px
1507
+ }
1508
+
1509
+ .text-heading {
1510
+ margin-bottom: 30px;
1511
+ font-size: 24px
1512
+ }
1513
+
1514
+ b,del,sub,sup,u {
1515
+ color: #222
1516
+ }
1517
+
1518
+ .typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {
1519
+ color: #828bb2
1520
+ }
1521
+
1522
+ .button-area {
1523
+ background: #fff
1524
+ }
1525
+
1526
+ .button-area .border-top-generic {
1527
+ padding: 70px 15px;
1528
+ border-top: 1px dotted #eee
1529
+ }
1530
+
1531
+ .button-group-area .genric-btn {
1532
+ margin-right: 10px;
1533
+ margin-top: 10px
1534
+ }
1535
+
1536
+ .button-group-area .genric-btn:last-child {
1537
+ margin-right: 0
1538
+ }
1539
+
1540
+ .genric-btn {
1541
+ display: inline-block;
1542
+ outline: 0;
1543
+ line-height: 40px;
1544
+ padding: 0 30px;
1545
+ font-size: .8em;
1546
+ text-align: center;
1547
+ text-decoration: none;
1548
+ font-weight: 500;
1549
+ cursor: pointer;
1550
+ -webkit-transition: all .3s ease 0s;
1551
+ -moz-transition: all .3s ease 0s;
1552
+ -o-transition: all .3s ease 0s;
1553
+ transition: all .3s ease 0s
1554
+ }
1555
+
1556
+ .genric-btn:focus {
1557
+ outline: 0
1558
+ }
1559
+
1560
+ .genric-btn.e-large {
1561
+ padding: 0 40px;
1562
+ line-height: 50px
1563
+ }
1564
+
1565
+ .genric-btn.large {
1566
+ line-height: 45px
1567
+ }
1568
+
1569
+ .genric-btn.medium {
1570
+ line-height: 30px
1571
+ }
1572
+
1573
+ .genric-btn.small {
1574
+ line-height: 25px
1575
+ }
1576
+
1577
+ .genric-btn.radius {
1578
+ border-radius: 3px
1579
+ }
1580
+
1581
+ .genric-btn.circle {
1582
+ border-radius: 20px
1583
+ }
1584
+
1585
+ .genric-btn.arrow {
1586
+ display: -webkit-inline-box;
1587
+ display: -ms-inline-flexbox;
1588
+ display: inline-flex;
1589
+ -webkit-box-align: center;
1590
+ -ms-flex-align: center;
1591
+ align-items: center
1592
+ }
1593
+
1594
+ .genric-btn.arrow span {
1595
+ margin-left: 10px
1596
+ }
1597
+
1598
+ .genric-btn.default {
1599
+ color: #415094;
1600
+ background: #f9f9ff;
1601
+ border: 1px solid transparent
1602
+ }
1603
+
1604
+ .genric-btn.default:hover {
1605
+ border: 1px solid #f9f9ff;
1606
+ background: #fff
1607
+ }
1608
+
1609
+ .genric-btn.default-border {
1610
+ border: 1px solid #f9f9ff;
1611
+ background: #fff
1612
+ }
1613
+
1614
+ .genric-btn.default-border:hover {
1615
+ color: #415094;
1616
+ background: #f9f9ff;
1617
+ border: 1px solid transparent
1618
+ }
1619
+
1620
+ .genric-btn.primary {
1621
+ color: #fff;
1622
+ background: #222;
1623
+ border: 1px solid transparent
1624
+ }
1625
+
1626
+ .genric-btn.primary:hover {
1627
+ color: #222;
1628
+ border: 1px solid #222;
1629
+ background: #fff
1630
+ }
1631
+
1632
+ .genric-btn.primary-border {
1633
+ color: #222;
1634
+ border: 1px solid #222;
1635
+ background: #fff
1636
+ }
1637
+
1638
+ .genric-btn.primary-border:hover {
1639
+ color: #fff;
1640
+ background: #222;
1641
+ border: 1px solid transparent
1642
+ }
1643
+
1644
+ .genric-btn.success {
1645
+ color: #fff;
1646
+ background: #4cd3e3;
1647
+ border: 1px solid transparent
1648
+ }
1649
+
1650
+ .genric-btn.success:hover {
1651
+ color: #4cd3e3;
1652
+ border: 1px solid #4cd3e3;
1653
+ background: #fff
1654
+ }
1655
+
1656
+ .genric-btn.success-border {
1657
+ color: #4cd3e3;
1658
+ border: 1px solid #4cd3e3;
1659
+ background: #fff
1660
+ }
1661
+
1662
+ .genric-btn.success-border:hover {
1663
+ color: #fff;
1664
+ background: #4cd3e3;
1665
+ border: 1px solid transparent
1666
+ }
1667
+
1668
+ .genric-btn.info {
1669
+ color: #fff;
1670
+ background: #38a4ff;
1671
+ border: 1px solid transparent
1672
+ }
1673
+
1674
+ .genric-btn.info:hover {
1675
+ color: #38a4ff;
1676
+ border: 1px solid #38a4ff;
1677
+ background: #fff
1678
+ }
1679
+
1680
+ .genric-btn.info-border {
1681
+ color: #38a4ff;
1682
+ border: 1px solid #38a4ff;
1683
+ background: #fff
1684
+ }
1685
+
1686
+ .genric-btn.info-border:hover {
1687
+ color: #fff;
1688
+ background: #38a4ff;
1689
+ border: 1px solid transparent
1690
+ }
1691
+
1692
+ .genric-btn.warning {
1693
+ color: #fff;
1694
+ background: #f4e700;
1695
+ border: 1px solid transparent
1696
+ }
1697
+
1698
+ .genric-btn.warning:hover {
1699
+ color: #f4e700;
1700
+ border: 1px solid #f4e700;
1701
+ background: #fff
1702
+ }
1703
+
1704
+ .genric-btn.warning-border {
1705
+ color: #f4e700;
1706
+ border: 1px solid #f4e700;
1707
+ background: #fff
1708
+ }
1709
+
1710
+ .genric-btn.warning-border:hover {
1711
+ color: #fff;
1712
+ background: #f4e700;
1713
+ border: 1px solid transparent
1714
+ }
1715
+
1716
+ .genric-btn.danger {
1717
+ color: #fff;
1718
+ background: #f44a40;
1719
+ border: 1px solid transparent
1720
+ }
1721
+
1722
+ .genric-btn.danger:hover {
1723
+ color: #f44a40;
1724
+ border: 1px solid #f44a40;
1725
+ background: #fff
1726
+ }
1727
+
1728
+ .genric-btn.danger-border {
1729
+ color: #f44a40;
1730
+ border: 1px solid #f44a40;
1731
+ background: #fff
1732
+ }
1733
+
1734
+ .genric-btn.danger-border:hover {
1735
+ color: #fff;
1736
+ background: #f44a40;
1737
+ border: 1px solid transparent
1738
+ }
1739
+
1740
+ .genric-btn.link {
1741
+ color: #415094;
1742
+ background: #f9f9ff;
1743
+ text-decoration: underline;
1744
+ border: 1px solid transparent
1745
+ }
1746
+
1747
+ .genric-btn.link:hover {
1748
+ color: #415094;
1749
+ border: 1px solid #f9f9ff;
1750
+ background: #fff
1751
+ }
1752
+
1753
+ .genric-btn.link-border {
1754
+ color: #415094;
1755
+ border: 1px solid #f9f9ff;
1756
+ background: #fff;
1757
+ text-decoration: underline
1758
+ }
1759
+
1760
+ .genric-btn.link-border:hover {
1761
+ color: #415094;
1762
+ background: #f9f9ff;
1763
+ border: 1px solid transparent
1764
+ }
1765
+
1766
+ .genric-btn.disable {
1767
+ color: #222,.3;
1768
+ background: #f9f9ff;
1769
+ border: 1px solid transparent;
1770
+ cursor: not-allowed
1771
+ }
1772
+
1773
+ .generic-blockquote {
1774
+ padding: 30px 50px 30px 30px;
1775
+ background: #f9f9ff;
1776
+ }
1777
+
1778
+ .default-select {
1779
+ height: 40px
1780
+ }
1781
+
1782
+ .default-select .nice-select {
1783
+ border: none;
1784
+ border-radius: 0;
1785
+ height: 40px;
1786
+ background: #f9f9ff;
1787
+ padding-left: 20px;
1788
+ padding-right: 40px
1789
+ }
1790
+
1791
+ .default-select .nice-select .list {
1792
+ margin-top: 0;
1793
+ border: none;
1794
+ border-radius: 0;
1795
+ box-shadow: none;
1796
+ width: 100%;
1797
+ padding: 10px 0 10px 0
1798
+ }
1799
+
1800
+ .default-select .nice-select .list .option {
1801
+ font-weight: 300;
1802
+ -webkit-transition: all .3s ease 0s;
1803
+ -moz-transition: all .3s ease 0s;
1804
+ -o-transition: all .3s ease 0s;
1805
+ transition: all .3s ease 0s;
1806
+ line-height: 28px;
1807
+ min-height: 28px;
1808
+ font-size: 12px;
1809
+ padding-left: 20px
1810
+ }
1811
+
1812
+ .default-select .nice-select .list .option.selected {
1813
+ color: #222;
1814
+ background: 0 0
1815
+ }
1816
+
1817
+ .default-select .nice-select .list .option:hover {
1818
+ color: #222;
1819
+ background: 0 0
1820
+ }
1821
+
1822
+ .default-select .current {
1823
+ margin-right: 50px;
1824
+ font-weight: 300
1825
+ }
1826
+
1827
+ .default-select .nice-select::after {
1828
+ right: 20px
1829
+ }
1830
+
1831
+ .mt-10 {
1832
+ margin-top: 10px
1833
+ }
1834
+
1835
+ .mb-30 {
1836
+ margin-bottom: 30px
1837
+ }
1838
+
1839
+ .mt-30 {
1840
+ margin-top: 30px
1841
+ }
1842
+
1843
+ .switch-wrap {
1844
+ margin-bottom: 10px
1845
+ }
1846
+
1847
+ .header-transparrent {
1848
+ position: absolute;
1849
+ top: 0;
1850
+ right: 0;
1851
+ left: 0;
1852
+ z-index: 9
1853
+ }
1854
+
1855
+ .main-header {
1856
+ z-index: 3
1857
+ }
1858
+
1859
+ @media only screen and (min-width:768px) and (max-width:991px) {
1860
+ .main-header {
1861
+ padding: 11px 0
1862
+ }
1863
+ }
1864
+
1865
+ @media only screen and (min-width:576px) and (max-width:767px) {
1866
+ .main-header {
1867
+ padding: 11px 0
1868
+ }
1869
+ }
1870
+
1871
+ @media (max-width:767px) {
1872
+ .main-header {
1873
+ padding: 11px 0
1874
+ }
1875
+ }
1876
+
1877
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
1878
+ .main-header .main-menu {
1879
+ margin-right: 30px
1880
+ }
1881
+ }
1882
+
1883
+ .main-header .main-menu ul li {
1884
+ display: inline-block;
1885
+ position: relative;
1886
+ z-index: 1;
1887
+ margin: 0 5px
1888
+ }
1889
+
1890
+ .main-header .main-menu ul li>a {
1891
+ color: #450b78;
1892
+ font-weight: 400;
1893
+ padding: 39px 16px;
1894
+ font-weight: 400;
1895
+ display: block;
1896
+ font-size: 16px;
1897
+ -webkit-transition: .3s;
1898
+ -moz-transition: .3s;
1899
+ -o-transition: .3s;
1900
+ transition: .3s;
1901
+ text-transform: capitalize
1902
+ }
1903
+
1904
+ @media only screen and (min-width:992px) and (max-width:1199px) {
1905
+ .main-header .main-menu ul li>a {
1906
+ padding: 39px 15px
1907
+ }
1908
+ }
1909
+
1910
+ .main-header .main-menu ul li>a::before {
1911
+ position: absolute;
1912
+ content: "";
1913
+ left: 0;
1914
+ bottom: 20px;
1915
+ background: #a60dcf;
1916
+ height: 2px;
1917
+ width: 0;
1918
+ transition: .3s
1919
+ }
1920
+
1921
+ .main-header .main-menu ul li:hover>a::before {
1922
+ width: 100%
1923
+ }
1924
+
1925
+ .main-header .main-menu ul li.active>a::before {
1926
+ width: 100%
1927
+ }
1928
+
1929
+ .main-header .main-menu ul ul.submenu {
1930
+ position: absolute;
1931
+ width: 170px;
1932
+ background: #fff;
1933
+ left: 0;
1934
+ top: 80%;
1935
+ visibility: hidden;
1936
+ opacity: 0;
1937
+ box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
1938
+ padding: 17px 0;
1939
+ -webkit-transition: .3s;
1940
+ -moz-transition: .3s;
1941
+ -o-transition: .3s;
1942
+ transition: .3s
1943
+ }
1944
+
1945
+ .main-header .main-menu ul ul.submenu>li {
1946
+ margin-left: 7px;
1947
+ display: block
1948
+ }
1949
+
1950
+ .main-header .main-menu ul ul.submenu>li>a {
1951
+ padding: 6px 10px!important;
1952
+ font-size: 14px;
1953
+ text-transform: capitalize
1954
+ }
1955
+
1956
+ .main-header .main-menu ul ul.submenu>li>a::before {
1957
+ position: absolute;
1958
+ content: "";
1959
+ left: -5px;
1960
+ background: #a60dcf;
1961
+ height: 2px;
1962
+ width: 0;
1963
+ transition: .3s;
1964
+ top: 50%
1965
+ }
1966
+
1967
+ .main-header .main-menu ul ul.submenu>li>a:hover {
1968
+ padding-left: 15px!important
1969
+ }
1970
+
1971
+ .main-header .main-menu ul ul.submenu>li>a:hover::before {
1972
+ width: 10px
1973
+ }
1974
+
1975
+ .header-area .header-top .header-info-right .header-social a i {
1976
+ -webkit-transition: .4s;
1977
+ -moz-transition: .4s;
1978
+ -o-transition: .4s;
1979
+ transition: .4s;
1980
+ transform: rotateY(0);
1981
+ -webkit-transform: rotateY(0);
1982
+ -moz-transform: rotateY(0);
1983
+ -ms-transform: rotateY(0);
1984
+ -o-transform: rotateY(0)
1985
+ }
1986
+
1987
+ .header-area .header-top .header-info-right .header-social a:hover i {
1988
+ transform: rotateY(180deg);
1989
+ -webkit-transform: rotateY(180deg);
1990
+ -moz-transform: rotateY(180deg);
1991
+ -ms-transform: rotateY(180deg);
1992
+ -o-transform: rotateY(180deg)
1993
+ }
1994
+
1995
+ .main-header ul>li:hover>ul.submenu {
1996
+ visibility: visible;
1997
+ opacity: 1;
1998
+ top: 100%
1999
+ }
2000
+
2001
+ .top-bg {
2002
+ background: #002d5b
2003
+ }
2004
+
2005
+ .header-sticky ul li a {
2006
+ padding: 10px 19px
2007
+ }
2008
+
2009
+ .header-sticky.sticky-bar.sticky .main-menu ul>li>a {
2010
+ padding: 25px 16px
2011
+ }
2012
+
2013
+ .header-sticky.sticky-bar.sticky .main-menu ul>li>a::before {
2014
+ bottom: 11px
2015
+ }
2016
+
2017
+ .slicknav_menu .slicknav_icon-bar {
2018
+ background-color: #8f1bdc!important
2019
+ }
2020
+
2021
+ .slicknav_nav {
2022
+ margin-top: 0
2023
+ }
2024
+
2025
+ .header-sticky.sticky-bar.sticky .header-btn .get-btn {
2026
+ padding: 20px 20px
2027
+ }
2028
+
2029
+ .header-area .slicknav_btn {
2030
+ top: -43px
2031
+ }
2032
+
2033
+ .slicknav_menu .slicknav_nav a:hover {
2034
+ background: 0 0;
2035
+ color: #8f1bdc
2036
+ }
2037
+
2038
+ .slicknav_menu {
2039
+ background: 0 0;
2040
+ margin-top: 5px!important
2041
+ }
2042
+
2043
+ .mobile_menu {
2044
+ position: absolute;
2045
+ right: 0;
2046
+ width: 100%;
2047
+ z-index: 99
2048
+ }
2049
+
2050
+ .slider-height {
2051
+ min-height: 1000px;
2052
+ background-repeat: no-repeat;
2053
+ background-position: center center
2054
+ }
2055
+
2056
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
2057
+ .slider-height {
2058
+ min-height: 900px
2059
+ }
2060
+ }
2061
+
2062
+ @media only screen and (min-width:768px) and (max-width:991px) {
2063
+ .slider-height {
2064
+ min-height: 600px
2065
+ }
2066
+ }
2067
+
2068
+ @media (max-width:767px) {
2069
+ .slider-height {
2070
+ min-height: 600px
2071
+ }
2072
+ }
2073
+
2074
+ .bg-col {
2075
+ background: #f7f9f9
2076
+ }
2077
+
2078
+ .slider-padding {
2079
+ padding-top: 130px
2080
+ }
2081
+
2082
+ @media (max-width:767px) {
2083
+ .slider-padding {
2084
+ padding-top: 40px
2085
+ }
2086
+ }
2087
+
2088
+ @media only screen and (min-width:576px) and (max-width:767px) {
2089
+ .slider-padding {
2090
+ padding-top: 40px
2091
+ }
2092
+ }
2093
+
2094
+ @media only screen and (min-width:768px) and (max-width:991px) {
2095
+ .slider-padding {
2096
+ padding-top: 40px
2097
+ }
2098
+ }
2099
+
2100
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2101
+ .slider-padding {
2102
+ padding-top: 100px
2103
+ }
2104
+ }
2105
+
2106
+ .slider-area {
2107
+ margin-top: -57px
2108
+ }
2109
+
2110
+ .slider-area .hero__caption {
2111
+ position: relative
2112
+ }
2113
+
2114
+ @media (max-width:767px) {
2115
+ .slider-area .hero__caption {
2116
+ padding-top: 17px
2117
+ }
2118
+ }
2119
+
2120
+ .slider-area .hero__caption span {
2121
+ display: inline-block;
2122
+ color: #2b044d;
2123
+ font-size: 16px;
2124
+ text-transform: uppercase;
2125
+ margin-bottom: 20px
2126
+ }
2127
+
2128
+ .slider-area .hero__caption h1 {
2129
+ font-size: 65px;
2130
+ font-weight: 700;
2131
+ color: #2b044d;
2132
+ font-family: Nunito,sans-serif;
2133
+ line-height: 1.3;
2134
+ margin-bottom: 32px
2135
+ }
2136
+
2137
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2138
+ .slider-area .hero__caption h1 {
2139
+ font-size: 55px;
2140
+ line-height: 1.2
2141
+ }
2142
+ }
2143
+
2144
+ @media only screen and (min-width:768px) and (max-width:991px) {
2145
+ .slider-area .hero__caption h1 {
2146
+ font-size: 50px;
2147
+ line-height: 1.2
2148
+ }
2149
+ }
2150
+
2151
+ @media (max-width:767px) {
2152
+ .slider-area .hero__caption h1 {
2153
+ font-size: 29px;
2154
+ line-height: 1.4
2155
+ }
2156
+ }
2157
+
2158
+ .slider-area .hero__caption p {
2159
+ margin-bottom: 54px;
2160
+ padding-right: 155px
2161
+ }
2162
+
2163
+ @media only screen and (min-width:768px) and (max-width:991px) {
2164
+ .slider-area .hero__caption p {
2165
+ margin-bottom: 54px;
2166
+ padding-right: 0
2167
+ }
2168
+ }
2169
+
2170
+ @media (max-width:767px) {
2171
+ .slider-area .hero__caption p {
2172
+ margin-bottom: 54px;
2173
+ padding-right: 0
2174
+ }
2175
+ }
2176
+
2177
+ .slider-area .hero__caption .slider-btns a.video-btn {
2178
+ background: #d852e8;
2179
+ width: 60px;
2180
+ height: 60px;
2181
+ display: inline-block;
2182
+ text-align: center;
2183
+ line-height: 60px;
2184
+ border-radius: 50%;
2185
+ position: relative;
2186
+ margin-left: 16px
2187
+ }
2188
+
2189
+ .slider-area .hero__caption .slider-btns a.video-btn:hover.ani-btn {
2190
+ animation: 1.3s cubic-bezier(.8,0,0,1) 0s normal none infinite running pulse;
2191
+ box-shadow: 0 0 0 0 rgba(61,1,68,.302);
2192
+ -webkit-animation: 1.3s cubic-bezier(217,70,233,1) 0s normal none infinite running pulse
2193
+ }
2194
+
2195
+ @-webkit-keyframes pulse {
2196
+ to {
2197
+ box-shadow: 0 0 0 45px rgba(83,16,90,0)
2198
+ }
2199
+ }
2200
+
2201
+ @keyframes pulse {
2202
+ to {
2203
+ box-shadow: 0 0 0 45px rgba(187,22,206,0)
2204
+ }
2205
+ }
2206
+
2207
+ .slider-area .hero__img img {
2208
+ position: relative;
2209
+ right: -63px
2210
+ }
2211
+
2212
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2213
+ .slider-area .hero__img img {
2214
+ right: 0
2215
+ }
2216
+ }
2217
+
2218
+ @media only screen and (min-width:1200px) and (max-width:1300px) {
2219
+ .slider-area .hero__img img {
2220
+ right: 0
2221
+ }
2222
+ }
2223
+
2224
+ z .slider-area .hero-cap h2 {
2225
+ color: #fff;
2226
+ font-size: 50px;
2227
+ font-weight: 700;
2228
+ text-transform: capitalize
2229
+ }
2230
+
2231
+ .slider-height2 {
2232
+ min-height: 300px;
2233
+ background-repeat: no-repeat;
2234
+ background-position: center center
2235
+ }
2236
+
2237
+ @media (max-width:767px) {
2238
+ .slider-height2 {
2239
+ min-height: 260px
2240
+ }
2241
+ }
2242
+
2243
+ .services-area {
2244
+ padding-top: 270px
2245
+ }
2246
+
2247
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2248
+ .services-area {
2249
+ padding-top: 200px
2250
+ }
2251
+ }
2252
+
2253
+ @media only screen and (min-width:768px) and (max-width:991px) {
2254
+ .services-area {
2255
+ padding-top: 150px
2256
+ }
2257
+ }
2258
+
2259
+ @media only screen and (min-width:576px) and (max-width:767px) {
2260
+ .services-area {
2261
+ padding-top: 150px
2262
+ }
2263
+ }
2264
+
2265
+ @media (max-width:767px) {
2266
+ .services-area {
2267
+ padding-top: 130px
2268
+ }
2269
+ }
2270
+
2271
+ .best-features-area {
2272
+ position: relative
2273
+ }
2274
+
2275
+ .best-features-area .single-features {
2276
+ display: flex
2277
+ }
2278
+
2279
+ @media (max-width:767px) {
2280
+ .best-features-area .single-features {
2281
+ margin-bottom: 30px
2282
+ }
2283
+ }
2284
+
2285
+ .best-features-area .single-features .features-icon span {
2286
+ position: relative;
2287
+ color: #fff;
2288
+ font-size: 30px;
2289
+ height: 67px;
2290
+ width: 67px;
2291
+ display: block;
2292
+ line-height: 67px;
2293
+ border-radius: 50%;
2294
+ text-align: center;
2295
+ background-image: -moz-linear-gradient(90deg,#e78ae9 0,#926ef8 100%);
2296
+ background-image: -webkit-linear-gradient(90deg,#e78ae9 0,#926ef8 100%);
2297
+ background-image: -ms-linear-gradient(90deg,#e78ae9 0,#926ef8 100%)
2298
+ }
2299
+
2300
+ .best-features-area .single-features .features-caption {
2301
+ padding-left: 19px
2302
+ }
2303
+
2304
+ .best-features-area .single-features .features-caption h3 {
2305
+ font-size: 24px;
2306
+ font-weight: 600;
2307
+ line-height: 1.2;
2308
+ margin-bottom: 10px;
2309
+ color: #23182c
2310
+ }
2311
+
2312
+ @media only screen and (min-width:768px) and (max-width:991px) {
2313
+ .best-features-area .single-features .features-caption p {
2314
+ font-size: 15px
2315
+ }
2316
+ }
2317
+
2318
+ @media only screen and (min-width:768px) and (max-width:991px) {
2319
+ .best-features-area .single-features .features-caption p {
2320
+ font-size: 15px
2321
+ }
2322
+ }
2323
+
2324
+ @media (max-width:767px) {
2325
+ .best-features-area .single-features .features-caption p {
2326
+ font-size: 13px
2327
+ }
2328
+ }
2329
+
2330
+ .best-features-area .features-shpae {
2331
+ position: absolute;
2332
+ left: 30px;
2333
+ top: 100px
2334
+ }
2335
+
2336
+ .best-features-area .features-shpae.features-shpae2 {
2337
+ top: 300px
2338
+ }
2339
+
2340
+ @media (min-width:1200px) and (max-width:1500px) {
2341
+ .best-features-area .features-shpae.features-shpae2 {
2342
+ top: 246px!important;
2343
+ transform: translateY(0)
2344
+ }
2345
+ }
2346
+
2347
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2348
+ .best-features-area .features-shpae.features-shpae2 {
2349
+ top: 300px
2350
+ }
2351
+ }
2352
+
2353
+ @media only screen and (min-width:768px) and (max-width:991px) {
2354
+ .best-features-area .features-shpae.features-shpae2 {
2355
+ top: 300px
2356
+ }
2357
+ }
2358
+
2359
+ @media only screen and (min-width:1200px) and (max-width:1300px) {
2360
+ .best-features-area .features-shpae {
2361
+ top: 50%;
2362
+ transform: translateY(-50%)
2363
+ }
2364
+ }
2365
+
2366
+ .best-features-area .features-shpae img {
2367
+ max-width: 80%
2368
+ }
2369
+
2370
+ @media (min-width:1200px) and (max-width:1500px) {
2371
+ .best-features-area .features-shpae img {
2372
+ max-width: 70%
2373
+ }
2374
+ }
2375
+
2376
+ @media only screen and (min-width:1200px) and (max-width:1300px) {
2377
+ .best-features-area .features-shpae img {
2378
+ max-width: 50%;
2379
+ top: 50%
2380
+ }
2381
+ }
2382
+
2383
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2384
+ .best-features-area .features-shpae img {
2385
+ display: none!important
2386
+ }
2387
+ }
2388
+
2389
+ .section-tittle h2 {
2390
+ font-size: 50px;
2391
+ font-weight: 700;
2392
+ line-height: 1.2;
2393
+ margin-bottom: 90px
2394
+ }
2395
+
2396
+ @media (max-width:767px) {
2397
+ .section-tittle h2 {
2398
+ font-size: 30px;
2399
+ line-height: 1.3
2400
+ }
2401
+ }
2402
+
2403
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2404
+ .section-tittle h2 {
2405
+ font-size: 40px
2406
+ }
2407
+ }
2408
+
2409
+ .service-area .services-caption {
2410
+ background: #fff;
2411
+ padding: 84px 45px 56px;
2412
+ border: 1px solid transparent;
2413
+ border-radius: 7px;
2414
+ -webkit-transition: .5s;
2415
+ -moz-transition: .5s;
2416
+ -o-transition: .5s;
2417
+ transition: .5s
2418
+ }
2419
+
2420
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2421
+ .service-area .services-caption {
2422
+ padding: 84px 25px 56px
2423
+ }
2424
+ }
2425
+
2426
+ .service-area .services-caption .service-icon {
2427
+ display: inline-block;
2428
+ position: relative
2429
+ }
2430
+
2431
+ .service-area .services-caption .service-icon::before {
2432
+ background-image: url(../../../assets/doted2.png);
2433
+ content: "";
2434
+ width: 80px;
2435
+ height: 135px;
2436
+ position: absolute;
2437
+ right: -29px;
2438
+ top: -35px;
2439
+ z-index: 0;
2440
+ -webkit-transition: .5s;
2441
+ -moz-transition: .5s;
2442
+ -o-transition: .5s;
2443
+ transition: .5s
2444
+ }
2445
+
2446
+ .service-area .services-caption .service-icon span {
2447
+ position: relative;
2448
+ color: #fff;
2449
+ font-size: 40px;
2450
+ height: 105px;
2451
+ width: 105px;
2452
+ display: block;
2453
+ line-height: 105px;
2454
+ border-radius: 50%;
2455
+ text-align: center;
2456
+ background: #e88cea;
2457
+ margin-bottom: 42px;
2458
+ -webkit-transition: .5s;
2459
+ -moz-transition: .5s;
2460
+ -o-transition: .5s;
2461
+ transition: .5s
2462
+ }
2463
+
2464
+ .service-area .services-caption .service-cap h4 a {
2465
+ font-size: 24px;
2466
+ font-weight: 700;
2467
+ line-height: 1.2;
2468
+ margin-bottom: 27px;
2469
+ display: inline-block
2470
+ }
2471
+
2472
+ .service-area .services-caption .service-cap h4 a:hover {
2473
+ color: #835ef8
2474
+ }
2475
+
2476
+ .services-caption:hover {
2477
+ border: 1px solid #b8a2ff
2478
+ }
2479
+
2480
+ .services-caption:hover .service-icon::before {
2481
+ right: -32px
2482
+ }
2483
+
2484
+ .services-caption:hover .service-icon span {
2485
+ background: #835ef8
2486
+ }
2487
+
2488
+ .services-caption.active {
2489
+ border: 1px solid #b8a2ff
2490
+ }
2491
+
2492
+ .services-caption.active .service-icon::before {
2493
+ right: -32px
2494
+ }
2495
+
2496
+ .services-caption.active .service-icon span {
2497
+ background: #835ef8
2498
+ }
2499
+
2500
+ .applic-apps {
2501
+ overflow: hidden;
2502
+ position: relative;
2503
+ z-index: 0
2504
+ }
2505
+
2506
+ .applic-apps .single-cases-info {
2507
+ position: relative;
2508
+ left: 58%;
2509
+ margin-top: 72px
2510
+ }
2511
+
2512
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
2513
+ .applic-apps .single-cases-info {
2514
+ margin-top: 72px;
2515
+ left: 33%
2516
+ }
2517
+ }
2518
+
2519
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2520
+ .applic-apps .single-cases-info {
2521
+ left: 38%;
2522
+ margin-top: 0
2523
+ }
2524
+ }
2525
+
2526
+ @media only screen and (min-width:768px) and (max-width:991px) {
2527
+ .applic-apps .single-cases-info {
2528
+ left: 17%;
2529
+ margin-top: 40px
2530
+ }
2531
+ }
2532
+
2533
+ @media only screen and (min-width:576px) and (max-width:767px) {
2534
+ .applic-apps .single-cases-info {
2535
+ left: 1%;
2536
+ margin-top: 20px
2537
+ }
2538
+ }
2539
+
2540
+ @media (max-width:767px) {
2541
+ .applic-apps .single-cases-info {
2542
+ left: 1%;
2543
+ margin-top: 10px
2544
+ }
2545
+ }
2546
+
2547
+ .applic-apps .single-cases-info h3 {
2548
+ color: #2b044d;
2549
+ font-size: 40px;
2550
+ font-weight: 700;
2551
+ line-height: 1.3;
2552
+ margin-bottom: 20px;
2553
+ padding-right: 30px
2554
+ }
2555
+
2556
+ @media (max-width:767px) {
2557
+ .applic-apps .single-cases-info h3 {
2558
+ font-size: 30px
2559
+ }
2560
+ }
2561
+
2562
+ .applic-apps .single-cases-info p {
2563
+ margin-bottom: 50px;
2564
+ padding-right: 224px
2565
+ }
2566
+
2567
+ @media only screen and (min-width:1200px) and (max-width:1600px) {
2568
+ .applic-apps .single-cases-info p {
2569
+ padding-right: 0
2570
+ }
2571
+ }
2572
+
2573
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2574
+ .applic-apps .single-cases-info p {
2575
+ margin-bottom: 20px;
2576
+ padding-right: 26px
2577
+ }
2578
+ }
2579
+
2580
+ @media only screen and (min-width:768px) and (max-width:991px) {
2581
+ .applic-apps .single-cases-info p {
2582
+ margin-bottom: 20px;
2583
+ padding-right: 26px
2584
+ }
2585
+ }
2586
+
2587
+ @media (max-width:767px) {
2588
+ .applic-apps .single-cases-info p {
2589
+ margin-bottom: 20px;
2590
+ padding-right: 0
2591
+ }
2592
+ }
2593
+
2594
+ .applic-apps .owl-carousel .owl-stage-outer {
2595
+ overflow: visible
2596
+ }
2597
+
2598
+ .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2599
+ overflow: hidden;
2600
+ position: relative;
2601
+ right: -14%
2602
+ }
2603
+
2604
+ @media only screen and (min-width:768px) and (max-width:991px) {
2605
+ .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2606
+ right: 0
2607
+ }
2608
+ }
2609
+
2610
+ @media (max-width:767px) {
2611
+ .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2612
+ right: 0
2613
+ }
2614
+ }
2615
+
2616
+ @media only screen and (min-width:576px) and (max-width:767px) {
2617
+ .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2618
+ right: 0
2619
+ }
2620
+ }
2621
+
2622
+ .applic-apps .owl-carousel .owl-item img {
2623
+ display: block;
2624
+ width: 100%
2625
+ }
2626
+
2627
+ .best-pricing {
2628
+ position: relative
2629
+ }
2630
+
2631
+ .best-pricing.pricing-padding {
2632
+ padding-top: 110px;
2633
+ padding-bottom: 280px;
2634
+ background-size: cover;
2635
+ background-repeat: no-repeat
2636
+ }
2637
+
2638
+ .best-pricing.pricing-padding2 {
2639
+ padding-top: 300px;
2640
+ padding-bottom: 280px
2641
+ }
2642
+
2643
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2644
+ .best-pricing.pricing-padding2 {
2645
+ padding-top: 300px;
2646
+ padding-bottom: 280px
2647
+ }
2648
+ }
2649
+
2650
+ @media only screen and (min-width:768px) and (max-width:991px) {
2651
+ .best-pricing.pricing-padding2 {
2652
+ padding-top: 160px
2653
+ }
2654
+ }
2655
+
2656
+ @media only screen and (min-width:576px) and (max-width:767px) {
2657
+ .best-pricing.pricing-padding2 {
2658
+ padding-top: 160px
2659
+ }
2660
+ }
2661
+
2662
+ @media (max-width:767px) {
2663
+ .best-pricing.pricing-padding2 {
2664
+ padding-top: 160px
2665
+ }
2666
+ }
2667
+
2668
+ .best-pricing::before {
2669
+ position: absolute;
2670
+ width: 100%;
2671
+ height: 100%;
2672
+ left: 0;
2673
+ right: 0;
2674
+ top: 0;
2675
+ bottom: 0;
2676
+ content: "";
2677
+ opacity: .95
2678
+ }
2679
+
2680
+ .best-pricing.best-pricing2::before {
2681
+ display: none
2682
+ }
2683
+
2684
+ .pricing-card-area {
2685
+ margin-top: -295px
2686
+ }
2687
+
2688
+ .pricing-card-area .single-card {
2689
+ position: relative;
2690
+ background: #fff;
2691
+ padding: 40px 25px;
2692
+ border-radius: 6px;
2693
+ box-shadow: 0 0 9px 0 rgba(131,93,248,.07);
2694
+ -webkit-transition: .4s;
2695
+ -moz-transition: .4s;
2696
+ -o-transition: .4s;
2697
+ transition: .4s
2698
+ }
2699
+
2700
+ .pricing-card-area .single-card::before {
2701
+ background-image: url(../../../assets/doted3.png);
2702
+ content: "";
2703
+ width: 171px;
2704
+ height: 134px;
2705
+ position: absolute;
2706
+ right: 2px;
2707
+ bottom: 2px;
2708
+ z-index: -1;
2709
+ -webkit-transition: .4s;
2710
+ -moz-transition: .4s;
2711
+ -o-transition: .4s;
2712
+ transition: .4s
2713
+ }
2714
+
2715
+ @media (max-width:767px) {
2716
+ .pricing-card-area .single-card::before {
2717
+ display: none
2718
+ }
2719
+ }
2720
+
2721
+ .pricing-card-area .single-card .card-top {
2722
+ border-bottom: 2px solid #f4f4f4;
2723
+ margin-bottom: 46px
2724
+ }
2725
+
2726
+ .pricing-card-area .single-card .card-top span {
2727
+ color: #57667e;
2728
+ font-size: 24px;
2729
+ margin-bottom: 19px;
2730
+ display: inline-block
2731
+ }
2732
+
2733
+ .pricing-card-area .single-card .card-top h4 {
2734
+ color: #6a56a6;
2735
+ font-size: 50px;
2736
+ font-weight: 500;
2737
+ margin-bottom: 26px;
2738
+ padding-right: 3px;
2739
+ font-family: Poppins,sans-serif
2740
+ }
2741
+
2742
+ .pricing-card-area .single-card .card-top h4 span {
2743
+ color: #6a56a6;
2744
+ font-size: 16px
2745
+ }
2746
+
2747
+ .pricing-card-area .single-card .card-bottom ul li {
2748
+ color: #717081;
2749
+ font-weight: 300;
2750
+ margin-bottom: 16px;
2751
+ font-size: 16px
2752
+ }
2753
+
2754
+ .pricing-card-area .single-card .card-bottom ul li:last-child {
2755
+ margin-bottom: 45px
2756
+ }
2757
+
2758
+ .pricing-card-area .single-card.active {
2759
+ box-shadow: 0 10px 30px 0 rgba(133,66,189,.1)
2760
+ }
2761
+
2762
+ .pricing-card-area .single-card.active::before {
2763
+ right: -20px;
2764
+ bottom: -21px
2765
+ }
2766
+
2767
+ .pricing-card-area .single-card.active .btn::before {
2768
+ transform: scaleX(1);
2769
+ color: #fff!important;
2770
+ z-index: -1
2771
+ }
2772
+
2773
+ .pricing-card-area .single-card:hover {
2774
+ box-shadow: 0 10px 30px 0 rgba(133,66,189,.1)
2775
+ }
2776
+
2777
+ .pricing-card-area .single-card:hover::before {
2778
+ right: -20px;
2779
+ bottom: -21px
2780
+ }
2781
+
2782
+ .pricing-card-area .single-card:hover .btn::before {
2783
+ transform: scaleX(1);
2784
+ color: #fff!important;
2785
+ z-index: -1
2786
+ }
2787
+
2788
+ .section-tittle2 h2 {
2789
+ color: #fff
2790
+ }
2791
+
2792
+ .our-customer .our-customer-wrapper {
2793
+ padding: 0 134px
2794
+ }
2795
+
2796
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2797
+ .our-customer .our-customer-wrapper {
2798
+ padding: 0 0
2799
+ }
2800
+ }
2801
+
2802
+ @media only screen and (min-width:768px) and (max-width:991px) {
2803
+ .our-customer .our-customer-wrapper {
2804
+ padding: 0 0
2805
+ }
2806
+ }
2807
+
2808
+ @media (max-width:767px) {
2809
+ .our-customer .our-customer-wrapper {
2810
+ padding: 0 0
2811
+ }
2812
+ }
2813
+
2814
+ .our-customer .single-customer {
2815
+ position: relative;
2816
+ margin-left: 15px;
2817
+ margin-right: 15px;
2818
+ box-shadow: 0 0 9px 0 rgba(131,93,248,.07);
2819
+ background: #ffff;
2820
+ padding: 55px 34px 55px 44px
2821
+ }
2822
+
2823
+ @media (max-width:767px) {
2824
+ .our-customer .single-customer {
2825
+ padding: 55px 29px 55px 34px
2826
+ }
2827
+ }
2828
+
2829
+ .our-customer .single-customer .what-img {
2830
+ margin-bottom: 20px;
2831
+ text-align: center
2832
+ }
2833
+
2834
+ .our-customer .single-customer .what-cap h5 {
2835
+ font-size: 19px;
2836
+ color: #712fda;
2837
+ text-align: center
2838
+ }
2839
+
2840
+ .our-customer .single-customer .what-cap p {
2841
+ text-align: center;
2842
+ background: #f5eaf9;
2843
+ padding: 15px 20px 15px 15px;
2844
+ border-left:2px solid #222
2845
+ }
2846
+
2847
+ @media (max-width:767px) {
2848
+ .our-customer .single-customer .what-cap h5 {
2849
+ font-size: 17px
2850
+ }
2851
+ }
2852
+
2853
+ .our-customer .single-customer .what-cap h4 a:hover {
2854
+ color: #8f1bdc
2855
+ }
2856
+
2857
+ @media (max-width:767px) {
2858
+ .our-customer .single-customer .what-cap p {
2859
+ font-size: 15px
2860
+ }
2861
+ }
2862
+
2863
+ .our-customer .slick-arrow {
2864
+ background: 0 0;
2865
+ border: none;
2866
+ position: absolute;
2867
+ bottom: -87px;
2868
+ text-align: center;
2869
+ left: 0;
2870
+ right: -85px;
2871
+ margin: auto;
2872
+ font-size: 46px;
2873
+ cursor: pointer;
2874
+ color: #ff0b0b;
2875
+ -webkit-transition: .4s;
2876
+ -moz-transition: .4s;
2877
+ -o-transition: .4s;
2878
+ transition: .4s
2879
+ }
2880
+
2881
+ .our-customer .slick-prev.slick-arrow {
2882
+ transform: rotate(180deg);
2883
+ left: -172px;
2884
+ color: #ddd
2885
+ }
2886
+
2887
+ .our-customer .slick-prev.slick-arrow:hover {
2888
+ color: red
2889
+ }
2890
+
2891
+ .our-customer .dot-style .slick-dots {
2892
+ text-align: center;
2893
+ position: absolute;
2894
+ bottom: 0;
2895
+ left: 0;
2896
+ right: 0
2897
+ }
2898
+
2899
+ .our-customer .dot-style .slick-dots li {
2900
+ display: inline-block
2901
+ }
2902
+
2903
+ .our-customer .dot-style .slick-dots button {
2904
+ text-indent: -100000px;
2905
+ height: 10px;
2906
+ width: 10px;
2907
+ border: 0;
2908
+ padding: 0;
2909
+ margin-right: 8px;
2910
+ cursor: pointer;
2911
+ border-radius: 50%;
2912
+ background: #f9d8e0
2913
+ }
2914
+
2915
+ .our-customer .dot-style .slick-list {
2916
+ margin-left: -15px;
2917
+ margin-right: -15px
2918
+ }
2919
+
2920
+ .our-customer .dot-style .slick-active button {
2921
+ background: #ec5252;
2922
+ height: 16px;
2923
+ width: 16px;
2924
+ padding-top: 2px
2925
+ }
2926
+
2927
+ .single-customer.slick-slide {
2928
+ opacity: .3
2929
+ }
2930
+
2931
+ .single-customer.slick-slide.slick-current {
2932
+ opacity: 1
2933
+ }
2934
+
2935
+ .available-app-area {
2936
+ position: relative;
2937
+ padding-top: 220px;
2938
+ padding-bottom: 220px
2939
+ }
2940
+
2941
+ @media only screen and (min-width:992px) and (max-width:1199px) {
2942
+ .available-app-area {
2943
+ padding-top: 150px;
2944
+ padding-bottom: 150px
2945
+ }
2946
+ }
2947
+
2948
+ @media only screen and (min-width:768px) and (max-width:991px) {
2949
+ .available-app-area {
2950
+ padding-top: 100px;
2951
+ padding-bottom: 100px
2952
+ }
2953
+ }
2954
+
2955
+ @media only screen and (min-width:576px) and (max-width:767px) {
2956
+ .available-app-area {
2957
+ padding-top: 100px;
2958
+ padding-bottom: 100px
2959
+ }
2960
+ }
2961
+
2962
+ @media (max-width:767px) {
2963
+ .available-app-area {
2964
+ padding-top: 100px;
2965
+ padding-bottom: 100px
2966
+ }
2967
+ }
2968
+
2969
+ .available-app-area .app-caption .section-tittle3 h2 {
2970
+ color: #fff;
2971
+ margin-bottom: 35px;
2972
+ font-weight: 600
2973
+ }
2974
+
2975
+ .available-app-area .app-caption p {
2976
+ color: #fff;
2977
+ padding-right: 52px;
2978
+ padding-bottom: 26px
2979
+ }
2980
+
2981
+ .available-app-area .app-caption .app-btn .app-btn1 {
2982
+ padding-right: 15px
2983
+ }
2984
+
2985
+ @media (max-width:767px) {
2986
+ .available-app-area .app-caption .app-btn .app-btn2 {
2987
+ display: block;
2988
+ padding-top: 10px
2989
+ }
2990
+ }
2991
+
2992
+ .available-app-area .app-img {
2993
+ position: relative;
2994
+ right: -88px
2995
+ }
2996
+
2997
+ @media only screen and (min-width:1200px) and (max-width:1440px) {
2998
+ .available-app-area .app-img {
2999
+ right: 0
3000
+ }
3001
+ }
3002
+
3003
+ @media only screen and (min-width:992px) and (max-width:1199px) {
3004
+ .available-app-area .app-img {
3005
+ top: 45px;
3006
+ right: 0
3007
+ }
3008
+ }
3009
+
3010
+ @media only screen and (min-width:768px) and (max-width:991px) {
3011
+ .available-app-area .app-img {
3012
+ top: 45px;
3013
+ right: 0
3014
+ }
3015
+ }
3016
+
3017
+ @media only screen and (min-width:576px) and (max-width:767px) {
3018
+ .available-app-area .app-img {
3019
+ top: 45px;
3020
+ right: 0
3021
+ }
3022
+ }
3023
+
3024
+ @media (max-width:767px) {
3025
+ .available-app-area .app-img {
3026
+ top: 45px;
3027
+ right: 0
3028
+ }
3029
+ }
3030
+
3031
+ .available-app-area .app-img img {
3032
+ width: 100%
3033
+ }
3034
+
3035
+ .available-app-area .app-shape .app-shape-top {
3036
+ position: absolute;
3037
+ top: 100px;
3038
+ left: 125px
3039
+ }
3040
+
3041
+ .available-app-area .app-shape .app-shape-left {
3042
+ position: absolute;
3043
+ left: 0;
3044
+ bottom: 0
3045
+ }
3046
+
3047
+ .available-app-area .app-shape .app-shape-right {
3048
+ position: absolute;
3049
+ right: 252px;
3050
+ top: 208px
3051
+ }
3052
+
3053
+ @media only screen and (min-width:1200px) and (max-width:1440px) {
3054
+ .available-app-area .app-shape .app-shape-right {
3055
+ display: none!important
3056
+ }
3057
+ }
3058
+
3059
+ @media only screen and (min-width:992px) and (max-width:1199px) {
3060
+ .available-app-area .app-shape .app-shape-right {
3061
+ display: none!important
3062
+ }
3063
+ }
3064
+
3065
+ @media only screen and (min-width:768px) and (max-width:991px) {
3066
+ .available-app-area .app-shape .app-shape-right {
3067
+ display: none!important
3068
+ }
3069
+ }
3070
+
3071
+ @media only screen and (min-width:576px) and (max-width:767px) {
3072
+ .available-app-area .app-shape .app-shape-right {
3073
+ display: none!important
3074
+ }
3075
+ }
3076
+
3077
+ @media (max-width:767px) {
3078
+ .available-app-area .app-shape .app-shape-right {
3079
+ display: none!important
3080
+ }
3081
+ }
3082
+
3083
+ .say-something-aera {
3084
+ position: relative;
3085
+ border-bottom: 1px solid #ffc9fd
3086
+ }
3087
+
3088
+ .say-something-aera .say-something-cap h2 {
3089
+ font-size: 50px;
3090
+ font-weight: 700;
3091
+ line-height: 1.2;
3092
+ color: #282828
3093
+ }
3094
+
3095
+ @media only screen and (min-width:992px) and (max-width:1199px) {
3096
+ .say-something-aera .say-something-cap h2 {
3097
+ font-size: 41px
3098
+ }
3099
+ }
3100
+
3101
+ @media only screen and (min-width:768px) and (max-width:991px) {
3102
+ .say-something-aera .say-something-cap h2 {
3103
+ margin-bottom: 25px
3104
+ }
3105
+ }
3106
+
3107
+ @media only screen and (min-width:576px) and (max-width:767px) {
3108
+ .say-something-aera .say-something-cap h2 {
3109
+ margin-bottom: 25px;
3110
+ font-size: 41px
3111
+ }
3112
+ }
3113
+
3114
+ @media (max-width:767px) {
3115
+ .say-something-aera .say-something-cap h2 {
3116
+ margin-bottom: 25px;
3117
+ font-size: 30px
3118
+ }
3119
+ }
3120
+
3121
+ .say-something-aera .say-shape .say-shape1 {
3122
+ position: absolute;
3123
+ left: -99px;
3124
+ bottom: -140px
3125
+ }
3126
+
3127
+ @media only screen and (min-width:1200px) and (max-width:1440px) {
3128
+ .say-something-aera .say-shape .say-shape1 {
3129
+ left: -134px;
3130
+ bottom: -215px
3131
+ }
3132
+ }
3133
+
3134
+ .say-something-aera .say-shape .say-shape2 {
3135
+ position: absolute;
3136
+ right: 0;
3137
+ bottom: 0
3138
+ }
3139
+
3140
+ /*Footer*/
3141
+ .footer-area .footer-logo {
3142
+ margin-bottom: 30px
3143
+ }
3144
+
3145
+ .footer-area .footer-pera .info1 {
3146
+ margin-bottom: 10px;
3147
+ line-height: 1.8
3148
+ }
3149
+
3150
+ .footer-area .footer-pera .info2 {
3151
+ margin-bottom: 50px;
3152
+ line-height: 1.8
3153
+ }
3154
+
3155
+ .footer-area .footer-pera.footer-pera2 p {
3156
+ padding: 0
3157
+ }
3158
+
3159
+ .footer-area .footer-tittle h4 {
3160
+ color: #000;
3161
+ font-size: 18px;
3162
+ margin-bottom: 48px;
3163
+ font-weight: 700
3164
+ }
3165
+
3166
+ .footer-area .footer-tittle ul li {
3167
+ color: #012f5f;
3168
+ margin-bottom: 15px
3169
+ }
3170
+
3171
+ .footer-area .footer-tittle ul li a {
3172
+ color: #868c98;
3173
+ font-weight: 300
3174
+ }
3175
+
3176
+ .footer-area .footer-tittle ul li a:hover {
3177
+ color: #8f1bdc;
3178
+ padding-left: 5px
3179
+ }
3180
+
3181
+ .footer-area .footer-form {
3182
+ margin-top: 40px
3183
+ }
3184
+
3185
+ .footer-area .footer-form form {
3186
+ position: relative
3187
+ }
3188
+
3189
+ .footer-area .footer-form form input {
3190
+ width: 100%;
3191
+ height: 43px;
3192
+ padding: 10px 20px;
3193
+ border: 1px solid #fff;
3194
+ background: #f9f9fe
3195
+ }
3196
+
3197
+ .footer-area .footer-form form .form-icon button {
3198
+ position: absolute;
3199
+ top: 1px;
3200
+ right: 0;
3201
+ background: 0 0;
3202
+ border: 0;
3203
+ cursor: pointer;
3204
+ padding: 11px 22px;
3205
+ background: #8f1bdc;
3206
+ line-height: 1
3207
+ }
3208
+
3209
+ .footer-area .info.error {
3210
+ color: #8f1bdc
3211
+ }
3212
+
3213
+ .footer-area .footer-social a {
3214
+ width: 40px;
3215
+ height: 40px;
3216
+ font-size: 14px;
3217
+ border: 1px solid #fafafa;
3218
+ background: #fafafa;
3219
+ display: inline-block;
3220
+ line-height: 40px;
3221
+ text-align: center;
3222
+ color: #949eb2;
3223
+ margin-right: 5px;
3224
+ -webkit-transition: .4s;
3225
+ -moz-transition: .4s;
3226
+ -o-transition: .4s;
3227
+ transition: .4s
3228
+ }
3229
+
3230
+ .footer-area .footer-copy-right {
3231
+ padding-top: 20px
3232
+ }
3233
+
3234
+ @media (max-width:767px) {
3235
+ .footer-area .footer-copy-right {
3236
+ padding-top: 0
3237
+ }
3238
+ }
3239
+
3240
+ .footer-area .footer-copy-right p {
3241
+ color: #888;
3242
+ font-weight: 300;
3243
+ font-size: 16px;
3244
+ line-height: 2;
3245
+ margin-bottom: 12px
3246
+ }
3247
+
3248
+ .footer-area .footer-copy-right p i {
3249
+ color: #f9218d
3250
+ }
3251
+
3252
+ .footer-area .footer-copy-right p a {
3253
+ color: #f9218d
3254
+ }
3255
+
3256
+ .footer-area .footer-copy-right p a:hover {
3257
+ color: #8f1bdc
3258
+ }
3259
+
3260
+ .footer-social a:hover {
3261
+ background: #8f1bdc
3262
+ }
3263
+
3264
+ .footer-social a:hover i {
3265
+ color: #fff;
3266
+ -webkit-transition: .4s;
3267
+ -moz-transition: .4s;
3268
+ -o-transition: .4s;
3269
+ transition: .4s
3270
+ }
3271
+
3272
+ /* Popup box BEGIN */
3273
+ .hover_bkgr_fricc{
3274
+ background:rgba(0,0,0,.4);
3275
+ cursor:pointer;
3276
+ display:none;
3277
+ height:100%;
3278
+ position:fixed;
3279
+ text-align:center;
3280
+ top:0;
3281
+ width:100%;
3282
+ z-index:10000;
3283
+ right: 0%;
3284
+ }
3285
+ .hover_bkgr_fricc .helper{
3286
+ display:inline-block;
3287
+ height:100%;
3288
+ vertical-align:middle;
3289
+ }
3290
+ .hover_bkgr_fricc > div {
3291
+ background-color: #fff;
3292
+ box-shadow: 10px 10px 60px #c0392b;
3293
+ display: inline-block;
3294
+ height: auto;
3295
+ max-width: 850px;
3296
+ min-height: 100px;
3297
+ vertical-align: middle;
3298
+ width: 60%;
3299
+ position: relative;
3300
+ border-radius: 35px;
3301
+ padding: 15px 5%;
3302
+ }
3303
+ .hover_bkgr_fricc2{
3304
+ background:rgba(0,0,0,.4);
3305
+ cursor:pointer;
3306
+ display:none;
3307
+ height:100%;
3308
+ position:fixed;
3309
+ text-align:center;
3310
+ top:0;
3311
+ width:100%;
3312
+ z-index:10000;
3313
+ right: 0%;
3314
+ }
3315
+ .hover_bkgr_fricc2 .helper{
3316
+ display:inline-block;
3317
+ height:100%;
3318
+ vertical-align:middle;
3319
+ }
3320
+ .hover_bkgr_fricc2 > div {
3321
+ background-color: #fff;
3322
+ box-shadow: 10px 10px 60px #c0392b;
3323
+ display: inline-block;
3324
+ height: auto;
3325
+ max-width: 850px;
3326
+ min-height: 100px;
3327
+ vertical-align: middle;
3328
+ width: 60%;
3329
+ position: relative;
3330
+ border-radius: 35px;
3331
+ padding: 15px 5%;
3332
+ }
3333
+ .hover_bkgr_fricc3{
3334
+ background:rgba(0,0,0,.4);
3335
+ cursor:pointer;
3336
+ display:none;
3337
+ height:100%;
3338
+ position:fixed;
3339
+ text-align:center;
3340
+ top:0;
3341
+ width:100%;
3342
+ z-index:10000;
3343
+ right: 0%;
3344
+ }
3345
+ .hover_bkgr_fricc3 .helper{
3346
+ display:inline-block;
3347
+ height:100%;
3348
+ vertical-align:middle;
3349
+ }
3350
+ .hover_bkgr_fricc3 > div {
3351
+ background-color: #fff;
3352
+ box-shadow: 10px 10px 60px #c0392b;
3353
+ display: inline-block;
3354
+ height: auto;
3355
+ max-width: 850px;
3356
+ min-height: 100px;
3357
+ vertical-align: middle;
3358
+ width: 60%;
3359
+ position: relative;
3360
+ border-radius: 35px;
3361
+ padding: 15px 5%;
3362
+ }
3363
+ .popupCloseButton {
3364
+ background-color: #fff;
3365
+ border: 3px solid #999;
3366
+ border-radius: 50px;
3367
+ cursor: pointer;
3368
+ display: inline-block;
3369
+ font-family: arial;
3370
+ font-weight: bold;
3371
+ position: absolute;
3372
+ top: -20px;
3373
+ right: 92%;
3374
+ font-size: 25px;
3375
+ line-height: 30px;
3376
+ width: 30px;
3377
+ height: 30px;
3378
+ text-align: center;
3379
+ }
3380
+ .popupCloseButton:hover {
3381
+ background-color: #ccc;
3382
+ }
3383
+ .trigger_popup_fricc {
3384
+ cursor: pointer;
3385
+ font-size: 20px;
3386
+ margin: 20px;
3387
+ display: inline-block;
3388
+ font-weight: bold;
3389
+ }
3390
+ .trigger_popup_fricc2 {
3391
+ cursor: pointer;
3392
+ font-size: 20px;
3393
+ margin: 20px;
3394
+ display: inline-block;
3395
+ font-weight: bold;
3396
+ }
3397
+ .trigger_popup_fricc3 {
3398
+ cursor: pointer;
3399
+ font-size: 20px;
3400
+ margin: 20px;
3401
+ display: inline-block;
3402
+ font-weight: bold;
3403
+ }
3404
+ /* Popup box end */
3405
+
3406
+ .see_more_font {
3407
+ font-family: Poppins,sans-serif;
3408
+ font-weight: 400;
3409
+ font-style: normal
3410
+ }
3411
+
3412
+ .buttonwrapper {
3413
+ text-align: center;
3414
+ }'
3415
+ )
224
3416
  }
225
3417
  end
226
3418
  end