/*--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

--*/

html,

body {

padding: 0;

margin: 0;

background: #fff;

letter-spacing: 1px;

font-family: 'PT Sans', sans-serif;

}

body a {

outline: none;

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;

-ms-transition: 0.5s all;

text-decoration: none;

}

body a:hover {

text-decoration: none;

}

body a:focus,

a:hover {

text-decoration: none;

}

input[type="button"],

input[type="submit"] {

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;

-ms-transition: 0.5s all;

letter-spacing: 1px;

font-family: 'PT Sans', sans-serif;

}

select,input[type="email"],input[type="text"],input[type=password],

input[type="button"],input[type="submit"],textarea{

font-family: 'PT Sans', sans-serif;

transition:0.5s all;

-webkit-transition:0.5s all;

-moz-transition:0.5s all;

-o-transition:0.5s all;

-ms-transition:0.5s all;

letter-spacing: 1px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

margin: 0;

padding: 0;

font-family: 'Oswald', sans-serif;

letter-spacing: 1px;

}

p {

margin: 0;

padding: 0;

letter-spacing: 1px;

font-family: 'PT Sans', sans-serif;

font-size:14px;

}

ul {

margin: 0;

padding: 0;

list-style-type: none;

}

/*-- //Reset-Code --*/
section{overflow-x:hidden;}
.title {

font-size:45px;

color: #000;

letter-spacing: 3px;

font-weight: 600;

text-transform:capitalize;

}

.line-w3ls-title {

width: 69px;

height: 2px;

margin: 0px auto;

background: #000;

}

.service-agile-info-left p,.team-agile-group p,.clients-color-agile p,.footer_grid_left p,.footer_grid_left p a{

font-size: 15px;

color: #000;

line-height: 28px;

}

.service-agile-info-left p{color: #fff !important;}

.dance-agile-info h4,.clients-txt-agile h4,.team-agile-group h4{

font-size: 22px;

color:#f65a5b;

text-transform: capitalize;

font-weight: 400;

}

.clr {

color: #fff;

}

.icons-footer ul li{

list-style: none;

display: inline-block;

}

.service {
    background: rgb(0 0 0 / 90%) !important;
}
.team {

    background: #000 !important;
    
    }
/*-- header --*/

/*-- nav --*/

/* .header-outs {

position: relative;

background: url(../images/b1.jpg) no-repeat 0px 0px;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

-ms-background-size: cover;

min-height: 800px;

} */

.header-w3layouts {

position: absolute;

width: 100%;

z-index: 99;

padding-top: 1em;

}

h1 a.navbar-brand {

font-size: 37px;

color: #fff !important;

text-transform: capitalize;

font-weight: 600;

letter-spacing: 3px;

margin-left:0px;

margin-right: 0px;

padding: 0px;

}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {

color:#fff;

border:none;

border-bottom:1px solid #fff;

}

.navbar-light .navbar-nav .nav-link {

color: #fff;

font-size: 12px;

letter-spacing: 2px;

text-transform: uppercase;

font-weight: 600;

margin: 0px 14px;

border:none;

border-bottom:2px solid transparent;

padding: 0px 1px 5px;

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;

-ms-transition: 0.5s all;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

color:#fff;

border:none;

border-bottom:2px solid #f65a5b;

}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {

color:#fff;

border-bottom:2px solid #f65a5b;

}

/*-- //nav --*/

/*-- Heading-1 --*/

/*-- banner --*/ 

.hedder-up {

text-align: center;

}  

.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;

}

/*-- //banner Slider --*/

.rslides {

margin: 0 auto 40px;

}

#slider2,

#slider3 {

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

margin: 0 auto;

}

.rslides_tabs {

list-style: none;

padding: 0;

background: rgba(0,0,0,.25);

box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

font-size: 18px;

list-style: none;

margin: 0 auto 50px;

max-width: 540px;

padding: 10px 0;

text-align: center;

width: 100%;

}

