body {
    background: #F1F1F1;
    font-family: 'Raleway', sans-serif; font-size: 14px; color: #161616;    
    margin-top: 100px;
}

a, a:hover, a:visited, a:focus {
    color: #FE5000;
    text-decoration: none;
}

h3 { color: #FE5000; }

#footer {
    background-color: rgba(0,0,0,0.7);
    width: 100%; padding: .3em;
    position: fixed; left: 0; bottom: 0;    
    color: #c9c9c9; font-style: italic; text-align: center;
    display: none;
}
    
.panel {
    display: block; width: 100%;
    background-color: transparent;
    /*background-color: #fff; border: 1px solid rgba(49, 49, 49, 0.1); border-radius: 4px;*/
    text-align: center;
}

    .panel .wrapper { 
        padding: 20px; 
    }


/* Preloader
========================================================================== */

.preloader {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 99999;
	background-color: #f9f9f9;
	overflow: hidden;
}

.spinner {
	margin: -40px 0 0 -40px;
	width: 70px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #FE5000;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}

/* Logo
========================================================================== */
.panel.logoPanel {
    width: 100%;
    text-align: center;
}

    .panel.logoPanel img { 
        width: 100%; max-width: 300px;
    }

/* Contact
========================================================================== */
.panel.contactPanel {
    width: 100%; height: 60px; 
    margin-bottom: 20px;
}

    .panel.contactPanel:first-child { 
        margin-bottom: 30px;
    }

    .panel.contactPanel:last-child {
        margin-bottom: 0px; margin-top: 30px;
    }

    .panel.contactPanel .contentBox {
        margin-left: 50px; 
        text-align: left;
    }

    .panel.contactPanel:hover {
        /*background-color: #ddd;
        color: #222222;*/ cursor: pointer;
    }

    .panel.contactPanel a.wrapper { 
        display: block; width: 100%; height: 85px;
        color: #FE5000; border-bottom: 1px solid #ddd; 
    }
    .panel.contactPanel a.wrapper:hover {
        border-bottom-color: #FE5000
    }

        .panel.contactPanel address { 
            margin-bottom: 0;
        }

/* Contact Picture
========================================================================== */
.panel.contactPicturePanel {
    width: 100%; height: 300px;
    text-align: center;
}

    .panel.contactPicturePanel img { 
        max-width: 200px; 
        width: 100%;
    }

/* Social Widgets
========================================================================== */
.widget-social-icon a {
    display: block; float: right; margin-left: 8px; margin-top: 2px;    
    background-color: #fff; border: 1px solid rgba(49, 49, 49, 0.1); border-radius: 4px;
    width: 42px; height: 42px; line-height: 42px;    
    font-size: 15px; font-weight: 400; color: #161616; text-align: center;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .widget-social-icon a:hover {
        background-color: #ffc527;
        color: #222222;
    }

/* Media Queries 
========================================================================== */
@media (max-width: 992px) /* col-xs & col-ms */
{
    body {
        margin-top: 20px;
    }
    #header { 
        height: 20px;
    }
}