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://microlinkinc.com/

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

Home · About · News · Docs · Terms

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