html,
body {
    padding: 0;
    margin: 0;
    background: #242424;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #d0cdcd !important;
}

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;
}
.mt-30{
    margin-top: 30px;
}
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: 'Montserrat', sans-serif;
}
select,input[type="email"],input[type="text"],input[type=password],
input[type="button"],input[type="submit"],textarea{
    font-family: 'Montserrat', 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
 {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}
h6{
   color:#fff;
}
 p {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}
h3{
	color:#fff;
	font-size: 40px;
    margin-bottom:20px;
}
h5{
    color:#579162;
    margin-bottom:10px;
}
ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
}
h2{
    margin-bottom:20px !important;
    color:#fff !important;
}
.row{margin:0px;}
/*-- //Reset-Code --*/
.about,.testimonials,.team,.contact,.services,.price-table,.portfolio{
    padding: 5em 0;
}
.title {
    font-size: 30px;
    text-align: center;
    color: #579162;
    margin-bottom: 37px;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top:10px;
}
.ttl{
    font-size: 35px;
    color: #579162;
    margin-bottom: 37px;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top:10px;
}

.clr {
    color: #c8c8c8;
}
.lft{    text-align: left;}
.rigt{    text-align: right;}    
/*-- header --*/ 
/*-- nav --*/
#header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    overflow: hidden;
    background: #000;
}
#header.fixed {
    background-color:#000;
    min-height: 55px;
}
.header-bar {
    padding: 0em 4em;
}
h1 a.navbar-brand {
    padding-top: 6px;
    font-size: 37px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}
a.navbar-brand span {
    color: #00bcd4 !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 7px;
    display: block;
    text-align: center;
}
nav.navbar.navbar-expand-lg.navbar-light {
    padding: 1em 0em 1em 0em;
    background:rgb(0, 0, 0);
}
.navbar-light .navbar-nav .active> .cd, .navbar-light .navbar-nav .active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.cd {
    color: rgb(14, 228, 255);
    font-weight: 600;
}
.navbar-light .navbar-nav .cd {
    font-weight: 600 !important;
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 5px;
    padding: 0px 20px;
    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 .cd:focus, .navbar-light .navbar-nav .cd:hover {
    color:#579162;
}
.navbar-light .navbar-nav.active>.nav-link,
.navbar-light .navbar-nav.cd.active, 
.navbar-light .navbar-nav.cd.open, 
.navbar-light .navbar-nav .open>.nav-link {
    color: #00bcd4;
}
/*-- //nav --*/
/*-- //header --*/
.header-outs{   
    background:linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0)),url(../images/img-3.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    min-height: 920px;
}
.banner_social {
    text-align: center;
}
.banner_social ul li {
    display: inline-block;
}
.its_social_list li a {
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    line-height: 30px; 
    border-radius: 50px;
	border:2px solid rgba(255, 255, 255, 0);
}
.its_social_list li a:hover{border: 2px solid #ffffff;}
/*-- //banner --*/
.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;
}



.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;
}
.slider-info {
    padding: 15em 0 0;
    width: 100%;
}
.slider-info h4 {
    font-weight: 400;
    color: #fff;
    font-size: 3.5em;
    letter-spacing: 1.5px;
}
.slider-info p {
    font-size: 16px;
    letter-spacing: 2px;
    padding:1em 0em;
    color: #fff;
}
.outs_more-buttn a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background-color:#579162;
    border: 1px solid  #579162;
    outline: none;
    padding: 10px 32px;
    border-radius: 50px;
}
.outs_more-buttn a:hover {
    background:rgba(255, 255, 255, 0.34);
    color: #000;
}
.btn-danger-2 {
    color: #fff;
    background-color: #579162;
    border-color: #579162;
}
.btn-danger-2:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

#slider3-pager a {
    display: inline-block;
}

#slider3-pager img {
    float: left;
}

