@font-face {
    font-family: 'Quebec-Serial';
    src: url("../fonts/Quebec-Serial-Regular.eot");
    src: url("../fonts/Quebec-Serial-Regular.eot") format("embedded-opentype"), 
	url("../fonts/Quebec-Serial-Regular.ttf") format("truetype"), 
	url("../fonts/Quebec-Serial-Regular.woff") format("woff"), 
	url("../fonts/Quebec-Serial-Regular.svg") format("svg");
}

body {
    font-family: "Source Sans Pro",Arial,sans-serif
}

h1,h2,h3 {
    font-family: 'Quebec-Serial',Arial,sans-serif;
}

.default-form label {
	font-family: 'Quebec-Serial',Arial,sans-serif;
}

.c-tabs .tab-list > li {
	font-family: "Source Sans Pro",Arial,sans-serif;
}

.c-button {
	font-family: "Source Sans Pro",Arial,sans-serif;
}

.fadeInBlock {
    opacity:0;
}

#header {
	z-index: 1000;
}

#top-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 999;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    display: none;
}


.page-title-top {
	color:#fff;
	background-color:#1f1351;
	background-image:url("../images/header-bg.jpg")
}

.page-title-top-inner:before {
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(31,19,81,0.95)));
	background-image:-webkit-linear-gradient(top, transparent, rgba(31,19,81,0.95));
	background-image:-moz-linear-gradient(top, transparent, rgba(31,19,81,0.95));
	background-image:-o-linear-gradient(top, transparent, rgba(31,19,81,0.95));
	background-image:linear-gradient(to bottom, transparent,rgba(31,19,81,0.95))
}

.footer-inner {
    background-color: #1f1351;
    background-color: rgba(31,19,81,0.95);
}

.c-service.m-type-2 .service-description {
    color: #FFF;
    background-color: #1f1351;
    background-color: rgba(31,19,81,0.95);
}

.default-form textarea {
    height: 242px;
}



.tab-icon {
	font-size: 60px;
	color: #1f1351;
}

/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( min-width: 1199px ) {

		.c-tabs {
			height: 170px;
		}

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( min-width: 991px ) {

		.c-tabs {
			height: 200px;
		}

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( min-width: 767px ) {

		.c-tabs {
			height: 240px;
		}
	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}