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;
    padding: 0;
    font-family: 'Paytone One', sans-serif;
}

p {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.9;
	color: #333333;
	text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

/*-- //Reset Code --*/

/*-- header --*/

/*-- navigation --*/

.navbar-light .navbar-brand {
    font-size: 38px;
    padding: 0;
    font-family: 'Montez', cursive;
    letter-spacing: 2px;
}

a.navbar-brand span,
.w3l-footer h1 a span {
    color: #FECC00
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    padding: 0 1rem;
    background: #eee;
    box-shadow: 1px 1px 1px 1px );
	background-image: url(../images/bgmenu.jpg);
}

.bg-light {
	background-color: #E68B06!important;
	background-image: url(../images/bg.jpg);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: #0033FF;
}

.navbar-light .navbar-nav .nav-link {
    color: #0033FF;
    letter-spacing: 1px;
    font-size: 15px;
    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 .show>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #FECC00;
    background: #fff;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #FECC00;
    background: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/*-- //navigation --*/

/*-- //header --*/

/*-- banner --*/




h4.sec-text-w3ls {
    font-size: 38px;
    letter-spacing: 1px;
}

a.btn {
    background: #fc3d6a;
    color: #fff;
    letter-spacing: 1px;
    padding: 10px 23px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

a.btn:hover {
    background: #A9CF54;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

/*-- //banner --*/

/* banner text effect */

.banner-left-wthree h1 {
    font-size: 70px;
}

/* Non essential CSS - Just for example centering */

.center-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.center-inner {
    display: table-cell;
    vertical-align: middle;
}

/* Essential CSS - Makes the effect work */

.bubbles {
    display: inline-block;
    font-family: arial;
    position: relative;
}

.bubbles h1 {
    position: relative;
    color: #4ECDC4;
    z-index: 2;
}

.individual-bubble {
    position: absolute;
    border-radius: 100%;
    bottom: 10px;
    background-color: #000;
    z-index: 1;
}

/*//banner text effect */


/*-- //middle --*/

/*-- treatments --*/

.treat-agile {
    background: url(../images/bg4.png)no-repeat bottom;
    min-height: 400px;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}