#slider3-pager .rslides_here a {
    background: transparent;
    box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
    padding: 0;
}
/*--pager--*/
.callbacks_tabs {
    list-style: none;
    position: absolute;
    padding: 0;
    top:58%;
    left: 8.5%;
    margin: 0;
    z-index: 9;
    display: block;
    text-align: center;
}
.callbacks_tabs li {
    display: block;
    margin: 0px 4px 10px;
}
.callbacks_tabs a {
    visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width:21px;
	height: 21px;
	display: inline-block;
	background: #fff;
	border: none;
	border-radius: 50%;
}
.callbacks_here a:after {
	background: #579162;
    transform: rotateX(360deg);
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-o-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
    transition: transform 2s;
}
/*--//banner-- */
/*--Promo-- */

.promo_list {
    position: relative;
    z-index: 1000;
    margin-top: -75px;
    list-style: none;
    padding: 0;
    height:100%;
}
.promo_list__item:nth-child(1) {
    background-color: #000;
	box-shadow:-1px -2px 25px -4px rgb(147, 143, 143);
}
.promo_list__item {
    position: relative;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 50px;
    float: left;
    width: 33%;
    text-align: center;
    background-color: #038FD6;
    color: #fff;
    padding-top: 10px;
    min-height: 330px;
}
.promo_list .icon {
    margin-top: 34px;
    display: block;
    font-size: 50px;
}
.promo_list .icon::before {
    background: #fff;
    color: #579162;
    border-radius: 50%;
    padding: 25px;
}
.promo_list_title {
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 10px;
}
.promo_list__item:nth-child(2) {
    background-color: #000;
	box-shadow: -1px -2px 25px -4px rgb(181, 170, 170) ;
}
.promo_list__item:nth-child(3) {
    background-color:#000;
	box-shadow:  -1px -2px 25px -4px rgb(136, 136, 136);
}

/*--//Promo --*/

/*--about --*/
.agile-abt-info h2 {
    text-transform: uppercase;
    font-size: 30px;
    color:#8cb9ff ;
    padding-bottom: 28px;
    font-weight: 600;
}
.info-sub-w3 p {
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 28px;
    padding: 30px 61px;
}
/*-- counter--*/
.rate {
    background: url(../images/r1.jpg)no-repeat center;
}
.stats-grid {
    text-align: center;
    margin: 0 auto;
    background: #579162;
    color: #fff;
    padding: 25px;
}

