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

Home · About · News · Docs · Terms

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