API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 30th, 2014
241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 57.56 KB | None | 0 0
raw download clone embed print report
  1. /*-----------------[CHROME RADIUS FIX START]------------------------*/
  2. .overflow-border-radius-fix {
  3.   overflow:hidden;
  4.   border-radius:50%;
  5. }
  6. /*-------------------[CHROME RADIUS FIX END]--------------------------*/
  7. /*-----------------[SCROLL-TOP-UP  START]------------------------*/
  8. a#scroll-to-top {
  9.   background:#fff;
  10.   border-bottom:1px solid #E9E9E9;
  11.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  12.   bottom:50px;
  13.   font-size:0;
  14.   height:35px;
  15.   outline:0 none;
  16.   position:fixed;
  17.   right:20px;
  18.   text-indent:-9999px;
  19.   width:35px;
  20.   -webkit-transition:all .6s ease;
  21.   -moz-transition:all .6s ease;
  22.   -o-transition:all .6s ease;
  23.   -ms-transition:all .6s ease;
  24.   transition:all .6s ease;
  25. }
  26.  
  27. #scroll-to-top-triangle {
  28.   border-style:solid;
  29.   border-width:0 10px 11px;
  30.   height:0;
  31.   margin:33% 22%;
  32.   position:absolute;
  33.   width:0;
  34.   border-color:transparent transparent #717171;
  35.   -webkit-transition:all .6s ease;
  36.   -moz-transition:all .6s ease;
  37.   -o-transition:all .6s ease;
  38.   -ms-transition:all .6s ease;
  39.   transition:all .6s ease;
  40. }
  41.  
  42. #scroll-to-top:hover {
  43.   background:#0088CC;
  44.   -webkit-transition:all .6s ease;
  45.   -moz-transition:all .6s ease;
  46.   -o-transition:all .6s ease;
  47.   -ms-transition:all .6s ease;
  48.   transition:all .6s ease;
  49. }
  50.  
  51. #scroll-to-top:hover #scroll-to-top-triangle {
  52.   border-color:transparent transparent #fff;
  53.   -webkit-transition:all .6s ease;
  54.   -moz-transition:all .6s ease;
  55.   -o-transition:all .6s ease;
  56.   -ms-transition:all .6s ease;
  57.   transition:all .6s ease;
  58. }
  59.  
  60. /*-----------------[SCROLL-TOP-UP  END]------------------------*/
  61. /*-----------------[LINK DOWNLOAD START]------------------------*/
  62. .link-download {
  63.   color:#717171;
  64.   font-family:Arial;
  65.   font-size:15px;
  66.   font-weight:100;
  67.   margin:auto;
  68.   padding-top:120px;
  69.   text-align:center;
  70. }
  71.  
  72. .link-download a {
  73.   color:#404040;
  74.   font-weight:bold;
  75. }
  76. /*-----------------[LINK DOWNLOAD END]------------------------*/
  77. /*-----------------[SITE WIDTH START]------------------------*/
  78. body {
  79.   max-width:850px;
  80.   margin-left:auto;
  81.   margin-right:auto;
  82. }
  83.  
  84. .container {
  85.   display:block;
  86. }
  87.  
  88. #profile_about_me {
  89.   width:830px;
  90.   padding-top:44px;
  91.   margin-bottom:80px;
  92. }
  93.  
  94. /*-----------------[SITE WIDTH END]------------------------*/
  95. /*-----------------[SITE STYLES DEFAULT START]------------------------*/
  96. body {
  97.   background:url(http://subtlepatterns.com/patterns/subtlenet2.png) repeat;
  98.   color:#717171;
  99.   font-family:Tahoma;
  100.   font-size:13px;
  101.   word-spacing:-.69px;
  102. }
  103.  
  104. a {
  105.   color:#717171;
  106. }
  107.  
  108. .notice {
  109.   color:#717171;
  110. }
  111.  
  112. .clean {
  113.   clear:both;
  114. }
  115.  
  116. .wall_post_body {
  117.   background:none repeat scroll 0 0 #FFFFFF;
  118.   border:1px dotted #717171;
  119. }
  120.  
  121. .wall_post:hover .wall_post_body {
  122.   box-shadow:0 0 13px rgba(0,0,0,0.1);
  123. }
  124.  
  125. .wall_post:hover .wall_post_avatar img {
  126.   box-shadow:0 0 13px rgba(0,0,0,0.1);
  127. }
  128.  
  129. .wall_post:hover {
  130.   -webkit-transition:all .6s ease;
  131.   -moz-transition:all .6s ease;
  132.   -o-transition:all .6s ease;
  133.   -ms-transition:all .6s ease;
  134.   transition:all .6s ease;
  135.   -webkit-transform:scale(1.1,1.1);
  136.   -moz-transform:scale(1.1,1.1);
  137.   -o-transform:scale(1.1,1.1);
  138.   -ms-transform:scale(1.1,1.1);
  139.   transform:scale(1.1,1.1);
  140. }
  141.  
  142. .wall_post_info {
  143.   display:inline-table;
  144.   padding:5px 0;
  145. }
  146.  
  147. .profile_section_content {
  148.   z-index:inherit;
  149. }
  150.  
  151. .wall_post_avatar img {
  152.   background:none repeat scroll 0 0 #F4F4F4;
  153.   border:4px solid #FFFFFF;
  154.   border-radius:50%;
  155.   margin-top:30px;
  156.   -webkit-transition:all .6s ease;
  157.   -moz-transition:all .6s ease;
  158.   -o-transition:all .6s ease;
  159.   -ms-transition:all .6s ease;
  160.   transition:all .6s ease;
  161. }
  162.  
  163. #status_container {
  164.   bottom:-2px;
  165.   left:0;
  166.   position:fixed;
  167.   z-index:600;
  168. }
  169.  
  170. #unix_last_login_container {
  171.   bottom:-2px;
  172.   position:fixed;
  173.   right:10px;
  174.   z-index:600;
  175. }
  176.  
  177. #status_container .label {
  178.   min-width:40px;
  179. }
  180.  
  181. #unix_last_login_container .label {
  182.   min-width:60px;
  183. }
  184.  
  185. #profile_header_container a {
  186.   text-decoration:none;
  187. }
  188.  
  189. #cboxOverlay {
  190.   background:url(http://subtlepatterns.com/patterns/subtlenet2.png) repeat;
  191. }
  192.  
  193. #send_message_form_modal {
  194.   color:#717171;
  195.   margin-left:25px;
  196. }
  197.  
  198. #send_message {
  199.   margin-right:25px;
  200. }
  201.  
  202. #rate_container {
  203.   background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  204.   border-bottom:1px solid #E9E9E9;
  205.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  206.   left:10px;
  207.   margin:0;
  208.   padding:10px 10px 10px 23px;
  209.   position:fixed;
  210.   top:158px;
  211.   max-width:108px;
  212.   z-index:95;
  213. }
  214.  
  215. #new_admirer {
  216.   background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  217.   border-bottom:1px solid #E9E9E9;
  218.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  219.   left:10px;
  220.   margin:0;
  221.   padding:8px;
  222.   position:fixed;
  223.   top:48px;
  224.   min-width:125px;
  225.   z-index:99;
  226.   text-align:center;
  227. }
  228.  
  229. #new_admirer a {
  230.   text-decoration:none;
  231. }
  232.  
  233. #new_homepage_friend {
  234.   background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  235.   border-bottom:1px solid #E9E9E9;
  236.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  237.   left:10px;
  238.   margin:0;
  239.   padding:8px;
  240.   position:fixed;
  241.   top:80px;
  242.   min-width:125px;
  243.   z-index:98;
  244.   text-align:center;
  245. }
  246.  
  247. #new_homepage_friend a {
  248.   text-decoration:none;
  249. }
  250.  
  251. #rate_value {
  252.   display:block;
  253. }
  254.  
  255. #rate_label {
  256.   min-width:104px;
  257. }
  258.  
  259. #profile_main_photo {
  260.     left: 2px;
  261.     position: absolute;
  262.     top: 235px;
  263. }
  264.  
  265. #cam_score_container_bg {
  266.   background:linear-gradient(to bottom,#f6f6f6 0%,#ffffff 100%) repeat scroll 0 0 rgba(0,0,0,0);
  267.   border-bottom:1px solid #e9e9e9;
  268.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  269.   left:10px;
  270.   line-height:10px;
  271.   margin:0;
  272.   max-width:108px;
  273.   min-width:108px;
  274.   height:28px;
  275.   padding:10px 17px 10px 16px;
  276.   position:fixed;
  277.   top:111px;
  278.   z-index:96;
  279. }
  280.  
  281. #cam_score_container {
  282.   left:10px;
  283.   line-height:10px;
  284.   margin:0;
  285.   max-width:108px;
  286.   min-width:108px;
  287.   padding:10px 17px 10px 16px;
  288.   position:fixed;
  289.   top:111px;
  290.   z-index:97;
  291. }
  292.  
  293. #cam_score_container .label {
  294.   display:block;
  295.   margin-bottom:7px;
  296.   margin-right:0;
  297.   min-width:70px;
  298.   text-align:center;
  299. }
  300.  
  301. #cam_score_value {
  302.   display:block;
  303.   font-weight:700;
  304.   text-align:center;
  305. }
  306.  
  307. .photo_gallery_image {
  308.   background:none repeat scroll 0 0 #F4F4F4;
  309.   border:4px solid #FFFFFF;
  310.   border-radius:50%;
  311.   margin-top:30px;
  312.   -webkit-transition:all .6s ease;
  313.   -moz-transition:all .6s ease;
  314.   -o-transition:all .6s ease;
  315.   -ms-transition:all .6s ease;
  316.   transition:all .6s ease;
  317. }
  318.  
  319. .photo_gallery_image:hover {
  320.   -webkit-transform:scale(1.1,1.1);
  321.   -moz-transform:scale(1.1,1.1);
  322.   -o-transform:scale(1.1,1.1);
  323.   -ms-transform:scale(1.1,1.1);
  324.   transform:scale(1.1,1.1);
  325.   -webkit-transition:all .6s ease;
  326.   -moz-transition:all .6s ease;
  327.   -o-transition:all .6s ease;
  328.   -ms-transition:all .6s ease;
  329.   transition:all .6s ease;
  330. }
  331. /*-----------------[SITE STYLES DEFAULT END]------------------------*/
  332. /*-----------------[GALLERY LOCK START]------------------------*/
  333. #password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link {
  334.   background:url(http://s23.postimg.org/5q4eyzvfr/lock.png) repeat scroll 0 0 rgba(0,0,0,0);
  335.   display:inline-block;
  336.   height:97px;
  337.   width:64px;
  338.   -webkit-transition:all .6s ease;
  339.   -moz-transition:all .6s ease;
  340.   -o-transition:all .6s ease;
  341.   -ms-transition:all .6s ease;
  342.   transition:all .6s ease;
  343. }
  344.  
  345. #password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link {
  346.   -webkit-transition:all .6s ease;
  347.   -moz-transition:all .6s ease;
  348.   -o-transition:all .6s ease;
  349.   -ms-transition:all .6s ease;
  350.   transition:all .6s ease;
  351. }
  352.  
  353. #password_photo_gallery_previews .photo_gallery_preview > a.photo_gallery_link:hover {
  354.   -webkit-transition:all .6s ease;
  355.   -moz-transition:all .6s ease;
  356.   -o-transition:all .6s ease;
  357.   -ms-transition:all .6s ease;
  358.   transition:all .6s ease;
  359.   opacity:.7;
  360.   -webkit-transform:rotate(-42deg);
  361.   -moz-transform:rotate(-42deg);
  362.   -o-transform:rotate(-42deg);
  363.   -ms-transform:rotate(-42deg);
  364.   transform:rotate(-42deg);
  365. }
  366.  
  367. #profile_password_photo_galleries .photo_gallery_link img {
  368.     margin-left: -13px;
  369. }
  370.  
  371. /*-----------------[GALLERY LOCK END]------------------------*/
  372. /*-----------------[MENU START]------------------------*/
  373. .header {
  374.   background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  375.   border-bottom:1px solid #E9E9E9;
  376.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  377.   filter:none;
  378.   height:54px;
  379.   left:0;
  380.   position:fixed;
  381.   top:-5px;
  382.   width:100%;
  383.   z-index:100;
  384. }
  385.  
  386. .container-menu {
  387.   margin-left:auto;
  388.   margin-right:auto;
  389.   width:900px;
  390. }
  391.  
  392. .header .container-menu .navigation-menu ul li {
  393.   list-style:none outside none;
  394.   float:left;
  395. }
  396.  
  397. .header div.container-menu .navigation-menu {
  398.   position:relative;
  399.   line-height:32px;
  400. }
  401.  
  402. .header .container-menu .navigation-menu ul li a {
  403.   color:#0088CC;
  404.   font-size:12px;
  405.   font-style:normal;
  406.   font-weight:700;
  407.   line-height:28px;
  408.   padding: 17px 16px 18px;
  409.   text-decoration:none;
  410.   text-transform:uppercase;
  411.   -webkit-transition:all .6s ease;
  412.   -moz-transition:all .6s ease;
  413.   -o-transition:all .6s ease;
  414.   -ms-transition:all .6s ease;
  415.   transition:all .6s ease;
  416. }
  417.  
  418. .header .container-menu .navigation-menu ul li a:hover {
  419.   background:none repeat scroll 0 0 #0088CC;
  420.   color:#FFFFFF;
  421. }
  422.  
  423. /*-----------------[MENU END]------------------------*/
  424. /*-----------------[STATUS BAR START]------------------------*/
  425. .my-status {
  426.   background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  427.   border-top:1px solid #E9E9E9;
  428.   box-shadow:0 0 3px rgba(0,0,0,0.1);
  429.   bottom:0;
  430.   color:#717171;
  431.   font-family:Arial;
  432.   font-size:10px;
  433.   font-weight:100;
  434.   left:0;
  435.   margin:auto;
  436.   position:fixed;
  437.   text-align:center;
  438.   width:100%;
  439.   z-index:500;
  440.   padding:4px;
  441.   height:20px;
  442. }
  443.  
  444. /*-----------------[STATUS BAR DOWNLOAD END]------------------------*/
  445. /*-----------------[POST & COMMENT STYLES START]------------------------*/
  446. .user_comment_textarea_small {
  447.   height:220px;
  448.   padding:5px;
  449.   width:818px;
  450.   max-width:818px;
  451.   min-width:818px;
  452. }
  453.  
  454. .user_comment_textarea_big {
  455.   height:220px;
  456.   padding:5px;
  457.   width:818px;
  458.   max-width:818px;
  459.   min-width:818px;
  460. }
  461.  
  462. #user_comment_comment {
  463.   color:#717171;
  464.   font-family:Tahoma;
  465.   font-size:13px;
  466.   word-spacing:-.69px;
  467. }
  468.  
  469. /*-----------------[POST & COMMENT STYLES END]------------------------*/
  470. /*-----------------[SOCIAL  START]------------------------*/
  471. ul.social-icons {
  472.   margin:0;
  473.   padding:0;
  474.   width:auto;
  475.   float:right;
  476. }
  477.  
  478. ul.social-icons li[class] a {
  479.   text-indent:-9999px;
  480. }
  481.  
  482. ul.social-icons li a {
  483.   display:block;
  484.   height:30px;
  485.   text-align:center;
  486.   width:30px;
  487. }
  488.  
  489. ul.social-icons li {
  490.   background-color:#FFFFFF;
  491.   background-image:url(http://s30.postimg.org/6tq3dgccx/social_sprites.png);
  492.   background-repeat:no-repeat;
  493.   border-radius:100%;
  494.   box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
  495.   display:inline-block;
  496.   margin:-1px 1px 5px 0;
  497.   overflow:visible;
  498.   padding:0;
  499.   -webkit-transition:all .3s ease;
  500.   -moz-transition:all .3s ease;
  501.   transition:all .3s ease;
  502. }
  503.  
  504. ul.social-icons li.facebook {
  505.   background-position:0 -120px;
  506. }
  507.  
  508. ul.social-icons li.facebook:hover {
  509.   background-position:0 -150px;
  510. }
  511.  
  512. ul.social-icons li.twitter {
  513.   background-position:0 -1140px;
  514. }
  515.  
  516. ul.social-icons li.twitter:hover {
  517.   background-position:0 -1170px;
  518. }
  519.  
  520. ul.social-icons li.linkedin {
  521.   background-position:0 -540px;
  522. }
  523.  
  524. ul.social-icons li.linkedin:hover {
  525.   background-position:0 -570px;
  526. }
  527.  
  528. /*-----------------[SOCIAL END]------------------------*/
  529. /*-----------------[SITE TITLE START]------------------------*/
  530. .temp1-videos {
  531.   color:#333333;
  532.   font-family:Arial;
  533.   font-size:38px;
  534.   font-weight:100;
  535.   padding-bottom:40px;
  536.   padding-top:130px;
  537.   text-align:center;
  538. }
  539.  
  540. .temp1-pictures {
  541.   color:#333333;
  542.   font-family:Arial;
  543.   font-size:38px;
  544.   font-weight:100;
  545.   padding-bottom:40px;
  546.   padding-top:130px;
  547.   text-align:center;
  548. }
  549.  
  550. .temp1-price-list {
  551.   color:#333333;
  552.   font-family:Arial;
  553.   font-size:38px;
  554.   font-weight:100;
  555.   padding-bottom:40px;
  556.   padding-top:130px;
  557.   text-align:center;
  558. }
  559.  
  560. .temp1-raffle {
  561.   color:#333333;
  562.   font-family:Arial;
  563.   font-size:38px;
  564.   font-weight:100;
  565.   padding-bottom:40px;
  566.   padding-top:130px;
  567.   text-align:center;
  568. }
  569.  
  570. .temp1-my-rules {
  571.   color:#333333;
  572.   font-family:Arial;
  573.   font-size:38px;
  574.   font-weight:100;
  575.   padding-bottom:40px;
  576.   padding-top:130px;
  577.   text-align:center;
  578. }
  579.  
  580. .temp1-top-ten {
  581.   color:#333333;
  582.   font-family:Arial;
  583.   font-size:38px;
  584.   font-weight:100;
  585.   padding-bottom:40px;
  586.   padding-top:130px;
  587.   text-align:center;
  588. }
  589.  
  590. .temp1-tip-me {
  591.   color:#333333;
  592.   font-family:Arial;
  593.   font-size:38px;
  594.   font-weight:100;
  595.   padding-bottom:40px;
  596.   padding-top:130px;
  597.   text-align:center;
  598. }
  599.  
  600. .temp1-wish-list {
  601.   color:#333333;
  602.   font-family:Arial;
  603.   font-size:38px;
  604.   font-weight:100;
  605.   padding-bottom:40px;
  606.   padding-top:130px;
  607.   text-align:center;
  608. }
  609.  
  610. .temp1-slider {
  611.   color:#333333;
  612.   font-family:Arial;
  613.   font-size:38px;
  614.   font-weight:100;
  615.   padding-bottom:40px;
  616.   padding-top:130px;
  617.   text-align:center;
  618. }
  619.  
  620. .temp1-title-color {
  621.   background:#0088CC;
  622.   color:#FFFFFF;
  623.   padding-left:10px;
  624.   padding-right:10px;
  625. }
  626.  
  627. /*-----------------[SITE TITLE END]------------------------*/
  628. /*-----------------[HIDE START]------------------------*/
  629. #profile_header_container {
  630.   min-height:0;
  631. }
  632.  
  633. #profile_header_container > .heading {
  634.   display:none;
  635. }
  636.  
  637. #profile_header_container > #blurb_container {
  638.   display:none;
  639. }
  640.  
  641. #profile_header_container > #unix_last_updated_container {
  642.   display:none;
  643. }
  644.  
  645. #avatar_holder {
  646.   display:none;
  647. }
  648.  
  649. #profile_interests_content {
  650.   display:none;
  651. }
  652.  
  653. #about_me_label {
  654.   display:none;
  655. }
  656.  
  657. #footer_bar {
  658.   display:none;
  659. }
  660.  
  661. #header_bar {
  662.   display:none;
  663. }
  664.  
  665. #profile_about_me .heading {
  666.   display:none;
  667. }
  668.  
  669. #new_comment .wall_post_avatar img {
  670.   display:none;
  671. }
  672.  
  673. .photo_gallery_lock {
  674.   display:none;
  675. }
  676. /*-----------------[HIDE END]------------------------*/
  677. /*-----------------[PIC TOP AND TEXT START]------------------------*/
  678. #my-picture-top a {
  679.   background:none repeat scroll 0 0 #0088CC;
  680.   bottom:30%;
  681.   box-shadow:0 0 1px #8F8F8F;
  682.   color:#FFFFFF;
  683.   display:inline-block;
  684.   margin-left:141px;
  685.   padding:7px 14px;
  686.   position:absolute;
  687.   text-decoration:none;
  688.   text-transform:uppercase;
  689. }
  690.  
  691. #my-picture-top img {
  692.   border:12px solid #E6E6E6;
  693.   border-radius:50%;
  694.   height:360px;
  695.   width:360px;
  696. }
  697.  
  698. #my-picture-top {
  699.   height:360px;
  700.   position:absolute;
  701.   top:46px;
  702.   width:360px;
  703. }
  704.  
  705.  
  706. #username_container,#body_type_container,#ethnicity_container,#hair_container,eyes_container,#weight_container,#height_container,#age_container,#city_container,#sexual_preference_container,#marital_status_container,#marital_status_container,#gender_container,#country_container,#gender_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container {
  707.   line-height:10px;
  708.   margin-left:450px;
  709. }
  710.  
  711. #username_container {
  712.   margin-top:50px;
  713. }
  714.  
  715. #about-me-div {
  716.   color:#FFFFFF;
  717.   font-family:Georgia,serif;
  718.   font-size:12px;
  719.   font-style:italic;
  720.   position:absolute;
  721.   text-align:center;
  722.   left:52px;
  723.   top:305px;
  724. }
  725.  
  726. #about-me-txt {
  727.   background:none repeat scroll 0 0 rgba(0,136,204,0.8);
  728.   margin-left:auto;
  729.   margin-right:auto;
  730.   width:280px;
  731. }
  732.  
  733. /*-----------------[PIC TOP AND TEXT END]------------------------*/
  734. /*-----------------[GALLERY VIDEO START]------------------------*/
  735. .view-v {
  736.   border-radius:50%;
  737.   width:349px;
  738.   height:349px;
  739.   margin:10px;
  740.   float:left;
  741.   border:10px solid #fff;
  742.   overflow:hidden;
  743.   position:relative;
  744.   text-align:center;
  745.   -webkit-box-shadow:1px 1px 2px #e6e6e6;
  746.   -moz-box-shadow:1px 1px 2px #e6e6e6;
  747.   box-shadow:1px 1px 2px #e6e6e6;
  748.   cursor:default;
  749. }
  750.  
  751. .view-v .mask,.view-v .content {
  752.   width:350px;
  753.   height:350px;
  754.   position:absolute;
  755.   overflow:hidden;
  756.   top:0;
  757.   left:0;
  758. }
  759.  
  760. .view-v img {
  761.   display:block;
  762.   position:relative;
  763.   overflow:hidden;
  764.   border-radius:50%;
  765. }
  766.  
  767. .view-v h2 {
  768.   text-transform:uppercase;
  769.   color:#fff;
  770.   text-align:center;
  771.   position:relative;
  772.   font-size:17px;
  773.   padding:10px;
  774.   background:rgba(0,0,0,0.8);
  775.   margin:20px 0 0;
  776. }
  777.  
  778. .view-v p {
  779.   font-family:Georgia,serif;
  780.   font-style:italic;
  781.   font-size:12px;
  782.   position:absolute;
  783.   width:310px;
  784.   color:#fff;
  785.   padding:10px 20px;
  786.   text-align:center;
  787.   background-color:rgba(0,136,204,0.8);
  788. }
  789.  
  790. .view-v a.info {
  791.   display:inline-block;
  792.   text-decoration:none;
  793.   padding:7px 14px;
  794.   background:#0088CC;
  795.   color:#fff;
  796.   margin-top:163px;
  797.   top:228px;
  798.   left:110px;
  799.   text-transform:uppercase;
  800.   -webkit-box-shadow:0 0 1px #8F8F8F;
  801.   -moz-box-shadow:0 0 1px #8F8F8F;
  802.   box-shadow:0 0 1px #8F8F8F;
  803. }
  804.  
  805. .view-v a.info: hover {
  806.   -webkit-box-shadow:0 0 5px #000;
  807.   -moz-box-shadow:0 0 5px #000;
  808.   box-shadow:0 0 5px #000;
  809. }
  810.  
  811. .view-video img {
  812.   -webkit-transition:all .4s ease-in-out .5s;
  813.   -moz-transition:all .4s ease-in-out .5s;
  814.   -o-transition:all .4s ease-in-out .5s;
  815.   -ms-transition:all .4s ease-in-out .5s;
  816.   transition:all .4s ease-in-out .5s;
  817. }
  818.  
  819. .view-video .mask {
  820.   background-color:rgba(146,175,225,0.5);
  821.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  822.   filter:alpha(opacity=0);
  823.   opacity:0;
  824.   -webkit-transition:all .3s ease-in .4s;
  825.   -moz-transition:all .3s ease-in .4s;
  826.   -o-transition:all .3s ease-in .4s;
  827.   -ms-transition:all .3s ease-in .4s;
  828.   transition:all .3s ease-in .4s;
  829. }
  830.  
  831. .view-video h2 {
  832.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  833.   filter:alpha(opacity=0);
  834.   opacity:0;
  835.   background-color:rgba(0,136,204,0.8);
  836.   margin:85px 0 0;
  837.   -webkit-transform:scale(10);
  838.   -moz-transform:scale(10);
  839.   -o-transform:scale(10);
  840.   -ms-transform:scale(10);
  841.   transform:scale(10);
  842.   -webkit-transition:all .3s ease-in-out .1s;
  843.   -moz-transition:all .3s ease-in-out .1s;
  844.   -o-transition:all .3s ease-in-out .1s;
  845.   -ms-transition:all .3s ease-in-out .1s;
  846.   transition:all .3s ease-in-out .1s;
  847. }
  848.  
  849. .view-video p {
  850.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  851.   filter:alpha(opacity=0);
  852.   opacity:0;
  853.   -webkit-transform:scale(10);
  854.   -moz-transform:scale(10);
  855.   -o-transform:scale(10);
  856.   -ms-transform:scale(10);
  857.   transform:scale(10);
  858.   -webkit-transition:all .3s ease-in-out .2s;
  859.   -moz-transition:all .3s ease-in-out .2s;
  860.   -o-transition:all .3s ease-in-out .2s;
  861.   -ms-transition:all .3s ease-in-out .2s;
  862.   transition:all .3s ease-in-out .2s;
  863. }
  864.  
  865. .view-video a.info {
  866.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  867.   filter:alpha(opacity=0);
  868.   opacity:0;
  869.   -webkit-transform:translateY(100px);
  870.   -moz-transform:translateY(100px);
  871.   -o-transform:translateY(100px);
  872.   -ms-transform:translateY(100px);
  873.   transform:translateY(100px);
  874.   -webkit-transition:all .3s ease-in-out .1s;
  875.   -moz-transition:all .3s ease-in-out .1s;
  876.   -o-transition:all .3s ease-in-out .1s;
  877.   -ms-transition:all .3s ease-in-out .1s;
  878.   transition:all .3s ease-in-out .1s;
  879. }
  880.  
  881. .view-video:hover .mask {
  882.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  883.   filter:alpha(opacity=100);
  884.   opacity:1;
  885.   -webkit-transition-delay:0;
  886.   -moz-transition-delay:0;
  887.   -o-transition-delay:0;
  888.   -ms-transition-delay:0;
  889.   transition-delay:0;
  890. }
  891.  
  892. .view-video:hover img {
  893.   -webkit-transition-delay:0;
  894.   -moz-transition-delay:0;
  895.   -o-transition-delay:0;
  896.   -ms-transition-delay:0;
  897.   transition-delay:0;
  898. }
  899.  
  900. .view-video:hover h2 {
  901.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  902.   filter:alpha(opacity=100);
  903.   opacity:1;
  904.   -webkit-transform:scale(1);
  905.   -moz-transform:scale(1);
  906.   -o-transform:scale(1);
  907.   -ms-transform:scale(1);
  908.   transform:scale(1);
  909.   -webkit-transition-delay:.1s;
  910.   -moz-transition-delay:.1s;
  911.   -o-transition-delay:.1s;
  912.   -ms-transition-delay:.1s;
  913.   transition-delay:.1s;
  914. }
  915.  
  916. .view-video:hover p {
  917.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  918.   filter:alpha(opacity=100);
  919.   opacity:1;
  920.   -webkit-transform:scale(1);
  921.   -moz-transform:scale(1);
  922.   -o-transform:scale(1);
  923.   -ms-transform:scale(1);
  924.   transform:scale(1);
  925.   -webkit-transition-delay:.2s;
  926.   -moz-transition-delay:.2s;
  927.   -o-transition-delay:.2s;
  928.   -ms-transition-delay:.2s;
  929.   transition-delay:.2s;
  930. }
  931.  
  932. .view-video:hover a.info {
  933.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  934.   filter:alpha(opacity=100);
  935.   opacity:1;
  936.   -webkit-transform:translateY(0px);
  937.   -moz-transform:translateY(0px);
  938.   -o-transform:translateY(0px);
  939.   -ms-transform:translateY(0px);
  940.   transform:translateY(0px);
  941.   -webkit-transition-delay:.3s;
  942.   -moz-transition-delay:.3s;
  943.   -o-transition-delay:.3s;
  944.   -ms-transition-delay:.3s;
  945.   transition-delay:.3s;
  946. }
  947.  
  948. .view-v a.info2 {
  949.   background:none repeat scroll 0 0 #0088CC;
  950.   bottom:60px;
  951.   box-shadow:0 0 1px #8F8F8F;
  952.   color:#FFFFFF;
  953.   display:inline-block;
  954.   padding:7px 14px;
  955.   position:relative;
  956.   text-decoration:none;
  957.   text-transform:uppercase;
  958. }
  959.  
  960. .view-v .mask > img {
  961.   position:absolute;
  962. }
  963.  
  964. /*-----------------[GALLERY VIDEO END]------------------------*/
  965. /*-----------------[GALLERY PICTURES START]------------------------*/
  966. .view-p {
  967.   width:349px;
  968.   height:349px;
  969.   border-radius:50%;
  970.   margin:10px;
  971.   float:left;
  972.   border:10px solid #fff;
  973.   overflow:hidden;
  974.   position:relative;
  975.   text-align:center;
  976.   -webkit-box-shadow:1px 1px 2px #e6e6e6;
  977.   -moz-box-shadow:1px 1px 2px #e6e6e6;
  978.   box-shadow:1px 1px 2px #e6e6e6;
  979.   cursor:default;
  980. }
  981.  
  982. .view-p .mask,.view-p .content {
  983.   width:350px;
  984.   height:350px;
  985.   position:absolute;
  986.   overflow:hidden;
  987.   top:0;
  988.   left:0;
  989. }
  990.  
  991. .view-p img {
  992.   display:block;
  993.   position:relative;
  994.   overflow:hidden;
  995.   border-radius:50%;
  996. }
  997.  
  998. .view-p h2 {
  999.   text-transform:uppercase;
  1000.   color:#fff;
  1001.   text-align:center;
  1002.   position:relative;
  1003.   font-size:17px;
  1004.   padding:10px;
  1005.   background:rgba(0,0,0,0.8);
  1006.   margin:20px 0 0;
  1007. }
  1008.  
  1009. .view-p p {
  1010.   font-family:Georgia,serif;
  1011.   font-style:italic;
  1012.   font-size:12px;
  1013.   position:absolute;
  1014.   width:310px;
  1015.   color:#fff;
  1016.   padding:10px 20px;
  1017.   text-align:center;
  1018.   background-color:rgba(0,136,204,0.8);
  1019. }
  1020.  
  1021. .view-p a.info {
  1022.   display:inline-block;
  1023.   text-decoration:none;
  1024.   padding:7px 14px;
  1025.   background:#0088CC;
  1026.   color:#fff;
  1027.   margin-top:163px;
  1028.   top:228px;
  1029.   left:110px;
  1030.   text-transform:uppercase;
  1031.   -webkit-box-shadow:0 0 1px #8F8F8F;
  1032.   -moz-box-shadow:0 0 1px #8F8F8F;
  1033.   box-shadow:0 0 1px #8F8F8F;
  1034. }
  1035.  
  1036. .view-p a.info: hover {
  1037.   -webkit-box-shadow:0 0 5px #000;
  1038.   -moz-box-shadow:0 0 5px #000;
  1039.   box-shadow:0 0 5px #000;
  1040. }
  1041.  
  1042. .view-picture img {
  1043.   -webkit-transition:all .4s ease-in-out .5s;
  1044.   -moz-transition:all .4s ease-in-out .5s;
  1045.   -o-transition:all .4s ease-in-out .5s;
  1046.   -ms-transition:all .4s ease-in-out .5s;
  1047.   transition:all .4s ease-in-out .5s;
  1048. }
  1049.  
  1050. .view-picture .mask {
  1051.   background-color:rgba(146,175,225,0.5);
  1052.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1053.   filter:alpha(opacity=0);
  1054.   opacity:0;
  1055.   -webkit-transition:all .3s ease-in .4s;
  1056.   -moz-transition:all .3s ease-in .4s;
  1057.   -o-transition:all .3s ease-in .4s;
  1058.   -ms-transition:all .3s ease-in .4s;
  1059.   transition:all .3s ease-in .4s;
  1060. }
  1061.  
  1062. .view-picture h2 {
  1063.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1064.   filter:alpha(opacity=0);
  1065.   opacity:0;
  1066.   background-color:rgba(0,136,204,0.8);
  1067.   margin:85px 0 0;
  1068.   -webkit-transform:scale(10);
  1069.   -moz-transform:scale(10);
  1070.   -o-transform:scale(10);
  1071.   -ms-transform:scale(10);
  1072.   transform:scale(10);
  1073.   -webkit-transition:all .3s ease-in-out .1s;
  1074.   -moz-transition:all .3s ease-in-out .1s;
  1075.   -o-transition:all .3s ease-in-out .1s;
  1076.   -ms-transition:all .3s ease-in-out .1s;
  1077.   transition:all .3s ease-in-out .1s;
  1078. }
  1079.  
  1080. .view-picture p {
  1081.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1082.   filter:alpha(opacity=0);
  1083.   opacity:0;
  1084.   -webkit-transform:scale(10);
  1085.   -moz-transform:scale(10);
  1086.   -o-transform:scale(10);
  1087.   -ms-transform:scale(10);
  1088.   transform:scale(10);
  1089.   -webkit-transition:all .3s ease-in-out .2s;
  1090.   -moz-transition:all .3s ease-in-out .2s;
  1091.   -o-transition:all .3s ease-in-out .2s;
  1092.   -ms-transition:all .3s ease-in-out .2s;
  1093.   transition:all .3s ease-in-out .2s;
  1094. }
  1095.  
  1096. .view-picture a.info {
  1097.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1098.   filter:alpha(opacity=0);
  1099.   opacity:0;
  1100.   -webkit-transform:translateY(100px);
  1101.   -moz-transform:translateY(100px);
  1102.   -o-transform:translateY(100px);
  1103.   -ms-transform:translateY(100px);
  1104.   transform:translateY(100px);
  1105.   -webkit-transition:all .3s ease-in-out .1s;
  1106.   -moz-transition:all .3s ease-in-out .1s;
  1107.   -o-transition:all .3s ease-in-out .1s;
  1108.   -ms-transition:all .3s ease-in-out .1s;
  1109.   transition:all .3s ease-in-out .1s;
  1110. }
  1111.  
  1112. .view-picture:hover .mask {
  1113.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1114.   filter:alpha(opacity=100);
  1115.   opacity:1;
  1116.   -webkit-transition-delay:0;
  1117.   -moz-transition-delay:0;
  1118.   -o-transition-delay:0;
  1119.   -ms-transition-delay:0;
  1120.   transition-delay:0;
  1121. }
  1122.  
  1123. .view-picture:hover img {
  1124.   -webkit-transition-delay:0;
  1125.   -moz-transition-delay:0;
  1126.   -o-transition-delay:0;
  1127.   -ms-transition-delay:0;
  1128.   transition-delay:0;
  1129. }
  1130.  
  1131. .view-picture:hover h2 {
  1132.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1133.   filter:alpha(opacity=100);
  1134.   opacity:1;
  1135.   -webkit-transform:scale(1);
  1136.   -moz-transform:scale(1);
  1137.   -o-transform:scale(1);
  1138.   -ms-transform:scale(1);
  1139.   transform:scale(1);
  1140.   -webkit-transition-delay:.1s;
  1141.   -moz-transition-delay:.1s;
  1142.   -o-transition-delay:.1s;
  1143.   -ms-transition-delay:.1s;
  1144.   transition-delay:.1s;
  1145. }
  1146.  
  1147. .view-picture:hover p {
  1148.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1149.   filter:alpha(opacity=100);
  1150.   opacity:1;
  1151.   -webkit-transform:scale(1);
  1152.   -moz-transform:scale(1);
  1153.   -o-transform:scale(1);
  1154.   -ms-transform:scale(1);
  1155.   transform:scale(1);
  1156.   -webkit-transition-delay:.2s;
  1157.   -moz-transition-delay:.2s;
  1158.   -o-transition-delay:.2s;
  1159.   -ms-transition-delay:.2s;
  1160.   transition-delay:.2s;
  1161. }
  1162.  
  1163. .view-picture:hover a.info {
  1164.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1165.   filter:alpha(opacity=100);
  1166.   opacity:1;
  1167.   -webkit-transform:translateY(0px);
  1168.   -moz-transform:translateY(0px);
  1169.   -o-transform:translateY(0px);
  1170.   -ms-transform:translateY(0px);
  1171.   transform:translateY(0px);
  1172.   -webkit-transition-delay:.3s;
  1173.   -moz-transition-delay:.3s;
  1174.   -o-transition-delay:.3s;
  1175.   -ms-transition-delay:.3s;
  1176.   transition-delay:.3s;
  1177. }
  1178.  
  1179. .view-p a.info2 {
  1180.   background:none repeat scroll 0 0 #0088CC;
  1181.   bottom:60px;
  1182.   box-shadow:0 0 1px #8F8F8F;
  1183.   color:#FFFFFF;
  1184.   display:inline-block;
  1185.   padding:7px 14px;
  1186.   position:relative;
  1187.   text-decoration:none;
  1188.   text-transform:uppercase;
  1189. }
  1190.  
  1191. .view-p .mask > img {
  1192.   position:absolute;
  1193. }
  1194.  
  1195. /*-----------------[GALLERY PICTURES END]------------------------*/
  1196. /*-----------------[RAFFLE START]------------------------*/
  1197. #pricing-table-raffle {
  1198.   margin:0 auto;
  1199.   text-align:center;
  1200.   width:675px;
  1201. /* total computed width = 222 x 3 + 226 */
  1202. }
  1203.  
  1204. #pricing-table-raffle .plan-raffle {
  1205.   font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  1206.   text-shadow:0 1px rgba(255,255,255,.8);
  1207.   background:#fff;
  1208.   border:1px solid #ddd;
  1209.   color:#333;
  1210.   padding:20px;
  1211.   width:180px;
  1212. /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  1213.   float:left;
  1214.   position:relative;
  1215. }
  1216.  
  1217. #pricing-table-raffle #most-popular-raffle {
  1218.   z-index:2;
  1219.   top:-13px;
  1220.   border-width:3px;
  1221.   padding:30px 20px;
  1222.   border-radius:5px;
  1223.   box-shadow:20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15);
  1224. }
  1225.  
  1226. #pricing-table-raffle .plan-raffle:nth-child(1) {
  1227.   border-radius:5px 0 0 5px;
  1228. }
  1229.  
  1230. #pricing-table-raffle .plan-raffle:nth-child(4) {
  1231.   border-radius:0 5px 5px 0;
  1232. }
  1233.  
  1234. /* --------------- */
  1235. #pricing-table-raffle h3 {
  1236.   font-size:20px;
  1237.   font-weight:normal;
  1238.   padding:20px;
  1239.   margin:-20px -20px 50px;
  1240.   background-color:#eee;
  1241.   background-image:linear-gradient(#fff,#eee);
  1242. }
  1243.  
  1244. #pricing-table-raffle #most-popular-raffle h3 {
  1245.   background-color:#ddd;
  1246.   background-image:linear-gradient(#eee,#ddd);
  1247.   margin-top:-30px;
  1248.   padding-top:30px;
  1249.   border-radius:5px 5px 0 0;
  1250. }
  1251.  
  1252. #pricing-table-raffle .plan-raffle:nth-child(1) h3 {
  1253.   border-radius:5px 0 0 0;
  1254. }
  1255.  
  1256. #pricing-table-raffle .plan-raffle:nth-child(4) h3 {
  1257.   border-radius:0 5px 0 0;
  1258. }
  1259.  
  1260. #pricing-table-raffle h3 span {
  1261.   display:block;
  1262.   font:bold 18px/100px Arial,Serif;
  1263.   color:#777;
  1264.   background:#fff;
  1265.   border:5px solid #fff;
  1266.   height:100px;
  1267.   width:100px;
  1268.   margin:10px auto -65px;
  1269.   border-radius:100px;
  1270.   box-shadow:0 5px 20px #ddd inset,0 3px 0 #999 inset;
  1271. }
  1272.  
  1273. /* --------------- */
  1274. #pricing-table-raffle ul {
  1275.   margin:20px 0 0;
  1276.   padding:0;
  1277.   list-style:none;
  1278.   color:#717171;
  1279. }
  1280.  
  1281. #pricing-table-raffle li {
  1282.   border-top:1px solid #ddd;
  1283.   padding:10px 0;
  1284. }
  1285.  
  1286. /* --------------- */
  1287. #pricing-table-raffle .signup-raffle {
  1288.   position:relative;
  1289.   padding:8px 20px;
  1290.   margin:20px 0 0;
  1291.   color:#fff;
  1292.   font:bold 14px Arial,Helvetica;
  1293.   text-transform:uppercase;
  1294.   text-decoration:none;
  1295.   display:inline-block;
  1296.   background-color:#0088CC;
  1297.   border-radius:3px;
  1298.   text-shadow:0 1px 0 rgba(0,0,0,.3);
  1299.   box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);
  1300. }
  1301.  
  1302. #pricing-table-raffle .signup-raffle:hover {
  1303.   background-color:#0088CC;
  1304. }
  1305.  
  1306. #pricing-table-raffle .signup-raffle:active,#pricing-table-raffle .signup-raffle:focus {
  1307.   background:#0088CC;
  1308.   top:2px;
  1309.   box-shadow:0 0 3px rgba(0,0,0,.7) inset;
  1310. }
  1311.  
  1312. /* --------------- */
  1313. .clear-raffle:before,.clear-raffle:after {
  1314.   content:"";
  1315.   display:table;
  1316. }
  1317.  
  1318. .clear-raffle:after {
  1319.   clear:both;
  1320. }
  1321.  
  1322. .clear-raffle {
  1323.   zoom:1;
  1324. }
  1325.  
  1326. /*-----------------[RAFFLE END]------------------------*/
  1327. /*-----------------[TOP PIC FLIP START]------------------------*/
  1328. .flip3D {
  1329.   width:360px;
  1330.   height:360px;
  1331.   float:left;
  1332. }
  1333.  
  1334. .flip3D > .front {
  1335.   position:absolute;
  1336.   -webkit-transform:perspective(600px) rotateY(0deg);
  1337.   transform:perspective(600px) rotateY(0deg);
  1338.   border-radius:7px;
  1339.   -webkit-backface-visibility:hidden;
  1340.   backface-visibility:hidden;
  1341.   transition:-webkit-transform .5s linear 0;
  1342.   transition:transform .5s linear 0;
  1343. }
  1344.  
  1345. .flip3D > .back {
  1346.   position:absolute;
  1347.   -webkit-transform:perspective(600px) rotateY(180deg);
  1348.   transform:perspective(600px) rotateY(180deg);
  1349.   -webkit-backface-visibility:hidden;
  1350.   backface-visibility:hidden;
  1351.   transition:-webkit-transform .5s linear 0;
  1352.   transition:transform .5s linear 0;
  1353. }
  1354.  
  1355. .flip3D:hover > .front {
  1356.   -webkit-transform:perspective(600px) rotateY(-180deg);
  1357.   transform:perspective(600px) rotateY(-180deg);
  1358. }
  1359.  
  1360. .flip3D:hover > .back {
  1361.   -webkit-transform:perspective(600px) rotateY(0deg);
  1362.   transform:perspective(600px) rotateY(0deg);
  1363. }
  1364.  
  1365. /*-----------------[TOP PIC FLIP END]------------------------*/
  1366. /*-----------------[PRICE LIST START]------------------------*/
  1367. #pricing-table {
  1368.   margin:0 auto;
  1369.   text-align:center;
  1370.   width:675px;
  1371. /* total computed width = 222 x 3 + 226 */
  1372. }
  1373.  
  1374. #pricing-table .plan {
  1375.   font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  1376.   text-shadow:0 1px rgba(255,255,255,.8);
  1377.   background:#fff;
  1378.   border:1px solid #ddd;
  1379.   color:#333;
  1380.   padding:20px;
  1381.   width:180px;
  1382. /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */
  1383.   float:left;
  1384.   position:relative;
  1385. }
  1386.  
  1387. #pricing-table #most-popular {
  1388.   z-index:2;
  1389.   top:-13px;
  1390.   border-width:3px;
  1391.   padding:30px 20px;
  1392.   border-radius:5px;
  1393.   box-shadow:20px 0 10px -10px rgba(0,0,0,.15),-20px 0 10px -10px rgba(0,0,0,.15);
  1394. }
  1395.  
  1396. #pricing-table .plan:nth-child(1) {
  1397.   border-radius:5px 0 0 5px;
  1398. }
  1399.  
  1400. #pricing-table .plan:nth-child(4) {
  1401.   border-radius:0 5px 5px 0;
  1402. }
  1403.  
  1404. /* --------------- */
  1405. #pricing-table h3 {
  1406.   font-size:20px;
  1407.   font-weight:normal;
  1408.   padding:20px;
  1409.   margin:-20px -20px 50px;
  1410.   background-color:#eee;
  1411.   background-image:linear-gradient(#fff,#eee);
  1412. }
  1413.  
  1414. #pricing-table #most-popular h3 {
  1415.   background-color:#ddd;
  1416.   background-image:linear-gradient(#eee,#ddd);
  1417.   margin-top:-30px;
  1418.   padding-top:30px;
  1419.   border-radius:5px 5px 0 0;
  1420. }
  1421.  
  1422. #pricing-table .plan:nth-child(1) h3 {
  1423.   border-radius:5px 0 0 0;
  1424. }
  1425.  
  1426. #pricing-table .plan:nth-child(4) h3 {
  1427.   border-radius:0 5px 0 0;
  1428. }
  1429.  
  1430. #pricing-table h3 span {
  1431.   display:block;
  1432.   font:bold 18px/100px Arial,Serif;
  1433.   color:#777;
  1434.   background:#fff;
  1435.   border:5px solid #fff;
  1436.   height:100px;
  1437.   width:100px;
  1438.   margin:10px auto -65px;
  1439.   border-radius:100px;
  1440.   box-shadow:0 5px 20px #ddd inset,0 3px 0 #999 inset;
  1441. }
  1442.  
  1443. /* --------------- */
  1444. #pricing-table ul {
  1445.   margin:20px 0 0;
  1446.   padding:0;
  1447.   list-style:none;
  1448.   color:#717171;
  1449. }
  1450.  
  1451. #pricing-table li {
  1452.   border-top:1px solid #ddd;
  1453.   padding:10px 0;
  1454. }
  1455.  
  1456. /* --------------- */
  1457. #pricing-table .signup {
  1458.   position:relative;
  1459.   padding:8px 20px;
  1460.   margin:20px 0 0;
  1461.   color:#fff;
  1462.   font:bold 14px Arial,Helvetica;
  1463.   text-transform:uppercase;
  1464.   text-decoration:none;
  1465.   display:inline-block;
  1466.   background-color:#0088CC;
  1467.   border-radius:3px;
  1468.   text-shadow:0 1px 0 rgba(0,0,0,.3);
  1469.   box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);
  1470. }
  1471.  
  1472. #pricing-table .signup:hover {
  1473.   background-color:#0088CC;
  1474. }
  1475.  
  1476. #pricing-table .signup:active,#pricing-table .signup:focus {
  1477.   background:#0088CC;
  1478.   top:2px;
  1479.   box-shadow:0 0 3px rgba(0,0,0,.7) inset;
  1480. }
  1481.  
  1482. /* --------------- */
  1483. .clear:before,.clear:after {
  1484.   content:"";
  1485.   display:table;
  1486. }
  1487.  
  1488. .clear:after {
  1489.   clear:both;
  1490. }
  1491.  
  1492. .clear {
  1493.   zoom:1;
  1494. }
  1495.  
  1496. /*-----------------[PRICE LIS END]------------------------*/
  1497. /*-----------------[RULES START]------------------------*/
  1498. #my-rules {
  1499.   margin:0 auto;
  1500.   width:675px;
  1501. }
  1502.  
  1503. #my-rules .rules {
  1504.   background:none repeat scroll 0 0 #FFFFFF;
  1505.   border:1px solid #DDDDDD;
  1506.   color:#333333;
  1507.   float:left;
  1508.   font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  1509.   padding:20px;
  1510.   position:relative;
  1511.   text-shadow:0 1px rgba(255,255,255,0.8);
  1512.   width:630px;
  1513. }
  1514.  
  1515. #my-rules h3 {
  1516.   background-color:#EEEEEE;
  1517.   background-image:linear-gradient(#FFFFFF,#EEEEEE);
  1518.   font-size:20px;
  1519.   font-weight:normal;
  1520.   margin:-20px -20px 50px;
  1521.   padding:20px;
  1522.   text-align:center;
  1523. }
  1524.  
  1525. #my-rules ul {
  1526.   list-style:decimal inside none;
  1527.   margin:0 0 40px;
  1528.   padding:0;
  1529.   color:#717171;
  1530.   font-family:tahoma;
  1531.   font-size:13px;
  1532. }
  1533.  
  1534. #my-rules li {
  1535.   border-bottom:1px solid #DDDDDD;
  1536.   padding:10px 40px;
  1537. }
  1538.  
  1539. /*-----------------[RULES END]------------------------*/
  1540. /*-----------------[TOP 10 START]------------------------*/
  1541. .first-top-ten {
  1542.   color:#0088CC;
  1543.   font-size:15px;
  1544.   font-weight:bold;
  1545. }
  1546.  
  1547. #top-ten {
  1548.   margin:0 auto;
  1549.   width:675px;
  1550. }
  1551.  
  1552. #top-ten .topten {
  1553.   background:none repeat scroll 0 0 #FFFFFF;
  1554.   border:1px solid #DDDDDD;
  1555.   color:#333333;
  1556.   float:left;
  1557.   font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  1558.   padding:20px;
  1559.   position:relative;
  1560.   text-shadow:0 1px rgba(255,255,255,0.8);
  1561.   width:630px;
  1562. }
  1563.  
  1564. #top-ten h3 {
  1565.   background-color:#EEEEEE;
  1566.   background-image:linear-gradient(#FFFFFF,#EEEEEE);
  1567.   font-size:20px;
  1568.   font-weight:normal;
  1569.   margin:-20px -20px 50px;
  1570.   padding:20px;
  1571.   text-align:center;
  1572. }
  1573.  
  1574. #top-ten ul {
  1575.   color:#717171;
  1576.   font-family:tahoma;
  1577.   font-size:13px;
  1578.   list-style:decimal inside none;
  1579.   margin:0 170px 40px;
  1580.   padding:0;
  1581. }
  1582.  
  1583. #top-ten li {
  1584.   border-bottom:1px solid #DDDDDD;
  1585.   padding:10px 0;
  1586. }
  1587.  
  1588. .top-ten-right {
  1589.   float:right;
  1590. }
  1591.  
  1592. /*-----------------[TOP 10 END]------------------------*/
  1593. /*-----------------[TIP ME START]------------------------*/
  1594. #tip-me {
  1595.   margin:0 auto;
  1596.   width:675px;
  1597. }
  1598.  
  1599. .tip-me-right {
  1600.   float:right;
  1601. }
  1602.  
  1603. #tip-me a {
  1604.   text-decoration:none;
  1605. }
  1606.  
  1607. #tip-me a:hover {
  1608.   text-decoration:none;
  1609.   color:#0088cc;
  1610. }
  1611.  
  1612. #tip-me .tip {
  1613.   background:none repeat scroll 0 0 #FFFFFF;
  1614.   border:1px solid #DDDDDD;
  1615.   color:#333333;
  1616.   float:left;
  1617.   font:12px 'Lucida Sans','trebuchet MS',Arial,Helvetica;
  1618.   padding:20px;
  1619.   position:relative;
  1620.   text-shadow:0 1px rgba(255,255,255,0.8);
  1621.   width:630px;
  1622. }
  1623.  
  1624. #tip-me h3 {
  1625.   background-color:#EEEEEE;
  1626.   background-image:linear-gradient(#FFFFFF,#EEEEEE);
  1627.   font-size:20px;
  1628.   font-weight:normal;
  1629.   margin:-20px -20px 50px;
  1630.   padding:20px;
  1631.   text-align:center;
  1632. }
  1633.  
  1634. #tip-me ul {
  1635.   list-style:none;
  1636.   margin:0 0 40px;
  1637.   padding:0;
  1638.   color:#717171;
  1639.   font-family:tahoma;
  1640.   font-size:13px;
  1641. }
  1642.  
  1643. #tip-me li {
  1644.   border-bottom:1px solid #DDDDDD;
  1645.   padding:10px 40px;
  1646. }
  1647.  
  1648. /*-----------------[TIP ME END]------------------------*/
  1649. /*-----------------[WISH LIST START]------------------------*/
  1650. .view-wl {
  1651.   width:349px;
  1652.   height:349px;
  1653.   border-radius:50%;
  1654.   margin:10px;
  1655.   float:left;
  1656.   border:10px solid #fff;
  1657.   overflow:hidden;
  1658.   position:relative;
  1659.   text-align:center;
  1660.   -webkit-box-shadow:1px 1px 2px #e6e6e6;
  1661.   -moz-box-shadow:1px 1px 2px #e6e6e6;
  1662.   box-shadow:1px 1px 2px #e6e6e6;
  1663.   cursor:default;
  1664. }
  1665.  
  1666. .view-wl .mask,.view-wl .content {
  1667.   width:350px;
  1668.   height:350px;
  1669.   position:absolute;
  1670.   overflow:hidden;
  1671.   top:0;
  1672.   left:0;
  1673. }
  1674.  
  1675. .view-wl img {
  1676.   display:block;
  1677.   position:relative;
  1678.   overflow:hidden;
  1679.   border-radius:50%;
  1680. }
  1681.  
  1682. .view-wl h2 {
  1683.   text-transform:uppercase;
  1684.   color:#fff;
  1685.   text-align:center;
  1686.   position:relative;
  1687.   font-size:17px;
  1688.   padding:10px;
  1689.   background:rgba(0,0,0,0.8);
  1690.   margin:20px 0 0;
  1691. }
  1692.  
  1693. .view-wl p {
  1694.   font-family:Georgia,serif;
  1695.   font-style:italic;
  1696.   font-size:12px;
  1697.   position:absolute;
  1698.   width:310px;
  1699.   color:#fff;
  1700.   padding:10px 20px;
  1701.   text-align:center;
  1702.   background-color:rgba(0,136,204,0.8);
  1703. }
  1704.  
  1705. .view-wl a.info {
  1706.   display:inline-block;
  1707.   text-decoration:none;
  1708.   padding:7px 14px;
  1709.   background:#0088CC;
  1710.   color:#fff;
  1711.   margin-top:164px;
  1712.   top:226px;
  1713.   left:118px;
  1714.   text-transform:uppercase;
  1715.   -webkit-box-shadow:0 0 1px #8F8F8F;
  1716.   -moz-box-shadow:0 0 1px #8F8F8F;
  1717.   box-shadow:0 0 1px #8F8F8F;
  1718. }
  1719.  
  1720. .view-wl a.info: hover {
  1721.   -webkit-box-shadow:0 0 5px #000;
  1722.   -moz-box-shadow:0 0 5px #000;
  1723.   box-shadow:0 0 5px #000;
  1724. }
  1725.  
  1726. .view-wish-list img {
  1727.   -webkit-transition:all .4s ease-in-out .5s;
  1728.   -moz-transition:all .4s ease-in-out .5s;
  1729.   -o-transition:all .4s ease-in-out .5s;
  1730.   -ms-transition:all .4s ease-in-out .5s;
  1731.   transition:all .4s ease-in-out .5s;
  1732. }
  1733.  
  1734. .view-wish-list .mask {
  1735.   background-color:rgba(146,175,225,0.5);
  1736.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1737.   filter:alpha(opacity=0);
  1738.   opacity:0;
  1739.   -webkit-transition:all .3s ease-in .4s;
  1740.   -moz-transition:all .3s ease-in .4s;
  1741.   -o-transition:all .3s ease-in .4s;
  1742.   -ms-transition:all .3s ease-in .4s;
  1743.   transition:all .3s ease-in .4s;
  1744. }
  1745.  
  1746. .view-wish-list h2 {
  1747.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1748.   filter:alpha(opacity=0);
  1749.   opacity:0;
  1750.   background-color:rgba(0,136,204,0.8);
  1751.   margin:85px 0 0;
  1752.   -webkit-transform:scale(10);
  1753.   -moz-transform:scale(10);
  1754.   -o-transform:scale(10);
  1755.   -ms-transform:scale(10);
  1756.   transform:scale(10);
  1757.   -webkit-transition:all .3s ease-in-out .1s;
  1758.   -moz-transition:all .3s ease-in-out .1s;
  1759.   -o-transition:all .3s ease-in-out .1s;
  1760.   -ms-transition:all .3s ease-in-out .1s;
  1761.   transition:all .3s ease-in-out .1s;
  1762. }
  1763.  
  1764. .view-wish-list p {
  1765.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1766.   filter:alpha(opacity=0);
  1767.   opacity:0;
  1768.   -webkit-transform:scale(10);
  1769.   -moz-transform:scale(10);
  1770.   -o-transform:scale(10);
  1771.   -ms-transform:scale(10);
  1772.   transform:scale(10);
  1773.   -webkit-transition:all .3s ease-in-out .2s;
  1774.   -moz-transition:all .3s ease-in-out .2s;
  1775.   -o-transition:all .3s ease-in-out .2s;
  1776.   -ms-transition:all .3s ease-in-out .2s;
  1777.   transition:all .3s ease-in-out .2s;
  1778. }
  1779.  
  1780. .view-wish-list a.info {
  1781.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1782.   filter:alpha(opacity=0);
  1783.   opacity:0;
  1784.   -webkit-transform:translateY(100px);
  1785.   -moz-transform:translateY(100px);
  1786.   -o-transform:translateY(100px);
  1787.   -ms-transform:translateY(100px);
  1788.   transform:translateY(100px);
  1789.   -webkit-transition:all .3s ease-in-out .1s;
  1790.   -moz-transition:all .3s ease-in-out .1s;
  1791.   -o-transition:all .3s ease-in-out .1s;
  1792.   -ms-transition:all .3s ease-in-out .1s;
  1793.   transition:all .3s ease-in-out .1s;
  1794. }
  1795.  
  1796. .view-wish-list:hover .mask {
  1797.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1798.   filter:alpha(opacity=100);
  1799.   opacity:1;
  1800.   -webkit-transition-delay:0;
  1801.   -moz-transition-delay:0;
  1802.   -o-transition-delay:0;
  1803.   -ms-transition-delay:0;
  1804.   transition-delay:0;
  1805. }
  1806.  
  1807. .view-wish-list:hover img {
  1808.   -webkit-transition-delay:0;
  1809.   -moz-transition-delay:0;
  1810.   -o-transition-delay:0;
  1811.   -ms-transition-delay:0;
  1812.   transition-delay:0;
  1813. }
  1814.  
  1815. .view-wish-list:hover h2 {
  1816.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1817.   filter:alpha(opacity=100);
  1818.   opacity:1;
  1819.   -webkit-transform:scale(1);
  1820.   -moz-transform:scale(1);
  1821.   -o-transform:scale(1);
  1822.   -ms-transform:scale(1);
  1823.   transform:scale(1);
  1824.   -webkit-transition-delay:.1s;
  1825.   -moz-transition-delay:.1s;
  1826.   -o-transition-delay:.1s;
  1827.   -ms-transition-delay:.1s;
  1828.   transition-delay:.1s;
  1829. }
  1830.  
  1831. .view-wish-list:hover p {
  1832.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1833.   filter:alpha(opacity=100);
  1834.   opacity:1;
  1835.   -webkit-transform:scale(1);
  1836.   -moz-transform:scale(1);
  1837.   -o-transform:scale(1);
  1838.   -ms-transform:scale(1);
  1839.   transform:scale(1);
  1840.   -webkit-transition-delay:.2s;
  1841.   -moz-transition-delay:.2s;
  1842.   -o-transition-delay:.2s;
  1843.   -ms-transition-delay:.2s;
  1844.   transition-delay:.2s;
  1845. }
  1846.  
  1847. .view-wish-list:hover a.info {
  1848.   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1849.   filter:alpha(opacity=100);
  1850.   opacity:1;
  1851.   -webkit-transform:translateY(0px);
  1852.   -moz-transform:translateY(0px);
  1853.   -o-transform:translateY(0px);
  1854.   -ms-transform:translateY(0px);
  1855.   transform:translateY(0px);
  1856.   -webkit-transition-delay:.3s;
  1857.   -moz-transition-delay:.3s;
  1858.   -o-transition-delay:.3s;
  1859.   -ms-transition-delay:.3s;
  1860.   transition-delay:.3s;
  1861. }
  1862.  
  1863. .view-wl a.info2 {
  1864.   background:none repeat scroll 0 0 #0088CC;
  1865.   bottom:60px;
  1866.   box-shadow:0 0 1px #8F8F8F;
  1867.   color:#FFFFFF;
  1868.   display:inline-block;
  1869.   padding:7px 14px;
  1870.   position:relative;
  1871.   text-decoration:none;
  1872.   text-transform:uppercase;
  1873. }
  1874.  
  1875. .view-wl .mask > img {
  1876.   position:absolute;
  1877. }
  1878.  
  1879. /*-----------------[WISH LIST END]------------------------*/
  1880. /*-----------------[SLIDER START]------------------------*/
  1881. #slider {
  1882.   width:640px;
  1883.   height:320px;
  1884.   margin:0 auto;
  1885.   background:#fff;
  1886.   overflow:visible;
  1887.   -moz-transition:all 150ms ease-in;
  1888.   -webkit-transition:all 150ms ease-in;
  1889.   -o-transition:all 150ms ease-in;
  1890.   position:relative;
  1891.   transform:rotate(0deg);
  1892.   -ms-transform:rotate(0deg);
  1893.   -moz-transform:rotate(0deg);
  1894.   -webkit-transform:rotate(0deg);
  1895.   -o-transform:rotate(0deg);
  1896. }
  1897.  
  1898. #slider-shadow {
  1899.   width:640px;
  1900.   height:320px;
  1901.   margin:0 auto;
  1902.   position:relative;
  1903.   background:#fff;
  1904.   box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
  1905.   -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
  1906.   -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
  1907. }
  1908.  
  1909. #slider-shadow:before,#slider-shadow:after {
  1910.   content:'';
  1911.   position:absolute;
  1912.   width:60%;
  1913.   height:20px;
  1914.   -webkit-box-shadow:0 8px 16px rgba(0,0,0,0.5);
  1915.   -moz-box-shadow:0 8px 16px rgba(0,0,0,0.5);
  1916.   -ms-box-shadow:0 8px 16px rgba(0,0,0,0.5);
  1917.   -o-box-shadow:0 8px 16px rgba(0,0,0,0.5);
  1918.   box-shadow:0 8px 16px rgba(0,0,0,0.5);
  1919.   -webkit-transform:rotate(-4deg) skew(-10deg);
  1920.   -moz-transform:rotate(-4deg) skew(-10deg);
  1921.   -o-transform:rotate(-4deg) skew(-10deg);
  1922.   -ms-transform:rotate(-4deg) skew(-10deg);
  1923.   transform:rotate(-4deg) skew(-10deg);
  1924.   left:10px;
  1925.   bottom:13px;
  1926.   z-index:-1;
  1927. }
  1928.  
  1929. #slider-shadow:after {
  1930.   left:auto;
  1931.   right:10px;
  1932.   -webkit-transform:rotate(4deg) skew(10deg);
  1933.   -moz-transform:rotate(4deg) skew(10deg);
  1934.   -o-transform:rotate(4deg) skew(10deg);
  1935.   -ms-transform:rotate(4deg) skew(10deg);
  1936.   transform:rotate(4deg) skew(10deg);
  1937. }
  1938.  
  1939. #mask {
  1940.   overflow:hidden;
  1941. }
  1942.  
  1943. #slider-shadow:hover {
  1944.   background-color:#fff;
  1945.   -webkit-animation:rotatey 400ms ease-out;
  1946.   -moz-animation:rotatey 400ms ease-out;
  1947. }
  1948.  
  1949. #slider:hover #pause {
  1950.   opacity:.8;
  1951. }
  1952.  
  1953. #slider:hover #progress {
  1954.   background-color:rgba(255,255,255,0.0);
  1955. }
  1956.  
  1957. #slider:hover ul,#slider:hover #progress,#slider:hover #overlay {
  1958.   -moz-animation-play-state:paused;
  1959.   -webkit-animation-play-state:paused;
  1960. }
  1961.  
  1962. #pause {
  1963.   width:640px;
  1964.   height:320px;
  1965.   position:absolute;
  1966.   top:0;
  1967.   opacity:0;
  1968.   background-image:url(http://s27.postimg.org/ryq4pxayn/gtk_media_pause.png);
  1969.   background-position:center;
  1970.   background-repeat:no-repeat;
  1971.   pointer-events:none;
  1972.   -moz-transition:all 150ms ease-in;
  1973.   -webkit-transition:all 150ms ease-in;
  1974.   -o-transition:all 150ms ease-in;
  1975. }
  1976.  
  1977. #overlay {
  1978.   width:640px;
  1979.   height:320px;
  1980.   position:absolute;
  1981.   top:0;
  1982.   background-image:url(http://w.noimage.png);
  1983.   background-position:center;
  1984.   background-repeat:no-repeat;
  1985.   pointer-events:none;
  1986.   -moz-transition:all 150ms ease-in;
  1987.   -webkit-transition:all 150ms ease-in;
  1988.   -o-transition:all 150ms ease-in;
  1989.   opacity:.5;
  1990.   -moz-animation:overlay-fade 18s infinite;
  1991.   -webkit-animation:overlay-fade 18s infinite;
  1992. }
  1993.  
  1994. #progress {
  1995.   width:1px;
  1996.   height:3px;
  1997.   background:none repeat scroll 0 0 rgba(0,136,204,0.8);
  1998.   -moz-animation:progress 18s infinite;
  1999.   -webkit-animation:progress 18s infinite;
  2000.   position:relative;
  2001.   top:-3px;
  2002.   -moz-transition:all 150ms ease-in;
  2003.   -webkit-transition:all 150ms ease-in;
  2004.   -o-transition:all 150ms ease-in;
  2005. }
  2006.  
  2007. #slider ul {
  2008.   width:2560px;
  2009.   list-style:none;
  2010.   padding:0;
  2011.   margin:0;
  2012.   -moz-animation:slide-animation 18s infinite;
  2013.   -webkit-animation:slide-animation 18s infinite;
  2014.   position:relative;
  2015.   left:0;
  2016. }
  2017.  
  2018. #slider li {
  2019.   display:inline;
  2020.   width:640px;
  2021.   height:320px;
  2022.   margin:0;
  2023.   padding:0;
  2024.   float:left;
  2025.   position:relative;
  2026.   background-image:url(http://i62.tinypic.com/2m7cie1.gif);
  2027.   background-position:50% 50%;
  2028.   background-repeat:no-repeat;
  2029. }
  2030.  
  2031. #slider li:last-of-type {
  2032.   background-color:#362c30;
  2033. }
  2034.  
  2035. #slider li a {
  2036.   display:block;
  2037.   text-decoration:none;
  2038. }
  2039.  
  2040. #slider li .slider-span {
  2041.   display:block;
  2042.   width:100%;
  2043.   padding:15px 20px;
  2044.   position:absolute;
  2045.   bottom:0;
  2046.   left:0;
  2047.   background-color:rgba(0,0,0,0.4);
  2048.   text-shadow:1px 1px 1px #362c30;
  2049.   pointer-events:none;
  2050.   text-align:left;
  2051. }
  2052.  
  2053. @-webkit-keyframes slide-animation {
  2054.   0% {
  2055.     left:0;
  2056.     opacity:1;
  2057.   }
  2058.  
  2059.   2% {
  2060.     opacity:1;
  2061.   }
  2062.  
  2063.   20% {
  2064.     left:0;
  2065.     opacity:1;
  2066.   }
  2067.  
  2068.   22.5% {
  2069.     opacity:.6;
  2070.   }
  2071.  
  2072.   25% {
  2073.     left:-640px;
  2074.     opacity:1;
  2075.   }
  2076.  
  2077.   45% {
  2078.     left:-640px;
  2079.     opacity:1;
  2080.   }
  2081.  
  2082.   47.5% {
  2083.     opacity:.6;
  2084.   }
  2085.  
  2086.   50% {
  2087.     left:-1280px;
  2088.     opacity:1;
  2089.   }
  2090.  
  2091.   70% {
  2092.     left:-1280px;
  2093.     opacity:1;
  2094.   }
  2095.  
  2096.   72.5% {
  2097.     opacity:.6;
  2098.   }
  2099.  
  2100.   75% {
  2101.     left:-1920px;
  2102.     opacity:1;
  2103.   }
  2104.  
  2105.   95% {
  2106.     opacity:1;
  2107.   }
  2108.  
  2109.   98% {
  2110.     left:-1920px;
  2111.     opacity:1;
  2112.   }
  2113.  
  2114.   100% {
  2115.     left:0;
  2116.     opacity:1;
  2117.   }
  2118. }
  2119.  
  2120. @-moz-keyframes slide-animation {
  2121.   0% {
  2122.     left:0;
  2123.     opacity:1;
  2124.   }
  2125.  
  2126.   2% {
  2127.     opacity:1;
  2128.   }
  2129.  
  2130.   20% {
  2131.     left:0;
  2132.     opacity:1;
  2133.   }
  2134.  
  2135.   22.5% {
  2136.     opacity:.6;
  2137.   }
  2138.  
  2139.   25% {
  2140.     left:-640px;
  2141.     opacity:1;
  2142.   }
  2143.  
  2144.   45% {
  2145.     left:-640px;
  2146.     opacity:1;
  2147.   }
  2148.  
  2149.   47.5% {
  2150.     opacity:.6;
  2151.   }
  2152.  
  2153.   50% {
  2154.     left:-1280px;
  2155.     opacity:1;
  2156.   }
  2157.  
  2158.   70% {
  2159.     left:-1280px;
  2160.     opacity:1;
  2161.   }
  2162.  
  2163.   72.5% {
  2164.     opacity:.6;
  2165.   }
  2166.  
  2167.   75% {
  2168.     left:-1920px;
  2169.     opacity:1;
  2170.   }
  2171.  
  2172.   95% {
  2173.     opacity:1;
  2174.   }
  2175.  
  2176.   98% {
  2177.     left:-1920px;
  2178.     opacity:1;
  2179.   }
  2180.  
  2181.   100% {
  2182.     left:0;
  2183.     opacity:1;
  2184.   }
  2185. }
  2186.  
  2187. @-webkit-keyframes progress {
  2188.   0% {
  2189.     width:0;
  2190.     opacity:0;
  2191.   }
  2192.  
  2193.   2% {
  2194.     width:0;
  2195.     opacity:1;
  2196.   }
  2197.  
  2198.   20% {
  2199.     width:640px;
  2200.     opacity:1;
  2201.   }
  2202.  
  2203.   22.5% {
  2204.     width:640px;
  2205.     opacity:0;
  2206.   }
  2207.  
  2208.   22.59% {
  2209.     width:0;
  2210.   }
  2211.  
  2212.   25% {
  2213.     width:0;
  2214.     opacity:1;
  2215.   }
  2216.  
  2217.   45% {
  2218.     width:640px;
  2219.     opacity:1;
  2220.   }
  2221.  
  2222.   47.5% {
  2223.     width:640px;
  2224.     opacity:0;
  2225.   }
  2226.  
  2227.   47.59% {
  2228.     width:0;
  2229.   }
  2230.  
  2231.   50% {
  2232.     width:0;
  2233.     opacity:1;
  2234.   }
  2235.  
  2236.   70% {
  2237.     width:640px;
  2238.     opacity:1;
  2239.   }
  2240.  
  2241.   72.5% {
  2242.     width:640px;
  2243.     opacity:0;
  2244.   }
  2245.  
  2246.   72.59% {
  2247.     width:0;
  2248.   }
  2249.  
  2250.   75% {
  2251.     width:0;
  2252.     opacity:1;
  2253.   }
  2254.  
  2255.   95% {
  2256.     width:640px;
  2257.     opacity:1;
  2258.   }
  2259.  
  2260.   98% {
  2261.     width:640px;
  2262.     opacity:0;
  2263.   }
  2264.  
  2265.   100% {
  2266.     width:0;
  2267.     opacity:0;
  2268.   }
  2269. }
  2270.  
  2271. @-moz-keyframes progress {
  2272.   0% {
  2273.     width:0;
  2274.     opacity:0;
  2275.   }
  2276.  
  2277.   2% {
  2278.     width:0;
  2279.     opacity:1;
  2280.   }
  2281.  
  2282.   20% {
  2283.     width:640px;
  2284.     opacity:1;
  2285.   }
  2286.  
  2287.   22.5% {
  2288.     width:640px;
  2289.     opacity:0;
  2290.   }
  2291.  
  2292.   22.59% {
  2293.     width:0;
  2294.   }
  2295.  
  2296.   25% {
  2297.     width:0;
  2298.     opacity:1;
  2299.   }
  2300.  
  2301.   45% {
  2302.     width:640px;
  2303.     opacity:1;
  2304.   }
  2305.  
  2306.   47.5% {
  2307.     width:640px;
  2308.     opacity:0;
  2309.   }
  2310.  
  2311.   47.59% {
  2312.     width:0;
  2313.   }
  2314.  
  2315.   50% {
  2316.     width:0;
  2317.     opacity:1;
  2318.   }
  2319.  
  2320.   70% {
  2321.     width:640px;
  2322.     opacity:1;
  2323.   }
  2324.  
  2325.   72.5% {
  2326.     width:640px;
  2327.     opacity:0;
  2328.   }
  2329.  
  2330.   72.59% {
  2331.     width:0;
  2332.   }
  2333.  
  2334.   75% {
  2335.     width:0;
  2336.     opacity:1;
  2337.   }
  2338.  
  2339.   95% {
  2340.     width:640px;
  2341.     opacity:1;
  2342.   }
  2343.  
  2344.   98% {
  2345.     width:640px;
  2346.     opacity:0;
  2347.   }
  2348.  
  2349.   100% {
  2350.     width:0;
  2351.     opacity:0;
  2352.   }
  2353. }
  2354.  
  2355. @-webkit-keyframes rotatey {
  2356.   0% {
  2357.     transform:rotate(0deg);
  2358.     -ms-transform:rotate(0deg);
  2359.     -moz-transform:rotate(0deg);
  2360.     -webkit-transform:rotate(0deg);
  2361.     -o-transform:rotate(0deg);
  2362.   }
  2363.  
  2364.   25% {
  2365.     transform:rotate(1deg);
  2366.     -ms-transform:rotate(1deg);
  2367.     -moz-transform:rotate(1deg);
  2368.     -webkit-transform:rotate(1deg);
  2369.     -o-transform:rotate(1deg);
  2370.   }
  2371.  
  2372.   50% {
  2373.     transform:rotate(-1deg);
  2374.     -ms-transform:rotate(-1deg);
  2375.     -moz-transform:rotate(-1deg);
  2376.     -webkit-transform:rotate(-1deg);
  2377.     -o-transform:rotate(-1deg);
  2378.   }
  2379.  
  2380.   100% {
  2381.     transform:rotate(0deg);
  2382.     -ms-transform:rotate(0deg);
  2383.     -moz-transform:rotate(0deg);
  2384.     -webkit-transform:rotate(0deg);
  2385.     -o-transform:rotate(0deg);
  2386.   }
  2387. }
  2388.  
  2389. @-moz-keyframes rotatey {
  2390.   0% {
  2391.     transform:rotate(0deg);
  2392.     -ms-transform:rotate(0deg);
  2393.     -moz-transform:rotate(0deg);
  2394.     -webkit-transform:rotate(0deg);
  2395.     -o-transform:rotate(0deg);
  2396.   }
  2397.  
  2398.   25% {
  2399.     transform:rotate(1deg);
  2400.     -ms-transform:rotate(1deg);
  2401.     -moz-transform:rotate(1deg);
  2402.     -webkit-transform:rotate(1deg);
  2403.     -o-transform:rotate(1deg);
  2404.   }
  2405.  
  2406.   50% {
  2407.     transform:rotate(-1deg);
  2408.     -ms-transform:rotate(-1deg);
  2409.     -moz-transform:rotate(-1deg);
  2410.     -webkit-transform:rotate(-1deg);
  2411.     -o-transform:rotate(-1deg);
  2412.   }
  2413.  
  2414.   100% {
  2415.     transform:rotate(0deg);
  2416.     -ms-transform:rotate(0deg);
  2417.     -moz-transform:rotate(0deg);
  2418.     -webkit-transform:rotate(0deg);
  2419.     -o-transform:rotate(0deg);
  2420.   }
  2421. }
  2422.  
  2423. @-webkit-keyframes overlay-fade {
  2424.   0% {
  2425.     opacity:0;
  2426.   }
  2427.  
  2428.   2% {
  2429.     opacity:.5;
  2430.   }
  2431.  
  2432.   95% {
  2433.     opacity:.5;
  2434.   }
  2435.  
  2436.   98% {
  2437.     opacity:0;
  2438.   }
  2439.  
  2440.   100% {
  2441.     opacity:0;
  2442.   }
  2443. }
  2444.  
  2445. @-moz-keyframes overlay-fade {
  2446.   0% {
  2447.     opacity:0;
  2448.   }
  2449.  
  2450.   2% {
  2451.     opacity:.5;
  2452.   }
  2453.  
  2454.   95% {
  2455.     opacity:.5;
  2456.   }
  2457.  
  2458.   98% {
  2459.     opacity:0;
  2460.   }
  2461.  
  2462.   100% {
  2463.     opacity:0;
  2464.   }
  2465. }
  2466.  
  2467. #slider ul li .slider-span h2 {
  2468.   font-size:24px;
  2469.   line-height:24px;
  2470.   color:#fff;
  2471.   font-weight:normal;
  2472.   text-shadow:1px 1px 1px #362c30;
  2473. }
  2474.  
  2475. /*-------------------[SLIDER END]-------------------------*/
  2476. /*-----------------[ANIMATION PAGE CLASS AND ID START]------------------------*/
  2477. #rate_container {
  2478.   animation-duration:3s;
  2479.   animation-timing-function:ease-out;
  2480.   animation-name:slidein-left;
  2481.   -webkit-animation-duration:3s;
  2482.   -webkit-animation-timing-function:ease-out;
  2483.   -webkit-animation-name:slidein-left;
  2484.   -moz-animation-duration:3s;
  2485.   -moz-animation-timing-function:ease-out;
  2486.   -moz-animation-name:slidein-left;
  2487.   -o-animation-duration:3s;
  2488.   -o-animation-timing-function:ease-out;
  2489.   -o-animation-name:slidein-left;
  2490. }
  2491.  
  2492. #new_admirer {
  2493.   animation-duration:3s;
  2494.   animation-timing-function:ease-out;
  2495.   animation-name:slidein-left;
  2496.   -webkit-animation-duration:3s;
  2497.   -webkit-animation-timing-function:ease-out;
  2498.   -webkit-animation-name:slidein-left;
  2499.   -moz-animation-duration:3s;
  2500.   -moz-animation-timing-function:ease-out;
  2501.   -moz-animation-name:slidein-left;
  2502.   -o-animation-duration:3s;
  2503.   -o-animation-timing-function:ease-out;
  2504.   -o-animation-name:slidein-left;
  2505. }
  2506.  
  2507. #new_homepage_friend {
  2508.   animation-duration:3s;
  2509.   animation-timing-function:ease-out;
  2510.   animation-name:slidein-left;
  2511.   -webkit-animation-duration:3s;
  2512.   -webkit-animation-timing-function:ease-out;
  2513.   -webkit-animation-name:slidein-left;
  2514.   -moz-animation-duration:3s;
  2515.   -moz-animation-timing-function:ease-out;
  2516.   -moz-animation-name:slidein-left;
  2517.   -o-animation-duration:3s;
  2518.   -o-animation-timing-function:ease-out;
  2519.   -o-animation-name:slidein-left;
  2520. }
  2521.  
  2522. #profile_main_photo {
  2523.   animation-duration:3s;
  2524.   animation-timing-function:ease-out;
  2525.   animation-name:slidein-left;
  2526.   -webkit-animation-duration:3s;
  2527.   -webkit-animation-timing-function:ease-out;
  2528.   -webkit-animation-name:slidein-left;
  2529.   -moz-animation-duration:3s;
  2530.   -moz-animation-timing-function:ease-out;
  2531.   -moz-animation-name:slidein-left;
  2532.   -o-animation-duration:3s;
  2533.   -o-animation-timing-function:ease-out;
  2534.   -o-animation-name:slidein-left;
  2535. }
  2536.  
  2537. #cam_score_container, #cam_score_container_bg {
  2538.   animation-duration:3s;
  2539.   animation-timing-function:ease-out;
  2540.   animation-name:slidein-left;
  2541.   -webkit-animation-duration:3s;
  2542.   -webkit-animation-timing-function:ease-out;
  2543.   -webkit-animation-name:slidein-left;
  2544.   -moz-animation-duration:3s;
  2545.   -moz-animation-timing-function:ease-out;
  2546.   -moz-animation-name:slidein-left;
  2547.   -o-animation-duration:3s;
  2548.   -o-animation-timing-function:ease-out;
  2549.   -o-animation-name:slidein-left;
  2550. }
  2551.  
  2552. .header {
  2553.   animation-duration:3s;
  2554.   animation-timing-function:ease-out;
  2555.   animation-name:slidein-top;
  2556.   -webkit-animation-duration:3s;
  2557.   -webkit-animation-timing-function:ease-out;
  2558.   -webkit-animation-name:slidein-top;
  2559.   -moz-animation-duration:3s;
  2560.   -moz-animation-timing-function:ease-out;
  2561.   -moz-animation-name:slidein-top;
  2562.   -o-animation-duration:3s;
  2563.   -o-animation-timing-function:ease-out;
  2564.   -o-animation-name:slidein-top;
  2565. }
  2566.  
  2567. #scroll-to-top,.my-status,#status_container,#unix_last_login_container {
  2568.   animation-duration:3s;
  2569.   animation-timing-function:ease-out;
  2570.   animation-name:slidein-bottom;
  2571.   -webkit-animation-duration:3s;
  2572.   -webkit-animation-timing-function:ease-out;
  2573.   -webkit-animation-name:slidein-bottom;
  2574.   -moz-animation-duration:3s;
  2575.   -moz-animation-timing-function:ease-out;
  2576.   -moz-animation-name:slidein-bottom;
  2577.   -o-animation-duration:3s;
  2578.   -o-animation-timing-function:ease-out;
  2579.   -o-animation-name:slidein-bottom;
  2580. }
  2581.  
  2582. #profile {
  2583.   animation-duration:3s;
  2584.   animation-timing-function:ease;
  2585.   animation-name:p-fade;
  2586.   -webkit-animation-duration:3s;
  2587.   -webkit-animation-timing-function:ease;
  2588.   -webkit-animation-name:p-fade;
  2589.   -moz-animation-duration:3s;
  2590.   -moz-animation-timing-function:ease;
  2591.   -moz-animation-name:p-fade;
  2592.   -o-animation-duration:3s;
  2593.   -o-animation-timing-function:ease;
  2594.   -o-animation-name:p-fade;
  2595. }
  2596.  
  2597. /*-----------------[ANIMATION PAGE CLASS AND ID END]------------------------*/
  2598. /*-----------------[ANIMATION PAGE KEYFRAMES START]------------------------*/
  2599. @keyframes p-fade {
  2600.   0% {
  2601.     margin-left:-300%;
  2602.     opacity:0;
  2603.   }
  2604.  
  2605.   50% {
  2606.     margin-left:-100%;
  2607.     opacity:0;
  2608.   }
  2609.  
  2610.   100% {
  2611.     margin-left:0;
  2612.     opacity:1;
  2613.   }
  2614. }
  2615.  
  2616. @-webkit-keyframes p-fade {
  2617.   0% {
  2618.     margin-left:-300%;
  2619.     opacity:0;
  2620.   }
  2621.  
  2622.   50% {
  2623.     margin-left:-100%;
  2624.     opacity:0;
  2625.   }
  2626.  
  2627.   100% {
  2628.     margin-left:0;
  2629.     opacity:1;
  2630.   }
  2631. }
  2632.  
  2633. @-moz-keyframes p-fade {
  2634.   0% {
  2635.     margin-left:-300%;
  2636.     opacity:0;
  2637.   }
  2638.  
  2639.   50% {
  2640.     margin-left:-100%;
  2641.     opacity:0;
  2642.   }
  2643.  
  2644.   100% {
  2645.     margin-left:0;
  2646.     opacity:1;
  2647.   }
  2648. }
  2649.  
  2650. @-o-keyframes p-fade {
  2651.   0% {
  2652.     margin-left:-300%;
  2653.     opacity:0;
  2654.   }
  2655.  
  2656.   50% {
  2657.     margin-left:-100%;
  2658.     opacity:0;
  2659.   }
  2660.  
  2661.   100% {
  2662.     margin-left:0;
  2663.     opacity:1;
  2664.   }
  2665. }
  2666.  
  2667. @keyframes slidein-top {
  2668.   0% {
  2669.     margin-top:-10%;
  2670.   }
  2671.  
  2672.   100% {
  2673.     margin-top:0;
  2674.   }
  2675. }
  2676.  
  2677. @-webkit-keyframes slidein-top {
  2678.   0% {
  2679.     margin-top:-10%;
  2680.   }
  2681.  
  2682.   100% {
  2683.     margin-top:0;
  2684.   }
  2685. }
  2686.  
  2687. @-moz-keyframes slidein-top {
  2688.   0% {
  2689.     margin-top:-10%;
  2690.   }
  2691.  
  2692.   100% {
  2693.     margin-top:0;
  2694.   }
  2695. }
  2696.  
  2697. @-o-keyframes slidein-top {
  2698.   0% {
  2699.     margin-top:-10%;
  2700.   }
  2701.  
  2702.   100% {
  2703.     margin-top:0;
  2704.   }
  2705. }
  2706.  
  2707. @keyframes slidein-left {
  2708.   0% {
  2709.     margin-left:-100%;
  2710.   }
  2711.  
  2712.   100% {
  2713.     margin-left:0;
  2714.   }
  2715. }
  2716.  
  2717. @-webkit-keyframes slidein-left {
  2718.   0% {
  2719.     margin-left:-100%;
  2720.   }
  2721.  
  2722.   100% {
  2723.     margin-left:0;
  2724.   }
  2725. }
  2726.  
  2727. @-moz-keyframes slidein-left {
  2728.   0% {
  2729.     margin-left:-100%;
  2730.   }
  2731.  
  2732.   100% {
  2733.     margin-left:0;
  2734.   }
  2735. }
  2736.  
  2737. @-o-keyframes slidein-left {
  2738.   0% {
  2739.     margin-left:-100%;
  2740.   }
  2741.  
  2742.   100% {
  2743.     margin-left:0;
  2744.   }
  2745. }
  2746.  
  2747. @keyframes slidein-right {
  2748.   0% {
  2749.     margin-right:-100%;
  2750.   }
  2751.  
  2752.   100% {
  2753.     margin-right:0;
  2754.   }
  2755. }
  2756.  
  2757. @-webkit-keyframes slidein-right {
  2758.   0% {
  2759.     margin-right:-100%;
  2760.   }
  2761.  
  2762.   100% {
  2763.     margin-right:0;
  2764.   }
  2765. }
  2766.  
  2767. @-moz-keyframes slidein-right {
  2768.   0% {
  2769.     margin-right:-100%;
  2770.   }
  2771.  
  2772.   100% {
  2773.     margin-right:0;
  2774.   }
  2775. }
  2776.  
  2777. @-o-keyframes slidein-right {
  2778.   0% {
  2779.     margin-right:-100%;
  2780.   }
  2781.  
  2782.   100% {
  2783.     margin-right:0;
  2784.   }
  2785. }
  2786.  
  2787. @keyframes slidein-bottom {
  2788.   0% {
  2789.     margin-bottom:-100%;
  2790.   }
  2791.  
  2792.   100% {
  2793.     margin-bottom:0;
  2794.   }
  2795. }
  2796.  
  2797. @-webkit-keyframes slidein-bottom {
  2798.   0% {
  2799.     margin-bottom:-100%;
  2800.   }
  2801.  
  2802.   100% {
  2803.     margin-bottom:0;
  2804.   }
  2805. }
  2806.  
  2807. @-moz-keyframes slidein-bottom {
  2808.   0% {
  2809.     margin-bottom:-100%;
  2810.   }
  2811.  
  2812.   100% {
  2813.     margin-bottom:0;
  2814.   }
  2815. }
  2816.  
  2817. @-o-keyframes slidein-bottom {
  2818.   0% {
  2819.     margin-bottom:-100%;
  2820.   }
  2821.  
  2822.   100% {
  2823.     margin-bottom:0;
  2824.   }
  2825. }
  2826.  
  2827. /*-----------------[ANIMATION PAGE KEYFRAMES END]------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!