.counter {
    font-size: 41px;
    margin: 8px 0px;
    color: #fff;
    letter-spacing: 1px;
}
.stat-info h4 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
}
.jst-must-info {
    padding-top: 2em;
}
/*-- //counter --*/
/*--//about --*/
/*--Services --*/
.services,.team,.contact{
    background:#000;
}
.cd-services-left-top {
    padding: 5.5em 3em;
    text-align: center;
    background: #579162;
    box-shadow: 0 0px 1px rgb(0, 0, 0), 0 1px 2px rgb(0, 0, 0);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -webkit-box-shadow: 5px 7px 37px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 5px 7px 37px -5px rgba(0,0,0,0.66);
    box-shadow:5px 7px 37px -5px rgb(21, 21, 21);
}
.cd-services-left-top .ser-listed {
    color:#fff;
    font-size: 2.5em;
    font-weight: 600;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.cd-services-left-top h5 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin: 8px 0;
    line-height: 1.8em;
    font-weight: 600;
    letter-spacing: 1px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.cd-services-left-top p{
	color:#dfdbd9;
	font-size:14px;
	line-height:1.8em;
	margin:0;
}
.services-left-img img {
    width: 100%;
}
.cd-services-middle-two {
    padding: 2.5em 0em 5em;
}
.cd-services-right {
    margin-top: -2em;
}
.img-upper  {
    position: relative;
}
.services-left-img {
    position: absolute;
    width: 100%;
    top: 28px;
    left: -10%;
}
/*-- //services --*/

/*-- appointment --*/
.stats-info{
     box-shadow: -1px -2px 25px -4px rgb(0, 0, 0);
}
.appointment{
    background: linear-gradient(rgba(46, 45, 47, 0.62), rgba(0, 0, 0, 0.5)),url(../images/appointment.jpeg)no-repeat fixed;
    background-size: cover;
}
.single-patner {
    background: #ffffffb8;
    width: 250px;
    height: 160px;
    text-align: center;
    line-height: 170px;
    box-shadow: 0 0 5px 5px #ffffff2b;
    margin-bottom: 30px;
    border-radius: 0px;
}

.contact-form {
    background: #00bcd4ba;
    padding: 26px 30px;
    text-align: center !important;
    border-radius: 0px;
}
.contact-form h2 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact-form .contact-field {
    padding: 0;
}
.contact-field {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    border-radius: 0px;
    padding-top: 40px;
}
.contact-form .contact-field input {
    background: #ffffff42;
}

.contact-field input {
    background: transparent;
    border: 1px solid #fff;
    margin-bottom: 20px;
    padding: 10px;
    color: #898989;
    border-radius: 0px;
    width: 100%;
}
.contact-form .single-input-fieldsbtn input[type="submit"] {
    background: #171e22ab;
    color: #fff;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    margin-left: 15px;
}
.contact-form .single-input-fieldsbtn input:hover {
    background: #171e22d1;
    color: #fff;
}

/*--//appointment--*/

/*--portfolio--*/
.portfolio-categ {
	margin-bottom: 30px;
}
ul.portfolio-categ{
	text-align: center;
	margin-bottom: 3em;
}

.portfolio-categ li {
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    font-size: 1.1em;
    margin: 0 0.4em;
    letter-spacing: 1px;
    border: 2px solid #000;
    background: #fff;
}
.portfolio-categ li a{
	color: #000;
}
.image-block {
	display: block;
	position: relative;
}

.portfolio-area li {
    float: left;
    list-style-type: none;
    overflow: hidden;
    width: 395px;
    display: inline-block;
}

.home-portfolio-text {
	margin-top: 10px;
}

li.active a {
    color: #700203;
    font-weight: 600;
}

.portfolio-item2 figure {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}

.portfolio-item2 figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	top: 0;
}

.portfolio-item2 figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: -100%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.portfolio-item2 figcaption h3 {
	font-weight: 700;
	font-size: 30px;
	color: #FFF;
	text-align:center;
	margin-bottom: 0;
	position: relative;
	margin-top: 105px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
}

.portfolio-item2 figure:hover h3 {
	left: 0;
}
.portfolio-item2 figcaption a {
	color: #fff;
	border: 2px solid #fff;
	padding: 4px 10px;
	text-decoration: none;
}
.portfolio-item2 figcaption a:hover {
	color: #4f5856;
	background: #fff;
}
/*-- //Portfolio --*/
/*--clients--*/
.client-text {
    padding: 2em;
    -webkit-box-shadow: -1px -2px 25px -4px rgba(0,0,0,0.57);
    -moz-box-shadow: -1px -2px 25px -4px rgba(0,0,0,0.57);
    box-shadow: -1px -2px 25px -4px rgb(0, 0, 0);
    height:100%;
}
.img-text img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.clt-syas-agile p {
    color: #676767;
    line-height: 28px;
    letter-spacing: 1.5px;
    padding: 12px 0px;
    font-size: 14px;
}
.clt-syas-agile h5 {
    font-size: 24px;
    color:#c68e78;
}
.gap-one{
    margin-top: 135px;
}
.gap-four,.gap-two{
    margin-top: 61px;
}
.gap-six {
    margin-top: -66px;
}
/*--//clients--*/
/*--contact --*/
.subscribe{
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(0, 0, 0)),url(../images/img-8.jpg)no-repeat fixed;
    background-size: cover;
    padding:50px;
    text-align:center;
}