.rslides_tabs li {

display: inline;

float: none;

margin-right: 1px;

}

.rslides_tabs a {

width: auto;

line-height: 20px;

padding: 9px 20px;

height: auto;

background: transparent;

display: inline;

}

.rslides_tabs li:first-child {

margin-left: 0;

}

.rslides_tabs .rslides_here a {

background: rgba(255,255,255,.1);

color: #fff;

font-weight: bold;

}

a {

color: #fff;

text-decoration: none;

}

/* Callback example */

/*.events {

list-style: none;

}*/

.callbacks_container {

position: relative;

float: left;

width: 100%;

}

.callbacks {

position: relative;

list-style: none;

overflow: hidden;

width: 100%;

padding: 0;

margin: 0;

}

.callbacks li {

position: absolute;

width: 100%;

left: 0;

top: 0;

}

.callbacks img {

display: block;

position: relative;

z-index: 1;

height: auto;

width: 100%;

border: 0;

}

.callbacks .caption {

display: block;

position: absolute;

z-index: 2;

font-size: 20px;

text-shadow: none;

color: #fff;

background: #000;

background: rgba(0,0,0, .8);

left: 0;

right: 0;

bottom: 0;

padding: 10px 20px;

margin: 0;

max-width: none;

}

.banner-slide-img {

padding-top: 19em;

}

.slider-info h4 {

font-size: 3.5em;

color: #ffffff;

text-transform: uppercase;

font-weight: 500;

letter-spacing: 2px;

}

.slider-info h5 {

font-size: 2em;

color: #ffffff;

font-weight: 300;

margin: 16px 0px 43px;

}
.about{
    padding:70px 0;
}

.outs_more-buttn a {
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    background-color: #fff !important;
    outline: none;
    padding: 8px 19px;
    /* border-radius: 50px; */
    border: 2px double #f65a5b;
    background-color: #f65a5b !important;
}

.outs_more-buttn a:hover{

background: rgba(255, 255, 255, 0.17);

color: #fff;

}

/*.callbacks_nav {

position: absolute;

-webkit-tap-highlight-color: rgba(0,0,0,0);

top:53%;

left: 0;

opacity: 0.7;

z-index: 3;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

height: 53px;

width: 53px;

background:rgba(230, 230, 230, 0) url("../images/left-arrow.png") no-repeat left top;

margin-top: -45px;

}

.callbacks_nav:active {

opacity: 1.0;

}

.callbacks_nav.next {

left: auto;

background:rgba(230, 230, 230, 0)  url("../images/right-arrow.png") no-repeat 0px 0px;

background-position: right top;

right: 0;

}

.callbacks_nav ,

.callbacks_nav.next {

background-size:40px;

}*/

/*--pager--*/

.callbacks_tabs {

list-style: none;

position: absolute;

bottom: -58px;

left:-1%;

padding: 0;

margin: 0;

display: block;

z-index: 999;

}

.callbacks_tabs li {

display: inline-block;

margin: 0;

}

.callbacks_tabs a{

visibility: hidden;

}

.callbacks_tabs a:after {

content: "\f111";

font-size: 0;

font-family: FontAwesome;

visibility: visible;

display: block;

height: 4px;

width: 38px;

display: inline-block;

background: #ffffff;

border: 2px solid #ffffff;

/* border-radius: 50%;

-webkit-border-radius: 50%;

-o-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;*/

}

.callbacks_here a:after{

background: #000;

border: 2px solid #f65a5b;

}

/*-- //banner --*/

/*-- about-- */

.agile-about-para p {

font-size: 16px;

/* letter-spacing: 2px; */

line-height: 30px;

font-weight: 400;

color: #000;

}

.jst-about h2 {

font-size: 34px;

color: #f65a5b;

text-transform: capitalize;

}

/*--//about-- */

/*--Service--*/

.service-agile-info-left h4{

font-size:30px;

color:#fff;

font-weight: 500;

}

