/*--

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 {

    margin: 0;

    font-size: 100%;

    background: #fff;

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



}



body a {

    text-decoration: 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;

}



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;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

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

}



p {

    margin: 0;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 1.7;

    color: #000;

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

}



ul {

    margin: 0;

    padding: 0;

}



label {

    margin: 0;

}



/*-- header --*/

.heading1{
    font-size: 24px;
	line-height: 34px;
	padding: 10px 0;
}

.heading2{
    font-size: 20px !important;
	line-height: 30px !important;
    color: #005181 !important;
	font-weight: 700 !important;
	padding: 10px 0;
}

.list{
    margin-left: 4%;
}

.list li{
    font-size: 14px;
    color: #000;
    text-align: left;	
	padding: 3px 0;
}

.products-range li{
    line-height: 32px;
}

.products-range li a{
    color: #000;
    font-size: 16px;
}


.header-top {

    background: #005181;

    padding: 15px 0;

}



.header-top p {

    font-size: 14px;

    color: #fff;

    line-height: 1.2;

    text-align: center;

}



.header-top p i {

    padding-right: 10px;

}



.header {

    margin: 5px 0px;

    padding-top: 10px;

    border-top: 1px solid gray;

    border-bottom: 1px solid gray;

    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}

.flex{

    display: flex !important;

}



/*-- logo --*/



a.logo h1 {

    color: #81cdfa;

    font-style: italic;

    letter-spacing: 2px;

    font-size: 40px;

    font-family: 'Great Vibes', cursive;

    text-decoration: none;

}



a.logo span {

    color: #000;

    display: block;

    font-size: 10px;

    text-align: center;

    letter-spacing: 4px;

    font-weight: 600;

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

}



/*-- //logo --*/



.navbar-nav {

    float: right;

    padding:13px 0px;

}



.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 0 !important;

    border: 1px solid transparent;

}



.navbar-default {

    background-color: #fff;

    border-color: #fff;

}



/*-- logo --*/



.navbar-brand {

    float: left;

    padding: 0;

}



/*-- //logo --*/



.navbar-default .navbar-nav>li>a {

    color: #282828;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: 600;

    margin: 14px 14px;

    padding: 0;

}





.navbar-nav>li>a {

    padding-top: 18px;

    padding-bottom: 15px;

}

.navbar-default .navbar-nav>li>a>img{

    width:35px;

    padding:0px;

}

.social-icons > a{

    padding:0px !important;

    

}

.navbar-default .navbar-nav>li>a:hover,

.navbar-default .navbar-nav>li>a.active {

    color: #005181;

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:hover,

.navbar-default .navbar-nav>.open>a:focus {

    background-color: transparent;

    color: #005181;

}



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

    background-color: #202020;

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #37BF91;

}



.navbar-default .navbar-nav>.active>a:before {

    background: #37BF91;

    transform: translateX(0);

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -o-transform: translateX(0);

    -ms-transform: translateX(0);

}



.navbar-toggle {

    position: relative;

    float: right;

    margin-right: 0;

    padding: 9px 10px;

    margin-top: 8px;

    margin-bottom: 8px;

    background-color: #282828;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0;

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:hover,

.navbar-default .navbar-nav>.active>a:focus {

    color: #005181;

    background: none;

}



.navbar-nav>li {

    float: left;

    margin: 0;

    /*width: 12.5%;*/

    text-align: center;

}



.navbar-default .navbar-toggle {

    border-color: #202020;

}



.main-content {

    padding: 3em 0;

}



ul.dropdown-menu.agile_short_dropdown {

    border: none;

    height: 400px;

    padding: 0;

    overflow-y: scroll;

}



.dropdown-menu {

    left: -17px;

}



.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus {

    color: #fff;

    text-decoration: none;

    background-color: #007dc5;

}



.dropdown-menu {

    min-width: 131px;

    text-align: left/*center*/;

}



.dropdown-menu.columns-2 {

    min-width: 400px;

}



.dropdown-menu.columns-3 {

    min-width: 600px;

}



.dropdown-menu li a {

    padding: 9px 15px;

    letter-spacing: 1px;

    font-size: 13px;

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    color: #EF5861;

    background-color: #fff;

}



.multi-column-dropdown {

    list-style: none;

}



.multi-column-dropdown li a {

    display: block;

    clear: both;

    line-height: 1.428571429;

    color: #333;

    white-space: normal;

}



.multi-column-dropdown li a:hover {

    text-decoration: none;

    color: #23B684;

    background: none;

}



@media (max-width:767px) {

    .dropdown-menu.multi-column {

        min-width: 240px !important;

        overflow-x: hidden;

    }

    .navbar-nav {

        float: left;

        margin: 0;

        margin-left: 0em;

        width: 100%;

        background: #eee;

        margin-top: 1em;

    }

}

.product-list{

    margin:0px 0px;

    margin-top:20px;

    text-align: center;

}

.navbar-nav .open .dropdown-menu{

    /* height:400px; */

    overflow-y:scroll; 

}

.product-list .nav.navbar{

    border-top: 1px solid gray;

    padding-top:5px;

    text-decoration: none !important;


}

.product-list .nav.navbar > ul{

    display: flex;

    list-style: none;
	
	/* margin-left: 150px; */
    justify-content: end;
    align-items: center;

}

.product-list .nav.navbar > ul > li{

    padding:5px 15px;

    border-right:1px solid gray

}

.product-list .nav.navbar > ul > li:last-child{

    border-right:none;

}

.product-list .nav.navbar > ul > li> a {

    color: #005181;

    font-size: 14px;

    font-weight: bold;

    /* background: red; */

}

.product-list .nav.navbar > ul > li> a:hover{

    color:orange;

    font-size:14px;

    text-shadow: 0px 0px 0px black;

}

.heading-bg{

    background: url('../images/heading-bg.jpg');

    background-size: 100%;

}

.heading-bg h1{

    color:white;

    text-align: center;

    height:200px;

    padding:80px 0px;

    font-weight: 800;

}

/* //navigation */



/*-- banner --*/

.p-img img{

    width:100%;

    padding:40px;

}

.p-disc{

    padding:40px;

}

.p-disc h2{

    text-transform: uppercase;

}

.p-40{

    padding:40;

}

#table-cell-p td{

    padding:10px 0px;

    font-size: 20px !important;

}

#gray{

    color:rgb(158, 158, 158);

    font-size: 16px;

    letter-spacing: 1px;

}

#gray li{

    margin-top:10px;

}

