API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 21st, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.37 KB | None | 0 0
raw download clone embed print report
  1. @font-face {
  2. font-family: "Ionicons";
  3. src: url("../fonts/ionicons/fonts/ionicons.eot?v=2.0.0");
  4. src: url("../fonts/ionicons/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons/fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  5. font-weight: normal;
  6. font-style: normal; }
  7.  
  8. @font-face {
  9. font-family: 'FontAwesome';
  10. src: url("../fonts/fontawesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  11. src: url("../fonts/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  12. font-weight: normal;
  13. font-style: normal; }
  14.  
  15. .card{
  16. margin-top: 5px;
  17. }
  18.  
  19. .mouse-wrap, .scroll-wrap {
  20. position: absolute;
  21. bottom: 50px;
  22. z-index: 3;
  23. left: 50%;
  24. -webkit-transform: translateX(-50%);
  25. -ms-transform: translateX(-50%);
  26. transform: translateX(-50%); }
  27. .mouse-wrap.left, .scroll-wrap.left {
  28. left: 30px;
  29. -webkit-transform: translateX(0%);
  30. -ms-transform: translateX(0%);
  31. transform: translateX(0%); }
  32.  
  33. .mouse {
  34. width: 30px;
  35. height: 50px;
  36. border-radius: 20px;
  37. border: 2px solid #212529;
  38. position: absolute;
  39. top: calc(50% - 30px);
  40. left: calc(50% - 20px); }
  41.  
  42. .mouse:before, .mouse:after {
  43. content: "";
  44. display: block;
  45. position: absolute; }
  46.  
  47. /* Second */
  48. .m-1:before {
  49. width: 6px;
  50. height: 6px;
  51. border-radius: 50%;
  52. top: 10px;
  53. left: calc(50% - 3px);
  54. background: #212529;
  55. -webkit-animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  56. animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
  57.  
  58. @-webkit-keyframes m-1-ball {
  59. 0%, 65%, 100% {
  60. opacity: 0; }
  61. 10%, 40% {
  62. opacity: 1; }
  63. 0% {
  64. -webkit-transform: translateY(5px) scale(0.7);
  65. transform: translateY(5px) scale(0.7); }
  66. 5% {
  67. -webkit-transform: scale(0.7);
  68. transform: scale(0.7); }
  69. 15%, 100% {
  70. -webkit-transform: scale(1);
  71. transform: scale(1); }
  72. 45%, 65% {
  73. -webkit-transform: translateY(24px) scale(0.7);
  74. transform: translateY(24px) scale(0.7); } }
  75.  
  76. @keyframes m-1-ball {
  77. 0%, 65%, 100% {
  78. opacity: 0; }
  79. 10%, 40% {
  80. opacity: 1; }
  81. 0% {
  82. -webkit-transform: translateY(5px) scale(0.7);
  83. transform: translateY(5px) scale(0.7); }
  84. 5% {
  85. -webkit-transform: scale(0.7);
  86. transform: scale(0.7); }
  87. 15%, 100% {
  88. -webkit-transform: scale(1);
  89. transform: scale(1); }
  90. 45%, 65% {
  91. -webkit-transform: translateY(24px) scale(0.7);
  92. transform: translateY(24px) scale(0.7); } }
  93.  
  94. .scroll-wrap {
  95. -webkit-transition: .3s all ease-out;
  96. -o-transition: .3s all ease-out;
  97. transition: .3s all ease-out;
  98. bottom: 50px;
  99. opacity: 1;
  100. visibility: visible; }
  101. .scroll-wrap.sleep {
  102. bottom: 0;
  103. opacity: 0;
  104. visibility: hidden; }
  105.  
  106. .testimonial_v1 img {
  107. height: 80px; }
  108.  
  109. .testimonial_v1 .heading {
  110. color: #495057;
  111. font-size: 18px; }
  112.  
  113. .testimonial_v1 .subheading {
  114. color: rgba(0, 0, 0, 0.4); }
  115.  
  116. .testimonial_v1 blockquote {
  117. font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  118. line-height: 1.7;
  119. color: #495057; }
  120.  
  121. .testimonial_v1.pb_quote_v1 .media-body {
  122. position: relative;
  123. margin-top: 40px; }
  124.  
  125. .testimonial_v1.pb_quote_v1 .quote {
  126. font-size: 100px;
  127. font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  128. color: #adb5bd;
  129. line-height: 0;
  130. position: absolute;
  131. left: 50%;
  132. top: 0;
  133. -webkit-transform: translateX(-50%);
  134. -ms-transform: translateX(-50%);
  135. transform: translateX(-50%); }
  136.  
  137. .testimonial_v1.pb_quote_v2 .media-body {
  138. position: relative; }
  139.  
  140. .testimonial_v1.pb_quote_v2 .quote {
  141. font-size: 150px;
  142. font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  143. color: #dee2e6;
  144. line-height: 0;
  145. top: 40px;
  146. position: absolute;
  147. left: 0%;
  148. z-index: -1; }
  149.  
  150. .testimonial_v2 .pb_media-header img {
  151. height: 70px; }
  152.  
  153. .testimonial_v2 .pb_media-header .heading {
  154. font-size: 18px; }
  155.  
  156. .testimonial_v2 .pb_media-header .heading, .testimonial_v2 .pb_media-header .subheading {
  157. display: block;
  158. margin-bottom: 0; }
  159.  
  160. .testimonial_v2 blockquote {
  161. font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  162. font-style: italic;
  163. font-size: 18px;
  164. line-height: 1.7;
  165. color: #495057; }
  166.  
  167. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide {
  168. padding-top: 40px;
  169. padding-bottom: 40px;
  170. font-size: 30px;
  171. line-height: 1; }
  172. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide blockquote {
  173. margin-bottom: 40px; }
  174. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide img {
  175. height: 170px; }
  176. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide .heading {
  177. font-size: 18px;
  178. margin-bottom: 0; }
  179. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide .subheading {
  180. font-size: 16px; }
  181.  
  182. .pb_slide_testimonial_sync_v1 .pb_slider_nav {
  183. width: 250px;
  184. margin: 0 auto; }
  185. .pb_slide_testimonial_sync_v1 .pb_slider_nav .author {
  186. cursor: pointer;
  187. padding-top: 10px;
  188. padding-bottom: 10px;
  189. margin: 0px 10px;
  190. -webkit-transition: .3s all ease-in;
  191. -o-transition: .3s all ease-in;
  192. transition: .3s all ease-in; }
  193. .pb_slide_testimonial_sync_v1 .pb_slider_nav .author.slick-current {
  194. -webkit-transform: scale(1.2);
  195. -ms-transform: scale(1.2);
  196. transform: scale(1.2); }
  197.  
  198. .pb_pricing_v1 {
  199. margin-bottom: 50px; }
  200. .pb_pricing_v1 .price {
  201. font-size: 50px;
  202. color: #1d82ff; }
  203. .pb_pricing_v1 .price sup {
  204. font-size: 20px;
  205. top: -1em; }
  206. .pb_pricing_v1 .price span {
  207. font-size: 20px;
  208. color: #adb5bd; }
  209.  
  210. .pb_feature-v1,
  211. .pb_feature-v2 {
  212. margin-bottom: 30px;
  213. /* circle with border */ }
  214. .pb_feature-v1 .pb_icon i,
  215. .pb_feature-v2 .pb_icon i {
  216. font-size: 70px; }
  217. .pb_feature-v1 .media-body,
  218. .pb_feature-v2 .media-body {
  219. font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;
  220. font-size: 18px;
  221. color: #868e96; }
  222. .pb_feature-v1 .media-body .heading,
  223. .pb_feature-v2 .media-body .heading {
  224. font-size: 20px;
  225. font-family: "Montserrat", Arial, sans-serif; }
  226. .pb_feature-v1.pb_feature-circle,
  227. .pb_feature-v2.pb_feature-circle {
  228. /* circle with background color */ }
  229. .pb_feature-v1.pb_feature-circle .pb_icon,
  230. .pb_feature-v2.pb_feature-circle .pb_icon {
  231. line-height: 0;
  232. border-radius: 50%;
  233. width: 80px;
  234. height: 80px;
  235. position: relative;
  236. border: 1px solid #dee2e6;
  237. margin-bottom: 30px; }
  238. .pb_feature-v1.pb_feature-circle .pb_icon i,
  239. .pb_feature-v2.pb_feature-circle .pb_icon i {
  240. line-height: 0;
  241. font-size: 45px;
  242. position: absolute;
  243. top: 50%;
  244. left: 50%;
  245. -webkit-transform: translateX(-50%) translateY(-50%);
  246. -ms-transform: translateX(-50%) translateY(-50%);
  247. transform: translateX(-50%) translateY(-50%); }
  248. .pb_feature-v1.pb_feature-circle.pb_feature-colored .pb_icon,
  249. .pb_feature-v2.pb_feature-circle.pb_feature-colored .pb_icon {
  250. border: none;
  251. background: #1d82ff; }
  252. .pb_feature-v1.pb_feature-circle.pb_feature-colored .pb_icon i,
  253. .pb_feature-v2.pb_feature-circle.pb_feature-colored .pb_icon i {
  254. color: #fff; }
  255.  
  256. .pb_feature-v2 .pb_icon {
  257. line-height: 0;
  258. position: relative;
  259. text-align: center; }
  260. .pb_feature-v2 .pb_icon i {
  261. font-size: 36px;
  262. margin: 0 auto; }
  263.  
  264. .pb_list_v1 li {
  265. margin-bottom: 7px; }
  266. .pb_list_v1 li span {
  267. line-height: 0;
  268. margin-right: 7px;
  269. color: #1d82ff; }
  270. .pb_list_v1 li span i {
  271. line-height: 0; }
  272. .pb_list_v1 li span i:before {
  273. line-height: 0; }
  274.  
  275. .pb_team_v1 {
  276. margin-bottom: 50px; }
  277. @media (max-width: 991px) {
  278. .pb_team_v1 {
  279. text-align: center; } }
  280. .pb_team_v1 img {
  281. height: 200px; }
  282. @media (max-width: 991px) {
  283. .pb_team_v1 img {
  284. margin: 0 auto; } }
  285. .pb_team_v1 .heading {
  286. color: #000;
  287. font-size: 24px; }
  288. .pb_team_v1 .subheading {
  289. color: #adb5bd; }
  290.  
  291. .pb_sm_py_cover,
  292. .pb_md_py_cover,
  293. .pb_lg_py_cover,
  294. .pb_xl_py_cover {
  295. position: relative;
  296. padding: 6em 0; }
  297. @media (max-width: 767px) {
  298. .pb_sm_py_cover,
  299. .pb_md_py_cover,
  300. .pb_lg_py_cover,
  301. .pb_xl_py_cover {
  302. height: inherit;
  303. text-align: center !important;
  304. padding: 6em 0; } }
  305. .pb_sm_py_cover > .container,
  306. .pb_md_py_cover > .container,
  307. .pb_lg_py_cover > .container,
  308. .pb_xl_py_cover > .container {
  309. position: relative; }
  310. .pb_sm_py_cover > .container > .row,
  311. .pb_md_py_cover > .container > .row,
  312. .pb_lg_py_cover > .container > .row,
  313. .pb_xl_py_cover > .container > .row {
  314. padding: 6em 0; }
  315. @media (max-width: 767px) {
  316. .pb_sm_py_cover > .container > .row,
  317. .pb_md_py_cover > .container > .row,
  318. .pb_lg_py_cover > .container > .row,
  319. .pb_xl_py_cover > .container > .row {
  320. height: inherit;
  321. padding: 6em 0; } }
  322. .pb_sm_py_cover .heading,
  323. .pb_md_py_cover .heading,
  324. .pb_lg_py_cover .heading,
  325. .pb_xl_py_cover .heading {
  326. font-size: 62px;
  327. color: white;
  328. font-weight: 300;
  329. margin-top: 20px;
  330. margin-bottom: 0px; }
  331. @media (max-width: 767px) {
  332. .pb_sm_py_cover .heading,
  333. .pb_md_py_cover .heading,
  334. .pb_lg_py_cover .heading,
  335. .pb_xl_py_cover .heading {
  336. font-size: 42px; } }
  337. .pb_sm_py_cover .sub-heading,
  338. .pb_md_py_cover .sub-heading,
  339. .pb_lg_py_cover .sub-heading,
  340. .pb_xl_py_cover .sub-heading {
  341. font-size: 20px;
  342. color: rgba(255, 255, 255, 0.8);
  343. max-width: 600px;
  344. float: left; }
  345. .pb_sm_py_cover.text-center .sub-heading,
  346. .pb_md_py_cover.text-center .sub-heading,
  347. .pb_lg_py_cover.text-center .sub-heading,
  348. .pb_xl_py_cover.text-center .sub-heading {
  349. margin: 0 auto;
  350. float: none; }
  351. .pb_sm_py_cover.text-right .sub-heading,
  352. .pb_md_py_cover.text-right .sub-heading,
  353. .pb_lg_py_cover.text-right .sub-heading,
  354. .pb_xl_py_cover.text-right .sub-heading {
  355. float: right; }
  356. .pb_sm_py_cover.text-left .sub-heading,
  357. .pb_md_py_cover.text-left .sub-heading,
  358. .pb_lg_py_cover.text-left .sub-heading,
  359. .pb_xl_py_cover.text-left .sub-heading {
  360. float: left; }
  361.  
  362. .pb_sm_py_cover {
  363. padding: 3em 0; }
  364. @media (max-width: 767px) {
  365. .pb_sm_py_cover {
  366. height: inherit;
  367. text-align: center !important;
  368. padding: 3em 0; } }
  369. .pb_sm_py_cover > .container {
  370. position: relative; }
  371. .pb_sm_py_cover > .container > .row {
  372. padding: 3em 0; }
  373. @media (max-width: 767px) {
  374. .pb_sm_py_cover > .container > .row {
  375. height: inherit;
  376. padding: 3em 0; } }
  377.  
  378. .pb_lg_py_cover {
  379. padding: 8em 0; }
  380. @media (max-width: 767px) {
  381. .pb_lg_py_cover {
  382. height: inherit;
  383. text-align: center !important;
  384. padding: 8em 0; } }
  385. .pb_lg_py_cover > .container {
  386. position: relative; }
  387. .pb_lg_py_cover > .container > .row {
  388. padding: 4em 0; }
  389. @media (max-width: 767px) {
  390. .pb_lg_py_cover > .container > .row {
  391. height: inherit;
  392. padding: 4em 0; } }
  393.  
  394. .pb_xl_py_cover {
  395. padding: 10em 0; }
  396. @media (max-width: 767px) {
  397. .pb_xl_py_cover {
  398. height: inherit;
  399. text-align: center !important;
  400. padding: 10em 0; } }
  401. .pb_xl_py_cover > .container {
  402. position: relative; }
  403. .pb_xl_py_cover > .container > .row {
  404. padding: 7em 0; }
  405. @media (max-width: 767px) {
  406. .pb_xl_py_cover > .container > .row {
  407. height: inherit;
  408. padding: 7em 0; } }
  409.  
  410. .pb_cover,
  411. .pb_cover_v1,
  412. .pb_cover_v2,
  413. .pb_cover_v3,
  414. .pb_cover_v4 {
  415. position: relative;
  416. height: 95vh; }
  417. @media (max-width: 767px) {
  418. .pb_cover,
  419. .pb_cover_v1,
  420. .pb_cover_v2,
  421. .pb_cover_v3,
  422. .pb_cover_v4 {
  423. height: inherit;
  424. text-align: center !important;
  425. padding: 6em 0; } }
  426. .pb_cover > .container,
  427. .pb_cover_v1 > .container,
  428. .pb_cover_v2 > .container,
  429. .pb_cover_v3 > .container,
  430. .pb_cover_v4 > .container {
  431. position: relative; }
  432. .pb_cover > .container > .row,
  433. .pb_cover_v1 > .container > .row,
  434. .pb_cover_v2 > .container > .row,
  435. .pb_cover_v3 > .container > .row,
  436. .pb_cover_v4 > .container > .row {
  437. height: 95vh; }
  438. @media (max-width: 767px) {
  439. .pb_cover > .container > .row,
  440. .pb_cover_v1 > .container > .row,
  441. .pb_cover_v2 > .container > .row,
  442. .pb_cover_v3 > .container > .row,
  443. .pb_cover_v4 > .container > .row {
  444. height: inherit;
  445. padding: 6em 0; } }
  446. .pb_cover .play,
  447. .pb_cover_v1 .play,
  448. .pb_cover_v2 .play,
  449. .pb_cover_v3 .play,
  450. .pb_cover_v4 .play {
  451. width: 80px;
  452. height: 80px;
  453. display: inline-block;
  454. position: relative;
  455. border: 2px solid rgba(255, 255, 255, 0.2);
  456. border-radius: 50%;
  457. color: white;
  458. -webkit-transition: .25s all ease-out;
  459. -o-transition: .25s all ease-out;
  460. transition: .25s all ease-out; }
  461. .pb_cover .play:hover,
  462. .pb_cover_v1 .play:hover,
  463. .pb_cover_v2 .play:hover,
  464. .pb_cover_v3 .play:hover,
  465. .pb_cover_v4 .play:hover {
  466. -webkit-transform: scale(1.2);
  467. -ms-transform: scale(1.2);
  468. transform: scale(1.2);
  469. border: 2px solid white; }
  470. .pb_cover .play:active, .pb_cover .play:focus,
  471. .pb_cover_v1 .play:active,
  472. .pb_cover_v1 .play:focus,
  473. .pb_cover_v2 .play:active,
  474. .pb_cover_v2 .play:focus,
  475. .pb_cover_v3 .play:active,
  476. .pb_cover_v3 .play:focus,
  477. .pb_cover_v4 .play:active,
  478. .pb_cover_v4 .play:focus {
  479. outline: none; }
  480. .pb_cover .play i,
  481. .pb_cover_v1 .play i,
  482. .pb_cover_v2 .play i,
  483. .pb_cover_v3 .play i,
  484. .pb_cover_v4 .play i {
  485. font-size: 50px;
  486. position: absolute;
  487. top: 50%;
  488. left: 55%;
  489. -webkit-transform: translateX(-50%) translateY(-50%);
  490. -ms-transform: translateX(-50%) translateY(-50%);
  491. transform: translateX(-50%) translateY(-50%); }
  492. .pb_cover .heading,
  493. .pb_cover_v1 .heading,
  494. .pb_cover_v2 .heading,
  495. .pb_cover_v3 .heading,
  496. .pb_cover_v4 .heading {
  497. font-size: 62px;
  498. color: white;
  499. font-weight: 300;
  500. margin-top: 20px;
  501. margin-bottom: 0px; }
  502. @media (max-width: 767px) {
  503. .pb_cover .heading,
  504. .pb_cover_v1 .heading,
  505. .pb_cover_v2 .heading,
  506. .pb_cover_v3 .heading,
  507. .pb_cover_v4 .heading {
  508. font-size: 42px; } }
  509. .pb_cover .sub-heading,
  510. .pb_cover_v1 .sub-heading,
  511. .pb_cover_v2 .sub-heading,
  512. .pb_cover_v3 .sub-heading,
  513. .pb_cover_v4 .sub-heading {
  514. font-size: 20px;
  515. color: rgba(255, 255, 255, 0.8);
  516. max-width: 600px;
  517. float: left; }
  518. .pb_cover.text-center .sub-heading,
  519. .pb_cover_v1.text-center .sub-heading,
  520. .pb_cover_v2.text-center .sub-heading,
  521. .pb_cover_v3.text-center .sub-heading,
  522. .pb_cover_v4.text-center .sub-heading {
  523. margin: 0 auto;
  524. float: none; }
  525. .pb_cover.text-right .sub-heading,
  526. .pb_cover_v1.text-right .sub-heading,
  527. .pb_cover_v2.text-right .sub-heading,
  528. .pb_cover_v3.text-right .sub-heading,
  529. .pb_cover_v4.text-right .sub-heading {
  530. float: right; }
  531. .pb_cover.text-left .sub-heading,
  532. .pb_cover_v1.text-left .sub-heading,
  533. .pb_cover_v2.text-left .sub-heading,
  534. .pb_cover_v3.text-left .sub-heading,
  535. .pb_cover_v4.text-left .sub-heading {
  536. float: left; }
  537.  
  538. .pb_cover_v3 .device-1 {
  539. margin-top: -40%;
  540. max-width: 400px;
  541. left: 50%;
  542. -webkit-transform: translateX(-50%);
  543. -ms-transform: translateX(-50%);
  544. transform: translateX(-50%); }
  545. @media (max-width: 991px) {
  546. .pb_cover_v3 .device-1 {
  547. max-width: 100%; } }
  548. @media (max-width: 767px) {
  549. .pb_cover_v3 .device-1 {
  550. max-width: 100%;
  551. position: relative;
  552. margin-top: 10%;
  553. margin-bottom: -100%; } }
  554.  
  555. .pb_cover_v3 .device-2 {
  556. position: absolute;
  557. max-width: 400px;
  558. left: 50%;
  559. margin-top: -25%; }
  560. @media (max-width: 991px) {
  561. .pb_cover_v3 .device-2 {
  562. max-width: 100%; } }
  563. @media (max-width: 767px) {
  564. .pb_cover_v3 .device-2 {
  565. max-width: 100%;
  566. position: absolute;
  567. margin-top: 30%;
  568. margin-bottom: -100%; } }
  569.  
  570. .pb_cover_v3 .device-3 {
  571. z-index: 3; }
  572.  
  573. .pb_cover_v4 {
  574. height: inherit;
  575. padding-bottom: 15em; }
  576. .pb_cover_v4 .devices {
  577. margin-top: -12%; }
  578. @media (max-width: 991px) {
  579. .pb_cover_v4 .devices {
  580. margin-top: 35%; } }
  581. .pb_cover_v4 .device-2,
  582. .pb_cover_v4 .device-3 {
  583. position: absolute;
  584. max-width: 400px;
  585. z-index: 1; }
  586. .pb_cover_v4 .device-2 {
  587. left: 0; }
  588. @media (max-width: 767px) {
  589. .pb_cover_v4 .device-2 {
  590. left: -20%; } }
  591. .pb_cover_v4 .device-3 {
  592. right: 0; }
  593. @media (max-width: 767px) {
  594. .pb_cover_v4 .device-3 {
  595. right: -20%; } }
  596. .pb_cover_v4 .device-1 {
  597. z-index: 2;
  598. max-width: 500px;
  599. left: 50%;
  600. margin-top: -100px;
  601. margin-bottom: 200px;
  602. -webkit-transform: translateX(-50%);
  603. -ms-transform: translateX(-50%);
  604. transform: translateX(-50%); }
  605. @media (max-width: 767px) {
  606. .pb_cover_v4 .device-1 {
  607. max-width: 300px; } }
  608.  
  609. .cover-bg-black,
  610. .cover-bg-white,
  611. .cover-bg-blue,
  612. .cover-bg-indigo,
  613. .cover-bg-purple,
  614. .cover-bg-pink,
  615. .cover-bg-red,
  616. .cover-bg-orange,
  617. .cover-bg-yellow,
  618. .cover-bg-green,
  619. .cover-bg-cyan {
  620. position: relative; }
  621. .cover-bg-black:before,
  622. .cover-bg-white:before,
  623. .cover-bg-blue:before,
  624. .cover-bg-indigo:before,
  625. .cover-bg-purple:before,
  626. .cover-bg-pink:before,
  627. .cover-bg-red:before,
  628. .cover-bg-orange:before,
  629. .cover-bg-yellow:before,
  630. .cover-bg-green:before,
  631. .cover-bg-cyan:before {
  632. position: absolute;
  633. top: 0;
  634. left: 0;
  635. right: 0;
  636. bottom: 0;
  637. content: ""; }
  638.  
  639. .cover-bg-opacity:before {
  640. opacity: 1; }
  641.  
  642. .cover-bg-opacity-1:before {
  643. opacity: .1; }
  644.  
  645. .cover-bg-opacity-2:before {
  646. opacity: .2; }
  647.  
  648. .cover-bg-opacity-3:before {
  649. opacity: .3; }
  650.  
  651. .cover-bg-opacity-4:before {
  652. opacity: .4; }
  653.  
  654. .cover-bg-opacity-5:before {
  655. opacity: .5; }
  656.  
  657. .cover-bg-opacity-6:before {
  658. opacity: .6; }
  659.  
  660. .cover-bg-opacity-7:before {
  661. opacity: .7; }
  662.  
  663. .cover-bg-opacity-8:before {
  664. opacity: .8; }
  665.  
  666. .cover-bg-opacity-9:before {
  667. opacity: .9; }
  668.  
  669. .cover-bg-black:before {
  670. background: black; }
  671.  
  672. .cover-bg-white:before {
  673. background: white; }
  674.  
  675. .cover-bg-blue:before {
  676. background: #1d82ff; }
  677.  
  678. .cover-bg-indigo:before {
  679. background: #4e3188; }
  680.  
  681. .cover-bg-purple:before {
  682. background: #715cb0; }
  683.  
  684. .cover-bg-pink:before {
  685. background: #ff5b9c; }
  686.  
  687. .cover-bg-red:before {
  688. background: #ee0427; }
  689.  
  690. .cover-bg-orange:before {
  691. background: #ef6c35; }
  692.  
  693. .cover-bg-yellow:before {
  694. background: #ffd500; }
  695.  
  696. .cover-bg-green:before {
  697. background: #00ca4c; }
  698.  
  699. .cover-bg-cyan:before {
  700. background: #a5e9db; }
  701.  
  702. .pb_gradient_v1:before {
  703. background-image: url(http://bypassteam.su/smscrash/assets/images/wall.jpg);
  704. background-repeat: no-repeat;
  705. background-size: cover;
  706. }
  707.  
  708. .overlay {
  709. position: absolute;
  710. left: 0;
  711. top: 0;
  712. right: 0;
  713. bottom: 0;
  714. background: rgba(0, 0, 0, 0.7); }
  715.  
  716. .pb_form_v1 {
  717. padding: 50px;
  718. -webkit-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);
  719. -moz-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);
  720. box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75); }
  721. @media (max-width: 991px) {
  722. .pb_form_v1 {
  723. padding: 30px; } }
  724.  
  725. input, select, textarea {
  726. font-weight: 300;
  727. color: rgba(0, 0, 0, 0.7); }
  728.  
  729. .pb_select-wrap {
  730. position: relative; }
  731. .pb_select-wrap:before {
  732. font-family: 'Ionicons';
  733. speak: none;
  734. font-style: normal;
  735. font-weight: normal;
  736. font-variant: normal;
  737. text-transform: none;
  738. line-height: 1;
  739. -webkit-font-smoothing: antialiased;
  740. -moz-osx-font-smoothing: grayscale;
  741. content: "\f3d0";
  742. position: absolute;
  743. right: 20px;
  744. top: 50%;
  745. -webkit-transform: translateY(-50%);
  746. -ms-transform: translateY(-50%);
  747. transform: translateY(-50%);
  748. font-size: 26px; }
  749. .pb_select-wrap select {
  750. -webkit-appearance: none;
  751. -moz-appearance: none;
  752. appearance: none; }
  753.  
  754. .form-control.reverse {
  755. background: #f2f2f2;
  756. -webkit-transition: .3s all ease;
  757. -o-transition: .3s all ease;
  758. transition: .3s all ease;
  759. border-color: #f2f2f2; }
  760. .form-control.reverse:focus, .form-control.reverse:active {
  761. background: none;
  762. border-color: #1d82ff !important; }
  763.  
  764. .form-control-outline {
  765. background: none; }
  766. .form-control-outline:focus, .form-control-outline:active {
  767. background: none; }
  768. .form-control-outline.light {
  769. color: #fff;
  770. border-color: rgba(255, 255, 255, 0.4); }
  771. .form-control-outline.light:focus, .form-control-outline.light:active {
  772. border-color: white; }
  773. .form-control-outline.light::-webkit-input-placeholder {
  774. color: rgba(255, 255, 255, 0.5); }
  775. .form-control-outline.light:-ms-input-placeholder {
  776. color: rgba(255, 255, 255, 0.5); }
  777. .form-control-outline.light::placeholder {
  778. color: rgba(255, 255, 255, 0.5); }
  779. .form-control-outline.dark {
  780. color: #868e96; }
  781.  
  782. .btn:focus, .btn:active {
  783. -webkit-box-shadow: none !important;
  784. box-shadow: none !important;
  785. outline: none !important; }
  786.  
  787. .btn-shadow-blue {
  788. -webkit-box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45);
  789. -moz-box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45);
  790. box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45); }
  791.  
  792. .pb_btn-pill {
  793. border-radius: 50px;
  794. padding-left: 40px;
  795. padding-right: 40px; }
  796.  
  797. .pb_outline-light {
  798. border: 1px solid rgba(255, 255, 255, 0.2);
  799. text-transform: uppercase;
  800. background: none;
  801. color: white; }
  802. .pb_outline-light:hover, .pb_outline-light:active, .pb_outline-light:focus {
  803. outline: none;
  804. background: #fff !important;
  805. border: 1px solid white;
  806. color: #000; }
  807.  
  808. .pb_outline-dark {
  809. border: 1px solid rgba(0, 0, 0, 0.2);
  810. text-transform: uppercase;
  811. color: black;
  812. background: none; }
  813. .pb_outline-dark:hover, .pb_outline-dark:active, .pb_outline-dark:focus {
  814. outline: none;
  815. background: #000 !important;
  816. border: 1px solid black;
  817. color: #fff; }
  818.  
  819. .pb_signle-item {
  820. margin-bottom: 50px;
  821. float: left;
  822. width: 100%; }
  823. .pb_signle-item img {
  824. -webkit-transition: .3s all;
  825. -o-transition: .3s all;
  826. transition: .3s all;
  827. position: relative;
  828. top: 0; }
  829. .pb_signle-item:focus img, .pb_signle-item:hover img {
  830. top: -20px; }
  831.  
  832. .pb_thumbnail_v1 {
  833. display: block;
  834. position: relative;
  835. overflow: hidden;
  836. float: left;
  837. width: 100%;
  838. margin-bottom: 30px; }
  839. .pb_thumbnail_v1 .pb_media {
  840. position: relative;
  841. -webkit-transition: .3s all ease;
  842. -o-transition: .3s all ease;
  843. transition: .3s all ease;
  844. bottom: 0px; }
  845. .pb_thumbnail_v1 .pb_media:before {
  846. content: "";
  847. position: absolute;
  848. left: 0;
  849. right: 0;
  850. top: 0;
  851. bottom: 0;
  852. background: rgba(0, 0, 0, 0.3);
  853. z-index: 2; }
  854. .pb_thumbnail_v1 .pb_media .pb_img-wrap {
  855. overflow: hidden; }
  856. .pb_thumbnail_v1 .pb_media .pb_img-wrap img {
  857. position: relative;
  858. -webkit-transition: .5s all ease;
  859. -o-transition: .5s all ease;
  860. transition: .5s all ease;
  861. -webkit-transform: scale(1.09);
  862. -ms-transform: scale(1.09);
  863. transform: scale(1.09); }
  864. .pb_thumbnail_v1 .pb_media .btn {
  865. position: absolute;
  866. width: 100%; }
  867. .pb_thumbnail_v1 .text {
  868. position: absolute;
  869. bottom: 10px;
  870. z-index: 2;
  871. left: 20px;
  872. -webkit-transition: .3s all ease;
  873. -o-transition: .3s all ease;
  874. transition: .3s all ease; }
  875. .pb_thumbnail_v1 .text .heading {
  876. color: #fff;
  877. margin-bottom: 0;
  878. margin-top: 0;
  879. font-size: 26px; }
  880. .pb_thumbnail_v1 .text p {
  881. margin-bottom: 0;
  882. color: rgba(255, 255, 255, 0.7); }
  883. .pb_thumbnail_v1:hover .text, .pb_thumbnail_v1:focus .text {
  884. bottom: 65px; }
  885. .pb_thumbnail_v1:hover .pb_media, .pb_thumbnail_v1:focus .pb_media {
  886. bottom: 54px; }
  887. .pb_thumbnail_v1:hover .pb_media .pb_img-wrap img, .pb_thumbnail_v1:focus .pb_media .pb_img-wrap img {
  888. -webkit-transform: scale(1);
  889. -ms-transform: scale(1);
  890. transform: scale(1); }
  891.  
  892. .pb_blog_v1 {
  893. float: left;
  894. width: 100%; }
  895. .pb_blog_v1 .card-title {
  896. font-size: 30px; }
  897. .pb_blog_v1 .card-meta {
  898. font-size: 14px;
  899. color: #ced4da; }
  900. .pb_blog_v1 .card-meta a {
  901. color: #ced4da; }
  902. .pb_blog_v1 .card-meta a:hover, .pb_blog_v1 .card-meta a:focus, .pb_blog_v1 .card-meta a:active {
  903. color: #212529; }
  904.  
  905. .pb_cards > .card {
  906. border-radius: 0;
  907. padding: 30px; }
  908. @media (max-width: 991px) {
  909. .pb_cards > .card {
  910. padding: 15px; } }
  911.  
  912. #pb_loader {
  913. position: fixed;
  914. width: 96px;
  915. height: 96px;
  916. left: 50%;
  917. top: 50%;
  918. -webkit-transform: translate(-50%, -50%);
  919. -ms-transform: translate(-50%, -50%);
  920. transform: translate(-50%, -50%);
  921. background-color: rgba(255, 255, 255, 0.9);
  922. -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  923. box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  924. border-radius: 16px;
  925. opacity: 0;
  926. visibility: hidden;
  927. -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  928. -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  929. transition: opacity .2s ease-out, visibility 0s linear .2s;
  930. z-index: 1000; }
  931.  
  932. #pb_loader.fullscreen {
  933. padding: 0;
  934. left: 0;
  935. top: 0;
  936. width: 100%;
  937. height: 100%;
  938. -webkit-transform: none;
  939. -ms-transform: none;
  940. transform: none;
  941. background-color: #fff;
  942. border-radius: 0;
  943. -webkit-box-shadow: none;
  944. box-shadow: none; }
  945.  
  946. #pb_loader.show {
  947. -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  948. -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  949. transition: opacity .4s ease-out, visibility 0s linear 0s;
  950. visibility: visible;
  951. opacity: 1; }
  952.  
  953. #pb_loader .circular {
  954. -webkit-animation: loader-rotate 2s linear infinite;
  955. animation: loader-rotate 2s linear infinite;
  956. position: absolute;
  957. left: calc(50% - 24px);
  958. top: calc(50% - 24px);
  959. display: block;
  960. -webkit-transform: rotate(0deg);
  961. -ms-transform: rotate(0deg);
  962. transform: rotate(0deg); }
  963.  
  964. #pb_loader .path {
  965. stroke-dasharray: 1, 200;
  966. stroke-dashoffset: 0;
  967. -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  968. animation: loader-dash 1.5s ease-in-out infinite;
  969. stroke-linecap: round; }
  970.  
  971. @-webkit-keyframes loader-rotate {
  972. 100% {
  973. -webkit-transform: rotate(360deg);
  974. transform: rotate(360deg); } }
  975.  
  976. @keyframes loader-rotate {
  977. 100% {
  978. -webkit-transform: rotate(360deg);
  979. transform: rotate(360deg); } }
  980.  
  981. @-webkit-keyframes loader-dash {
  982. 0% {
  983. stroke-dasharray: 1, 200;
  984. stroke-dashoffset: 0; }
  985. 50% {
  986. stroke-dasharray: 89, 200;
  987. stroke-dashoffset: -35px; }
  988. 100% {
  989. stroke-dasharray: 89, 200;
  990. stroke-dashoffset: -136px; } }
  991.  
  992. @keyframes loader-dash {
  993. 0% {
  994. stroke-dasharray: 1, 200;
  995. stroke-dashoffset: 0; }
  996. 50% {
  997. stroke-dasharray: 89, 200;
  998. stroke-dashoffset: -35px; }
  999. 100% {
  1000. stroke-dasharray: 89, 200;
  1001. stroke-dashoffset: -136px; } }
  1002.  
  1003. html {
  1004. overflow-x: hidden;
  1005. font-size: 1em; }
  1006.  
  1007. body {
  1008. font-family: "Montserrat", Arial, sans-serif; }
  1009.  
  1010. input, textarea, p {
  1011. font-weight: 300; }
  1012.  
  1013. ::-moz-selection {
  1014. background: #000;
  1015. color: #fff; }
  1016.  
  1017. ::selection {
  1018. background: #000;
  1019. color: #fff; }
  1020.  
  1021. ::-moz-selection {
  1022. background: #000;
  1023. color: #fff; }
  1024.  
  1025. h1, h2, h3, h4, h5, h6 {
  1026. font-weight: 300 !important; }
  1027.  
  1028. a {
  1029. -webkit-transition: .3s all ease;
  1030. -o-transition: .3s all ease;
  1031. transition: .3s all ease; }
  1032.  
  1033. .bg_image, .pb_sm_py_cover,
  1034. .pb_md_py_cover,
  1035. .pb_lg_py_cover,
  1036. .pb_xl_py_cover, .pb_cover,
  1037. .pb_cover_v1,
  1038. .pb_cover_v2,
  1039. .pb_cover_v3,
  1040. .pb_cover_v4, .pb_slide_v2 .slide_content > .pb_content-media {
  1041. background-size: cover;
  1042. background-position: center center;
  1043. background-repeat: no-repeat; }
  1044.  
  1045. .with-overlay {
  1046. position: relative; }
  1047. .with-overlay:before {
  1048. position: absolute;
  1049. top: 0;
  1050. left: 0;
  1051. right: 0;
  1052. bottom: 0;
  1053. content: "";
  1054. background: rgba(0, 0, 0, 0.4); }
  1055.  
  1056. .pb_navbar {
  1057. position: absolute;
  1058. top: 0;
  1059. left: 0;
  1060. z-index: 100;
  1061. width: 100%;
  1062. font-family: "Montserrat", Arial, sans-serif; }
  1063. .pb_navbar .navbar-toggler:active, .pb_navbar .navbar-toggler:focus {
  1064. outline: none; }
  1065. .pb_navbar > .container {
  1066. position: relative; }
  1067. .pb_navbar .navbar-toggler {
  1068. border: none;
  1069. color: white;
  1070. border-color: white;
  1071. cursor: pointer;
  1072. padding-right: 0; }
  1073. .pb_navbar .navbar-toggler i {
  1074. font-size: 30px; }
  1075. .pb_navbar ul > li > a {
  1076. color: white !important; }
  1077. .pb_navbar ul > li > a.active {
  1078. color: white !important; }
  1079. .pb_navbar ul > li.cta-btn > a > span {
  1080. padding: 10px;
  1081. border: 1px solid rgba(255, 255, 255, 0.5); }
  1082. .pb_navbar .nav-link {
  1083. font-size: 15px;
  1084. padding-left: 1rem !important;
  1085. padding-right: 1rem !important; }
  1086. @media (max-width: 1199px) {
  1087. .pb_navbar .nav-link {
  1088. padding-top: .5rem;
  1089. padding-bottom: .5rem; } }
  1090. @media (max-width: 991px) {
  1091. .pb_navbar .nav-link {
  1092. padding-left: 0rem !important;
  1093. padding-right: 0rem !important; } }
  1094. @media (max-width: 767px) {
  1095. .pb_navbar .nav-link {
  1096. padding-left: 0 !important;
  1097. padding-right: 0 !important; } }
  1098. @media (max-width: 991px) {
  1099. .pb_navbar .navbar-nav {
  1100. background: rgba(0, 0, 0, 0.8);
  1101. border-radius: 0px;
  1102. padding-left: 1rem !important;
  1103. padding-right: 1rem !important; } }
  1104. .pb_navbar.scrolled {
  1105. position: fixed;
  1106. right: 0;
  1107. left: 0;
  1108. top: 0;
  1109. margin-top: -130px; }
  1110. @media (max-width: 991px) {
  1111. .pb_navbar.scrolled .navbar-nav {
  1112. background: none;
  1113. border-radius: 0px;
  1114. padding-left: 0rem !important;
  1115. padding-right: 0rem !important; } }
  1116. @media (max-width: 767px) {
  1117. .pb_navbar.scrolled .navbar-nav {
  1118. background: none;
  1119. padding-left: 0 !important;
  1120. padding-right: 0 !important; } }
  1121. .pb_navbar.scrolled .navbar-toggler {
  1122. border: none;
  1123. color: rgba(0, 0, 0, 0.5);
  1124. border-color: rgba(0, 0, 0, 0.5);
  1125. cursor: pointer;
  1126. padding-right: 0; }
  1127. .pb_navbar.scrolled .nav-link {
  1128. padding-top: .5rem;
  1129. padding-bottom: .5rem; }
  1130. .pb_navbar.scrolled.awake {
  1131. margin-top: 0px;
  1132. -webkit-transition: .3s all ease-out;
  1133. -o-transition: .3s all ease-out;
  1134. transition: .3s all ease-out; }
  1135. .pb_navbar.scrolled.sleep {
  1136. -webkit-transition: .3s all ease-out;
  1137. -o-transition: .3s all ease-out;
  1138. transition: .3s all ease-out; }
  1139. .pb_navbar.scrolled.pb_scrolled-light {
  1140. background: #fff !important;
  1141. -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
  1142. -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
  1143. box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15); }
  1144. .pb_navbar.scrolled.pb_scrolled-light .navbar-brand {
  1145. color: #1d82ff; }
  1146. @media (max-width: 991px) {
  1147. .pb_navbar.scrolled.pb_scrolled-light .navbar-nav {
  1148. background: none;
  1149. border-radius: 0px;
  1150. padding-left: 0rem !important;
  1151. padding-right: 0rem !important; } }
  1152. .pb_navbar.scrolled.pb_scrolled-light ul li a {
  1153. color: #212529 !important; }
  1154. .pb_navbar.scrolled.pb_scrolled-light ul li a:hover, .pb_navbar.scrolled.pb_scrolled-light ul li a:active, .pb_navbar.scrolled.pb_scrolled-light ul li a:focus {
  1155. color: #868e96 !important; }
  1156. .pb_navbar.scrolled.pb_scrolled-light ul li a.active {
  1157. color: #1d82ff !important; }
  1158. .pb_navbar.scrolled.pb_scrolled-light ul li.cta-btn > a > span {
  1159. border: none;
  1160. background: #00CA4C;
  1161. color: #fff; }
  1162.  
  1163. .pb_offcanvas-nav_v1 {
  1164. position: fixed;
  1165. left: 0;
  1166. right: 0;
  1167. bottom: 0;
  1168. top: 0;
  1169. z-index: 99;
  1170. opacity: 0;
  1171. visibility: hidden;
  1172. background: #000;
  1173. -webkit-transition: .3s all ease-in-out;
  1174. -o-transition: .3s all ease-in-out;
  1175. transition: .3s all ease-in-out; }
  1176. .pb_offcanvas-nav_v1.active {
  1177. opacity: 1;
  1178. visibility: visible; }
  1179. .pb_offcanvas-nav_v1 .pb_main-nav {
  1180. padding-top: 50px;
  1181. padding-right: 50px;
  1182. float: right;
  1183. text-align: right;
  1184. font-size: 30px;
  1185. height: 100vh;
  1186. overflow-y: auto; }
  1187. .pb_offcanvas-nav_v1 .pb_main-nav li {
  1188. list-style: none;
  1189. line-height: 1.5;
  1190. margin-bottom: 10px; }
  1191. .pb_offcanvas-nav_v1 .pb_main-nav li a {
  1192. color: #fff; }
  1193. .pb_offcanvas-nav_v1 .pb_main-nav li a.active {
  1194. text-decoration: underline; }
  1195.  
  1196. .pb_offcanvas-header_v1 {
  1197. padding-top: 40px;
  1198. z-index: 2;
  1199. position: absolute;
  1200. width: 100%; }
  1201. .pb_offcanvas-header_v1 > .container {
  1202. position: relative; }
  1203. .pb_offcanvas-header_v1 .pb_site-name {
  1204. position: absolute;
  1205. left: 15px; }
  1206. .pb_offcanvas-header_v1 .pb_toggle-menu {
  1207. position: absolute;
  1208. right: 0px;
  1209. top: 17px; }
  1210. @media (max-width: 767px) {
  1211. .pb_offcanvas-header_v1 .pb_toggle-menu {
  1212. top: 13px; } }
  1213. div.container228 {
  1214. width: 50 %;
  1215. max-width: 960px;
  1216. margin: 0 auto;
  1217. }
  1218. img {
  1219. width: 100%;
  1220. height: auto;
  1221. }
  1222. #pb_nav-toggle {
  1223. background: transparent;
  1224. position: absolute;
  1225. right: 0;
  1226. top: 50%;
  1227. height: 50px;
  1228. width: 50px;
  1229. cursor: pointer;
  1230. -webkit-transform: translate(0%, -50%);
  1231. -ms-transform: translate(0%, -50%);
  1232. transform: translate(0%, -50%); }
  1233. #pb_nav-toggle:hover span:after {
  1234. width: 32px; }
  1235.  
  1236. #pb_nav-toggle span,
  1237. #pb_nav-toggle span:before,
  1238. #pb_nav-toggle span:after {
  1239. cursor: pointer;
  1240. border-radius: 1px;
  1241. height: 2px;
  1242. width: 32px;
  1243. background: #000;
  1244. position: absolute;
  1245. left: 0;
  1246. top: 50%;
  1247. display: block;
  1248. content: ''; }
  1249.  
  1250. #pb_nav-toggle span:before {
  1251. top: -10px; }
  1252.  
  1253. #pb_nav-toggle span:after {
  1254. top: 10px;
  1255. width: 16px; }
  1256.  
  1257. #pb_nav-toggle span,
  1258. #pb_nav-toggle span:before,
  1259. #pb_nav-toggle span:after {
  1260. -webkit-transition: all 0.3s ease-in-out;
  1261. -o-transition: all 0.3s ease-in-out;
  1262. transition: all 0.3s ease-in-out; }
  1263.  
  1264. #pb_nav-toggle.active span {
  1265. background-color: transparent; }
  1266.  
  1267. #pb_nav-toggle.active span:before,
  1268. #pb_nav-toggle.active span:after {
  1269. top: 0; }
  1270.  
  1271. #pb_nav-toggle.active span:before {
  1272. -webkit-transform: rotate(135deg);
  1273. -ms-transform: rotate(135deg);
  1274. transform: rotate(135deg); }
  1275.  
  1276. #pb_nav-toggle.active span:after {
  1277. width: 32px;
  1278. -webkit-transform: rotate(-135deg);
  1279. -ms-transform: rotate(-135deg);
  1280. transform: rotate(-135deg); }
  1281.  
  1282. .heading-border-top {
  1283. position: relative;
  1284. padding-top: 30px; }
  1285. .heading-border-top:before {
  1286. position: absolute;
  1287. top: 0;
  1288. height: 2px;
  1289. width: 50px;
  1290. content: "";
  1291. background: #1d82ff; }
  1292. .heading-border-top.light:before {
  1293. background: rgba(255, 255, 255, 0.7) !important; }
  1294.  
  1295. .text-center .heading-border-top:before {
  1296. left: 50%;
  1297. -webkit-transform: translateX(-50%);
  1298. -ms-transform: translateX(-50%);
  1299. transform: translateX(-50%); }
  1300.  
  1301. .text-center .heading-border-top.light:before {
  1302. background: rgba(255, 255, 255, 0.7) !important; }
  1303.  
  1304. .pb_section {
  1305. padding: 9em 0;
  1306. position: relative;
  1307. display: block; }
  1308. @media (max-width: 991px) {
  1309. .pb_section {
  1310. padding: 4em 0; } }
  1311. .pb_section.pb_bg-half:before {
  1312. top: 50%;
  1313. content: "";
  1314. background: #f8f9fa;
  1315. bottom: 0%;
  1316. width: 100%;
  1317. left: 0;
  1318. position: absolute; }
  1319.  
  1320. .images {
  1321. position: relative; }
  1322. .images .img2 {
  1323. position: absolute;
  1324. top: 50%;
  1325. left: 50%;
  1326. max-width: 500px;
  1327. -webkit-box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5);
  1328. box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5); }
  1329. @media (max-width: 767px) {
  1330. .images .img2 {
  1331. position: relative;
  1332. left: inherit !important;
  1333. top: inherit !important;
  1334. max-width: 100%; } }
  1335. .images.right .img1 {
  1336. position: relative;
  1337. z-index: 2;
  1338. -webkit-box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5);
  1339. box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5); }
  1340. .images.right .img2 {
  1341. position: absolute;
  1342. top: 50%;
  1343. left: -40%;
  1344. z-index: 1;
  1345. max-width: 500px; }
  1346. @media (max-width: 767px) {
  1347. .images.right .img2 {
  1348. position: relative;
  1349. left: inherit !important;
  1350. top: inherit !important;
  1351. max-width: 100%; } }
  1352.  
  1353. @media (max-width: 767px) {
  1354. .pb_testimonial_v1 .media {
  1355. display: block !important; } }
  1356.  
  1357. .pb_testimonial_v1 .media img {
  1358. max-width: 200px; }
  1359. @media (max-width: 767px) {
  1360. .pb_testimonial_v1 .media img {
  1361. margin: 0 auto 20px auto !important; } }
  1362.  
  1363. @media (max-width: 767px) {
  1364. .pb_testimonial_v1 .media .media-body {
  1365. width: 100%;
  1366. text-align: center; } }
  1367.  
  1368. .pb_testimonial_v1 .media blockquote {
  1369. font-style: italic; }
  1370. .pb_testimonial_v1 .media blockquote p {
  1371. color: #212529;
  1372. font-size: 18px; }
  1373. .pb_testimonial_v1 .media blockquote p cite {
  1374. display: block;
  1375. font-size: 1rem;
  1376. font-style: normal; }
  1377. .pb_testimonial_v1 .media blockquote p.pb_author {
  1378. font-style: normal;
  1379. color: #868e96; }
  1380.  
  1381. .pb_footer {
  1382. padding: 5em 0; }
  1383. .pb_footer .list-unstyled li {
  1384. margin-bottom: 10px;
  1385. line-height: 1.5; }
  1386. .pb_footer.bg-black {
  1387. background: #000; }
  1388.  
  1389. .pb_card_v1 {
  1390. border: none; }
  1391. .pb_card_v1 .card-subtitle {
  1392. color: #868e96; }
  1393. .pb_card_v1 .card-img-top {
  1394. margin-top: 30px; }
  1395.  
  1396. .pb_card_v2 .icon i:before {
  1397. font-size: 50px;
  1398. margin: 0;
  1399. padding: 0;
  1400. color: #868e96; }
  1401.  
  1402. .pb_card_v2 .card-body {
  1403. padding-top: 0; }
  1404. .pb_card_v2 .card-body h4 {
  1405. margin-top: 0;
  1406. font-size: 16px; }
  1407.  
  1408. .pb_hover-zoom {
  1409. position: relative;
  1410. display: block;
  1411. overflow: hidden; }
  1412. .pb_hover-zoom img {
  1413. -webkit-transition: .3s all ease;
  1414. -o-transition: .3s all ease;
  1415. transition: .3s all ease;
  1416. -webkit-transform: scale(1.1);
  1417. -ms-transform: scale(1.1);
  1418. transform: scale(1.1); }
  1419. .pb_hover-zoom:before {
  1420. position: absolute;
  1421. -webkit-transition: .3s all ease;
  1422. -o-transition: .3s all ease;
  1423. transition: .3s all ease;
  1424. top: 0;
  1425. left: 0;
  1426. right: 0;
  1427. bottom: 0;
  1428. content: "";
  1429. z-index: 1;
  1430. height: 100%;
  1431. background: rgba(0, 0, 0, 0.6);
  1432. opacity: 0;
  1433. visibility: hidden; }
  1434. .pb_hover-zoom .icon {
  1435. font-size: 30px;
  1436. position: absolute;
  1437. top: 50%;
  1438. left: 50%;
  1439. -webkit-transform: translateY(-50%) translateX(-50%);
  1440. -ms-transform: translateY(-50%) translateX(-50%);
  1441. transform: translateY(-50%) translateX(-50%);
  1442. color: #fff !important;
  1443. z-index: 1;
  1444. margin-top: 20px;
  1445. opacity: 0;
  1446. visibility: hidden;
  1447. -webkit-transition: .2s all ease-out;
  1448. -o-transition: .2s all ease-out;
  1449. transition: .2s all ease-out; }
  1450. .pb_hover-zoom:hover {
  1451. outline: none; }
  1452. .pb_hover-zoom:hover .icon {
  1453. margin-top: 0;
  1454. opacity: 1;
  1455. visibility: visible; }
  1456. .pb_hover-zoom:hover:before {
  1457. opacity: 1;
  1458. visibility: visible; }
  1459. .pb_hover-zoom:hover img {
  1460. -webkit-transform: scale(1);
  1461. -ms-transform: scale(1);
  1462. transform: scale(1); }
  1463.  
  1464. .pb_half {
  1465. width: 50%;
  1466. float: left; }
  1467. @media (max-width: 991px) {
  1468. .pb_half {
  1469. width: 100%;
  1470. float: none; }
  1471. .pb_half#map {
  1472. height: 300px; } }
  1473.  
  1474. .pb_accordion .item > a {
  1475. display: block;
  1476. border-bottom: 1px solid #e9ecef;
  1477. padding: 10px 0;
  1478. position: relative;
  1479. color: #495057; }
  1480. .pb_accordion .item > a:after {
  1481. position: absolute;
  1482. right: 0;
  1483. top: 50%;
  1484. -webkit-transform: translateY(-50%);
  1485. -ms-transform: translateY(-50%);
  1486. transform: translateY(-50%);
  1487. font-family: 'Ionicons';
  1488. speak: none;
  1489. font-style: normal;
  1490. font-weight: normal;
  1491. font-variant: normal;
  1492. text-transform: none;
  1493. line-height: 1;
  1494. -webkit-font-smoothing: antialiased;
  1495. -moz-osx-font-smoothing: grayscale;
  1496. content: "\f2c7"; }
  1497. .pb_accordion .item > a[aria-expanded="true"] {
  1498. color: #1d82ff;
  1499. border-bottom: 1px solid transparent; }
  1500. .pb_accordion .item > a[aria-expanded="true"]:after {
  1501. content: "\f2f4"; }
  1502.  
  1503. .pb_accordion .item > div *:last-child {
  1504. margin-bottom: 0; }
  1505.  
  1506. .pb_contact_details_v1 {
  1507. margin: 0;
  1508. padding: 0; }
  1509. .pb_contact_details_v1 li {
  1510. list-style: none;
  1511. padding: 0;
  1512. margin: 0 0 1em 0;
  1513. color: #212529; }
  1514. .pb_contact_details_v1 li span {
  1515. display: block;
  1516. font-size: 14px;
  1517. color: #adb5bd; }
  1518.  
  1519. .slick-arrow {
  1520. position: absolute;
  1521. top: 50%;
  1522. z-index: 9;
  1523. -webkit-transform: translateY(-50%);
  1524. -ms-transform: translateY(-50%);
  1525. transform: translateY(-50%);
  1526. width: 40px;
  1527. height: 40px;
  1528. cursor: pointer;
  1529. color: #000; }
  1530. @media (max-width: 767px) {
  1531. .slick-arrow {
  1532. display: none !important; } }
  1533. .slick-arrow.prev {
  1534. left: 20px; }
  1535. .slick-arrow.next {
  1536. right: 20px; }
  1537. .slick-arrow i {
  1538. font-size: 40px;
  1539. position: absolute;
  1540. top: 50%;
  1541. left: 50%;
  1542. -webkit-transform: translateX(-50%) translateY(-50%);
  1543. -ms-transform: translateX(-50%) translateY(-50%);
  1544. transform: translateX(-50%) translateY(-50%); }
  1545.  
  1546. .slick-dots {
  1547. position: absolute;
  1548. bottom: -40px;
  1549. z-index: 1;
  1550. list-style: none;
  1551. display: block;
  1552. text-align: center;
  1553. padding: 0;
  1554. margin: 0;
  1555. width: 100%; }
  1556. .slick-dots li {
  1557. position: relative;
  1558. display: inline-block;
  1559. height: 20px;
  1560. width: 20px;
  1561. margin: 0 5px;
  1562. padding: 0;
  1563. cursor: pointer; }
  1564. .slick-dots li button {
  1565. border: 0;
  1566. background: transparent;
  1567. display: block;
  1568. height: 20px;
  1569. width: 20px;
  1570. outline: none;
  1571. line-height: 0px;
  1572. font-size: 0px;
  1573. color: transparent;
  1574. padding: 5px;
  1575. cursor: pointer;
  1576. position: relative; }
  1577. .slick-dots li button:before {
  1578. width: 7px;
  1579. height: 7px;
  1580. content: "";
  1581. position: absolute;
  1582. top: 50%;
  1583. left: 50%;
  1584. background: rgba(0, 0, 0, 0.2);
  1585. border-radius: 50%;
  1586. -webkit-transform: translateX(-50%) translateY(-50%);
  1587. -ms-transform: translateX(-50%) translateY(-50%);
  1588. transform: translateX(-50%) translateY(-50%);
  1589. -webkit-transition: .3s all ease-out;
  1590. -o-transition: .3s all ease-out;
  1591. transition: .3s all ease-out; }
  1592. .slick-dots li button:hover, .slick-dots li button:focus {
  1593. outline: none; }
  1594. .slick-dots li button:hover:before, .slick-dots li button:focus:before {
  1595. background: rgba(0, 0, 0, 0.7); }
  1596. .slick-dots li.slick-active button:before {
  1597. background: rgba(0, 0, 0, 0.7); }
  1598.  
  1599. .pb_media_v1 > .icon,
  1600. .pb_media_v2 > .icon {
  1601. width: 80px;
  1602. height: 80px;
  1603. position: relative; }
  1604. .pb_media_v1 > .icon i,
  1605. .pb_media_v2 > .icon i {
  1606. position: absolute;
  1607. top: 50%;
  1608. left: 50%;
  1609. -webkit-transform: translateY(-50%) translateX(-50%);
  1610. -ms-transform: translateY(-50%) translateX(-50%);
  1611. transform: translateY(-50%) translateX(-50%); }
  1612. .pb_media_v1 > .icon i.flaticon,
  1613. .pb_media_v2 > .icon i.flaticon {
  1614. top: 48%;
  1615. left: 50%;
  1616. -webkit-transform: translateY(-50%) translateX(-50%);
  1617. -ms-transform: translateY(-50%) translateX(-50%);
  1618. transform: translateY(-50%) translateX(-50%); }
  1619. .pb_media_v1 > .icon i.flaticon:before,
  1620. .pb_media_v2 > .icon i.flaticon:before {
  1621. font-size: 46px;
  1622. margin: 0;
  1623. padding: 0; }
  1624.  
  1625. .pb_media_v1 h3,
  1626. .pb_media_v2 h3 {
  1627. color: #212529; }
  1628.  
  1629. .pb_icon_v1 i.flaticon:before {
  1630. font-size: 80px;
  1631. margin: 0;
  1632. padding: 0; }
  1633.  
  1634. .pb_slide_v1 .link-block {
  1635. display: block;
  1636. position: relative;
  1637. color: #A5E9DB; }
  1638. .pb_slide_v1 .link-block:before {
  1639. position: absolute;
  1640. content: "";
  1641. top: 0;
  1642. left: 0;
  1643. bottom: 0;
  1644. right: 0;
  1645. background: rgba(0, 0, 0, 0.05); }
  1646. .pb_slide_v1 .link-block .slide-text {
  1647. position: absolute;
  1648. z-index: 10;
  1649. bottom: 20px;
  1650. left: 20px; }
  1651. .pb_slide_v1 .link-block .slide-text h2 {
  1652. font-size: 24px;
  1653. font-weight: 400;
  1654. color: #fff;
  1655. margin-bottom: 0; }
  1656. .pb_slide_v1 .link-block .slide-text *:last-child {
  1657. margin-bottom: 0; }
  1658.  
  1659. .pb_slide_v2 .slick-slide {
  1660. padding: 10px;
  1661. position: relative; }
  1662.  
  1663. .pb_slide_v2.slider-nav .slick-slide {
  1664. margin: 10px;
  1665. padding: 0;
  1666. -webkit-transition: .3s all ease-out;
  1667. -o-transition: .3s all ease-out;
  1668. transition: .3s all ease-out;
  1669. border: 2px solid transparent; }
  1670. .pb_slide_v2.slider-nav .slick-slide .pb_card_v2 {
  1671. background: none; }
  1672. .pb_slide_v2.slider-nav .slick-slide.slick-current .pb_card_v2 {
  1673. background: none; }
  1674. .pb_slide_v2.slider-nav .slick-slide.slick-current .icon i:before {
  1675. -webkit-transition: .3s all ease-out;
  1676. -o-transition: .3s all ease-out;
  1677. transition: .3s all ease-out;
  1678. color: #00CA4C; }
  1679.  
  1680. .pb_slide_v2 .slide_content {
  1681. background: #fff;
  1682. -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
  1683. box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15); }
  1684. @media (max-width: 991px) {
  1685. .pb_slide_v2 .slide_content > .pb_content-media {
  1686. height: 350px; } }
  1687. .pb_slide_v2 .slide_content > .pb_content-media, .pb_slide_v2 .slide_content .slide_content-text {
  1688. width: 50%; }
  1689. @media (max-width: 991px) {
  1690. .pb_slide_v2 .slide_content > .pb_content-media, .pb_slide_v2 .slide_content .slide_content-text {
  1691. width: 100%; } }
  1692. .pb_slide_v2 .slide_content .slide_content-text {
  1693. padding: 50px; }
  1694. @media (max-width: 991px) {
  1695. .pb_slide_v2 .slide_content .slide_content-text {
  1696. padding: 20px; } }
  1697.  
  1698. @media (max-width: 991px) {
  1699. .pb_slide_v2 .slick-arrow {
  1700. display: none; } }
  1701.  
  1702. .pb_slide_v2 .slick-arrow.prev {
  1703. left: -50px; }
  1704.  
  1705. .pb_slide_v2 .slick-arrow.next {
  1706. right: -50px; }
  1707.  
  1708. .overflow-hidden {
  1709. overflow: hidden; }
  1710.  
  1711. /*# sourceMappingURL=style.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!