API tools faq
paste
rohittigga

Untitled

rohittigga
Nov 18th, 2016
211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.13 KB | None | 0 0
raw download clone embed print report
  1. /* Table of contents
  2. ––––––––––––––––––––––––––––––––––––––––––––––––––
  3. -Imports
  4. -Breakpoints
  5. -Text Styles
  6. -Hero
  7. -Arrow
  8. -Blinking Cursor
  9. -AboutConnect
  10. -Footer
  11. -TOS
  12.  */
  13.  
  14.  
  15. /*
  16. ========================================================================================
  17. Imports
  18. ========================================================================================
  19. */
  20.  
  21.  
  22. @import "../css/fonts.css";
  23. @import "../css/twemoji-awesome.css";
  24. @import "../css/jquery.modal.min.css";
  25. @import "../../../bower_components/normalize-css/normalize.css";
  26. @import "../../../jeet/jeet.scss";
  27. @import "../../../bower_components/breakpoint-sass/stylesheets/breakpoint.scss";
  28. @import "../../../bourbon/_bourbon.scss";
  29.  
  30.  
  31. /*
  32. ========================================================================================
  33. Mixins
  34. ========================================================================================
  35. */
  36.  
  37.  
  38. $xx-large: max-width 1600px;
  39. $x-large: max-width 1260px;
  40. $large: max-width 1080px;
  41. $medium: max-width 900px;
  42. $small: max-width 640px;
  43. $x-small: max-width 320px;
  44.  
  45. $black: #393939;
  46. $grey: #9a9a9a;
  47. $light-grey: #e5e5e5;
  48. $teal: #3cb8b4;
  49. $pink: #FF6551;
  50.  
  51. @function shade($color, $percentage) {
  52.   @return mix(black, $color, $percentage);
  53. }
  54.  
  55. /*
  56. ========================================================================================
  57. Body > Universal Classes
  58. ========================================================================================
  59. */
  60.  
  61. html,body {
  62.     font-size: 62.5%;
  63.     -webkit-font-smoothing: antialiased;
  64.     text-rendering: geometricPrecision;
  65.     image-rendering:optimizeQuality;
  66.     height: 100%;
  67.  
  68.     @include breakpoint($small) {
  69.         height: auto;
  70.     }
  71. }
  72.  
  73. body {
  74.     font-family: 'Edmondsans-Medium';
  75.     margin: 0;
  76. }
  77.  
  78. .center {
  79.     @include center(500px);
  80. }
  81.  
  82. .container {
  83.     max-width: 1100px;
  84.     margin: 0 auto;
  85.     @include breakpoint($small) {
  86.         padding-left: 5%;
  87.         padding-right: 5%;
  88.     }
  89. }
  90.  
  91. .rule {
  92.     margin: 150px auto 150px auto;
  93.     width: 32px;
  94.     border-top: 2px solid $light-grey;
  95.     @include breakpoint($small) {
  96.         margin: 100px auto 100px auto;
  97.     }
  98. }
  99.  
  100. button {
  101.     border: none;
  102.     height: 60px;
  103.     font-family: 'Edmondsans-Medium';
  104.     font-size: 18px;
  105.     color: white;
  106.     outline: none;
  107.     border-radius: 50px;
  108. }
  109.  
  110. .sms-button {
  111.     @include col(4/12);
  112.         background: $pink;
  113.         width: 100%;       
  114.         margin-left: 25px;
  115.         &:hover {
  116.             background: shade($pink, 10%);
  117.             cursor: pointer;
  118.             @include animation(scale 1.0s ease-in, slide 2.0s ease);
  119.         }
  120.         @include breakpoint($small) {
  121.             width: 100%;
  122.             margin-top: 20px;
  123.             margin-left: 0px;
  124.         }
  125.     @include breakpoint($small) {
  126.         @include stack();
  127.     }
  128. }
  129.  
  130. .sms-input {
  131.     @include col(6/12);
  132.     border: 0;
  133.     outline: 0;
  134.     margin-top: 14px;
  135.     padding-bottom: 14px;
  136.     background: transparent;
  137.     border-bottom: 4px solid white;
  138.     font-size: 24px;
  139.     color: white;
  140.     width: 92.5%;
  141.     -webkit-appearance: none;
  142.     border-radius: 0;
  143.     font-family: 'Edmondsans-Medium';
  144.     @include placeholder {
  145.         color: white;
  146.         opacity: 100;
  147.         margin-top: 4px;
  148.     }
  149.     @include breakpoint($small) {
  150.         @include stack();
  151.     }
  152. }
  153.  
  154. .sms-text {
  155.     font-size: 24px;
  156. }
  157.  
  158. .whiteText {
  159.     color: white;
  160. }
  161.  
  162. /* Maitre universal classes */
  163.  
  164. #maitre-people-behind-number {
  165.   font-size: 20px !important;
  166.   display: none;
  167.   @include breakpoint($small) {
  168.         font-size: 14px;
  169.     }
  170. }
  171.  
  172. #maitre-people-ahead-number {
  173.   font-size: 20px;
  174.   @include breakpoint($small) {
  175.         font-size: 14px;
  176.     }
  177. }
  178.  
  179. h2#maitre-header {
  180.     display: none;
  181. }
  182.  
  183. a.maitre-widget-social {
  184.   display: inline-block;
  185.   width: 55px;
  186.   height: 55px;
  187.   margin-right: 5px;
  188.   position: relative;
  189.   background-repeat: no-repeat;
  190.   background-position: center center;
  191.   background-size: 100% 100%;
  192. }
  193.  
  194. a.maitre-widget-social:active {
  195.   top: 2px;
  196. }
  197.  
  198.  
  199. #maitre-social-facebook {
  200.   background-image: url("data:image/png;base64,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");
  201. }
  202.  
  203. #maitre-social-twitter {
  204.   background-image: url("data:image/png;base64,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");
  205. }
  206.  
  207. #maitre-social-email {
  208.   background-image: url("data:image/png;base64,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");
  209. }
  210.  
  211. #maitre-social-whatsapp {
  212.   background-image: url("data:image/png;base64,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");
  213.   display: none;
  214. }
  215.  
  216. #maitre-social-plain {
  217.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAADdRJREFUeJzVW2uQXMV1/s7p+5iZndld7a6E9UAPLKFYCAVKSIHlIckYRJAQJugBQVW4bPNw4YpTlKmKnVTWJJWqxMHl/HAqMVQZCvwABBIoRkZWApIBRSQQBZlHkACBVkJarZC02p2ZnXu7++TH7szeGc3O3tkH2N+/e2533z5fd58+59xuwgRj3ZPr1PHJx92wp8ntdYzjWVJhWOCkkyCrDLGxU5iVzZu8dd1GHbAEjeACJ07mp3RPyW1avymYyP7RRDS64Ml1XjrdmwgA37WsapVlY6fUeq99J3BD6T2TT/W8vX5T3/j2dDwJ6AAvar8myUalRlI6ipEIiEL7ThBS4eS+3TtO4n7o0XW0HGMnoKOD2y/e22BIUlaZuturh4BSHVbWcbxPXtqzpXusRIyJgMVbV6ccoUwtxY0yxCGdD+alAsyzkHlkaRqxpGHREPbpRoFYIhhSlAW4i4jeJ89udxm/IcsyXNvSEGiTSx1/fc0vT4xWh1ERsOzFZU7u1KQmeIFb7b0SUsbK5VbRWit2BRO1DddW2BvW6J1YAh8mF08lXO9nIrr6aIc6n2gNO3et2NVfpyr1E3DpE2uTkig0Vht1FsoY4HYr5mvE/Lk47dUkIAKBGPb4FQW533XUWSPOrKzkkh/v2fDUyVgNDqIuApZuu65RLKcq5dZnD3l7t4Xcw0yN9bQZl4AiCBBy8bIv7n3wbP6s96w+2XPDc0fithfPWgvowiWrJjlCycpXFvZKG9qfEtMaIvLjfrhUP7D1ViGxmBWKvd0SZx3Gb8v7KqnWW7+Q6pq//wx2YVj7UcTIBAhowZPXTkp5XKacONoVQ38J4u8T0aR6tShiFAQAAAhQYuRyK3RZ0nOesyKlhlxYv3XqF5JxSBhxCVz4y1WTEpDykVWm1Rj1MAFLRtX7COpdAtVAQJ9K8i0uUWdUHqRTPXuv3vxRrbpc6+XSbdc1ViqvSWbokLaOh/LjBQHSOm82hyEtjMq9vlxT+6/XTKtVd1gCLt29Nllp8DTJDBjaysznja3LEwHywiB8tJIEkw/aLn1ibctwtaoSsOzFZY50F8qtuTKtMPIEM6aOS38nAESkdBA+rC1mlMlT+WnXbbuuqoGuSkDu1KSm6D4vjnaNUQ//bo58BYg8XTCPu0qVnDRrDZ/K6ZnVip9FwOKtq1OVHp6E6i9+l9b8SBBBpi8bPlQmdJ3k4q2rz/JIy7fBjg6eOfXYJGEpjb6FvRLE35+ozg63DZ7XOBPr596Am+dejyumLkFLohmdvUcQ2nixjwimClGPYnqzKAsb+pPH5hw8hV0ofbRsG2x/Zk0mdHRDqXM+e5LXL9IETv3KbVCRwr0X3YHb5t8EqtilT/afxnf3/AP+89jrMVuXoKHBucIKCkWJ5yW7X/rjLUeLz0NLoANsSMrd3Ly9eyKVr4bvLL4HG+f/yVnKA0BLohk/uupvcfHkhVVqVgN52YL9x6hE66AVHXCKzyUCFrVfk4waPhbKWMg99aswelzUtgDr5q6uWcZhB3+95M/BFDOMCeUqIl3yVK01vKj9mtK2WCKAjSobfQPcXm9gM1bcMOfaWOXOa5yJC1rmx2uUQP2h6oiKXPHLCVjw5DovmsZSQsqK+Vq8L4wf5jbNjl12XvOc2GVNQV9lZMjgOwXtLX7tzhQwSEA63Zsoq2Dl8rjx/HiAibFq1hcxp/Hc2HWsxA+iiFgZI+ujslR3dxOAAWMQAH5047eK1mLkSHLMKCp+58KNmJ2ZMXKFCN45eaCu8mLsLXDUL4rP/VYyAI46655cpz602dL0MMqQaF4R28iMAkyMldOW4Y55t2Jmw/S667918l3sP32wrjrGyLnCloo5Rtb9CUiH4xyffNxFtrT1g0M6X3j4HN5YoEhh5bSr8PVRKg4Aed2P7/3XDyF1zlACKR1iqavwalG2bOfOtBP2NLlwIt4V89LRdKzNb8GFk+YjqZI4nDuKN0+/W1qncRUPrcbT729DV64bdy3ciIQqj18OnunEd/f8Pfaf/mA0XYTV9nooLhHwSWKq7/Q6xolaQAHm1dNok5fBfRfcjZXTlpU5Lx/nu/CDtx5Eg5OMrfhP3nkcXbmBfOfmD57HF2e0Y3ZmBvpNAW+ceAd7jv0PjJh6ulcO5s9HH90jQYIWb13dxmxLnpGG/IJBy+O01+Rl8JP2BzCroT4DVkQ1xScSouhEyuerS4JkKu+EYYH9yB5AlqbVzhMN4dsL7hqV8qHV2NL5PB55bxOOdB8ducI4gYzNRL1/bQPlJJ0EWQxNK2JJx8mWt/jNWDlteV0dCK3GM53b8cj7m9CV766r7nhAhMqiXy8Ux6n8wWE10uxgRCxsnh/bHzdisPnQ85+Z4kUQWY5mAKw1fNZkJ0isBVBpoWuhJ+jFY+8//ZkqDwBSZedkNqpMbMXG+r92OHcs9odb/GZsWfEQ/mrRn2Fa6pzY9cYbosudB2ZlOa/7y4QiHCtR/389B3CkDhIUKXz53JXYsvyzI0IYZQFE4JJm1/XLhCIS6xSGFcEDb/247k5UEjG94VOLuSBiy47bOOwZ1XbbPN/BUIbEarmZHa75M6GIQ9kj6Oo/gfbJl0DR2abjjVNvI6tzaPGbz3rHxPiDprm45fw1mNpwDg6cPojesK+iDKHZbwITx84F1gJpnHIT6rHic5B3c1SZBwxy5kfK55tJxQ+Gpqc+h3WzVuGilguQUgkcyn6MXx/9Df796EsAgOXntOPO8/8UczOzh23DiMHWgzvw0Fs/R1bncffCjVg162o0emkAwHs9H+Ln+5/Blg9+BVvNmo0AMQKy8nqyyf1qUZad0txFy15clshlG0pDVAjNNWzpUeXH9IZigoliE9EbZNHsV09GvXD4Fdy3+++g65wRtmDgpPg7vu9sK8oSNn9ILV21VE67YWkGkCcHddZ+S/lqXBkQAAf7OrH50K9w4MyHmJM5d9ilkXCG32LnNM6EQwqvdu2t6+M2sJJsdr5NQxl/vHLjFUcIAC7adt3kaEos7NO7yec57I7vLIhiYEZchq9//lac31xf4rlgAnzp2VtwJoh3ak60QIw50zDJv7Ios06i/79XPbOfAcDDUN4cAEjRYzYc3X/7uLAieOHYbmzY/g3c+/Lf1BXi+srDJVMWxf+WNmBfbYnKEky9wGBk0NeXKXN+3AZ6yGprrJ74tJgVwX8cfhkbtn+jLhLaEq2xyomxECOSSPMPo/Lc5Mk9wCABb6/fFIRsSxGRWNbk0Is2GEPsXSesCI7l4rvKn/SfGrnQwNoHJdT+6HE7I17h9UsezAGR2NAqk4vWTbmpe2FERnuEZTTYHfOXV2g1Xjv+xojlbGghIsik9Tej8iCZL7FXImDf7h35aFxg3LAbLr1gCqZqEDERePaD7Tia7Rqx3E/f3YyeoLd2ISuw2oA8Z79Q8nhRzKzsvmt3lLIvQ2b+flglVDYL/Ix/ByCByWl8GmnynM7jWy9/D6cLPcOWeenjV/HPv32kdkMC6IIBBNLYmtgYfdXbxt2goZigLEHQOf9dPWv27KS1g26gFS1AVrSsgBVMxLZYucQ+6T+F5z56ARkvjZmZ6fB4IFv1Ye9h/Mubj+KB/31wxLygCQzICFRKPeIoeqUoLzQEel/X9k5sGhrNs/zdxVtXp5htmRtWyIVbYbCEPYbyYx8Ej4Vap8SYGG2JFhRMYeQpPwhbMLDagnx1JN3oXh99p8n5uPJccVWHf8nmq1vhDSUKHcDP5oJ9MNQ43iSMxzG5ImxoBmYUs25oSV/GFJSiP+Uiu/v659+vrFN1Tqcm6Z6oQdRAwfGdlRAJbGBh+j+97TEWZHDkAwsQxMm4G6LKMys7vS/TWa1qVQJ2rdilqd8/E5UpxR+yS18WiLGhhc6bT8MujgwBTEEPTHsiJFKJu5MevRct4qX7Dg939WZYq7Znw1N5Ylu2K7hJd69y6AaIBKItdFZDzGfHghiBzocDfSCIn/LvclPYEy3jecnuXSt2nR6ujVEdlbVCM4NcYQfZgQMU7DKUz8AofqiOygaIwAQWogd3EGbtZNwNlSMfhKmevWtrH5UduccCuvC5Vc2VJDiA35vVT7CVPyq2pFwGeQyqg4h6CBABJByw8pDBzrvqcKqp4abomgeAPNzefTf+20cAarqy8XoqoD/ceWOTlw0Tla/CgvmqDUwHQF5Rxg6DPUacrFIcAsQIrI6M+EDPRSXVI6kG958qyw+OfCdGUH6gmTow3IUJcsNk0Ev/agO5puwPKRHYIbCiATL47M9VI0BkIIqDkYFoLmpmCGCXD2TaUrfZUBcq61YegxsJ43plBka1BkHwgNX2SxRJtEa/RkQgJggNfFxnQ0AAERlQ1A5/R4oSan8mrb8Z9e2LYFbWS/cdrmXwqmEMl6acpqizFEUgpBCGXxFDX5HQzCGiYT0nna11aQpgRWeUy8/6jeoHw90gUy6y0/synaO5ZTrma3OhX0j74fBBglGGwjxdwdbeBCvzYWmGEBpFRBFE6axmyGCmjiWEwz0KdIgTeNpLqm21rs0VGgKtPotrc2XoALdfvOZTvzjZ25bpfrPz8RNYjzG5pb9XV2eNeIUgmT+179odJ6Ih7VgwIUfBFr92p+sfPpYosPWjp0+qYSQCrJPoTzD15iZP7immscYTE3cWrgjp4GU7d3rdmOK4pwPHS5MKw372Q5ej1+cDl7TDngnOIAine/2t/UcLu5Yv7wPdPy6XpIfD/wNsqDHQEpUc2QAAAABJRU5ErkJggg==");
  218.   margin-right: 0;
  219. }
  220.  
  221. p#maitre-verification {
  222.     color: #777 !important;
  223.     font-size: 0.8em !important;
  224.     margin-bottom: 1em !important;
  225.     font-weight: 400 !important;
  226. }
  227.  
  228. h4#maitre-people-ahead-number {
  229.     color: #3498db !important;
  230.     font-size: 34px !important;
  231.     font-weight: 500 !important;
  232. }
  233.  
  234. p#maitre-people-ahead-text {
  235.     color: #3498db !important;
  236.     font-size: 26px;
  237. }
  238.  
  239. p#maitre-instructions {
  240.     color: #555 !important;
  241.     font-size: 0.9em !important;
  242.     margin-top: 2em !important;
  243. }
  244.  
  245. div#maitre-share-container {
  246.     margin-top: 1.3em !important;
  247. }
  248.  
  249. #maitre-share-plain-explanation, #maitre-share-plain-url{
  250.     display: none;
  251. }
  252.  
  253. #maitre-content {
  254.     text-align: center;
  255. }
  256.  
  257. div[data-maitre-content] {
  258.     text-align: center;
  259. }
  260.  
  261. /* End Maitre universal classes
  262.  */
  263.  
  264.  
  265. /*
  266. ========================================================================================
  267. Text Styles
  268. ========================================================================================
  269. */
  270.  
  271.  
  272. h1 {
  273.     font-family: 'Edmondsans-Medium';
  274.     font-size: 56px;
  275.     color: white;
  276.     font-weight: normal;
  277.     -webkit-font-smoothing: normal;
  278.     @include breakpoint($medium) {
  279.         font-size: 48px;
  280.     }
  281.     @include breakpoint($small) {
  282.         font-size: 36px;
  283.     }
  284.     @include breakpoint(max-width 480px) {
  285.         font-size: 32px;
  286.     }
  287.     @include breakpoint($x-small) {
  288.         font-size: 30px;
  289.     }
  290. }
  291.  
  292. h2 {
  293.     font-family: 'Edmondsans-Medium';
  294.     font-size: 32px;
  295.     color: $black;
  296.     @include breakpoint($small) {
  297.         font-size: 28px;
  298.     }
  299. }
  300.  
  301. h3 {
  302.     font-family: 'Edmondsans-Medium';
  303.     font-size: 18px;
  304.     color: $grey;
  305.     line-height: 26px;
  306.     font-weight: normal;
  307.     @include breakpoint($small) {
  308.         font-size: 17px;
  309.     }
  310. }
  311.  
  312. h4 {
  313.     font-family: 'Edmondsans-Medium';
  314.     font-size: 14px;
  315.     color: $grey;
  316.     text-transform: uppercase;
  317.     letter-spacing: 0.2em;
  318.     line-height: 20px;
  319. }
  320.  
  321. a:link {
  322.     text-decoration: none;
  323. }
  324.  
  325.  
  326. /*
  327. ========================================================================================
  328. Hero
  329. ========================================================================================
  330. */
  331.  
  332.  
  333. .hero {
  334.     background: url(../../img/hero-whitetext-fix.png);
  335.     background-size: cover;
  336.     background-position: center center;
  337.     position: relative;
  338.     height: 100%;
  339.     padding-bottom: 5%;
  340.     @include breakpoint($x-large) {
  341.         padding-left: 5%;
  342.         padding-right: 5%;
  343.     }
  344.     .nav {
  345.         width: 90%;
  346.         padding: 3% 5% 0 5%;
  347.         margin: 0 auto;
  348.         @include display(flex);
  349.         @include flex-direction(row);
  350.         @include justify-content(space-between);
  351.         @include breakpoint($x-large) {
  352.             @include col(12/12);
  353.             padding: 3% 0 0 0;
  354.         }
  355.         .logo {
  356.             background: url(../../img/connect_logo.png) no-repeat;
  357.             background-size: 150px;
  358.             background-position: 0 100%;
  359.             width: 170px;
  360.             height: 45px;
  361.             @include breakpoint($medium) {
  362.                 background-size: 130px;
  363.             }
  364.             @include breakpoint($small) {
  365.                 background-size: 120px;
  366.             }
  367.         }
  368.         .rightLinks {
  369.             width: 25%;
  370.             display: inline;
  371.             margin-top: 20px;
  372.             @include breakpoint(max-width 961px) {
  373.                 width: 37.5%;
  374.             }
  375.             @include breakpoint($small) {
  376.                 width: 50%;
  377.             }
  378.         }
  379.         .joinTeam {
  380.             font-size: 20px;
  381.             color: white;
  382.             text-decoration: none;
  383.             padding-top: 5px;
  384.             display: inline;
  385.             margin: 0px 15%;
  386.             &:hover {
  387.                 text-decoration: underline;
  388.                 // padding-bottom: 2px;
  389.             }
  390.             @include breakpoint($medium) {
  391.                 font-size: 18px;
  392.             }
  393.             @include breakpoint($small) {
  394.                 font-size: 16px;
  395.                 margin: 0px 10%;
  396.             }
  397.         }
  398.     }
  399.     .container-hero {
  400.         max-width: 1100px;
  401.         margin: 0 auto;
  402.         .row-header {
  403.             padding-top: 5%;
  404.             @include breakpoint($x-large) {
  405.                 padding-top: 15%;
  406.             }
  407.             @include breakpoint($small) {
  408.                 padding-top: 25%;
  409.             }
  410.             .col-1 {
  411.                 @include col(12/12);
  412.                 @include breakpoint($small) {
  413.                     @include col(12/12);
  414.                 }
  415.                 .headerText {
  416.                     @include breakpoint(max-width 1140px) {
  417.                         min-height: 220px;
  418.                     }
  419.                     @include breakpoint($small) {
  420.                         min-height: 180px;
  421.                     }
  422.                 }
  423.                 .smsHeaderText {
  424.                     @include breakpoint(max-width 1140px) {
  425.                         min-height: 150px;
  426.                     }
  427.                     @include breakpoint($small) {
  428.                         min-height: 100px;
  429.                     }
  430.                 }
  431.             }
  432.         }
  433.  
  434.         .row-signup {
  435.             width: 100%;
  436.             clear: both;
  437.             padding-top: 5%;
  438.             padding-bottom: 30%;
  439.             @include breakpoint($small) {
  440.                 padding-top: 2.5%;
  441.             }
  442.             h3.waitlistText{
  443.                 color: white;
  444.                 font-size: 22px;
  445.                 text-shadow: 0px 0px 20px rgba(40, 124, 149, 0.6);
  446.                 @include breakpoint($small) {
  447.                     font-size: 17px;
  448.                 }
  449.             }
  450.             #smsInput {
  451.                 @include col(6/12);
  452.                 input {
  453.                     border: 0;
  454.                     outline: 0;
  455.                     margin-top: 14px;
  456.                     padding-bottom: 14px;
  457.                     background: transparent;
  458.                     border-bottom: 4px solid white;
  459.                     font-size: 24px;
  460.                     color: white;
  461.                     width: 92.5%;
  462.                     -webkit-appearance: none;
  463.                     border-radius: 0;
  464.                     font-family: 'Edmondsans-Medium';
  465.                     @include placeholder {
  466.                         color: white;
  467.                         opacity: 100;
  468.                         margin-top: 4px;
  469.                     }
  470.                 }
  471.                 @include breakpoint($small) {
  472.                     @include stack();
  473.                 }
  474.             }
  475.             #smsButton {
  476.                 @include col(6/12);
  477.                 button {
  478.                     background: $pink;
  479.                     width: 100%;       
  480.                     margin-left: 25px;
  481.                     &:hover {
  482.                         background: shade($pink, 10%);
  483.                         cursor: pointer;
  484.                         @include animation(scale 1.0s ease-in, slide 2.0s ease);
  485.                     }
  486.                     @include breakpoint($small) {
  487.                         width: 100%;
  488.                         margin-top: 20px;
  489.                         margin-left: 0px;
  490.                     }
  491.                 }
  492.                 @include breakpoint($small) {
  493.                     @include stack();
  494.                 }  
  495.             }
  496.  
  497.             #maitre-field-email {
  498.                 @include col(6/12);
  499.                 input {
  500.                     border: 0;
  501.                     outline: 0;
  502.                     margin-top: 14px;
  503.                     padding-bottom: 14px;
  504.                     background: transparent;
  505.                     border-bottom: 4px solid white;
  506.                     font-size: 24px;
  507.                     color: white;
  508.                     width: 92.5%;
  509.                     -webkit-appearance: none;
  510.                     border-radius: 0;
  511.                     font-family: 'Edmondsans-Medium';
  512.                     @include placeholder {
  513.                         color: white;
  514.                         opacity: 100;
  515.                         margin-top: 4px;
  516.                     }
  517.                 }
  518.                 @include breakpoint($small) {
  519.                     @include stack();
  520.                 }
  521.             }
  522.             #maitre-field-submit {
  523.                 @include col(4/12);
  524.                 button {
  525.                     background: $pink;
  526.                     width: 100%;       
  527.                     margin-left: 25px;
  528.                     &:hover {
  529.                         background: shade($pink, 10%);
  530.                         cursor: pointer;
  531.                         @include animation(scale 1.0s ease-in, slide 2.0s ease);
  532.                     }
  533.                     @include breakpoint($small) {
  534.                         width: 100%;
  535.                         margin-top: 20px;
  536.                         margin-left: 0px;
  537.                     }
  538.                 }
  539.                 @include breakpoint($small) {
  540.                     @include stack();
  541.                 }  
  542.             }
  543.             #maitre-content {
  544.                 display: none;
  545.  
  546.             }
  547.  
  548.             #maitre-content.show.modal {
  549.                 font-size: 20px;
  550.                 text-align: center;
  551.             }
  552.  
  553.                 @media only screen and (min-width: 768px) {
  554.  
  555.                   #maitre-widget-container a.show-mobile {
  556.                     display: none;
  557.                   }
  558.  
  559.                 }
  560.  
  561.             #maitre-form.hide {
  562.                 display: none !important;
  563.             }
  564.  
  565.         }
  566.     }
  567. }
  568.  
  569.  
  570.  
  571. /* ========================================================================================
  572. Arrows
  573. ========================================================================================
  574. */
  575.  
  576. .Absolute-Center {
  577.   margin: auto;
  578.   position: absolute;
  579.   top: 75%;
  580.   left: 0;
  581.   bottom: 0;
  582.   right: 0;
  583.   @include breakpoint($small) {
  584.         visibility: hidden;
  585.     }
  586. }
  587.  
  588.  
  589. .arrow {
  590.   position: absolute;
  591.   left: 45%;
  592.   top: 90%;
  593.   @include breakpoint($small) {
  594.         visibility: hidden;
  595.     }
  596. }
  597.  
  598. /*
  599. ========================================================================================
  600. Blinking Cursor
  601. ========================================================================================
  602. */
  603. .typed-cursor{
  604.     opacity: 1;
  605.     -webkit-animation: blink 0.7s infinite;
  606.     -moz-animation: blink 0.7s infinite;
  607.     animation: blink 0.7s infinite;
  608. }
  609. @keyframes blink{
  610.     0% { opacity:1; }
  611.     50% { opacity:0; }
  612.     100% { opacity:1; }
  613. }
  614. @-webkit-keyframes blink{
  615.     0% { opacity:1; }
  616.     50% { opacity:0; }
  617.     100% { opacity:1; }
  618. }
  619. @-moz-keyframes blink{
  620.     0% { opacity:1; }
  621.     50% { opacity:0; }
  622.     100% { opacity:1; }
  623. }
  624.  
  625. /*
  626. ========================================================================================
  627. About
  628. ========================================================================================
  629. */
  630.  
  631. .about {
  632.     text-align: center;
  633.     padding-bottom: 160px;
  634.     .row-about {
  635.         padding-top: 120px;
  636.         .emoji-about {
  637.             font-size: 68px;
  638.             line-height: 0;
  639.         }
  640.     }
  641. }
  642.  
  643. /*
  644. ========================================================================================
  645. Team
  646. ========================================================================================
  647. */ 
  648.  
  649.  
  650. .team {
  651.     background: url(../../img/team_photo.jpg);
  652.     background-size: cover;
  653.     background-position: center center;
  654.     position: relative;
  655.     height: 50vh;
  656.     margin: 0;
  657.     .row-team{
  658.         margin: 0 auto;
  659.         text-align: center;
  660.         position: relative;
  661.         top: 50%;
  662.         transform: translateY(-50%);
  663.         button {
  664.             background: $teal;
  665.             width: 65%;
  666.             &:hover {
  667.                 background: shade($teal, 10%);
  668.                 cursor: pointer;
  669.                 @include animation(scale 1.0s ease-in, slide 2.0s ease);
  670.             }
  671.         }
  672.     }
  673. }
  674.  
  675. /*
  676. ========================================================================================
  677. Team
  678. ========================================================================================
  679. */ 
  680.  
  681.  
  682. .mission {
  683.     width: 100%;
  684.     padding-top: 140px;
  685.     padding-bottom: 160px;
  686.     .emoji-mission {
  687.             font-size: 68px;
  688.             line-height: 0;
  689.         }
  690.     .row-why {
  691.         text-align: center;
  692.     }
  693. }
  694.  
  695.  
  696. /*
  697. ========================================================================================
  698. Footer
  699. ========================================================================================
  700. */
  701.  
  702. .footer {
  703.     background: #ededed;
  704.     width: 100%;
  705.     padding-top: 80px;
  706.     padding-bottom: 60px;
  707.     h4 {
  708.         text-align: center;
  709.     }
  710.     h3 {
  711.         text-align: center;
  712.     }
  713.     a {
  714.         color: $grey;
  715.         text-decoration: none;
  716.     }
  717.     .row-signup {
  718.         width: 100%;
  719.         clear: both;
  720.         padding-top: 4%;
  721.         padding-bottom: 10%;
  722.         @include breakpoint($medium) {
  723.             padding-bottom: 15%;
  724.         }
  725.         @include breakpoint($small) {
  726.             padding-bottom: 20%;
  727.         }
  728.  
  729.         .col-1 {
  730.             @include shift(1/12);
  731.             @include col(6/12);
  732.             input {
  733.                 border: 0;
  734.                 outline: 0;  
  735.                 margin-top: 14px;
  736.                 padding-bottom: 14px;
  737.                 background: transparent;
  738.                 border-bottom: 4px solid $black;
  739.                 font-size: 24px;
  740.                 color: $black;
  741.                 width: 92.5%;
  742.                 -webkit-appearance: none;
  743.                 border-radius: 0;
  744.                 text-align: justify;
  745.                 font-family: 'Edmondsans-Medium';
  746.                 @include placeholder {
  747.                     color: $black;
  748.                     opacity: 100;
  749.                     margin-top: 4px;
  750.                 }
  751.             }
  752.             p.secondInvalidText {
  753.                     font-size: 18px;
  754.                     color: $black;
  755.             }
  756.             @include breakpoint($small) {
  757.                 @include stack();
  758.                 @include shift(0/12);
  759.             }
  760.         }
  761.  
  762.             button {
  763.                 margin: 0 auto;
  764.                 @include col(12/12);
  765.                 background: $pink;
  766.                 width: 100%;       
  767.                 &:hover {
  768.                     background: shade($pink, 10%);
  769.                     cursor: pointer;
  770.                     @include animation(scale 1.0s ease-in, slide 2.0s ease);
  771.                 }
  772.                 @include breakpoint($small) {
  773.                     width: 100%;
  774.                     margin-left: 0px;
  775.                 }
  776.             }  
  777.        
  778.     }
  779.     .emoji-footer {
  780.         font-size: 32px;
  781.         line-height: 0;
  782.         text-align: center;
  783.     }
  784.     span {
  785.         text-align: center;
  786.         font-size: 12px;
  787.         color: $grey;
  788.     }
  789.     i {
  790.         padding-bottom: 35px;
  791.     }
  792. }
  793.  
  794.  
  795. /*
  796. ========================================================================================
  797. TOS
  798. ========================================================================================
  799. */
  800.  
  801.  
  802. .tos {
  803.  
  804.     h2 {
  805.         @include breakpoint($small) {
  806.             font-size: 18px;
  807.         }
  808.     }
  809.     text-align: justify;
  810.     .align-center {
  811.         text-align: center !important;
  812.         color: $black;
  813.     }
  814.     p {
  815.         font-family: 'Edmondsans-Medium';
  816.         font-size: 16px;
  817.         color: $black;
  818.         font-weight: normal;
  819.         @include breakpoint($small) {
  820.             font-size: 14px;
  821.         }
  822.     }
  823.     div {
  824.         padding: 20px;
  825.     }
  826.     .row-tos {
  827.         width: 100%;
  828.         margin-left: 10px;
  829.         margin-right: 10px;
  830.     }
  831. }
  832.  
  833. /*
  834. ========================================================================================
  835. Product
  836. ========================================================================================
  837. */
  838.  
  839. .product {
  840.     h2{
  841.         padding-top: 60px;
  842.         font-weight: 300;
  843.         margin-bottom: 60px;
  844.     }
  845.  
  846.     .productShot {
  847.         max-width: 60%;
  848.         height: auto;
  849.     }
  850. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!