.carousel .item {

    background: url(../images/slide-1.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item33 {

    background: url(../images/slide11.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}


.carousel .item.item2 {

    background: url(../images/slide-2.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.carousel .item.item3 {

    background: url(../images/slide-3.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.carousel .item.item4 {

    background: url(../images/slide-4.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.carousel .item.item5 {

    background: url(../images/slide-5.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item.item6 {

    background: url(../images/slide-6.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item.item7 {

    background: url(../images/slide-7.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}


.carousel .item.item8 {

    background: url(../images/slide12.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}

.carousel .item.item9 {

    background: url(../images/slide13.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}

.carousel .item.item10 {

    background: url(../images/slide14.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}

.carousel .item.item11 {

    background: url(../images/slide15.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}

.carousel .item.item12 {

    background: url(../images/slide16.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item.item13 {

    background: url(../images/slide17.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item.item14 {

    background: url(../images/slide18.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}
.carousel .item.item15 {

    background: url(../images/slide19.jpg) no-repeat center;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}




.carousel-caption h3 {

    font-size: 40px;

	margin-bottom: 30px;

    font-weight: 600;

    letter-spacing: 1px;

    color: #fff;

}



.carousel-caption h2 span,

.carousel-caption h3 span {

    color: #005181;

}



.carousel-caption p {

    letter-spacing: 3px;

    font-size: 12px;

    font-weight: 300;

    color: #fff;

}



.carousel-caption {

    position: inherit;

    min-height: 676px;

    padding-top: 15em;

}



.carousel-caption1 {

    position: inherit;

    min-height: 276px;

    padding-top: 15em;

}



.carousel-caption h6 {

    font-size: 20px;

    letter-spacing: 2px;

    margin-bottom: 30px;

}



.carousel-caption h6 span {

    color: #81cdfa;

}



.carousel-control {

    line-height: 31em;

}



.carousel-control.right,

.carousel-control.left {

    background-image: none;

    background-image: none;

    background-image: none;

    background-image: none;

}



/*-- //banner --*/



/*-- about --*/



.about,

.popular-w3,

.gallery,

.stats,

.why-choose-agile,

.team,

.address,

.testimonials {

    padding: 5em 0;

}



.about_right h3 {

    text-align: left;

    font-size: 30px;

    font-weight: 500;

    line-height: 1.3;

}



.about_right h3.bold {

    font-weight: 700;

    text-transform: capitalize;

    color: #005181;

}



.about_right h4 {

    text-align: left;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.3;

}



.about_right h4.bold {

    font-weight: 700;

    text-transform: capitalize;

    color: #005181;

}





.aboutimg-w3l {

    padding: 0 5px;

}



.aboutimg-w3l2 {

    margin-top: 3em;

}



.aboutimg-w3l img {

    margin-bottom: 10px;

}



.about_right p {

    font-size: 14px;

	color:#000;

    text-align: left;
	
	padding: 5px 0;

    /* margin: 20px 0px 16px 20px  */
    /*-- 46px --*/;

}



.about_right table h6 {

    font-size: 14px;

	color:#000;

	line-height: 23px;

    text-align: center;

    margin: 10px /*-- 46px --*/;

}



.about_right table p {

    font-size: 14px;

	height: 15px;

	color:#000;

    text-align: center;

    margin: 5px /*-- 46px --*/;

}



.about-bottom p {

    margin-bottom: 0;

}



.about-bottom ul li {

    display: inline-block;

    width: 32%;

    text-align: center;

}



.about-bottom ul li h5 {

    font-size: 31px;

    color: #005181;

}



/*-- //about --*/



/*-- popular --*/



.popular-w3 {

    background: url(../../images/bg.jpg)no-repeat fixed;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.popular-w3 h3.title,

.testimonials h3.title,
.section-title h3.title {

    color: #fff;

}



h3.title {

    color: #005181;

    font-size: 50px;

    text-align: center;

    margin-bottom: 1em;

    font-weight: 600;

    font-style: italic;

}



.popular-grid {

    padding: 10px;

    background: #fff;

    /* border: 5px solid #fff; */

    margin: 0 7px;

    width: 32%;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(247, 245, 245, 0.34);

    -moz-box-shadow: 0px 0px 4px 2px rgba(247, 245, 245, 0.34);

    box-shadow:0px 0px 4px 2px rgba(247, 245, 245, 0.34);
    border-radius: 15px;
    border-bottom: 5px solid #005181;
}



.popular-text {

    text-align: center;

    padding: 20px;

}

.popular-text  a{
    /* color: #f31c24; */
    text-transform: capitalize;
}
.popular-text  a.read-more-btn{
    color: #f31c24;
    text-transform: capitalize;
}
.popular-grid:hover img {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -o-transform: scale(0.9);

    transform: scale(0.9);
    
}



.popular-grid img {

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

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

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

    transition: all 2s ease-in-out;
    border-radius: 15px;
    border: 1px solid #005181;
}



.popular-grid h5 {

    font-size: 18px;

    color: #fff;

}



.popular-grid p {

    margin-top: 16px;

    color: #eee;

    letter-spacing: 1px;

    font-size: 13px;

}
#popular .popular-grid p {
    color: #505050;
}


.popular-grid:nth-child(1) {

    background: #fff;

}



.popular-grid:nth-child(2) {

    /*margin-top: 6em;*/

    background: #fff;

}



.popular-grid:nth-child(3) {

    /*margin-top: 2em;*/

    background: #fff;

}



/*-- //popular --*/



/*-- projects --*/



.gallery-grid1 img {

    width: 100%;

    cursor: pointer;

}



/*--Gallery hover effect--*/



.gallery-grid1 {

    position: relative;

    overflow: hidden;

    cursor: pointer;
    margin-top: 10px;

}



.gallery-grid1:nth-child(2),

.gallery-grid1:nth-child(3) {

    margin-top: 1.7em;

}



.gallery-grid1 .p-mask,

.row .product .vm-product-media-container .p-mask {

    opacity: 0;

    visibility: hidden;

    background: rgba(25, 24, 24, 0.5);

    bottom: 0%;

    position: absolute;

    padding: 20px;

    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 0s;

    -moz-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

    text-align: center;

}



.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: 22px;

    text-decoration: none;

    text-transform: capitalize;

    letter-spacing: 1px;

}



/*-- //projects --*/



/*-- stats --*/



.stats {

    background: #81cdfa;

}

.stats_grid_left {

    margin-top: 2em;

}

h3.w3ls-title.w3title2 {

    color: #fff;

    font-size: 46px;

    text-align: center;

    margin-bottom: .5em;

    font-weight: 600;

    font-style: italic;

}



/*-- Skills bar effects --*/



.skillbar {

    position: relative;

    display: inline-block;

    margin: 15px 0;

    width: 100%;

    background: #eee;

    height: 18px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    border-radius: 3px;

}



.skillbar-title {

    position: absolute;

    top: 0;

    left: 0;

    width: 110px;

    font-weight: bold;

    font-size: 15px;

    color: #ffffff;

    background: #6adcfa;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

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

    padding: 0 20px;

    height: 100%;

    line-height: 17px;

}



.skillbar-bar {

    height: 100%;

    width: 0px;

    background: #2ebaef;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius:3px;

    -ms-border-radius: 3px;

    -moz-border-radius:3px;

    display: inline-block;

}



.skill-bar-percent {

    position: absolute;

    right: -47px;

    top: 0;

    font-size: 1em;

    height: 100%;

    color: #fff;

}



/*-- //bars --*/



/*-- //stats --*/



/*-- Services --*/



.agile-why-text.two {

    text-align: left;

}



.wthree_agile_us:nth-child(2) {

    margin: 3em 0;

}



.agile-why-text {

    text-align: right;

}



.agile-why-text h4 {

    color: #000;

    font-size: 27px;

    font-weight: 600;

    margin-bottom: 6px;

}



/* Rectangle Out */



.hvr-rectangle-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    box-shadow:0 0 1px rgba(0, 0, 0, 0);

    -webkit-backface-visibility: hidden;

    /*-- agileits --*/

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #81cdfa;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

}



.hvr-rectangle-out:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #005181;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

}



.hvr-rectangle-out:hover,

.hvr-rectangle-out:focus,

.hvr-rectangle-out:active {

    color: white;

}



.hvr-rectangle-out:hover:before,

.hvr-rectangle-out:focus:before,

.hvr-rectangle-out:active:before,

.agile_banner_bottom_grid:hover .hvr-rectangle-out:before {

    -webkit-transform: scale(1);

    transform: scale(1);

}



.agileits_w3layouts_contact {

    padding: 0;

    background: #4cc2c4;

}



.agile-w3l-map {

    padding: 0;

}



.wthree_agile_us i {

    width: 70px;

    height: 70px;

    text-align: center;

    position: relative;

    z-index: 1;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

}



.wthree_agile_us i {

    font-size: 1.5em;

    color: #fff;

    line-height: 2.8em;

}



/*-- //Services --*/



/*-- Team --*/



.team {

    background: #f5f5f5;

}



.team-grid {

    text-align: center;

}



.team-grid h4 {

    font-size: 25px;

    color: #000;

    font-weight: 600;

    margin: 40px 0 20px;

}



.team-grid p {

    color: #777;

    font-size: 1em;

}



.social-nav li {

    display: inline-block;

}



.social-nav a {

    display: inline-block;

    float: none;

    width: 30px;

    height: 30px;

    text-decoration: none;

    cursor: pointer;

    text-align: center;

    line-height: 30px;

    background: #000;

    position: relative;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.model-3d-0 a {

    background: #5C5B5B;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.model-3d-0 .front,

.model-3d-0 .back {

    width: 30px;

    height: 30px;

    font-size: 1em;

    color: #fff;

    background: #005181;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transform: translateZ(18px);

    -moz-transform: translateZ(18px);

    -ms-transform: translateZ(18px);

    -o-transform: translateZ(18px);

    transform: translateZ(18px);

    -webkit-backface-visibility: visible;

    -moz-backface-visibility: visible;

    -ms-backface-visibility: visible;

    -o-backface-visibility: visible;

    backface-visibility: visible;

}



.model-3d-0 .back {

    font-size: 1em;

    color: #fff;

    -webkit-transform: rotateX(90deg) translateZ(18px);

    -moz-transform: rotateX(90deg) translateZ(18px);

    -ms-transform: rotateX(90deg) translateZ(18px);

    -o-transform: rotateX(90deg) translateZ(18px);

    transform: rotateX(90deg) translateZ(18px);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

}



.twitter .back,

.facebook .back,

.instagram .back,

.pinterest .back {

    background: #81cdfa;

}



.model-3d-0 a:hover {

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

}



.model-3d-0 a:hover .back {

    -webkit-backface-visibility: visible;

    -moz-backface-visibility: visible;

    -ms-backface-visibility: visible;

    -o-backface-visibility: visible;

    backface-visibility: visible;

}



.stack img {

    width: 100%;

    height: auto;

    vertical-align: bottom;

    border: 10px solid #fff;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

}



.stack:last-of-type {

    margin-right: 0;

}



/* Third stack example (One stack element rotated in the opposite direction) */



.stack.twisted:before {

    -webkit-transform: rotate(4deg);

    -moz-transform: rotate(4deg);

    transform: rotate(4deg);

    -moz-transform: rotate(4deg);

    -o-transform: rotate(4deg);

}



.stack.twisted:after {

    -webkit-transform: rotate(-4deg);

    -moz-transform: rotate(-4deg);

    transform: rotate(-4deg);

    -ms-transform: rotate(-4deg);

    -o-transform: rotate(-4deg);

}



/* Reset all rotations on hover */



.stack:hover:before,

.stack:hover:after,

.team-grid:hover .stack:before,

.team-grid:hover .stack:after {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

}



/* Stacks creted by the use of generated content */



.stack:before,

.stack:after {

    content: "";

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

    -ms-border-radius: 3px;

    -moz-border-radius: 3px;

    width: 100%;

    height: 100%;

    position: absolute;

    border: 10px solid #fff;

    left: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);

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

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

    transition: 0.3s all ease-out;

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

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

}



.stack:before {

    top: 4px;

    z-index: -10;

}



/* 1st element in stack (behind image) */



.stack:after {

    top: 8px;

    z-index: -20;

}



/* 2nd element in stack (behind image) */



.stack {

    float: none;

    width: 92%;

    margin: 3% 0% 8% 4%;

    position: relative;

    z-index: 1;

}



/*-- //Team --*/



/*-- testimonials --*/



.testimonials {

    background: url(../images/bg2.jpg) no-repeat center fixed;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

}



.w3_testimonials_grid_left p {

    color: #eee;

    margin-top: 20px;

}



.w3_testimonials_grid_right img {

    border: 3px solid #005181;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    margin: 0 auto;

}



.w3_testimonials_grid_left h6 {

    color: #81cdfa;

    font-size: 32px;

    font-weight: 600;

}



/*-- //testimonials --*/



/*-- contact --*/



.address-grid,

.address-info {

    background-color: #fff;

    padding: 40px;

    -webkit-box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 2px 13px -1px rgba(0, 0, 0, 0.15);

}



.address-info.address-mdl {

    margin: 2em 0;

}



.address h4 {

    font-size: 28px;

    color: #81cdfa;

    margin-bottom: 10px;

}



.address input[type="text"],

.address input[type="email"],

.address textarea {

    width: 100%;

    color: #000;

    background: none;

    outline: none;

    font-size: 15px;

    padding: 11px;

    margin-bottom: 16px;

    border: none;

    border-bottom: solid 1px rgba(0, 0, 0, 0.15);

    -webkit-appearance: none;

}



.address textarea {

    min-height: 12em;

    -webkit-appearance: none;

    resize: none;

}



.address input[type="submit"] {

    border: none;

    outline: none;

    color: #fff;

    padding: 12px 50px;

    font-size: 16px;

    letter-spacing: 1px;

    margin-top: 16px;

    -webkit-appearance: none;

    background: #005181;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



.address input[type="submit"]:hover {

    background: #81cdfa;

}



.address p a {

    color: #000;

    -webkit-transition: .5s all;

    transition: .5s all;

    -moz-transition: .5s all;

}



.address p a:hover {

    color: #81cdfa;

}



/*-- //contact --*/



/*-- Footer --*/



.w3ls-footer-grids {

    background: #282828;

    padding: 50px 0;

}



p.footer-gd {

    color: #ffffff;

    font-size: 14px;

    letter-spacing: 2px;

    text-align: center;

}



p.footer-gd a {

    color: #81cdfa;

}



p.footer-gd a:hover {

    color: #fff;

}



.w3l-footer {

    float: left;

}



.w3l-footer h3,

.w3l-footer h2 {

    font-size: 26px;

    color: #005181;

    margin-bottom: 20px;

}



p.adam {

    float: right;

    color: #6F6E6E !important;

    font-size: 13px !important;

    margin-top: 20px;

}



.w3l-footer.one p {

    color: #FFF/*828282*/;

    line-height: 28px;

    font-size: 13px;

}



.w3l-footer.two ul {

    margin: 0;

    padding: 0;

}



.w3l-footer.two ul li {

    list-style-type: none;

    display: block;

    line-height: 1.5em;

    font-size: 14px;

    margin: 18px 0;

}



.w3l-footer.three {

    list-style-type: none;

}



.w3l-footer.two ul li i {

    font-size: 13px;

    margin-right: 15px;

    width: 30px;

    text-align: center;

    color: #fff;

    background: #6E65F1;

    padding: 9px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    width: 30px;

    height: 30px;

}



.w3l-footer.two ul li i.fa.fa-facebook {

    background: #5d82d2;

}



.w3l-footer.two ul li i.fa.fa-twitter {

    background: #3bbef5;

}



.w3l-footer.two ul li i.fa.fa-google-plus {

    background: #ea5d4b;

}



.w3l-footer.two ul li i.fa.fa-dribbble {

    background: #f7659b;

}



.w3l-footer.two ul li i.fa.fa-pinterest-p {

    background: #e23139;

}



.w3l-footer.two ul li a {

    color: #908F8F;

    display: block;

    text-decoration: none;

    font-size: 13px;

    font-family: 'Source Sans Pro', sans-serif;

}



.w3l-footer.three ul li {

    margin-bottom: 15px;

    list-style: none;

}



.w3l-footer.three ul li i {

    float: left;

    font-size: 18px;

    color: #fff;

    line-height: 1.8;

}



.w3l-footer.three ul li p {

	list-style-type: none;

	display: block;

	color: #FFF/*908F8F*/;

	font-size: 13px;

	line-height: 23px;

	float: left;

	margin-left: 15px;

}



.w3l-footer.three ul li span {

    display: block;

}



.w3l-footer.one {

    padding-right: 40px;

}



.w3l-footer.three ul li a {

    display: block;

    color: #908F8F;

    float: left;

    margin-lefT: 15px;

    margin-top: 5px;

}



i.fa-envelope-o {

    float: left;

}



.copy-right-grids {

    padding: 20px 0;

    background: #040404;

}



.copy-left {

    text-align: center;

}



.copy-right ul li a:hover,

.w3l-footer.three ul li a:hover {

    color: #0099e5;

}



.w3l-footer.two ul li:nth-child(1) a:hover {

    color: #5D82D2;

}



.w3l-footer.two ul li:nth-child(2) a:hover {

    color: #3bbef5;

}



.w3l-footer.two ul li:nth-child(3) a:hover {

    color: #ea5d4b;

}



.w3l-footer.two ul li:nth-child(4) a:hover {

    color: #f7659b;

}



.w3l-footer.two ul li:nth-child(5) a:hover {

    color: #e23139;

}



.agileinfo_footer_grid ul li {

    list-style-type: none;

    margin-bottom: 1em;

    font-size: 14px;

    line-height: 1.8em;

    color: #999;

    list-style: none;

    padding-left: 1em;

}



.agileinfo_footer_grid ul li span {

    left: -1em;

}



.agileinfo_footer_grid ul li a {

    color: #999;

    text-decoration: none;

}



.agileinfo_footer_grid ul li a:hover {

    color: #fff;

}



.agileinfo_footer_grid1 {

    float: left;

    width: 31.45%;

    margin: 0 0.3em .3em 0em;

}



/*-- //footer --*/



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



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 24px;

    right: 1%;

    overflow: hidden;

    z-index: 999;

    width: 64px;

    height: 64px;

    border: none;

    text-indent: 100%;

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

}



#toTopHover {

    width: 64px;

    height: 64px;

    display: block;

    overflow: hidden;

    float: right;

    opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

}



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



/*--responsive--*/



@media(max-width: 1366px) {

    .carousel-caption {

        min-height: 550px;

        padding-top: 13em;

    }

}



@media(max-width: 1280px) {

    .about_right h3 {

        font-size: 39px;

    }

    .carousel-control {

        line-height: 29em;

    }

}



@media(max-width: 1080px) {

    .navbar-nav {

        width: 66%;

    }

    .navbar-default .navbar-nav>li>a {

        margin: 16px 0;

    }

    .carousel-caption {

        min-height: 550px;

    }

    .aboutimg-w3l img {

        width: 100%;

    }

    .about_right p {

        font-size: 13px;

        margin: 12px 0 35px;

    }

    .about-bottom ul li h5 {

        font-size: 28px;

    }

    .about-bottom p {

        font-size: 12px;

    }

    .popular-grid {

        width: 31.8%;

    }

    .popular-grid h5 {

        font-size: 25px;

    }

    .popular-text {

        padding: 20px;

    }

    .popular-grid p {

        font-size: 13px;

    }

    p {

        font-size: 14px;

    }

    .gallery-grid1 .p-mask,

    .row .product .vm-product-media-container .p-mask {

        padding: 15px;

    }

    .p-mask h4 {

        font-size: 25px;

    }

    .address-grid,

    .address-info {

        padding: 36px;

    }

    .w3l-footer.one p {

        font-size: 12px;

    }

}



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



@media(max-width: 1024px) {

    .carousel-caption {

        min-height: 500px;

        padding-top: 11em;

    }

    .carousel-control {

        line-height: 25em;

    }

    .carousel-caption h3 {

        font-size: 53px;

    }

    .carousel-caption h6 {

        font-size: 18px;

    }

    .about_right h3 {

        font-size: 36px;

    }

    .popular-grid p {

        margin-top: 10px;

    }

    .stats_grid_left {

        float: left;

        width: 50%;

        margin-top: 4em;

    }

    h3.title {

        font-size: 46px;

    }

}



@media(max-width: 991px) {

    a.logo h1 {

        font-size: 36px;

    }

    .navbar-nav {

        width: 75%;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 13px;

        letter-spacing: 0.5px;

    }

    .header-top p {

        font-size: 13px;

    }

    .header-top {

        padding: 13px 0;

    }

    .carousel-caption h3 {

        font-size: 48px;

    }

    .aboutimg-w3l img {

        width: 78%;

    }

    .aboutimg-w3l2 {

        text-align: right;

    }

    .about_right {

        margin-top: 2em;

    }

    .about-bottom ul li h5 {

        font-size: 30px;

    }

    .about-bottom p {

        font-size: 13px;

        margin-bottom: 0;

    }

    .popular-grid {

        width: 31.3%;

        float: left;

    }

    .popular-grid h5 {

        font-size: 24px;

        line-height: 1.3;

    }

    .agileits-w3layouts-grid {

        padding: 0;

    }

    .agileits-w3layouts-grid.img {

        margin-top: 3em;

        display: inline-block;

    }

    .stats_grid_left img {

        margin: 0 auto;

    }

    .stats_grid_left {

        float: none;

        width: 100%;

        margin-top: 0;

        margin-bottom: 1em;

    }

    .about,

    .popular-w3,

    .gallery,

    .stats,

    .why-choose-agile,

    .team,

    .address,

    .testimonials {

        padding: 4em 0;

    }

    .gal-sec {

        padding: 0 .5em;

    }

    .gallery-grid1:nth-child(2),

    .gallery-grid1:nth-child(3) {

        margin-top: 1em;

    }

    .p-mask h4 {

        font-size: 22px;

    }

    .w3_testimonials_grid_left p {

        margin-top: 12px;

    }

    .w3_testimonials_grid_left h6 {

        font-size: 30px;

    }

    .address h4 {

        font-size: 26px;

        margin-bottom: 8px;

    }

    .address-info.address-mdl p {

        font-size: 13px;

    }

    .address-grid,

    .address-info {

        padding: 30px;

    }

    .address-info.address-mdl {

        margin: 1.5em 0;

    }

    .address input[type="text"],

    .address input[type="email"],

    .address textarea {

        font-size: 14px;

    }

    .address textarea {

        min-height: 9.6em;

    }

    .address input[type="submit"] {

        padding: 11px 40px;

        font-size: 15px;

    }

    .w3l-footer h3,

    .w3l-footer h2 {

        font-size: 24px;

        margin-bottom: 14px;

    }

    .w3l-footer.one {

        padding-right: 0;

        margin-bottom: 1.5em;

    }

    .w3l-footer.two ul li {

        margin: 13px 0;

    }

    .w3l-footer.three ul li p,

    .w3l-footer.three ul li a {

        font-size: 12px;

    }

}



@media(max-width: 900px) {

    .popular-grid {

        width: 32.2%;

        float: left;

        margin: 0 4px;

    }

    .popular-grid h5 {

        font-size: 25px;

    }

}



@media(max-width: 800px) {

    .carousel-caption {

        min-height: 450px;

        padding-top: 10em;

    }

    .carousel-caption h3 {

        font-size: 43px;

    }

    .carousel-caption h6 {

        font-size: 17px;

        margin-bottom: 25px;

    }

    .carousel-control {

        line-height: 21em;

    }

    .about_right h3 {

        font-size: 34px;

    }

    .popular-grid h5 {

        font-size: 21px;

    }

    .popular-text {

        padding: 10px;

    }

    .popular-grid p {

        margin-top: 5px;

        font-size: 12px;

    }

    h3.title {

        font-size: 42px;

    }

    .agile-why-text p {

        font-size: 13px;

    }

    .skillbar {

        width: 92%;

    }

    h3.w3ls-title.w3title2 {

        font-size: 43px;

        margin-bottom: .3em;

    }

    .team-grid h4 {

        font-size: 23px;

        margin: 35px 0 16px;

    }

    .w3_testimonials_grid_right img {

        width: 85%;

    }

    .address textarea {

        min-height: 9em;

    }

}



@media(max-width: 768px) {

    .carousel-caption {

        min-height: 432px;

        padding-top: 9.5em;

    }

    .carousel-control {

        line-height: 20em;

    }

    .address-left.wow.agile.fadeInLeft.animated {

        padding: 0 .5em;

    }

}



@media(max-width: 767px) {

    a.logo h1 {

        text-align: center;

    }

    .nav>li {

        text-align: center;

    }

    div#bs-example-navbar-collapse-1 {

        position: absolute;

        width: 100%;

        z-index: 9999;

    }

    .navbar-toggle {

        position: absolute;

        right: 0;

    }

    .navbar-nav {

        margin: 0;

        width: 100%;

        float: none;

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

        padding: 0;

    }

    .navbar-nav>li {

        float: none;

        margin: 0;

        width: 100%;

    }

    .navbar-nav>li>a {

        margin: 1em 0;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 14px;

        color: #fff;

        display: inline-block;

        margin: 10px 0;

    }

    .navbar-default .navbar-toggle:hover,

    .navbar-default .navbar-toggle:focus {

        background-color: transparent;

    }

    .navbar-toggle {

        background-color: transparent;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #005181;

    }

    .navbar-default .navbar-toggle {

        margin: 7px 20px;

    }

    .navbar-default a.navbar-brand h1 {

        font-size: 30px;

        padding-left: 10px;

    }

    .navbar-default .navbar-brand label {

        letter-spacing: 3px;

    }

    .header {

        padding: 5px 0;

    }

    .header-top {

        padding: 6px 0;

    }

    .bottom_header_left {

        margin: .45em 0 0;

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        color: #fff;

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #005181;

    }

    .address-grid,

    .address-info {

        padding: 28px;

    }

}



@media(max-width: 736px) {

    .header {

        padding: 10px 0;

    }

    a.logo h1 {

        font-size: 34px;

    }

    .header-top p {

        font-size: 12px;

    }

    .header-top {

        padding: 10px 0;

    }

    .carousel-caption h3 {

        font-size: 41px;

    }

    .carousel-caption h6 {

        font-size: 16px;

        margin-bottom: 20px;

    }

    .aboutimg-w3l img {

        width: 74%;

    }

    .popular-grid {

        width: 32%;

    }

    .popular-grid h5 {

        font-size: 20px;

    }

    .w3_testimonials_grid_left p {

        font-size: 13px;

    }

    .address h4 {

        font-size: 25px;

    }

    .w3ls-footer-grids {

        padding: 40px 0;

    }

}



@media(max-width: 667px) {

    .carousel-caption {

        padding-top: 9em;

    }

    .about_right h3 {

        font-size: 30px;

    }

    .popular-grid {

        width: 60%;

        margin: 0 auto;

        float: none;

    }

    .popular-grid h5 {

        font-size: 28px;

    }

    .popular-grid p {

        margin-top: 10px;

        font-size: 13px;

    }

    .popular-text {

        padding: 25px 30px;

    }

    .popular-grid:nth-child(2) {

        margin-top: 2em;

    }

    .address h4 {

        font-size: 23px;

        margin-bottom: 6px;

    }

    .address-grid,

    .address-info {

        padding: 26px;

    }

    .address input[type="submit"] {

        font-size: 14px;

    }

    .address textarea {

        min-height: 7.7em;

    }

    p {

        font-size: 13px;

    }

    .address textarea {

        min-height: 7.3em;

    }

    .about,

    .popular-w3,

    .gallery,

    .stats,

    .why-choose-agile,

    .team,

    .address,

    .testimonials {

        padding: 3em 0;

    }

}



@media(max-width: 640px) {

    .w3_testimonials_grid_left p {

        font-size: 12px;

    }

}



@media(max-width: 600px) {

    .carousel-caption h3 {

        font-size: 38px;

    }

    .carousel-caption h6 {

        font-size: 15px;

    }

    .carousel-caption {

        padding-top: 8em;

        min-height: 380px;

    }

    .carousel-control {

        line-height: 18em;

    }

    .about_right h3 {

        font-size: 28px;

    }

    .popular-grid h5 {

        font-size: 26px;

    }

    .agile-why-text h4 {

        font-size: 24px;

        margin-bottom: 2px;

    }

    .agile-why-text p {

        font-size: 12px;

    }

    .agile-why-text {

        padding: 0 .5em;

    }

    .wthree_agile_us:nth-child(2) {

        margin: 2em 0;

    }

    h3.w3ls-title.w3title2 {

        font-size: 38px;

    }

    h3.title {

        font-size: 38px;

        margin-bottom: .8em;

    }

    .w3_testimonials_grid_right img {

        width: 100%;

    }

    .team-grid h4 {

        font-size: 21px;

    }

    .address-right {

        width: 100%;

    }

    .address h4 {

        font-size: 24px;

        margin-bottom: 10px;

    }

    .address-left.wow.agile.fadeInLeft.animated {

        padding: 0 1em;

        width: 100%;

        margin-top: 2em;

    }

    .address textarea {

        min-height: 10em;

    }

    .w3l-footer {

        padding: 0 .5em;

    }

    .w3l-footer h3,

    .w3l-footer h2 {

        font-size: 22px;

    }

    p.footer-gd {

        font-size: 13px;

    }

    .copy-right-grids {

        padding: 15px 0;

    }

}



@media(max-width: 568px) {

    .aboutimg-w3l img {

        width: 80%;

    }

    .popular-grid h5 {

        font-size: 25px;

    }

    .navbar-default .navbar-nav>li>a {

        font-size: 13px;

    }

}



@media(max-width: 480px) {

    .carousel-caption {

        min-height: 360px;

    }

    .carousel-caption h3 {

        font-size: 32px;

    }

    .carousel-caption h6 {

        font-size: 14px;

    }

    .carousel-caption h6 {

        font-size: 14px;

    }

    .about_right p {

        font-size: 12px;

    }

    .about-bottom ul li h5 {

        font-size: 26px;

    }

    .about-bottom p {

        font-size: 10px;

    }

    .popular-grid {

        width: 80%;

    }

    .popular-text {

        padding: 22px 30px;

    }

    .agileits-w3layouts-grid {

        padding: 0 1em;

        width: 100%;

    }

    .wthree_agile_us:nth-child(2),

    .agileits-w3layouts-grid:nth-child(2) {

        margin: 1.5em 0;

    }

    .agileits-w3layouts-grid.img {

        margin-top: 1em;

    }

    .p-mask h4 {

        font-size: 16px;

    }

    .gallery-grid1 .p-mask,

    .row .product .vm-product-media-container .p-mask {

        padding: 10px;

    }

    .team-grid {

        width: 100%;

    }

    .team-grid:nth-child(2) {

        margin: 2em 0;

    }

    .team-grid h4 {

        font-size: 25px;

        margin: 40px 0 18px;

    }

    .w3l-footer {

        width: 100%;

    }

    .w3l-footer.three {

        margin: 1em 0;

    }

}



@media(max-width: 440px) {

    .carousel-caption {

        min-height: 340px;

    }

    .carousel-caption h3 {

        font-size: 30px;

    }

    .carousel-caption h6 {

        font-size: 13px;

        margin-bottom: 16px;

    }

    .carousel-control {

        line-height: 16em;

    }

    .aboutimg-w3l img {

        width: 100%;

    }

    .about-bottom p {

        font-size: 9px;

    }

    .gal-sec {

        padding: 0 1em;

        width: 100%;

    }

    .gal-sec:nth-child(2) {

        margin: 1em 0;

    }

    .p-mask h4 {

        font-size: 24px;

    }

    .gallery-grid1 .p-mask,

    .row .product .vm-product-media-container .p-mask {

        padding: 20px;

    }

    .w3_testimonials_grid_left {

        width: 100%;

    }

    .agile-why-text h4 {

        font-size: 24px;

        margin-bottom: 6px;

    }

    .w3_testimonials_grid_right {

        margin-top: 1em;

        width: 100%;

    }

    .w3_testimonials_grid_right img {

        width: 40%;

    }

}



@media(max-width: 414px) {

    .carousel-caption {

        min-height: 300px;

        padding-top: 7em;

    }

    .carousel-control {

        line-height: 14em;

    }

    .about-bottom ul li {

        width: 100%;

    }

    .about-bottom ul li:nth-child(2) {

        margin: 1.5em 0;

    }

    .about-bottom ul li:nth-child(2) {

        margin: 1.5em 0;

    }

    .popular-grid p {

        margin-top: 5px;

        font-size: 12px;

    }

    .popular-text {

        padding: 20px;

    }

    p.footer-gd {

        letter-spacing: 1px;

    }

}



@media(max-width: 384px) {

    a.logo h1 {

        font-size: 30px;

    }

    a.logo span {

        font-size: 9px;

        letter-spacing: 3px;

    }

    .header-top p {

        font-size: 11px;

    }

    .header-top p {

        font-size: 11px;

    }

    .carousel-caption h6 {

        font-size: 12px;

    }

    .carousel-caption {

        min-height: 286px;

        padding-top: 6em;

    }

    .about,

    .popular-w3,

    .gallery,

    .stats,

    .why-choose-agile,

    .team,

    .address,

    .testimonials {

        padding: 2.5em 0;

    }

    .about_right h3 {

        font-size: 25px;

    }

    .about_right p {

        font-size: 14px;

        margin: 6px 0 28px;

    }

    .about-bottom p {

        font-size: 11px;

        margin-bottom: 0;

    }

    .popular-grid h5 {

        font-size: 23px;

    }

    h3.title {

        font-size: 32px;

    }

    .agile-why-text h4 {

        font-size: 21px;

        margin-bottom: 4px;

    }

    .wthree_agile_us:nth-child(2),

    .agileits-w3layouts-grid:nth-child(2) {

        margin: 2em 0;

    }

    h3.w3ls-title.w3title2 {

        font-size: 32px;

    }

    .skillbar {

        width: 86%;

    }

    .skillbar-title {

        width: 90px;

        font-size: 14px;

    }

    .w3ls-footer-grids {

        padding: 30px 0;

    }

}



@media(max-width: 375px) {

    .navbar-toggle {

        padding: 8px 9px;

    }

    .carousel-caption h3 {

        font-size: 27px;

    }

    .popular-grid {

        width: 90%;

    }

    .popular-grid h5 {

        font-size: 24px;

    }

}



@media(max-width: 320px) {

    a.logo h1 {

        font-size: 28px;

    }

    a.logo span {

        font-size: 8px;

    }

    .navbar-default .navbar-toggle {

        margin: 5px 10px;

    }

    .navbar-default .navbar-toggle {

        margin: 5px 10px;

    }

    .navbar-toggle {

        padding: 7px 8px;

    }

    .carousel-caption {

        min-height: 238px;

        padding-top: 5.5em;

    }

    .carousel-caption h6 {

        font-size: 11px;

        margin-bottom: 12px;

    }

    .carousel-caption h3 {

        font-size: 23px;

    }

    .carousel-control {

        line-height: 11em;

    }

    .aboutimg-w3l {

        padding: 0 3px;

    }

    .about,

    .popular-w3,

    .gallery,

    .stats,

    .why-choose-agile,

    .team,

    .address,

    .testimonials {

        padding: 1.5em 0;

    }

    .about_right h3 {

        font-size: 23px;

    }

    .about_right {

        margin-top: 1em;

    }

    .popular-grid {

        width: 100%;

    }

    .popular-grid h5 {

        font-size: 23px;

    }

    h3.w3ls-title.w3title2 {

        font-size: 30px;

    }

    .p-mask h4 {

        font-size: 22px;

    }

    .gallery-grid1 .p-mask,

    .row .product .vm-product-media-container .p-mask {

        padding: 15px;

    }

    .team-grid h4 {

        font-size: 23px;

        margin: 35px 0 16px;

    }

    .team-grid:nth-child(2) {

        margin: 1em 0;

    }

    .w3_testimonials_grid_left h6 {

        font-size: 26px;

    }

    .w3_testimonials_grid_left p {

        font-size: 11px;

    }

    .address h4 {

        font-size: 22px;

        margin-bottom: 8px;

    }

    .address input[type="text"],

    .address input[type="email"],

    .address textarea {

        font-size: 13px;

        margin-bottom: 10px;

    }

    .agileinfo_footer_grid ul li {

        font-size: 13px;

    }

    .w3ls-footer-grids {

        padding: 25px 0 20px;

    }

}



/*--//responsive--*/



































































/*

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

|| 16.0 - FOOTER AND FOOTER WIDGETS

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/*Widget Title*/

.widget {

    margin-bottom: 30px;

}

.wi-title {

    margin-bottom: 30px;

}

.wi-title,

.wi-title h5 {

    /* font-family: 'Ubuntu', sans-serif; */

    font-size: 16px;

	padding-top:20px;

    color: #fff;

    text-transform: uppercase;

}

/*Widget Tags*/

.wi-tags ul li {

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 10px;

}

.wi-tags ul li a {

    display: block;

    padding: 5px 15px;

    border-radius: 5px;

    background-color: #1d3f66;

    color: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    font-size: 12px;

    line-height: 21px;

}

.wi-tags ul li a:hover {

    color: #febd00;

}



/*Widget Social*/

.wi-social ul li {

    display: inline-block;

    margin-right: 10px;

    /*background: #1d3f66;*/

    border-radius: 3px;

    width: 30px;

    height: 30px;

    margin-bottom: 15px;

    text-align: center;

    position: relative;

}

.wi-social ul li a {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden;

}

.wi-social ul li a:hover {

    color: #febd00;

}

.wi-social ul li a .normal-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    bottom: 0;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.wi-social ul li a .hover-show {

    position: absolute;

    left: 0;

    right: 0;

    top: 120%;

    bottom: 0px;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.wi-social ul li a:hover i.normal-show {

    top: -50%;

}

.wi-social ul li a:hover i.hover-show {

    top: 50%;

}

/*Widget News*/

.wi-news ul li {

    margin-bottom: 30px;

    display: table;

}

.news-left {

    width: 120px;

    margin-right: 20px;

    float: left;

}

.news-left img {

    padding-top: 5px;

    display: block;

    width: 100%;

    border-radius: 7px;

}

.news-right {

    padding-left: 140px;

}

.news-right h5 {

    text-transform: uppercase;

    font-weight: 400;

}

.news-right p {

    margin: 0;

}

.posted span {

    display: inline-block;

    margin-right: 15px;

}

.posted a {

    color: #11193d;

}

.posted {

    margin-top: 5px;

}

.posted span i {

    display: inline-block;

    padding-right: 5px;

}

.posted span a:hover {

    color: #febd00;

}

.footer {

    color: #fff;

}

.footer-main {

    padding-bottom: 30px;

}

.footer p, 

.footer a {

    color: #fff;

}

.logo .wi-title {

    margin-bottom: 30px;

}
.logo img{
    width: 350px;
}
.wi-list {

    margin-top: 30px;

}

.wi-list li {

    margin-bottom: 15px;

	list-style-type:none;

}

.wi-list i {

    display: inline-block;

    margin-right: 10px;

    background: #1d3f66;

    padding: 7px;

    border-radius: 3px;

    width: 30px;

    height: 31px;

    text-align: center;

}

.wi-list a:hover {

    color: #febd00;

}

.copyright {

    background-color: #11193d;

    text-align: center;

    padding: 30px;

}

.copyright .container .row .col-md-4.hidden,

.copyright .container .row .col-md-4.hidden > a{

  color:#11193d;

  display: block !important;

  font-size: 10px;

  cursor: default;

}

.copyright .container .row .col-md-4.hidden::selection,

.copyright .container .row .col-md-4.hidden > a::selection{

  background-color:none;

  color:#11193d;

}

@media(max-width:480px){

    .mob-show{

        display: block !important;

    }

    .mob-hide{

        display: none;

    }

}



/*Section Background*/

.cbiz-bg {

    background-color: #071f31;

    /* background-image: url("../images/bg/service.jpg"); */

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    color: #fff;

    position: relative;

    z-index: 0;

}

.cbiz-bg:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: -1;

    background-color: rgba(17, 25, 61, 0.90);

}



.footer-main.cbiz-bg {

    background-image: url("../images/footer.jpg");

}

.footer-main.cbiz-bg:after {

    background-color: rgba(17, 25, 61, 0.90);

}





.border-bottom-dotted{

    /* border-bottom:1px dotted black; */

	width: 100%

}
.text-bold{
    color:#000;
    font-size: 14px;
    text-align: center;
}
.text-bold p {
    color:#000;
    line-height: 1.5;

}
.text-bold h4 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;}
    
    
    
    
.a-style{
        font-size: 14px;
    }
    .h3-style{
        color: #005181;
        font-size: 30px;
        text-align: center;
        margin-bottom: 1em;
        font-weight: 600;
        font-style: italic;
    }

    .contact-style{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        padding: 20px;
    }


    /* ************************************************************* */


    .frame {
      
        text-align: center;
      }
   
      .custom-btn {
        width: 130px;
        height: 40px;
        color: #fff;
        border-radius: 5px;
        padding: 10px 25px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        display: inline-block;
         box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
         7px 7px 20px 0px rgba(0,0,0,.1),
         4px 4px 5px 0px rgba(0,0,0,.1);
        outline: none;
      }
      .btn-5 {
        width: 358px;
        height: 55px;
        line-height: 42px;
        padding: 0;
        border: none;
        background: #005181;
      background: linear-gradient(0deg, rgb(2, 113, 193) 0%, rgb(0, 11, 18) 100%);
      }
      .btn-5:hover {
        color: #005181;
        background: transparent;
         box-shadow:none;
      }
      .btn-5:before,
      .btn-5:after{
        content:'';
        position:absolute;
        top:0;
        right:0;
        height:2px;
        width:0;
        background: #005181;
        box-shadow:
         -1px -1px 5px 0px #fff,
         7px 7px 20px 0px #0003,
         4px 4px 5px 0px #0002;
        transition:400ms ease all;
      }
      .btn-5:after{
        right:inherit;
        top:inherit;
        left:0;
        bottom:0;
      }
      .btn-5:hover:before,
      .btn-5:hover:after{
        width:100%;
        transition:800ms ease all;
      }

      @media(max-width:767px){
        .btn-5{
            width: 334px;
            margin: 0px 10px 10px 0px !important;
        }
      }
            
			
.soc1{
	position: fixed;
	right: -60px;
	top: 65%;
	z-index: 9999;
	rotate: 90deg;
}			

/* strat Client slider css */

.div_img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40vh;
    /* background: #0f2027;
    background: -webkit-linear-gradient(to right, #2c5364, #203a43, #0f2027); */
    overflow: hidden;
    
  }
  .client-section{
    background: #11193d;
    padding: 30px 0;
  }
  .scope {
    position: relative;
    width: 150px;
    height: 150px;
    transform-style: preserve-3d;
    animation: slid 30s linear infinite;
  }
  
  .scope span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 30deg)) translateZ(450px);
  }
  .scope span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    border-radius: 10px;
    object-fit: cover;
    transition: 2s;
    box-shadow: rgb(255 255 255 / 25%) 0px 13px 27px -5px, rgb(255 255 255 / 30%) 0px 8px 16px -8px;
  }
  .scope span:hover img {
    transform: translateY(-25px) scale(1.2);
  }
  @keyframes slid {
    0% {
      transform: perspective(1000px) rotateY(0deg);
    }
    100% {
      transform: perspective(1000px) rotateY(360deg);
    }
  }
  
/* End client slider css */
 .prod-seo-content {
    display: none;
}
.dd {
    font-size: 30px;
    line-height: 40px;
    padding: 5px;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #11193d;
}
.testinomial-section{
    padding: 40px 0;
}
.testimonial-three {
    position: relative;
    display: block;
    padding: 60px 0px 70px;
    z-index: 1;
}

.testimonial-three .shape1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.05;
}

.testimonial-three__single {
    position: relative;
    display: block;
    padding-top: 49px;
}

.testimonial-three__single-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    border: 3px solid #11193d;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 2;
}

.testimonial-three__single-img img {
    width: 100%;
}

.testimonial-three__single-inner {
    position: relative;
    display: block;
    /* background: #11193d; */
    /* border: 2px solid #cccccc; */
    padding: 72px 35px 42px;
    border-bottom: 3px solid #1b2140;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 17px 27px rgba(96, 96, 96, 1.13);
}

element.style {
}



.testimonial-three__single-inner h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.testimonial-three__single-inner p {
    margin: 0;
}

.testimonial-three__single-inner .rating-box {
    position: relative;
    display: block;
    margin-top: 17px;
}

.testimonial-three__single .icon-box {
    position: absolute;
    left: 0;
    bottom: -32px;
    right: 0;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #11193d;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    z-index: 2;
}
.testimonial-three__single .icon-box i{
    color:#fff ;
    font-size: 20px;
}
.testimonial-three__single .icon-box span::before {
    position: relative;
    display: inline-block;
    color: #cccccc;
    font-size: 25px;
    line-height: 25px;
    transform: rotate(180deg);
}

.testimonial-three__carousel.owl-carousel .owl-stage-outer {
    padding-bottom: 60px;
}


.testimonial-three__carousel.owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    top: -120px;
    right: 0;
}

.testimonial-three__carousel.owl-carousel .owl-nav button.owl-prev,
.testimonial-three__carousel.owl-carousel .owl-nav button.owl-next {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: transparent;
    color: #cccccc;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #cccccc;
    outline: none;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.testimonial-three__carousel.owl-carousel .owl-nav button.owl-prev:hover,
.testimonial-three__carousel.owl-carousel .owl-nav button.owl-next:hover {
    border-color: #11193d;
    color: #11193d;
}

.testimonial-three__carousel.owl-carousel .owl-nav button.owl-prev span::before,
.testimonial-three__carousel.owl-carousel .owl-nav button.owl-next span::before {
    font-weight: 700;
    line-height: 53px;
}

/*==============================================
Testimonial Three Testimonial
===============================================*/
.testimonial-three--testimonial {
    position: relative;
    display: block;
}

.testimonial-three--testimonial .testimonial-three__single {
    margin-bottom: 60px;
}
.first-footer {
    /* background-color: #91301f; */
    background-color: #e4f2fa;
}
.first-footer .row{
    justify-content: center;
    align-items: center;
}

.first-footer .cmt-footer-cta-wrapper {
    position: relative;
    padding: 30px 0 30px 30px;
    z-index: 1;
}
.footer-logo{
    padding: 0px 0;
}
.footer-logo h2 {
    color: #fff;

}
.first-footer .cmt-footer-cta-wrapper {
    position: relative;
    padding: 30px 0 30px 10px;
    z-index: 1;
        background-color: #e9f7ff;
}
.countries-list {
    display: flex
;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.countries-row{
    align-items: center;
    justify-content: center;
    display: flex;
    background: #005181;

}
@media (max-width:767px) {
    .countries-row{
        display: block;
    }
    .widget-area .countries-list li {
        max-width: 75px;
    }
    .countries-list{
        display: flex;
        flex-wrap: wrap;
    }

}
.widget-area .countries-list li {
    min-width: 75px;
    margin: 2px 10px 2px 10px;
    border-radius: 10px;
    background: black;
    border: 1px solid rgb(146, 146, 146);
    padding: 10px 5px;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    /* display: inline; */
    /* padding: 10px 15px 10px 15px; */
}
.widget-area .countries-list li img{
    width: 100%;
}
.countries-list li p {
    color: #fff;
    margin-top: 10px;
}
.about .about-left {
    position: relative;
  }
  .about .about-left .image {
    border-radius: 8px;
    max-width: 424px;
  }
  .about .about-left .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about .about-left .item-1 {
    padding-left: 46px;
  }
  .about .about-left .item-2 {
    position: absolute;
    right: 30px;
    bottom: 23px;
  }
  .about .about-left .item-3 {
    position: absolute;
    right: 50px;
    top: 28px;
  }
  .about .about-left .item-4 {
    width: 19px;
    height: 209px;
    border-radius: 8px;
    background-color: #005181;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .wg-video.style-small {
    background-image: unset;
    background-color: #fff;
    width: 276px;
    height: 235px;
    border-radius: 16px;
}
.wg-video.style-small::before {
    background-image: url(../../images/about-item-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    bottom: 7px;
    right: 7px;
    border-radius: 8px;
}
.about .about-left {
    position: relative;
}
.counter-item.boder-left {
    border-left: 2px solid #005181;
    border-radius: 8px;
}
.counter-item.bg-color-white {
    background-color: #fff;
    padding: 18px 22px 20px 22px;
    gap: 16px;
}
.counter-item .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.counter-item.bg-color-white .icon i {
    color: #005181;
    font-size: 40px;
}
.counter-item.bg-color-white .number-counter {
    padding-right: 10px;
}
.counter-item.bg-color-white span {
    color: #000;
    font-size: 28px;
    margin-bottom: 2px;
}
.tf-animate-1.active-animate {
    clip-path: inset(0 0 0 0);
    animation-delay: 0.5s;
    
}

.header.fixed-header{

	z-index:999;

	opacity:1;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;	

}
.fixed-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #ffffff;
    z-index: 0;
    border-bottom: 1px solid #e6e6e6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.social-icons a{
    margin: 5px 5px !important;
  }
  
  
  
  
  /*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  padding: 50px 0 50px;
  margin: 20px 0 20px;
  overflow: hidden;
  z-index: 1;
}

.page-header__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(7, 10, 31, .10);
  z-index: -1;
}

.page-header__inner {
  position: relative;
  display: block;
  z-index: 15;
  text-align: center;
}

.page-header__inner h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 55px;
  /* text-transform: uppercase; */
  color: var(--bizgrow-white);
}

.page-header__inner .banner-heading {
  font-size: 45px;
  font-weight: 600;
  line-height: 55px;
  /* text-transform: uppercase; */
  color: #fff;
  margin-bottom: 30px;
  display: block;
}

.thm-breadcrumb__box {
  position: relative;
  display: inline-block;
  background-color: rgba(var(--bizgrow-base-rgb), .70);
  border-left: 2px solid var(--bizgrow-primary);
  padding: 7px 20px 6px;
  margin-bottom: 15px;
  z-index: 1;
}

.thm-breadcrumb {
  position: relative;
  display: inline-block;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li a {
  position: relative;
  display: inline-block;
  color: var(--bizgrow-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: var(--bizgrow-font-two);
}

.thm-breadcrumb li:hover a {
  color: var(--bizgrow-primary);
}







/* SUPERSLIDES =======================*/
   .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    /* .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically *
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    } */




/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * https://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * https://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: June 14, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 22px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Cube */
.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}




.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically *
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
} */