h2 {
    color: #6a6a75;
    font-size: 55px;
    font-weight: 300;
    line-height: normal;
    margin: 0px 0px 20px;
    overflow: hidden;
}
h3 {
    color: #56aad5;
    font-size: 30px;
    margin: 40px 0px 20px;
}
p {
    color: #6a6a75;
    font-size: 17px;
    margin-bottom: 28px;
}
.concepts {
    clear: both;
    text-align: center;
}
.concepts h2 {
    margin: 20px 0px 15px;
}
.relation {
    margin: 5px 0px 45px;
    border-top: 3px solid #56aad5;
    border-bottom: 3px solid #235681;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 3px 100%;
    -moz-background-size: 3px 100%;
    background-size: 3px 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #56aad5 0%, #235681 100%), -webkit-linear-gradient(top, #56aad5 0%, #235681 100%);
    background-image: -moz-linear-gradient(top, #56aad5 0%, #235681 100%), -moz-linear-gradient(top, #56aad5 0%, #235681 100%);
    background-image: -o-linear-gradient(top, #56aad5 0%, #235681 100%), -o-linear-gradient(top, #56aad5 0%, #235681 100%);
    background-image: linear-gradient(to bottom, #56aad5 0%, #235681 100%), linear-gradient(to bottom, #56aad5 0%, #235681 100%);
    padding: 40px;   
}
.btnblue { background-color: #57aad6!important;
    border-color: #57aad6!important; }
.relation h3 {
    margin: 0px 0px 15px;
}
.relation p strong {
    font-weight: 900;
}
.prev-next {
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    width: 100%;
}
.prev-next a {
    color: #6a6a75;
    margin: 0px 12px;
    text-transform: uppercase;
}
.prev-next a:hover, .prev-next a:focus {
    color: #56aad5;
    text-decoration: none;
}
.prev-next a img {
    vertical-align: text-bottom;
}
.contact {
    background-color: #f0f0f0;
    padding: 20px 15px 40px;
    margin: 40px 0px 20px;
    text-align: center;
    width: 100%;
}
.contact h2 {
    color: #9999a0;
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    margin: 0px 0px 25px;
}
.contact form {
	max-width: 700px;
    margin: auto;
}
.contact p { margin:0; }
.contact h2 {
    color: #6a6a75;
    font-size: 30px;
    font-weight: 400;
    margin: 0px 0px 25px;
}
.contact .form-group {
    padding: 0px 4px;
}
.contact .form-control, .contact .wpcf7-form-control {
    border: 1px solid #02c7ff;
    border-radius: 4px;
    font-size: 16px;
    padding: 7px 12px;
    min-height: 40px;
	margin-bottom: 15px;
	width:100%;
}
.contact input[type=submit] {
    box-shadow: 0px 20px 15px -15px rgba(0, 0, 0, 0.67);
    text-transform: uppercase;
    max-width: 355px;
    font-size: 17px;
    width: 100%;
}
.contact input[type=submit]:focus {
    box-shadow: 0px 20px 15px -15px rgba(0, 0, 0, 0.67);
}
.btnblue { background-color: #57aad6!important;
    border-color: #57aad6!important; }
	.pull-left {     margin-right: 20px;
    margin-bottom: 20px; }
.graybox { float:right; padding:15px; background-color:#F0F0F0; width:250px; margin-left:40px; margin-bottom:30px; }
.graybox * { color:#6a6a75; }
.graybox li { font-size: 14px; }
.graybox ol, .graybox li { margin-left:8px; padding-left:0; }
.graybox li { margin-bottom:10px; }
.graybox h4 { text-transform:uppercase; }
.nav-tabs { border:0; }
.pager, .pagination { margin:0; }
.pagination { margin-bottom:15px; }
.pager li { margin: 0 5px; }

.nav-tabs ul li {
    background: url("../images/bullet2.png") no-repeat left 5px;
    font-size: 17px;
    margin-bottom: 12px;
    padding-left: 20px;
}
.nav-tabs ul {
	color: #6a6a75;
    list-style: none;
}

.pager li>a.active { text-decoration: none; background-color: #eee; }
.nav-tabs > li > a.btn { display:inline-block; }
.prev-next a { border:0!important; }

/*========================
    MEDIA QUERIE
=========================*/

@media only screen and (max-width: 767px) {
    .concepts h2 { font-size: 40px; }
    .relation .pull-left { float: none !important; }
    .prev-next a { font-size: 15px; margin: 0px 10px; }
    .contact .form-group { padding: 0px 15px; }
    .contact .btn { font-size: 17px !important; max-width: 260px; }
	.pull-left {     margin: auto; float: none!important; display: block; margin-bottom:20px; }
	.graybox { width:100%; }
}