spawntree
/
probuddy-feature-profilechilds
2
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Haara
27 MiB
 
 
 
 
Puu: 5c9f7cb552
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '5c9f7cb552'
${ noResults }
probuddy-feature-profilechilds/src/client/app/css/style.css

1789 rivejä
48 KiB
Raaka Blame Historia 

  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. .mouse-wrap, .scroll-wrap {

  16.   position: absolute;

  17.   bottom: 50px;

  18.   z-index: 3;

  19.   left: 50%;

  20.   -webkit-transform: translateX(-50%);

  21.   -ms-transform: translateX(-50%);

  22.   transform: translateX(-50%); }

  23.   .mouse-wrap.left, .scroll-wrap.left {

  24.     left: 30px;

  25.     -webkit-transform: translateX(0%);

  26.     -ms-transform: translateX(0%);

  27.     transform: translateX(0%); }

  28. 

  29. .mouse {

  30.   width: 30px;

  31.   height: 50px;

  32.   border-radius: 20px;

  33.   border: 2px solid #212529;

  34.   position: absolute;

  35.   top: calc(50% - 30px);

  36.   left: calc(50% - 20px); }

  37. 

  38. .mouse:before, .mouse:after {

  39.   content: "";

  40.   display: block;

  41.   position: absolute; }

  42. 

  43. /* Second */

  44. .m-1:before {

  45.   width: 6px;

  46.   height: 6px;

  47.   border-radius: 50%;

  48.   top: 10px;

  49.   left: calc(50% - 3px);

  50.   background: #212529;

  51.   -webkit-animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;

  52.   animation: m-1-ball 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }

  53. 

  54. @-webkit-keyframes m-1-ball {

  55.   0%, 65%, 100% {

  56.     opacity: 0; }

  57.   10%, 40% {

  58.     opacity: 1; }

  59.   0% {

  60.     -webkit-transform: translateY(5px) scale(0.7);

  61.     transform: translateY(5px) scale(0.7); }

  62.   5% {

  63.     -webkit-transform: scale(0.7);

  64.     transform: scale(0.7); }

  65.   15%, 100% {

  66.     -webkit-transform: scale(1);

  67.     transform: scale(1); }

  68.   45%, 65% {

  69.     -webkit-transform: translateY(24px) scale(0.7);

  70.     transform: translateY(24px) scale(0.7); } }

  71. 

  72. @keyframes m-1-ball {

  73.   0%, 65%, 100% {

  74.     opacity: 0; }

  75.   10%, 40% {

  76.     opacity: 1; }

  77.   0% {

  78.     -webkit-transform: translateY(5px) scale(0.7);

  79.     transform: translateY(5px) scale(0.7); }

  80.   5% {

  81.     -webkit-transform: scale(0.7);

  82.     transform: scale(0.7); }

  83.   15%, 100% {

  84.     -webkit-transform: scale(1);

  85.     transform: scale(1); }

  86.   45%, 65% {

  87.     -webkit-transform: translateY(24px) scale(0.7);

  88.     transform: translateY(24px) scale(0.7); } }

  89. 

  90. .scroll-wrap {

  91.   -webkit-transition: .3s all ease-out;

  92.   -o-transition: .3s all ease-out;

  93.   transition: .3s all ease-out;

  94.   bottom: 50px;

  95.   opacity: 1;

  96.   visibility: visible; }

  97.   .scroll-wrap.sleep {

  98.     bottom: 0;

  99.     opacity: 0;

  100.     visibility: hidden; }

  101. 

  102. .testimonial_v1 img {

  103.   height: 80px; }

  104. 

  105. .testimonial_v1 .heading {

  106.   color: #495057;

  107.   font-size: 18px; }

  108. 

  109. .testimonial_v1 .subheading {

  110.   color: rgba(0, 0, 0, 0.4); }

  111. 

  112. .testimonial_v1 blockquote {

  113.   font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;

  114.   line-height: 1.7;

  115.   color: #495057; }

  116. 

  117. .testimonial_v1.pb_quote_v1 .media-body {

  118.   position: relative;

  119.   margin-top: 40px; }

  120. 

  121. .testimonial_v1.pb_quote_v1 .quote {

  122.   font-size: 100px;

  123.   font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;

  124.   color: #adb5bd;

  125.   line-height: 0;

  126.   position: absolute;

  127.   left: 50%;

  128.   top: 0;

  129.   -webkit-transform: translateX(-50%);

  130.   -ms-transform: translateX(-50%);

  131.   transform: translateX(-50%); }

  132. 

  133. .testimonial_v1.pb_quote_v2 .media-body {

  134.   position: relative; }

  135. 

  136. .testimonial_v1.pb_quote_v2 .quote {

  137.   font-size: 150px;

  138.   font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;

  139.   color: #dee2e6;

  140.   line-height: 0;

  141.   top: 40px;

  142.   position: absolute;

  143.   left: 0%;

  144.   z-index: -1; }

  145. 

  146. .testimonial_v2 .pb_media-header img {

  147.   height: 70px; }

  148. 

  149. .testimonial_v2 .pb_media-header .heading {

  150.   font-size: 18px; }

  151. 

  152. .testimonial_v2 .pb_media-header .heading, .testimonial_v2 .pb_media-header .subheading {

  153.   display: block;

  154.   margin-bottom: 0; }

  155. 

  156. .testimonial_v2 blockquote {

  157.   font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;

  158.   font-style: italic;

  159.   font-size: 18px;

  160.   line-height: 1.7;

  161.   color: #495057; }

  162. 

  163. .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide {

  164.   padding-top: 40px;

  165.   padding-bottom: 40px;

  166.   font-size: 30px;

  167.   line-height: 1; }

  168.   .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide blockquote {

  169.     margin-bottom: 40px; }

  170.   .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide img {

  171.     height: 170px; }

  172.   .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide .heading {

  173.     font-size: 18px;

  174.     margin-bottom: 0; }

  175.   .pb_slide_testimonial_sync_v1 .pb_slider_content .slick-slide .subheading {

  176.     font-size: 16px; }

  177. 

  178. .pb_slide_testimonial_sync_v1 .pb_slider_nav {

  179.   width: 250px;

  180.   margin: 0 auto; }

  181.   .pb_slide_testimonial_sync_v1 .pb_slider_nav .author {

  182.     cursor: pointer;

  183.     padding-top: 10px;

  184.     padding-bottom: 10px;

  185.     margin: 0px 10px;

  186.     -webkit-transition: .3s all ease-in;

  187.     -o-transition: .3s all ease-in;

  188.     transition: .3s all ease-in; }

  189.     .pb_slide_testimonial_sync_v1 .pb_slider_nav .author.slick-current {

  190.       -webkit-transform: scale(1.2);

  191.       -ms-transform: scale(1.2);

  192.       transform: scale(1.2); }

  193. 

  194. .pb_pricing_v1 {

  195.   margin-bottom: 50px; }

  196.   .pb_pricing_v1 .price {

  197.     font-size: 50px;

  198.     color: #1d82ff; }

  199.     .pb_pricing_v1 .price sup {

  200.       font-size: 20px;

  201.       top: -1em; }

  202.     .pb_pricing_v1 .price span {

  203.       font-size: 20px;

  204.       color: #adb5bd; }

  205. 

  206. .pb_feature-v1,

  207. .pb_feature-v2 {

  208.   margin-bottom: 30px;

  209.   /* circle with border */ }

  210.   .pb_feature-v1 .pb_icon i,

  211.   .pb_feature-v2 .pb_icon i {

  212.     font-size: 70px; }

  213.   .pb_feature-v1 .media-body,

  214.   .pb_feature-v2 .media-body {

  215.     font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;

  216.     font-size: 18px;

  217.     color: #868e96; }

  218.     .pb_feature-v1 .media-body .heading,

  219.     .pb_feature-v2 .media-body .heading {

  220.       font-size: 20px;

  221.       font-family: "Montserrat", Arial, sans-serif; }

  222.   .pb_feature-v1.pb_feature-circle,

  223.   .pb_feature-v2.pb_feature-circle {

  224.     /* circle with background color */ }

  225.     .pb_feature-v1.pb_feature-circle .pb_icon,

  226.     .pb_feature-v2.pb_feature-circle .pb_icon {

  227.       line-height: 0;

  228.       border-radius: 50%;

  229.       width: 80px;

  230.       height: 80px;

  231.       position: relative;

  232.       border: 1px solid #dee2e6;

  233.       margin-bottom: 30px; }

  234.       .pb_feature-v1.pb_feature-circle .pb_icon i,

  235.       .pb_feature-v2.pb_feature-circle .pb_icon i {

  236.         line-height: 0;

  237.         font-size: 45px;

  238.         position: absolute;

  239.         top: 50%;

  240.         left: 50%;

  241.         -webkit-transform: translateX(-50%) translateY(-50%);

  242.         -ms-transform: translateX(-50%) translateY(-50%);

  243.         transform: translateX(-50%) translateY(-50%); }

  244.     .pb_feature-v1.pb_feature-circle.pb_feature-colored .pb_icon,

  245.     .pb_feature-v2.pb_feature-circle.pb_feature-colored .pb_icon {

  246.       border: none;

  247.       background: #1d82ff; }

  248.       .pb_feature-v1.pb_feature-circle.pb_feature-colored .pb_icon i,

  249.       .pb_feature-v2.pb_feature-circle.pb_feature-colored .pb_icon i {

  250.         color: #fff; }

  251. 

  252. .pb_feature-v2 .pb_icon {

  253.   line-height: 0;

  254.   position: relative;

  255.   text-align: center; }

  256.   .pb_feature-v2 .pb_icon i {

  257.     font-size: 36px;

  258.     margin: 0 auto; }

  259. 

  260. .pb_list_v1 li {

  261.   margin-bottom: 7px; }

  262.   .pb_list_v1 li span {

  263.     line-height: 0;

  264.     margin-right: 7px;

  265.     color: #1d82ff; }

  266.     .pb_list_v1 li span i {

  267.       line-height: 0; }

  268.       .pb_list_v1 li span i:before {

  269.         line-height: 0; }

  270. 

  271. .pb_team_v1 {

  272.   margin-bottom: 50px; }

  273.   @media (max-width: 991px) {

  274.     .pb_team_v1 {

  275.       text-align: center; } }

  276.   .pb_team_v1 img {

  277.     height: 200px; }

  278.     @media (max-width: 991px) {

  279.       .pb_team_v1 img {

  280.         margin: 0 auto; } }

  281.   .pb_team_v1 .heading {

  282.     color: #000;

  283.     font-size: 24px; }

  284.   .pb_team_v1 .subheading {

  285.     color: #adb5bd; }

  286. 

  287. .pb_sm_py_cover,

  288. .pb_md_py_cover,

  289. .pb_lg_py_cover,

  290. .pb_xl_py_cover {

  291.   position: relative;

  292.   padding: 6em 0; }

  293.   @media (max-width: 767px) {

  294.     .pb_sm_py_cover,

  295.     .pb_md_py_cover,

  296.     .pb_lg_py_cover,

  297.     .pb_xl_py_cover {

  298.       height: inherit;

  299.       text-align: center !important;

  300.       padding: 6em 0; } }

  301.   .pb_sm_py_cover > .container,

  302.   .pb_md_py_cover > .container,

  303.   .pb_lg_py_cover > .container,

  304.   .pb_xl_py_cover > .container {

  305.     position: relative; }

  306.     .pb_sm_py_cover > .container > .row,

  307.     .pb_md_py_cover > .container > .row,

  308.     .pb_lg_py_cover > .container > .row,

  309.     .pb_xl_py_cover > .container > .row {

  310.       padding: 6em 0; }

  311.       @media (max-width: 767px) {

  312.         .pb_sm_py_cover > .container > .row,

  313.         .pb_md_py_cover > .container > .row,

  314.         .pb_lg_py_cover > .container > .row,

  315.         .pb_xl_py_cover > .container > .row {

  316.           height: inherit;

  317.           padding: 6em 0; } }

  318.   .pb_sm_py_cover .heading,

  319.   .pb_md_py_cover .heading,

  320.   .pb_lg_py_cover .heading,

  321.   .pb_xl_py_cover .heading {

  322.     font-size: 62px;

  323.     color: white;

  324.     font-weight: 300;

  325.     margin-top: 20px;

  326.     margin-bottom: 0px; }

  327.     @media (max-width: 767px) {

  328.       .pb_sm_py_cover .heading,

  329.       .pb_md_py_cover .heading,

  330.       .pb_lg_py_cover .heading,

  331.       .pb_xl_py_cover .heading {

  332.         font-size: 42px; } }

  333.   .pb_sm_py_cover .sub-heading,

  334.   .pb_md_py_cover .sub-heading,

  335.   .pb_lg_py_cover .sub-heading,

  336.   .pb_xl_py_cover .sub-heading {

  337.     font-size: 20px;

  338.     color: rgba(255, 255, 255, 0.8);

  339.     max-width: 600px;

  340.     float: left; }

  341.   .pb_sm_py_cover.text-center .sub-heading,

  342.   .pb_md_py_cover.text-center .sub-heading,

  343.   .pb_lg_py_cover.text-center .sub-heading,

  344.   .pb_xl_py_cover.text-center .sub-heading {

  345.     margin: 0 auto;

  346.     float: none; }

  347.   .pb_sm_py_cover.text-right .sub-heading,

  348.   .pb_md_py_cover.text-right .sub-heading,

  349.   .pb_lg_py_cover.text-right .sub-heading,

  350.   .pb_xl_py_cover.text-right .sub-heading {

  351.     float: right; }

  352.   .pb_sm_py_cover.text-left .sub-heading,

  353.   .pb_md_py_cover.text-left .sub-heading,

  354.   .pb_lg_py_cover.text-left .sub-heading,

  355.   .pb_xl_py_cover.text-left .sub-heading {

  356.     float: left; }

  357. 

  358. .pb_sm_py_cover {

  359.   padding: 3em 0; }

  360.   @media (max-width: 767px) {

  361.     .pb_sm_py_cover {

  362.       height: inherit;

  363.       text-align: center !important;

  364.       padding: 3em 0; } }

  365.   .pb_sm_py_cover > .container {

  366.     position: relative; }

  367.     .pb_sm_py_cover > .container > .row {

  368.       padding: 3em 0; }

  369.       @media (max-width: 767px) {

  370.         .pb_sm_py_cover > .container > .row {

  371.           height: inherit;

  372.           padding: 3em 0; } }

  373. 

  374. .pb_lg_py_cover {

  375.   padding: 8em 0; }

  376.   @media (max-width: 767px) {

  377.     .pb_lg_py_cover {

  378.       height: inherit;

  379.       text-align: center !important;

  380.       padding: 8em 0; } }

  381.   .pb_lg_py_cover > .container {

  382.     position: relative; }

  383.     .pb_lg_py_cover > .container > .row {

  384.       padding: 4em 0; }

  385.       @media (max-width: 767px) {

  386.         .pb_lg_py_cover > .container > .row {

  387.           height: inherit;

  388.           padding: 4em 0; } }

  389. 

  390. .pb_xl_py_cover {

  391.   padding: 10em 0; }

  392.   @media (max-width: 767px) {

  393.     .pb_xl_py_cover {

  394.       height: inherit;

  395.       text-align: center !important;

  396.       padding: 10em 0; } }

  397.   .pb_xl_py_cover > .container {

  398.     position: relative; }

  399.     .pb_xl_py_cover > .container > .row {

  400.       padding: 7em 0; }

  401.       @media (max-width: 767px) {

  402.         .pb_xl_py_cover > .container > .row {

  403.           height: inherit;

  404.           padding: 7em 0; } }

  405. 

  406. .pb_cover,

  407. .pb_cover_v1,

  408. .pb_cover_v2,

  409. .pb_cover_v3,

  410. .pb_cover_v4 {

  411.   position: relative;

  412.   height: 95vh; }

  413.   @media (max-width: 767px) {

  414.     .pb_cover,

  415.     .pb_cover_v1,

  416.     .pb_cover_v2,

  417.     .pb_cover_v3,

  418.     .pb_cover_v4 {

  419.       height: inherit;

  420.       text-align: center !important;

  421.       padding: 6em 0; } }

  422.   .pb_cover > .container,

  423.   .pb_cover_v1 > .container,

  424.   .pb_cover_v2 > .container,

  425.   .pb_cover_v3 > .container,

  426.   .pb_cover_v4 > .container {

  427.     position: relative; }

  428.     .pb_cover > .container > .row,

  429.     .pb_cover_v1 > .container > .row,

  430.     .pb_cover_v2 > .container > .row,

  431.     .pb_cover_v3 > .container > .row,

  432.     .pb_cover_v4 > .container > .row {

  433.       height: 95vh; }

  434.       @media (max-width: 767px) {

  435.         .pb_cover > .container > .row,

  436.         .pb_cover_v1 > .container > .row,

  437.         .pb_cover_v2 > .container > .row,

  438.         .pb_cover_v3 > .container > .row,

  439.         .pb_cover_v4 > .container > .row {

  440.           height: inherit;

  441.           padding: 6em 0; } }

  442.   .pb_cover .play,

  443.   .pb_cover_v1 .play,

  444.   .pb_cover_v2 .play,

  445.   .pb_cover_v3 .play,

  446.   .pb_cover_v4 .play {

  447.     width: 80px;

  448.     height: 80px;

  449.     display: inline-block;

  450.     position: relative;

  451.     border: 2px solid rgba(255, 255, 255, 0.2);

  452.     border-radius: 50%;

  453.     color: white;

  454.     -webkit-transition: .25s all ease-out;

  455.     -o-transition: .25s all ease-out;

  456.     transition: .25s all ease-out; }

  457.     .pb_cover .play:hover,

  458.     .pb_cover_v1 .play:hover,

  459.     .pb_cover_v2 .play:hover,

  460.     .pb_cover_v3 .play:hover,

  461.     .pb_cover_v4 .play:hover {

  462.       -webkit-transform: scale(1.2);

  463.       -ms-transform: scale(1.2);

  464.       transform: scale(1.2);

  465.       border: 2px solid white; }

  466.     .pb_cover .play:active, .pb_cover .play:focus,

  467.     .pb_cover_v1 .play:active,

  468.     .pb_cover_v1 .play:focus,

  469.     .pb_cover_v2 .play:active,

  470.     .pb_cover_v2 .play:focus,

  471.     .pb_cover_v3 .play:active,

  472.     .pb_cover_v3 .play:focus,

  473.     .pb_cover_v4 .play:active,

  474.     .pb_cover_v4 .play:focus {

  475.       outline: none; }

  476.     .pb_cover .play i,

  477.     .pb_cover_v1 .play i,

  478.     .pb_cover_v2 .play i,

  479.     .pb_cover_v3 .play i,

  480.     .pb_cover_v4 .play i {

  481.       font-size: 50px;

  482.       position: absolute;

  483.       top: 50%;

  484.       left: 55%;

  485.       -webkit-transform: translateX(-50%) translateY(-50%);

  486.       -ms-transform: translateX(-50%) translateY(-50%);

  487.       transform: translateX(-50%) translateY(-50%); }

  488.   .pb_cover .heading,

  489.   .pb_cover_v1 .heading,

  490.   .pb_cover_v2 .heading,

  491.   .pb_cover_v3 .heading,

  492.   .pb_cover_v4 .heading {

  493.     font-size: 62px;

  494.     color: white;

  495.     font-weight: 300;

  496.     margin-top: 20px;

  497.     margin-bottom: 0px; }

  498.     @media (max-width: 767px) {

  499.       .pb_cover .heading,

  500.       .pb_cover_v1 .heading,

  501.       .pb_cover_v2 .heading,

  502.       .pb_cover_v3 .heading,

  503.       .pb_cover_v4 .heading {

  504.         font-size: 42px; } }

  505.   .pb_cover .sub-heading,

  506.   .pb_cover_v1 .sub-heading,

  507.   .pb_cover_v2 .sub-heading,

  508.   .pb_cover_v3 .sub-heading,

  509.   .pb_cover_v4 .sub-heading {

  510.     font-size: 20px;

  511.     color: rgba(255, 255, 255, 0.8);

  512.     max-width: 600px;

  513.     float: left; }

  514.   .pb_cover.text-center .sub-heading,

  515.   .pb_cover_v1.text-center .sub-heading,

  516.   .pb_cover_v2.text-center .sub-heading,

  517.   .pb_cover_v3.text-center .sub-heading,

  518.   .pb_cover_v4.text-center .sub-heading {

  519.     margin: 0 auto;

  520.     float: none; }

  521.   .pb_cover.text-right .sub-heading,

  522.   .pb_cover_v1.text-right .sub-heading,

  523.   .pb_cover_v2.text-right .sub-heading,

  524.   .pb_cover_v3.text-right .sub-heading,

  525.   .pb_cover_v4.text-right .sub-heading {

  526.     float: right; }

  527.   .pb_cover.text-left .sub-heading,

  528.   .pb_cover_v1.text-left .sub-heading,

  529.   .pb_cover_v2.text-left .sub-heading,

  530.   .pb_cover_v3.text-left .sub-heading,

  531.   .pb_cover_v4.text-left .sub-heading {

  532.     float: left; }

  533. 

  534. .pb_cover_v3 .device-1 {

  535.   margin-top: -40%;

  536.   max-width: 400px;

  537.   left: 50%;

  538.   -webkit-transform: translateX(-50%);

  539.   -ms-transform: translateX(-50%);

  540.   transform: translateX(-50%); }

  541.   @media (max-width: 991px) {

  542.     .pb_cover_v3 .device-1 {

  543.       max-width: 100%; } }

  544.   @media (max-width: 767px) {

  545.     .pb_cover_v3 .device-1 {

  546.       max-width: 100%;

  547.       position: relative;

  548.       margin-top: 10%;

  549.       margin-bottom: -100%; } }

  550. 

  551. .pb_cover_v3 .device-2 {

  552.   position: absolute;

  553.   max-width: 400px;

  554.   left: 50%;

  555.   margin-top: -25%; }

  556.   @media (max-width: 991px) {

  557.     .pb_cover_v3 .device-2 {

  558.       max-width: 100%; } }

  559.   @media (max-width: 767px) {

  560.     .pb_cover_v3 .device-2 {

  561.       max-width: 100%;

  562.       position: absolute;

  563.       margin-top: 30%;

  564.       margin-bottom: -100%; } }

  565. 

  566. .pb_cover_v3 .device-3 {

  567.   z-index: 3; }

  568. 

  569. .pb_cover_v4 {

  570.   height: inherit;

  571.   padding-bottom: 15em; }

  572.   .pb_cover_v4 .devices {

  573.     margin-top: -12%; }

  574.     @media (max-width: 991px) {

  575.       .pb_cover_v4 .devices {

  576.         margin-top: 35%; } }

  577.   .pb_cover_v4 .device-2,

  578.   .pb_cover_v4 .device-3 {

  579.     position: absolute;

  580.     max-width: 400px;

  581.     z-index: 1; }

  582.   .pb_cover_v4 .device-2 {

  583.     left: 0; }

  584.     @media (max-width: 767px) {

  585.       .pb_cover_v4 .device-2 {

  586.         left: -20%; } }

  587.   .pb_cover_v4 .device-3 {

  588.     right: 0; }

  589.     @media (max-width: 767px) {

  590.       .pb_cover_v4 .device-3 {

  591.         right: -20%; } }

  592.   .pb_cover_v4 .device-1 {

  593.     z-index: 2;

  594.     max-width: 500px;

  595.     left: 50%;

  596.     margin-top: -100px;

  597.     margin-bottom: 200px;

  598.     -webkit-transform: translateX(-50%);

  599.     -ms-transform: translateX(-50%);

  600.     transform: translateX(-50%); }

  601.     @media (max-width: 767px) {

  602.       .pb_cover_v4 .device-1 {

  603.         max-width: 300px; } }

  604. 

  605. .cover-bg-black,

  606. .cover-bg-white,

  607. .cover-bg-blue,

  608. .cover-bg-indigo,

  609. .cover-bg-purple,

  610. .cover-bg-pink,

  611. .cover-bg-red,

  612. .cover-bg-orange,

  613. .cover-bg-yellow,

  614. .cover-bg-green,

  615. .cover-bg-cyan {

  616.   position: relative; }

  617.   .cover-bg-black:before,

  618.   .cover-bg-white:before,

  619.   .cover-bg-blue:before,

  620.   .cover-bg-indigo:before,

  621.   .cover-bg-purple:before,

  622.   .cover-bg-pink:before,

  623.   .cover-bg-red:before,

  624.   .cover-bg-orange:before,

  625.   .cover-bg-yellow:before,

  626.   .cover-bg-green:before,

  627.   .cover-bg-cyan:before {

  628.     position: absolute;

  629.     top: 0;

  630.     left: 0;

  631.     right: 0;

  632.     bottom: 0;

  633.     content: ""; }

  634. 

  635. .cover-bg-opacity:before {

  636.   opacity: 1; }

  637. 

  638. .cover-bg-opacity-1:before {

  639.   opacity: .1; }

  640. 

  641. .cover-bg-opacity-2:before {

  642.   opacity: .2; }

  643. 

  644. .cover-bg-opacity-3:before {

  645.   opacity: .3; }

  646. 

  647. .cover-bg-opacity-4:before {

  648.   opacity: .4; }

  649. 

  650. .cover-bg-opacity-5:before {

  651.   opacity: .5; }

  652. 

  653. .cover-bg-opacity-6:before {

  654.   opacity: .6; }

  655. 

  656. .cover-bg-opacity-7:before {

  657.   opacity: .7; }

  658. 

  659. .cover-bg-opacity-8:before {

  660.   opacity: .8; }

  661. 

  662. .cover-bg-opacity-9:before {

  663.   opacity: .9; }

  664. 

  665. .cover-bg-black:before {

  666.   background: black; }

  667. 

  668. .cover-bg-white:before {

  669.   background: white; }

  670. 

  671. .cover-bg-blue:before {

  672.   background: #1d82ff; }

  673. 

  674. .cover-bg-indigo:before {

  675.   background: #4e3188; }

  676. 

  677. .cover-bg-purple:before {

  678.   background: #715cb0; }

  679. 

  680. .cover-bg-pink:before {

  681.   background: #ff5b9c; }

  682. 

  683. .cover-bg-red:before {

  684.   background: #ee0427; }

  685. 

  686. .cover-bg-orange:before {

  687.   background: #ef6c35; }

  688. 

  689. .cover-bg-yellow:before {

  690.   background: #ffd500; }

  691. 

  692. .cover-bg-green:before {

  693.   background: #00ca4c; }

  694. 

  695. .cover-bg-cyan:before {

  696.   background: #a5e9db; }

  697. 

  698. .pb_gradient_v1:before {

  699.   background: #2B2D42;

  700.   /* Old browsers */

  701.   background: -moz-linear-gradient(45deg, #2B2D42 0%, #F2F2F2 100%);

  702.   /* FF3.6-15 */

  703.   background: -webkit-linear-gradient(45deg, #2B2D42 0%, #F2F2F2 100%);

  704.   /* Chrome10-25,Safari5.1-6 */

  705.   background: -o-linear-gradient(45deg, #2B2D42 0%, #F2F2F2 100%);

  706.   background: linear-gradient(45deg, #2B2D42 0%, #F2F2F2 100%);

  707.   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  708.   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B2D42', endColorstr='#F2F2F2',GradientType=1 );

  709.   /* IE6-9 fallback on horizontal gradient */

  710.   content: "";

  711.   position: absolute;

  712.   top: 0;

  713.   bottom: 0;

  714.   left: 0;

  715.   right: 0; }

  716. 

  717. /*

  718. .overlay {

  719.   position: absolute;

  720.   left: 0;

  721.   top: 0;

  722.   right: 0;

  723.   bottom: 0;

  724.   background: rgba(0, 0, 0, 0.7); }

  725. */

  726. .pb_form_v1 {

  727.   padding: 50px;

  728.   -webkit-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);

  729.   -moz-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);

  730.   box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75); }

  731.   @media (max-width: 991px) {

  732.     .pb_form_v1 {

  733.       padding: 30px; } }

  734. 

  735. input, select, textarea {

  736.   font-weight: 300;

  737.   color: rgba(0, 0, 0, 0.7); }

  738. 

  739. .pb_select-wrap {

  740.   position: relative; }

  741.   .pb_select-wrap:before {

  742.     font-family: 'Ionicons';

  743.     speak: none;

  744.     font-style: normal;

  745.     font-weight: normal;

  746.     font-variant: normal;

  747.     text-transform: none;

  748.     line-height: 1;

  749.     -webkit-font-smoothing: antialiased;

  750.     -moz-osx-font-smoothing: grayscale;

  751.     content: "\f3d0";

  752.     position: absolute;

  753.     right: 20px;

  754.     top: 50%;

  755.     -webkit-transform: translateY(-50%);

  756.     -ms-transform: translateY(-50%);

  757.     transform: translateY(-50%);

  758.     font-size: 26px; }

  759.   .pb_select-wrap select {

  760.     -webkit-appearance: none;

  761.     -moz-appearance: none;

  762.     appearance: none; }

  763. 

  764. .form-control.reverse {

  765.   background: #f2f2f2;

  766.   -webkit-transition: .3s all ease;

  767.   -o-transition: .3s all ease;

  768.   transition: .3s all ease;

  769.   border-color: #f2f2f2; }

  770.   .form-control.reverse:focus, .form-control.reverse:active {

  771.     background: none;

  772.     border-color: #1d82ff !important; }

  773. 

  774. .form-control-outline {

  775.   background: none; }

  776.   .form-control-outline:focus, .form-control-outline:active {

  777.     background: none; }

  778.   .form-control-outline.light {

  779.     color: #fff;

  780.     border-color: rgba(255, 255, 255, 0.4); }

  781.     .form-control-outline.light:focus, .form-control-outline.light:active {

  782.       border-color: white; }

  783.     .form-control-outline.light::-webkit-input-placeholder {

  784.       color: rgba(255, 255, 255, 0.5); }

  785.     .form-control-outline.light:-ms-input-placeholder {

  786.       color: rgba(255, 255, 255, 0.5); }

  787.     .form-control-outline.light::placeholder {

  788.       color: rgba(255, 255, 255, 0.5); }

  789.   .form-control-outline.dark {

  790.     color: #868e96; }

  791. 

  792. .btn:focus, .btn:active {

  793.   -webkit-box-shadow: none !important;

  794.   box-shadow: none !important;

  795.   outline: none !important; }

  796. 

  797. .btn-shadow-blue {

  798.   -webkit-box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45);

  799.   -moz-box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45);

  800.   box-shadow: 0px 15px 28px -5px rgba(29, 130, 255, 0.45); }

  801. 

  802. .pb_btn-pill {

  803.   border-radius: 50px;

  804.   padding-left: 40px;

  805.   padding-right: 40px; }

  806. 

  807. .pb_outline-light {

  808.   border: 1px solid rgba(255, 255, 255, 0.2);

  809.   text-transform: uppercase;

  810.   background: none;

  811.   color: white; }

  812.   .pb_outline-light:hover, .pb_outline-light:active, .pb_outline-light:focus {

  813.     outline: none;

  814.     background: #fff !important;

  815.     border: 1px solid white;

  816.     color: #000; }

  817. 

  818. .pb_outline-dark {

  819.   border: 1px solid rgba(0, 0, 0, 0.2);

  820.   text-transform: uppercase;

  821.   color: black;

  822.   background: none; }

  823.   .pb_outline-dark:hover, .pb_outline-dark:active, .pb_outline-dark:focus {

  824.     outline: none;

  825.     background: #000 !important;

  826.     border: 1px solid black;

  827.     color: #fff; }

  828. 

  829. .pb_signle-item {

  830.   margin-bottom: 50px;

  831.   float: left;

  832.   width: 100%; }

  833.   .pb_signle-item img {

  834.     -webkit-transition: .3s all;

  835.     -o-transition: .3s all;

  836.     transition: .3s all;

  837.     position: relative;

  838.     top: 0; }

  839.   .pb_signle-item:focus img, .pb_signle-item:hover img {

  840.     top: -20px; }

  841. 

  842. .pb_thumbnail_v1 {

  843.   display: block;

  844.   position: relative;

  845.   overflow: hidden;

  846.   float: left;

  847.   width: 100%;

  848.   margin-bottom: 30px; }

  849.   .pb_thumbnail_v1 .pb_media {

  850.     position: relative;

  851.     -webkit-transition: .3s all ease;

  852.     -o-transition: .3s all ease;

  853.     transition: .3s all ease;

  854.     bottom: 0px; }

  855.     .pb_thumbnail_v1 .pb_media:before {

  856.       content: "";

  857.       position: absolute;

  858.       left: 0;

  859.       right: 0;

  860.       top: 0;

  861.       bottom: 0;

  862.       background: rgba(0, 0, 0, 0.3);

  863.       z-index: 2; }

  864.     .pb_thumbnail_v1 .pb_media .pb_img-wrap {

  865.       overflow: hidden; }

  866.       .pb_thumbnail_v1 .pb_media .pb_img-wrap img {

  867.         position: relative;

  868.         -webkit-transition: .5s all ease;

  869.         -o-transition: .5s all ease;

  870.         transition: .5s all ease;

  871.         -webkit-transform: scale(1.09);

  872.         -ms-transform: scale(1.09);

  873.         transform: scale(1.09); }

  874.     .pb_thumbnail_v1 .pb_media .btn {

  875.       position: absolute;

  876.       width: 100%; }

  877.   .pb_thumbnail_v1 .text {

  878.     position: absolute;

  879.     bottom: 10px;

  880.     z-index: 2;

  881.     left: 20px;

  882.     -webkit-transition: .3s all ease;

  883.     -o-transition: .3s all ease;

  884.     transition: .3s all ease; }

  885.     .pb_thumbnail_v1 .text .heading {

  886.       color: #fff;

  887.       margin-bottom: 0;

  888.       margin-top: 0;

  889.       font-size: 26px; }

  890.     .pb_thumbnail_v1 .text p {

  891.       margin-bottom: 0;

  892.       color: rgba(255, 255, 255, 0.7); }

  893.   .pb_thumbnail_v1:hover .text, .pb_thumbnail_v1:focus .text {

  894.     bottom: 65px; }

  895.   .pb_thumbnail_v1:hover .pb_media, .pb_thumbnail_v1:focus .pb_media {

  896.     bottom: 54px; }

  897.     .pb_thumbnail_v1:hover .pb_media .pb_img-wrap img, .pb_thumbnail_v1:focus .pb_media .pb_img-wrap img {

  898.       -webkit-transform: scale(1);

  899.       -ms-transform: scale(1);

  900.       transform: scale(1); }

  901. 

  902. .pb_blog_v1 {

  903.   float: left;

  904.   width: 100%; }

  905.   .pb_blog_v1 .card-title {

  906.     font-size: 30px; }

  907.   .pb_blog_v1 .card-meta {

  908.     font-size: 14px;

  909.     color: #ced4da; }

  910.     .pb_blog_v1 .card-meta a {

  911.       color: #ced4da; }

  912.       .pb_blog_v1 .card-meta a:hover, .pb_blog_v1 .card-meta a:focus, .pb_blog_v1 .card-meta a:active {

  913.         color: #212529; }

  914. 

  915. .pb_cards > .card {

  916.   border-radius: 0;

  917.   padding: 30px; }

  918.   @media (max-width: 991px) {

  919.     .pb_cards > .card {

  920.       padding: 15px; } }

  921. 

  922. #pb_loader {

  923.   position: fixed;

  924.   width: 96px;

  925.   height: 96px;

  926.   left: 50%;

  927.   top: 50%;

  928.   -webkit-transform: translate(-50%, -50%);

  929.   -ms-transform: translate(-50%, -50%);

  930.   transform: translate(-50%, -50%);

  931.   background-color: rgba(255, 255, 255, 0.9);

  932.   -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);

  933.   box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);

  934.   border-radius: 16px;

  935.   opacity: 0;

  936.   visibility: hidden;

  937.   /*

  938.   -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;

  939.   -o-transition: opacity .2s ease-out, visibility 0s linear .2s;

  940.   transition: opacity .2s ease-out, visibility 0s linear .2s;

  941.   */

  942.   z-index: 1000; }

  943. 

  944. #pb_loader.fullscreen {

  945.   padding: 0;

  946.   left: 0;

  947.   top: 0;

  948.   width: 100%;

  949.   height: 100%;

  950.   -webkit-transform: none;

  951.   -ms-transform: none;

  952.   transform: none;

  953.   background-color: #fff;

  954.   border-radius: 0;

  955.   -webkit-box-shadow: none;

  956.   box-shadow: none; }

  957. 

  958. #pb_loader.show {

  959.   /*

  960.   -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;

  961.   -o-transition: opacity .4s ease-out, visibility 0s linear 0s;

  962.   transition: opacity .4s ease-out, visibility 0s linear 0s;

  963.   */

  964.   visibility: visible;

  965.   opacity: 1; }

  966. 

  967. #pb_loader .circular {

  968.   -webkit-animation: loader-rotate 2s linear infinite;

  969.   animation: loader-rotate 2s linear infinite;

  970.   position: absolute;

  971.   left: calc(50% - 24px);

  972.   top: calc(50% - 24px);

  973.   display: block;

  974.   -webkit-transform: rotate(0deg);

  975.   -ms-transform: rotate(0deg);

  976.   transform: rotate(0deg); }

  977. 

  978. #pb_loader .path {

  979.   stroke-dasharray: 1, 200;

  980.   stroke-dashoffset: 0;

  981.   -webkit-animation: loader-dash 1.5s ease-in-out infinite;

  982.   animation: loader-dash 1.5s ease-in-out infinite;

  983.   stroke-linecap: round; }

  984. 

  985. @-webkit-keyframes loader-rotate {

  986.   100% {

  987.     -webkit-transform: rotate(360deg);

  988.     transform: rotate(360deg); } }

  989. 

  990. @keyframes loader-rotate {

  991.   100% {

  992.     -webkit-transform: rotate(360deg);

  993.     transform: rotate(360deg); } }

  994. 

  995. @-webkit-keyframes loader-dash {

  996.   0% {

  997.     stroke-dasharray: 1, 200;

  998.     stroke-dashoffset: 0; }

  999.   50% {

  1000.     stroke-dasharray: 89, 200;

  1001.     stroke-dashoffset: -35px; }

  1002.   100% {

  1003.     stroke-dasharray: 89, 200;

  1004.     stroke-dashoffset: -136px; } }

  1005. 

  1006. @keyframes loader-dash {

  1007.   0% {

  1008.     stroke-dasharray: 1, 200;

  1009.     stroke-dashoffset: 0; }

  1010.   50% {

  1011.     stroke-dasharray: 89, 200;

  1012.     stroke-dashoffset: -35px; }

  1013.   100% {

  1014.     stroke-dasharray: 89, 200;

  1015.     stroke-dashoffset: -136px; } }

  1016. 

  1017. html {

  1018.   overflow-x: hidden;

  1019.   font-size: 1em; }

  1020. 

  1021. body {

  1022.   font-family: "Montserrat", Arial, sans-serif; }

  1023. 

  1024. input, textarea, p {

  1025.   font-weight: 300; }

  1026. 

  1027. ::-moz-selection {

  1028.   background: #000;

  1029.   color: #fff; }

  1030. 

  1031. ::selection {

  1032.   background: #000;

  1033.   color: #fff; }

  1034. 

  1035. ::-moz-selection {

  1036.   background: #000;

  1037.   color: #fff; }

  1038. 

  1039. h1, h2, h3, h4, h5, h6 {

  1040.   font-weight: 300 !important; }

  1041. 

  1042. a {

  1043.   -webkit-transition: .3s all ease;

  1044.   -o-transition: .3s all ease;

  1045.   transition: .3s all ease; }

  1046. 

  1047. .bg_image, .pb_sm_py_cover,

  1048. .pb_md_py_cover,

  1049. .pb_lg_py_cover,

  1050. .pb_xl_py_cover, .pb_cover,

  1051. .pb_cover_v1,

  1052. .pb_cover_v2,

  1053. .pb_cover_v3,

  1054. .pb_cover_v4, .pb_slide_v2 .slide_content > .pb_content-media {

  1055.   background-size: cover;

  1056.   background-position: center center;

  1057.   background-repeat: no-repeat; }

  1058. 

  1059. .with-overlay {

  1060.   position: relative; }

  1061.   .with-overlay:before {

  1062.     position: absolute;

  1063.     top: 0;

  1064.     left: 0;

  1065.     right: 0;

  1066.     bottom: 0;

  1067.     content: "";

  1068.     background: rgba(0, 0, 0, 0.4); }

  1069. 

  1070. .pb_navbar {

  1071.   position: absolute;

  1072.   top: 0;

  1073.   left: 0;

  1074.   z-index: 100;

  1075.   width: 100%;

  1076.   font-family: "Montserrat", Arial, sans-serif; }

  1077.   .pb_navbar .navbar-toggler:active, .pb_navbar .navbar-toggler:focus {

  1078.     outline: none; }

  1079.   .pb_navbar > .container {

  1080.     position: relative; }

  1081.   .pb_navbar .navbar-toggler {

  1082.     border: none;

  1083.     color: white;

  1084.     border-color: white;

  1085.     cursor: pointer;

  1086.     padding-right: 0; }

  1087.     .pb_navbar .navbar-toggler i {

  1088.       font-size: 30px; }

  1089.   .pb_navbar ul > li > a {

  1090.     color: white !important; }

  1091.     .pb_navbar ul > li > a.active {

  1092.       color: white !important; }

  1093.   .pb_navbar ul > li.cta-btn > a > span {

  1094.     padding: 10px;

  1095.     border: 1px solid rgba(255, 255, 255, 0.5); }

  1096.   .pb_navbar .nav-link {

  1097.     font-size: 15px;

  1098.     padding-left: 1rem !important;

  1099.     padding-right: 1rem !important; }

  1100.     @media (max-width: 1199px) {

  1101.       .pb_navbar .nav-link {

  1102.         padding-top: .5rem;

  1103.         padding-bottom: .5rem; } }

  1104.     @media (max-width: 991px) {

  1105.       .pb_navbar .nav-link {

  1106.         padding-left: 0rem !important;

  1107.         padding-right: 0rem !important; } }

  1108.     @media (max-width: 767px) {

  1109.       .pb_navbar .nav-link {

  1110.         padding-left: 0 !important;

  1111.         padding-right: 0 !important; } }

  1112.   @media (max-width: 991px) {

  1113.     .pb_navbar .navbar-nav {

  1114.       background: rgba(0, 0, 0, 0.8);

  1115.       border-radius: 0px;

  1116.       padding-left: 1rem !important;

  1117.       padding-right: 1rem !important; } }

  1118.   .pb_navbar.scrolled {

  1119.     position: fixed;

  1120.     right: 0;

  1121.     left: 0;

  1122.     top: 0;

  1123.     margin-top: -130px; }

  1124.     @media (max-width: 991px) {

  1125.       .pb_navbar.scrolled .navbar-nav {

  1126.         background: none;

  1127.         border-radius: 0px;

  1128.         padding-left: 0rem !important;

  1129.         padding-right: 0rem !important; } }

  1130.     @media (max-width: 767px) {

  1131.       .pb_navbar.scrolled .navbar-nav {

  1132.         background: none;

  1133.         padding-left: 0 !important;

  1134.         padding-right: 0 !important; } }

  1135.     .pb_navbar.scrolled .navbar-toggler {

  1136.       border: none;

  1137.       color: rgba(0, 0, 0, 0.5);

  1138.       border-color: rgba(0, 0, 0, 0.5);

  1139.       cursor: pointer;

  1140.       padding-right: 0; }

  1141.     .pb_navbar.scrolled .nav-link {

  1142.       padding-top: .5rem;

  1143.       padding-bottom: .5rem; }

  1144.     .pb_navbar.scrolled.awake {

  1145.       margin-top: 0px;

  1146.       -webkit-transition: .3s all ease-out;

  1147.       -o-transition: .3s all ease-out;

  1148.       transition: .3s all ease-out; }

  1149.     .pb_navbar.scrolled.sleep {

  1150.       -webkit-transition: .3s all ease-out;

  1151.       -o-transition: .3s all ease-out;

  1152.       transition: .3s all ease-out; }

  1153.     .pb_navbar.scrolled.pb_scrolled-light {

  1154.       background: #fff !important;

  1155.       -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);

  1156.       -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);

  1157.       box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15); }

  1158.       .pb_navbar.scrolled.pb_scrolled-light .navbar-brand {

  1159.         color: #1d82ff; }

  1160.       @media (max-width: 991px) {

  1161.         .pb_navbar.scrolled.pb_scrolled-light .navbar-nav {

  1162.           background: none;

  1163.           border-radius: 0px;

  1164.           padding-left: 0rem !important;

  1165.           padding-right: 0rem !important; } }

  1166.       .pb_navbar.scrolled.pb_scrolled-light ul li a {

  1167.         color: #212529 !important; }

  1168.         .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 {

  1169.           color: #868e96 !important; }

  1170.         .pb_navbar.scrolled.pb_scrolled-light ul li a.active {

  1171.           color: #1d82ff !important; }

  1172.       .pb_navbar.scrolled.pb_scrolled-light ul li.cta-btn > a > span {

  1173.         border: none;

  1174.         background: #00CA4C;

  1175.         color: #fff; }

  1176. 

  1177. .pb_offcanvas-nav_v1 {

  1178.   position: fixed;

  1179.   left: 0;

  1180.   right: 0;

  1181.   bottom: 0;

  1182.   top: 0;

  1183.   z-index: 99;

  1184.   opacity: 0;

  1185.   visibility: hidden;

  1186.   background: #000;

  1187.   -webkit-transition: .3s all ease-in-out;

  1188.   -o-transition: .3s all ease-in-out;

  1189.   transition: .3s all ease-in-out; }

  1190.   .pb_offcanvas-nav_v1.active {

  1191.     opacity: 1;

  1192.     visibility: visible; }

  1193.   .pb_offcanvas-nav_v1 .pb_main-nav {

  1194.     padding-top: 50px;

  1195.     padding-right: 50px;

  1196.     float: right;

  1197.     text-align: right;

  1198.     font-size: 30px;

  1199.     height: 100vh;

  1200.     overflow-y: auto; }

  1201.     .pb_offcanvas-nav_v1 .pb_main-nav li {

  1202.       list-style: none;

  1203.       line-height: 1.5;

  1204.       margin-bottom: 10px; }

  1205.       .pb_offcanvas-nav_v1 .pb_main-nav li a {

  1206.         color: #fff; }

  1207.         .pb_offcanvas-nav_v1 .pb_main-nav li a.active {

  1208.           text-decoration: underline; }

  1209. 

  1210. .pb_offcanvas-header_v1 {

  1211.   padding-top: 40px;

  1212.   z-index: 2;

  1213.   position: absolute;

  1214.   width: 100%; }

  1215.   .pb_offcanvas-header_v1 > .container {

  1216.     position: relative; }

  1217.   .pb_offcanvas-header_v1 .pb_site-name {

  1218.     position: absolute;

  1219.     left: 15px; }

  1220.   .pb_offcanvas-header_v1 .pb_toggle-menu {

  1221.     position: absolute;

  1222.     right: 0px;

  1223.     top: 17px; }

  1224.     @media (max-width: 767px) {

  1225.       .pb_offcanvas-header_v1 .pb_toggle-menu {

  1226.         top: 13px; } }

  1227. 

  1228. #pb_nav-toggle {

  1229.   background: transparent;

  1230.   position: absolute;

  1231.   right: 0;

  1232.   top: 50%;

  1233.   height: 50px;

  1234.   width: 50px;

  1235.   cursor: pointer;

  1236.   -webkit-transform: translate(0%, -50%);

  1237.   -ms-transform: translate(0%, -50%);

  1238.   transform: translate(0%, -50%); }

  1239.   #pb_nav-toggle:hover span:after {

  1240.     width: 32px; }

  1241. 

  1242. #pb_nav-toggle span,

  1243. #pb_nav-toggle span:before,

  1244. #pb_nav-toggle span:after {

  1245.   cursor: pointer;

  1246.   border-radius: 1px;

  1247.   height: 2px;

  1248.   width: 32px;

  1249.   background: #000;

  1250.   position: absolute;

  1251.   left: 0;

  1252.   top: 50%;

  1253.   display: block;

  1254.   content: ''; }

  1255. 

  1256. #pb_nav-toggle span:before {

  1257.   top: -10px; }

  1258. 

  1259. #pb_nav-toggle span:after {

  1260.   top: 10px;

  1261.   width: 16px; }

  1262. 

  1263. #pb_nav-toggle span,

  1264. #pb_nav-toggle span:before,

  1265. #pb_nav-toggle span:after {

  1266.   -webkit-transition: all 0.3s ease-in-out;

  1267.   -o-transition: all 0.3s ease-in-out;

  1268.   transition: all 0.3s ease-in-out; }

  1269. 

  1270. #pb_nav-toggle.active span {

  1271.   background-color: transparent; }

  1272. 

  1273. #pb_nav-toggle.active span:before,

  1274. #pb_nav-toggle.active span:after {

  1275.   top: 0; }

  1276. 

  1277. #pb_nav-toggle.active span:before {

  1278.   -webkit-transform: rotate(135deg);

  1279.   -ms-transform: rotate(135deg);

  1280.   transform: rotate(135deg); }

  1281. 

  1282. #pb_nav-toggle.active span:after {

  1283.   width: 32px;

  1284.   -webkit-transform: rotate(-135deg);

  1285.   -ms-transform: rotate(-135deg);

  1286.   transform: rotate(-135deg); }

  1287. 

  1288. .heading-border-top {

  1289.   position: relative;

  1290.   padding-top: 30px; }

  1291.   .heading-border-top:before {

  1292.     position: absolute;

  1293.     top: 0;

  1294.     height: 2px;

  1295.     width: 50px;

  1296.     content: "";

  1297.     background: #1d82ff; }

  1298.   .heading-border-top.light:before {

  1299.     background: rgba(255, 255, 255, 0.7) !important; }

  1300. 

  1301. .text-center .heading-border-top:before {

  1302.   left: 50%;

  1303.   -webkit-transform: translateX(-50%);

  1304.   -ms-transform: translateX(-50%);

  1305.   transform: translateX(-50%); }

  1306. 

  1307. .text-center .heading-border-top.light:before {

  1308.   background: rgba(255, 255, 255, 0.7) !important; }

  1309. 

  1310. .pb_section {

  1311.   padding: 9em 0;

  1312.   position: relative;

  1313.   display: block; }

  1314.   @media (max-width: 991px) {

  1315.     .pb_section {

  1316.       padding: 4em 0; } }

  1317.   .pb_section.pb_bg-half:before {

  1318.     top: 50%;

  1319.     content: "";

  1320.     background: #f8f9fa;

  1321.     bottom: 0%;

  1322.     width: 100%;

  1323.     left: 0;

  1324.     position: absolute; }

  1325. 

  1326. .images {

  1327.   position: relative; }

  1328.   .images .img2 {

  1329.     position: absolute;

  1330.     top: 50%;

  1331.     left: 50%;

  1332.     max-width: 500px;

  1333.     -webkit-box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5);

  1334.     box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5); }

  1335.     @media (max-width: 767px) {

  1336.       .images .img2 {

  1337.         position: relative;

  1338.         left: inherit !important;

  1339.         top: inherit !important;

  1340.         max-width: 100%; } }

  1341.   .images.right .img1 {

  1342.     position: relative;

  1343.     z-index: 2;

  1344.     -webkit-box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5);

  1345.     box-shadow: -17px 10px 34px -18px rgba(0, 0, 0, 0.5); }

  1346.   .images.right .img2 {

  1347.     position: absolute;

  1348.     top: 50%;

  1349.     left: -40%;

  1350.     z-index: 1;

  1351.     max-width: 500px; }

  1352.     @media (max-width: 767px) {

  1353.       .images.right .img2 {

  1354.         position: relative;

  1355.         left: inherit !important;

  1356.         top: inherit !important;

  1357.         max-width: 100%; } }

  1358. 

  1359. @media (max-width: 767px) {

  1360.   .pb_testimonial_v1 .media {

  1361.     display: block !important; } }

  1362. 

  1363. .pb_testimonial_v1 .media img {

  1364.   max-width: 200px; }

  1365.   @media (max-width: 767px) {

  1366.     .pb_testimonial_v1 .media img {

  1367.       margin: 0 auto 20px auto !important; } }

  1368. 

  1369. @media (max-width: 767px) {

  1370.   .pb_testimonial_v1 .media .media-body {

  1371.     width: 100%;

  1372.     text-align: center; } }

  1373. 

  1374. .pb_testimonial_v1 .media blockquote {

  1375.   font-style: italic; }

  1376.   .pb_testimonial_v1 .media blockquote p {

  1377.     color: #212529;

  1378.     font-size: 18px; }

  1379.     .pb_testimonial_v1 .media blockquote p cite {

  1380.       display: block;

  1381.       font-size: 1rem;

  1382.       font-style: normal; }

  1383.     .pb_testimonial_v1 .media blockquote p.pb_author {

  1384.       font-style: normal;

  1385.       color: #868e96; }

  1386. 

  1387. .pb_footer {

  1388.   padding: 5em 0; }

  1389.   .pb_footer .list-unstyled li {

  1390.     margin-bottom: 10px;

  1391.     line-height: 1.5; }

  1392.   .pb_footer.bg-black {

  1393.     background: #000; }

  1394. 

  1395. .pb_card_v1 {

  1396.   border: none; }

  1397.   .pb_card_v1 .card-subtitle {

  1398.     color: #868e96; }

  1399.   .pb_card_v1 .card-img-top {

  1400.     margin-top: 30px; }

  1401. 

  1402. .pb_card_v2 .icon i:before {

  1403.   font-size: 50px;

  1404.   margin: 0;

  1405.   padding: 0;

  1406.   color: #868e96; }

  1407. 

  1408. .pb_card_v2 .card-body {

  1409.   padding-top: 0; }

  1410.   .pb_card_v2 .card-body h4 {

  1411.     margin-top: 0;

  1412.     font-size: 16px; }

  1413. 

  1414. .pb_hover-zoom {

  1415.   position: relative;

  1416.   display: block;

  1417.   overflow: hidden; }

  1418.   .pb_hover-zoom img {

  1419.     -webkit-transition: .3s all ease;

  1420.     -o-transition: .3s all ease;

  1421.     transition: .3s all ease;

  1422.     -webkit-transform: scale(1.1);

  1423.     -ms-transform: scale(1.1);

  1424.     transform: scale(1.1); }

  1425.   .pb_hover-zoom:before {

  1426.     position: absolute;

  1427.     -webkit-transition: .3s all ease;

  1428.     -o-transition: .3s all ease;

  1429.     transition: .3s all ease;

  1430.     top: 0;

  1431.     left: 0;

  1432.     right: 0;

  1433.     bottom: 0;

  1434.     content: "";

  1435.     z-index: 1;

  1436.     height: 100%;

  1437.     background: rgba(0, 0, 0, 0.6);

  1438.     opacity: 0;

  1439.     visibility: hidden; }

  1440.   .pb_hover-zoom .icon {

  1441.     font-size: 30px;

  1442.     position: absolute;

  1443.     top: 50%;

  1444.     left: 50%;

  1445.     -webkit-transform: translateY(-50%) translateX(-50%);

  1446.     -ms-transform: translateY(-50%) translateX(-50%);

  1447.     transform: translateY(-50%) translateX(-50%);

  1448.     color: #fff !important;

  1449.     z-index: 1;

  1450.     margin-top: 20px;

  1451.     opacity: 0;

  1452.     visibility: hidden;

  1453.     -webkit-transition: .2s all ease-out;

  1454.     -o-transition: .2s all ease-out;

  1455.     transition: .2s all ease-out; }

  1456.   .pb_hover-zoom:hover {

  1457.     outline: none; }

  1458.     .pb_hover-zoom:hover .icon {

  1459.       margin-top: 0;

  1460.       opacity: 1;

  1461.       visibility: visible; }

  1462.     .pb_hover-zoom:hover:before {

  1463.       opacity: 1;

  1464.       visibility: visible; }

  1465.     .pb_hover-zoom:hover img {

  1466.       -webkit-transform: scale(1);

  1467.       -ms-transform: scale(1);

  1468.       transform: scale(1); }

  1469. 

  1470. .pb_half {

  1471.   width: 50%;

  1472.   float: left; }

  1473.   @media (max-width: 991px) {

  1474.     .pb_half {

  1475.       width: 100%;

  1476.       float: none; }

  1477.       .pb_half#map {

  1478.         height: 300px; } }

  1479. 

  1480. .pb_accordion .item > a {

  1481.   display: block;

  1482.   border-bottom: 1px solid #e9ecef;

  1483.   padding: 10px 0;

  1484.   position: relative;

  1485.   color: #495057; }

  1486.   .pb_accordion .item > a:after {

  1487.     position: absolute;

  1488.     right: 0;

  1489.     top: 50%;

  1490.     -webkit-transform: translateY(-50%);

  1491.     -ms-transform: translateY(-50%);

  1492.     transform: translateY(-50%);

  1493.     font-family: 'Ionicons';

  1494.     speak: none;

  1495.     font-style: normal;

  1496.     font-weight: normal;

  1497.     font-variant: normal;

  1498.     text-transform: none;

  1499.     line-height: 1;

  1500.     -webkit-font-smoothing: antialiased;

  1501.     -moz-osx-font-smoothing: grayscale;

  1502.     content: "\f2c7"; }

  1503.   .pb_accordion .item > a[aria-expanded="true"] {

  1504.     color: #1d82ff;

  1505.     border-bottom: 1px solid transparent; }

  1506.     .pb_accordion .item > a[aria-expanded="true"]:after {

  1507.       content: "\f2f4"; }

  1508. 

  1509. .pb_accordion .item > div *:last-child {

  1510.   margin-bottom: 0; }

  1511. 

  1512. .pb_contact_details_v1 {

  1513.   margin: 0;

  1514.   padding: 0; }

  1515.   .pb_contact_details_v1 li {

  1516.     list-style: none;

  1517.     padding: 0;

  1518.     margin: 0 0 1em 0;

  1519.     color: #212529; }

  1520.     .pb_contact_details_v1 li span {

  1521.       display: block;

  1522.       font-size: 14px;

  1523.       color: #adb5bd; }

  1524. 

  1525. .slick-arrow {

  1526.   position: absolute;

  1527.   top: 50%;

  1528.   z-index: 9;

  1529.   -webkit-transform: translateY(-50%);

  1530.   -ms-transform: translateY(-50%);

  1531.   transform: translateY(-50%);

  1532.   width: 40px;

  1533.   height: 40px;

  1534.   cursor: pointer;

  1535.   color: #000; }

  1536.   @media (max-width: 767px) {

  1537.     .slick-arrow {

  1538.       display: none !important; } }

  1539.   .slick-arrow.prev {

  1540.     left: 20px; }

  1541.   .slick-arrow.next {

  1542.     right: 20px; }

  1543.   .slick-arrow i {

  1544.     font-size: 40px;

  1545.     position: absolute;

  1546.     top: 50%;

  1547.     left: 50%;

  1548.     -webkit-transform: translateX(-50%) translateY(-50%);

  1549.     -ms-transform: translateX(-50%) translateY(-50%);

  1550.     transform: translateX(-50%) translateY(-50%); }

  1551. 

  1552. .slick-dots {

  1553.   position: absolute;

  1554.   bottom: -40px;

  1555.   z-index: 1;

  1556.   list-style: none;

  1557.   display: block;

  1558.   text-align: center;

  1559.   padding: 0;

  1560.   margin: 0;

  1561.   width: 100%; }

  1562.   .slick-dots li {

  1563.     position: relative;

  1564.     display: inline-block;

  1565.     height: 20px;

  1566.     width: 20px;

  1567.     margin: 0 5px;

  1568.     padding: 0;

  1569.     cursor: pointer; }

  1570.     .slick-dots li button {

  1571.       border: 0;

  1572.       background: transparent;

  1573.       display: block;

  1574.       height: 20px;

  1575.       width: 20px;

  1576.       outline: none;

  1577.       line-height: 0px;

  1578.       font-size: 0px;

  1579.       color: transparent;

  1580.       padding: 5px;

  1581.       cursor: pointer;

  1582.       position: relative; }

  1583.       .slick-dots li button:before {

  1584.         width: 7px;

  1585.         height: 7px;

  1586.         content: "";

  1587.         position: absolute;

  1588.         top: 50%;

  1589.         left: 50%;

  1590.         background: rgba(0, 0, 0, 0.2);

  1591.         border-radius: 50%;

  1592.         -webkit-transform: translateX(-50%) translateY(-50%);

  1593.         -ms-transform: translateX(-50%) translateY(-50%);

  1594.         transform: translateX(-50%) translateY(-50%);

  1595.         -webkit-transition: .3s all ease-out;

  1596.         -o-transition: .3s all ease-out;

  1597.         transition: .3s all ease-out; }

  1598.       .slick-dots li button:hover, .slick-dots li button:focus {

  1599.         outline: none; }

  1600.         .slick-dots li button:hover:before, .slick-dots li button:focus:before {

  1601.           background: rgba(0, 0, 0, 0.7); }

  1602.     .slick-dots li.slick-active button:before {

  1603.       background: rgba(0, 0, 0, 0.7); }

  1604. 

  1605. .pb_media_v1 > .icon,

  1606. .pb_media_v2 > .icon {

  1607.   width: 80px;

  1608.   height: 80px;

  1609.   position: relative; }

  1610.   .pb_media_v1 > .icon i,

  1611.   .pb_media_v2 > .icon i {

  1612.     position: absolute;

  1613.     top: 50%;

  1614.     left: 50%;

  1615.     -webkit-transform: translateY(-50%) translateX(-50%);

  1616.     -ms-transform: translateY(-50%) translateX(-50%);

  1617.     transform: translateY(-50%) translateX(-50%); }

  1618.     .pb_media_v1 > .icon i.flaticon,

  1619.     .pb_media_v2 > .icon i.flaticon {

  1620.       top: 48%;

  1621.       left: 50%;

  1622.       -webkit-transform: translateY(-50%) translateX(-50%);

  1623.       -ms-transform: translateY(-50%) translateX(-50%);

  1624.       transform: translateY(-50%) translateX(-50%); }

  1625.       .pb_media_v1 > .icon i.flaticon:before,

  1626.       .pb_media_v2 > .icon i.flaticon:before {

  1627.         font-size: 46px;

  1628.         margin: 0;

  1629.         padding: 0; }

  1630. 

  1631. .pb_media_v1 h3,

  1632. .pb_media_v2 h3 {

  1633.   color: #212529; }

  1634. 

  1635. .pb_icon_v1 i.flaticon:before {

  1636.   font-size: 80px;

  1637.   margin: 0;

  1638.   padding: 0; }

  1639. 

  1640. .pb_slide_v1 .link-block {

  1641.   display: block;

  1642.   position: relative;

  1643.   color: #A5E9DB; }

  1644.   .pb_slide_v1 .link-block:before {

  1645.     position: absolute;

  1646.     content: "";

  1647.     top: 0;

  1648.     left: 0;

  1649.     bottom: 0;

  1650.     right: 0;

  1651.     background: rgba(0, 0, 0, 0.05); }

  1652.   .pb_slide_v1 .link-block .slide-text {

  1653.     position: absolute;

  1654.     z-index: 10;

  1655.     bottom: 20px;

  1656.     left: 20px; }

  1657.     .pb_slide_v1 .link-block .slide-text h2 {

  1658.       font-size: 24px;

  1659.       font-weight: 400;

  1660.       color: #fff;

  1661.       margin-bottom: 0; }

  1662.     .pb_slide_v1 .link-block .slide-text *:last-child {

  1663.       margin-bottom: 0; }

  1664. 

  1665. .pb_slide_v2 .slick-slide {

  1666.   padding: 10px;

  1667.   position: relative; }

  1668. 

  1669. .pb_slide_v2.slider-nav .slick-slide {

  1670.   margin: 10px;

  1671.   padding: 0;

  1672.   -webkit-transition: .3s all ease-out;

  1673.   -o-transition: .3s all ease-out;

  1674.   transition: .3s all ease-out;

  1675.   border: 2px solid transparent; }

  1676.   .pb_slide_v2.slider-nav .slick-slide .pb_card_v2 {

  1677.     background: none; }

  1678.   .pb_slide_v2.slider-nav .slick-slide.slick-current .pb_card_v2 {

  1679.     background: none; }

  1680.   .pb_slide_v2.slider-nav .slick-slide.slick-current .icon i:before {

  1681.     -webkit-transition: .3s all ease-out;

  1682.     -o-transition: .3s all ease-out;

  1683.     transition: .3s all ease-out;

  1684.     color: #00CA4C; }

  1685. 

  1686. .pb_slide_v2 .slide_content {

  1687.   background: #fff;

  1688.   -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);

  1689.   box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15); }

  1690.   @media (max-width: 991px) {

  1691.     .pb_slide_v2 .slide_content > .pb_content-media {

  1692.       height: 350px; } }

  1693.   .pb_slide_v2 .slide_content > .pb_content-media, .pb_slide_v2 .slide_content .slide_content-text {

  1694.     width: 50%; }

  1695.     @media (max-width: 991px) {

  1696.       .pb_slide_v2 .slide_content > .pb_content-media, .pb_slide_v2 .slide_content .slide_content-text {

  1697.         width: 100%; } }

  1698.   .pb_slide_v2 .slide_content .slide_content-text {

  1699.     padding: 50px; }

  1700.     @media (max-width: 991px) {

  1701.       .pb_slide_v2 .slide_content .slide_content-text {

  1702.         padding: 20px; } }

  1703. 

  1704. @media (max-width: 991px) {

  1705.   .pb_slide_v2 .slick-arrow {

  1706.     display: none; } }

  1707. 

  1708. .pb_slide_v2 .slick-arrow.prev {

  1709.   left: -50px; }

  1710. 

  1711. .pb_slide_v2 .slick-arrow.next {

  1712.   right: -50px; }

  1713. 

  1714. .overflow-hidden {

  1715.   overflow: hidden; }

  1716. 

  1717. /*# sourceMappingURL=style.css.map */

  1718. 

  1719. 

  1720. .media .media-img-container {

  1721.   margin-bottom: 1rem;

  1722. }

  1723. 

  1724. 

  1725. 

  1726. 

  1727. .bg-light {

  1728.   background-color: #f2f4f9 !important; }

  1729. 

  1730. .pb_icon-gradient:before {

  1731.   background: #665fee;

  1732.   /* Old browsers */

  1733.   background: -moz-linear-gradient(45deg, #665fee 0%, #27c2de 100%);

  1734.   /* FF3.6-15 */

  1735.   background: -webkit-linear-gradient(45deg, #665fee 0%, #27c2de 100%);

  1736.   /* Chrome10-25,Safari5.1-6 */

  1737.   background: -o-linear-gradient(45deg, #665fee 0%, #27c2de 100%);

  1738.   background: linear-gradient(45deg, #665fee 0%, #27c2de 100%);

  1739.   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  1740.   -webkit-background-clip: text;

  1741.   -webkit-text-fill-color: transparent; }

  1742. 

  1743. .pb_slant-light,

  1744. .pb_slant-white-small,

  1745. .pb_slant-white {

  1746.   position: relative; }

  1747. .pb_slant-light:after,

  1748. .pb_slant-white-small:after,

  1749. .pb_slant-white:after {

  1750.   content: "";

  1751.   position: absolute;

  1752.   bottom: -100px;

  1753.   left: -50px;

  1754.   height: 200px;

  1755.   width: 130%;

  1756.   background-color: #f2f4f9;

  1757.   -webkit-transform: rotate(-4deg);

  1758.   -ms-transform: rotate(-4deg);

  1759.   transform: rotate(-4deg);

  1760.   z-index: 10; }

  1761. .pb_slant-white-small:after{

  1762.   bottom: -170px;

  1763. }

  1764. .pb_slant-light.pb_slant-reverse:after,

  1765. .pb_slant-white.pb_slant-reverse:after {

  1766.   -webkit-transform: rotate(4deg);

  1767.   -ms-transform: rotate(4deg);

  1768.   transform: rotate(4deg);

  1769.   left: -100px;

  1770.   bottom: -140px; }

  1771. 

  1772. .pb_slant-white-small:after,

  1773. .pb_slant-white:after {

  1774.   background-color: #fff; }

  1775. 

  1776. .pb_section {

  1777.   padding: 10em 0; }

  1778. 

  1779. .pb_cover_v3 a, .pb_xl_py_cover a {

  1780.   color: #007bff;/* rgba(255, 255, 255, 0.5);*/

  1781.   border-bottom: 2px solid transparent; }

  1782. .pb_cover_v3 a:hover, .pb_xl_py_cover a:hover {

  1783.   color: #0069d9;

  1784.   text-decoration: none;

  1785.   border-bottom: 2px solid white; }

  1786. 

  1787. .pb_cover_v3 .btn, .pb_xl_py_cover .btn {

  1788.   color: white; }