It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://wikibacklink.com/

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <title>Free Baclink Checker tool</title>
  6. <meta name="description" content="" />
  7. <!-- custom-theme -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <!-- //custom-theme -->
  11. <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  12. <!-- <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> -->
  13.    <style type="text/css" media="screen">
  14. html, body{
  15.    font-size: 100%;
  16.    font-family: 'Open Sans', sans-serif;
  17.    background:#ffffff;
  18.    margin: 0;
  19. }
  20. p,ul li,ol li{
  21.    /*margin:0;*/
  22.    line-height: 18px;
  23.    font-size:14px;
  24. }
  25. h1,h2,h3,h4,h5,h6{
  26.    font-family: 'Dosis', sans-serif;
  27.    margin:0;
  28. }
  29. ul,label{
  30.    margin:0;
  31.    padding:0;
  32. }
  33. body a:hover{
  34.    text-decoration:none;
  35. }
  36. input[type="submit"],input[type="reset"],a,.agileinfo_services_grid1_pos,.agileinfo_services_grid1 h4,.simplefilter li{
  37.    -webkit-transition: 0.5s ease-in;
  38.    -moz-transition: 0.5s ease-in;
  39.    -ms-transition: 0.5s ease-in;
  40.    -o-transition: 0.5s ease-in;
  41.    transition:0.5s ease-in;
  42. }
  43. /*-- banner --*/
  44. .banner{
  45.    background:url(/images/banner.jpg) no-repeat 0px 0px;
  46.    background-size:cover;
  47.    -webkit-background-size:cover;
  48.    -moz-background-size:cover;
  49.    -o-background-size:cover;
  50.    -ms-background-size:cover;
  51.    /*min-height:750px;*/
  52. }
  53. .banner1{
  54.    background:url(/images/banner.jpg) no-repeat 0px -115px;
  55.    background-size:cover;
  56.    -webkit-background-size:cover;
  57.    -moz-background-size:cover;
  58.    -o-background-size:cover;
  59.    -ms-background-size:cover;
  60.    min-height:350px;
  61. }
  62. .w3_agile_banner_top{
  63.    border-bottom:1px solid #fff;
  64. }
  65. .agile_phone_mail{
  66.    text-align:right;
  67. }
  68. .agile_phone_mail ul li{
  69.    display: inline-block;
  70.    padding: 6px 20px;
  71.    border-left: 1px solid #fff;
  72.    color: #212121;
  73. }
  74. .agile_phone_mail ul li a{
  75.    text-decoration:none;
  76.    color:#212121;
  77. }
  78. .agile_phone_mail ul li a:hover{
  79.    color:#fff;
  80. }
  81. .agile_phone_mail ul li i{
  82.    padding-right:1em;
  83. }
  84. .agileits_w3layouts_banner_nav{
  85.    padding:1em;
  86.    border-bottom:1px solid #fff;
  87. }
  88. .navbar-default {
  89.    background: none;
  90.    border: none;
  91. }
  92. .navbar {
  93.    border-radius: 0;
  94.    margin-bottom:0;
  95. }
  96. .navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  97.    color: #fff;
  98. }
  99. .navbar-default .navbar-nav > li > a:hover{
  100.    color: #7f56b8;
  101. }
  102. .agile_short_dropdown {
  103.    background: #00ba66;
  104.    border: none;
  105.    box-shadow: none;
  106.    border-radius: 0;
  107.    text-align: center;
  108.    padding:0;
  109.    min-width: 130px;
  110. }
  111. .agile_short_dropdown li a {
  112.    color: #fff;
  113.    font-weight: 600;
  114.    padding: 10px 0;
  115. }
  116. .navbar-brand {
  117.    padding: 0;
  118.    font-size: .8em;
  119.    line-height: 45px;
  120.    height: 45px;
  121.    letter-spacing: 2px;
  122. }
  123. .navbar-brand span {
  124.    border-bottom: 2px solid #212121;
  125.    border-top: 2px solid #212121;
  126. }
  127. .navbar-brand i{
  128.    font-style: normal;
  129.    font-size: 2em;
  130.    display: inline-block;
  131.    color: #7f56b8;
  132.    vertical-align: top;
  133. }
  134. .w3_agileits_search {
  135.    float: right;
  136.    width: 100%;
  137.    padding:6px;
  138.    background:rgba(33, 33, 33, 0.49);
  139.    border:1px solid #b6babd;
  140. }
  141. .w3_agileits_search input[type="text"]{
  142.    outline:none;
  143.    color:#fff;
  144.    background:none;
  145.    border:none;
  146.    padding:0;
  147.    font-size:14px;
  148.    width:80%;
  149. }
  150. .w3_agileits_search input[type="submit"]{
  151.    outline: none;
  152.    background: url(/images/search.png) no-repeat 6px 1px;
  153.    border: none;
  154.    padding: 0;
  155.    width: 15%;
  156. }
  157. .w3_agileits_search input[type="text"]::-webkit-input-placeholder{
  158.    color:#fff !important;
  159. }
  160. .navbar-collapse {
  161.    padding: 0;
  162. }
  163. .navbar-nav > li > a {
  164.    text-transform: uppercase;
  165.    padding:5px 15px;
  166.    font-weight: 600;
  167.    font-size: 13px;
  168. }
  169. .navbar-right {
  170.    width: 58%;
  171.    margin-right: 0;
  172. }
  173. .navbar-default .navbar-nav > li > a {
  174.    color: #212121;
  175. }
  176. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  177.    color: #212121;
  178.    background-color: transparent;
  179. }
  180. .navbar-default .navbar-nav > .menu__item--current.open > a,.navbar-default .navbar-nav > .menu__item--current.open > a:focus  {
  181.    color:#7f56b8;
  182. }
  183. .navbar {
  184.    min-height: 45px;
  185. }
  186. .navbar-nav {
  187.    margin: 0.2em 0 0;
  188. }
  189. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  190.    color: #fff;
  191.    background-color: #00ba66;
  192. }
  193. .navbar-nav > li {
  194.    margin: 0 2px;
  195. }
  196. .wthree_banner_info{
  197.    width:60%;
  198.    margin:13em auto 0;
  199.    text-align:center;
  200. }
  201. .wthree_banner_info h2{
  202.    font-size: 3em;
  203.    color: #fff;
  204.    font-weight: 600;
  205.    text-transform: uppercase;
  206.    line-height:1.5em;
  207.    margin-bottom:2em;
  208. }
  209. .wthree_banner_info h2 span{
  210.    display: block;
  211.    font-size: .4em;
  212.    line-height: 1.4em;
  213.    width: 15%;
  214.    margin: 0 auto;
  215.    background: #7f56b8;
  216. }
  217. .agileinfo_more{
  218.    position: relative;
  219.    z-index: 1;
  220. }
  221. .agileinfo_more a{
  222.    text-transform: uppercase;
  223.    font-weight: 600;
  224.    text-decoration: none;
  225.    display: inline-block;
  226.    letter-spacing: 5px;
  227.    font-size: 14px;
  228.    border: 2px solid #fff;
  229. }
  230. .agileinfo_more a:focus {
  231.    color:#fff;
  232.    outline: none;
  233. }
  234. .link {
  235.    outline: none;
  236.    position: relative;
  237.    display: inline-block;
  238. }
  239. /* Kumya */
  240. .link--kumya {
  241.    overflow: hidden;
  242.    padding: 15px 30px;
  243.    line-height: 1;
  244.    color: #fff;
  245. }
  246.  
  247. .link--kumya:hover {
  248.    color:#212121;
  249. }
  250.  
  251. .link--kumya::after {
  252.    content: '';
  253.    position: absolute;
  254.    height: 100%;
  255.    width: 100%;
  256.    top: 0;
  257.    right: 0;
  258.    z-index: -1;
  259.    background: #00ba66;
  260.    -webkit-transform: translate3d(101%,0,0);
  261.    transform: translate3d(101%,0,0);
  262.    -webkit-transition: -webkit-transform 0.5s;
  263.    transition: transform 0.5s;
  264.    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  265.    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  266. }
  267.  
  268. .link--kumya:hover::after {
  269.    -webkit-transform: translate3d(0,0,0);
  270.    transform: translate3d(0,0,0);
  271. }
  272.  
  273. .link--kumya span {
  274.    display: block;
  275.    position: relative;
  276. }
  277.  
  278. .link--kumya span::before {
  279.    content: attr(data-letters);
  280.    position: absolute;
  281.    color: #212121;
  282.    left: 0;
  283.    overflow: hidden;
  284.    white-space: nowrap;
  285.    width: 0%;
  286.    -webkit-transition: width 0.5s;
  287.    transition: width 0.5s;
  288.    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  289.    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  290. }
  291.  
  292. .link--kumya:hover span::before {
  293.    width: 100%;
  294. }
  295. /*-- //banner --*/
  296. /*-- banner-bottom --*/
  297. .banner-bottom,.testimonials,.services,.service-bottom,.stats-bottom{
  298.    padding:5em 0;
  299. }
  300. .banner-bottom h3{
  301.    text-align: center;
  302.    color: #212121;
  303.    font-size: 2.5em;
  304.    text-transform: capitalize;
  305.    width:60%;
  306.    margin:0 auto;
  307.    line-height:1.5em;
  308. }
  309. .banner-bottom h3 span{
  310.    color:#00ba66;
  311. }
  312. .banner-bottom h3 span.fixed_w3{
  313.    color:#7f56b8;
  314. }
  315. .agileits_banner_bottom_grids,.w3layouts_work_grids,.wthree_testimonial_grids,.wthree_services_grids,.w3layouts_mail_grid{
  316.    margin:3em 0 0;
  317. }
  318. .w3ls_banner_bottom_grid{
  319.    position:relative;
  320. }
  321. .w3ls_banner_bottom_grid_pos{
  322.    position:absolute;
  323.    top:0%;
  324.    left:0%;
  325.    width:100%;
  326.    text-align:center;
  327. }
  328. /*-- image-effect --*/
  329. .hovereffect {
  330.    overflow: hidden;
  331.    position: relative;
  332.    text-align: center;
  333. }
  334.  
  335. .hovereffect .overlay {
  336.  width: 100%;
  337.  height: 100%;
  338.  position: absolute;
  339.  overflow: hidden;
  340.  top: 0;
  341.  left: 0;
  342.  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  343.  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  344. }
  345.  
  346. .hovereffect:hover .overlay {
  347.  background-color:rgba(23, 24, 24, 0.49);
  348. }
  349.  
  350. .hovereffect img {
  351.  display: block;
  352.  position: relative;
  353. }
  354.  
  355. .hovereffect h4 {
  356.    text-transform: uppercase;
  357.    color: #fff;
  358.    text-align: center;
  359.    position: relative;
  360.    font-size: 1.3em;
  361.    padding: 10px 0;
  362.    width: 80%;
  363.    margin: 0 auto;
  364.    font-weight: 600;
  365.    background: rgba(0, 186, 102, 0.55);
  366.    -webkit-transform:translateY(60px);
  367.    -ms-transform:translateY(60px);
  368.    transform:translateY(60px);
  369.    -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  370.    transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  371. }
  372.  
  373. .hovereffect:hover h4 {
  374.  -webkit-transform: translateY(20px);
  375.  -ms-transform: translateY(20px);
  376.  transform: translateY(20px);
  377.  -moz-transform: translateY(20px);
  378.  -o-transform: translateY(20px);
  379. }
  380.  
  381. .hovereffect p{
  382.    text-transform: uppercase;
  383.    color: #fff;
  384.    background-color: transparent;
  385.    opacity: 0;
  386.    filter: alpha(opacity=0);
  387.    -webkit-transform: scale(0);
  388.    -ms-transform: scale(0);
  389.    transform: scale(0);
  390.    -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  391.    transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  392.    font-weight: normal;
  393.    margin: 0;
  394.    padding: 3em 2em 0em;
  395.    letter-spacing: 2px;
  396. }
  397.  
  398. .hovereffect:hover p{
  399.  opacity: 1;
  400.  filter: alpha(opacity=100);
  401.  -webkit-transform: scale(1);
  402.  -ms-transform: scale(1);
  403.  transform: scale(1);
  404. }
  405. /*-- //banner-bottom --*/
  406. /*-- work --*/
  407. .w3l_header{
  408.    font-size: 1.5em;
  409.    color: #212121;
  410.    letter-spacing: 5px;
  411.    text-transform: uppercase;
  412.    position: relative;
  413. }
  414. .w3l_header span{
  415.    color:#00ba66;
  416. }
  417. .w3l_header:after{
  418.    content: '';
  419.    background: #212121;
  420.    height: 2px;
  421.    width: 13%;
  422.    left: 14%;
  423.    position: absolute;
  424.    top: 49%;
  425. }
  426. .w3layouts_work_grid_left{
  427.    float:left;
  428.    width:50%;
  429.    position:relative;
  430. }
  431. .w3layouts_work_grid_left_pos{
  432.    position: absolute;
  433.    top: 13%;
  434.    right: 0%;
  435.    width: 60%;
  436. }
  437. .w3layouts_work_grid_right{
  438.    float: right;
  439.    width: 50%;
  440.    padding: 5em 17em 5em 5em;
  441.    margin-top:3em;
  442. }
  443. .w3layouts_work_grid_left_pos img {
  444.    border: 5px solid #7f56b8;
  445. }
  446. .w3layouts_work_grid_right h4{
  447.    font-size: .9em;
  448.    color: #00ba66;
  449.    text-transform: uppercase;
  450.    letter-spacing: 2px;
  451. }
  452. .w3layouts_work_grid_right h5{
  453.    font-size:2em;
  454.    color:#212121;
  455.    line-height:1.4em;
  456.    text-transform:capitalize;
  457. }
  458. .w3layouts_work_grid_right p{
  459.    margin:2em 0 0;
  460.    color:#999;
  461.    line-height:2em;
  462. }
  463. /*-- //work --*/
  464. /*-- team --*/
  465. .team{
  466.    background:url(/images/8.jpg) no-repeat 0px 0px;
  467.    background-size:cover;
  468.    -webkit-background-size:cover;
  469.    -moz-background-size:cover;
  470.    -o-background-size:cover;
  471.    -ms-background-size:cover;
  472.    min-height:500px;
  473. }
  474. .w3_agile_team_grid{
  475.    width: 40%;
  476.    margin:5em 0 0 13em;
  477. }
  478. .agile_team_text{
  479.    padding: 2em;
  480.    background: #00ba66;
  481.    border-radius: 90px;
  482.    position: relative;
  483. }
  484. .agile_team_text:after {
  485.    content: '';
  486.    background: url(/images/1.png) no-repeat 0px 0px;
  487.    display: block;
  488.    width: 47px;
  489.    height: 36px;
  490.    position: absolute;
  491.    right: 2%;
  492.    bottom:-3%;
  493. }
  494. .agile_team_text p{
  495.    color:#fff;
  496.    font-weight:600;
  497.    line-height:2em;
  498.    text-align:center;
  499. }
  500. .agileits_w3layouts_quotes{
  501.    position: relative;
  502.    margin: 2em 0 0;
  503.    text-align: right;
  504. }
  505. .agileits_w3layouts_quotes:after{
  506.    content: "\f10e";
  507.    font-size: 2em;
  508.    color: #00ba66;
  509.    position: absolute;
  510.    top: 0%;
  511.    right: -10%;
  512.    font-family: FontAwesome;
  513. }
  514. .agileits_w3layouts_quotes h3{
  515.    font-size:1.5em;
  516.    color:#fff;
  517. }
  518. .agileits_w3layouts_quotes p{
  519.    color: #212121;
  520.    font-weight: bold;
  521.    text-transform: uppercase;
  522. }
  523. /*-- //team --*/
  524. /*-- testimonials --*/
  525. .w3_agileits_header:after {
  526.    left: 25% !important;
  527. }
  528. .agileinfo_testimonials_left{
  529.    text-align:center;
  530. }
  531. .agileinfo_testimonials_left img{
  532.    border: 3px solid #00ba66;
  533.    border-radius: 60px;
  534.    margin: 0 auto;
  535. }
  536. .agileinfo_testimonials_left h4{
  537.    font-size:1.2em;
  538.    color:#7f56b8;
  539.    margin:1em 0 0.3em;
  540. }
  541. .agileinfo_testimonials_left p{
  542.    text-transform:uppercase;
  543.    font-weight:bold;
  544.    color:#212121;
  545. }
  546. .agileits_testimonials_right_grid{
  547.    padding:1.5em;
  548.    position:relative;
  549.    box-shadow:0px 0px 5px #c3c3c3;
  550. }
  551. .agileits_testimonials_right_grid:before{
  552.    content: '';
  553.    position: absolute;
  554.    top: 35%;
  555.    left: -3%;
  556.    border-right: 10px solid #999;
  557.    border-top: 10px solid transparent;
  558.    border-bottom: 10px solid transparent;
  559. }
  560. .agileits_testimonials_right_grid p{
  561.    color:#999;
  562.    line-height:2em;
  563. }
  564. .wthree_testimonial_grid_left {
  565.    padding: 0;
  566. }
  567. .w3l_testimonial_grid_left_grid{
  568.    margin-top:2em;
  569. }
  570. .w3_testimonials_right_grid:before {
  571.    border-left: 10px solid #999;
  572.    border-right: none !important;
  573.    left: auto !important;
  574.    right: -3% !important;
  575. }
  576. .wthree_testimonial_grid_right h3{
  577.    font-size:2em;
  578.    color:#212121;
  579.    line-height:1.5em;
  580. }
  581. .wthree_testimonial_grid_right{
  582.    text-align:right;
  583.    margin-top:5em;
  584. }
  585. .wthree_testimonial_grid_right h3 span{
  586.    color:#7f56b8;
  587. }
  588. .wthree_testimonial_grid_right p{
  589.    margin:2em 0 0;
  590.    color:#999;
  591.    line-height:2em;
  592. }
  593. /*-- //testimonials --*/
  594. /*-- footer --*/
  595. .footer{
  596.    padding:2em 0;
  597.    background:#212121;
  598. }
  599. .w3layouts_footer_grid h2{
  600.    font-size:2em;
  601.    color:#fff;
  602.    position:relative;
  603.    margin-bottom: 1em;
  604. }
  605. .w3layouts_footer_grid h2:after{
  606.    content: '';
  607.    position: absolute;
  608.    top: 55%;
  609.    left: 35%;
  610.    width: 25%;
  611.    height: 2px;
  612.    background: #fff;
  613. }
  614. .w3layouts_footer_grid h2 span{
  615.    color:#00ba66;
  616. }
  617. .social_agileinfo li{
  618.    display:inline-block;
  619. }
  620. .social_agileinfo li a{
  621.    width:40px;
  622.    height:40px;
  623.    display:block;
  624.    border:1px solid #fff;
  625.    text-align:center;
  626.    color:#fff;
  627. }
  628. .social_agileinfo li a i{
  629.    font-size:1em;
  630.    line-height:2.8em;
  631. }
  632. .w3_facebook:hover{
  633.    border:1px solid #3b5998;
  634.    background:#3b5998;
  635. }
  636. .w3_twitter:hover{
  637.    border:1px solid #1da1f2;
  638.    background:#1da1f2;
  639. }
  640. .w3_instagram:hover{
  641.    border:1px solid #833ab4;
  642.    background:#833ab4;
  643. }
  644. .w3_google:hover{
  645.    border:1px solid #dd4b39;
  646.    background:#dd4b39;
  647. }
  648. .w3l_footer_nav{
  649.    margin: 3em 0 1em;
  650. }
  651. .w3l_footer_nav li{
  652.    display:inline-block;
  653.    margin-right:4em;
  654.    text-transform:uppercase;
  655. }
  656. .w3l_footer_nav li a{
  657.    color:#fff;
  658.    font-weight:bold;
  659.    text-decoration:none;
  660. }
  661. .w3l_footer_nav li a:hover,.w3l_footer_nav li a.active{
  662.    color:#00ba66;
  663. }
  664. .w3layouts_footer_grid p{
  665.    color:#999;
  666.    line-height:1.8em;
  667. }
  668. .w3layouts_footer_grid p a{
  669.    color:#fff;
  670.    text-decoration:underline;
  671. }
  672. .w3layouts_footer_grid p a:hover{
  673.    color:#00ba66;
  674. }
  675. .w3layouts_footer_grid form{
  676.    padding: 1em;
  677.    border: 1px solid #fff;
  678.    border-radius: 30px;
  679.    width: 70%;
  680. }
  681. .w3layouts_footer_grid input[type="email"]{
  682.    outline:none;
  683.    padding:0 10px;
  684.    color:#fff;
  685.    font-size:14px;
  686.    width:88%;
  687.    background:none;
  688.    border:none;
  689. }
  690. .w3layouts_footer_grid input[type="submit"]{
  691.    outline: none;
  692.    padding: 0;
  693.    width: 10%;
  694.    background: url(/images/arrow.png) no-repeat 0px 4px;
  695.    border: none;
  696. }
  697. /*-- //footer --*/
  698. /*-- menu --*/
  699. .menu__list {
  700.    position: relative;
  701.    list-style: none;
  702. }
  703. .menu__link {
  704.    -webkit-user-select: none;
  705.    -moz-user-select: none;
  706.    -ms-user-select: none;
  707.    user-select: none;
  708.    -webkit-touch-callout: none;
  709.    -khtml-user-select: none;
  710.    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  711. }
  712. /* Iris */
  713. .menu--iris .menu__item {
  714.    margin:0 0.1em 0 0;
  715. }
  716.  
  717. .menu--iris .menu__link {
  718.    position: relative;
  719.    text-align: center;
  720.    color: #b5b5b5;
  721.    -webkit-transition: color 0.3s;
  722.    transition: color 0.3s;
  723. }
  724.  
  725. .menu--iris .menu__link:hover,
  726. .menu--iris .menu__link:focus {
  727.    color: #7f56b8;
  728. }
  729.  
  730. .menu--iris .menu__item--current .menu__link {
  731.    color: #7f56b8;
  732. }
  733.  
  734. .menu--iris .menu__link::before,
  735. .menu--iris .menu__link::after {
  736.    content: '';
  737.    position: absolute;
  738.    width: 10px;
  739.    height: 10px;
  740.    opacity: 0;
  741.    border: 2px solid #7f56b8;
  742.    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  743.    transition: transform 0.3s, opacity 0.3s;
  744.    -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
  745.    transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
  746. }
  747.  
  748. .menu--iris .menu__link::before {
  749.    top: 0;
  750.    left: 0;
  751.    border-width: 2px 0 0 2px;
  752.    -webkit-transform: translate3d(10px, 10px, 0);
  753.    transform: translate3d(10px, 10px, 0);
  754. }
  755.  
  756. .menu--iris .menu__link::after {
  757.    right: 0;
  758.    bottom: 0;
  759.    border-width: 0 2px 2px 0;
  760.    -webkit-transform: translate3d(-10px, -10px, 0);
  761.    transform: translate3d(-10px, -10px, 0);
  762. }
  763.  
  764. .menu--iris .menu__item--current .menu__link::before,
  765. .menu--iris .menu__item--current .menu__link::after,.menu__link:hover::before,.menu__link:hover::after{
  766.    opacity: 1;
  767.    -webkit-transform: translate3d(0, 0, 0);
  768.    transform: translate3d(0, 0, 0);
  769. }
  770. /*-- //menu --*/
  771. /*-- bootstrap-pop-up --*/
  772. .modal-header {
  773.    font-size: 2em;
  774.    color: #fff;
  775.    font-family: 'Work Sans', sans-serif;
  776.    text-align: center;
  777.    text-transform: uppercase;
  778.    font-weight: 600;
  779.    background: #00ba66;
  780. }
  781. .close {
  782.    opacity: 1;
  783. }
  784. .modal-body p {
  785.    color: #999;
  786.    text-align: left;
  787.    padding:2em 2em 1em;
  788.    margin: 0 !important;
  789.    line-height:2em;
  790. }
  791. .modal-body p i {
  792.    display: block;
  793.    margin: 2em 0 0;
  794.    color:#212121;
  795. }
  796. .modal-body {
  797.    padding:0;
  798. }
  799. .modal-content {
  800.    border-radius: 0;
  801. }
  802. button.close {
  803.    font-size: 1em;
  804.    color:#014727;
  805.    outline: none;
  806. }
  807. /*-- //bootstrap-pop-up --*/
  808. /*-- to-top --*/
  809. #toTop {
  810.    display: none;
  811.    text-decoration: none;
  812.    position: fixed;
  813.    bottom: 20px;
  814.    right: 2%;
  815.    overflow: hidden;
  816.    z-index: 999;
  817.    width: 32px;
  818.    height: 32px;
  819.    border: none;
  820.    text-indent: 100%;
  821.    background: url(/images/arrow-top.png) no-repeat 0px 0px;
  822. }
  823. #toTopHover {
  824.    width: 32px;
  825.    height: 32px;
  826.    display: block;
  827.    overflow: hidden;
  828.    float: right;
  829.    opacity: 0;
  830.    -moz-opacity: 0;
  831.    filter: alpha(opacity=0);
  832. }
  833. /*-- //to-top --*/
  834. /*-- services --*/
  835. .w3_agileits_service_banner_info h2{
  836.    text-align: center;
  837.    font-size: 3em;
  838.    color: #fff;
  839.    margin-top:2em;
  840.    text-transform: uppercase;
  841.    letter-spacing: 15px;
  842. }
  843. .wthree_services_grid_left h3{
  844.    font-size: 1.7em;
  845.    color: #212121;
  846.    line-height: 1.5em;
  847.    text-transform: capitalize;
  848.    letter-spacing: 1px;
  849. }
  850. .wthree_services_grid_left h3 span{
  851.    color:#7f56b8;
  852. }
  853. .wthree_services_grid_left p{
  854.    color:#999;
  855.    line-height:2em;
  856.    margin:2em 0;
  857. }
  858. .w3_agileits_more a {
  859.    border-color: #7f56b8;
  860. }
  861. .w3_agileits_more a.link.link--kumya{
  862.    color:#7f56b8;
  863. }
  864. .w3_agileits_more a:hover {
  865.    border-color: #212121;
  866. }
  867. .agileits_w3layouts_service_grid{
  868.    text-align:center;
  869. }
  870. .agile_service_grd{
  871.    width: 100px;
  872.    height: 100px;
  873.    border: 1px solid #212121;
  874.    text-align: center;
  875.    margin: 0 auto;
  876.    position: relative;
  877.    z-index: 1;
  878. }
  879. .agile_service_grd i{
  880.    font-size:2em;
  881.    color:#212121;
  882.    line-height:3em;
  883. }
  884. .agileits_w3layouts_service_grid h4{
  885.    text-transform: uppercase;
  886.    font-size: 1.1em;
  887.    color: #00ba66;
  888.    margin: 1.5em 0 .8em;
  889.    letter-spacing: 4px;
  890.    border-top: 1px solid #212121;
  891.    border-bottom: 1px solid #212121;
  892.    padding: .3em 0;
  893. }
  894. .agileits_w3layouts_service_grid p{
  895.    color:#999;
  896.    line-height:1.7em;
  897. }
  898. .agileits_w3layouts_service_grid:hover .agile_service_grd{
  899.    -webkit-animation: fa-spin 3s infinite linear;
  900.    animation: fa-spin 3s infinite linear;
  901.    background:#00ba66;
  902.    border-color:#00ba66;
  903. }
  904. .agileits_w3layouts_service_grid:hover .agile_service_grd i{
  905.    color:#fff;
  906. }
  907. /*-- //services --*/
  908. /*-- service-bottom --*/
  909. .service-bottom{
  910.    background: url(/images/9.jpg);
  911.    background-repeat: no-repeat;
  912.    background-position: center;
  913.    background-attachment: fixed;
  914.    background-size: 100% 100%;
  915.    -webkit-background-size: 100% 100%;
  916.    -moz-background-size: 100% 100%;
  917.    -o-background-size: 100% 100%;
  918.    -ms-background-size: 100% 100%;
  919. }
  920. .w3layouts_service_bottom_grid{
  921.    text-align:center;
  922. }
  923. .agileits_w3layouts_stats_grid{
  924.    width:80px;
  925.    height:80px;
  926.    border:2px solid #fff;
  927.    margin:0 auto;
  928. }
  929. .agileits_w3layouts_stats_grid i{
  930.    font-size:2em;
  931.    color:#fff;
  932.    line-height:2.3em;
  933.    margin:0 auto;
  934. }
  935. .w3layouts_service_bottom_grid p{
  936.    font-size: 2em;
  937.    font-weight: bold;
  938.    padding: .2em .5em;
  939.    background: #00ba66;
  940.    color: #fff;
  941.    margin: .5em auto;
  942.    width: 65%;
  943. }
  944. .w3layouts_service_bottom_grid h3{
  945.    font-size: 1.5em;
  946.    color: #fff;
  947.    text-transform: uppercase;
  948.    letter-spacing: 4px;
  949. }
  950. /*-- //service-bottom --*/
  951. /*-- stats-bottom --*/
  952. .agileinfo_services_grid1{
  953.    padding:2em;
  954.    background:#f5f5f5;
  955.    position:relative;
  956. }
  957. .agileinfo_services_grid1_pos{
  958.    position: absolute;
  959.    width: 50px;
  960.    height: 50px;
  961.    background: #707070;
  962.    border-radius: 40px;
  963.    top: -20%;
  964.    left: 5%;
  965.    text-align: center;
  966. }
  967. .agileinfo_services_grid1_pos span{
  968.    color: #fff;
  969.    font-size: 1em;
  970.    top: 15px;
  971. }
  972. .agileinfo_services_grid1 h4{
  973.    font-size:1.1em;
  974.    color:#212121;
  975.    text-transform:capitalize;
  976.    line-height:1.5em;
  977.    position:relative;
  978.    padding-bottom:.5em;
  979.    letter-spacing: 2px;
  980. }
  981. .agileinfo_services_grid1 h4:after{
  982.    content:'';
  983.    background:#999;
  984.    height:2px;
  985.    width:20%;
  986.    right:10%;
  987.    bottom:0%;
  988.    position:absolute;
  989. }
  990. .agileinfo_services_grid1 p{
  991.    color:#999;
  992.    line-height:2em;
  993.    margin:1em 0 0;
  994. }
  995. .agileinfo_services_grids{
  996.    margin:5em 0 4em;
  997. }
  998. .agileinfo_services_grid:hover .agileinfo_services_grid1 h4:after,.agileinfo_services_grid:hover .agileinfo_services_grid1_pos{
  999.    background:#7f56b8;
  1000. }
  1001. .agileinfo_services_grid:hover .agileinfo_services_grid1_pos span{
  1002.    color: #fff;
  1003. }
  1004. /*-- //stats-bottom --*/
  1005. /*-- portfolio --*/
  1006. .w3_agileits_header1:after{
  1007.    left:20% !important;
  1008. }
  1009. .filtr-item {
  1010.    padding: 1em;
  1011. }
  1012. .item-desc {
  1013.    background-color: rgba(0,0,0,0.5);
  1014.    color: white;
  1015.    position: absolute;
  1016.    text-transform: uppercase;
  1017.    text-align: center;
  1018.    padding: 1em;
  1019.    z-index: 1;
  1020.    bottom: 1em;
  1021.    left: 1em;
  1022.    right: 1em;
  1023. }
  1024. /* Filter controls */
  1025. ul.simplefilter {
  1026.    text-align: center;
  1027.    margin-bottom: 2em;
  1028. }
  1029. .simplefilter li {
  1030.    color: white;
  1031.    cursor: pointer;
  1032.    display: inline-block;
  1033.    text-transform: uppercase;
  1034.    padding: 0.8em 2em;
  1035.    -webkit-border-radius: 25px;
  1036.    -moz-border-radius: 25px;
  1037.    -o-border-radius: 25px;
  1038.    -ms-border-radius: 25px;
  1039.    border-radius: 25px;
  1040.    margin: 0 0.3em;
  1041. }
  1042. .simplefilter li {
  1043.    background-color: #212121;
  1044. }
  1045. .simplefilter li.active,.simplefilter li:hover {
  1046.    background-color: #00ba66;
  1047. }
  1048. .agileits_portfolio_grid{
  1049.    position:relative;
  1050.    overflow: hidden;
  1051. }
  1052. .agileits_portfolio_grid .w3_textbox{
  1053.    width: 100%;
  1054.    height: 100%;
  1055.    position: absolute;
  1056.    top: 0;
  1057.    left: 0;
  1058.    -webkit-transform: scale(0);
  1059.    transform: scale(0);
  1060.    background-color: rgba(0, 0, 0, 0.53);
  1061.    padding: 0 2em;
  1062. }
  1063. .agileits_portfolio_grid:hover .w3_textbox{
  1064.    -webkit-transform:scale(1);
  1065.    transform:scale(1);
  1066. }
  1067. .w3_textbox {
  1068.    -webkit-transition: all 0.5s ease;
  1069.    transition: all 0.5s ease;
  1070.    text-align:center;
  1071. }
  1072. .w3_textbox h4 {
  1073.    font-size: 1.5em;
  1074.    color:#00ba66;
  1075.    margin: 3em 0 .5em;
  1076.    text-transform: uppercase;
  1077.    letter-spacing: 5px;
  1078. }
  1079. .w3_textbox p{
  1080.    color: #fff;
  1081.    line-height: 1.8em;
  1082. }
  1083. /*-- //portfolio --*/
  1084. /*-- icons --*/
  1085. ul.bs-glyphicons-list li:hover {
  1086.    background: #000;
  1087.    transition: 0.5s all;
  1088.    -webkit-transition: 0.5s all;
  1089.    -o-transition: 0.5s all;
  1090.    -ms-transition: 0.5s all;
  1091.    -moz-transition: 0.5s all;
  1092. }
  1093. ul.bs-glyphicons-list li:hover span {
  1094.    color: #fff;
  1095. }
  1096. .codes a {
  1097.    color: #999;
  1098. }
  1099. .row.fontawesome-icon-list {
  1100.    margin: 0;
  1101. }
  1102. .icon-box {
  1103.    padding: 8px 15px;
  1104.    background:rgba(149, 149, 149, 0.18);
  1105.    margin: 1em 0 1em 0;
  1106.    border: 5px solid #ffffff;
  1107.    text-align: left;
  1108.    -moz-box-sizing: border-box;
  1109.    -webkit-box-sizing: border-box;
  1110.    box-sizing: border-box;
  1111.    font-size: 13px;
  1112.    transition: 0.5s all;
  1113.    -webkit-transition: 0.5s all;
  1114.    -o-transition: 0.5s all;
  1115.    -ms-transition: 0.5s all;
  1116.    -moz-transition: 0.5s all;
  1117.    cursor: pointer;
  1118. }
  1119. .icon-box:hover {
  1120.    background: #000;
  1121.    transition:0.5s all;
  1122.    -webkit-transition:0.5s all;
  1123.    -o-transition:0.5s all;
  1124.    -ms-transition:0.5s all;
  1125.    -moz-transition:0.5s all;
  1126. }
  1127. .icon-box:hover i.fa {
  1128.    color:#fff !important;
  1129. }
  1130. .icon-box:hover a.agile-icon {
  1131.    color:#fff !important;
  1132. }
  1133. .codes .bs-glyphicons li {
  1134.    float: left;
  1135.    width: 12.5%;
  1136.    height: 115px;
  1137.    padding: 10px;
  1138.    line-height: 1.4;
  1139.    text-align: center;
  1140.    font-size: 12px;
  1141.    list-style-type: none;
  1142. }
  1143. .codes .bs-glyphicons .glyphicon {
  1144.    margin-top: 5px;
  1145.    margin-bottom: 10px;
  1146.    font-size: 24px;
  1147. }
  1148. .codes .glyphicon {
  1149.    position: relative;
  1150.    top: 1px;
  1151.    display: inline-block;
  1152.    font-family: 'Glyphicons Halflings';
  1153.    font-style: normal;
  1154.    font-weight: 400;
  1155.    line-height: 1;
  1156.    -webkit-font-smoothing: antialiased;
  1157.    -moz-osx-font-smoothing: grayscale;
  1158.    color: #777;
  1159. }
  1160. .codes .bs-glyphicons .glyphicon-class {
  1161.    display: block;
  1162.    text-align: center;
  1163.    word-wrap: break-word;
  1164. }
  1165. h3.icon-subheading {
  1166.    font-size: 25px;
  1167.    color:#7f56b8 !important;
  1168.    margin: 30px 0 15px;
  1169. }
  1170. h3.agileits-icons-title {
  1171.    text-align: center;
  1172.    font-size: 30px;
  1173.    color: #000;
  1174. }
  1175. .icons a {
  1176.    color: #999;
  1177. }
  1178. .icon-box i {
  1179.    margin-right: 10px !important;
  1180.    font-size: 20px !important;
  1181.    color: #282a2b !important;
  1182. }
  1183. .bs-glyphicons li {
  1184.    float: left;
  1185.    width: 18%;
  1186.    height: 115px;
  1187.    padding: 10px;
  1188.    line-height: 1.4;
  1189.    text-align: center;
  1190.    font-size: 12px;
  1191.    list-style-type: none;
  1192.    background:rgba(149, 149, 149, 0.18);
  1193.    margin: 1%;
  1194.    cursor: pointer;
  1195. }
  1196. .bs-glyphicons .glyphicon {
  1197.    margin-top: 5px;
  1198.    margin-bottom: 10px;
  1199.    font-size: 24px;
  1200.    color: #282a2b;
  1201. }
  1202. .glyphicon {
  1203.    position: relative;
  1204.    top: 1px;
  1205.    display: inline-block;
  1206.    font-family: 'Glyphicons Halflings';
  1207.    font-style: normal;
  1208.    font-weight: 400;
  1209.    line-height: 1;
  1210.    -webkit-font-smoothing: antialiased;
  1211.    -moz-osx-font-smoothing: grayscale;
  1212.    color: #777;
  1213. }
  1214. .bs-glyphicons .glyphicon-class {
  1215.    display: block;
  1216.    text-align: center;
  1217.    word-wrap: break-word;
  1218. }
  1219. @media (max-width:1080px){
  1220.    .icon-box {
  1221.        width:33.33%;
  1222.    }
  1223. }
  1224. @media (max-width:991px){
  1225.    h3.agileits-icons-title {
  1226.        font-size: 28px;
  1227.    }
  1228.    h3.icon-subheading {
  1229.        font-size: 22px;
  1230.    }
  1231.    .icon-box {
  1232.        width: 50%;
  1233.    }
  1234. }
  1235. @media (max-width:768px){
  1236.    h3.agileits-icons-title {
  1237.        font-size: 28px;
  1238.    }
  1239.    h3.icon-subheading {
  1240.        font-size: 25px;
  1241.    }
  1242.    .row {
  1243.        margin-right: 0;
  1244.        margin-left: 0;
  1245.    }
  1246.    .icon-box {
  1247.        margin: 0;
  1248.    }
  1249.    .w3_agileits_search {
  1250.      padding: 10px;
  1251.    }
  1252. }
  1253. @media (max-width: 640px){
  1254.    .icon-box {
  1255.        float: left;
  1256.        width: 50%;
  1257.    }
  1258.    h3.icon-subheading {
  1259.        font-size: 22px;
  1260.    }
  1261.    .grid_3.grid_4.w3_agileits_icons_page {
  1262.        margin-top: 25px;
  1263.    }
  1264. }
  1265. @media (max-width: 480px){
  1266.    .bs-glyphicons li {
  1267.        width: 31%;
  1268.    }
  1269. }
  1270. @media (max-width: 414px){
  1271.    h3.agileits-icons-title {
  1272.        font-size: 23px;
  1273.    }
  1274.    h3.icon-subheading {
  1275.        font-size: 18px;
  1276.    }
  1277.    .bs-glyphicons li {
  1278.        width: 31.33%;
  1279.    }
  1280. }
  1281. @media (max-width: 384px){
  1282.    .icon-box {
  1283.        float: none;
  1284.        width: 100%;
  1285.    }
  1286. }
  1287. @media (max-width: 375px){
  1288.    .w3_agileits_icons_page {
  1289.        margin: 25px 0 0 !important;
  1290.    }
  1291. }
  1292. /*-- //icons --*/
  1293. /*--Typography--*/
  1294. .well {
  1295.    font-weight: 300;
  1296.    font-size: 14px;
  1297. }
  1298. .list-group-item {
  1299.    font-weight: 300;
  1300.    font-size: 14px;
  1301. }
  1302. li.list-group-item1 {
  1303.    font-size: 14px;
  1304.    font-weight: 300;
  1305. }
  1306. .typo p {
  1307.    margin: 0;
  1308.    font-size: 14px;
  1309.    font-weight: 300;
  1310. }
  1311. .show-grid [class^=col-] {
  1312.    background: #fff;
  1313.    text-align: center;
  1314.    margin-bottom: 10px;
  1315.    line-height: 2em;
  1316.    border: 10px solid #f0f0f0;
  1317. }
  1318. .show-grid [class*="col-"]:hover {
  1319.    background: #e0e0e0;
  1320. }
  1321. .grid_3{
  1322.    margin-bottom:2em;
  1323. }
  1324. .xs h3, h3.m_1{
  1325.    color:#000;
  1326.    font-size:1.7em;
  1327.    font-weight:300;
  1328.    margin-bottom: 1em;
  1329. }
  1330. .grid_3 p{
  1331.    color: #999;
  1332.    font-size: 0.85em;
  1333.    margin-bottom: 1em;
  1334.    font-weight: 300;
  1335. }
  1336. .grid_4{
  1337.    background:none;
  1338.    margin-top:50px;
  1339. }
  1340. .label {
  1341.    font-weight: 300 !important;
  1342.    border-radius:4px;
  1343. }
  1344. .grid_5{
  1345.    background:none;
  1346.    padding:2em 0;
  1347. }
  1348. .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  1349.    margin-bottom: 1em;
  1350.    color:#7f56b8;
  1351. }
  1352. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  1353.    border-top: none !important;
  1354. }
  1355. .tab-content > .active {
  1356.    display: block;
  1357.    visibility: visible;
  1358. }
  1359. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  1360.    z-index: 0;
  1361. }
  1362. .badge-primary {
  1363.    background-color: #03a9f4;
  1364. }
  1365. .badge-success {
  1366.    background-color: #8bc34a;
  1367. }
  1368. .badge-warning {
  1369.    background-color: #ffc107;
  1370. }
  1371. .badge-danger {
  1372.    background-color: #e51c23;
  1373. }
  1374. .grid_3 p{
  1375.    line-height: 2em;
  1376.    color: #888;
  1377.    font-size: 0.9em;
  1378.    margin-bottom: 1em;
  1379.    font-weight: 300;
  1380. }
  1381. .bs-docs-example {
  1382.    margin: 1em 0;
  1383. }
  1384. section#tables  p {
  1385.    margin-top: 1em;
  1386. }
  1387. .tab-container .tab-content {
  1388.    border-radius: 0 2px 2px 2px;
  1389.    border: 1px solid #e0e0e0;
  1390.    padding: 16px;
  1391.    background-color: #ffffff;
  1392. }
  1393. .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  1394.    padding: 15px!important;
  1395. }
  1396. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  1397.    font-size: 0.9em;
  1398.    color: #999;
  1399.    border-top: none !important;
  1400. }
  1401. .tab-content > .active {
  1402.    display: block;
  1403.    visibility: visible;
  1404. }
  1405. .label {
  1406.    font-weight: 300 !important;
  1407. }
  1408. .label {
  1409.    padding: 4px 6px;
  1410.    border: none;
  1411.    text-shadow: none;
  1412. }
  1413. .alert {
  1414.    font-size: 0.85em;
  1415. }
  1416. h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
  1417.    line-height:2em;
  1418.    margin-top:0.5em;
  1419.    margin-bottom: 0.5em;
  1420. }
  1421. li.list-group-item1 {
  1422.    line-height: 2.5em;
  1423. }
  1424. .input-group {
  1425.    margin-bottom: 20px;
  1426. }
  1427. .in-gp-tl{
  1428.    padding:0;
  1429. }
  1430. .in-gp-tb{
  1431.    padding-right:0;
  1432. }
  1433. .list-group {
  1434.    margin-bottom: 48px;
  1435. }
  1436. ol {
  1437.    margin-bottom: 44px;
  1438. }
  1439. h2.typoh2{
  1440.    margin: 0 0 10px;
  1441. }
  1442. @media (max-width:768px){
  1443.    .grid_5 {
  1444.        padding: 0 0 1em;
  1445.    }
  1446.    .grid_3 {
  1447.        margin-bottom: 0em;
  1448.    }
  1449.    .grid_3.grid_5.w3l {
  1450.        margin-top: 1.5em;
  1451.    }
  1452. }
  1453. @media (max-width:640px){
  1454.    h1, .h1, h2, .h2, h3, .h3 {
  1455.        margin-top: 0px;
  1456.        margin-bottom: 0px;
  1457.    }
  1458.    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  1459.        margin-bottom: .5em;
  1460.    }
  1461.    .progress {
  1462.        height: 10px;
  1463.        margin-bottom: 10px;
  1464.    }
  1465.    ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
  1466.        font-size: 14px;
  1467.    }
  1468.    .breadcrumb {
  1469.        margin-bottom: 25px;
  1470.    }
  1471.    .well {
  1472.        font-size: 14px;
  1473.        margin-bottom: 10px;
  1474.    }
  1475.    h2.typoh2 {
  1476.        font-size: 1.5em;
  1477.    }
  1478.    .label {
  1479.        font-size: 60%;
  1480.    }
  1481.    .in-gp-tl {
  1482.        padding: 0 1em;
  1483.    }
  1484.    .in-gp-tb {
  1485.        padding-right: 1em;
  1486.    }
  1487.    .list-group {
  1488.        margin-bottom: 20px;
  1489.    }
  1490. }
  1491. @media (max-width:480px){
  1492.    .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  1493.        font-size: 1.2em;
  1494.    }
  1495.    .table h1 {
  1496.        font-size: 26px;
  1497.    }
  1498.    .table h2 {
  1499.        font-size: 23px;
  1500.    }
  1501.    .table h3 {
  1502.        font-size: 20px;
  1503.    }
  1504.    .label {
  1505.        font-size: 53%;
  1506.    }
  1507.    .alert,p {
  1508.        font-size: 14px;
  1509.    }
  1510.    .pagination {
  1511.        margin: 20px 0 0px;
  1512.    }
  1513.    .grid_3.grid_4.w3layouts {
  1514.        margin-top: 0;
  1515.    }
  1516. }
  1517. @media (max-width: 320px){
  1518.    .grid_4 {
  1519.        margin-top: 18px;
  1520.    }
  1521.    h3.title {
  1522.        font-size: 1.6em;
  1523.    }
  1524.    .alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
  1525.        font-size: 13px;
  1526.    }
  1527.    .alert {
  1528.        padding: 10px;
  1529.        margin-bottom: 10px;
  1530.    }
  1531.    ul.pagination li a {
  1532.        font-size: 14px;
  1533.        padding: 5px 11px;
  1534.    }
  1535.    .list-group {
  1536.        margin-bottom: 10px;
  1537.    }
  1538.    .well {
  1539.        padding: 10px;
  1540.    }
  1541.    .nav > li > a {
  1542.        font-size: 14px;
  1543.    }
  1544.    table.table.table-striped,.table-bordered,.bs-docs-example {
  1545.        display: none;
  1546.    }
  1547. }
  1548. /*-- //typography --*/
  1549. /*-- mail --*/
  1550. .w3layouts_mail_grid_left1{
  1551.    float: left;
  1552.    width: 70px;
  1553.    height: 70px;
  1554.    text-align: center;
  1555.    border-radius:50px;
  1556. }
  1557. .w3layouts_mail_grid_left1 span{
  1558.    font-size: 1.3em;
  1559.    color: #fff;
  1560.    line-height: 3.2em;
  1561. }
  1562. .w3layouts_mail_grid_left2{
  1563.    float:right;
  1564.    width:70%;
  1565. }
  1566. .w3layouts_mail_grid_left2 h3{
  1567.    font-size: 1.1em;
  1568.    color: #7f56b8;
  1569.    margin: 1em 0 0.3em;
  1570.    text-transform: uppercase;
  1571.    letter-spacing: 4px;
  1572. }
  1573. .w3layouts_mail_grid_left2 a{
  1574.    text-decoration:none;
  1575.    color:#999;
  1576.    font-size:14px;
  1577. }
  1578. .w3layouts_mail_grid_left2 a:hover{
  1579.    color:#212121;
  1580. }
  1581. .w3layouts_mail_grid_left2 p{
  1582.    color:#999;
  1583. }
  1584. /* Radial Out */
  1585. .hvr-radial-out {
  1586.  display: inline-block;
  1587.  vertical-align: middle;
  1588.  -webkit-transform: perspective(1px) translateZ(0);
  1589.  transform: perspective(1px) translateZ(0);
  1590.  box-shadow: 0 0 1px transparent;
  1591.  position: relative;
  1592.  overflow: hidden;
  1593.  background: #404040;
  1594.  -webkit-transition-property: color;
  1595.  transition-property: color;
  1596.  -webkit-transition-duration: 0.3s;
  1597.  transition-duration: 0.3s;
  1598. }
  1599. .hvr-radial-out:before {
  1600.  content: "";
  1601.  position: absolute;
  1602.  z-index: -1;
  1603.  top: 0;
  1604.  left: 0;
  1605.  right: 0;
  1606.  bottom: 0;
  1607.  background: #00ba66;
  1608.  border-radius: 100%;
  1609.  -webkit-transform: scale(0);
  1610.  transform: scale(0);
  1611.  -webkit-transition-property: transform;
  1612.  transition-property: transform;
  1613.  -webkit-transition-duration: 0.3s;
  1614.  transition-duration: 0.3s;
  1615.  -webkit-transition-timing-function: ease-out;
  1616.  transition-timing-function: ease-out;
  1617. }
  1618. .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  1619.  color: white;
  1620. }
  1621. .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before,.w3layouts_mail_grid_left:hover .hvr-radial-out:before{
  1622.  -webkit-transform: scale(2);
  1623.  transform: scale(2);
  1624. }
  1625. .w3_agile_map iframe{
  1626.    width:100%;
  1627.    min-height:350px;
  1628. }
  1629. .agileits_mail_grid_left h4{
  1630.    text-transform: capitalize;
  1631.    font-size: 1.3em;
  1632.    color: #212121;
  1633.    margin-bottom: 1.5em;
  1634. }
  1635. .agileits_mail_grid_lft_grid ul li{
  1636.    list-style-type:none;
  1637.    color:#212121;
  1638.    margin-bottom:1.5em;
  1639. }
  1640. .agileits_mail_grid_lft_grid ul li span{
  1641.    padding-right:1em;
  1642.    color:#00ba66;
  1643. }
  1644. .agileits_mail_grid_lft_grid1{
  1645.    margin:3em 0 0;
  1646. }
  1647. .agileits_mail_grid_lft_grid1 h4 span{
  1648.    color:#7f56b8;
  1649. }
  1650. .agileits_mail_grid_lft_grid1 ul li{
  1651.    list-style-type: none;
  1652.    color: #999;
  1653.    line-height: 1.8em;
  1654.    margin-bottom:1.5em;
  1655.    position:relative;
  1656.    padding-left: 2em;
  1657. }
  1658. .agileits_mail_grid_lft_grid1 ul li:last-child{
  1659.    margin-bottom:0;
  1660. }
  1661. .agileits_mail_grid_lft_grid1 ul li:before{
  1662.    content:"\f099";
  1663.    position:absolute;
  1664.    top:0%;
  1665.    left:0%;
  1666.    font-family: FontAwesome;
  1667.    color:#1da1f2;
  1668. }
  1669. .agileits_mail_grid_lft_grid1 ul li a{
  1670.    color:#212121;
  1671.    text-decoration:none;
  1672.    font-weight: 600;
  1673. }
  1674. .agileits_mail_grid_lft_grid1 ul li a:hover{
  1675.    color:#999;
  1676. }
  1677. .agileits_mail_grid_right1{
  1678.    padding:3em;
  1679.    background:#f5f5f5;
  1680. }
  1681. .agileits_mail_grid_right1 span i{
  1682.    color: #212121;
  1683.    font-size: 14px;
  1684.    text-transform: uppercase;
  1685.    font-style: normal;
  1686.    float: left;
  1687.    width: 15%;
  1688.    margin: .8em 0 0;
  1689. }
  1690. .agileits_mail_grid_right1 input[type="text"],.agileits_mail_grid_right1 input[type="email"],.agileits_mail_grid_right1 textarea{
  1691.    outline: none;
  1692.    width: 85%;
  1693.    background: #fff;
  1694.    color: #212121;
  1695.    padding: 10px;
  1696.    font-size: 14px;
  1697.    border: 1px solid #E7E7E7;
  1698. }
  1699. .agileits_mail_grid_right1 span {
  1700.    padding: .5em 0;
  1701.    display: block;
  1702. }
  1703. .agileits_mail_grid_right1 textarea{
  1704.    min-height:200px;
  1705. }
  1706. .agileits_mail_grid_right1 input[type="submit"]{
  1707.    outline: none;
  1708.    width: 35%;
  1709.    background:#00ba66;
  1710.    color: #fff;
  1711.    padding: 10px 0;
  1712.    font-size: 1em;
  1713.    border:none;
  1714.    margin:.5em 0 0 5.1em;
  1715. }
  1716. .agileits_mail_grid_right1 input[type="submit"]:hover{
  1717.    background:#7f56b8;
  1718. }
  1719. /*-- //mail --*/
  1720. /*-- start-responsive-design --*/
  1721. @media (max-width:1440px){
  1722.    .navbar-right {
  1723.        width: 64%;
  1724.    }
  1725.    .wthree_banner_info {
  1726.        width: 67%;
  1727.    }
  1728. }
  1729. @media (max-width: 1366px){
  1730.    .navbar-right {
  1731.        width: 80%;
  1732.    }
  1733.    /*.banner {
  1734.        min-height: 645px;
  1735.    }*/
  1736.    .wthree_banner_info {
  1737.        margin: 9em auto 0;
  1738.    }
  1739.    .wthree_banner_info h2 {
  1740.        font-size: 2.6em;
  1741.    }
  1742.    .w3layouts_work_grid_right {
  1743.        padding: 5em 13em 5em 5em;
  1744.    }
  1745.    .team {
  1746.        min-height: 450px;
  1747.    }
  1748. }
  1749. @media (max-width: 1280px){
  1750.    .navbar-right {
  1751.        width: 73%;
  1752.    }
  1753.    .banner-bottom h3 {
  1754.        font-size: 2.2em;
  1755.    }
  1756.    .w3layouts_work_grid_right h5 {
  1757.        font-size: 1.85em;
  1758.    }
  1759.    .w3layouts_work_grid_left {
  1760.        width: 45%;
  1761.    }
  1762.    .w3layouts_work_grid_left_pos {
  1763.        top: 19%;
  1764.        right: -15%;
  1765.    }
  1766.    .team {
  1767.        background-position:-130px 0px;
  1768.    }
  1769. }
  1770. @media (max-width: 1080px){
  1771.    .navbar-right {
  1772.        width: 80%;
  1773.    }
  1774.    .w3_agileits_search {
  1775.        width:34%;
  1776.    }
  1777.    .menu--iris .menu__item {
  1778.        margin: 0 1em 0 0;
  1779.    }
  1780.    .wthree_banner_info {
  1781.        width: 80%;
  1782.    }
  1783.    /*.banner {
  1784.        min-height: 565px;
  1785.        background-position:-75px 0px;
  1786.    }*/
  1787.    .wthree_banner_info h2 {
  1788.        font-size: 2.4em;
  1789.        margin-bottom: 1.5em;
  1790.    }
  1791.    .banner-bottom h3 {
  1792.        font-size: 2em;
  1793.        width: 75%;
  1794.    }
  1795.    .hovereffect h4 {
  1796.        font-size: 1.2em;
  1797.        padding: 7px 0;
  1798.        width: 75%;
  1799.        -webkit-transform: translateY(50px);
  1800.        -ms-transform: translateY(50px);
  1801.        transform: translateY(50px);
  1802.    }
  1803.    .hovereffect p {
  1804.        padding: 2.5em 1em 0em;
  1805.        letter-spacing: 1px;
  1806.    }
  1807.    .w3layouts_work_grid_right {
  1808.        padding:3em 7em 4em 3em;
  1809.    }
  1810.    .w3l_header:after {
  1811.        left: 17%;
  1812.    }
  1813.    .w3_agile_team_grid {
  1814.        width: 50%;
  1815.        margin: 5em 0 0 6em;
  1816.    }
  1817.    .team {
  1818.        min-height: 410px;
  1819.    }
  1820.    .w3_agileits_header:after {
  1821.        left:30% !important;
  1822.    }
  1823.    .agileits_testimonials_right_grid:before {
  1824.        left: -4%;
  1825.    }
  1826.    .w3_testimonials_right_grid:before {
  1827.        right: -4% !important;
  1828.    }
  1829.    .wthree_testimonial_grid_right h3 {
  1830.        font-size: 1.8em;
  1831.    }
  1832.    .w3layouts_footer_grid h2:after {
  1833.        left: 45%;
  1834.    }
  1835.    .w3l_footer_nav li:last-child{
  1836.        margin-right:0;
  1837.    }
  1838.    .agileits_w3layouts_service_grid h4 {
  1839.        font-size: 1em;
  1840.        letter-spacing: 2px;
  1841.    }
  1842.    .w3_agileits_service_banner_info h2 {
  1843.        font-size: 2.5em;
  1844.    }
  1845.    .banner1 {
  1846.        background-position:0px -35px;
  1847.        min-height: 320px;
  1848.    }
  1849.    .agile_service_grd {
  1850.        width: 80px;
  1851.        height: 80px;
  1852.    }
  1853.    .agile_service_grd i {
  1854.        font-size: 1.7em;
  1855.        line-height: 2.8em;
  1856.    }
  1857.    .wthree_services_grid_left h3 {
  1858.        font-size: 1.5em;
  1859.    }
  1860.    .agileinfo_services_grid1 h4 {
  1861.        letter-spacing: 0px;
  1862.    }
  1863.    .agileinfo_services_grid1_pos {
  1864.        top: -15%;
  1865.    }
  1866.    .w3_agileits_header1:after {
  1867.        left: 24% !important;
  1868.    }
  1869.    .w3_textbox h4 {
  1870.        font-size: 1.5em;
  1871.        margin: 1.5em 0 .5em;
  1872.    }
  1873.    .agileits_mail_grid_right1 {
  1874.        padding: 2em;
  1875.    }
  1876.    .agileits_mail_grid_right1 span i {
  1877.        font-size: 13px;
  1878.    }
  1879. }
  1880. @media (max-width: 1024px){
  1881.    .w3_agileits_search {
  1882.        width: 80%;
  1883.    }
  1884.    .w3layouts_work_grid_right h5 {
  1885.        font-size: 1.8em;
  1886.    }
  1887.    .w3layouts_work_grid_right {
  1888.        padding: 2em 7em 0em 3em;
  1889.    }
  1890.    .banner-bottom, .testimonials, .services, .service-bottom, .stats-bottom {
  1891.        padding: 4em 0;
  1892.    }
  1893.    .footer {
  1894.        padding: 3em 0;
  1895.    }
  1896.    .w3_agileits_search input[type="submit"] {
  1897.        background-position:2px 1px;
  1898.    }
  1899. }
  1900. @media (max-width: 991px){
  1901.    .navbar-nav > li > a {
  1902.        padding: 3px 10px;
  1903.    }
  1904.    .menu--iris .menu__item:last-child{
  1905.        margin-right:0;
  1906.    }
  1907.    .w3_agileits_search {
  1908.        width: 35%;
  1909.    }
  1910.    .navbar-nav {
  1911.        margin: 0.5em 0 0;
  1912.    }
  1913.    .wthree_banner_info h2 {
  1914.        font-size: 2.2em;
  1915.    }
  1916.    .link--kumya {
  1917.        padding: 12px 25px;
  1918.    }
  1919.    .banner-bottom h3 {
  1920.        width: 100%;
  1921.    }
  1922.    .agileits_banner_bottom_grid {
  1923.        float: left;
  1924.        width: 50%;
  1925.    }
  1926.    .agileits_banner_bottom_grid:nth-child(2){
  1927.        margin-bottom:2em;
  1928.    }
  1929.    .hovereffect h4 {
  1930.        -webkit-transform: translateY(83px);
  1931.        -ms-transform: translateY(83px);
  1932.        transform: translateY(83px);
  1933.    }
  1934.    .hovereffect:hover h4 {
  1935.        -webkit-transform: translateY(55px);
  1936.        -ms-transform: translateY(55px);
  1937.        transform: translateY(55px);
  1938.        -moz-transform: translateY(55px);
  1939.        -o-transform: translateY(55px);
  1940.    }
  1941.    .hovereffect p {
  1942.        padding: 5.5em 1em 0em;
  1943.    }
  1944.    .w3l_header:after {
  1945.        left: 21%;
  1946.    }
  1947.    .w3layouts_work_grid_right {
  1948.        padding: 2em 5em 0em 3em;
  1949.    }
  1950.    .w3_agile_team_grid {
  1951.        width: 55%;
  1952.        margin: 5em 0 0 4em;
  1953.    }
  1954.    .team {
  1955.        min-height: 380px;
  1956.    }
  1957.    .w3_agileits_header:after {
  1958.        left: 39% !important;
  1959.    }
  1960.    .agileits_testimonials_right_grid:before {
  1961.        left: -2.5%;
  1962.    }
  1963.    .w3_testimonials_right_grid:before {
  1964.        right: -2.5% !important;
  1965.    }
  1966.    .wthree_testimonial_grid_right {
  1967.        margin-top: 3em;
  1968.    }
  1969.    .w3layouts_footer_grid:first-child {
  1970.        float: left;
  1971.        width: 35%;
  1972.    }
  1973.    .w3layouts_footer_grid:nth-child(2) {
  1974.        float: right;
  1975.        width: 65%;
  1976.    }
  1977.    .w3layouts_footer_grid form {
  1978.        width: 100%;
  1979.    }
  1980.    .w3layouts_footer_grid h2:after {
  1981.        left: 56%;
  1982.        width: 40%;
  1983.    }
  1984.    .w3l_footer_nav li {
  1985.        margin-right: 1.7em;
  1986.    }
  1987.    .agileits_w3layouts_service_grid {
  1988.        float: left;
  1989.        width: 33.33%;
  1990.    }
  1991.    .wthree_services_grid_right {
  1992.        margin-top: 2em;
  1993.    }
  1994.    .agileits_w3layouts_service_grid h4 {
  1995.        font-size: 1.1em;
  1996.        letter-spacing: 7px;
  1997.    }
  1998.    .w3layouts_service_bottom_grid {
  1999.        float: left;
  2000.        width: 25%;
  2001.    }
  2002.    .agileits_w3layouts_stats_grid {
  2003.        width: 65px;
  2004.        height: 65px;
  2005.    }
  2006.    .agileits_w3layouts_stats_grid i {
  2007.        font-size: 1.5em;
  2008.        line-height: 2.5em;
  2009.    }
  2010.    .w3layouts_service_bottom_grid p {
  2011.        font-size: 1.7em;
  2012.        width: 80%;
  2013.    }
  2014.    .w3layouts_service_bottom_grid h3 {
  2015.        font-size: 1.2em;
  2016.        letter-spacing: 1px;
  2017.    }
  2018.    .w3_agileits_service_banner_info h2 {
  2019.        letter-spacing: 10px;
  2020.    }
  2021.    .agileinfo_services_grid {
  2022.        padding-top: 3em;
  2023.    }
  2024.    .agileinfo_services_grids {
  2025.        margin: 1em 0 0em;
  2026.    }
  2027.    .agileinfo_services_grid1 h4 {
  2028.        letter-spacing: 2px;
  2029.        font-size: 1.2em;
  2030.    }
  2031.    .agileinfo_services_grid1_pos {
  2032.        top: -22%;
  2033.    }
  2034.    .agileinfo_services_grid1 h4:after {
  2035.        right: 50%;
  2036.    }
  2037.    .w3_agileits_header1:after {
  2038.        left: 31% !important;
  2039.    }
  2040.    .agileits_portfolio_grid .w3_textbox {
  2041.        padding: 0 1em;
  2042.    }
  2043.    .w3_textbox h4 {
  2044.        font-size: 1em;
  2045.        letter-spacing: 3px;
  2046.    }
  2047.    .simplefilter li {
  2048.        padding: 0.6em 1.5em;
  2049.        font-size: 13px;
  2050.    }
  2051.    .w3layouts_mail_grid_left {
  2052.        float: left;
  2053.        width: 33.33%;
  2054.        text-align: center;
  2055.    }
  2056.    .w3layouts_mail_grid_left1 {
  2057.        float: none;
  2058.        margin-left: 3.5em;
  2059.    }
  2060.    .w3layouts_mail_grid_left2 p {
  2061.        line-height: 1.8em;
  2062.    }
  2063.    .agileits_w3layouts_mail_grid_right {
  2064.        margin-top: 2em;
  2065.    }
  2066.    .agileits_mail_grid_right1 input[type="submit"] {
  2067.        margin: .5em 0 0 6em;
  2068.    }
  2069. }
  2070. @media (max-width: 800px){
  2071.    .menu--iris .menu__item {
  2072.        margin: 0 0.6em 0 0;
  2073.    }
  2074.    .navbar-brand {
  2075.        font-size: .7em;
  2076.        letter-spacing: 1px;
  2077.    }
  2078.    .navbar-nav > li > a {
  2079.        padding: 3px 7px;
  2080.        font-size: 12px;
  2081.    }
  2082.    .w3_agileits_search {
  2083.        width: 80%;
  2084.    }
  2085.    .w3_agileits_search input[type="text"] {
  2086.        width: 86%;
  2087.    }
  2088.    .w3_agileits_search input[type="submit"] {
  2089.        background-position: 1px 1px;
  2090.        width: 11%;
  2091.    }
  2092.    .wthree_banner_info h2 {
  2093.        font-size: 1.8em;
  2094.    }
  2095.    /*.banner {
  2096.        min-height: 495px;
  2097.        background-position: -130px 0px;
  2098.    }*/
  2099.    .agileinfo_more a {
  2100.        font-size: 13px;
  2101.    }
  2102.    .wthree_banner_info {
  2103.        margin: 8em auto 0;
  2104.    }
  2105.    .w3layouts_work_grid_right h5 {
  2106.        font-size: 1.5em;
  2107.    }
  2108.    .w3layouts_work_grid_right {
  2109.        padding: 0em 3em 0em 2em;
  2110.        margin-top: 2em;
  2111.    }
  2112.    .w3layouts_work_grid_right p {
  2113.        margin: 1em 0 0;
  2114.    }
  2115.    .team {
  2116.        min-height: 340px;
  2117.        background-position: -160px 0px;
  2118.    }
  2119.    .banner1 {
  2120.        background-position: 0px 0px;
  2121.        min-height: 300px;
  2122.    }
  2123.    .w3_agileits_service_banner_info h2 {
  2124.        font-size: 2.3em;
  2125.    }
  2126. }
  2127. @media (max-width: 768px){
  2128.    .w3_agileits_search {
  2129.        width: 80%;
  2130.    }
  2131.    .w3_agileits_search input[type="submit"] {
  2132.        background-position: 0px 1px;
  2133.    }
  2134.    .banner-bottom, .testimonials, .services, .service-bottom, .stats-bottom {
  2135.        padding: 3em 0;
  2136.    }
  2137.    .banner-bottom h3 {
  2138.        font-size: 1.7em;
  2139.    }
  2140.    .w3_agile_map iframe {
  2141.        min-height: 300px;
  2142.    }
  2143. }
  2144. @media (max-width: 767px){
  2145.    .navbar-brand {
  2146.        font-size: .8em;
  2147.    }
  2148.    .navbar-toggle {
  2149.        margin: 0.5em 0 0;
  2150.    }
  2151.    .navbar-default .navbar-toggle {
  2152.        border: none;
  2153.        background: #00ba66;
  2154.        border-radius: 0;
  2155.    }
  2156.    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  2157.        position: absolute;
  2158.        width: 100%;
  2159.        z-index: 999;
  2160.        background:#f3f3f3;
  2161.        padding: 1em 0;
  2162.    }
  2163.    .w3_agileits_search {
  2164.        width: 80%;
  2165.        float: none;
  2166.        margin: 0 auto;
  2167.    }
  2168.    .w3_agileits_search input[type="submit"] {
  2169.        width: 7%;
  2170.        /*background-position: 0px 5px;*/
  2171.    }
  2172.    .w3_agileits_search input[type="text"] {
  2173.        width: 91%;
  2174.    }
  2175.    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  2176.        background: #00ba66;
  2177.    }
  2178.    .navbar-default .navbar-toggle .icon-bar {
  2179.        background-color: #fff;
  2180.    }
  2181.    .agileits_w3layouts_banner_nav {
  2182.        padding: 0.5em 1em;
  2183.    }
  2184.    .navbar-right {
  2185.        width: 100%;
  2186.    }
  2187.    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  2188.        border: none;
  2189.    }
  2190.    .navbar-nav {
  2191.        margin: 0;
  2192.        text-align:center;
  2193.    }
  2194.    .navbar-nav > li > a {
  2195.        padding: 5px 25px;
  2196.        font-size: 13px;
  2197.        display: inline-block;
  2198.    }
  2199.    .menu--iris .menu__item {
  2200.        margin: 12px 0;
  2201.    }
  2202.    .navbar-nav .open .dropdown-menu {
  2203.        background-color: #00ba66;
  2204.        padding:10px 0;
  2205.    }
  2206.    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  2207.        color: #fff;
  2208.    }
  2209. }
  2210. @media (max-width: 736px){
  2211.    .wthree_banner_info {
  2212.        margin: 5em auto 0;
  2213.    }
  2214.    /*.banner {
  2215.        min-height: 420px;
  2216.        background-position: -90px 0px;
  2217.    }*/
  2218.    .w3_agile_team_grid {
  2219.        width: 60%;
  2220.        margin: 3em 0 0 0em;
  2221.    }
  2222.    .team {
  2223.        min-height: 300px;
  2224.    }
  2225.    .w3l_footer_nav li {
  2226.        margin-right: 1.4em;
  2227.    }
  2228. }
  2229. @media (max-width: 667px){
  2230.    .w3layouts_work_grid_left {
  2231.        width: 40%;
  2232.    }
  2233.    .w3layouts_work_grid_right {
  2234.        margin-top: 0em;
  2235.        width: 53%;
  2236.        padding: 0em 3em 0em 1em;
  2237.    }
  2238.    .w3layouts_work_grid_right h5 {
  2239.        font-size: 1.4em;
  2240.    }
  2241.    .w3l_header:after {
  2242.        left: 24%;
  2243.    }
  2244.    .w3_agile_team_grid {
  2245.        width: 65%;
  2246.    }
  2247.    .w3_agileits_header:after {
  2248.        left: 43% !important;
  2249.    }
  2250.    .w3l_footer_nav li {
  2251.        margin-right: 0.6em;
  2252.    }
  2253.    .w3layouts_footer_grid h2:after {
  2254.        left: 68%;
  2255.        width: 31%;
  2256.    }
  2257. }
  2258. @media (max-width: 640px){
  2259.    .wthree_banner_info {
  2260.        width: 100%;
  2261.    }
  2262.    .hovereffect h4 {
  2263.        -webkit-transform: translateY(70px);
  2264.        -ms-transform: translateY(70px);
  2265.        transform: translateY(70px);
  2266.    }
  2267.    .hovereffect:hover h4 {
  2268.        -webkit-transform: translateY(40px);
  2269.        -ms-transform: translateY(40px);
  2270.        transform: translateY(40px);
  2271.        -moz-transform: translateY(40px);
  2272.        -o-transform: translateY(40px);
  2273.    }
  2274.    .hovereffect p {
  2275.        padding: 4em 1em 0em;
  2276.    }
  2277.    .w3layouts_work_grid_left {
  2278.        width: 85%;
  2279.        float: none;
  2280.    }
  2281.    .w3layouts_work_grid_right {
  2282.        width: 90%;
  2283.        padding: 2em 2em 3em;
  2284.        float: none;
  2285.    }
  2286.    .w3layouts_work_grid_right h5 {
  2287.        font-size: 1.6em;
  2288.    }
  2289.    .w3l_header:after {
  2290.        left: 26%;
  2291.    }
  2292.    .agileits_banner_bottom_grids, .w3layouts_work_grids, .wthree_testimonial_grids, .wthree_services_grids, .w3layouts_mail_grid {
  2293.        margin: 2em 0 0;
  2294.    }
  2295.    .team {
  2296.        background-position: -200px 0px;
  2297.    }
  2298.    .agileits_w3layouts_quotes h3 {
  2299.        font-size: 1.2em;
  2300.    }
  2301.    .agileits_w3layouts_quotes:after {
  2302.        font-size: 1.6em;
  2303.        right: -8%;
  2304.    }
  2305.    .agileits_w3layouts_quotes {
  2306.        margin: 1em 0 0;
  2307.    }
  2308.    .w3_agileits_header:after {
  2309.        left: 45% !important;
  2310.    }
  2311.    .agileits_testimonials_right_grid:before {
  2312.        left: -3%;
  2313.    }
  2314.    .w3_testimonials_right_grid:before {
  2315.        right: -3% !important;
  2316.    }
  2317.    .wthree_testimonial_grid_right h3 {
  2318.        font-size: 1.6em;
  2319.    }
  2320.    .wthree_testimonial_grid_right p {
  2321.        margin: 1em 0 0;
  2322.    }
  2323.    .w3layouts_footer_grid:first-child,.w3layouts_footer_grid:nth-child(2) {
  2324.        float: none;
  2325.        width: 80%;
  2326.        text-align: center;
  2327.        margin: 0 auto;
  2328.    }
  2329.    .w3layouts_footer_grid:nth-child(2) {
  2330.        margin: 2em auto 0;
  2331.    }
  2332.    .wthree_testimonial_grid_right {
  2333.        margin-top: 2em;
  2334.    }
  2335.    .w3layouts_footer_grid h2:after {
  2336.        left: 65%;
  2337.        width: 20%;
  2338.    }
  2339.    .w3l_footer_nav {
  2340.        margin: 2em 0 1em;
  2341.    }
  2342.    .w3l_footer_nav li {
  2343.        margin-right: 1.5em;
  2344.    }
  2345.    .agileits_w3layouts_service_grid h4 {
  2346.        font-size: 1em;
  2347.        letter-spacing: 3px;
  2348.    }
  2349.    .w3layouts_service_bottom_grid h3 {
  2350.        font-size: 1.1em;
  2351.    }
  2352.    .w3l_header {
  2353.        letter-spacing: 4px;
  2354.    }
  2355.    .w3_agileits_service_banner_info h2 {
  2356.        font-size: 2em;
  2357.        letter-spacing: 5px;
  2358.        margin-top: 1.5em;
  2359.    }
  2360.    .banner1 {
  2361.        min-height: 225px;
  2362.    }
  2363.    ul.simplefilter {
  2364.        margin-bottom: 1em;
  2365.    }
  2366.    .agileits_portfolio_grid .w3_textbox {
  2367.        padding: 0 2em;
  2368.    }
  2369.    .w3_textbox h4 {
  2370.        font-size: 1.3em;
  2371.        letter-spacing: 5px;
  2372.        margin: 7em 0 .5em;
  2373.    }
  2374.    .w3_agileits_header1:after {
  2375.        left: 35% !important;
  2376.    }
  2377.    .w3layouts_mail_grid_left2 h3 {
  2378.        font-size: 1em;
  2379.        letter-spacing: 2px;
  2380.    }
  2381.    .agileits_mail_grid_lft_grid1 {
  2382.        margin: 2em 0 0;
  2383.    }
  2384.    .w3layouts_mail_grid_left1 {
  2385.        width: 50px;
  2386.        height: 50px;
  2387.    }
  2388.    .w3layouts_mail_grid_left1 span {
  2389.        font-size: 1em;
  2390.        line-height: 3.1em;
  2391.    }
  2392.    .w3_agile_map iframe {
  2393.        min-height: 250px;
  2394.    }
  2395.    .agileits_mail_grid_right1 input[type="submit"] {
  2396.        margin: .5em 0 0 4.7em;
  2397.    }
  2398. }
  2399. @media (max-width: 600px){
  2400.    .wthree_banner_info h2 {
  2401.        font-size: 1.5em;
  2402.    }
  2403.    .wthree_banner_info h2 span {
  2404.        font-size: .5em;
  2405.    }
  2406.    /*.banner {
  2407.        min-height: 400px;
  2408.        background-position: -135px 0px;
  2409.    }*/
  2410.    .w3_agileits_search {
  2411.        width: 60%;
  2412.    }
  2413.    .hovereffect h4 {
  2414.        -webkit-transform: translateY(65px);
  2415.        -ms-transform: translateY(65px);
  2416.        transform: translateY(65px);
  2417.    }
  2418.    .modal-header {
  2419.        font-size: 1.7em;
  2420.    }
  2421.    .w3_agile_team_grid {
  2422.        width: 70%;
  2423.    }
  2424.    .w3layouts_footer_grid h2 {
  2425.        margin-bottom: .5em;
  2426.    }
  2427.    .w3layouts_footer_grid:first-child, .w3layouts_footer_grid:nth-child(2) {
  2428.        width: 85%;
  2429.    }
  2430. }
  2431. @media (max-width: 568px){
  2432.    .hovereffect h4 {
  2433.        -webkit-transform: translateY(65px);
  2434.        -ms-transform: translateY(65px);
  2435.        transform: translateY(60px);
  2436.    }
  2437.    .hovereffect p {
  2438.        padding: 3.5em 1em 0em;
  2439.    }
  2440.    .hovereffect:hover h4 {
  2441.        -webkit-transform: translateY(30px);
  2442.        -ms-transform: translateY(30px);
  2443.        transform: translateY(30px);
  2444.        -moz-transform: translateY(30px);
  2445.        -o-transform: translateY(30px);
  2446.    }
  2447.    .w3_agile_team_grid {
  2448.        width: 73%;
  2449.    }
  2450.    .w3_agileits_header:after {
  2451.        left: 48% !important;
  2452.    }
  2453.    .w3layouts_footer_grid:first-child, .w3layouts_footer_grid:nth-child(2) {
  2454.        width: 90%;
  2455.    }
  2456. }
  2457. @media (max-width: 480px){
  2458.    .agileinfo_more a {
  2459.        border: 1px solid;
  2460.    }
  2461.    .wthree_banner_info {
  2462.        padding: 0 1em;
  2463.    }
  2464.    .wthree_banner_info h2 {
  2465.        font-size: 1.3em;
  2466.    }
  2467.    .banner {
  2468.        /*min-height: 370px;
  2469.        background-position: -170px 0px;*/
  2470.    }
  2471.    .banner-bottom, .testimonials, .services, .service-bottom, .stats-bottom {
  2472.        padding: 2em 0;
  2473.    }
  2474.    .banner-bottom h3 {
  2475.        font-size: 1.4em;
  2476.    }
  2477.    .agileits_banner_bottom_grid {
  2478.        float: none;
  2479.        width: 80%;
  2480.        margin: 0 auto;
  2481.        padding: 1em 1em;
  2482.    }
  2483.    .agileits_banner_bottom_grids {
  2484.        margin: 1em 0 0;
  2485.    }
  2486.    .hovereffect h4 {
  2487.        -webkit-transform: translateY(82px);
  2488.        -ms-transform: translateY(82px);
  2489.        transform: translateY(82px);
  2490.    }
  2491.    .hovereffect:hover h4 {
  2492.        -webkit-transform: translateY(55px);
  2493.        -ms-transform: translateY(55px);
  2494.        transform: translateY(55px);
  2495.        -moz-transform: translateY(55px);
  2496.        -o-transform: translateY(55px);
  2497.    }
  2498.    .hovereffect p {
  2499.        padding: 5em 1em 0em;
  2500.    }
  2501.    .agileits_banner_bottom_grid:nth-child(2) {
  2502.        margin-bottom: 0;
  2503.    }
  2504.    .w3l_header:after {
  2505.        width: 20%;
  2506.        left: 32%;
  2507.    }
  2508.    .w3layouts_work_grid_right {
  2509.        padding: 2em 1em;
  2510.    }
  2511.    .agile_team_text {
  2512.        padding: 1.5em;
  2513.    }
  2514.    .w3_agile_team_grid {
  2515.        width: 79%;
  2516.        margin: 2em 0 0;
  2517.    }
  2518.    .agile_team_text p {
  2519.        font-size: 13px;
  2520.    }
  2521.    .team {
  2522.        min-height: 270px;
  2523.    }
  2524.    .w3l_header {
  2525.        letter-spacing: 3px;
  2526.    }
  2527.    .w3_agileits_header:after {
  2528.        left: 58% !important;
  2529.    }
  2530.    .agileits_testimonials_right_grid {
  2531.        padding: 1em;
  2532.    }
  2533.    .agileits_testimonials_right_grid:before {
  2534.        left: -4%;
  2535.    }
  2536.    .agileinfo_testimonials_left h4 {
  2537.        margin: 0.5em 0 0.3em;
  2538.    }
  2539.    .w3_testimonials_right_grid:before {
  2540.        right: -4% !important;
  2541.    }
  2542.    .wthree_testimonial_grid_right h3 {
  2543.        font-size: 1.5em;
  2544.    }
  2545.    .w3layouts_footer_grid h2 {
  2546.        font-size: 1.6em;
  2547.    }
  2548.    .footer {
  2549.        padding: 2em 0;
  2550.    }
  2551.    .w3layouts_footer_grid:first-child, .w3layouts_footer_grid:nth-child(2) {
  2552.        width: 100%;
  2553.    }
  2554.    .w3l_footer_nav li {
  2555.        margin-right: 1.1em;
  2556.    }
  2557.    .w3_agileits_service_banner_info h2 {
  2558.        font-size: 1.8em;
  2559.    }
  2560.    .banner1 {
  2561.        min-height: 200px;
  2562.    }
  2563.    .wthree_services_grid_left h3 {
  2564.        font-size: 1.4em;
  2565.        letter-spacing: 0;
  2566.    }
  2567.    .wthree_services_grid_left {
  2568.        padding: 0;
  2569.    }
  2570.    .wthree_services_grid_left p {
  2571.        margin: 1em 0 2em;
  2572.    }
  2573.    .agileits_w3layouts_service_grid h4 {
  2574.        font-size: .9em;
  2575.        letter-spacing: 1px;
  2576.    }
  2577.    .w3layouts_service_bottom_grid {
  2578.        width: 50%;
  2579.    }
  2580.    .w3layouts_service_bottom_grid:nth-child(2){
  2581.        margin-bottom:2em;
  2582.    }
  2583.    .agileinfo_services_grid1 h4:after {
  2584.        right: 35%;
  2585.    }
  2586.    .agileinfo_services_grid1_pos {
  2587.        top: -15%;
  2588.    }
  2589.    .agileinfo_services_grid {
  2590.        padding-top: 2.5em;
  2591.    }
  2592.    .w3_agileits_header1:after {
  2593.        left: 45% !important;
  2594.    }
  2595.    .simplefilter li {
  2596.        padding: 0.6em 1.4em;
  2597.        margin: 0 0.2em;
  2598.    }
  2599.    .w3_textbox h4 {
  2600.        margin: 4.5em 0 .5em;
  2601.    }
  2602.    .filtr-item {
  2603.        padding: 0.5em 1em;
  2604.    }
  2605.    .w3layouts_mail_grid_left {
  2606.        float: none;
  2607.        width: 100%;
  2608.        text-align: left;
  2609.    }
  2610.    .w3layouts_mail_grid_left1 {
  2611.        margin-left: 0;
  2612.    }
  2613.    .w3layouts_mail_grid_left:nth-child(2){
  2614.        margin:1em 0;
  2615.    }
  2616.    .w3layouts_mail_grid_left2 h3 {
  2617.        font-size: .9em;
  2618.        letter-spacing: 1px;
  2619.        margin: 0.5em 0 0.3em;
  2620.    }
  2621.    .w3layouts_mail_grid_left2 {
  2622.        width: 80%;
  2623.    }
  2624.    .agileits_mail_grid_right1 {
  2625.        padding: 1em;
  2626.    }
  2627.    .agileits_mail_grid_right1 span i {
  2628.        font-size: 12px;
  2629.    }
  2630.    .agileits_mail_grid_right1 input[type="submit"] {
  2631.        margin: .5em 0 0 4em;
  2632.        font-size: 14px;
  2633.        width: 40%;
  2634.    }
  2635.    .navbar-brand i {
  2636.        font-size: 1.8em;
  2637.    }
  2638. }
  2639. @media (max-width: 414px){
  2640.    .w3_agileits_search {
  2641.        width: 80%;
  2642.    }
  2643.    .agile_phone_mail ul li {
  2644.        padding: 8px 6px;
  2645.        font-size: 13px;
  2646.    }
  2647.    .navbar-brand {
  2648.        font-size: .7em;
  2649.    }
  2650.    .wthree_banner_info h2 {
  2651.        font-size: 1.2em;
  2652.    }
  2653.    .wthree_banner_info h2 span {
  2654.        font-size: .6em;
  2655.        width: 25%;
  2656.    }
  2657.    .agileinfo_more a {
  2658.        letter-spacing: 3px;
  2659.    }
  2660.    .modal-body p {
  2661.        padding:1em;
  2662.    }
  2663.    .modal-body p i {
  2664.        margin: 1em 0;
  2665.    }
  2666.    .banner-bottom h3 {
  2667.        font-size: 1.3em;
  2668.    }
  2669.    .agileits_banner_bottom_grid {
  2670.        width: 90%;
  2671.        padding: .5em 1em;
  2672.    }
  2673.    .w3l_header {
  2674.        font-size: 1.3em;
  2675.    }
  2676.    .w3layouts_work_grid_left_pos img {
  2677.        border: 2px solid #7f56b8;
  2678.    }
  2679.    .agile_team_text:after {
  2680.        right: 3%;
  2681.    }
  2682.    .agileits_w3layouts_quotes:after {
  2683.        right: -10%;
  2684.    }
  2685.    .team {
  2686.        background-position: -255px 0px;
  2687.    }
  2688.    .agileits_testimonials_right_grid:before {
  2689.        left: -5%;
  2690.    }
  2691.    .agileinfo_testimonials_left h4 {
  2692.        font-size: 1em;
  2693.    }
  2694.    .agileinfo_testimonials_left p {
  2695.        font-size: 12px;
  2696.    }
  2697.    .w3_testimonials_right_grid:before {
  2698.        right: -5% !important;
  2699.    }
  2700.    .wthree_testimonial_grid_right h3 {
  2701.        font-size: 1.4em;
  2702.    }
  2703.    .w3l_footer_nav li {
  2704.        margin-right: 0.4em;
  2705.        font-size: 13px;
  2706.    }
  2707.    .w3_agileits_service_banner_info h2 {
  2708.        font-size: 1.6em;
  2709.        letter-spacing: 3px;
  2710.    }
  2711.    .agileits_w3layouts_service_grid {
  2712.        float: none;
  2713.        width: 60%;
  2714.        margin: 0 auto;
  2715.    }
  2716.    .agileits_w3layouts_service_grid:nth-child(2){
  2717.        margin:2em auto;
  2718.    }
  2719.    .agileits_w3layouts_service_grid p {
  2720.        line-height: 2em;
  2721.    }
  2722.    .agileits_w3layouts_service_grid h4 {
  2723.        letter-spacing: 5px;
  2724.    }
  2725.    .w3_agileits_header:after {
  2726.        left: 62% !important;
  2727.    }
  2728.    .agileinfo_services_grid1 h4:after {
  2729.        right: 10%;
  2730.        width: 45%;
  2731.    }
  2732.    .agileinfo_services_grid1 h4 {
  2733.        letter-spacing: 1px;
  2734.    }
  2735.    .banner {
  2736.        /*background-position: -205px 0px;*/
  2737.    }
  2738.    .simplefilter li {
  2739.        padding: 0.6em 1em;
  2740.        margin: 0;
  2741.        font-size: 12px;
  2742.    }
  2743.    .w3_textbox h4 {
  2744.        margin: 3.3em 0 .5em;
  2745.    }
  2746.    .w3_agileits_header1:after {
  2747.        left: 48% !important;
  2748.    }
  2749.    .agileits_mail_grid_right1 input[type="text"], .agileits_mail_grid_right1 input[type="email"], .agileits_mail_grid_right1 textarea {
  2750.        width: 100%;
  2751.        margin-top: .5em;
  2752.    }
  2753.    .agileits_mail_grid_right1 input[type="submit"] {
  2754.        margin: .5em 0 0 0em;
  2755.        width: 100%;
  2756.    }
  2757.    .agileits_w3layouts_mail_grid_right,.agileinfo_mail_grid_left {
  2758.        padding: 0;
  2759.    }
  2760. }
  2761. @media (max-width: 384px){
  2762.    .wthree_banner_info h2 {
  2763.        font-size: 1.1em;
  2764.    }
  2765.    .modal-header {
  2766.        font-size: 1.4em;
  2767.    }
  2768.    .banner-bottom h3 {
  2769.        font-size: 1.2em;
  2770.    }
  2771.    .agileits_banner_bottom_grid {
  2772.        width: 100%;
  2773.    }
  2774.    .w3l_header:after {
  2775.        left: 35%;
  2776.    }
  2777.    .wthree_testimonial_grid_right {
  2778.        padding: 0;
  2779.    }
  2780.    .w3layouts_footer_grid h2:after {
  2781.        left: 68%;
  2782.    }
  2783.    .w3l_footer_nav li {
  2784.        margin-right: 0.8em;
  2785.    }
  2786.    .wthree_services_grid_left h3 {
  2787.        font-size: 1.3em;
  2788.    }
  2789.    .agileits_w3layouts_service_grid {
  2790.        width: 75%;
  2791.    }
  2792.    .w3_agileits_header:after {
  2793.        left: 68% !important;
  2794.    }
  2795.    .agileinfo_services_grid {
  2796.        padding: 2.5em 0 0;
  2797.    }
  2798.    .simplefilter li {
  2799.        padding: 0.6em 0.96em;
  2800.    }
  2801.    .agileits_portfolio_grid .w3_textbox {
  2802.        padding: 0 1em;
  2803.    }
  2804.    .w3_textbox h4 {
  2805.        margin: 2.6em 0 .5em;
  2806.    }
  2807.    .w3_agileits_header1:after {
  2808.        left: 52% !important;
  2809.    }
  2810.    .w3_agileits_service_banner_info h2 {
  2811.        font-size: 1.4em;
  2812.        margin-top: 1.7em;
  2813.    }
  2814.    .w3_agile_map iframe {
  2815.        min-height: 200px;
  2816.    }
  2817. }
  2818. @media (max-width: 375px){
  2819.    .w3_agileits_search {
  2820.        width: 90%;
  2821.    }
  2822.    .w3layouts_work_grid_right h5 {
  2823.        font-size: 1.5em;
  2824.    }
  2825.    .team {
  2826.        min-height: 260px;
  2827.    }
  2828.    .agileinfo_testimonials_right {
  2829.        padding: 0 .5em;
  2830.    }
  2831.    .agileinfo_testimonials_left img {
  2832.        border: 2px solid #00ba66;
  2833.    }
  2834.    .simplefilter li {
  2835.        padding: 0.6em 0.8em;
  2836.    }
  2837.    .w3l_header:after {
  2838.        left: 37%;
  2839.    }
  2840. }
  2841. @media (max-width: 320px){
  2842.    .agile_phone_mail ul li {
  2843.        padding: 2px;
  2844.        border: none;
  2845.        display: block;
  2846.    }
  2847.    .agile_phone_mail {
  2848.        text-align: center;
  2849.        padding: .5em 0;
  2850.    }
  2851.    .navbar-brand {
  2852.        font-size: .65em;
  2853.    }
  2854.    .wthree_banner_info h2 {
  2855.        font-size: 0.94em;
  2856.    }
  2857.    .wthree_banner_info h2 span {
  2858.        font-size: .7em;
  2859.        width: 30%;
  2860.    }
  2861.    .wthree_banner_info {
  2862.        margin: 3.5em auto 0;
  2863.    }
  2864.    .link--kumya {
  2865.        padding: 10px 20px;
  2866.    }
  2867.    .agileinfo_more a {
  2868.        letter-spacing: 2px;
  2869.    }
  2870.    .banner {
  2871.        /*background-position: -215px 0px;
  2872.        min-height: 340px;*/
  2873.    }
  2874.    .modal-header {
  2875.        font-size: 1.2em;
  2876.        padding: 10px;
  2877.    }
  2878.    p, ul li, ol li,.w3layouts_footer_grid input[type="email"],.w3_agileits_search input[type="text"],.agileits_mail_grid_right1 input[type="text"], .agileits_mail_grid_right1 input[type="email"], .agileits_mail_grid_right1 textarea {
  2879.        font-size: 13px;
  2880.    }
  2881.    .w3l_footer_nav li {
  2882.        font-size: 12px;
  2883.    }
  2884.    .w3l_footer_nav {
  2885.        margin: 1em 0;
  2886.    }
  2887.    .modal-body p i {
  2888.        margin: 0.5em 0;
  2889.    }
  2890.    .banner-bottom h3 {
  2891.        font-size: 1.01em;
  2892.    }
  2893.    .hovereffect h4 {
  2894.        font-size: 1em;
  2895.    }
  2896.    .hovereffect h4 {
  2897.        -webkit-transform: translateY(65px);
  2898.        -ms-transform: translateY(65px);
  2899.        transform: translateY(65px);
  2900.    }
  2901.    .hovereffect:hover h4 {
  2902.        -webkit-transform: translateY(35px);
  2903.        -ms-transform: translateY(35px);
  2904.        transform: translateY(35px);
  2905.        -moz-transform: translateY(35px);
  2906.        -o-transform: translateY(35px);
  2907.    }
  2908.    .hovereffect p {
  2909.        padding: 4em 1em 0em;
  2910.    }
  2911.    .w3_agileits_search input[type="text"] {
  2912.        width: 90%;
  2913.    }
  2914.    .w3_agileits_search input[type="submit"] {
  2915.        width: 8%;
  2916.    }
  2917.    .w3l_header:after {
  2918.        left: 45%;
  2919.    }
  2920.    .w3layouts_work_grid_right h5 {
  2921.        font-size: 1.39em;
  2922.    }
  2923.    .agile_team_text p {
  2924.        font-size: 11px;
  2925.    }
  2926.    .agile_team_text {
  2927.        padding: 1em;
  2928.    }
  2929.    .agileits_w3layouts_quotes h3 {
  2930.        font-size: 1.1em;
  2931.    }
  2932.    .agileits_w3layouts_quotes:after {
  2933.        right: -13%;
  2934.        font-size: 1.4em;
  2935.    }
  2936.    .team {
  2937.        min-height: 250px;
  2938.        background-position: -295px 0px;
  2939.    }
  2940.    .agileinfo_testimonials_left {
  2941.        float: none;
  2942.        width: 100%;
  2943.        margin-bottom: 2em;
  2944.    }
  2945.    .agileinfo_testimonials_right {
  2946.        padding: 0;
  2947.        float: none;
  2948.        text-align: center;
  2949.        width: 100%;
  2950.    }
  2951.    .w3_agileits_header:after {
  2952.        left: 82% !important;
  2953.    }
  2954.    .agileits_testimonials_right_grid:before {
  2955.        display:none;
  2956.    }
  2957.    .w3l_testimonial_grid_left_grid {
  2958.        margin-top: 0;
  2959.    }
  2960.    .agileits_w3layouts_farm_man {
  2961.        margin: 2em 0 !important;
  2962.    }
  2963.    .wthree_testimonial_grid_right {
  2964.        margin-top: 0;
  2965.    }
  2966.    .wthree_testimonial_grid_right h3 {
  2967.        font-size: 1.19em;
  2968.    }
  2969.    .w3layouts_footer_grid h2 {
  2970.        font-size: 1.4em;
  2971.    }
  2972.    .w3layouts_footer_grid form {
  2973.        padding: 0.3em .5em .5em;
  2974.    }
  2975.    .w3_agileits_service_banner_info h2 {
  2976.        font-size: 1.2em;
  2977.        margin-top: 1.5em;
  2978.    }
  2979.    .wthree_services_grid_left h3 {
  2980.        font-size: 1.1em;
  2981.    }
  2982.    .agileits_w3layouts_service_grid {
  2983.        width: 85%;
  2984.    }
  2985.    .w3layouts_service_bottom_grid p {
  2986.        font-size: 1.5em;
  2987.    }
  2988.    .w3layouts_service_bottom_grid h3 {
  2989.        font-size: .9em;
  2990.    }
  2991.    .agileinfo_services_grid1 {
  2992.        padding: 2em 1em 1.5em;
  2993.    }
  2994.    .agileinfo_services_grid1 h4 {
  2995.        font-size: 1.1em;
  2996.    }
  2997.    .w3_agileits_header1:after {
  2998.        left: 63% !important;
  2999.    }
  3000.    .simplefilter li {
  3001.        font-size: 10px;
  3002.    }
  3003.    .w3_textbox h4 {
  3004.        margin: 1.6em 0 .5em;
  3005.        font-size: 1.2em;
  3006.        letter-spacing: 3px;
  3007.    }
  3008.    .banner1 {
  3009.        background-position: -65px 0px;
  3010.    }
  3011.    .w3layouts_mail_grid_left {
  3012.        padding: 0;
  3013.    }
  3014.    .w3layouts_mail_grid_left2 {
  3015.        width: 77%;
  3016.    }
  3017.    .agileits_mail_grid_left h4 {
  3018.        font-size: 1.1em;
  3019.        margin-bottom: 1em;
  3020.    }
  3021.    .agileits_mail_grid_right1 {
  3022.        padding: .5em 1em;
  3023.    }
  3024.    .agileits_w3layouts_mail_grid_right {
  3025.        margin-top: 1em;
  3026.    }
  3027.    .agileits_mail_grid_right1 textarea {
  3028.        min-height: 150px;
  3029.    }
  3030.    .w3_agileits_search {
  3031.        padding: 5px 10px 10px;
  3032.    }
  3033. }
  3034.  
  3035.  
  3036.        .kw_related li{
  3037.                    width: 33%;
  3038.                    display: inline-block;
  3039.                    word-break: break-all;
  3040.                    margin: auto;
  3041.                    }
  3042.                    .inner ul li {
  3043.                    list-style-type: none;
  3044.                    }
  3045.                    #_reverseip li {
  3046.                    margin-top: 30px;
  3047.                    border-bottom: 1px solid #000;
  3048.                    }
  3049.  
  3050.                    ._reverseip p{
  3051.                        margin: 0px 0 2px !important;
  3052.                    }
  3053.  
  3054.                     @media ( min-width : 800px){
  3055.                        #_reverseip li{
  3056.                            padding-bottom: 10px;
  3057.                        }
  3058.                        .content_related p,.content_related h3,.content_related strong{
  3059.                            margin-top: 10px !important;
  3060.                        }
  3061.                    }
  3062.                    .content_related li{
  3063.                            list-style: none;
  3064.                        }
  3065.                        .content_related {
  3066.                            margin-left: 15px;
  3067.                            line-height: 20px;
  3068.                        }
  3069.  
  3070.                    *{
  3071.                        font: 400 14px arial;
  3072.                    }
  3073.                    .active{
  3074.                        background-color: rgb(71, 139, 249);
  3075.                    }
  3076.                    .enginer_search{
  3077.                        margin: 10px 0 10px 0;
  3078.                    }
  3079.                    .dl-horizontal dd{
  3080.                        float: right;
  3081.                    }
  3082.                    .dl-horizontal dt{
  3083.                        text-align: left;
  3084.                    }
  3085.                    .glyphicon-ok{
  3086.                        color: green;
  3087.                    }
  3088.                    .glyphicon-warning-sign{
  3089.                        color: red;
  3090.                    }
  3091.                    .tab_dns_domain{
  3092.                      height:300px;
  3093.                      overflow-y:scroll;
  3094.                    }
  3095.                    .bg-facebook{
  3096.                        background-color: rgb(59, 89, 152);
  3097.                    }
  3098.                    .bg-google{
  3099.                        background-color: rgb(220, 78, 65);
  3100.                    }
  3101.                    .bg-linkedin{
  3102.                        background-color: rgb(0, 119, 181);
  3103.                    }
  3104.                    .bg-pinterest{
  3105.                        background-color: #CB2027;
  3106.                    }
  3107.                    .text-muted {
  3108.                        color: #999;
  3109.                        font-size: 16px;
  3110.                    }
  3111.                    .bg-stats-moz{
  3112.                        background-color: #3594ba;
  3113.                    }
  3114.                    .bg-stats-alexa{
  3115.                        background-color: #174b75;
  3116.                    }
  3117.                    .bg-stats-alexa_page{
  3118.                        background-color: rebeccapurple;
  3119.                    }
  3120.                    .counter{
  3121.                        font-weight: bold;
  3122.                        font-size: 18px;
  3123.                    }
  3124.  
  3125. .content_dns {
  3126.                      overflow: scroll;
  3127.                      max-height: 350px;
  3128.                      margin-bottom: 15px;
  3129.                    }.show_more{
  3130.  overflow-y:scroll;
  3131. }
  3132. #back_top {
  3133.  display: none;
  3134.  position: fixed;
  3135.  bottom: 20px;
  3136.  right: 30px;
  3137.  z-index: 99;
  3138.  border: none;
  3139.  outline: none;
  3140.  background-color: #382c2c;
  3141.  color: white;
  3142.  cursor: pointer;
  3143.  padding: 15px 15px;
  3144.  border-radius: 10px;
  3145. }
  3146.  
  3147. #back_top:hover {
  3148.  background-color: #7b6868;
  3149. }
  3150.    </style>
  3151.  
  3152.  <script data-ad-client="ca-pub-3483566179949368" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  3153. </head>
  3154.  
  3155. <body>
  3156. <!-- banner -->
  3157.  <div class="banner">
  3158.    <div class="agileits_w3layouts_banner_nav">
  3159.      <nav class="navbar navbar-default">
  3160.        <div class="navbar-header navbar-left">
  3161.          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  3162.            <span class="sr-only">Toggle navigation</span>
  3163.            <span class="icon-bar"></span>
  3164.            <span class="icon-bar"></span>
  3165.            <span class="icon-bar"></span>
  3166.          </button>
  3167.          <h1><a class="navbar-brand" href="/"><i>W</i><span>ikibacklink</span></a></h1>
  3168.        </div>
  3169.        <!-- Collect the nav links, forms, and other content for toggling -->
  3170.        <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
  3171.          <nav class="menu--iris">
  3172.            <ul class="nav navbar-nav menu__list">
  3173.              <li class="menu__item"><a href="/" class="menu__link">Home</a></li>
  3174.              <li class="menu__item"><a href="/extension/" class="menu__link">Extension</a></li>
  3175.              <!-- <li class="menu__item"><a href="/country/" class="menu__link">Country</a></li> -->
  3176.              <li class="menu__item"><a href="/pricing/" class="menu__link">Pricing</a></li>
  3177.              <li class="menu__item"><a href="/policy/" class="menu__link">Policy</a></li>
  3178.              <li class="menu__item"><a href="/about-us/" class="menu__link">About-us</a></li>
  3179.              <li class="menu__item"><div class="w3_agileits_search">
  3180.              <form action="/query" method="get">
  3181.                <input type="text" name="name" placeholder="Search..." required="">
  3182.                <input type="submit" value=" ">
  3183.              </form>
  3184.            </div></li>
  3185.                                            <li class="menu__item"><a href="/login/" class="menu__link" rel="nofollow"><i class="glyphicon glyphicon-user"></i> Sign In</a></li>
  3186.                                    </ul>
  3187.          </nav>
  3188.        </div>
  3189.      </nav>
  3190.    </div>
  3191.  </div>
  3192. <style type="text/css">
  3193.    .domain_name{
  3194.        margin: 5px 0px 5px 0px;
  3195.    }
  3196.    .panel-success {
  3197.        border: 1px solid #0e8049;
  3198.    }
  3199.    .backlink {
  3200.        background: #0e8049 !important;
  3201.        color: #FFF !important;
  3202.    }
  3203.    .bg-info {
  3204.        color: #FFF !important;
  3205.        background: #17a2b8!important;
  3206.    }
  3207.    .tool_result_hight {
  3208.        height: 340px !important;
  3209.        overflow: auto !important;
  3210.    }
  3211.    .panel-heading {
  3212.        border-radius: 0px !important;
  3213.    }
  3214. </style>
  3215. <div class="container">
  3216.    <div class="row">
  3217.        <b><h2 class="text-center" style="margin-top: 20px; font-weight: bold;">Backlink Checker</h2></b>
  3218.        <br/>
  3219.    </div>
  3220.    <div class="row">
  3221.        <form action="#" method="POST" style="width:70%;margin:auto;">
  3222.            <div class="input-group">
  3223.               <input type="text" name="domain" class="form-control" placeholder="Domain name" style="border-radius: 2px; padding: 20px">
  3224.               <span class="input-group-btn" style="padding-left: 10px">
  3225.                    <button class="btn btn-primary" type="submit" name="submit" value="submit" style="border-radius: 2px; padding: 10px">Submit form</button>
  3226.               </span>
  3227.            </div>
  3228.        </form>
  3229.    </div>
  3230.    <div class="row"><p class="text-center" style="color: red"> </p></div>
  3231.        </div>
  3232. <!-- footer -->
  3233.        <style type="text/css">
  3234.            html {
  3235.                position: relative;
  3236.                min-height: 100%;
  3237.            }
  3238.            body {
  3239.                margin-bottom: 60px; /* Margin bottom by footer height */
  3240.            }
  3241.            .footer {
  3242.                position: absolute;
  3243.                bottom: 0;
  3244.                padding: 1em 0;
  3245.                width: 100%;
  3246.                height: 60px;
  3247.            }
  3248.            .footer .footer-copyright {
  3249.                text-align: center;
  3250.                color: #fff;
  3251.            }
  3252.        </style>
  3253.        <footer class="footer">
  3254.          <div class="container">
  3255.            <p class="footer-copyright">© 2017 . All Rights Reserved </p>
  3256.          </div>
  3257.        </footer>
  3258. <!-- //footer -->
  3259. <!-- start-smoth-scrolling -->
  3260. <!-- for bootstrap working -->
  3261. <script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
  3262.    <script src="/js/bootstrap.js"></script>
  3263.    <button onclick="topFunction()" id="back_top" title="Go to top"><i class="glyphicon glyphicon-arrow-up" aria-hidden="true"></i></button>
  3264.        <script>
  3265. // When the user scrolls down 20px from the top of the document, show the button
  3266. window.onscroll = function() {scrollFunction()};
  3267.  
  3268. function scrollFunction() {
  3269.    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  3270.        document.getElementById("back_top").style.display = "block";
  3271.    } else {
  3272.        document.getElementById("back_top").style.display = "none";
  3273.    }
  3274. }
  3275.  
  3276. // When the user clicks on the button, scroll to the top of the document
  3277. function topFunction() {
  3278.    document.body.scrollTop = 0;
  3279.    document.documentElement.scrollTop = 0;
  3280. }
  3281. </script>
  3282. <!-- Histats.com  START  (aync)-->
  3283. <script type="text/javascript">var _Hasync= _Hasync|| [];
  3284. _Hasync.push(['Histats.start', '1,4356003,4,0,0,0,00010000']);
  3285. _Hasync.push(['Histats.fasi', '1']);
  3286. _Hasync.push(['Histats.track_hits', '']);
  3287. (function() {
  3288. var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  3289. hs.src = ('//s10.histats.com/js15_as.js');
  3290. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  3291. })();</script>
  3292. <noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4356003&101" alt="free tracking" border="0"></a></noscript>
  3293. <!-- Histats.com  END  -->
  3294. <!-- //for bootstrap working -->
  3295. </body>
  3296. </html>
  3297.  
  3298.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda