daily pastebin goal
42%
SHARE
TWEET

Untitled

a guest Dec 7th, 2017 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @charset "utf-8";
  2. /*
  3.  Knight Bootstrap theme by BootstrapTaste.com
  4.  Theme URI: http://bootstraptaste.com/knight-free-bootstrap-theme/
  5.  Author: BootstrapTaste
  6.  Author URI: http://bootstraptaste.com
  7.  */
  8.  
  9. /* CSS Document */
  10.  
  11. /* Float Elements
  12. ---------------------------------*/
  13. .fl-lt {float:left;}
  14. .fl-rt {float:right;}
  15.  
  16. /* Clear Floated Elements
  17. ---------------------------------*/
  18. .clear {
  19.   clear: both;
  20.   display: block;
  21.   overflow: hidden;
  22.   visibility: hidden;
  23.   width: 0;
  24.   height: 0;
  25. }
  26.  
  27. .clearfix:before,
  28. .clearfix:after {
  29.   content: '\0020';
  30.   display: block;
  31.   overflow: hidden;
  32.   visibility: hidden;
  33.   width: 0;
  34.   height: 0;
  35. }
  36.  
  37. .clearfix:after {
  38.   clear: both;
  39. }
  40.  
  41. .figure{ margin:0px;}
  42.  
  43. img{ max-width:100%;}
  44.  
  45. a, a:hover, a:active{ outline:0px !important}
  46.  
  47. @font-face {
  48.   font-family: 'FontAwesome';
  49.   src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  50.   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  51.   font-weight: normal;
  52.   font-style: normal;
  53.  
  54.  
  55. }
  56. @font-face {
  57.   font-family:Copperplate Gothic Bold;
  58.   src: url("Copperplate Gothic Bold");
  59. }
  60.  
  61. /* Primary Styles
  62. ---------------------------------*/
  63.  
  64.  
  65. body {
  66.     background:#f2f2f4; /* Color backround */
  67.     font-family: 'Open Sans', sans-serif;
  68.     font-size:14px; /* navbar schriftgröße */
  69.     font-weight:normal;
  70.     color:#888888; /* Text Zitat unten color*/
  71.     margin:0;
  72. }
  73. h2{
  74.     font-size:34px;
  75.     color:#000000; /* Überschriftfarbe */
  76.     font-family: 'Montserrat', sans-serif;
  77.     font-weight:700;
  78.     letter-spacing: -1px;
  79.     margin:0 0 15px 0;
  80.     text-align:center;
  81.     text-transform:uppercase;
  82. }
  83. h3{
  84.     font-family: 'Montserrat', sans-serif;
  85.     color:#000000;
  86.     font-size:16px;
  87.     margin:0 0 5px 0;
  88.     text-transform:uppercase;
  89.     font-weight:400;
  90. }
  91. h6{
  92.     font-size:16px;
  93.     color:#888888;
  94.     font-family: 'Open Sans', sans-serif;
  95.     font-weight:400;
  96.     text-align:center;
  97.     margin:0 0 60px 0;
  98. }
  99.  
  100. h7{
  101.     font-size:34px;
  102.     color:#ff4949; /* featured work schriftfarbe */
  103.     font-family: 'Montserrat', sans-serif;
  104.     font-weight:700;
  105.     letter-spacing: -1px;
  106.     margin:0 0 15px 0;
  107.     text-align:center;
  108.     text-transform:uppercase;
  109. }
  110. h10{
  111.     font-size:16px;
  112.     color:#fff; /* featured work schriftfarbe */
  113.     font-family: 'Montserrat', sans-serif;
  114.     font-weight:400;
  115.     letter-spacing: -1px;
  116.     margin:0 0 15px 0;
  117.     text-align:center;
  118.     text-transform:uppercase;
  119. }
  120. h8{
  121.     font-family: 'Montserrat', sans-serif;
  122.     color:#fff;
  123.     font-size:16px;
  124.     margin:0 0 5px 0;
  125.     text-transform:uppercase;
  126.     font-weight:400;
  127. }
  128.  
  129.  h9{
  130.         font-family:Copperplate Gothic Bold; /* insanity überschrift */
  131.     color:b8b8b8;
  132.     font-size:30px;
  133.     margin:0 0 5px 0;
  134.     text-transform:uppercase;
  135.     font-weight:400px;
  136.     line-height: 1.2;
  137.     text-align: left;
  138. }
  139.  h11{
  140.       font-family:Copperplate Gothic Bold;
  141.     color:b8b8b8;
  142.     font-size:16px;
  143.     margin:0 0 5px 0;
  144.     text-transform:uppercase;
  145.     font-weight:3000px;
  146.     line-height: 1.2;
  147. }
  148. h12{
  149.     font-size:34px;
  150.     color:#ff4949; /* Überschriftfarbe */
  151.     font-family: 'Montserrat', sans-serif;
  152.     font-weight:700;
  153.     letter-spacing: -1px;
  154.     margin:0 0 15px 20px;
  155.     text-align:center;
  156.     text-transform:uppercase;
  157.  
  158. }
  159. }
  160. p{
  161.     line-height:24px;
  162.     margin:0;
  163.     color: #fff;
  164. }
  165. p1{
  166.     line-height:60px;
  167.     color:#fff;
  168.     margin:0;
  169. }
  170.  
  171.  
  172.  
  173. /* Header Styles
  174. ---------------------------------*/
  175.  
  176. .header{
  177.     text-align:center;
  178.     background:url(../img/wpneu.png) left top repeat;
  179.     padding:120px 0 300px 0px;
  180. }
  181. .logo{
  182.     width:1200px;
  183.     margin:0 auto 35px ;
  184. }
  185. .header h1{
  186.     font-family: 'Montserrat',sans-serif;
  187.     font-size:50px;
  188.     font-weight:400;
  189.     letter-spacing: -1px;
  190.     margin:0 0 22px 0 ;
  191.     color:#fff;
  192. }
  193.  
  194. .we-create{
  195.     padding:0;
  196.     margin:35px 0 55px;
  197. }
  198. .wp-pic{
  199.     margin-bottom:20px;
  200. }
  201. .we-create li{
  202.     display:inline-block;
  203.     font-family: 'Montserrat',sans-serif;
  204.     font-size:14px;
  205.     color: #bcbcbc; /*Zitat oben*/
  206.     text-transform: uppercase;
  207.     font-weight: 400;
  208.     margin:0 5px 0 0;
  209.     padding:0 0 0 15px;
  210.    
  211. }
  212. .we-create li:first-child{
  213.     background:none;
  214. }
  215.  
  216. .start-button {
  217.     padding-left: 0px;
  218. }
  219.  
  220. .start-button li a{
  221. color: #fff;
  222. }
  223.  
  224.  
  225. .link{
  226.     border: 2px solid #3498db;
  227.     padding:15px 35px;
  228.     background:#transparent;
  229.     color:#fff !important;
  230.     font-size:16px;
  231.     font-weight:400;
  232.     font-family: 'Montserrat', sans-serif;
  233.     display:inline-block;
  234.     border-radius:3px;
  235.     text-transform:uppercase;
  236.     line-height:25px;
  237.     margin-bottom:20px;
  238.     transition:all 0.3s ease-in-out;
  239.     -moz-transition:all 0.3s ease-in-out;
  240.     -webkit-transition:all 0.3s ease-in-out;
  241. }
  242. .link:hover {
  243.     text-decoration:none;
  244.     color:#fff !important;
  245.     background:#4c85ff; /* Farbe change now box */
  246.  
  247.  
  248. }
  249.  
  250. .link:active, .link:focus {
  251.     background: #4c85ff;
  252.     text-decoration:none;
  253.     color:#fff !important;
  254. }
  255.  
  256. /* Navigation
  257. ---------------------------------*/
  258. .main-nav-outer{
  259.     padding:0px;
  260.     position:relative;
  261.     background:#fff;
  262. }
  263. .main-nav{
  264.     text-align:center;
  265.     margin:10px 0 0px;
  266.     padding:0;
  267.     list-style:none;
  268. }
  269. .main-nav li{
  270.     display:inline;
  271.     margin:0 1px;
  272. }
  273. .main-nav li a{
  274.     display:inline-block;
  275.     color:#000000;
  276.     text-transform:uppercase;
  277.     font-family: 'Montserrat', sans-serif;
  278.     text-decoration: none;
  279.     line-height:20px;
  280.     margin:17px 32px;
  281.     transition:all 0.3s ease-in-out;
  282.     -moz-transition:all 0.3s ease-in-out;
  283.     -webkit-transition:all 0.3s ease-in-out;
  284. }
  285.  
  286. .main-nav li a:hover{
  287.     text-decoration:none;
  288.     color: #fff;
  289.     background-color: #ec313e;
  290.    
  291. }
  292.  
  293. .small-logo{
  294.     padding:0 32px;
  295. }
  296.  
  297. .main-section{
  298.     padding:90px 0 110px;
  299. }
  300.  
  301.  
  302. /* Services
  303. ---------------------------------*/
  304.  
  305. .service-list{
  306.     padding:0 0 0 0;
  307.     font-size:14px;
  308.     margin-bottom:40px;
  309. }
  310. .service-list-col1{
  311.     float:left;
  312.     width:60px;
  313. }
  314. .service-list-col1 i{
  315.     font-style:normal;
  316.     font-size:38px;
  317.     display:block;
  318.     color:#222;
  319.     font-family: 'FontAwesome';
  320.     line-height:38px;
  321. }
  322. .service-list-col2{
  323.     overflow:hidden;   
  324. }
  325. .main-section.alabaster{
  326.     background:#444141; /*Featured work hintergrundfarbe*/
  327. }
  328.  
  329. /* Featured Work
  330. ---------------------------------*/
  331. .featured-work{
  332.     font-size:14px;
  333. }
  334. .featured-work h2{
  335.     text-align:left;
  336. }
  337. .featured-box{
  338.     padding:0 0 0 0;
  339.     margin-bottom:25px;
  340.     font-size:14px;
  341. }
  342. .featured-box h3{
  343.     margin-bottom:5px;
  344. }
  345. .featured-box p{
  346.     line-height:22px;
  347. }
  348. .featured-work p.padding-b{
  349.     padding-bottom:35px;
  350. }
  351. .featured-box-col1{
  352.     width:60px;
  353.     float:left;
  354. }
  355. .featured-box-col1 i{
  356.     display:block;
  357.     line-height:38px;
  358.     font-family: 'FontAwesome';
  359.     font-size:38px;
  360.     color:#ffffff;
  361.     font-style:normal;
  362. }
  363. .featured-box-col2{ overflow:hidden;}
  364. .featured-box.magic{
  365.     background:url(../img/magic.png) left top no-repeat;
  366. }
  367. .featured-box.packaged{
  368.     background:url(../img/packaged.png) left top no-repeat;
  369. }
  370. .featured-box.seo{
  371.     background:url(../img/seo.png) left top no-repeat;
  372. }
  373. .Learn-More{
  374.     display:inline-block;
  375.     padding:0 5px 0 0;
  376.     color:#7cc576;
  377.     font-size:16px;
  378.     text-transform:uppercase;
  379.     font-family: 'Montserrat', sans-serif;
  380.     font-weight:400;
  381.     line-height:24px;
  382.     transition:all 0.3s ease-in-out;
  383.     -moz-transition:all 0.3s ease-in-out;
  384.     -webkit-transition:all 0.3s ease-in-out;
  385.     display: none;
  386. }
  387. .Learn-More i{
  388.     padding-right:15px;
  389. }
  390.  
  391. .Learn-More:hover, .Learn-More:focus{
  392.     text-decoration:none;
  393.     color: #111;
  394. }
  395.  
  396.  
  397. /* SERVICES
  398. ---------------------------------*/
  399. .Portfolio-nav{
  400.     padding:0;
  401.     margin:0 0 45px 0;
  402.     list-style:none;
  403.     text-align:center;
  404. }
  405. .Portfolio-nav li{
  406.     margin:0 10px;
  407.     display:inline;
  408. }
  409. .Portfolio-nav li a{
  410.     display:inline-block;
  411.     padding:10px 22px;
  412.     font-size:12px;
  413.     line-height:20px;
  414.     color:#222222;
  415.     border-radius:4px;
  416.     text-transform:uppercase;
  417.     font-family: 'Montserrat', sans-serif;
  418.     background:#f7f7f7;
  419.     margin-bottom:5px;
  420.     transition:all 0.3s ease-in-out;
  421.     -moz-transition:all 0.3s ease-in-out;
  422.     -webkit-transition:all 0.3s ease-in-out;
  423. }
  424. .Portfolio-nav li a:hover{
  425.     background:#7cc576;
  426.     color:#fff;
  427.     text-decoration:none;
  428. }
  429.  
  430. .portfolioContainer{
  431.     margin:0 auto;
  432.     padding-left:15px;
  433. }
  434.  
  435. .Portfolio-box{
  436.     text-align:center;
  437.     margin-bottom:30px;
  438.     height:350px;
  439.     width:350px;
  440.     overflow:hidden;
  441.     float:left;
  442.     padding:0;
  443. }
  444. .Portfolio-box img{
  445.     margin-bottom:25px;
  446.     transition:all 0.3s ease-in-out;
  447.     -moz-transition:all 0.3s ease-in-out;
  448.     -webkit-transition:all 0.3s ease-in-out;   
  449. }
  450.  
  451. .Portfolio-box img:hover {
  452.     opacity: 0.6;
  453. }
  454.  
  455. .Portfolio-nav li a.current{
  456.     background:#7cc576;
  457.     color:#fff;
  458.     text-decoration:none;
  459. }
  460. img {
  461.    max-width:100%;
  462. }
  463.  
  464. /* no transition on .isotope container */
  465.  
  466. .isotope .isotope-item {
  467.   /* change duration value to whatever you like */
  468.   -webkit-transition-duration: 0.6s;
  469.      -moz-transition-duration: 0.6s;
  470.           transition-duration: 0.6s;
  471. }
  472.  
  473. .isotope .isotope-item {
  474.   -webkit-transition-property: -webkit-transform, opacity;
  475.      -moz-transition-property:    -moz-transform, opacity;
  476.           transition-property:         transform, opacity;
  477. }
  478.  
  479. .main-section.paddind{
  480.     padding-bottom:60px;
  481. }
  482.  
  483. /* Clients
  484. ---------------------------------*/
  485.   .client-part{
  486.     background:url(../img/vaynet.png) center no-repeat;
  487.     background-size:cover;
  488.     padding:55px 0 -0px;
  489.     text-align:center;
  490.    
  491. }
  492. .client-part-haead{
  493.     color:#fdfdfd;
  494.     font-size:28px;
  495.     line-height:41px;
  496.     margin:30px 0 10px;
  497.     font-family: ''Open Sans',sans-serif';
  498.     font-style: italic;
  499. }
  500. .client{
  501.     padding:0;
  502.     margin:20px 0 0;
  503.     list-style:none;
  504.     text-align:center;
  505. }
  506. .client li{
  507.     display:inline;
  508.     margin:0 15px;
  509. }
  510. .client li a{
  511.     display:inline-block;
  512. }
  513. .client li a img{
  514.     margin-bottom:15px;
  515.     border-radius:50%;
  516. }
  517. .client li a:hover{
  518.     text-decoration:none;
  519. }
  520. .client li a h3{
  521.     color:#ffffff;
  522. }
  523. .client li a span{
  524.     color:#f1f1f1;
  525. }
  526. .quote-right{
  527.     font-style:normal;
  528.     width:68px;
  529.     height:68px;
  530.     margin:0 auto;
  531.     border:2px solid #4c85ff;
  532.     border-radius:50%;
  533.     display:block;
  534.     line-height:68px;
  535.     text-align:center;
  536.     font-size:27px;
  537.     color:#4c85ff;
  538.     cursor: pointer;
  539.     transition:all 0.3s ease-in-out;
  540.     -moz-transition:all 0.3s ease-in-out;
  541.     -webkit-transition:all 0.3s ease-in-out;
  542. }
  543.  
  544. .quote-right:hover{
  545. color: #4c85ff;
  546. border: 2px solid #4c85ff;
  547. }
  548.  
  549. .c-logo-part{
  550.     background:#000000;
  551.     padding:25px 0;
  552.     filter: alpha(opacity=60);
  553. }
  554. .c-logo-part ul{
  555.     padding:0;
  556.     margin:0;
  557.     list-style:none;
  558.     text-align:center;
  559. }
  560. .c-logo-part ul li{
  561.     display:inline;
  562.     margin:0 25px;
  563. }
  564. .c-logo-part ul a{
  565.     display:inline-block;
  566.     margin: 0 20px;
  567. }
  568. .main-section.team{
  569.     padding:85px 0;
  570. }
  571. .main-section.team h6{
  572.     margin-bottom:40px;
  573. }
  574.  
  575.  
  576. /* ABOUT
  577. ---------------------------------*/
  578.  
  579. .team-leader-block{
  580.     max-width:993px;
  581.     margin:0 auto;
  582. }
  583. .team-leader-box{
  584.     width:30.66%;
  585.     margin-right: 3.82979%;
  586.     height: 490px;
  587.     overflow: hidden;
  588.     text-align: center;
  589.     float: left;
  590. }
  591. .team-leader-box span{
  592.     margin-bottom:24px;
  593.     display:block;
  594. }
  595. .team-leader-box:nth-of-type(3n+0){ margin:0;}
  596. .team-leader{
  597.     width:auto;
  598.     height:auto;
  599.     position:relative;
  600.     border-radius:50%;
  601.     box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
  602.     margin:7px 7px 25px 7px;
  603.    
  604. }
  605. .team-leader-shadow{
  606.     transition:all 0.3s ease-in-out;
  607.     -moz-transition:all 0.3s ease-in-out;
  608.     -webkit-transition:all 0.3s ease-in-out;
  609.     border-radius:50%;
  610.     position:absolute;
  611.     width:100%;
  612.     height:100%;
  613.     z-index:10;
  614.     border-radius:50%;
  615. }
  616. .team-leader-shadow a{
  617.     display:block;
  618.     width:100%;
  619.     height:100%;
  620. }
  621. .team-leader:hover .team-leader-shadow{
  622.     box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);
  623. }
  624. .team-leader:hover ul{ display:block; opacity:1}
  625. .team-leader img{
  626.     display:block;
  627.     border-radius:50%;
  628. }
  629. .team-leader ul{
  630.     display:block;
  631.     opacity:0;
  632.     padding:0;
  633.     margin:0;
  634.     list-style:none;
  635.     position:absolute;
  636.     left:0;
  637.     top:50%;
  638.     width:100%;
  639.     text-align:center;
  640.     margin-top:-14px;
  641.     z-index:15;
  642.     transition:all 0.6s ease-in-out;
  643.     -moz-transition:all 0.6s ease-in-out;
  644.     -webkit-transition:all 0.6s ease-in-out;
  645. }
  646. .team-leader ul li{
  647.     display:inline;
  648.     margin:0 11px;
  649. }
  650. .team-leader ul li a{
  651.     font-family: 'FontAwesome';
  652.     display:inline-block;
  653.     font-size:28px;
  654.     color:#fff;
  655.     transition:all 0.3s ease-in-out;
  656.     -moz-transition:all 0.3s ease-in-out;
  657.     -webkit-transition:all 0.3s ease-in-out;
  658. }
  659. .team-leader ul li a:hover, .team-leader ul li a:focus{
  660.     text-decoration:none;
  661. }
  662. .team-leader ul li a.fa-twitter:hover{
  663.     color:#55acee;
  664. }
  665. .team-leader ul li a.fa-facebook:hover{
  666.     color:#3b5998;
  667. }
  668. .team-leader ul li a.fa-pinterest:hover{
  669.     color:#cb2026;
  670. }
  671. .team-leader ul li a.fa-google-plus:hover{
  672.     color:#dd4b39;
  673. }
  674.  
  675. /* Talk Business
  676. ---------------------------------*/
  677. .business-talking{
  678.     background:url(../img/section-bg2.jpg) top center no-repeat;
  679.     background-size:cover;
  680.     padding:60px 0 10px;
  681.     text-align:center;
  682. }
  683. .business-talking h2{
  684.     font-family: 'Montserrat', sans-serif;
  685.     font-weight:700;
  686.     padding:0;
  687.     margin:20px 0 70px;
  688.     text-transform:uppercase;
  689.     font-size:42px;
  690.     color:#fff;
  691. }
  692.  
  693.  
  694. /* Contact
  695. ---------------------------------*/
  696. .main-section.contact{
  697.     padding:90px 0 100px;
  698. }
  699.  
  700. .main-section.contact{
  701.     background:url(../img/bg-map.png) left 30px bottom -200px no-repeat;
  702. }
  703. .contact-info-box{
  704.     font-size:15px;
  705.     margin:0 0 14px 68px;
  706.     padding-left:0;
  707. }
  708. .contact-info-box h3{
  709.     font-size: 15px;
  710.     font-weight:400;
  711.     float:left;
  712.     width:102px;
  713.     margin-right:12px;
  714.     line-height:28px;
  715. }
  716. .contact-info-box h3 i{
  717.     font-style:normal;
  718.     font-size:18px;
  719.     color:#222222;
  720.     font-family: 'FontAwesome';
  721.     font-weight:normal;
  722.     margin-right:7px;
  723. }
  724. .contact-info-box span{
  725.     line-height:28px;
  726.     display:block;
  727.     overflow:hidden;
  728. }
  729.  
  730. .social-link{
  731.     padding:35px 0;
  732.     margin:0 0 0 68px;
  733.     display:block;
  734.     overflow:hidden;
  735.     list-style:none;
  736. }
  737. .social-link li{
  738.     float:left;
  739.     margin-right:8px;
  740. }
  741. .social-link li a{
  742.     display:block;
  743.     width:50px;
  744.     height:50px;
  745.     text-align:center;
  746.     line-height:50px;
  747.     font-size:25px;
  748.     color:#fff;
  749.     background:#222222;
  750.     border-radius:50%;
  751.     transition:all 0.3s ease-in-out;
  752. }
  753. .social-link li a:hover, .social-link li a:focus{
  754.     text-decoration:none;
  755. }
  756. .twitter a:hover {
  757.     background: #55acee;
  758. }
  759. .facebook a:hover {
  760.     background: #3b5998;
  761. }
  762. .pinterest a:hover {
  763.     background: #cb2026;
  764. }
  765. .gplus a:hover {
  766.     background: #dd4b39;
  767. }
  768. .dribbble a:hover {
  769.     background: #ea4c89;
  770. }
  771.  
  772. .form{
  773.     margin:0 66px 0 30px;
  774. }
  775. .input-text{
  776.     padding:15px 16px;
  777.     border:1px solid #ccc;
  778.     width:100%;
  779.     height:50px;
  780.     display:block;
  781.     border-radius:4px;
  782.     font-size:15px;
  783.     color:#aaa;
  784.     font-family: 'Open Sans', sans-serif;
  785.     margin:0 0 15px 0;
  786.     transition:all 0.3s ease-in-out;
  787.     -moz-transition:all 0.3s ease-in-out;
  788.     -webkit-transition:all 0.3s ease-in-out;
  789. }
  790. .input-text:focus {
  791.     border: 1px solid #7cc576;
  792.     outline:0;
  793.     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
  794.     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);   
  795.     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
  796. }
  797.  
  798. .input-text.text-area{
  799.     height:165px;
  800.     resize:none;
  801.     overflow:auto;
  802. }
  803. .input-btn{
  804.     width:175px;
  805.     height:50px;
  806.     background:#7cc576;
  807.     border-radius:4px;
  808.     color:#ffffff;
  809.     font-size:14px;
  810.     text-transform:uppercase;
  811.     font-family: 'Montserrat', sans-serif;
  812.     font-weight:400;
  813.     border:0px;
  814.     transition:all 0.3s ease-in-out;
  815.     -moz-transition:all 0.3s ease-in-out;
  816.     -webkit-transition:all 0.3s ease-in-out;
  817. }
  818.  
  819. .input-btn:hover{
  820.     background: #111;
  821.     color: #fff;
  822. }
  823.  
  824. /* Footer
  825. ---------------------------------*/
  826.  
  827. .footer{
  828.     background:url(../img/testu.png) bottom repeat;
  829.     padding:35px 0 -25px;
  830. }
  831. .footer-logo{
  832.     margin:15px auto 35px;
  833.     width: 250px;
  834. }
  835. .copyright{
  836.     color:#cccccc;
  837.     font-size:14px;
  838.     display:block;
  839.     text-align:center;
  840. }
  841. .copyright a{
  842.     color:#7cc576;
  843.     font-weight:600;
  844.     text-decoration: none;
  845.     transition:all 0.3s ease-in-out;
  846.     -moz-transition:all 0.3s ease-in-out;
  847.     -webkit-transition:all 0.3s ease-in-out;
  848. }
  849.  
  850. .copyright a:hover {
  851.     color: #fff;
  852. }
  853.  
  854. .res-nav_click {
  855.     line-height:38px;
  856.     font-family: 'FontAwesome';
  857.     font-size:38px;
  858.     text-decoration: none !important;
  859.     color:#777777;
  860.     font-style:normal;
  861.     display:none;
  862.     width:42px;
  863.     height:27px;
  864.     margin:20px auto;
  865.     transition:all 0.3s ease-in-out;
  866.     -moz-transition:all 0.3s ease-in-out;
  867.     -webkit-transition:all 0.3s ease-in-out;
  868. }
  869.  
  870. .res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {
  871.     color: #7cc576 !important;
  872. }
  873.  
  874. .portfolioContainer{
  875.     max-width: 1140px;
  876. }
  877.  
  878.  
  879. /* Animation Timers
  880. ---------------------------------*/
  881. .delay-02s {
  882.     animation-delay: 0.2s;
  883.     -webkit-animation-delay: 0.2s;
  884. }
  885. .delay-03s {
  886.     animation-delay: 0.3s;
  887.     -webkit-animation-delay: 0.3s;
  888. }
  889. .delay-04s {
  890.     animation-delay: 0.4s;
  891.     -webkit-animation-delay: 0.4s;
  892. }
  893.  
  894. .delay-05s {
  895.     animation-delay: 0.5s;
  896.     -webkit-animation-delay: 0.5s;
  897. }
  898. .delay-06s {
  899.     animation-delay: 0.6s;
  900.     -webkit-animation-delay: 0.6s;
  901. }
  902.  
  903. .delay-07s {
  904.     animation-delay: 0.7s;
  905.     -webkit-animation-delay: 0.7s;
  906. }
  907. .delay-08s {
  908.     animation-delay: 0.8s;
  909.     -webkit-animation-delay: 0.8s;
  910. }
  911.  
  912. .delay-09s {
  913.     animation-delay: 0.9s;
  914.     -webkit-animation-delay: 0.9s;
  915. }
  916. .delay-1s {
  917.     animation-delay: 1s;
  918.     -webkit-animation-delay: 1s;
  919. }
  920. .delay-12s {
  921.     animation-delay: 1.2s;
  922.     -webkit-animation-delay: 1.2s;
  923. }
RAW Paste Data
Top