/*--------------------------------------------
Filename:     style-16.css 
Description:  Main CSS
Version:      1.0.0 (2-5-2014) MM-DD-YYYY
Website:      www.leadsystemnetwork.com
Author:       Mohammed Abd-Ella (mabdella.me)
--------------------------------------------*/

/*Background ----------------------------------------*/
html {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    min-height: 100%;
}

body {
    background: transparent !important;
    margin-bottom: 60px;
}

/*Background ----------------------------------------*/
/*Navbar --------------------------------------------*/
.wizard-final-nav {
    font-family: "open_sanssemibold", sans-serif;
    border-radius: 0px;
    background: transparent;
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    border: 0;
}
.wizard-final-nav .navbar-header {
    float: none;
    text-align: center;
}
.wizard-final-nav .navbar-brand {
    font-family: "open_sansextrabold", sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 20px;
    color: #555;
    margin: 0 auto !important;
    display: inline-block;
    float: none;
}
.wizard-final-nav .navbar-brand img {
    max-height: 80px;
}

@media (max-width: 768px) {
    .wizard-final-nav .navbar-brand img {
        max-height: 60px;
    }
}
/*Navbar --------------------------------------------*/
/*Content -------------------------------------------*/
.wizard-final {
    padding: 25px 0;
}
.wizard-final .container {
    z-index: 2;
    position: relative;
}
.wizard-final .container .formContainer-wapper {
    margin-bottom: 20px;
}
.wizard-final .container .formContainer-wapper .formContainer img {
    margin: 0 auto 20px;
    display: block;
}
.wizard-final .container .formContainer-wapper .formContainer .form-group {
    margin-bottom: 10px;
}
.wizard-final .container .formContainer-wapper .formContainer p {
    margin-top: 25px;
}
.wizard-final .container .formContainer-wapper .formContainer {
    background: rgba(0, 0, 0, 0);
	    padding: 20px;
    border-radius: 10px;
}
.wizard-final .container .formContainer-wapper .formContainer .form-control {
    border-bottom: 0;
    color: #555;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
}
.wizard-final .container .formContainer-wapper .formContainer p {
    color: #555;
}
.wizard-final .footnote{
    font-size: 30px;
    margin: 0 0 30px;
    font-family: "open_sanssemibold_italic", sans-serif;
}
.wizard-final p .highlight{
    background-color: #fff;
    padding: 0 10px;
    line-height: 1.5;
    color: #555;
}
.wizard-final .embed-responsive{
    margin-bottom: 20px;
}
.pull-center{
    margin: 0 auto;
    float:none;
}
@media (max-width: 768px) {
    .wizard-final-container .navbar .navbar-brand {
        margin-top: 30px !important;
    }
}
@media (min-width: 900px) {
    .wizard-final-container .container {
        max-width: 1000px;
    }
}


/*Content -------------------------------------------*/
/*Footer --------------------------------------------*/
.wizard-final-footer {
    background: rgba(85, 85, 85, 0.5);
    font-size: 14px;
    padding: 20px 0 !important;
    border-top: 0 !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}
.wizard-final-footer .container {
    color: #fff;
}
.wizard-final-footer p {
    margin: 0;
    text-align: center;
    color: #c7b5b5;
}
.left{
    float: right;
    margin-right: 35%;
}

.right{
    float: left;
    margin-left: 35%;
}
/*Footer --------------------------------------------*/


