Advertisement
Guest User

Untitled

a guest
Sep 6th, 2014
377
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.25 KB | None | 0 0
  1. html, body{
  2. font-family: 'Open Sans', sans-serif;
  3. font-size: 100%;
  4. background-color: #FFF;
  5. }
  6. body a{
  7. transition:0.5s all;
  8. -webkit-transition:0.5s all;
  9. -moz-transition:0.5s all;
  10. -o-transition:0.5s all;
  11. -ms-transition:0.5s all;
  12. }
  13. /*-----start-header----*/
  14. .header{
  15. background:#F8E514;
  16. }
  17. .logo{
  18. float: left;
  19. margin-top: 0.25em;
  20. }
  21. .logo a{
  22. color: #FFF;
  23. font-weight: 700;
  24. }
  25. .logo a:hover{
  26. text-decoration:none;
  27. }
  28. .logo320{
  29. display:none;
  30. }
  31. /*----navbar-nav----*/
  32. .top-header{
  33. background: #FFf;
  34. padding: 0.7em 1.5em;
  35. margin: 3.5em 0 0 0;
  36. box-shadow: 0px 0px 4px #C9C9C9;
  37. -webkit-box-shadow: 0px 0px 4px #C9C9C9;
  38. -moz-box-shadow: 0px 0px 4px #C9C9C9;
  39. -o-box-shadow: 0px 0px 4px #C9C9C9;
  40. -ms-box-shadow: 0px 0px 4px #C9C9C9;
  41.  
  42. }
  43. .top-nav ul li a{
  44. color: #7E7C7E;
  45. padding: 0.2em 1.5em;
  46. font-size: 0.9em;
  47. font-weight: 400;
  48. text-align: center;
  49. text-transform: uppercase;
  50. position: relative;
  51. font-weight: 700;
  52. }
  53. .top-nav ul li.active a,
  54. .top-nav ul li a:hover{
  55. color:#282528;
  56. }
  57. .logo a{
  58. display:block;
  59. }
  60. /* top-nav */
  61. .top-nav:before,
  62. .top-nav:after {
  63. content: " ";
  64. display: table;
  65. }
  66. .top-nav:after {
  67. clear: both;
  68. }
  69. nav {
  70. position: relative;
  71. float: right;
  72. }
  73. nav ul {
  74. padding: 0;
  75. float: right;
  76. margin: 0.75em 0;
  77. }
  78. nav li {
  79. display: inline;
  80. float: left;
  81. position:relative;
  82. }
  83. nav a {
  84. color: #fff;
  85. display: inline-block;
  86. text-align: center;
  87. text-decoration: none;
  88. line-height: 40px;
  89. }
  90. nav a:hover{
  91. text-decoration:none;
  92. color:#00A2C1;
  93. }
  94. nav a#pull {
  95. display: none;
  96. }
  97. /*Styles for screen 600px and lower*/
  98. @media screen and (max-width: 768px) {
  99. nav {
  100. height: auto;
  101. float:none;
  102. }
  103. nav ul {
  104. width: 100%;
  105. display: block;
  106. height: auto;
  107. }
  108. nav li {
  109. width: 100%;
  110. position: relative;
  111. }
  112. nav li a {
  113. border-bottom: 1px solid #eee;
  114. }
  115. nav a {
  116. text-align: left;
  117. width: 100%;
  118. }
  119. }
  120. /*Styles for screen 515px and lower*/
  121. @media only screen and (max-width : 768px) {
  122. nav {
  123. border-bottom: 0;
  124. float:none;
  125. }
  126. nav ul {
  127. display: none;
  128. height: auto;
  129. margin:0;
  130. background: #fff;
  131. }
  132. nav a#pull {
  133. display: block;
  134. position: relative;
  135. color: #F26D7D;
  136. text-align: right;
  137. position: absolute;
  138. top:12px;
  139. }
  140. nav a#pull:after {
  141. content:"";
  142. background: url('nav-icon.png') no-repeat;
  143. width: 30px;
  144. height: 30px;
  145. display: inline-block;
  146. position: absolute;
  147. right: 15px;
  148. top: 10px;
  149. }
  150. nav a#pull img{
  151. margin-right:2%;
  152. }
  153. .top-nav ul li a {
  154. color: #2C3E50;
  155. padding: 0em 0;
  156. }
  157. }
  158. /*Smartphone*/
  159. @media only screen and (max-width : 320px) {
  160. nav {
  161. float:none;
  162. }
  163. nav li {
  164. display: block;
  165. float: none;
  166. width: 100%;
  167. }
  168. nav li a {
  169. border-bottom: 1px solid #EEE;
  170. }
  171. }
  172. /*----slider----*/
  173. #slider2,
  174. #slider3 {
  175. box-shadow: none;
  176. -moz-box-shadow: none;
  177. -webkit-box-shadow: none;
  178. margin: 0 auto;
  179. }
  180. .rslides_tabs {
  181. list-style: none;
  182. padding: 0;
  183. background: rgba(0,0,0,.25);
  184. box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  185. -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  186. -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  187. font-size: 18px;
  188. list-style: none;
  189. margin: 0 auto 50px;
  190. max-width: 540px;
  191. padding: 10px 0;
  192. text-align: center;
  193. width: 100%;
  194. }
  195. .rslides_tabs li {
  196. display: inline;
  197. float: none;
  198. margin-right: 1px;
  199. }
  200. .rslides_tabs a {
  201. width: auto;
  202. line-height: 20px;
  203. padding: 9px 20px;
  204. height: auto;
  205. background: transparent;
  206. display: inline;
  207. }
  208. .rslides_tabs li:first-child {
  209. margin-left: 0;
  210. }
  211. .rslides_tabs .rslides_here a {
  212. background: rgba(255,255,255,.1);
  213. color: #fff;
  214. font-weight: bold;
  215. }
  216. .events {
  217. list-style: none;
  218. }
  219. .callbacks_container {
  220. position: relative;
  221. float: left;
  222. width: 100%;
  223. }
  224. .callbacks {
  225. position: relative;
  226. list-style: none;
  227. overflow: hidden;
  228. width: 100%;
  229. padding: 0;
  230. margin: 0;
  231. }
  232. .callbacks li {
  233. position: absolute;
  234. width: 100%;
  235. left: 0;
  236. top: 0;
  237. }
  238. .callbacks img {
  239. position: relative;
  240. z-index: 1;
  241. height: auto;
  242. border: 0;
  243. }
  244. .callbacks .caption {
  245. display: block;
  246. position: absolute;
  247. z-index: 2;
  248. font-size: 20px;
  249. text-shadow: none;
  250. color: #fff;
  251. left: 0;
  252. right: 0;
  253. padding: 10px 20px;
  254. margin: 0;
  255. max-width: none;
  256. top: 10%;
  257. text-align: center;
  258. }
  259. .callbacks_nav {
  260. position: absolute;
  261. -webkit-tap-highlight-color: rgba(0,0,0,0);
  262. top: 52%;
  263. left: 0;
  264. opacity: 0.7;
  265. z-index: 3;
  266. text-indent: -9999px;
  267. overflow: hidden;
  268. text-decoration: none;
  269. height: 61px;
  270. width: 55px;
  271. background: transparent url("../images/themes.png") no-repeat left top;
  272. margin-top: -65px;
  273. }
  274. .callbacks_nav:active {
  275. opacity: 1.0;
  276. }
  277. .callbacks_nav.next {
  278. left: auto;
  279. background-position: right top;
  280. right: 0;
  281. }
  282. #slider3-pager a {
  283. display: inline-block;
  284. }
  285. #slider3-pager span{
  286. float: left;
  287. }
  288. #slider3-pager span{
  289. width:100px;
  290. height:15px;
  291. background:#fff;
  292. display:inline-block;
  293. border-radius:30em;
  294. opacity:0.6;
  295. }
  296. #slider3-pager .rslides_here a {
  297. background: #FFF;
  298. border-radius:30em;
  299. opacity:1;
  300. }
  301. #slider3-pager a {
  302. padding: 0;
  303. }
  304. #slider3-pager li{
  305. display:inline-block;
  306. }
  307. .rslides {
  308. position: relative;
  309. list-style: none;
  310. overflow: hidden;
  311. width: 100%;
  312. padding: 0;
  313. margin: 0;
  314. }
  315. .rslides li {
  316. -webkit-backface-visibility: hidden;
  317. position: absolute;
  318. display: none;
  319. width: 100%;
  320. left: 0;
  321. top: 0;
  322. }
  323. .rslides li{
  324. position: relative;
  325. display: block;
  326. float: left;
  327. }
  328. .rslides img {
  329. height: auto;
  330. border: 0;
  331. width:100%;
  332. }
  333. .callbacks_tabs{
  334. list-style: none;
  335. position: absolute;
  336. top: 88%;
  337. z-index: 999;
  338. left: 47%;
  339. padding: 0;
  340. margin: 0;
  341. }
  342. .callbacks_tabs li{
  343. display:inline-block;
  344. }
  345. @media screen and (max-width: 600px) {
  346. h1 {
  347. font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
  348. }
  349. .callbacks_nav {
  350. top: 47%;
  351. }
  352. }
  353. /*----*/
  354. .callbacks_tabs a{
  355. visibility: hidden;
  356. }
  357. .callbacks_tabs a:after {
  358. content: "\f111";
  359. font-size:0;
  360. font-family: FontAwesome;
  361. visibility: visible;
  362. display: block;
  363. height:18px;
  364. width:18px;
  365. display:inline-block;
  366. border:2px solid #FFF;
  367. border-radius: 30px;
  368. -webkit-border-radius: 30px;
  369. -moz-border-radius: 30px;
  370. -o-border-radius: 30px;
  371. -ms-border-radius: 30px;
  372. }
  373. .callbacks_here a:after{
  374. border:2px solid #282528;
  375. }
  376. .slide-text-info h1{
  377. font-size: 2.3em;
  378. font-family: 'Open Sans', sans-serif;
  379. font-weight: 100;
  380. color:#282528;
  381. }
  382. .slide-text-info h1 span{
  383. font-weight:800;
  384. }
  385. .slide-text-info h2{
  386. color:#282528;
  387. padding:0;
  388. margin:0.3em 0;
  389. font-size:1.3em;
  390. }
  391. .slide-text-info{
  392. margin: 2.5% 0;
  393. text-align: left;
  394. position: absolute;
  395. left: 16%;
  396. }
  397. .slide-text p{
  398. font-size: 0.872em;
  399. width: 50%;
  400. margin: 0 auto;
  401. font-weight: 200;
  402. line-height: 1.6em;
  403. margin-bottom: 1em;
  404. }
  405. /*----*/
  406. .btn1{
  407. color:#FFF;
  408. text-transform:uppercase;
  409. }
  410. /*----*/
  411. .slide-text ul li span{
  412. width:7px;
  413. height:12px;
  414. background:url(../images/arrow1.png) no-repeat 0px 0px;
  415. display:inline-block;
  416. margin-right:0.5em;
  417. }
  418. .slide-text ul li{
  419. color: #282528;
  420. font-size: 0.875em;
  421. font-weight: 500;
  422. margin: 0 0 0.3em;
  423. }
  424. /*----*/
  425. .big-btns{
  426. margin: 1.5em 2em;
  427. display: block;
  428. }
  429. .big-btns a{
  430. display: inline-block;
  431. border: 3px solid #282528;
  432. padding: 0.5em 1.2em 0.5em 0.8em;
  433. font-size: 1em;
  434. font-weight: 600;
  435. color: #282528;
  436. margin-right: 0.6em;
  437. }
  438. .big-btns a:hover{
  439. text-decoration:none;
  440. color:#282528;
  441. opacity:0.9;
  442. border-color:#FFF;
  443. }
  444. .big-btns a label{
  445. width: 40px;
  446. height: 34px;
  447. background: url(../images/btn-icons.png) no-repeat 0px 0px;
  448. display: inline-block;
  449. vertical-align: middle;
  450. margin-right:0.5em;
  451. }
  452. .big-btns a.download label{
  453. background-position:0px 0px;
  454. }
  455. .big-btns a.view label{
  456. background-position:-41px 0px;
  457. }
  458. .slide-text {
  459. margin: 1.2em;
  460. }
  461. .divice-demo{
  462. position: absolute;
  463. bottom: 0px;
  464. z-index: 999;
  465. right: 10%;
  466. }
  467. .header-section{
  468. position:relative;
  469. }
  470. /*----//slider----*/
  471. /*-----features----*/
  472. .section-head{
  473. text-align:center;
  474. padding:2em 0;
  475. }
  476. .section-head h3{
  477. color:#282528;
  478. font-weight:800;
  479. font-size:1.6em;
  480. }
  481. .section-head h3 span{
  482. width:10%;
  483. background:#8A888A;
  484. height:1px;
  485. display:inline-block;
  486. vertical-align:middle;
  487. }
  488. span.frist{
  489. margin-right:1em;
  490. }
  491. span.second{
  492. margin-left:1em;
  493. }
  494. .section-head p{
  495. width: 95%;
  496. margin: 3em auto 1.2em auto;
  497. color: #282528;
  498. line-height: 1.8em;
  499. font-size: 1.1em;
  500. }
  501. /*----features-grids----*/
  502. .features-grid-info{
  503. margin:4em 0;
  504. }
  505. .features-icon span{
  506. width:40px;
  507. height:40px;
  508. display:inline-block;
  509. background:url(../images/feature-icons-l.png) no-repeat 0px 0px;
  510. margin-top:1em;
  511. }
  512. .features-icon span.f-icon1{
  513. background-position: 0px -200px;
  514. }
  515. .features-icon span.f-icon2{
  516. background-position: 0px -405px;
  517. }
  518. .features-info h4{
  519. font-weight:700;
  520. color:#282528;
  521. }
  522. .features-info p{
  523. color:#282528;
  524. font-size:0.875em;
  525. line-height:1.8em;
  526. }
  527. .features-icon1{
  528. background-position:0px 0px;
  529. }
  530. /*----*/
  531. .features-icon1 span{
  532. width:40px;
  533. height:40px;
  534. display:inline-block;
  535. background:url(../images/feature-icons-r.png) no-repeat -13px 0px;
  536. margin-top:1em;
  537. }
  538. .features-icon1 span.f-icon4{
  539. background-position: -13px -200px;
  540. }
  541. .features-icon1 span.f-icon5{
  542. background-position: -13px -405px;
  543. }
  544. /*----screen-shot-gallery----*/
  545. .screen-shot-gallery{
  546. background:#FAFAFA;
  547. padding:3em 0;
  548. }
  549. /*-----*/
  550. .show-reel{
  551. background:#F8E514;
  552. margin:2em 0 0;
  553. }
  554. .show-reel h5 span{
  555. width:37px;
  556. height:43px;
  557. display:inline-block;
  558. background:url(../images/play-btn.png) no-repeat 0px 0px;
  559. vertical-align:middle;
  560. }
  561. .show-reel h5 span:hover{
  562. opacity:0.8;
  563. }
  564. .show-reel h5{
  565. font-size: 2em;
  566. font-weight: 100;
  567. letter-spacing: 0.5em;
  568. padding: 6em 0;
  569. }
  570. /*--- team ---*/
  571. .team{
  572. background: #F5F5F5;
  573. padding: 2em 0 5em;
  574. }
  575. .team-member-info{
  576. position:relative;
  577. }
  578. .team-member-info label{
  579. display: none;
  580. position: absolute;
  581. top: 0px;
  582. width: 100%;
  583. min-height: 255px;
  584. background: #F8E72B;
  585. padding: 2em 1em;
  586. }
  587. .team-member-info:hover label.team-member-caption{
  588. display:block;
  589. }
  590. .team-member-info img.member-pic{
  591. width:100%;
  592. }
  593. .team-member-info h5{
  594. margin:0.8em 0 0;
  595. padding:0;
  596. }
  597. .team-member-info span{
  598. color: #A2A4A7;
  599. font-size: 0.875em;
  600. }
  601. .team-member-info h5 a{
  602. color:#282528;
  603. font-size:1.4em;
  604. font-weight:600;
  605. }
  606. .team-member-caption p{
  607. font-size:0.875em;
  608. text-align:center;
  609. color:#444144;
  610. }
  611. /*----team-member-caption----*/
  612. .team-member-caption ul li{
  613. display:inline-block;
  614. }
  615. .team-member-caption ul li a span{
  616. width:40px;
  617. height:40px;
  618. display:inline-block;
  619. background:url(../images/team-social.png) no-repeat 0px 0px;
  620. }
  621. .team-member-caption ul{
  622. margin:2em 0 0 0;
  623. padding:0;
  624. }
  625. .team-member-caption ul li a.t-twitter span{
  626. background-position:0px 0px;
  627. }
  628. .team-member-caption ul li a.t-facebook span{
  629. background-position: -48px 0px;
  630. }
  631. .team-member-caption ul li a.t-googleplus span{
  632. background-position: -91px 0px;
  633. }
  634. /*----*/
  635. .item p{
  636. font-size:1.1em;
  637. line-height:1.6em;
  638. margin:2em 0;
  639. color:#282528;
  640. }
  641. .test-monials{
  642. padding:5em 0;
  643. }
  644. .quit-people img{
  645. border-radius:30em;
  646. -webkit-border-radius:30em;
  647. -moz-border-radius:30em;
  648. -o-border-radius:30em;
  649. -ms-border-radius:30em;
  650. border:3px solid #F8E72B;
  651. }
  652. .quit-people{
  653. margin-bottom:1em;
  654. }
  655. .quit-people h4{
  656. margin:0.5em 0 0.3em 0;
  657. padding:0;
  658. }
  659. .quit-people h4 a{
  660. color:#282528;
  661. font-weight:600;
  662. }
  663. .quit-people span{
  664. color:#282528;
  665. font-size:0.875em;
  666. }
  667. /*--- //team ---*/
  668. /*---- featured -----*/
  669. .featured{
  670. background:#F8E514;
  671. padding:2em 0 10em;
  672. }
  673. .featured h3{
  674. margin-bottom:3em;
  675. }
  676. /*---- //featured -----*/
  677. /*--- getintouch -----*/
  678. .contact-form h3{
  679. color:#282528;
  680. font-size:1.2em;
  681. font-weight:600;
  682. margin:1em 0;
  683. }
  684. .contact-form input[type="text"],.contact-form textarea{
  685. width: 100%;
  686. border-right: none;
  687. border-left: none;
  688. border-top: none;
  689. border-bottom: 2px ridge #DBDBDB;
  690. outline: none;
  691. padding: 2em 0 2em 0;
  692. font-size: 0.9em;
  693. }
  694. .contact-form textarea{
  695. height:130px;
  696. outline:none;
  697. border-bottom: 1px ridge #DBDBDB;
  698. resize:none;
  699. }
  700. .contact-form input[type="submit"]{
  701. background: url(../images/msg-icon.png) no-repeat 0px 0px;
  702. height: 23px;
  703. width: 167px;
  704. display: block;
  705. outline: none;
  706. text-indent: 30px;
  707. border: none;
  708. margin: 1em 0;
  709. transition:0.5s all;
  710. -webkit-transition:0.5s all;
  711. -moz-transition:0.5s all;
  712. -o-transition:0.5s all;
  713. -ms-transition:0.5s all;
  714. }
  715. .contact-form input[type="submit"]:hover{
  716. opacity:0.9;
  717. color:#999;
  718. }
  719. /*----*/
  720. .footer-social-icons{
  721. margin:0;padding:0;
  722. }
  723. .footer-social-icons{
  724. margin-top:1.5em;
  725. }
  726. .footer-social-icons li{
  727. list-style: none;
  728. padding: 1em 0;
  729. }
  730. .footer-social-icons li a span{
  731. width:27px;
  732. height:27px;
  733. display:inline-block;
  734. background:url(../images/social-icons.png) no-repeat 0px 0px;
  735. }
  736. .footer-social-icons li a:hover{
  737. opacity:0.8;
  738. }
  739. .footer-social-icons li a.f-tw span{
  740. background-position:0px -40px;
  741. }
  742. .footer-social-icons li a.f-db span{
  743. background-position: 0px -83px;
  744. }
  745. .footer-social-icons li a.f-ti span{
  746. background-position: 0px -128px;
  747. }
  748. .footer-social-icons li a.f-go span{
  749. background-position: 0px -171px;
  750. }
  751. .getintouch {
  752. border-bottom: 10px solid #F8E514;
  753. padding: 2em 0 0 0;
  754. }
  755. /*--- //getintouch -----*/
  756. /*-----footer----*/
  757. .footer-grid p{
  758. font-size:0.875em;
  759. line-height:1.8em;
  760. }
  761. .footer-grid h3{
  762. font-size:1.2em;
  763. font-weight:600;
  764. color:#282528;
  765. }
  766. .subscribe input[type="text"]{
  767. border: none;
  768. outline: none;
  769. position: relative;
  770. padding: 0.6em 0.6em;
  771. }
  772. .subscribe input[type="submit"]{
  773. width: 18px;
  774. height: 13px;
  775. display: inline-block;
  776. background: url(../images/arrow-2.png) no-repeat 0px 0px;
  777. border: none;
  778. outline: none;
  779. position: absolute;
  780. right: 10px;
  781. top: 38%;
  782. }
  783. .subscribe form{
  784. border: 1px solid #CCCCCC;
  785. height: 43px;
  786. position: relative;
  787. margin: 1.3em 0;
  788. }
  789. .explore ul{
  790. margin:0;
  791. padding:0;
  792. }
  793. .explore li{
  794. list-style:none;
  795. }
  796. .explore li a{
  797. font-size:0.875em;
  798. line-height:1.8em;
  799. }
  800. .explore li a:hover{
  801. text-decoration:none;
  802. color:#999;
  803. }
  804. .copy-right{
  805. margin-top:3em;
  806. }
  807. p.copy{
  808. font-weight:600;
  809. }
  810. p.copy a:hover{
  811. color:#999;
  812. text-decoration:none;
  813. }
  814. .footer-grids{
  815. padding:2em 0;
  816. }
  817. #toTop {
  818. display: none;
  819. text-decoration: none;
  820. position: fixed;
  821. bottom: 26px;
  822. right: 3%;
  823. overflow: hidden;
  824. width: 40px;
  825. height: 40px;
  826. border: none;
  827. text-indent: 100%;
  828. background: url("../images/to-top1.png") no-repeat 0px 0px;
  829. border-radius: 30em;
  830. }
  831. #toTopHover {
  832. width: 40px;
  833. height: 40px;
  834. display: block;
  835. overflow: hidden;
  836. float: right;
  837. opacity: 0;
  838. -moz-opacity: 0;
  839. filter: alpha(opacity=0);
  840. }
  841. /*--responsive design--*/
  842. @media (max-width:1024px){
  843. .divice-demo img{
  844. width:80%;
  845. }
  846. .slide-text-info {
  847. margin: 0% 0;
  848. left: 8%;
  849. }
  850. .divice-demo{
  851. right:0;
  852. }
  853. .big-divice img{
  854. width:100%;
  855. }
  856. .team-member-info label {
  857. min-height: 125px;
  858. padding: 0.9em 1em;
  859. }
  860. .footer-divice img{
  861. width:100%;
  862. }
  863. .footer-divice{
  864. margin-top:15em;
  865. }
  866. }
  867. /*-----768px-mediaquries----*/
  868. @media (max-width:768px){
  869. .divice-demo img{
  870. width: 57%;
  871. }
  872. .slide-text-info {
  873. margin: -2% 0 0;
  874. left: 10%;
  875. }
  876. .divice-demo{
  877. right: 5%;
  878. text-align: right;
  879. }
  880. .big-divice img{
  881. width:initial;
  882. }
  883. .team-member-info label {
  884. min-height: 125px;
  885. padding:2em;
  886. top:0;
  887. }
  888. .footer-divice img{
  889. width: initial;
  890. }
  891. .footer-divice{
  892. margin-top:1em;
  893. text-align: center;
  894. }
  895. .slide-text-info h1 {
  896. font-size: 1.5em;
  897. }
  898. .slide-text-info h2 {
  899. font-size: 0.9em;
  900. }
  901. .slide-text {
  902. margin: 0.5em 0;
  903. }
  904. .slide-text ul li{
  905. font-size:0.8em;
  906. }
  907. .slide-text ul li:nth-child(2){
  908. display:none;
  909. }
  910. .big-btns a {
  911. border: 2px solid #282528;
  912. padding: 0.5em 0.8em 0.5em 0.8em;
  913. font-size: 0.8em;
  914. }
  915. .callbacks_tabs a:after {
  916. height: 10px;
  917. width: 10px;
  918. }
  919. .top-header {
  920. margin: 2.5em 0 0 0;
  921. }
  922. .section-head h3 {
  923. font-size: 1.4em;
  924. margin: 0;
  925. }
  926. .section-head p {
  927. width: 80%;
  928. margin: 1em auto 0.8em auto;
  929. font-size: 0.875em;
  930. }
  931. .features-grid-info {
  932. margin: 0em 0;
  933. }
  934. .team-member{
  935. margin-bottom:1em;
  936. }
  937. .footer-social-icons li {
  938. list-style: none;
  939. padding: 1em;
  940. display: inline-block;
  941. }
  942. }
  943. /*-----640px-mediaquries----*/
  944. @media (max-width:640px){
  945. .divice-demo img{
  946. width: 47%;
  947. }
  948. .slide-text-info {
  949. margin: -4% 0 0;
  950. left: 10%;
  951. }
  952. .divice-demo{
  953. right: 5%;
  954. text-align: right;
  955. }
  956. .big-divice img{
  957. width:initial;
  958. }
  959. .team-member-info label {
  960. min-height: 125px;
  961. padding:2em;
  962. top:0;
  963. }
  964. .footer-divice img{
  965. width: initial;
  966. }
  967. .footer-divice{
  968. margin-top:1em;
  969. text-align: center;
  970. }
  971. .slide-text-info h1 {
  972. font-size: 1.5em;
  973. margin: 0.5em 0;
  974. }
  975. .slide-text-info h2 {
  976. font-size: 0.9em;
  977. }
  978. .slide-text {
  979. margin: 0.5em 0;
  980. }
  981. .slide-text ul li{
  982. font-size:0.8em;
  983. }
  984. .slide-text ul li:nth-child(2){
  985. display:none;
  986. }
  987. .big-btns a {
  988. border: 1px solid #282528;
  989. padding: 0.3em 0.8em;
  990. font-size: 0.8em;
  991. }
  992. .callbacks_tabs a:after {
  993. height: 10px;
  994. width: 10px;
  995. }
  996. .top-header {
  997. margin: 2em 0 0 0;
  998. padding: 0em 1em;
  999. }
  1000. .section-head h3 {
  1001. font-size: 1.4em;
  1002. margin: 0;
  1003. }
  1004. .section-head p {
  1005. width: 80%;
  1006. margin: 1em auto 0.8em auto;
  1007. font-size: 0.875em;
  1008. }
  1009. .features-grid-info {
  1010. margin: 0em 0;
  1011. }
  1012. .team-member{
  1013. margin-bottom:1em;
  1014. }
  1015. .footer-social-icons li {
  1016. list-style: none;
  1017. padding: 1em;
  1018. display: inline-block;
  1019. }
  1020. .big-btns {
  1021. margin: 0.8em 0em;
  1022. display: block;
  1023. }
  1024. .show-reel h5 {
  1025. padding: 3em 0;
  1026. font-size:1.8em;
  1027. }
  1028. }
  1029. /*-----480px-mediaquries----*/
  1030. @media (max-width:480px){
  1031. .divice-demo img{
  1032. width: 35%;
  1033. }
  1034. .slide-text-info {
  1035. margin: -6% 0 0;
  1036. left: 6%;
  1037. }
  1038. .divice-demo{
  1039. right: 4%;
  1040. text-align:right;
  1041. }
  1042. .big-divice img{
  1043. width:initial;
  1044. }
  1045. .team-member-info label {
  1046. min-height: 125px;
  1047. padding:2em;
  1048. top:0;
  1049. }
  1050. .footer-divice img{
  1051. width: initial;
  1052. }
  1053. .footer-divice{
  1054. margin-top:1em;
  1055. text-align: center;
  1056. }
  1057. .slide-text-info h1 {
  1058. font-size: 1.2em;
  1059. margin: 0.0em 0;
  1060. }
  1061. .slide-text-info h2 {
  1062. font-size: 0.8em;
  1063. margin:0;
  1064. }
  1065. .slide-text {
  1066. margin: 0.5em 0;
  1067. }
  1068. .slide-text ul li{
  1069. font-size: 0.7em;
  1070. }
  1071. .slide-text ul li:nth-child(2){
  1072. display:none;
  1073. }
  1074. .big-btns a {
  1075. border: 1px solid #282528;
  1076. padding: 0.5em 0.8em;
  1077. font-size: 0.7em;
  1078. }
  1079. .callbacks_tabs a:after {
  1080. height: 10px;
  1081. width: 10px;
  1082. }
  1083. .top-header {
  1084. margin: 1.4em 0 0 0;
  1085. padding: 0em 1em;
  1086. }
  1087. .section-head h3 {
  1088. font-size: 1.2em;
  1089. margin: 0;
  1090. }
  1091. .section-head p {
  1092. width: 90%;
  1093. margin: 0.8em auto 0em auto;
  1094. font-size: 0.875em;
  1095. }
  1096. .features-grid-info {
  1097. margin: 0em 0;
  1098. }
  1099. .team-member{
  1100. margin-bottom:1em;
  1101. }
  1102. .footer-social-icons li {
  1103. list-style: none;
  1104. padding: 1em;
  1105. display: inline-block;
  1106. }
  1107. .big-btns {
  1108. margin: 0.5em 0em;
  1109. display: block;
  1110. }
  1111. .show-reel h5 {
  1112. padding: 3em 0;
  1113. font-size:1.8em;
  1114. }
  1115. .subscribe input[type="text"] {
  1116. width: 100%;
  1117. }
  1118. .item p {
  1119. font-size: 0.875em;
  1120. }
  1121. .big-btns a label {
  1122. display: none;
  1123. }
  1124. .callbacks_tabs {
  1125. top: 83%;
  1126. left: 51%;
  1127. }
  1128. }
  1129. /*-----320px-mediaquries----*/
  1130. @media (max-width:320px){
  1131. .divice-demo img{
  1132. width: 30%;
  1133. }
  1134. .slide-text-info {
  1135. margin: -6% 0 0;
  1136. left: 6%;
  1137. }
  1138. .divice-demo{
  1139. right: 4%;
  1140. text-align:right;
  1141. }
  1142. .big-divice img{
  1143. width:100%;
  1144. }
  1145. .team-member-info label {
  1146. min-height: 125px;
  1147. padding:2.2em;
  1148. top:0;
  1149. }
  1150. .footer-divice img{
  1151. width: 100%;
  1152. }
  1153. .footer-divice{
  1154. margin-top:1em;
  1155. text-align: center;
  1156. }
  1157. .slide-text-info h1 {
  1158. font-size: 1em;
  1159. margin: 0.0em 0;
  1160. line-height:1.8em;
  1161. }
  1162. .slide-text-info h2 {
  1163. font-size: 0.7em;
  1164. margin: 0;
  1165. width: 55%;
  1166. line-height: 1.5em;
  1167. }
  1168. .slide-text {
  1169. margin: 0.5em 0;
  1170. }
  1171. .slide-text ul li{
  1172. font-size: 0.7em;
  1173. }
  1174. .slide-text ul li:nth-child(2){
  1175. display:none;
  1176. }
  1177. .big-btns a {
  1178. border: 1px solid #282528;
  1179. padding: 0.4em 0.5em;
  1180. font-size: 0.6em;
  1181. }
  1182. .callbacks_tabs a:after {
  1183. height: 10px;
  1184. width: 10px;
  1185. }
  1186. .top-header {
  1187. margin: 1.4em 0 0 0;
  1188. padding: 0em 1em;
  1189. }
  1190. .section-head h3 {
  1191. font-size: 1em;
  1192. margin: 0;
  1193. }
  1194. .section-head p {
  1195. width: 90%;
  1196. margin: 0.8em auto 0em auto;
  1197. font-size: 0.875em;
  1198. }
  1199. .features-grid-info {
  1200. margin: 0em 0;
  1201. }
  1202. .team-member{
  1203. margin-bottom:1em;
  1204. }
  1205. .footer-social-icons li {
  1206. list-style: none;
  1207. padding: 1em;
  1208. display: inline-block;
  1209. }
  1210. .big-btns {
  1211. margin: 0em 0em;
  1212. display: block;
  1213. }
  1214. .show-reel h5 {
  1215. padding: 2em 0;
  1216. font-size: 1.2em;
  1217. }
  1218. .subscribe input[type="text"] {
  1219. width: 100%;
  1220. }
  1221. .item p {
  1222. font-size: 0.875em;
  1223. }
  1224. .big-btns a label {
  1225. display: none;
  1226. }
  1227. .callbacks_tabs {
  1228. top: 95%;
  1229. left: 4%;
  1230. }
  1231. .header-section {
  1232. padding: 0 0 2em 0;
  1233. background: #F9E514;
  1234. }
  1235. .slide-text ul{
  1236. display:none;
  1237. }
  1238. .screen-shot-gallery {
  1239. padding: 0em 0;
  1240. }
  1241. .featured {
  1242. padding: 0em 0 2em;
  1243. }
  1244. .team {
  1245. padding: 0em 0 2em;
  1246. }
  1247. .test-monials {
  1248. padding: 2em 0;
  1249. }
  1250. .getintouch {
  1251. padding: 0em 0 0 0;
  1252. }
  1253. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement