/* bootstrap override */

.navbar-nav > li > a
{
    padding-top: 25px;
    padding-bottom: 25px;
}

/* cf-custom */

.alignLeft
{
    text-align: left;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

/* about */
#about-sub-wrapper
{
    width: 100%;

    padding-bottom: 10px;

    background: -webkit-linear-gradient(top right, rgba(0,0,0,0.6), rgba(228, 197, 141, 0.6) 10%, rgba(228, 197, 141, 0.6) 90%, rgba(0,0,0,0.6) ); /* safari */
    background: -moz-linear-gradient(top right, rgba(0,0,0,0.6), rgba(228, 197, 141, 0.6) 10%, rgba(228, 197, 141, 0.6) 90%, rgba(0,0,0,0.6) ); /* firefox */
    background: -ms-linear-gradient(top right,  rgba(0,0,0,0.6), rgba(228, 197, 141, 0.6) 10%, rgba(228, 197, 141, 0.6) 90%, rgba(0,0,0,0.6) ); /* IE 10 */ 
    background: -o-linear-gradient(top, #2F2727,  rgba(0,0,0,0.6), rgba(228, 197, 141, 0.6) 10%, rgba(228, 197, 141, 0.6) 90%, rgba(0,0,0,0.6) );  /* Opera 11.10+ */ 

}

#about-sub-wrapper .section-heading h2
{
    text-align: left;
    color: #fff;
}

/* contact */
.heading-contact .section-heading h2
{
    margin: 0 0 15px;
    padding-bottom: 5px;
    color: #fff;
    text-align: left;
}

.boxed-contact-us
{
    border-radius: 10px;
	background: rgba(249,249,249, 0.6); /* #f9f9f9; */
	padding: 20px;
}

.boxed-our-email
{
    margin-top: 15px;
    border-radius: 10px;

	padding: 8px 20px 8px 20px;
    height: 40px;

    text-align: center;
    font-weight: bold;

    background: -webkit-linear-gradient(top right, rgba(0,0,0,0.6), rgba(238, 250, 241, 0.6) 10%, rgba(238, 250, 241, 0.6) 90%, rgba(0,0,0,0.6) ); /* safari */
    background: -moz-linear-gradient(top right, rgba(0,0,0,0.6), rgba(238, 250, 241, 0.6) 10%, rgba(238, 250, 241, 0.6) 90%, rgba(0,0,0,0.6) ); /* firefox */
    background: -ms-linear-gradient(top right,  rgba(0,0,0,0.6), rgba(238, 250, 241, 0.6) 10%, rgba(238, 250, 241, 0.6) 90%, rgba(0,0,0,0.6) ); /* IE 10 */ 
    background: -o-linear-gradient(top, #2F2727,  rgba(0,0,0,0.6), rgba(238, 250, 241, 0.6) 10%, rgba(238, 250, 241, 0.6) 90%, rgba(0,0,0,0.6) );  /* Opera 11.10+ */ 
}

.boxed-our-email a
{
    color: #000055;
}

.boxed-our-email a:hover
{
    color: #7A1819;
}


/* ---------------------------------------------------------------------------------------  */
/* Message Boxes                                                                            */
/* ---------------------------------------------------------------------------------------  */
#messageBox
{
    display: none;
    position: fixed;
}

.errorMessagePopup
{
    border: 2px solid #ff0000;
    border-radius: 10px;
    padding-left: 20px;

    width: 75%;
    text-align: left;

    color: #fff;
    background: -webkit-linear-gradient(top right, rgba(0,0,0,0.6), rgba(238, 0, 0, 0.8) 10%, rgba(238, 0, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* safari */
    background: -moz-linear-gradient(top right, rgba(0,0,0,0.6), rgba(238, 0, 0, 0.8) 10%, rgba(238, 0, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* firefox */
    background: -ms-linear-gradient(top right,  rgba(0,0,0,0.6), rgba(238, 0, 0, 0.8) 10%, rgba(238, 0, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* IE 10 */ 
    background: -o-linear-gradient(top, #2F2727,  rgba(0,0,0,0.6), rgba(238, 0, 0, 0.8) 10%, rgba(238, 0, 0, 0.8) 90%, rgba(0,0,0,0.6) );  /* Opera 11.10+ */ 
}

.errorMessagePopup h1,
.successMessagePopup h1
{
    margin-top: 5px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
}

.successMessagePopup
{
    border: 2px solid #00ff00;
    border-radius: 10px;
    padding-left: 20px;

    width: 75%;
    text-align: left;

    color: #fff;
    background: -webkit-linear-gradient(top right, rgba(0,0,0,0.6), rgba(0, 238, 0, 0.8) 10%, rgba(0, 238, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* safari */
    background: -moz-linear-gradient(top right, rgba(0,0,0,0.6), rgba(0, 238, 0, 0.8) 10%, rgba(0, 238, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* firefox */
    background: -ms-linear-gradient(top right,  rgba(0,0,0,0.6), rgba(0, 238, 0, 0.8) 10%, rgba(0, 238, 0, 0.8) 90%, rgba(0,0,0,0.6) ); /* IE 10 */ 
    background: -o-linear-gradient(top, #2F2727,  rgba(0,0,0,0.6), rgba(0, 238, 0, 0.8) 10%, rgba(0, 238, 0, 0.8) 90%, rgba(0,0,0,0.6) );  /* Opera 11.10+ */ 
}


/* -----------------------------------------------------------------------------------------------------*/
/* Ajax Loading Icon - used example from http://www.sitepoint.com/css3-ajax-loading-icon/  and modified */
/* -----------------------------------------------------------------------------------------------------*/

.ajaxLoader
{
	position: fixed;
    left: 50%;
    right: 50%;
    top: 50%;
	width: 100px;
	height: 100px;
    margin-left: -50px;
    margin-top: -50px;
	border: 15px solid #8f8f8f;
	border-right-color: transparent;  
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #eee;
    animation: spin 1s linear infinite;
    display:none;
    z-index: 1;
}

@keyframes spin
{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}