/*Menu*/
.menu-template-actions{
    list-style: none;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 10000000 !important;
}
.menu-template-actions li{
    margin-bottom: 1px;
    float:left;
    clear:both;

}
.menu-template-actions a{
    width:40px;
    height:40px;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.menu-template-actions a:hover{
    width:140px;
    text-decoration: none;
}
.menu-template-actions i{
    display: inline-block;
    background-color: #68aa56;
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    float:left;
    position: absolute;
    top:0;
    left:0;
}
.menu-template-actions span{
    display: inline-block;
    width: 100px;
    background: #fff;
    float: left;
    font-weight: 600;
    line-height: 18px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 40px;
    border: 1px solid #68AA56;
    border-left: 0;
    color: #68AA56;
}

.wizard-final .container .custom .formContainer-wapper .formContainer {
    background: transparent !important;
    padding:0;
}
.wizard-final .container .custom img{
    margin: 0 auto 30px !important; 
}
.wizard-final .container .custom p {
    font-family: "open_sanssemibold", sans-serif;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top:20px;
}
.wizard-final .container .custom .theme-container-2 {
    color: #fff;
    padding: 20px 10px;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}
.wizard-final .container .custom .theme-container-2 .formContainer img{
    margin: 0 auto !important;
}
.wizard-final .formContainer .btn{
    border-radius: 3px;
}
@media (max-width: 991px) {
    .col-md-8,.col-md-4{
        margin: 0 !important;
    }
    .container{
        padding: 0 30px !important;
    }
}

/*Themes*/

/*asbestos*/ 
.wizard-final.asbestos .container .formContainer-wapper .formContainer {
    background: rgba(127, 140, 141, 0.8);
}
.wizard-final.asbestos .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.asbestos p .highlight{
    background-color: #7f8c8d;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.asbestos .container .custom .theme-container-2 {
    background: rgba(127, 140, 141, 0.8);
}


/*silver*/ 
.wizard-final.silver .container .formContainer-wapper .formContainer {
    background: rgba(189, 195, 199, 0.8);
}
.wizard-final.silver .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.silver p .highlight{
    background-color: #bdc3c7;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.silver .container .custom .theme-container-2 {
    background: rgba(189, 195, 199, 0.8);
}


/*pomegranate*/ 
.wizard-final.pomegranate .container .formContainer-wapper .formContainer {
    background: rgba(192, 57, 43, 0.8);
}
.wizard-final.pomegranate .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.pomegranate p .highlight{
    background-color: #c0392b;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.pomegranate .container .custom .theme-container-2 {
    background: rgba(192, 57, 43, 0.8);
}


/*pumpkin*/ 
.wizard-final.pumpkin .container .formContainer-wapper .formContainer {
    background: rgba(211, 84, 0, 0.8);
}
.wizard-final.pumpkin .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.pumpkin p .highlight{
    background-color: #d35400;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.pumpkin .container .custom .theme-container-2 {
    background: rgba(211, 84, 0, 0.8);
}


/*orange*/ 
.wizard-final.orange .container .formContainer-wapper .formContainer {
    background: rgba(243, 156, 18, 0.8);
}
.wizard-final.orange .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.orange p .highlight{
    background-color: #f39c12;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.orange .container .custom .theme-container-2 {
    background:rgba(243, 156, 18, 0.8);
}

/*concrete*/ 
.wizard-final.concrete .container .formContainer-wapper .formContainer {
    background: rgba(149, 165, 166, 0.8);
}
.wizard-final.concrete .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.concrete p .highlight{
    background-color: #95a5a6;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.concrete .container .custom .theme-container-2 {
    background: rgba(149, 165, 166, 0.8);
}

/*brown*/ 
.wizard-final.brown .container .formContainer-wapper .formContainer {
    background: rgba(204, 122, 0, 0.8);
}
.wizard-final.brown .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.brown p .highlight{
    background-color: #cc7a00;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.brown .container .custom .theme-container-2 {
    background: rgba(204, 122, 0, 0.8);
}

/*alizarin*/ 
.wizard-final.alizarin .container .formContainer-wapper .formContainer {
    background: rgba(231, 76, 60, 0.8);
}
.wizard-final.alizarin .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.alizarin p .highlight{
    background-color: #e74c3c;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.alizarin .container .custom .theme-container-2 {
    background: rgba(231, 76, 60, 0.8);
}

/*carrot*/ 
.wizard-final.carrot .container .formContainer-wapper .formContainer {
    background: rgba(230, 126, 34, 0.8);
}
.wizard-final.carrot .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.carrot p .highlight{
    background-color: #e67e22;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.carrot .container .custom .theme-container-2 {
    background: rgba(230, 126, 34, 0.8);
}

/*sun-flower*/ 
.wizard-final.sun-flower .container .formContainer-wapper .formContainer {
    background: rgba(241, 196, 15, 0.8);
}
.wizard-final.sun-flower .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.sun-flower p .highlight{
    background-color: #f1c40f;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.sun-flower .container .custom .theme-container-2 {
    background: rgba(241, 196, 15, 0.8);
}


/*midnight-blue*/ 
.wizard-final.midnight-blue .container .formContainer-wapper .formContainer {
    background: rgba(44, 62, 80, 0.8);
}
.wizard-final.midnight-blue .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.midnight-blue p .highlight{
    background-color: #2c3e50;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.midnight-blue .container .custom .theme-container-2 {
    background: rgba(44, 62, 80, 0.8);
}

/*wisteria*/ 
.wizard-final.wisteria .container .formContainer-wapper .formContainer {
    background: rgba(142, 68, 173, 0.8);
}
.wizard-final.wisteria .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.wisteria p .highlight{
    background-color: #8e44ad;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.wisteria .container .custom .theme-container-2 {
    background: rgba(142, 68, 173, 0.8);
}


/*belize-hole*/ 
.wizard-final.belize-hole .container .formContainer-wapper .formContainer {
    background: rgba(41, 128, 185, 0.8);
}
.wizard-final.belize-hole .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.belize-hole p .highlight{
    background-color: #2980b9;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.belize-hole .container .custom .theme-container-2 {
    background: rgba(41, 128, 185, 0.8);
}


/*nephritis*/ 
.wizard-final.nephritis .container .formContainer-wapper .formContainer {
    background: rgba(39, 174, 96, 0.8);
}
.wizard-final.nephritis .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.nephritis p .highlight{
    background-color: #27ae60;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.nephritis .container .custom .theme-container-2 {
    background: rgba(39, 174, 96, 0.8);
}



/*green-sea*/ 
.wizard-final.green-sea .container .formContainer-wapper .formContainer {
    background: rgba(22, 160, 133, 0.8);
}
.wizard-final.green-sea .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.green-sea p .highlight{
    background-color: #16a085;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.green-sea .container .custom .theme-container-2 {
    background:rgba(22, 160, 133, 0.8);
}



/*wet-asphalt*/ 
.wizard-final.wet-asphalt .container .formContainer-wapper .formContainer {
    background: rgba(52, 73, 94, 0.8);
}
.wizard-final.wet-asphalt .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.wet-asphalt p .highlight{
    background-color: #34495e;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.wet-asphalt .container .custom .theme-container-2 {
    background: rgba(52, 73, 94, 0.8);
}


/*amethyst*/ 
.wizard-final.amethyst .container .formContainer-wapper .formContainer {
    background: rgba(155, 89, 182, 0.8);
}
.wizard-final.amethyst .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.amethyst p .highlight{
    background-color: #9b59b6;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.amethyst .container .custom .theme-container-2 {
    background: rgba(155, 89, 182, 0.8);
}

/*peter-river*/ 
.wizard-final.peter-river .container .formContainer-wapper .formContainer {
    background: rgba(52, 152, 219, 0.8);
}
.wizard-final.peter-river .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.peter-river p .highlight{
    background-color: #3498db;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.peter-river .container .custom .theme-container-2 {
    background: rgba(52, 152, 219, 0.8);
}


/*emerland*/ 
.wizard-final.emerland .container .formContainer-wapper .formContainer {
    background: rgba(46, 204, 113, 0.8);
}
.wizard-final.emerland .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.emerland p .highlight{
    background-color: #2ecc71;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.emerland .container .custom .theme-container-2 {
    background: rgba(46, 204, 113, 0.8);
}


/*turquoise*/ 
.wizard-final.turquoise .container .formContainer-wapper .formContainer {
    background: rgba(26, 188, 156, 0.8);
}
.wizard-final.turquoise .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.turquoise p .highlight{
    background-color: #1abc9c;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.turquoise .container .custom .theme-container-2 {
    background: rgba(26, 188, 156, 0.8);
}

/*yellow*/ 
.wizard-final.yellow .container .formContainer-wapper .formContainer {
    background: rgba(246, 200, 21, 0.8);
}
.wizard-final.yellow .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.yellow p .highlight{
    background-color: #f6c815;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.yellow .container .custom .theme-container-2 {
    background: rgba(246, 200, 21, 0.8);
}

/*orange*/ 
.wizard-final.orange .container .formContainer-wapper .formContainer {
    background: rgba(253, 124, 38, 0.8);
}
.wizard-final.orange .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.orange p .highlight{
    background-color: #fd7c26;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.orange .container .custom .theme-container-2 {
    background: rgba(253, 124, 38, 0.8);
}


/*bluesky*/ 
.wizard-final.bluesky .container .formContainer-wapper .formContainer {
    background: rgba(27, 177, 233, 0.8);
}
.wizard-final.bluesky .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.bluesky p .highlight{
    background-color: #1bb1e9;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.bluesky .container .custom .theme-container-2 {
    background: rgba(27, 177, 233, 0.8);
}

/*green*/ 
.wizard-final.green .container .formContainer-wapper .formContainer {
    background: rgba(170, 203, 54, 0.8);
}
.wizard-final.green .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.green p .highlight{
    background-color: #aacb36;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.green .container .custom .theme-container-2 {
    background:rgba(170, 203, 54, 0.8);
}



/*red*/ 
.wizard-final.red .container .formContainer-wapper .formContainer {
    background: rgba(255, 103, 91, 0.8);
}
.wizard-final.red .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.red p .highlight{
    background-color: #ff675b;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.red .container .custom .theme-container-2 {
    background:rgba(255, 103, 91, 0.8);
}

/*purple*/ 
.wizard-final.purple .container .formContainer-wapper .formContainer {
    background: rgba(88, 80, 142, 0.8);
}
.wizard-final.purple .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.purple p .highlight{
    background-color: #58508e;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.purple .container .custom .theme-container-2 {
    background: rgba(88, 80, 142, 0.8);
}

/*darkgray*/ 
.wizard-final.darkgray .container .formContainer-wapper .formContainer {
    background: rgba(85, 85, 85, 0.8);
}
.wizard-final.darkgray .container .formContainer-wapper .formContainer p {
    color: #fff;
}
.wizard-final.darkgray p .highlight{
    background-color: #555555;
    padding: 0 10px;
    line-height: 1.5;
    color: #fff;
}
.wizard-final.darkgray .container .custom .theme-container-2 {
    background: rgba(85, 85, 85, 0.8);
}