@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata);

html {
    position: relative;
    min-height: 100%;
} body {
    font-weight: 300;
    margin-bottom: 30px;
		font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
} header {
    height: 75px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
} header a {
    color: #a83cfd;
} header a:hover {
    color: #DDCCFF;
} footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    color: #FFF;
    vertical-align: middle;
} footer div small p {
		margin: auto;
		display: inline-block;
} footer .credit {
    width: 39%;
    text-align: left;
    font-family: SpaceAge;
    letter-spacing: .4rem;
} footer .credit a:hover {
    color: #FFF;
} footer .copyright {
    width: 59%;
    text-align: right;
} a {
    color: #6800cd;
} a:hover {
    color: #af4cf0;
    text-decoration: none;
} h2 {
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 1.8rem;
    letter-spacing: 1.8rem;
    padding: 20px;
}

#logo {
    top: 0;
    float: left;
} #logo h3 {
		color: #FFF;
    line-height: 100%;
    font-family: SpaceAge;
    line-height: 2rem;
    letter-spacing: 2.5rem;
    margin: 0px;
    font-size: 24px;
    padding: 10px;
    padding-left: 20px;
    border-radius: 3px;
} #logo h3:hover {
    color: #AAF;
} #logo a:hover {
    color: #AAF;
} #logo a:visited {
    color: unset;
}

.body-back {
    background-image: url(/assets/img/_DSC0427-AI-EXA.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    background-size: contain;
    z-index: -1;
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
} .form-container {
    color: #000;
} .container {
    transition: all 0.2s ease-out;
    margin-left: 4%;
    margin-right: 4%;
    max-width: unset;
} .container.header {
    margin-top: 4%;
} .container.page {
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 4%;
		padding-right: 4%;
} .container.page p {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 20px;
} .container.page p span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.content .title {
    margin-top: 10%;
    position: absolute;
    top: 0;
    width: 100%;
    color: #FFF;
} .content .title h1 {
    transition: all .2s ease-out;
    float: left;
    left: 0;
    width: 100%;
    font-size: 3.2rem;
    padding: 1.2rem;
    margin: 4rem 0 0 0;
    text-align: left;
    padding-left: 6rem;
    text-rendering: optimizeLegibility;
} .content .title h1 + h2 {
    margin: 0rem 0 2rem 0;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Raleway";
    font-weight: 300;
} .content .title h2 {
    transition: all .2s ease-out;
    float: left;
    left: 0;
    right: 0;
    font-size: 2rem;
    width: 100%;
    padding: .4rem;
    padding-left: 6rem;
    text-align: left;
    letter-spacing: unset;
}

.main-content {
    width: 100%;
    font-weight: 100;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-top: 35%;
    padding-top: 0px;
} .main-content h2 {
    width: 100%;
	font-family: "Raleway";
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 1rem;
    padding: 20px;
} .main-content p {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 20px;
} .main-content p span {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.layout-item-3 {
	float:left;
} .layout-item-4 {
	float:left;
} .layout-item-5 {
	float:left;
}

.swd-layout-cell i {
    color: #FFF;
    font-size: 48px;
    float: left;
    margin-right: 20px;
} .swd-layout-cell img {
    float: left;
    margin-right: 20px;
    max-height: 48px;
} .swd-layout-cell p {
    color: #FFF;
    font-size: 12px;
	font-family: "Raleway";
} .swd-layout-cell h1 {
    font-size: 18px;
	font-family: unset;
} .swd-layout-cell a {
    color: #FFF;
} .swd-layout-cell a:hover {
    color: #99F;
} .swd-layout-cell div {
    margin: 12px;
    padding: 12px;
    border-radius: 3px;
} .swd-layout-cell div:hover {
    background-color: rgba(0, 0, 255, 0.9);
}

.swd-layout-cell div.nav_div {
    text-align: center;
    overflow: hidden;
    margin: unset;
    padding: unset;
    width: 100% !important;
    height: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    max-height: 180px;
} .swd-layout-cell img.nav_img {
    transition: all .1s ease-out;
    min-width:100%;
    min-height: 180px;
    margin-right: unset;
} .swd-layout-cell img.nav_img:hover {
    min-width:110%;
    min-height: 200px;
}

.nav-plates {
    margin:unset;
    padding:unset;
    max-width: unset;
}

.swd-layout-cell.nav-plate {
    padding:unset;
    margin:unset;
} .swd-layout-cell.nav-plate h1 {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #FFF;
} .swd-layout-cell.nav-plate p {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #FFF;
} .swd-layout-cell.nav-plate div {
    text-align: center;
    overflow: hidden;
    margin: unset;
    padding: unset;
    width: 100% !important;
    height: auto !important;
    border-radius: unset !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border: unset !important;
    overflow: hidden;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    max-height: 220px;
} .swd-layout-cell.nav-plate img {
    transition: all .1s ease-out;
    min-width:100%;
    min-height: 220px;
    margin-right: unset;
} .swd-layout-cell.nav-plate img:hover {
    min-width:110%;
    min-height: 240px;
}

.cssmenu {
    position: absolute;
    right: 4%;
} .cssmenu a {
    border-radius: 3px;
} .cssmenu a:hover {
    background-color: rgba(0, 0, 255, 0.9);
} .cssmenu ul li {
    display: inline-block;
    position: relative;
    padding: 0px;
} .cssmenu ul li i {
    font-size: 22px;
} .cssmenu ul li a {
    display: block;
    line-height: 1.8em;
    padding: 8px 20px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 200;
    font-size: 8px;
    color: #FFF;
    height: 34px;
} .cssmenu ul li.active a {
    color: #0000ff;
} .cssmenu ul li a:hover {
    color: #AAF;
    background-color: #000;
} .cssmenu ul li img {
    vertical-align: middle;
}


@media screen and (max-width: 1420px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 992px) {
		.layout-item-3 {
				width: 50%;
		} .layout-item-4 {
        width: 50%;
    } .main-content {
				margin-top: 42%;
    } .layout-item-4.nav-block {
				width: 33.33%;
		} .layout-item-4.nav-plate {
				width: 33.33%;
		}
}

@media screen and (max-width: 724px) {
    #logo {
        width: 80%;
    }
}

@media only screen and (max-width: 875px) {
    .cssmenu {
        display: unset;
    } .container {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .main-content {
		margin-top: 50%;
    } .container.header {
        padding-top:10px;
        padding-right: 0;
        padding-left: 0;
    } #logo h3 {
        border-radius: unset;
    } #logo img {
        display: none;
    }

	.layout-item-3 {
		width:100% !important;
	} .layout-item-4 {
		width:100% !important;
	} .layout-item-5 {
		width:100% !important;
	}
}

.fa-linkedin-square {
    color:#55D;
} .fa-google-plus-square {
    color:#F55;
} .fa-github-square {
    color:#F70;
} .fa-twitter-square {
    color:#9BF;
} .fa-facebook-square {
    color:#55F;
} .fa-instagram {
    color:#95F;
} .fa-html5 {
    color:#F70;
} .fa-css3 {
    color:#55F;
}