/*--responsive--*/
@media(max-width:1920px){
	
}
@media(max-width:1680px){
	
}
@media(max-width:1600px){
	
}
@media(max-width:1440px){
	.slider-info {
        padding: 6em 0 0;
        width: 92%;
        margin: 0px auto;
    }
    .callbacks_tabs {
        top: 55%;
    }
    .header-outs {
        min-height: 612px;
    }
    h1 a.navbar-brand {
        font-size: 34px;
    }
    .slider-info h4 {
        font-size: 3.3em;
    }
    .outs_more-buttn a {
        padding: 9px 25px;
    }
    
    .about, .testimonials, .team, .contact, .services, .price-table, .portfolio, .appointment {
        padding: 7em 0;
    }
    .agile-abt-info h2 {
        padding-bottom: 22px;
    }
    .jst-must-info {
        padding-top: 1.5em;
    }
    .counter {
        font-size: 36px;
    }
    .title {
        font-size: 46px;
    }
    .portfolio-area li {
        width: 354px;
    }
    .pricing-top em {
        font-size: 23px;
    }
    .clt-syas-agile h5 {
        font-size: 21px;
    }
    .btn {
        font-size: 14px;
    }
}
@media(max-width:1366px){
    .slider-info {
        width: 87%;	
        margin-top: 130px;
    }
    .cd-services-left-top h5 {
        font-size: 19px;
    }
    .cd-services-left-top {
        padding: 6.2em 3em;
    }
    .ser-listed {
        font-size: 2.2em;
    }
    .services-left-img {
        top: 24px;
    }
    .portfolio-categ li {
        font-size: 1em;
    }
    .portfolio-area li {
        width: 336px;
    }
    .pricing-top span {
        font-size: 18px;
    }
    .gap-four,.gap-two{
        margin-top: 50px;
    }
    .gap-one {
        margin-top: 109px;
    }
    .contact input[type="text"], .contact input[type="email"], .contact textarea {
        padding: .8em 1em;
        font-size: 14px;
    }
    .map-grid iframe {
        height: 268px;
    }
    .buttom-social-grids ul li {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}
@media(max-width:1280px){
    .navbar-light .navbar-nav .nav-link {
        padding: 0px 16px;
    }	
    .slider-info {
        width: 79%;
    }
    .slider-info h4 {
        font-size: 3.1em;
    }
    .header-outs {
        min-height: 587px;
    }
    .portfolio-area li {
        width: 315px;
    }
    .profile ul li h4 {
        font-size: 19px;
    }
    .title {
        font-size: 43px;
    }
    footer p {
        letter-spacing: 1px;
    }
}
@media(max-width:1080px){
	.header-bar {
        padding: 0em 3em;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 0px 11px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 2em 1em 0em;
    }
    .its_social_list li a {
        width: 34px;
        height: 35px;
        line-height: 32px;
        font-size: 14px;
    }
    .agile-abt-info h2 {
        font-size: 29px;
    }
    .counter {
        font-size: 33px;
    }
    .about, .testimonials, .team, .contact, .services, .price-table, .portfolio {
        padding: 3.5em 0;
    }
    .cd-services-left-top {
        padding: 5em 2em;
    }
    .cd-services-left-top h5 {
        font-size: 17px;
    }
    .cd-services-middle-grids {
        margin: 6em 0 0 0;
    }
    .sre-top {
        margin: 25em -3em 0em;
    }
    .portfolio-categ li {
        font-size: .9em;
	    padding: 7px 17px;
    }
    .portfolio-area li {
        width: 265px;
    }
    .portfolio-item2 figcaption h3 {
        font-size: 26px;
        margin-top: 128px;
    }
    .btn a {
        font-size: 13px;
    }
    .pricing ul li {
        font-size: 14px;
    }
    .pricing-top {
        width: 134px;
        height: 134px;
    }
    .price-agile-list:nth-child(1),.price-agile-list:nth-child(2){
        margin-bottom: 46px;
    }
    .title {
        font-size: 38px;
    }
    .clt-syas-agile h5 {
        font-size: 19px;
    }
    .client-text {
        padding: 1.5em 1.5em;
    }
    .contact input[type="submit"] {
        font-size: 15px;
        padding: .5em 2.5em;
    }
}
@media(max-width:1050px){
	.navbar-light .navbar-nav .nav-link {
        padding: 0px 6px;
    }
    h1 a.navbar-brand {
        font-size: 32px;
    }
    .slider-info h4 {
        font-size: 2.8em;
        letter-spacing: 1px;
    }
    .jst-must-info {
        padding-top: 1.2em;
    }
    .counter {
        font-size: 31px;
    }
    .cd-services-left-top .ser-listed {
        font-size: 2em;
    }
    .portfolio-area li {
        width: 258px;
    }
    .agileits-contact-addrs h4 {
        font-size: 16px;
    }
    .contact textarea {
        min-height: 11em;
    }
    .slider-info {
        width: 74%;
    }
}
@media(max-width:1024px){
    .header-bar {
        padding: 0em 2em;
    }
    .header-outs {
        min-height: 557px;
    }
    .slider-info p {
        font-size: 15px;
        padding: .8em 0em;
    }	
    .title {
        margin-bottom: 34px;
    }
    .ser-img-middle {
        margin-top: 2em;
    }
    .portfolio-item2 figcaption h3 {
        font-size: 23px;
    }
    .portfolio-area li {
        width: 334px;
    }
    .profile ul li h6 {
        font-size: 15px;
    }
    .profile ul li h4 {
        font-size: 17px;
    }
    .contact input[type="text"], .contact input[type="email"], .contact textarea {
        padding: .7em 1em;
    }
    .map-grid iframe {
        height: 244px;
    }
}
@media(max-width:991px){
    .header-bar {
        padding: 0em 3em;
    }
	.header-outs {
        position: relative;
    }
    
#navbarSupportedContent {
        width: 100%;
        left: 0px;
        top: 0px;
        z-index: 999; 
	    background: #000;
    }
    ul.navbar-nav {
        width: 100%;
        left: 0px;        
        text-align: center;
        padding: 1em 0em;
    }	
    li.nav-item {
        margin: 10px 0px;
    }
    .navbar-light .navbar-toggler {
        position: fixed;
        top: 10px;
        border-color: rgb(2, 2, 2);
        background:rgb(255, 255, 255);
        padding: 2px 6px;
        outline: none;
        margin-right: 3px;
        z-index: 9999;
        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: #579162;
    }
    .slider-info h4 {
        font-size: 2.4em;
    }
    .slider-info {
        width: 94%;
    }
    .outs_more-buttn a {
        padding: 9px 18px;
    }
    .counter {
        font-size: 28px;
    }
    .stat-info h4 {
        font-size: 15px;
    }
    .cd-services-left-top h5 {
        font-size: 16px;
    }
    .cd-services-left-top {
        padding: 4.5em 2em;
    }
    .portfolio-area li {
        width: 324px;
    }
    .pricing-top em {
        font-size: 20px;
    }
    .pricing-top span {
        font-size: 17px;
        margin-left: 10px;
    }
    .gap-three, .gap-four, .gap-two, .gap-six {
        margin-top: 0px;
    }
    .gap-one {
        margin-top: 0px;
    }
    .gap-three, .gap-four{margin:25px 0px;}
    .agileits-contact-addrs p, .agileits-contact-addrs p a {
        font-size: 14px;
    }
    .header-side{    flex: 0 0 100%;
        max-width:100%;
    }
    footer p 
    {text-align:center;
    padding: 1.5em 0 0em;}  
    .buttom-social-grids
    {text-align:center;
    padding: 15px 0px 25px;}
}
@media(max-width:900px){
    
    .slider-info {
        width: 87%;
    }
    .slider-info h4 {
        font-size: 2.2em;
    }
    .header-outs {
        min-height: 524px;
    }
    .its_social_list li a {
        width: 33px;
        height: 33px;
        line-height: 29px;
        font-size: 13px;
    }
    .agile-abt-info h2 {
        font-size: 27px;
    }
    .about, .testimonials, .team, .contact, .services, .price-table, .portfolio {
        padding: 3.1em 0;
    }
    .portfolio-area li {
        width: 294px;
    }	
    .img-box ul {
        top: 91px;
    }
    .map-grid iframe {
        height: 232px;
    }
    .buttom-social-grids ul li a span {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}
@media(max-width:800px){
	h1 a.navbar-brand {
        font-size: 29px;
    }
    .navbar-light .navbar-nav .nav-link  .cd{
        font-size: 14px;
    }
    .slider-info {
        width: 73%;
    }
    .callbacks_tabs a:after {
        width: 17px;
        height: 17px;
    }
    .agile-abt-info h2 {
        padding-bottom: 20px;
    }
    .jst-must-info {
        padding-top: 1em;
    }
    .counter {
        font-size: 26px;
    }
    .title {
        font-size: 36px;
    }
    .cd-services-left-top .ser-listed {
        font-size: 1.8em;
    }
    .portfolio-area li {
        width: 261px;
    }
    .portfolio-item2 figcaption h3 {
        font-size: 21px;
    }
    .pricing-top span {
        font-size: 16px;
    }
    .pricing-top sup {
        font-size: 18px;
    }
    .pricing-top {
        width: 128px;
        height: 128px;
    }
    .portfolio-area li {
        width: 250px;
    }
}
@media(max-width:768px){
	.slider-info h4 {
        font-size: 2em;
    }
    .slider-info p {
        font-size: 14px;
    }
    .about, .testimonials, .team, .contact, .services, .price-table, .portfolio {
        padding: 2.8em 0;
    }
    ul.portfolio-categ {
        margin-bottom: 2.5em;
    }
    .img-box ul {
        top: 190px;
    }
}
@media only screen and (max-width: 767px){
    .promo_list__item {
        width: 100%;
    }
    @media(max-width:767px){
        .slider-info {
            width: 95%;
        }
        .header-outs {
            min-height: 481px;
        }
        .callbacks_tabs a:after {
            width: 14px;
            height: 14px;
        }
        .outs_more-buttn a {
            padding: 8px 13px;
        }
        .info-sub-w3 p {
            padding: 0px 20px;
        }
        .stats-grid:nth-child(4),.stats-grid:nth-child(3) {
            margin-top: 9px;
        }
        .cd-services-left-top {
            padding: 3em 1.5em;
            
        }
        .cd-services-left-top h5 {
            font-size: 14px;
        }
        .portfolio-area li {
            width: 375px;
        }
        .img-box ul {
            top: 150px;
        }
        footer p {
            line-height: 28px;
        }
    }
    @media(max-width:736px){
        .portfolio-area li {
            width: 375px;
        }
        .header-outs {
            min-height: 457px;
        }
        .slider-info {
            padding: 5em 0 0;
        }
        .agile-abt-info h2 {
            font-size: 25px;
        }
        .title {
            font-size: px;
        }
        .portfolio-area li {
            width: 333px;
        }
        .pricing-top {
            width: 124px;
            height: 124px;
        }
        .pricing-top em {
            font-size: 18px;
        }
        .agileits-contact-addrs {
            margin-bottom: 23px;
        }
    }
    @media(max-width:667px){
        a.navbar-brand span {
            font-size: 14px;
        }
        .slider-info {
            width: 79%;
        }
        .slider-info h4 {
            font-size: 1.8em;
        }
        .banner_social {
            margin-top: 26px;
        }
        .portfolio-area li {
            width: 325px;
        }
        .title {
            margin-bottom: 32px;
        }
        .contact textarea {
            min-height: 10em;
        }
        .map-grid iframe {
            height: 218px;
        }
    }
    @media(max-width:640px){
        h1 a.navbar-brand {
            font-size: 26px;
        }
        .agile-abt-info h2 {
            padding-bottom: 17px;
        }
        .counter {
            font-size: 24px;
        }
        
        li.cat-item-4 {
            margin-top: 21px;
        }
        .portfolio-area li {
            width: 311px;
        }
        
    }
    @media(max-width:600px){
        .portfolio-area li {
            width: 311px;
        }
        .slider-info h4 {
            font-size: 1.7em;
        }
        .title {
            font-size: 32px;
        }
        .cd-services-left-top .ser-listed {
            font-size: 1.6em;
        }
        .portfolio-area li {
            width: 291px;
        }
        .clt-syas-agile h5 {
            font-size: 18px;
        }
        .agileits-contact-addrs {
            margin-bottom: 19px;
        }	
    }
    @media(max-width:568px){
        .portfolio-area li {
            width: 275px;
        }
        .stats-grid:nth-child(4),.stats-grid:nth-child(3), .stats-grid:nth-child(2){
            margin-top: 7px;
        }
        .services-left-img {
            position: inherit;
            left: 0%;
            top: -52px;
        }
        .cd-services-left-top {
            padding: 5em 1.5em;
        }
        .cd-services-right {
            margin-top: 0em;
        }
        .cd-services-middle-two {
            padding: 0em 0em 0em;
        }
        .img-upper,.cd-services-left-top{
            width: 298px;
            margin: 0px auto;
        }
        .profile,.price-agile-list {
            width: 50%;
            margin: 0px auto;
        }
        .slider-info {
            width: 69%;
        }
        .gap-two,.gap-five,.gap-three,.gap-four,.gap-six {
            margin: 25px 0px 0px;
        }
        .styled-input:nth-child(1), .styled-input:nth-child(3){
            padding-right: 0px;
        }
        .styled-input:nth-child(2), .styled-input:nth-child(4) {
            padding-right: 0px;
            padding-left: 0px;
        }
        .styled-input:nth-child(2){margin-top:20px;}
        .styled-input {
            margin: 1.5em 0 0em;
        }
        .header-bar {
            padding: 0em 2em;
        }
    }
    @media(max-width:480px){
        .single-patner {
            width: 100%;
        }
        .slider-info h4 {
            font-size: 1.3em;
            line-height: 34px;
        }
        .callbacks_tabs {
            left: 6.5%;
        }
        .slider-info {
            width: 100%;
            text-align:center;
        padding: 4em 0 0;}
        .header-outs {
            min-height: 432px;
        }
        .callbacks_tabs {
            top: 30%;
        }
        .portfolio-area li {
            width: 397px;
            margin: 0px 34px;
        }
        .img-box ul {
            top: 117px;
        }
        .price-agile-list {
            width: 79%;
        }
        .price-agile-list:nth-child(1), .price-agile-list:nth-child(2), .price-agile-list:nth-child(3) {
            margin-bottom: 34px;
        }
        .banner_social {
            display: none;
        }
    }
    
    @media(max-width:440px){
        .banner_social {
            display: none;
        }
        .callbacks_tabs {
            left: 3.5%;
        }
        .callbacks_tabs a:after {
            width: 11px;
            height: 11px;
        }
        .info-sub-w3 p {
            padding: 0px 10px;
        }
        .agile-abt-info h2 {
            font-size: 23px;
        }
        .title {
            font-size: 30px;
            letter-spacing: 1px;	
        }
        .portfolio-area li {
            width: 387px;
            margin: 0px 18px;
        }
        .price-agile-list {
            width: 85%;
        }
        .header-bar {
            padding: 0em 1em;
        }
    }
    @media(max-width:414px){
        .slider-info {
            padding: 3em 0 0;
        }
    }
    .about, .testimonials, .team, .contact, .services, .price-table, .portfolio {
        padding: 2.6em 0;
    }
    .counter {
        font-size: 22px;
    }
    .portfolio-categ li {
        padding: 6px 14px;
    }
    ul.portfolio-categ {
        margin-bottom: 2.2em;
    }
    .portfolio-area li {
        width: 378px;
        margin: 0px 8px;
    }
    .img-box ul {
        top: 101px;
    }
    .price-agile-list {
        width: 94%;
    }
    .agileits-contact-addrs {
        margin-bottom: 17px;
    }
}
@media(max-width:384px){
	.header-outs {
        min-height: 417px;
    }
    .jst-must-info {
        padding-top: .7em;
    }
    .portfolio-area li {
        width: 358px;
        margin: 0px 5px;
    }
    .price-agile-list {
        width: 97%;
    }
    .profile{
        width: 74%;
    }
}
@media(max-width:375px){
	h1 a.navbar-brand {
        font-size: 23px;
    }
    .title {
        font-size: 27px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 1.5em .5em 0em;
    }
    .cd-services-left-top p {
        font-size: 13px;
    }
    .portfolio-area li {
        width: 349px;
    }
    .profile {
        width: 85%;
    }
    .img-box ul {
        top: 139px;
    }
    .price-agile-list {
        width: 100%;
    }
}
img {
  vertical-align: middle;
  border-style: none;
  box-shadow: 5px 7px 37px -5px rgb(17, 17, 17);
}


@media(max-width:320px){
	.slider-info h4 {
        font-size: 1.2em;
        line-height: 28px;
    }
    .slider-info p {
        font-size: 14px;
        letter-spacing:1px;
    }
    .agile-abt-info h2 {
        font-size: 21px;
    }
    .cd-services-left-top {
        padding: 3em 2em;
        width: 264px;
    }
    .services-left-img {
        top: -35px;
    }
    .portfolio-area li {
        width: 297px;
    }
    .profile {
        width: 96%;
    }
    .title {
        line-height: 37px;
    }
    .cd-services-left-top h5 {
        letter-spacing: 2px;
    }
    li.cat-item-2 ,li.cat-item-3 {
        margin-top: 21px;
    }
}

#unsubscribe {
    background:url('../images/img-8.jpg') #2b2b2b no-repeat bottom center scroll;
    background-attachment: scroll;
    background-size: auto;
    background-blend-mode: lighten;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-blend-mode: overlay;
    background-attachment: fixed;
    padding-top: 300px; 
    padding-bottom: 300px;
}
.alert-success {
  color: #fee !important;
  background-color:#0b0b0b91 !important;
  border-color:#579162 !important;
}
/* ==========================================================================
    15. Footer Style
========================================================================== */
footer {
    background: #000;
    padding: 60px 0;
    text-align: center;
}
.footer-links {
    line-height: 48px;
}
a:hover {
color:#579162;
}
.footer-links li a {
    color: #fff;
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.list-unstyled li {
    display: inline;
    font-size: 15px;
}
footer .links{
    margin-top: 10px;
}
footer .links a, footer .social a {
    margin: 7px 10px;
}
footer .copyright{
    margin-top: 10px;
}
.footer-links li a:hover {
    color: #5969dc;
}

.copyright {
    margin-top: 10px;
    float: right;
    color:#579162;
}

.copyright p {
    color: #fff;
}

.copyright p a {
    color: #fff;
}

.copyright p a:hover {
    color: #5969dc;
}
.mission{
    padding-top: 50px !important;
    margin-bottom: 50px !important;
}
.mission p{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.contact{
    padding:100px;
}
.bar{
  position: fixed;
  width: 100%;
  z-index: 9999;
  overflow: hidden;
  background:#8cb9ff ;

}