body{margin:0;padding:0;background:#fff;font-family:'Open Sans',sans-serif}
h1,h2,h3,h4,h5,h6{margin:0;font-family:'Hind',sans-serif;font-family:Montserrat,sans-serif}
p{margin:0;letter-spacing:1px;color:#777}
ul{margin:0;padding:0;color:#8427cd}
p,ul,ol{font-size:14px;letter-spacing:1px}
.background-video{position:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;width:100%;height:100%}
input[type="submit"],a,.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{transition:.5s ease-in;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in}
a:hover{text-decoration:none}
a:focus{outline:none;text-decoration:none}
.center-container{padding:2em 0 48em;background:rgba(0,0,0,0.44)}
.w3_agile_header_left{float:left}
.agile_header_right{float:right;margin-top:.7em}
.agile_header_right ul li{display:block;font-weight:600;color:#fff;display:inline-block}
.agile_header_right ul li i{padding-right:1.5em;color:#0accff}
.agile_header_right ul li a{color:#fff;text-decoration:none}
.agile_header_right ul li a:hover{color:#0accff}
.agile_header_right ul li a:before,.agile_header_right ul li a:after{display:none}
.agile_header_right ul li:last-child{margin-left:3em}
.w3_agileits_logo{float:left}
.w3_agileits_logo h1 a{font-size:1.2em;color:#fff;display:block;text-decoration:none;font-weight:700;font-family:'Open Sans',sans-serif;letter-spacing:2px}
.w3_agileits_logo h1 a span{display:block;font-size:.3em;font-weight:600;color:#0accff;position:relative;letter-spacing:3px}
.agileits_w3layouts_banner_info{width:80%;margin:0 auto;text-align:center}
.agileits_w3layouts_banner_info h2{font-size:2em;color:#fff;text-transform:capitalize;line-height:2em}
.agileits_w3layouts_banner_info p{color:#fff;line-height:2em;margin:0 0 5em}
ul.top_agile_info_ad{width:42%;margin:1.4% auto 0;float:right}
ul.top_agile_info_ad li{list-style:none;display:inline-block;width:50%;float:left;letter-spacing:1px}
.w3l_header_contact_details_agile{float:right;width:78%;text-align:left}
.w3_agileits_logo h1 a span{font-size:12px;text-align:center;color:#8427cd}
.centrirano{text-align:center}
.dopuna{margin-bottom:20px}
#chat-head{background:#fff url(/images/chatt.jpg) no-repeat -3px -5px;background-size:75px 75px;width:70px;height:70px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;background-color:#adafb5;-webkit-box-shadow:0 2px 12px 1px rgba(0,0,0,.89);-moz-box-shadow:0 2px 12px 1px rgba(0,0,0,.89);box-shadow:0 2px 12px 1px rgba(0,0,0,.89);border:solid 1px #fff;position:fixed;right:-110px;z-index:999;bottom:5%;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
#chat-head i{width:24px;height:24px;-webkit-border-radius:4px/3px;-moz-border-radius:4px/3px;border-radius:4px/3px;background-color:#adafb5;background-image:-webkit-linear-gradient(bottom,#ff1919,#ff5959);background-image:-moz-linear-gradient(bottom,#ff1919,#ff5959);background-image:-o-linear-gradient(bottom,#ff1919,#ff5959);background-image:-ms-linear-gradient(bottom,#ff1919,#ff5959);background-image:linear-gradient(to top,#ff1919,#ff5959);display:block;color:#fff;font-style:normal;font-family:'Helvetica';font-weight:700;font-size:16px;text-align:center;line-height:24px;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;border:1px solid rgba(255,0,0,.5);margin:-8px 0 0 -10px;text-shadow:0 2px 0 #c51414}
#chat-head.animate{right:-10px}
.zaigraj:hover{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);perspective:1000px}
@keyframes shake {
10%,90%{transform:translate3d(-1px,0,0)}
20%,80%{transform:translate3d(2px,0,0)}
30%,50%,70%{transform:translate3d(-4px,0,0)}
40%,60%{transform:translate3d(4px,0,0)}
}
.novodugmee{color:#0b0c11;font-size:1em;letter-spacing:1px;border-radius:0;margin-top:.5em;font-weight:700;text-transform:uppercase}
.uslugakontakt{text-align:left;width:100%;font-size:14px;margin-bottom:.4em;padding:4px;outline:none;letter-spacing:1px;color:#212121;border:none;border-bottom:1px solid #d8d7d7;box-sizing:border-box;box-shadow:2px 2px 5px 0 rgba(0,0,0,0.31)}
.uslugakona{text-align:left;width:100%;font-size:14px;margin-bottom:.4em;padding:4px;outline:none;letter-spacing:1px;color:#8427cd;border:none}
.crveno{color:red;font-size:17px}
.vecitrt{font-size:16px}
.pulsiranje{animation:.99s infinite beatHeart}
@keyframes beatHeart {
0%{transform:scale(1)}
25%{transform:scale(1.1)}
40%{transform:scale(1)}
60%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.pulsq{animation:.3s beatHeart;animation-delay:2s}
@keyframes beatHeart {
0%{transform:scale(1)}
25%{transform:scale(1.1)}
40%{transform:scale(1)}
60%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.header_contact_details_agile i{color:#fff;width:20%;float:left;text-align:center;margin-top:13px;font-size:1.5em}
.header-contact-detail-title{color:#7aba1e;font-size:1.2em;font-weight:600;margin-bottom:7px}
a.w3l_header_contact_details_agile-info_inner,.w3l_header_contact_details_agile a{font-size:1em;color:#fff;text-align:left;letter-spacing:1px}
.blav{color:#8427cd;letter-spacing:1px;font-size:22px;font-weight:600;text-shadow:1px 1px 1px #000}
.agileits_w3layouts_banner_nav{margin:0 auto;width:100%;position:absolute;z-index:99;padding:0 3em;border-bottom:1px solid rgba(255,255,255,0.2);position:fixed;background:#ffffff;box-shadow:0 2px 40px 2px #260000}
.navbar-default{background:none;border:none}
.navbar{margin-bottom:0}
.navbar-collapse{padding:0}
.navbar-right{margin-right:0}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#8427cd;background:none}
.navbar-default .navbar-nav>.active>a:before{background:#8427cd;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
.navbar-default .navbar-nav>li>a{font-weight:400;letter-spacing:2px}
.navbar-nav>li>a{margin:0 1em;padding:1.9em 0;text-transform:uppercase}
.navbar-default .navbar-nav>li>a:hover{color:#000}
.navbar-default .navbar-nav>li>a:focus{color:#000;outline:none}
nav.navbar.navbar-default{background:none;padding:0}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#262c38;background:none}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-default .navbar-nav>.active.open>a:focus{background:transparent;color:#fff}
a.navbar-brand i{color:#8427cd}
.navbar-header.navbar-left{margin-top:7px}
a.navbar-brand{padding:0;font-size:1em;font-weight:450;line-height:38px;letter-spacing:0;text-shadow:1px 1px 1px rgba(16,16,16,0.57)}
.navbar-brand span{color:#8427cd;font-weight:600;padding:0 10px;border:1px solid #fff;background:#fff;border-radius:6px;text-shadow:1px 1px 1px rgba(16,16,16,0.57)}
.navbar-default .navbar-brand{color:#fff}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#fff}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#072d62;background:none}
.agile_short_dropdown{border-radius:0;background:#fff;text-align:center;padding:0;border:none; padding-left: 10px; padding-right: 10px;}
.agile_short_dropdown li a{text-transform:uppercase;color:#212121;font-size:13px;font-weight:600;padding:.8em 0;border-bottom:1px solid #ececef}
.agile_short_dropdown>li>a:hover{color:#fff;text-decoration:none;background-color:#8427cd}
.effect-3{overflow:hidden}
.effect-3:before{left:-1px;bottom:0;width:100%;height:4px;background:#8427cd;content:'';position:absolute;transition:transform .5s ease;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%)}
.effect-3:hover:before{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}
.agile_banner_text_info h3{font-size:3.2em;font-weight:700;text-shadow:1px 1px 14px #100000;color:#fff}
.agile_banner_text_info h3 span{font-weight:700;display:block;letter-spacing:3px;font-size:17px;text-transform:uppercase;font-family:'Open Sans',sans-serif;text-shadow:2px 2px 2px rgba(16,16,16,0.57);color:#8427cd}
.agile_banner_text_info label{font-weight:700;display:block;letter-spacing:5px;font-size:17px;text-transform:uppercase;font-family:'Open Sans',sans-serif;text-shadow:2px 2px 2px rgba(16,16,16,0.57);text-align:right;color:#8427cd}
.agile_banner_text_info{position:absolute;z-index:9;top:40%;left:24.5%;text-align:center}
.slider{position:relative;z-index:1}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.rslides_tabs{z-index:9;position:absolute;bottom:-7%;left:35%}
.rslides_tabs li{display:inline-block;margin:0 2px;list-style:none}
.rslides_tabs li:first-child{margin-left:0}
.rslides_tabs .rslides_here a{color:#fff;font-weight:700}
#slider3-pager a{display:inline-block}
#slider3-pager img{float:left;display:block;border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%}
.rslides_tabs a{border:4px solid rgba(239,232,232,0.28);border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%}
#slider3-pager .rslides_here a{background:transparent;border:4px solid #8427cd;border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%}
a.rslides_nav.rslides1_nav.prev{position:absolute;left:0;color:#fff;top:36%;z-index:9999;text-transform:uppercase;font-weight:400;letter-spacing:1px;font-family:'Montserrat',sans-serif;display:none}
a.rslides_nav.rslides1_nav.next{right:0;position:absolute;color:#fff;top:36%;z-index:9999;text-transform:uppercase;font-weight:400;letter-spacing:1px;font-family:'Montserrat',sans-serif;display:none}
#home{position:relative}
ul#slider li:nth-child(1){background:url(../images/top/seo-optimizacija-web-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:600px}
ul#slider li:nth-child(2){background:url(../images/top/adwords-reklame-web-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:600px}
ul#slider li:nth-child(3){background:url(../images/top/web-razvoj-web-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:600px}
ul#slider li:nth-child(4){background:url(../images/top/social-media-web-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:600px}
@media (max-width:1440px) {
.agile_banner_text_info h3{font-size:2.8em;letter-spacing:3px}
}
@media (max-width:667px) {
.rslides_tabs{padding:.3em 1em;margin-top:6px}
a.rslides_nav.rslides1_nav.prev,a.rslides_nav.rslides1_nav.next{font-size:.9em}
.agile_banner_text_info{top:32%;left:30%}
.rslides_tabs{padding:0;margin-top:6px}
.rslides_tabs a{width:45px;height:45px}
#slider3-pager .rslides_here a{width:45px;height:45px}
#slider3-pager img{width:41px;height:41px}
.rslides_tabs{bottom:-9%;left:34%}
.rslides_tabs a{border:2px solid rgba(239,232,232,0.28)}
#slider3-pager .rslides_here a{border:2px solid #8427cd}
}
.w3-button{margin:2em auto 0;text-align:center}
.w3ls-button{float:left}
.w3l-button{float:right}
.w3ls-button a,.w3l-button a,.w3ls-about-left a{text-decoration:none;padding:.8em 1.5em;background:#8427cd;text-align:center;border:solid 2px #8427cd;letter-spacing:2px;text-transform:uppercase;color:#fff;font-size:.99em}
.w3l-button a{background:none;border-radius:6px;box-shadow:1px 1px 5px #100000}
.w3l-button a:focus{outline:none}
.w3l-button a:hover{background:#8427cd;border:solid 2px #8427cd}
.w3ls-button a:hover{background:none;border:solid 2px #fff;color:#fff}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:rgba(208,210,218,0.22);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:#fff}
.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.agile_banner_text_info p{color:#fff;letter-spacing:5px;margin:1em 0 2em auto;font-size:1.2em}
.banner-bottom{padding:0em 0 1em}
.banner-bottom.inner{padding:0em 0}
.wthree_banner_bottom_grid_right h4{font-size:1.4em;margin-bottom:.7em;font-weight:400;color:#222}
.wthree_banner_bottom_grid_right p{line-height:2em}
.agile_banner_bottom_grid_left_grid{width:60px;height:60px;text-align:center}
.agile_banner_bottom_grid_left_grid span{font-size:2em;color:#8427cd}
.w3_agileits_banner_bottom_pos_grid:hover span{color:#111}
.wthree_head_section h2{font-size:3.3em;letter-spacing:1px;text-align:center;color:#333;margin-bottom:1.2em;font-weight:600}
.about h4{font-size:2em;margin:1em 0 .5em;color:#fff;letter-spacing:2px;font-weight:600}
.about_agileinfo h3{text-align:left;margin-top:2em;line-height:30px;text-transform:uppercase;font-size:20px;margin-bottom:0;color:#303030}
.about_agileinfo p{line-height:2em;margin-top:1em;color:#989898;letter-spacing:1px}
.services,.team,.contact-w3layouts,.agile_testimonials{padding:3em 0}
#welcome{background:#0e0e0e;padding:7em 0}
.wthree_head_section{text-align:left;z-index: 2;}
.w3l_header{font-size:3em;color:#262c38;letter-spacing:1px;position:relative;font-weight:600;text-align:center}
h3.w3l_header.w3_agileits_header.two{color:#8427cd}
.w3l_header span{color:#545151;font-weight:200}
h3.w3l_header.w3_agileits_header.two span{color:#000}
/*.w3l_header:after{border-top:2px solid #8427cd;display:block;width:81px;content:"";margin:8px auto 0}*/
h3.agile_tittle i{font-size:.8em;margin-bottom:6px}
h3.agile_tittle span{font-weight:600;letter-spacing:4px;font-family:'Open Sans',sans-serif;display:block;font-size:18px}
.agile_wthree_inner_grids{margin-top:2em}
.agileits-button.two a,.agileits-button a{padding:.8em 1em;color:#0b0c11;font-size:1em;letter-spacing:1px;background:none;border:1px solid #fff;border-radius:0;margin-top:1.5em;font-weight:700;text-transform:uppercase}
.agileits-buttone{padding:.8em 1em;color:#0b0c11;font-size:1em;letter-spacing:1px;border-radius:0;margin-top:1.5em;font-weight:700;text-transform:uppercase}
.agileits-button.two a:hover,.agileits-button a:hover{box-shadow:none;border:1px solid #8427cd}
.about_agileinfo_grid_imgs img{width:100%}
.about_agileinfo_grid_imgs img:nth-child(2){margin-top:1em}
.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#8427cd;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}
.main_section_agile.inner{background:url(../images/top/web-optimizacija-blog.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:430px}
.main_section_agileklijent.inner{background:url(../images/seo-optimizacija-web-sajta.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agilesocial.inner{background:url(../images/social-media.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agiledrust.inner{background:url(../images/blog/adwords-reklame.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agilelandingp.inner{background:url(../images/izrada-landing-stranice.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agilewebmat.inner{background:url(../images/blog/web-sajt-materijal.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agilewebraz.inner{background:url(../images/web-razvoj.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agileseo.inner{background:url(../images/blog/seo-optimizacija-sajta.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agilewrite.inner{background:url(../images/pisanje-tekstova-za-sajt.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agileoptim.inner{background:url(../images/blog/optimizacija-sajta.png)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.main_section_agileword.inner{background:url(../images/blog/wordpress-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:440px}
.main_section_agilecena.inner{background:url(../images/blog/seo-optimizacija.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:400px}
.mid-one{background:url(../images/adwords-ppc.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
.mid-social{background:url(../images/blog/social-network.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
.mid-web{background:url(../images/blog/web-optimizacija-sajta.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
.mid-seo-usluga{background:url(../images/blog/seo-optimizacija-google.png)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
.mid-marketing{background:url(../images/blog/materijal-web-sajta.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
.mid-two{background:url(../images/banner5.jpg)no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:550px}
#three_grids{display:flex}
.mid-text-info{padding:6em 3em 3em;background:#ededef;text-align:center}
.mid-text-info h4{font-size:1.6em;margin-bottom:.7em;font-weight:400;color:#222;line-height:1.5em}
.mid-text-info p{line-height:2em;margin-top:1em;color:#888;letter-spacing:1px}
.mid-inner-sec.one{padding-left:0}
.mid-inner-info{margin-top:8em}
.mid-inner-info h5{font-size:1.4em;margin-bottom:.7em;font-weight:400;color:#fff;letter-spacing:1px}
.mid-inner-sec span{font-size:3em;margin-bottom:.5em;color:#8427cd}
.modal-info h4{text-align:center;font-size:2em;font-weight:600;margin:.5em 0;color:#000}
.modal-info h5{font-size:1.4em;font-weight:600;margin:.5em 0;color:#00acee}
.w3layouts_stats_left{text-align:center}
.w3layouts_stats_left p{font-size:3em;font-weight:100;letter-spacing:2px;color:#fff;margin:.1em 0}
.w3layouts_stats_left h3{font-size:1em;color:#062d20;letter-spacing:3px;margin:0;font-weight:600}
.w3layouts_stats_left span{font-size:2.5em;color:#fff}
.w3l_stats_bottom_grid_left img{margin:0 auto}
.stats{text-align:center;background:#8427cd;padding:0em 0}
.agile_inner_info_stats{margin-top:2em}
.bargrids-left{margin-right:40px}
.bar-grids h4{font-size:1.6em;color:#fff;letter-spacing:1px;margin-bottom:1.4em;padding-bottom:0;font-weight:600}
.bar-grids h4 span.glyphicon{margin-right:.8em;color:#ecb731}
.progress{height:35px;margin-bottom:2.2em;background-color:#8427cd;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0}
.prgs-w3agile-last{margin-bottom:0!important}
.progress-bar{background-color:#8427cd}
.superiska{text-align:left;font-size:16px}
.bar-grids h6{font-size:1em;color:#7d7d7c;margin-bottom:.6em;text-transform:capitalize;font-weight:600}
.bar-grids h6 span{float:right;font-size:1em}
.progress-striped .progress-bar,.progress-bar-striped{background-image:none!important}
.skills{background:url(../images/web-razvoj.jpg)no-repeat 0 0;background-size:cover;padding:0;min-height:700px}
h3.agile_tittle.two{color:#252525}
.bar-grids.w3-agile{padding:4em 2em}
.wthree_skills{margin-top:4em}
.services{background:#8427cd;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;padding:3em 0 0;min-height:350px}
h4.sub_service_agileits{color:#000;font-size:1.5em;letter-spacing:1px;margin-bottom:1em}
.agileits-button.two.service a{color:#fff}
.agileits_banner_bottom_left.two{margin-top:3em}
#services p{color:#ceced0}
.services span{color:#000}
.w3_agileits_banner_bottom_pos_grid.two:hover span{color:#8427cd}
.agile_inner_info{margin-top:3em}
p.sub_cap{text-align:center;text-shadow:1px 1px 2px rgba(154,153,153,0.37)}
.portfolio-agileinfo h3.text-center{font-size:40px;font-weight:400;color:#000;padding-bottom:50px}
.portfolio-agileinfo .portfolio-grids a{display:block;overflow:hidden;position:relative}
.portfolio-agileinfo .portfolio-grids img.img-responsive{width:100%}
.portfolio-agileinfo .b-wrapper{background:rgba(253,43,48,0.74);position:absolute;width:100%;height:100%;bottom:-100%;left:0;padding:6.5em 0 0;transition:.5s all;text-align:center;display:none}
.portfolio-agileinfo .b-wrapper.two{padding:15.5em 0 0}
.portfolio-agileinfo .portfolio-grids a:hover .b-wrapper{bottom:0}
.portfolio-agileinfo i{margin:0 auto;text-align:center;color:#fff;font-size:2em;border:1px solid rgba(255,255,255,0.58);padding:10px}
.portfolio-agileinfo .b-wrapper h5{font-size:25px;font-weight:400;color:#fff;text-align:center;padding:14px 0}
.portfolio-agileinfo .b-wrapper p{font-size:14px;color:#fff;font-weight:400;line-height:1.8em;text-align:center}
.portfolio-agileinfo .gallery-grids{margin:0}
.portfolio-agileinfo h3{color:#000}
.portfolio-grids{padding:0}
.portfolio-grids_left{padding:0}
.portfolio-grids img{width:100%}
.portfolio-grid_left{padding:0}
.gallery-grid1 .p-mask,.row .product .vm-product-media-container .p-mask{opacity:0;visibility:hidden;background:#8427cd;bottom:0;position:absolute;padding:1.3em;width:100%;-webkit-transform:translate3d(0px,100%,0px);-moz-transform:translate3d(0px,100%,0px);-ms-transform:translate3d(0px,100%,0px);-o-transform:translate3d(0px,100%,0px);transform:translate3d(0px,100%,0px);-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;transition:all .5s ease 0;text-align:left;border:none}
.gallery-grid1 .p-mask .p-desc{color:#a3a3a3;position:relative;display:block;margin-bottom:10px;padding-bottom:10px;font-size:1em}
.gallery-grid1:hover .p-mask,.row .product:hover .p-mask{opacity:1;visibility:visible;-webkit-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}
.p-mask h4{color:#fff;font-size:1.2em;letter-spacing:1px;text-decoration:none;line-height:1.8em;text-transform:uppercase;font-weight:700}
.p-mask p{margin:0;color:#f5f5f5;line-height:1.8em;font-size:14px}
.p-mask span{color:#272727}
.contact_img_agile{background:url(../images/contact.jpg) no-repeat 0 0;background-size:cover;min-height:410px}
.contact-form.agile_inner_grids{padding:2em 0 0}
.contact-form h4{font-size:2.1em;color:#262c38;letter-spacing:1px;text-transform:uppercase;position:relative;font-weight:800;margin:0 0 2em;text-align:center}
.contact-form h4:after{border-top:2px solid #efb312;display:block;width:81px;content:"";margin:8px auto 0}
.contact-form h4 span{color:#8427cd}
.styled-input.agile-styled-input-top{margin-top:0}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{font-size:1em;color:#000000;padding:1em;border:0;width:100%;border-bottom:1px solid #8427cd;background:none;-webkit-appearance:none;outline:none;font-family:'Open Sans',sans-serif}
.contact-form textarea{min-height:150px;resize:none}
.contact-form.agile_inner_grids form{margin-top:0}
.styled-input input:focus~label,.styled-input input:valid~label,.styled-input textarea:focus~label,.styled-input textarea:valid~label{font-size:.9em;color:#8427cd;top:-1.3em;-webkit-transition:all .125s;-moz-transition:all .125s;-o-transition:all .125s;-ms-transition:all .125s;transition:all .125s}
.styled-input{width:100%;margin:2em 0;position:relative}
.textarea-grid{float:none!important;width:100%!important;margin-left:0!important}
.styled-input label{padding:.5em 0;position:absolute;top:0;color:#2c2c2d;left:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none;font-weight:600;font-size:1em;display:block;line-height:1em;letter-spacing:2px}
.styled-input input~span,.styled-input textarea~span{display:block;width:0;height:2px;background:#8427cd;position:absolute;bottom:0;left:0;-webkit-transition:all .125s;-moz-transition:all .125s;transition:all .125s}
.styled-input textarea~span{bottom:5px}
.styled-input input:focus.styled-input textarea:focus{outline:0}
.styled-input input:focus~span,.styled-input textarea:focus~span{width:100%;-webkit-transition:all .075s;-moz-transition:all .075s;transition:all .075s}
.contact-form input[type="submit"]{outline:none;color:#FFF;padding:.8em 3em;font-size:1.1em;margin:1em 0 0;-webkit-appearance:none;background:#8427cd;border:none;border-radius:6px;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all}
.contact-form input[type="submit"]:hover{background:#111}
.map iframe{width:100%;min-height:400px;border:none;padding:2em}
#contact{background:#f4f4f4}
.test-grid i{width:50px;height:50px;line-height:46px;border-width:2px;border:2px solid #1b1b1b;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-bottom:20px;color:#333;text-align:center}
.test-grid h4{font-size:1.2em;color:#8427cd;font-weight:400;letter-spacing:1px;margin:1em 0 .2em}
.test-grid p{font-size:14px;line-height:2em;letter-spacing:1px;margin:0 auto 1em;width:78%}
.test-grid span{font-size:.9em;color:#484747;letter-spacing:4px}
.wthree_head_section.test h3{color:#111}
.test-grid1{margin:0 auto 2em;text-align:center;width:14%}
.test-grid{text-align:center}
.test-grid2{float:left}
.test-grid2_text{float:left;margin-left:1em;text-align:left}
.agile{background:#fff;padding:2.5em 0;height:150px}
.dodatak{text-shadow:1px 2px #63B5E5}
.ravno{text-align:justify}
.video-grid-single-page-agileits img{width:100%}
.kontaktu-dugme{text-align:center}
#video{position:relative;background:#000;width:100%;margin:0 auto}
#video img,#video iframe{display:block;width:100%}
#play{position:absolute;top:39%;left:49%;width:86px;height:86px;cursor:pointer;background:url(../images/play-button.png) no-repeat 4px 4px;background-size:auto,cover;z-index:9;border:7px solid rgba(255,255,255,0.36);border-radius:50%}
.video_agile_player{padding:0}
.grid_3.grid_4.w3_agileits_icons_page{margin:0}
ul.bs-glyphicons-list li:hover{background:#000;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all}
ul.bs-glyphicons-list li:hover span{color:#fff}
.codes a{color:#555}
.row.fontawesome-icon-list{margin:0}
.icon-box{padding:8px 15px;background:rgba(149,149,149,0.18);margin:1em 0;border:5px solid #fff;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all;cursor:pointer}
.icon-box:hover{background:#000;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all}
.icon-box:hover i.fa{color:#fff!important}
.icon-box:hover a.agile-icon{color:#fff!important}
.codes .bs-glyphicons li{float:left;width:12.5%;height:115px;padding:10px;line-height:1.4;text-align:center;font-size:12px;list-style-type:none}
.codes .bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}
.codes .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#777}
.codes .bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
h3.icon-subheading{font-size:25px;color:#8427cd;margin:30px 0 15px;font-weight:400}
h3.agileits-icons-title{text-align:center;font-size:35px;color:#000;font-weight:300}
.icons a{color:#555}
.icon-box i{margin-right:10px!important;font-size:20px!important;color:#282a2b!important}
.bs-glyphicons li{float:left;width:18%;height:115px;padding:10px;line-height:1.4;text-align:center;font-size:12px;list-style-type:none;background:rgba(149,149,149,0.18);margin:1%;cursor:pointer}
.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px;color:#282a2b}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#777}
.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
.social a{margin-right:1%}
.wa{color:#25D366}
.cleaner{clear:both}
.boja-footer{color:#fff}
@media (max-width:1080px) {
.icon-box{width:33.33%}
}
@media (max-width:991px) {
h3.agileits-icons-title{font-size:28px}
h3.icon-subheading{font-size:22px}
.icon-box{width:50%}
}
@media (max-width:768px) {
h3.agileits-icons-title{font-size:28px}
h3.icon-subheading{font-size:25px}
.row{margin-right:0;margin-left:0}
.icon-box{margin:0}
}
@media (max-width: 640px) {
.icon-box{float:left;width:50%}
h3.icon-subheading{font-size:22px}
.grid_3.grid_4.w3_agileits_icons_page{margin-top:0}
}
@media (max-width: 480px) {
.bs-glyphicons li{width:31%}
h3.agileits-icons-title{font-size:25px}
h3.icon-subheading{font-size:19px}
}
@media (max-width: 414px) {
h3.agileits-icons-title{font-size:23px}
h3.icon-subheading{font-size:18px}
.bs-glyphicons li{width:31.33%}
}
@media (max-width: 384px) {
.icon-box{float:none;width:100%}
}
@media (max-width: 375px) {
.w3_agileits_icons_page{margin:0!important}
}
.well{font-size:16px}
.list-group-item{font-weight:300;font-size:14px}
li.list-group-item1{font-size:14px;font-weight:300}
.typo p{margin:0;font-size:14px;font-weight:300}
.show-grid [class^=col-]{background:#fff;text-align:center;margin-bottom:10px;line-height:2em;border:10px solid #f0f0f0}
.show-grid [class*="col-"]:hover{background:#e0e0e0}
.grid_3{margin-bottom:2em}
.xs h3,h3.m_1{color:#000;font-size:1.7em;font-weight:300;margin-bottom:1em}
.grid_3 p{color:#555;font-size:.85em;margin-bottom:1em;font-weight:300}
.grid_4{background:none;margin-top:50px}
.label{font-weight:300!important;border-radius:4px}
.grid_5{background:none;padding:2em 0}
.grid_5 h3,.grid_5 h2,.grid_5 h1,.grid_5 h4,.grid_5 h5,h3.hdg,h3.bars{margin-bottom:1em;color:#8427cd;font-weight:400}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:none!important}
.tab-content>.active{display:block;visibility:visible}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:0}
.badge-primary{background-color:#03a9f4}
.badge-success{background-color:#8bc34a}
.badge-warning{background-color:#ffc107}
.badge-danger{background-color:#e51c23}
.grid_3 p{line-height:2em;color:#888;font-size:.9em;margin-bottom:1em;font-weight:300}
.bs-docs-example{margin:1em 0}
section#tables p{margin-top:1em}
.tab-container .tab-content{border-radius:0 2px 2px 2px;border:1px solid #e0e0e0;padding:16px;background-color:#fff}
.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{padding:15px!important}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{font-size:.9em;color:#555;border-top:none!important}
.tab-content>.active{display:block;visibility:visible}
.label{font-weight:300!important}
.label{padding:4px 6px;border:none;text-shadow:none}
.alert{font-size:.85em}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button{line-height:2em;margin-top:.5em;margin-bottom:.5em}
li.list-group-item1{line-height:2.5em}
.input-group{margin-bottom:20px}
.in-gp-tl{padding:0}
.in-gp-tb{padding-right:0}
.list-group{margin-bottom:48px}
ol{margin-bottom:44px}
h2.typoh2{margin:0 0 10px}
@media (max-width:800px) {
.grid_3.grid_5.w3ls,.grid_3.grid_5.w3l,.grid_3.grid_5.agileits,.grid_3.grid_5.agileinfo,.grid_3.grid_5.wthree{margin:0}
}
@media (max-width:768px) {
.grid_5{padding:0 0 1em}
.grid_3{margin-bottom:0}
.grid_3.grid_5.w3l{margin-top:1.5em}
}
@media (max-width:640px) {
h1,.h1,h2,.h2,h3,.h3{margin-top:0;margin-bottom:0}
.grid_5 h3,.grid_5 h2,.grid_5 h1,.grid_5 h4,.grid_5 h5,h3.hdg,h3.bars{margin-bottom:.5em}
ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1{font-size:14px}
.breadcrumb{margin-bottom:25px}
.well{font-size:14px;margin-bottom:10px}
h2.typoh2{font-size:1.5em}
.label{font-size:60%}
.in-gp-tl{padding:0 1em}
.in-gp-tb{padding-right:1em}
.list-group{margin-bottom:20px}
}
@media (max-width:480px) {
.grid_5 h3,.grid_5 h2,.grid_5 h1,.grid_5 h4,.grid_5 h5,h3.hdg,h3.bars{font-size:1.2em}
.table h1{font-size:26px}
.table h2{font-size:23px}
.table h3{font-size:20px}
.label{font-size:53%}
.alert,p{font-size:14px}
.pagination{margin:20px 0 0}
.grid_3.grid_4.w3layouts{margin-top:0}
}
@media (max-width: 320px) {
.grid_4{margin-top:18px}
h3.title{font-size:1.6em}
.alert,p,ol.breadcrumb li,.grid_3 p,.well,ul.list-group li,li.list-group-item1,a.list-group-item{font-size:13px}
.alert{padding:10px;margin-bottom:10px}
ul.pagination li a{font-size:14px;padding:5px 11px}
.list-group{margin-bottom:10px}
.well{padding:10px}
.nav>li>a{font-size:14px}
table.table.table-striped,.table-bordered,.bs-docs-example{display:none}
}
.footer{background:#0b0c11}
.f-bg-w3l{background:rgba(0,0,0,0.58);padding:2em 0}
.w3layouts_footer_grid h2,.w3layouts_footer_grid h3{font-size:1.4em;color:#8427cd;position:relative;margin-top:.7em;margin-bottom:.6em;letter-spacing:2px}
.w3layouts_footer_grid h2 span,.w3layouts_footer_grid h3 span{color:#fff}
.social_agileinfo li{display:inline-block}
.social_agileinfo li a{width:40px;height:40px;display:block;border-radius:6px;text-align:center;color:#fff}
.social_agileinfo li a i{font-size:2em;line-height:1.36em}
.w3_facebook{border:1px solid #3b5998;border-radius:12px;background:#3b5998}
.w3_twitter{border:1px solid #1da1f2;border-radius:12px;background:#1da1f2}
.w3_instagram{border:1px solid #833ab4;border-radius:12px;background:#833ab4}
.w3_google{border:1px solid #dd4b39;border-radius:12px;background:#dd4b39}
.social_agileinfo_up li{display:inline-block}
.social_agileinfo_up li a{width:40px;height:40px;display:block;border:1px #fff;border-radius:6px;text-align:center;color:#fff}
.social_agileinfo_up li a i{font-size:1.4em;line-height:2.1em}
.facebook:hover{border:1px #3b5998;border-radius:12px;background:#3b5998}
.twitter:hover{border:1px #1da1f2;border-radius:12px;background:#1da1f2}
.instagram:hover{border:1px #833ab4;border-radius:12px;background:#833ab4}
.google:hover{border:1px #dd4b39;border-radius:12px;background:#dd4b39}
.w3l_footer_nav{margin:3em 0}
.w3l_footer_nav li{display:inline-block;margin-right:4em}
.w3l_footer_nav li a{color:#fff;font-weight:400;text-decoration:none;font-family:'Raleway',sans-serif;letter-spacing:2px}
.w3l_footer_nav li a:hover,.w3l_footer_nav li a.active{color:#8427cd}
.w3layouts_footer_grid p{font-size:1em;line-height:2em;margin-bottom:2em}
p.copyright{color:#fff;line-height:1.5em;letter-spacing:1px;text-align:center;border-radius:6px;margin-top:1.3em;background:#0e0e13;padding:8px 0}
p.copyright a{color:#fff;text-decoration:underline}
p.copyright a:hover{color:#8427cd}
.w3layouts_footer_grid form{border:1px solid #fff;width:100%;border-top-left-radius:10px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:10px}
.w3layouts_footer_grid input[type="email"]{outline:none;padding:15px;color:#fff;font-size:14px;width:88%;border:none;background:rgba(0,0,0,0.22);letter-spacing:2px}
button.btn1{color:#fff;border:none;padding:15px 0;text-align:center;text-decoration:none;background:#8427cd;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;transition:.5s all;float:right;border-top-left-radius:0;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0;width:12%}
ul.con_inner_text li{list-style-type:none;color:#fff;font-size:14px;margin-bottom:17px}
ul.con_inner_text li label{display:block;margin-left:1.7em}
ul.con_inner_text span{margin-right:13px}
ul.con_inner_text li a{color:#bfbfbf}
ul.con_inner_text li label{color:#fff;margin-right:1em;font-weight:400!important}
ul.con_inner_text.midimg li{display:inline-block;float:left}
.agile_inner{background:url(../images/banner2.jpeg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;min-height:261px}
.services-breadcrumb{padding:1em 0;background:#f5f5f5;text-align:center}
.services-breadcrumb ul li span{padding:0 1.5em}
ul.w3_short{text-align:left}
.agile_inner_breadcrumb{padding:0 4em}
ul.w3_short li a{color:#8427cd;text-decoration:none}
.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:62%}
.seosem{text-align:left}
.usluge{color:#333}
.medile_agile_its_section{text-align:center;background:#0b0c11;padding:4em 0}
.banner_bottom_w3ls_info p{margin:1em 0;line-height:2em}
ul.w3_short li{display:inline-block;text-transform:uppercase;color:#030408;font-size:.9em;font-weight:500;letter-spacing:2px}
.medile_agile_its_blue h4{text-align:center;color:#fff;font-size:2em;font-weight:300;margin:0 auto;letter-spacing:2px;padding-top:15px}
.banner-bottom.service_agile{background:#f4f4f4}
@media(max-width:2040px) {
.rslides_tabs{bottom:-7%;left:39%}
}
@media(max-width:1840px) {
.rslides_tabs{bottom:-7%;left:38%}
}
@media(max-width:1440px) {
.mid-one,.mid-web,.mid-seo-usluga,.mid-social,.mid-marketing,.mid-two{min-height:600px}
.rslides_tabs{bottom:-7%;left:35%}
}
@media(max-width:1366px) {
h3.agile_tittle{font-size:2.5em}
.wthree_head_section h2{font-size:3em}
.team,.contact-w3layouts,{padding:5em 0}
.agile_wthree_inner_grids{margin-top:3em}
.w3layouts_stats_left p{font-size:3em}
.w3layouts_stats_left span{font-size:2.3em}
}
@media(max-width:1280px) {
#welcome,.banner-bottom.service_agile{padding:4em 0}
.agile_banner_text_info{top:40%;left:22.5%}
.agile_banner_text_info h3{font-size:2.5em;letter-spacing:3px}
.w3-button{margin:2em auto 0;width:100%}
.rslides_tabs{bottom:-7%;left:33%}
/*.services{padding:7em 0 0;min-height:453px}*/
.banner-bottom{padding:3em 0}
.w3l_header{font-size:2.7em}
.f-bg-w3l{background:rgba(0,0,0,0.58);padding:4em 0}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:650px}
}
@media(max-width:1080px) {
main_section_agilesocial.inner,main_section_agiledrust.inner,main_section_agilewebmat.inner,main_section_agilewebraz.inner,main_section_agileseo.inner,main_section_agilewrite.inner,main_section_agileoptim.inner,main_section_agileword.inner,main_section_agilecena.inner,main_section_agileklijent.inner,main_section_agile.inner{min-height:300px}
.agile_banner_text_info{top:41%;left:24%}
.bar-grids.w3-agile{padding:4em}
.wthree_skills{margin-top:3em}
.skills{min-height:620px}
.bar-grids h6{font-size:.9em}
.test-grid h4{font-size:1.15em}
.contact-form.agile_inner_grids{padding:3em}
.wthree_head_section h2{font-size:2.5em}
.team,.contact-w3layouts,.agile_testimonials,.f-bg-w3l{padding:4em 0}
.wthree_banner_bottom_grid_right h4{font-size:1.2em}
.w3l_header{font-size:2.7em}
.about h4{font-size:1.6em}
.test-grid p{font-size:14px;line-height:2em;letter-spacing:1px;margin:0 auto 1em;width:98%}
.nav>li{margin:0 .4em}
#portfolio{padding-top:4em}
.mid-one,.mid-web,.mid-seo-usluga,.mid-social,.mid-marketing,.mid-two{min-height:500px}
.mid-inner-info{margin-top:4em}
.mid-inner-info h5{font-size:1.2em;letter-spacing:1px}
.agile_banner_text_info h3{font-size:1.7em;letter-spacing:2px}
.agile_banner_text_info p{letter-spacing:4px;margin:1em 0 2em auto;font-size:1em}
.w3-button{margin:2em auto 0;width:100%}
.rslides_tabs{bottom:-11%;left:30%}
.agileits-button.two a,.agileits-button a{padding:.8em 1em;margin-top:1.5em}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:526px}
}
@media(max-width:1050px) {
.agile_banner_text_info h1 span{letter-spacing:2px;font-size:14px}
.skills{min-height:549px}
.test-grid1{width:28%}
.mid-one,.mid-web,.mid-seo-usluga,.mid-social,.mid-marketing,.mid-two{min-height:300px}
.mid-text-info{padding:3em 2em}
.w3layouts_stats_left h3{font-size:.9em;letter-spacing:1px}
/*.services{padding:6em 0 0;min-height:608px}*/
.rslides_tabs{bottom:-11%;left:28%}
.main_section_agilesocial.inner,.main_section_agiledrust.inner,.main_section_agileklijent.inner,.main_section_agilelandingp.inner,.main_section_agilewebmat.inner,.main_section_agilewebraz.inner,.main_section_agileseo.inner,.main_section_agilewrite.inner,.main_section_agileoptim.inner,.main_section_agileword.inner,.main_section_agilecena.inner,.main_section_agile.inner{min-height:250px}
}
@media(max-width:1024px) {
.agile_banner_text_info{top:39%;left:20%}
}
@media(min-width:992px) {
#three_grids{display:flex}
.mid-one,.mid-web,.mid-seo-usluga,.mid-social,.mid-marketing,.mid-two{float:none}
}
@media(max-width:991px) {
.w3-agileits-services-right{padding:0;margin-top:2em}
.portfolio-grids{padding:0;float:left}
.test-grid2{padding:0;margin-bottom:3em}
.portfolio-grids{padding:0;float:left;width:50%}
.portfolio-grid_left{padding:0;float:left;width:50%}
.skills,.contact_img_agile{min-height:450px}
.w3l_footer h2 a{letter-spacing:1.5px;font-size:1em}
.botttom-nav-agileits{padding:0}
.arrow-container{margin:0 auto;position:absolute;left:0;right:0;top:52%}
.about_agileinfo_grid_imgs{padding:0;margin-top:2em}
.w3layouts_stats_left{text-align:center;float:left;width:25%;padding:0}
.w3layouts_footer_grid{margin-top:1em}
.agileits_banner_bottom_left:nth-child(2){margin:1em 0}
.test-grid1{width:31%}
.w3layouts_stats_left p{font-size:2.5em}
.wthree_banner_bottom_grid_right h4{font-size:1.4em}
.agile_inner{min-height:200px}
.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:90%}
.agile_banner_text_info{top:37%;left:22%}
.w3_agileits_banner_bottom_pos_grid{float:left;width:50%;margin-bottom:2em}
.mid-text-info{padding:2em 1em;text-align:center}
.about_agileinfo{padding-left:0}
.mid-inner-info{margin-top:2em}
/*.services{padding:3em 0 1em;min-height:500px}*/
.w3layouts_footer_grid{margin-top:2em;width:100%;float:left}
.mid-one,.mid-web,.mid-seo-usluga,.mid-social,.mid-marketing,.mid-two{min-height:300px;float:none;width:100%}
.about_agileinfo_grid_imgs img{width:65%}
.mid-inner-sec{float:left;width:50%}
.agileits_w3layouts_banner_nav{padding:0 1em}
#three_grids{display:block}
}
@media(max-width:900px) {
.agile_banner_text_info{top:41%;left:20%}
.rslides_tabs{bottom:-11%;left:25%}
}
@media(max-width:800px) {
.agile_banner_text_info h3{font-size:3.2em;letter-spacing:2px}
.w3-button{margin:2em auto 0;width:54%}
.agile_banner_text_info{top:38%;left:20%}
.rslides_tabs{bottom:-11%;left:22%}
.p-mask p{margin:0;line-height:1.8em;font-size:13px}
}
@media(max-width:768px) {
.skills,.contact_img_agile{min-height:400px}
.w3ls-button a,.w3l-button a,.w3ls-about-left a{text-decoration:none;padding:.6em 1.3em}
.navbar-default .navbar-nav>li>a{font-weight:400;letter-spacing:0}
.navbar-nav>li>a{margin:0 .6em;padding:1.6em 0;text-transform:uppercase}
.rslides_tabs li{display:inline-block;margin:0 1px}
}
@media(max-width:767px) {
.mobile-nav-button{margin:1.5em 0 0;right:3%}
.services-right-grids:nth-child(2){margin:0}
.services-right-grid{margin-bottom:1em;padding:0}
.w3-agileits-services-left{min-height:345px}
.navbar-brand{font-size:.8em}
.navbar-toggle{margin-top: 15px;;padding:12px 10px}
.navbar-default .navbar-toggle{border:none;background:#7e25c3;border-radius:6px;border:1px solid #fff}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{/*position:absolute;*/width:100%;z-index:9999;background:#ffffff;padding:0;margin-top:0;border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.navbar-collapse.in{overflow-y:inherit}
.w3_agileits_search{width:45%;float:none;margin:0 auto}
.w3_agileits_search input[type="submit"]{width:7%;background-position:0 5px}
.w3_agileits_search input[type="search"]{width:91%}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#7e25c3}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.agileits_w3layouts_banner_nav{padding:.5em 1em}
.navbar-right{width:100%}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:none}
.navbar-nav{margin:0;text-align:center}
.navbar-nav>li>a{padding:10px 25px;letter-spacing:1px;font-size:1.1em;display:inline-block}
.navbar-nav .open .dropdown-menu{background-color:#c6ebf7}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#222;padding:7px 0}
.w3layouts-banner-top,.w3layouts-banner-top1,.w3layouts-banner-top2{min-height:450px}
.agileits-banner-info p{font-size:.9em;letter-spacing:9px}
.agileits-banner-info{padding:10em 0 0}
.banner-bottom h2{font-size:1.5em}
.w3-agile-post-img a ul{padding:7em 1em 0 2em}
.w3-agile-post-img a{min-height:350px}
.w3-agile-post-img a ul li{font-size:.8em;padding:.5em 0;width:17%}
.w3-agile-post-info ul li:nth-child(2){margin:0 0 0 35em}
ul.nav.navbar-nav{margin:0;z-index:9999;/*border:1px #8427cd solid;*/border-bottom-right-radius:20px;border-bottom-left-radius:20px;/*box-shadow:1px 1px 14px #100000*/}
nav.navbar.navbar-default{background:none;/*padding:1em 0 .2em*/}
ul.agile_forms{margin-bottom:1em}
.agileits_w3layouts_event_grid1 h5 a{font-size:1.2em;letter-spacing:2px}
.agile_short_dropdown li a{border-bottom:1px solid #a8d1de}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#7e25c3}
.nav>li{margin:.3em 0}
.agile_banner_text_info{top:32%;left:22%}
.w3layouts_stats_left h3{font-size:1em;letter-spacing:1px}
.bar-grids.w3-agile{padding:4em 2em}
.contact-form.agile_inner_grids{padding:3em 2em}
.skills,.contact_img_agile{min-height:364px}
.navbar-default .navbar-nav>li>a{color:#222}
.agile_banner_text_info h3{font-size:3em;letter-spacing:2px}
.agile_banner_text_info{top:32%;left:19%}
.navbar-header.navbar-left{margin-top:0}
nav.navbar.navbar-default{background:none;}
.w3l_header{font-size:2.5em}
.test-grid1{width:33%}
}
@media(max-width:736px) {
.w3layouts_stats_left h3{font-size:.9em;letter-spacing:2px}
.w3l_footer_nav li{margin-right:2em}
.wthree_banner_bottom_grid_right h4{font-size:1.2em}
}
@media(max-width:667px) {
h3.agile_tittle span{letter-spacing:2px;display:block;font-size:15px}
.about h4{font-size:1.8em}
.wthree_head_section h2{font-size:2.3em}
h3.agile_tittle{font-size:2em}
.about h4{font-size:1.6em}
.botttom-nav-agileits ul.nav-w3ls li{margin:0 10px}
p.agileits_w3ls_copyright{letter-spacing:1px}
.team,.contact-w3layouts,.agile_testimonials,.banner-bottom,.f-bg-w3l,.banner-bottom.inner{padding:3em 0}
.test-grid1{width:35%}
#portfolio{padding-top:1em}
.agile_wthree_inner_grids{margin-top:2em}
#welcome{padding:3em 0}
.medile_agile_its_blue h4{font-size:1.4em}
.medile_agile_its_section{padding:2em 0}
.agile_banner_text_info p{letter-spacing:3px;margin:1em 0 0 auto;font-size:1em}
.agile_banner_text_info h3{font-size:2.8em;letter-spacing:1px}
.w3-button{margin:1em auto 0;width:100%}
.agile_banner_text_info{top:38%;left:19%}
.rslides_tabs{bottom:-8%;left:34%}
.mid-text-info h4{font-size:1.4em}
.main_section_agilesocial.inner,.main_section_agiledrust.inner,.main_section_agilewebmat.inner,.main_section_agilelandingp.inner,.main_section_agilewebraz.inner,.main_section_agileklijent.inner,.main_section_agileseo.inner,.main_section_agilewrite.inner,.main_section_agileoptim.inner,.main_section_agileword.inner,.main_section_agilecena.inner,.main_section_agile.inner{min-height:230px}
.skills,.contact_img_agile{min-height:250px}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:428px}
}
@media(max-width:640px) {
.skills,.contact_img_agile{min-height:311px}
.bar-grids.w3-agile{padding:3em 1em}
.team,.contact-w3layouts,.agile_testimonials,.banner-bottom,.f-bg-w3l,.banner-bottom.inner{padding:1em 0}
.contact-form.agile_inner_grids{padding:2em 1em}
ul.nav-w3ls{float:none;margin-top:1em;text-align:center}
.w3l-social{float:none;margin-top:1em;text-align:center}
.portfolio-grids{padding:0;float:left;width:100%}
.main_section_agilesocial.inner,.main_section_agiledrust.inner,.main_section_agilewebmat.inner,.main_section_agilewebraz.inner,.main_section_agilelandingp.inner,.main_section_agileseo.inner,.main_section_agilewrite.inner,.main_section_agileoptim.inner,.main_section_agileword.inner,.main_section_agilecena.inner,.main_section_agileklijent.inner,.main_section_agile.inner{min-height:261px}
.portfolio-grids{padding:0;float:left;width:100%}
.portfolio-grid_left{padding:0;float:left;width:100%}
.agile_banner_text_info{top:38%;left:18%}
}
@media(max-width:600px) {
.agile_wthree_inner_grids{margin-top:2em}
/*.stats{padding:3em 0 2em}*/
.test-grid1{width:40%}
.w3layouts_footer_grid form{width:100%;margin-top:2em}
.services-breadcrumb{padding:.5em 0}
.agile_banner_text_info h3{font-size:1.5em;letter-spacing:1px}
.w3-button{margin:1em auto 0;width:100%}
.rslides_tabs{bottom:-8%;left:32%}
.w3_agileits_banner_bottom_pos_grid{float:left;width:100%;margin-bottom:1em}
.w3_agileits_banner_bottom_pos_grid.two{float:left;width:50%;margin-bottom:1em}
.agileits_banner_bottom_left{padding:0}
.w3_agileits_banner_bottom_pos_grid.two{float:left;width:100%;margin-bottom:1em}
}
@media(max-width:568px) {
.w3layouts_stats_left{float:left;width:50%;padding:0;margin-bottom:2em}
p.agileits_w3ls_copyright{letter-spacing:1px;line-height:1.9em}
.test-grid1{margin:0 auto;margin:0 auto 0}
.w3l_header{font-size:2.5em}
.agileits-button.two a,.agileits-button a{font-size:.9em;margin-top:1em}
.mid-inner-sec{float:left;margin-bottom:1em}
.w3_agileits_banner_bottom_pos_grid.two{float:left;width:100%;margin-bottom:1em}
}
@media(max-width:480px) {
.wthree_head_section h2{font-size:2.1em;line-height:1.4em}
.skills,.contact_img_agile{min-height:227px}
.w3-agileits-services-left{min-height:288px}
.about h4{font-size:1.4em}
.test-grid1{width:51%}
.w3layouts_footer_grid{margin-top:1em;padding:0}
.w3l_footer_nav li a{letter-spacing:1px;font-size:.9em}
.w3l_footer_nav li{margin-right:1em}
.w3layouts_footer_grid p{letter-spacing:1px;font-size:.9em}
.agile_inner{min-height:177px}
.agile_banner_text_info p{letter-spacing:2px;margin:.7em 0 1em auto;font-size:.9em}
.w3l_header{font-size:2.2em}
.map iframe{width:100%;min-height:250px}
a.navbar-brand{padding:0;font-size:.9em}
.agileits_w3layouts_banner_nav{padding:.5em .5em 0}
.w3-button{margin:1em auto 0;width:100%}
.agile_banner_text_info p{letter-spacing:2px;margin:.3em 0 0 auto;font-size:.9em}
.agile_banner_text_info h3{font-size:2.2em;letter-spacing:1px}
.w3ls-button a,.w3l-button a,.w3ls-about-left a{text-decoration:none;padding:.4em 1em;font-size:.8em}
.agile_banner_text_info{top:38%;left:15%}
.rslides_tabs{bottom:-11%;left:28%}
.nav>li{margin:.3em 0}
#three_grids{display:block}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:320px}
}
@media(max-width:440px) {
.skills,.contact_img_agile{min-height:152px}
.team,.contact-w3layouts,.agile_testimonials,.f-bg-w3l{padding:1em 0}
#welcome{padding:2em 0}
.test-grid1{width:56%}
.wthree_banner_bottom_grid_right h4{font-size:1.3em}
.about h4{font-size:1.2em}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:279px}
}
@media(max-width:414px) {
h3.agile_tittle{font-size:1.8em}
.wthree_head_section h2{font-size:1.8em;line-height:1.4em}
.botttom-nav-agileits ul.nav-w3ls li{margin:0 3px}
.wthree_skills{margin-top:2em}
.w3l_footer h2 a{letter-spacing:1.5px;font-size:.8em}
about h4{font-size:1.2em}
.test-grid1{width:59%}
.agile_banner_text_info h3{font-size:1.4em;letter-spacing:1px}
.agile_inner{min-height:157px}
.agile_banner_text_info{top:40%;left:12%}
.w3-button{margin:1em auto 0;width:100%}
.rslides_tabs{bottom:-9%;left:25%}
.main_section_agilesocial.inner,.main_section_agiledrust.inner,.main_section_agilewebmat.inner,.main_section_agilewebraz.inner,.main_section_agilelandingp.inner,.main_section_agileseo.inner,.main_section_agilewrite.inner,.main_section_agileoptim.inner,.main_section_agileword.inner,.main_section_agilecena.inner,.main_section_agileklijent.inner,.main_section_agile.inner{min-height:240px}
}
@media(max-width:384px) {
.agile_banner_text_info{top:39%;left:9%}
.wthree_head_section h2{font-size:1.7em;line-height:1.4em}
h3.agile_tittle{font-size:1.6em}
.w3layouts_stats_left p{font-size:2em}
.mobile-nav-button{margin:.5em 0 0;right:2%}
.agile_inner{min-height:122px}
.agileits-button.two a,.agileits-button a{font-size:.85em;margin-top:1em}
.w3l_header{font-size:2em}
.agileits_banner_bottom_left{padding:0}
.w3l_footer_nav li{margin-right:.3em}
a.navbar-brand{padding:0;font-size:.8em}
.agileits_w3layouts_banner_nav{padding:0 1em;width:100%}
/*.stats{padding:2.5em 0 .5em}*/
.w3layouts_stats_left h3{font-size:.9em;letter-spacing:1px}
}
@media(max-width:375px) {
.w3_agile_team_grid_info:nth-child(2){margin:7% auto}
.wthree_head_section h2{font-size:1.7em;line-height:1.4em}
.w3layouts_stats_left span{font-size:1.5em}
.agile_wthree_inner_grids{margin-top:1.5em}
.test-grid1{width:67%}
#play{position:absolute;top:17%;left:41%;background-size:81%;width:55px;height:55px}
.event-left1-right p{line-height:2em;margin:1em 0 0}
.test-grid h4{font-size:1em}
.test-grid span{font-size:.8em;letter-spacing:2px}
.rslides_tabs{bottom:-9%;left:22%}
}
@media(max-width:320px) {
.agile_banner_text_info label{letter-spacing:2px}
.agile_banner_text_info{top:25%;left:23%}
.w3l_header{font-size:1.8em;line-height:1.5em}
.test-grid2{padding:0;margin-bottom:1em}
.test-grid1{width:92%}
.rslides_tabs{bottom:-9%;left:16%}
.wthree_banner_bottom_grid_right h4{font-size:1.2em}
.agile_banner_bottom_grid_left_grid{width:50px;height:50px}
.agile_banner_bottom_grid_left_grid span{font-size:1.7em}
.agile_banner_text_info{top:37%;left:5%}
ul#slider li:nth-child(1),ul#slider li:nth-child(2),ul#slider li:nth-child(3),ul#slider li:nth-child(4){min-height:243px}
.agile_banner_text_info h3{font-size:1.6em;letter-spacing:1px}
.w3-button{margin:1em auto 0;width:92%}
}
.footer-partners{float:left;width:300px}
.footer-partners a{display:inline;float:left}
.gpartner{margin-top:12.5%;margin-left:5%}
.popupp-trigger{display:block;max-width:400px;margin:1em auto;text-align:left;color:#FFF;font-size:15px;padding:1rem .6rem;text-decoration:none;font-weight:700;text-transform:uppercase;border-radius:50em;background:#35a785;box-shadow:0 3px 0 rgba(0,0,0,0.07);transition:300ms all}
.popupp-trigger:hover{opacity:.99;color:#fff}
.popup-trigger:hover{opacity:.8}
.popup{position:fixed;left:0;top:0;height:100%;z-index:1000;width:100%;background-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:500ms all}
.popup.is-visible{opacity:1;visibility:visible;transition:1s all}
.popup-container{transform:translateY(-50%);transition:500ms all;position:relative;width:100%;z-index:1;padding:1.5rem;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.is-visible .popup-container{transform:translateY(0);transition:500ms all}
.popup-container .popup-close{position:absolute;top:26px;font-size:0;right:8px;width:30px;height:30px}
.popup-container .popup-close::before,.popup-container .popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5}
.popup-container .popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.popup-container .popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.popup-container .popup-close:hover:before,.popup-container .popup-close:hover:after{background-color:#35a785;transition:300ms all}
.popupp-trigger{display:block;max-width:400px;margin:1em auto;text-align:left;color:#FFF;font-size:15px;padding:1rem .6rem;text-decoration:none;font-weight:700;text-transform:uppercase;border-radius:50em;background:#35a785;box-shadow:0 3px 0 rgba(0,0,0,0.07);transition:300ms all}
.popupp-trigger:hover{opacity:.99;color:#fff}
.popup-trigger:hover{opacity:.8}
.popup{position:fixed;left:0;top:0;height:100%;z-index:1000;width:100%;background-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;transition:500ms all}
.popup.is-visible{opacity:1;visibility:visible;transition:1s all}
.popup-container{transform:translateY(-50%);transition:500ms all;position:relative;width:100%;z-index:1;padding:1.5rem;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.is-visible .popup-container{transform:translateY(0);transition:500ms all}
.popup-container .popup-close{position:absolute;top:26px;font-size:0;right:8px;width:30px;height:30px}
.popup-container .popup-close::before,.popup-container .popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5}
.popup-container .popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.popup-container .popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.popup-container .popup-close:hover:before,.popup-container .popup-close:hover:after{background-color:#35a785;transition:300ms all}



.w3_agile_team_grid_info h3 {
	font-size: 1.4em;
	color: #222;
	margin: 2em 0 1em 0;
	font-weight: 600;
	letter-spacing: 2px;
}

.w3_agile_team_grid_info:nth-child(1),
.w3_agile_team_grid_info:nth-child(3) {
	margin-top: 0em;
}

.w3_agile_team_grid_info p {
	color: #4f5667;
	margin-bottom: 1em;
	font-size: 1.1em;
	letter-spacing: 2px;
}

ul.team_icons_agile li {
	display: inline-block;
	margin-right: 1em;
}

.w3_agile_team_grid ul li:last-child {
	margin: 0;
}

.w3_agile_team_grid_info {
	text-align: center;
	padding: 0;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-ms-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

ul.team_icons_agile li a {
	color: #888;
}

ul.team_icons_agile {
	border-top: 2px solid #252323;
	padding: 1.5em 0;
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-ms-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

ul.team_icons_agile li a:hover {
	color: #de0f17;
}

.team_agile._icons ul li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

.team_agile._icons ul li a i.fa {
	height: 32px;
	width: 32px;
	background: none;
	line-height: 31px;
	color: #222;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border: 1px solid #24262d;
}
.team_agile._icons ul li a i.fa:hover {
    color: #8427cd;
    border: 1px solid #8427cd;
}

.w3_agile_team_grid_info img {
	margin: 0 auto;
	text-align: center;
	padding-left: 10px;
	border-radius: 180px;
}


/*-- //team --*/


/*--responsive--*/

@media (max-width:991px) {
	.w3_agile_team_grid_info {
		width: 49%;
		float: left;
		margin: 0%;
	}
	.w3_agile_team_grid_info:nth-child(3) {
		margin: 2% 0% 0 0;
		float: left;
	}
	.w3_agile_team_grid_info:nth-child(2) {
		margin: 0;
		margin-left: 1%;
	}
	.w3_agile_team_grid_info:nth-child(1),
	.w3_agile_team_grid_info:nth-child(3) {
		margin-top: 0em;
	}
	.w3_agile_team_grid_info:nth-child(3) {
		margin-top: 3em;
	}
}

@media (max-width: 640px) {
	.w3_agile_team_grid_info,
	.w3_agile_team_grid_info:nth-child(2),
	.w3_agile_team_grid_info:nth-child(3) {
		width: 62%;
		float: none;
		margin: 0 auto;
	}
	.w3_agile_team_grid_info:nth-child(2) {
		margin: 4% auto;
	}
}

@media (max-width:568px) {
	.w3_agile_team_grid_info p {
		font-size: 0.9em;
	}
}

@media (max-width:480px) {
	.w3_agile_team_grid_info h3 {
		font-size: 1.1em;
	}
}

@media (max-width: 384px) {}

@media (max-width: 375px) {
	.w3_agile_team_grid_info,
	.w3_agile_team_grid_info:nth-child(2),
	.w3_agile_team_grid_info:nth-child(3) {
		width: 90%;
	}
	.w3layouts_stats_left h3 {
		font-size: 0.8em;
	}
}

@media(max-width:375px) {}

@media(max-width:320px) {
	.w3_agile_team_grid_info,
	.w3_agile_team_grid_info:nth-child(2),
	.w3_agile_team_grid_info:nth-child(3) {
		width: 98%;
	}
}


/*--//responsive--*/
.panel_call {
    width:235px;
    height:75px;
    border-radius: 10px;
    display:none;
    background:#FF6E1F;
  bottom:40px;
  right:120px;
  position:fixed;
  text-decoration:none;
  
}
.panel_call p {
  margin:auto;
  
  color:white;
}
.info_call {
  margin-top: 10px;
  margin-left: 10px;
}
.info-call { 
  font-size: 200%;
  margin-top: -20px;
}

.info_call_number {
  margin-top: -10px;
  font-size: 120%;
}

#popup__toggle{bottom:25px;
  right:10px;
  z-index: 999;
  position:fixed;}
.img-circle{background-color:#FF6E1F;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;
  -webkit-box-sizing:content-box;
  border: 2px solid #FF6E1F;
  /*width:150px;
  height:150px;*/
  bottom:-25px;right:10px;
  position:absolute;
  -webkit-border-radius:100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: .5;
  -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
  -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
  -ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;
  animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;
  -webkit-box-sizing:content-box;
  background-color:#8528ce;
  width:100px;height:100px;bottom:-22px;right:-16px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: -8px;right: -2px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(http://icons.iconarchive.com/icons/graphicloads/100-flat/64/phone-icon.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}