.service-icon-w3layouts span {

font-size:40px;

color:#f65a5b;

font-weight: 700;

}

.move-right{margin-left:12em;}

.service-icon-w3layouts {

width: 135px;

margin-top:54px;

height: 135px;

background:#fff;

border-radius: 50%;

line-height: 135px;

border: 2px solid #000;

}

/*--//Service-- */

/*--gallery-- */

/*--//gallery-- */

/*-- clients --*/

.img-position img {

border-radius: 50%;

border: 2px solid #f65a5b;

}

.flexslider {

/* margin: 0 0 60px;*/

position: relative;

zoom: 1;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

.flexslider .slides {

zoom: 1;

}

.flexslider .slides img {

-moz-user-select: none;

}

.flex-viewport {

max-height: 2000px;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-ms-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

.loading .flex-viewport {

max-height: 300px;

}

@-moz-document url-prefix() {

.loading .flex-viewport {

max-height: none;

}

}

.carousel li {

margin-right: 5px;

}

.flex-direction-nav {

*height: 0;

}

.flex-direction-nav a {

text-decoration: none;

display: block;

width: 40px;

height: 40px;

margin: -20px 0 0;

position: absolute;

top: 50%;

z-index: 10;

overflow: hidden;

opacity: 0;

cursor: pointer;

color: rgba(0, 0, 0, 0.8);

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

/*.flex-direction-nav a:before {

font-family: "flexslider-icon";

font-size: 40px;

display: inline-block;

content: '\f001';

color: rgba(0, 0, 0, 0.8);

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

}

.flex-direction-nav a.flex-next:before {

content: '\f002';

}

.flex-direction-nav .flex-prev {

left: -50px;

}

.flex-direction-nav .flex-next {

right: -50px;

text-align: right;

}

.flexslider:hover .flex-direction-nav .flex-prev {

opacity: 0.7;

left: 10px;

}

.flexslider:hover .flex-direction-nav .flex-prev:hover {

opacity: 1;

}

.flexslider:hover .flex-direction-nav .flex-next {

opacity: 0.7;

right: 10px;

}

.flexslider:hover .flex-direction-nav .flex-next:hover {

opacity: 1;

}*/

.flex-direction-nav .flex-disabled {

opacity: 0!important;

filter: alpha(opacity=0);

cursor: default;

z-index: -1;

}

.flex-pauseplay a {

display: block;

width: 20px;

height: 20px;

position: absolute;

bottom: 5px;

left: 10px;

opacity: 0.8;

z-index: 10;

overflow: hidden;

cursor: pointer;

color: #000;

}

.flex-pauseplay a:before {

font-family: "flexslider-icon";

font-size: 20px;

display: inline-block;

content: '\f004';

}

.flex-pauseplay a:hover {

opacity: 1;

}

.flex-pauseplay a.flex-play:before {

content: '\f003';

}

.flex-control-nav {

position: relative;

}

.flex-control-nav {

position: absolute;

width: 100%;

bottom:-54px;

margin: 0px auto;

padding: 0px;

text-align: center;

}

.flex-control-nav li {

margin: 0 6px;

display: inline-block;

zoom: 1;

*display: inline;

}

.flex-control-paging li a {

width: 11px;

height: 11px;

display: block;

background:#000;

cursor: pointer;

text-indent: -9999px;

-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

.flex-control-paging li a:hover {

background: #333;

background: rgba(0, 0, 0, 0.7);

}

.flex-control-paging li a.flex-active {

background:#f65a5b;

cursor: default;

}

.flex-control-thumbs {

margin: 5px 0 0;

position: static;

overflow: hidden;

}

.flex-control-thumbs li {

width: 25%;

float: left;

margin: 0;

}

.flex-control-thumbs img {

width: 100%;

height: auto;

display: block;

opacity: .7;

cursor: pointer;

-moz-user-select: none;

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease;

-ms-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease;

}

.flex-control-thumbs img:hover {

opacity: 1;

}

.flex-control-thumbs .flex-active {

opacity: 1;

cursor: default;

}

/*.flexslider {

margin-bottom: 10px;

}*/

.custom-navigation {

display: table;

width: 69%;

margin: 0px auto;

table-layout: fixed;

}

.custom-navigation > a {

width: 50px;

}

.custom-navigation .flex-next {

text-align: right;

}

.custom-navigation > * {

display: table-cell;

}

/*-- //clients --*/

/*-- team --*/

.team-left-color {

background: #fff;

padding: 1.5em 1em;

bottom: 0px;

box-shadow: 1px 1px 4px black;

}

.team-agile-group {

background: #fff;

padding: 2em 1.5em;

box-shadow:0px 1px 3px 1px black;

}

.team-agile-group img {

border-radius: 50%;

border: 3px solid #f65a5b;

}

span.wls-client-title {

font-size: 17px;

font-weight: 400;

color: #000;

}

/*--//team --*/

/*-- contact --*/

::-webkit-input-placeholder {

/* Chrome/Opera/Safari */

color: #000;

}

::-moz-placeholder {

/* Firefox 19+ */

color: #000;

}

:-ms-input-placeholder {

/* IE 10+ */

color: #000;

}

:-moz-placeholder {

/* Firefox 18- */

color: #000;

}

.contact-forms input, .contact-forms textarea {

width: 100%;

font-size: 14px;

color: #000;

padding: .9em 0em;

border: none;

border-bottom: 2px solid #f65a5b;

border-radius: 0px;

background: transparent;

outline: none;

}

.contact-forms textarea {

resize: none;

height: 10em;

}

.sent-butnn {

width: 25%;

font-size: 17px;

padding: 11px 0px;

color: #fff;

margin-top: 1em;

font-weight: 600;

letter-spacing: 1px;

background: #000000;

transition: 0.5s all;

-webkit-transition: 0.5s all;

transition: 0.5s all;

-moz-transition: 0.5s all;

}

.sent-butnn:hover {

background:#f65a5b;

color: #fff;

}

.contact_footer_grid_left span {

font-size: 26px;

color: #ffffff;

width: 74px;

height: 74px;

line-height: 74px;

background:#f65a5b;

border-radius: 50%;

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;

-ms-transition: 0.5s all;

}

/*--map --*/

.address_mail_footer_grids iframe {

width: 100%;

height:27em;

border: none;

}

/*-- //map --*/

/*-- //contact --*/

/*-- footer-- */

footer{background:#272727;}

.wls-hours-list ul li,.nav-link{

font-size: 13px;

color: #d8d8d8;

line-height: 28px;

}

.wls-hours-list ul li {

border-bottom: 1px solid #f65a5b;

padding: 0px 0px 5px;

margin-bottom: 19px;

}

.footer_grid_left p a:hover,.nav-link:focus,.nav-link:hover{

color:#f65a5b;

}

.icons-footer ul li a span{

font-size: 15px;

letter-spacing: 0px;

text-align: center;

border: 1px solid #000;

width: 35px;

height: 35px;

line-height: 35px;

background: #f65a5b;

border-radius: 50px;

margin: 0px 3px;

color: #ffffff;

transition: 0.5s all;

-webkit-transition: 0.5s all;

transition: 0.5s all;

-moz-transition: 0.5s all;

}

.icons-footer ul li a span:hover{background:#fff;

color:#f65a5b;}

footer p {

font-size: 14px;

color: #d8d8d8;

letter-spacing: 2px;

}

footer p a {

color:#f65a5b;

}

footer p a:hover {

color: rgb(255, 255, 255);

}

/* .copy-agile-right {

border-top: 1px solid #848181;

} */

/*-- //footer-- */

/*--mode--*/

.modal-body p {

font-size: 14px;

color: #000;

padding: 16px;

line-height: 27px;

}

.modal-header h4 {

color:#f65a5b;

text-align: center !important;

font-size: 35px;

}

/*--//mode--*/

/*-- to-top --*/

#toTop {

display: none;

text-decoration: none;

position: fixed;

bottom: 20px;

right: 2%;

overflow: hidden;

z-index: 999; 

width:41px;

height:41px;

border: none;

text-indent: 100%;

background: url(../images/arrow.png) no-repeat 0px 0px;

}

#toTopHover {

width:41px;

height:41px;

display: block;

overflow: hidden;

float: right;

opacity: 0;

-moz-opacity: 0;

filter: alpha(opacity=0);

}

/*-- //to-top --*/

/*--responsive--*/

@media(max-width:1920px){

}

@media(max-width:1680px){

}

@media(max-width:1600px){

}

@media(max-width:1440px){

h1 a.navbar-brand {

font-size: 35px;

}

/* .header-outs {

min-height: 680px;

}	 */
.agileinfo_footer_grid1 a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.slider-info h4 {

font-size: 3.2em; 

}

.banner-slide-img {

padding-top: 15em;

}

.slider-info h5 {

font-size: 1.7em;

margin: 16px 0px 38px;

}

.jst-about h2 {

font-size: 32px;

}

.title {

font-size: 43px;

}

.service-agile-info-left h4 {

font-size: 28px;

}

.service-icon-w3layouts {

width: 130px;

height: 130px;

line-height: 130px;

}

.service-icon-w3layouts span {

font-size: 37px;

}

.address_mail_footer_grids iframe {

height: 24em;

}

.contact_footer_grid_left span {

width: 69px;

height: 69px;

line-height: 69px;

}

.contact-forms textarea {

height: 8em;

}

}

@media(max-width:1366px){

.slider-info h4 {

font-size: 3em;

}

.outs_more-buttn a {

padding: 8px 17px;

}

.callbacks_tabs {

bottom: -53px;

}

.service-icon-w3layouts {

margin-top: 49px;

}

.dance-agile-info h4, .clients-txt-agile h4, .team-agile-group h4 {

font-size: 20px;

}

}

@media(max-width:1280px){

.header-outs {

min-height: 610px;

}

.banner-slide-img {

padding-top: 13em;

}

span.wls-client-title {

font-size: 16px;

}

.team-agile-group {

padding: 1.8em 1.3em;

}	

.address_mail_footer_grids iframe {

height: 22em;

}

}

@media(max-width:1080px){

h1 a.navbar-brand {

font-size: 33px;

}

.slider-info h5 {

margin: 13px 0px 35px;

}

.callbacks_tabs a:after {

width: 36px;

}

.title {

letter-spacing: 2px;

}

.icons-footer ul li a span {

width: 33px;

height: 33px;

line-height: 33px;

}

.move-right {

margin-left: 9em;

}

.contact_footer_grid_left span {

width: 64px;

height: 64px;

line-height: 66px;

font-size: 23px;

}

.sent-butnn {

width: 27%;

padding: 9px 0px;

}

}

@media(max-width:1050px){

.slider-info h4 {

font-size: 2.8em;

}

.jst-about h2 {

font-size: 30px;

}

.service-agile-info-left h4 {

font-size: 26px;

}

.service-icon-w3layouts {

width: 124px;

height: 124px;

line-height: 124px;

}

.flex-control-nav {

bottom: -48px;

}

}

@media(max-width:1024px){

.slider-info h5 {

font-size: 1.5em;

}	

.title {

font-size: 41px;

}

.contact-forms input, .contact-forms textarea {

padding: .8em 0em;

}

.wls-hours-list ul li {

margin-bottom: 17px;

}

.wls-hours-list ul li, .nav-link {

line-height: 25px;

}

.modal-header h4 {

font-size: 32px;

}

}

@media(max-width:991px){
    .header-w3layouts{
        position: static;
    }
    .second-service,.fourth-service,.sixth-service {
        flex-direction: column-reverse;
    }
div#navbarSupportedContent {

background:#000;

text-align: center;

padding: 13px 0px;

}

.navbar-light .navbar-nav .nav-link {

padding: 10px 15px;

margin: 0px auto;

width: 12%;

}

.navbar-light .navbar-toggler {

border-color: rgb(0, 0, 0);

background:#fff;

padding: 1px 4px;

margin-top: 0px;

outline: none;

margin-right: 0px;

cursor: pointer;

border-radius: 6px;

transition: 0.5s all;

-webkit-transition: 0.5s all;

-moz-transition: 0.5s all;

-o-transition: 0.5s all;

-ms-transition: 0.5s all;

}

.navbar-light .navbar-toggler:hover {

background:#f65a5b;

}	

.header-outs {

min-height: 571px;
min-height: 100% !important;
background-position: center;
}

.banner-slide-img {

padding-top: 12em;

}

h1 a.navbar-brand {

font-size: 31px;

}

.title {

font-size: 39px;

}

.news-img:nth-child(1),.news-img:nth-child(2) {

margin-bottom: 31px;

}

.address_mail_footer_grids iframe {

height: 19em;

}

.contact-forms textarea {

height: 7em;

}

.sent-butnn {

width: 31%;

font-size: 16px;

padding: 8px 0px;

}

.jst-about {

margin-bottom: 30px;

}

.move-right {

margin-left: 4em;

}

}

@media(max-width:900px){

.slider-info h4 {

font-size: 2.6em;

}

.slider-info h5 {

font-size: 1.3em;

}

.service-icon-w3layouts {

width: 116px;

height: 116px;

line-height: 116px;

}

.modal-header h4 {

font-size: 30px;

}

.icons-footer ul li a span {

font-size: 14px

}

}

@media(max-width:800px){

.navbar-light .navbar-nav .nav-link {

width: 14%;

}	

.slider-info h5 {

margin: 12px 0px 32px;

}

.callbacks_tabs {

bottom: -47px;

}

.jst-about h2 {

font-size: 28px;

}

.service-agile-info-left h4 {

font-size: 24px;

}

.address_mail_footer_grids iframe {

height: 17em;

}

.contact_footer_grid_left span {

width: 60px;

height: 60px;

line-height: 60px;

font-size: 21px;

}

}

@media(max-width:768px){

h1 a.navbar-brand {

letter-spacing: 2px;

}	

.slider-info h4 {

font-size: 2.3em;

}

.header-outs {

min-height: 518px;

}

.banner-slide-img {

padding-top: 11em;

}

.dance-agile-info h4, .clients-txt-agile h4, .team-agile-group h4 {

font-size: 19px;

}

.wls-hours-list ul li, .nav-link {

line-height: 23px;

}

}

@media(max-width:767px){

.move-right {

margin-left: 0em;

margin-bottom: 39px;

}

.service-icon-w3layouts {

margin-top:30px;

}

.w3layouts-txt-says:nth-child(2) {

margin-top: 29px;

}

.address_mail_footer_grids iframe {

height: 15em;

}

.sent-butnn {

width: 35%;

}

}

@media(max-width:736px){

.slider-info h5 {

margin: 12px 0px 28px;

}

.header-w3layouts {

padding-top: .7em;

}	

.outs_more-buttn a {

padding: 7px 15px;

}

.service-icon-w3layouts {

width: 103px;

height: 103px;

line-height: 103px;

}

.footer_grid_left:nth-child(2) {

margin: 32px;

}

.contact-forms input, .contact-forms textarea {

padding: .7em 0em;

}

}

@media(max-width:667px){

.header-outs {

min-height: 487px;

}

.banner-slide-img {

padding-top: 10em;

}

.jst-about h2 {

font-size: 27px;

}

.service-agile-info-left h4 {

font-size: 23px;

}

.title {

font-size: 37px;

}

.contact_footer_grid_left span {

width: 57px;

height: 57px;

line-height: 57px;

}

.sent-butnn {

margin-top: .8em;	

}

.sent-butnn {

width: 38%;

}

}

@media(max-width:640px){

.modal-header h4 {

font-size: 27px;

}

.navbar-light .navbar-nav .nav-link {

width: 17%;

}

.slider-info h4 {

font-size: 2.1em;

}

}

@media(max-width:600px){

h1 a.navbar-brand {

letter-spacing: 1px;

}

.navbar-light .navbar-nav .nav-link {

width: 20%;

padding: 9px 13px;	

}

.slider-info h4 {

letter-spacing: 1px;

}

.service-icon-w3layouts {

width: 98px;

height: 98px;

line-height: 98px;

}

.address_mail_footer_grids iframe {

height: 13em;

}  

}

@media(max-width:568px){

.header-outs {

min-height: 447px;

}

h1 a.navbar-brand {

font-size: 29px;

}

.banner-slide-img {

padding-top: 9em;

}

.callbacks_tabs {

bottom: -42px;

left: -2%;

}

.callbacks_tabs a:after {

width: 34px;

}

.w3layouts-txt-says:nth-child(2) {

margin-top: 24px;

}

.flex-control-nav {

bottom: -41px;

}

.news-img {

width: 50%;

}

.snap-img {

width: 33%;

}

.title {

letter-spacing: 1px;

}

.dance-agile-info:nth-child(2) {

margin: 30px 0px;

}

}

@media(max-width:480px){

.navbar-light .navbar-nav .nav-link {

width: 23%;

}

.service-agile-info-left h4 {

font-size: 22px;

}

.news-img {

width: 73%;

margin: 0px auto;

}

.news-img:NTH-child(4) {

margin-top: 26px;

}

.sent-butnn {

margin-top: .8em;

font-size: 15px;

}

footer p {

letter-spacing: 1px;

}

}

@media(max-width:440px){

.slider-info h4 {

font-size: 1.8em;

}

.slider-info h5 {

font-size: 1.1em;

}

.jst-about h2 {

font-size: 26px;

}

.title {

font-size: 35px;

}

footer p {

line-height: 30px;

}

}

@media(max-width:414px){

.navbar-light .navbar-nav .nav-link {

width: 28%;

}

.header-outs {

min-height: 400px;

}

.banner-slide-img {

padding-top: 8em;

}

.service-agile-info-left h4 {

font-size: 21px;

}

.service-icon-w3layouts {

width: 85px;

height: 85px;

line-height: 87px;

}

}

@media(max-width:384px){

.team-agile-group {

padding: 1.5em 1em;

}

.news-img {

width: 83%;

}

.snap-img {

width: 83%;

margin: 0px auto;

}

.address_mail_footer_grids iframe {

height: 12em;

}

}

@media(max-width:375px){

.navbar-light .navbar-nav .nav-link {

width: 31%;

}

.header-outs {

min-height: 375px;

}

.slider-info h4 {

font-size: 1.6em;

}

.jst-about h2 {

font-size: 24px;

}

.news-img {

width: 92%;

}

.snap-img {

width: 92%

}

}

@media(max-width:320px){

h1 a.navbar-brand {

font-size: 27px;

}

.navbar-light .navbar-nav .nav-link {

width: 35%;

}

.slider-info h4 {

font-size: 1.4em;

}

.slider-info h5 {

margin: 12px 0px 25px;

font-size:.9em

}

.title {

font-size: 33px;

}

.move-right {

margin-bottom: 28px;

}

.service-icon-w3layouts span {

font-size: 29px;

}

}

/*--//responsive--*/
.w3_agile_gallery_effect img {
    margin-bottom: 10px;
    height: 250px;
    object-fit: cover;
}
.instaswiper a img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top;
}