.floating{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;

    }

    @-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
    }

    @-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
    }


    .cloud_bottom {
    background-image: url('../images/showcase-clouds.png');
    background-position: center bottom;
    background-repeat: repeat-x;
    top: 443px;
    background-size: Auto 105px;
    height: 179px;
    position: relative;
    z-index: 10;
    }
    .navbar {
    position: relative;
    min-height: 72px;
    margin-bottom: 19px;
    border: 1px solid transparent;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #FFFFFF)
        );
        background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 100%);
        background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 100%);
        background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 100%);
        background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 100%);
        background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
            min-width: 1180px !important;
    }
    .pink-arrow{
    background-image: url('../images/pink-arrow.png');
    background-repeat: no-repeat;       
    }
    .container {
        width: 1170px;
        min-width: 1170px !important;
        }
    .container>.navbar-collapse{
    margin-right: 0;
    margin-left: 0;
    margin-top: 8px;
    }
    .get-started{
    background-image: url('../images/get-started-btn.png');
    background-repeat: no-repeat;
    height: 58px;
    width: 189px;
    margin-top: -15px;
    position: absolute;
    background-size: 164px 46px;    
    }
    .browser {
    background-image: url('../images/dashboard-browser.png');
    background-repeat: no-repeat;
    background-size: 690px;
    height: 540px;
    background-position: center bottom;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    }
    .featuers {
    background-image: url('../images/features-mid.png');
    background-repeat: no-repeat;
    height: 409px;
    background-size: 101%;
    background-position: center bottom;
    z-index: 10;
    }
    .featuers-1 {
    background-image: url('../images/features-1.png');
    background-repeat: no-repeat;
    height: 397px;
    background-size: 101%;
    background-position: center bottom;
    z-index: 10;
    }
    .phone-mid {
    background-image: url('../images/phone-mid.png');
    background-repeat: no-repeat;
    height: 498px;
    background-size: 101%;
    background-position: center bottom;
    }
    .footer_bg {
    background-image: url('../images/footer.png');
    height: 326px;
    background-position: center top;
    background-repeat: repeat-x;
    position: relative;
    background-size: Auto 325px;
    padding-top: 61px;
    color: white;
    font-size: 17px;
    text-shadow: 2px 2px rgb(82, 166, 170);
    }
    footer {
    position: absolute;
    padding-top: 31px;
    color: white;
    font-size: 17px;
    text-shadow: 2px 2px rgba(48, 48, 48, 0.38)
    }
    footer h4{
    font-weight: 800;
    line-height: 1.1;
    color: #FFFFFF;
    }
    footer a{
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px rgba(67, 95, 97, 0.52);
    font-weight: bold;
    margin-left: -16px;
    }
    .mh_showcase {
    height: 556px;
    background-repeat: no-repeat;
    background-size: 100%;
    }
    .maxwidth{
    width: 1289px;
    margin: auto;
    float: none;
    position: relative;
    margin-bottom: -165px;
    z-index: 1;
    }
    .btn-mail {
        background-image: url('../images/btn-mail.png');
        height: 59px;
height: 59px;
background-color: transparent;
border: navajowhite;
background-size: Auto 59px;
width: 199px;
margin: 0;
padding-left: 38px;
background-repeat: no-repeat;
        }
    .btn-launch {
        background-image: url('../images/btn-launch.png');
height: 59px;
background-color: transparent;
border: navajowhite;
background-size: Auto 59px;
width: 199px;
margin: 0;
padding-left: 38px;
background-repeat: no-repeat;
        }        
    body{
        background-image: url('../images/showcase-bg.png');
        background-position: center top;
        background-repeat:repeat-x; 
        background-position: center 72px;
        position: relative;
        background-size: Auto 673px;
        min-width: 1180px !important;
    }
    .mid-bg{
        background-image: url('../images/mid-bg.png');
        background-position: center top;
        background-repeat:repeat-x; 
        background-position: center 700px;
        position: relative;
        background-size: Auto 905px;
    }
    .main_button {
    position: absolute;
    right: 63px;
    top: 315px;
    width: 153px;
    height: 45px;
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    }

    .navbar-nav {
    float: right;
    margin: 0;
    }
        .navbar-nav>li>a {
        color: #6B6B6B;
        text-decoration: none;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        }
    .h1_wrapp {
    height: 1px;
    padding-top: 28px;
    padding-bottom: 27px;
    }
    .top_h1{
    color: white;
    text-shadow: 1px 2px rgba(31, 121, 121, 0.23);
    float: none;
    text-align: center;
    font-size: 45px;
    font-weight: bold; 
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;     
    }
    .delay1sec{
 -webkit-animation-delay: 1s;
    animation-delay: 1s;
    }
    .form-control {
padding: 9px;
border: solid 1px rgba(151, 151, 151, 0.27);
outline: 0;
width: 392px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
background: rgba(255, 254, 252, 0.5);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(46, 76, 83, 0.04) -2px -2px 3px, inset 1px 2px 3px rgba(58, 84, 90, 0.11);
}
    /*::::::::::::::::::::::::::::::::::::::TEMPLATE ADJUST::::::::::::::::::::::::::::::::::::*/
.colas {
background-image: url('../images/colas.png');
background-position: center top;
background-repeat: repeat;
top: -20px;
background-size: 917px 2px;
height: 5px;
position: relative;
}
.cloud_drift {
background-image: url('../images/clouds.png');
background-position: center top;
background-repeat: repeat;
top: -20px;
background-size: 917px 444px;
height: 5px;
position: relative;
}
.footer_bg {
background-image: url('../images/footer.png');
height: 326px;
background-position: center bottom;
background-repeat: repeat-x;
position: relative;
background-size: Auto 325px;
padding-top: 61px;
color: white;
font-size: 17px;
text-shadow: 2px 2px rgb(82, 166, 170);
}    
footer {
position: relative;
padding-top: 31px;
color: white;
font-size: 17px;
margin: auto;
max-width: 1170px;
text-shadow: 2px 2px rgba(48, 48, 48, 0.38);
}
.h1_wrapp {
height: 53px;
padding-top: 7px;
padding-bottom: 27px;
}
    /*::::::::::::::::::::::::::::::::::::::TEMPLATE ADJUST::::::::::::::::::::::::::::::::::::*/
    body {
background-image: url('../images/showcase-bg.png');
background-repeat: repeat-x;
background-position: center -346px;
position: relative;
background-size: Auto 669px;
min-width: 1180px !important;
}
.cloud_bottom {
background-image: url('../images/showcase-clouds.png');
background-position: center bottom;
background-repeat: repeat-x;
top: 8px;
background-size: Auto 105px;
height: 179px;
position: relative;
z-index: 10;
}
.top_h1 {
max-width: 1170px;
padding-top: 25px;
text-align: left;
margin: auto;
float: none;
}
.navbar{
min-width: 1180px !important;
border: 1px solid rgba(255, 255, 255, 1);
box-shadow: 0px 2px 22px 3px rgba(0, 0, 0, 0.08);
}
.container {
width: 1212px;
min-width: 1170px !important;
}