@charset "utf-8";

.wthree-services-captn a,.wthree-services-captn p{ color:#FFF;}
h3.w3l-titles:after{right:34%;top:120%;background:#fff}
h3.w3l-titles:before{left:34%;background:#fff}
h2.w3l-titles,h3.w3l-titles{color:#454545}
h2.w3l-titles,h3.w3l-titles{font-size:2.0em;text-align:center;margin-bottom:1.3em;position:relative}
h2.w3l-titles:after,h2.w3l-titles:before,h3.w3l-titles:after,h3.w3l-titles:before{content:" ";background:#d0d0d0;position:absolute;width:8%;height:2px}
h2.w3l-titles:before,h3.w3l-titles:before{left:36%}
h2.w3l-titles:after,h3.w3l-titles:after{right:36%;top:106%}
.services{padding:5em 0}
.services-grids1{margin:2em 0 0 0!important}
.wthree-services-grids{margin:4em 0 0 0}
.wthree-services-grid{overflow:hidden;position:relative;display:block;box-shadow:0 0 1px #6b6b6b,0 1px 2px rgba(0,0,0,.24)}
.wthree-services-info{padding:3em 0;background:#FFF;text-align:center}
.wthree-services-info i.fa.fa-bell-o,.wthree-services-info i.fa.fa-bullhorn,.wthree-services-info i.fa.fa-comment-o,.wthree-services-info i.fa.fa-credit-card,.wthree-services-info i.fa.fa-money,.wthree-services-info i.fa.fa-scissors,.wthree-services-info i.fa.fa-sun-o,.wthree-services-info i.fa.fa-thumbs-o-up{color:#212121;font-size:3em}
.wthree-services-info h4{color:#212121;font-size:1.2em;margin:1em 0 0 0;text-transform:uppercase;font-weight:600}
.w3ls-border{width:30%;margin:1em auto 0;border:double 4px #000}
.wthree-services-captn{height:100%;width:100%;position:absolute;padding:6em 1em;text-align:center;top:-100%;right:0;background-color:rgba(0, 51, 153, .7);-o-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.wthree-services-captn h4{color:#fff;font-size:1em;text-transform:uppercase;font-weight:600;letter-spacing:4px;margin:0}
.wthree-services-captn p{font-size:.9em;margin-top:1em;color:#fff;line-height:1.8em}
.wthree-services-grid:hover .wthree-services-captn{display:block;top:0}
.services-grids1{margin:2em 0 0 0!important}
.wthree-top-grid h4{color:#454545;font-size:1.8rem;text-transform:uppercase;line-height:1.5em;margin:10px;font-weight:600;letter-spacing:2px}
.wthree-top-grid p{color:#777;font-size:14px;line-height:28px;margin:0}
.agileits-about-top{padding:0 0 5em}
@media screen and (max-width:991px){
h2.w3l-titles:before,h3.w3l-titles:before{left:30%}
h2.w3l-titles:after,h3.w3l-titles:after{right:30%}
}
@media (max-width:736px){.wthree-services{width:50%;margin-bottom:1em;float:left}
.wthree-top-grid{margin-bottom:2em}
.agileits-about-top{padding:0 0 1em}
}
@media screen and (max-width:480px){h2.w3l-titles,h3.w3l-titles{font-size:2.2em;margin-bottom:1em}
h2.w3l-titles:before,h3.w3l-titles:before{left:23%}
h2.w3l-titles:after,h3.w3l-titles:after{right:23%}
}
@media screen and (max-width:414px){.wthree-top-grid h4{font-size:20px;margin:10px 0}
.wthree-services{width:100%}
}
@media screen and (max-width:320px){h2.w3l-titles,h3.w3l-titles{font-size:2em;margin-bottom:1em}
h2.w3l-titles:before,h3.w3l-titles:before{left:14%}
h2.w3l-titles:after,h2.w3l-titles:before,h3.w3l-titles:after,h3.w3l-titles:before{width:18%}
h2.w3l-titles:after,h3.w3l-titles:after{right:18%}
.services{padding:2em 0}
.wthree-top-grid p{line-height:24px}
.wthree-services-grids{margin:2em 0 0 0}
}