/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Muli|Questrial');

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

body {
	font-family: 'Muli', sans-serif;
}
.header{
    background:  url("../img/hero5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 }
.jumbotron{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_laptop.jpg");
	/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-bottom: 0px;
	height: 450px;
}
.jumbotron .container{
	width:95%;
}
.jumbotron h1{
	margin-top: 0px;
	font-size: 4.5em;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	padding-bottom: 0em;
	text-transform: uppercase;
	line-height: 1.2em;
}
.jumbotron .col-md-8 {
	padding-top: 120px;
	padding-left: 120px;
	/*background-color: rgba(228,228,228,0.6);*/
}
.jumbotron .col-md-8 p{
	font-size: 2em;
	width: 80%;
	color: #ffffff;
}
.jumbotron .col-md-4 {
	margin-top: 120px;
	padding-left: 50px;
}
.jumbotron .col-md-4 img{
	width: 100%;
}
.jumbotron .col-md-4 p{
	font-size: 1.5em;
	width: 90%;
}
.jumbotron .btn-primary{
	margin-top: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #ffffff;
}
.jumbotron .btn-primary:hover{
	background-color: transparent;
}
.navbar-nav{
	background-color: transparent;
}
.navbar-left{
	margin-top: 15px;
	margin-left: 120px;
}
.navbar-default{
	background-image: linear-gradient(to top left,#0084e7,#00407f);
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
}
.navbar-default .container{
	width: 83%;
}
.navbar-collapse .navbar-left>li>a{
	margin-right: 35px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #b3d4ed;
	font-size: 1.2em;
}
.navbar-collapse .navbar-left>li>a:hover, .navbar-default .navbar-nav > li > a:focus{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	transition: color 300ms ease-out
}
.navbar-collapse .navbar-left>li>a:active{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.navbar-collapse .navbar-left>li:last-of-type:hover a{
	color: #ffffff;
	border: none;
	transition: color 300ms ease-out
}
.navbar-brand {
    height: 70px;
    margin-top: 5px;
    padding: 5px 5px;
}
.navbar-brand img{
	height: 90%;
}
.navbar-brand:focus{
	outline: none;
}
footer{
	width: 100%;
	min-height: 350px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	background: #A1A1A1;
}
footer p{
	color: #fefefe;
}
#copyright{
	width: 100%;
	min-height: 30px;
	background: #000000;
}
#copyright p{
	width: 100%;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
	color: #fefefe;
}
footer .row{
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
footer .col-md-4 .contact{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #2185ca;
}
.footerlinks{
    width: 50%;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-left: 5px;
    font-size: 1.2em;
}
footer .col-md-4 img{
    width: 325px;
    height: 70px;
    margin-top: 15px;
}
footer .col-md-4 p{
    font-size: 1.2em;
    color: #fefefe;
}
footer .col-md-4 a{
    font-size: 1em;
    color: #ffffff;
}
footer .fa-envelope{
	color: #2185ca;
}
footer .fa-phone{
	color: #2185ca;
}
.footerlinks > a{
    color: #fefefe;
    transition: color 300ms ease-out;
}
.footerlinks > a:hover{
    text-decoration: none;
    color: #000000;
    transition: color 300ms ease-out;
}
footer .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #626262;
}
footer .col-md-4 a:nth-child(1){
	color: #ffffff;
}
footer .btn-primary:hover{
	background-color: #2B94DC;
}
/*Back to top arrow*/
.ScrollTop{
    z-index: 99;
    display:none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: transparent;
    color: #03426C;
    border: 2px solid #03426C;
    padding: 9px 15px;
    border-radius: 0%;
    cursor: pointer;
}
.ScrollTop:hover{
    background: #e9e9e9;
    color:  #56B8FA;
}
.main_article{
    background-color: #ffffff;
    color: #ffffff;
    /*background-image: linear-gradient(180deg,#b0b8bc,#37445f);*/
    color: #444444;
    text-align: center;
    font-weight: 300;
    padding-top: 95px;
}
.main_article .row{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.main_article h1{
	width: 80%;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 600;
	color: #000000;
	margin-top: 35px;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.main_article h2{
	font-size: 2.5em;
	line-height: 1.3em;
	color: #767676;
	width: 85%;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}
.main_article h3{
	color: #4f5d6c;
	width: 80%;
	font-size: 1.8em;
	line-height: 1.4em;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
	text-align: left;
}
.main_article p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #626262;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	text-align: left;
}
.main_article ul{
	width: 80%;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    list-style: none;
    border: 1px solid #c4c4c4;
}
/*.main_article li:before {
	content: '\2022\00a0\00a0'; color: #0084e7;
}*/

.main_article li{
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 35px;
	color: #000000;
}
#container_introduction h2{
	font-size: 2.5em;
    margin-bottom: 50px;
}
#container_introduction h3{
	color: #000000;
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
#container_introduction{
    /*background-color: #0084e7;
    color: #ffffff;*/
    background-color: #ebeff6;
    color: #878787;
    text-align: center;
    font-weight: 300;
    margin-bottom: 100px;
    padding-top: 35px;
    padding-bottom: 100px;
}
#container_introduction h1{
	font-size: 3.5em;
	font-weight: 600;
	margin-top: 35px;
    margin-bottom: 60px;
}
#container_introduction .col-md-6{

}
#container_introduction .col-md-6{

}
#container_introduction h2{
    margin-bottom: 20px;
}
#container_introduction h3{
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
.assessment_introduction{
	min-height: 200px;
	width: 90%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ffffff;
    text-align: left;
    list-style-type: none;
    border: solid 1px #efefef;
    box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);
}
.assessment_icon{
	float: left;
	width: 20%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#container_introduction p{
	width: 85%;
	margin-top: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: left;
    color: #626262;
}
#container_introduction h4{
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.7em;
    line-height: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #000000;
}
#container_introduction a{
    text-decoration: none;
}
#container_introduction > a:hover{
    text-decoration: none;
}
#container_introduction .col-md-12 {
    border:none;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.note{
	width:95%;
	font-size: 0.8em;
	margin-top: 20px;
	margin-left: 30px;
    text-align: left;
    text-align: left;
    color: #626262;
}
.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-laptop, .col-md-2 .fa-file{
	color:  #48bfe8;
	font-size: 8em;
}
.steps{
	height: 250px;
	background-color: #3291a4;
}
.statement_intro .col-md-3:nth-child(odd) .steps{
	background-color: #a7a7a7;
}
.steps h2{
	font-size: 3em;
	height: auto;
	background-color: #e8910e;
	border-bottom: 4px solid #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}
.statement_intro .col-md-3:nth-child(even) .steps h2{
	background-color: #5dacc8;
}
.statement_intro .col-md-3:nth-child(4) .steps h3{
	padding-top: 40px;
}
.statement_intro .col-md-3:nth-child(5) .steps h3{
	padding-top: 40px;
}
.steps h3{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 10px;
}
.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 50px;

}
.container-fluid:nth-child(2){
	background: #f9f8fc;
}
.container{
	margin-bottom: 10px;
}
.container:first-child{
	margin-bottom: 0px;
}
.row:nth-child(2){
	width: 100%;
	margin-bottom: 0px;
}
#webapp{
	margin-top: 35px;
	margin-bottom: 65px;
	padding-top: 35px;
}
#webapp h2{
	width: 80%;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 2em;
	line-height: 1.4em;
	text-align: left;
	color: #000000;
}
#webapp2{
	padding-top: 35px;
	background: #ffffff;
}
.col-md-12{
	margin-bottom: 55px;
}
.col-md-2{
	margin-bottom: 50px;
	padding: 20px;
    border: 3px solid #48bfe8;
    text-align: center;
}
.col-md-3{
	margin-top: 50px;
}
.col-md-10{
	margin-bottom: 30px;
	padding-left: 35px;
}
.col-md-10:first-child{
	margin-top: 50px;
}
.col-md-10 p {
	font-size: 1.6em;
    line-height: 1.7em;
    color: #333;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px;
    text-align: left;
}
#instruments{
	margin-bottom: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#instruments .container{
	width: 100%
}
.col-md-3 h2{
		font-size: 2.5em;
    line-height: 1.3em;
    color: #767676;
    width: 85%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}
.col-md-3 h3{
		font-size: 1.5em;
		font-weight: 600;
    line-height: 1.3em;
    color: #000000;
    width: 90%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
.col-md-3 p{
	font-size: 1.2em;
    line-height: 1.3em;
    color: #000000;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
    text-align: left;
}
.col-md-3 img{
	width: 100%;
}
.tests{
	width: 100%;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #cecece;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
hr{
  border: 0;
  height: 2px;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 30px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #e53321, #ccc);
}
.modal-dialog{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.modal-dialog .container{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.modal-dialog .row{
	width: auto;
}
.modal-dialog .col-md-12{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #f7fcfd;
	margin-bottom: 0px;
}
.modal-header{
	background: #f7fcfd;
	border: none;
}
.modal-body{
	background: #f7fcfd;
}
.modal-body .container{
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:0;
}
.modal-footer{
	background: #f7fcfd;
	border: none;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-dialog .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #e53321;
	font-size: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}

.modal-dialog .btn-secondary{
	margin: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.9em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary:hover{
	background-color: #2B94DC;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}/*@media screen and (min-width : 1601px)*/

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

body {
	font-family: 'Muli', sans-serif;
}
.header{
    background:  url("../img/hero5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 }
.jumbotron{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_laptop.jpg");
	/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-bottom: 0px;
	height: 350px;
}
.jumbotron .container{
	width:95%;
}
.jumbotron h1{
	margin-top: 0px;
	font-size: 4vw;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	padding-bottom: 0em;
	text-transform: uppercase;
	line-height: 4.2vw;
	letter-spacing: 0.05vw;
}
.jumbotron .col-md-8 {
	padding-top: 90px;
	padding-left: 80px;
	/*background-color: rgba(228,228,228,0.6);*/
}
.jumbotron .col-md-8 p{
	font-size: 2vw;
	width: 80%;
	color: #ffffff;
}
.jumbotron .col-md-4 {
	margin-top: 120px;
	padding-left: 50px;
}
.jumbotron .col-md-4 img{
	width: 100%;
}
.jumbotron .col-md-4 p{
	font-size: 1.5em;
	width: 90%;
}
.jumbotron .btn-primary{
	margin-top: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #ffffff;
}
.jumbotron .btn-primary:hover{
	background-color: transparent;
}
.navbar-nav{
	background-color: transparent;
}
.navbar-left{
	margin-top: 15px;
	margin-left: 120px;
}
.navbar-default{
	background-image: linear-gradient(to top left,#0084e7,#00407f);
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
}
.navbar-default .container{
	width: 83%;
}
.navbar-collapse .navbar-left>li>a{
	margin-right: 35px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #b3d4ed;
	font-size: 1.2em;
}
.navbar-collapse .navbar-left>li>a:hover, .navbar-default .navbar-nav > li > a:focus{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	transition: color 300ms ease-out
}
.navbar-collapse .navbar-left>li>a:active{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.navbar-collapse .navbar-left>li:last-of-type:hover a{
	color: #ffffff;
	border: none;
	transition: color 300ms ease-out
}
.navbar-brand {
    height: 70px;
    margin-top: 5px;
    padding: 5px 5px;
}
.navbar-brand img{
	height: 90%;
}
.navbar-brand:focus{
	outline: none;
}
footer{
	width: 100%;
	min-height: 350px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	background: #A1A1A1;
}
footer p{
	color: #fefefe;
}
#copyright{
	width: 100%;
	min-height: 30px;
	background: #000000;
}
#copyright p{
	width: 100%;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
	color: #fefefe;
}
footer .row{
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
footer .col-md-4 .contact{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #2185ca;
}
.footerlinks{
    width: 50%;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-left: 5px;
    font-size: 1.2em;
}
footer .col-md-4 img{
    width: 325px;
    height: 70px;
    margin-top: 15px;
}
footer .col-md-4 p{
    font-size: 1.2em;
    color: #fefefe;
}
footer .col-md-4 a{
    font-size: 1em;
    color: #ffffff;
}
footer .fa-envelope{
	color: #2185ca;
}
footer .fa-phone{
	color: #2185ca;
}
.footerlinks > a{
    color: #fefefe;
    transition: color 300ms ease-out;
}
.footerlinks > a:hover{
    text-decoration: none;
    color: #000000;
    transition: color 300ms ease-out;
}
footer .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #626262;
}
footer .col-md-4 a:nth-child(1){
	color: #ffffff;
}
footer .btn-primary:hover{
	background-color: #2B94DC;
}
/*Back to top arrow*/
.ScrollTop{
    z-index: 99;
    display:none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: transparent;
    color: #03426C;
    border: 2px solid #03426C;
    padding: 9px 15px;
    border-radius: 0%;
    cursor: pointer;
}
.ScrollTop:hover{
    background: #e9e9e9;
    color:  #56B8FA;
}
.main_article{
    background-color: #ffffff;
    color: #ffffff;
    /*background-image: linear-gradient(180deg,#b0b8bc,#37445f);*/
    color: #444444;
    text-align: center;
    font-weight: 300;
    padding-top: 25px;
}
.main_article .row{
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
.main_article h1{
	width: 80%;
	font-size: 2.5em;
	line-height: 1.1em;
	font-weight: 600;
	color: #000000;
	margin-top: 35px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.main_article h2{
	font-size: 2.5em;
	line-height: 1.3em;
	color: #767676;
	width: 85%;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}
.main_article h3{
	color: #4f5d6c;
	width: 80%;
	font-size: 1.6em;
	line-height: 1.3em;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 45px;
	margin-left: auto;
	text-align: left;
}
.main_article p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #626262;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	text-align: left;
}
.main_article ul{
	width: 80%;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    list-style: none;
    border: 1px solid #c4c4c4;
}
/*.main_article li:before {
	content: '\2022\00a0\00a0'; color: #0084e7;
}*/

.main_article li{
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 35px;
	color: #000000;
}
#container_introduction h2{
	font-size: 2.5em;
    margin-bottom: 50px;
}
#container_introduction h3{
	color: #000000;
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
#container_introduction{
    /*background-color: #0084e7;
    color: #ffffff;*/
    background-color: #ebeff6;
    color: #878787;
    text-align: center;
    font-weight: 300;
    margin-bottom: 100px;
    padding-top: 35px;
    padding-bottom: 100px;
}
#container_introduction h1{
	font-size: 3.5em;
	font-weight: 600;
	margin-top: 35px;
    margin-bottom: 60px;
}
#container_introduction .col-md-6{

}
#container_introduction .col-md-6{

}
#container_introduction h2{
    margin-bottom: 20px;
}
#container_introduction h3{
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
.assessment_introduction{
	min-height: 200px;
	width: 90%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ffffff;
    text-align: left;
    list-style-type: none;
    border: solid 1px #efefef;
    box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);
}
.assessment_icon{
	float: left;
	width: 20%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#container_introduction p{
	width: 85%;
	margin-top: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: left;
    color: #626262;
}
#container_introduction h4{
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.7em;
    line-height: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #000000;
}
#container_introduction a{
    text-decoration: none;
}
#container_introduction > a:hover{
    text-decoration: none;
}
#container_introduction .col-md-12 {
    border:none;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.note{
	width:95%;
	font-size: 0.8em;
	margin-top: 20px;
	margin-left: 30px;
    text-align: left;
    text-align: left;
    color: #626262;
}
.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-laptop, .col-md-2 .fa-file{
	color:  #48bfe8;
	font-size: 6em;
}
.steps{
	height: 250px;
	background-color: #3291a4;
}
.statement_intro .col-md-3:nth-child(odd) .steps{
	background-color: #a7a7a7;
}
.steps h2{
	font-size: 3em;
	height: auto;
	background-color: #e8910e;
	border-bottom: 4px solid #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}
.statement_intro .col-md-3:nth-child(even) .steps h2{
	background-color: #5dacc8;
}
.statement_intro .col-md-3:nth-child(4) .steps h3{
	padding-top: 40px;
}
.statement_intro .col-md-3:nth-child(5) .steps h3{
	padding-top: 40px;
}
.steps h3{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 10px;
}
.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;

}
.container-fluid:nth-child(2){
	background: #f9f8fc;
}
.container{
	margin-bottom: 10px;
}
.container:first-child{
	margin-bottom: 0px;
}
.row:nth-child(2){
	width: 100%;
	margin-bottom: 0px;
}
#webapp{
	margin-top: 0px;
	margin-bottom: 65px;
	padding-top: 35px;
}
#webapp h2{
	width: 80%;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 2em;
	line-height: 1.4em;
	text-align: left;
	color: #000000;
}
#webapp2{
	padding-top: 35px;
	background: #ffffff;
}
.col-md-12{
	margin-bottom: 55px;
}
.col-md-2{
	margin-bottom: 30px;
	padding: 35px 0px;
    border: 3px solid #48bfe8;
    text-align: center;
}
.col-md-3{
	margin-top: 30px;
	padding-right: 0px;
	padding-left: 20px;
}
.container .col-md-3:nth-child(3){
	padding-left: 0px;
}
.col-md-10{
	margin-bottom: 30px;
	padding-left: 35px;
}
.col-md-10:first-child{
	margin-top: 50px;
}
.col-md-10 p {
	font-size: 1.6em;
    line-height: 1.7em;
    color: #333;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    text-align: left;
}
#instruments{
	margin-bottom: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#instruments .container{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
.col-md-3 h2{
	font-size: 2.5em;
    line-height: 1.3em;
    color: #767676;
    width: 85%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}
.col-md-3 h3{
		font-size: 1.4em;
		font-weight: 600;
    line-height: 1.2em;
    color: #000000;
    width: 90%;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
}
.col-md-3 p{
	font-size: 1.2em;
    line-height: 1.3em;
    color: #000000;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: left;
}
.col-md-3 img{
	width: 100%;
}
.tests{
	width: 100%;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #cecece;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
hr{
  border: 0;
  height: 2px;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 30px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #e53321, #ccc);
}
.modal-dialog{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.modal-title{
	font-size: 2em;
	margin-bottom: 0px;
}
p.lead{
	font-size: 1.3em;
	margin-bottom: 0px;
}
.modal-dialog .container{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.modal-dialog .row{
	width: auto;
}
.modal-dialog .col-md-12{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #f7fcfd;
	margin-bottom: 0px;
}
.modal-header{
	background: #f7fcfd;
	border: none;
}
.modal-body{
	background: #f7fcfd;
	padding-bottom: 0px;
}
.modal-body .container{
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:0;
}
.modal-footer{
	background: #f7fcfd;
	border: none;
	padding-top: 0px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-dialog .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #e53321;
	font-size: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary{
	margin: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.9em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary:hover{
	background-color: #2B94DC;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}/*@media screen and (min-width : 1200px) and (max-width : 1600px)*/

 @media screen and (min-width : 992px) and (max-width : 1199px){

body {
	font-family: 'Muli', sans-serif;
}
.header{
    background:  url("../img/hero5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 }
.jumbotron{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_laptop_medium.jpg");
	/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;s
	background-position: top center;
	margin-bottom: 0px;
	height: 300px;
}
.jumbotron .container{
	width:95%;
}
.jumbotron h1{
	margin-top: 0px;
	font-size: 4vw;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	padding-bottom: 0em;
	text-transform: uppercase;
	line-height: 4.2vw;
	letter-spacing: 0.05vw;
}
.jumbotron .col-md-8 {
	padding-top: 100px;
	padding-left: 40px;
	/*background-color: rgba(228,228,228,0.6);*/
}
.jumbotron .col-md-8 p{
	font-size: 2vw;
	width: 80%;
	color: #ffffff;
}
.jumbotron .col-md-4 {
	margin-top: 120px;
	padding-left: 50px;
}
.jumbotron .col-md-4 img{
	width: 100%;
}
.jumbotron .col-md-4 p{
	font-size: 1.5em;
	width: 90%;
}
.jumbotron .btn-primary{
	margin-top: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #ffffff;
}
.jumbotron .btn-primary:hover{
	background-color: transparent;
}
.navbar-nav{
	background-color: transparent;
}
.navbar-left{
	margin-top: 15px;
	margin-left: 80px;
}
.navbar-default{
	background-image: linear-gradient(to top left,#0084e7,#00407f);
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
}
.navbar-default .container{
	width: 90%;
}
.navbar-collapse .navbar-left>li>a{
	margin-right: 30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #b3d4ed;
	font-size: 1.1em;
}
.navbar-collapse .navbar-left>li>a:hover, .navbar-default .navbar-nav > li > a:focus{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	transition: color 300ms ease-out
}
.navbar-collapse .navbar-left>li>a:active{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.navbar-collapse .navbar-left>li:last-of-type:hover a{
	color: #ffffff;
	border: none;
	transition: color 300ms ease-out
}
.navbar-brand {
    height: 70px;
    margin-top: 5px;
    padding: 5px 5px;
}
.navbar-brand img{
	height: 90%;
}
.navbar-brand:focus{
	outline: none;
}
footer{
	width: 100%;
	min-height: 350px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	background: #A1A1A1;
}
footer p{
	color: #fefefe;
}
#copyright{
	width: 100%;
	min-height: 30px;
	background: #000000;
}
#copyright p{
	width: 100%;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
	color: #fefefe;
}
footer .row{
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
footer .col-md-4 .contact{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #2185ca;
}
.footerlinks{
    width: 50%;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-left: 5px;
    font-size: 1.2em;
}
footer .col-md-4 img{
    width: 325px;
    height: 70px;
    margin-top: 15px;
}
footer .col-md-4 p{
    font-size: 1.2em;
    color: #fefefe;
}
footer .col-md-4 a{
    font-size: 1em;
    color: #ffffff;
}
footer .fa-envelope{
	color: #2185ca;
}
footer .fa-phone{
	color: #2185ca;
}
.footerlinks > a{
    color: #fefefe;
    transition: color 300ms ease-out;
}
.footerlinks > a:hover{
    text-decoration: none;
    color: #000000;
    transition: color 300ms ease-out;
}
footer .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #626262;
}
footer .col-md-4 a:nth-child(1){
	color: #ffffff;
}
footer .btn-primary:hover{
	background-color: #2B94DC;
}
/*Back to top arrow*/
.ScrollTop{
    z-index: 99;
    display:none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: transparent;
    color: #03426C;
    border: 2px solid #03426C;
    padding: 9px 15px;
    border-radius: 0%;
    cursor: pointer;
}
.ScrollTop:hover{
    background: #e9e9e9;
    color:  #56B8FA;
}
.main_article{
    background-color: #ffffff;
    color: #ffffff;
    /*background-image: linear-gradient(180deg,#b0b8bc,#37445f);*/
    color: #444444;
    text-align: center;
    font-weight: 300;
    padding-top: 25px;
}
.main_article .row{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.main_article h1{
	width: 80%;
	font-size: 2.1em;
	line-height: 1em;
	font-weight: 600;
	color: #000000;
	margin-top: 0px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
.main_article h2{
	font-size: 2.5em;
	line-height: 1.3em;
	color: #767676;
	width: 85%;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}
.main_article h3{
	color: #4f5d6c;
	width: 80%;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	text-align: left;
}
.main_article p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #626262;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	text-align: left;
}
.main_article ul{
	width: 80%;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    list-style: none;
    border: 1px solid #c4c4c4;
}
/*.main_article li:before {
	content: '\2022\00a0\00a0'; color: #0084e7;
}*/

.main_article li{
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 35px;
	color: #000000;
}
#container_introduction h2{
	font-size: 2.5em;
    margin-bottom: 50px;
}
#container_introduction h3{
	color: #000000;
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
#container_introduction{
    /*background-color: #0084e7;
    color: #ffffff;*/
    background-color: #ebeff6;
    color: #878787;
    text-align: center;
    font-weight: 300;
    margin-bottom: 100px;
    padding-top: 35px;
    padding-bottom: 100px;
}
#container_introduction h1{
	font-size: 3.5em;
	font-weight: 600;
	margin-top: 35px;
    margin-bottom: 60px;
}
#container_introduction .col-md-6{

}
#container_introduction .col-md-6{

}
#container_introduction h2{
    margin-bottom: 20px;
}
#container_introduction h3{
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
.assessment_introduction{
	min-height: 200px;
	width: 90%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ffffff;
    text-align: left;
    list-style-type: none;
    border: solid 1px #efefef;
    box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);
}
.assessment_icon{
	float: left;
	width: 20%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#container_introduction p{
	width: 85%;
	margin-top: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: left;
    color: #626262;
}
#container_introduction h4{
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.7em;
    line-height: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #000000;
}
#container_introduction a{
    text-decoration: none;
}
#container_introduction > a:hover{
    text-decoration: none;
}
#container_introduction .col-md-12 {
    border:none;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.note{
	width:95%;
	font-size: 0.8em;
	margin-top: 20px;
	margin-left: 30px;
    text-align: left;
    text-align: left;
    color: #626262;
}
.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-laptop, .col-md-2 .fa-file{
	color:  #48bfe8;
	font-size: 5em;
}
.steps{
	height: 250px;
	background-color: #3291a4;
}
.statement_intro .col-md-3:nth-child(odd) .steps{
	background-color: #a7a7a7;
}
.steps h2{
	font-size: 3em;
	height: auto;
	background-color: #e8910e;
	border-bottom: 4px solid #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}
.statement_intro .col-md-3:nth-child(even) .steps h2{
	background-color: #5dacc8;
}
.statement_intro .col-md-3:nth-child(4) .steps h3{
	padding-top: 40px;
}
.statement_intro .col-md-3:nth-child(5) .steps h3{
	padding-top: 40px;
}
.steps h3{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 10px;
}
.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 25px;

}
.container-fluid:nth-child(2){
	background: #f9f8fc;
}
.container{
	margin-bottom: 10px;
}
.container:first-child{
	margin-bottom: 0px;
}
.row:nth-child(2){
	width: 100%;
	margin-bottom: 0px;
}
#webapp{
	margin-top: 35px;
	margin-bottom: 65px;
	padding-top: 35px;
}
#webapp h2{
	width: 80%;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 1.8em;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
}
#webapp2{
	padding-top: 35px;
	background: #ffffff;
}
.col-md-12{
	margin-bottom: 55px;
}
.col-md-2{
	margin-bottom: 15px;
	padding: 25px 0px;
    border: 3px solid #48bfe8;
    text-align: center;
}
.col-md-3{
	margin-top: 30px;
	padding-right: 0px;
	padding-left: 20px;
}
.col-md-10{
	margin-bottom: 30px;
	padding-left: 35px;
}
.col-md-10:first-child{
	margin-top: 50px;
}
.col-md-10 p {
	font-size: 1.4;
    line-height: 1.5em;
    color: #333;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    text-align: left;
}
#instruments{
	margin-bottom: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#instruments .container{
	width: 100%;
	margin-left: -10px;
	padding-right: 0px;
	padding-left: 0px;
}
.col-md-3 h2{
	font-size: 2.5em;
    line-height: 1.3em;
    color: #767676;
    width: 85%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}
.col-md-3 h3{
	  font-size: 1.3em;
		font-weight: 600;
    line-height: 1em;
    color: #000000;
    width: 95%;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
}
.col-md-3 p{
	font-size: 1.1em;
    line-height: 1.2em;
    color: #000000;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: left;
}
.col-md-3 img{
	width: 100%;
}
.tests{
	width: 100%;
	height: 360px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e7e7e7;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
hr{
  border: 0;
  height: 2px;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 30px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #e53321, #ccc);
}
.modal-dialog{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.modal-title{
	font-size: 2em;
	margin-bottom: 0px;
}
p.lead{
	font-size: 1.3em;
	margin-bottom: 0px;
}
.modal-dialog .container{
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.modal-dialog .row{
	width: auto;
}
.modal-dialog .col-md-12{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #f7fcfd;
	margin-bottom: 0px;
}
.modal-header{
	background: #f7fcfd;
	border: none;
}
.modal-body{
	background: #f7fcfd;
	padding-bottom: 0px;
}
.modal-body .container{
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:0;
    padding-left:0;
}
.modal-footer{
	background: #f7fcfd;
	border: none;
	padding-top: 0px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-dialog .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #e53321;
	font-size: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary{
	margin: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.9em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary:hover{
	background-color: #2B94DC;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}/* @media screen and (min-width : 992px) and (max-width : 1199px)*/

/* Small size Tablet/Device*/
@media screen and (min-width : 600px) and (max-width : 991px){

body {
	font-family: 'Muli', sans-serif;
}
.header{
    background:  url("../img/hero5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 }
.jumbotron{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_laptop_small.jpg");
	/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;s
	background-position: top center;
	margin-bottom: 0px;
	height: 250px;
}
.jumbotron .container{
	width:95%;
}
.jumbotron h1{
	margin-top: 0px;
	font-size: 4vw;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	padding-bottom: 0em;
	text-transform: uppercase;
	line-height: 4.2vw;
	letter-spacing: 0.05vw;
}
.jumbotron .col-md-8 {
	padding-top: 80px;
	padding-left: 20px;
	/*background-color: rgba(228,228,228,0.6);*/
}
.jumbotron .col-md-8 p{
	font-size: 3vw;
	width: 80%;
	color: #ffffff;
}
.jumbotron .col-md-4 {
	margin-top: 120px;
	padding-left: 50px;
}
.jumbotron .col-md-4 img{
	width: 100%;
}
.jumbotron .col-md-4 p{
	font-size: 1.5em;
	width: 90%;
}
.jumbotron .btn-primary{
	margin-top: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #ffffff;
}
.jumbotron .btn-primary:hover{
	background-color: transparent;
}
.navbar-nav{
	background-color: transparent;
}
.navbar-left{
	margin-top: 15px;
	margin-left: 40px;
}
.navbar-default{
	background-image: linear-gradient(to top left,#0084e7,#00407f);
	border: none;
	box-shadow: none;
	margin-bottom: 0px;
	border-radius: 0px;
}
.navbar-default .container{
	width: 95%;
}
.navbar-collapse{
  border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff;
}
.navbar-collapse .navbar-left>li>a{
	margin-right: 25px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #b3d4ed;
	font-size: 1.1em;
}
.navbar-collapse .navbar-left>li>a:hover, .navbar-default .navbar-nav > li > a:focus{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	transition: color 300ms ease-out
}
.navbar-collapse .navbar-left>li>a:active{
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.navbar-collapse .navbar-left>li:last-of-type:hover a{
	color: #ffffff;
	border: none;
	transition: color 300ms ease-out
}
.navbar-brand {
    height: 60px;
    margin-top: 10px;
    padding: 5px 5px;
}
.navbar-brand img{
	height: 70%;
}
.navbar-brand:focus{
	outline: none;
}
.navbar-toggle{
    border: none;
    margin-top: 20px;
    margin-right: 45px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #ffffff;

}
footer{
	width: 100%;
	min-height: 350px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	background: #A1A1A1;
}
footer p{
	color: #fefefe;
}
#copyright{
	width: 100%;
	min-height: 30px;
	background: #000000;
}
#copyright p{
	width: 100%;
	margin: 0px;
	padding: 10px 0;
	text-align: center;
	color: #fefefe;
}
footer .row{
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
footer .col-md-4 .contact{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #2185ca;
}
.footerlinks{
    width: 50%;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-left: 5px;
    font-size: 1.2em;
}
footer .col-md-4 img{
    width: 325px;
    height: 70px;
    margin-top: 15px;
}
footer .col-md-4 p{
    font-size: 1.2em;
    color: #fefefe;
}
footer .col-md-4 a{
    font-size: 1em;
    color: #ffffff;
}
footer .fa-envelope{
	color: #2185ca;
}
footer .fa-phone{
	color: #2185ca;
}
.footerlinks > a{
    color: #fefefe;
    transition: color 300ms ease-out;
}
.footerlinks > a:hover{
    text-decoration: none;
    color: #000000;
    transition: color 300ms ease-out;
}
footer .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.8em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.7em 1.5em;
	border-radius: 0px;
	border: 1px solid #626262;
}
footer .col-md-4 a:nth-child(1){
	color: #ffffff;
}
footer .btn-primary:hover{
	background-color: #2B94DC;
}
/*Back to top arrow*/
.ScrollTop{
    z-index: 99;
    display:none;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: transparent;
    color: #03426C;
    border: 2px solid #03426C;
    padding: 9px 15px;
    border-radius: 0%;
    cursor: pointer;
}
.ScrollTop:hover{
    background: #e9e9e9;
    color:  #56B8FA;
}
.main_article{
    background-color: #ffffff;
    color: #ffffff;
    /*background-image: linear-gradient(180deg,#b0b8bc,#37445f);*/
    color: #444444;
    text-align: center;
    font-weight: 300;
    padding-top: 25px;
}
.main_article .row{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.main_article h1{
	width: 90%;
	font-size: 2em;
	line-height: 1em;
	font-weight: 600;
	color: #000000;
	margin-top: 0px;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.main_article h2{
	font-size: 2.5em;
	line-height: 1.3em;
	color: #767676;
	width: 85%;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}
.main_article h3{
	color: #4f5d6c;
	width: 90%;
	font-size: 1.6em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	text-align: left;
}
.main_article p{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #626262;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	text-align: left;
}
.main_article ul{
	width: 80%;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 100px;
    list-style: none;
    border: 1px solid #c4c4c4;
}
/*.main_article li:before {
	content: '\2022\00a0\00a0'; color: #0084e7;
}*/

.main_article li{
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 35px;
	color: #000000;
}
#container_introduction h2{
	font-size: 2.5em;
    margin-bottom: 50px;
}
#container_introduction h3{
	color: #000000;
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
#container_introduction{
    /*background-color: #0084e7;
    color: #ffffff;*/
    background-color: #ebeff6;
    color: #878787;
    text-align: center;
    font-weight: 300;
    margin-bottom: 100px;
    padding-top: 35px;
    padding-bottom: 100px;
}
#container_introduction h1{
	font-size: 3.5em;
	font-weight: 600;
	margin-top: 35px;
    margin-bottom: 60px;
}
#container_introduction .col-md-6{

}
#container_introduction .col-md-6{

}
#container_introduction h2{
    margin-bottom: 20px;
}
#container_introduction h3{
	font-size: 2em;
    margin-bottom: 20px;
    margin-bottom: 60px;
}
.assessment_introduction{
	min-height: 200px;
	width: 90%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #ffffff;
    text-align: left;
    list-style-type: none;
    border: solid 1px #efefef;
    box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);
}
.assessment_icon{
	float: left;
	width: 20%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#container_introduction p{
	width: 85%;
	margin-top: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: left;
    color: #626262;
}
#container_introduction h4{
	width: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
    text-align: left;
    font-size: 1.7em;
    line-height: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #000000;
}
#container_introduction a{
    text-decoration: none;
}
#container_introduction > a:hover{
    text-decoration: none;
}
#container_introduction .col-md-12 {
    border:none;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.note{
	width:95%;
	font-size: 0.8em;
	margin-top: 20px;
	margin-left: 30px;
    text-align: left;
    text-align: left;
    color: #626262;
}
.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-file{
	color:  #48bfe8;
	font-size: 8vw;
}
.col-md-2 .fa-laptop{
	color:  #48bfe8;
	font-size: 7.6vw;
}
.steps{
	height: 250px;
	background-color: #3291a4;
}
.statement_intro .col-md-3:nth-child(odd) .steps{
	background-color: #a7a7a7;
}
.steps h2{
	font-size: 3em;
	height: auto;
	background-color: #e8910e;
	border-bottom: 4px solid #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}
.statement_intro .col-md-3:nth-child(even) .steps h2{
	background-color: #5dacc8;
}
.statement_intro .col-md-3:nth-child(4) .steps h3{
	padding-top: 40px;
}
.statement_intro .col-md-3:nth-child(5) .steps h3{
	padding-top: 40px;
}
.steps h3{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 10px;
}
.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;

}
.container-fluid:nth-child(2){
	background: #f9f8fc;
}
.container{
	margin-bottom: 10px;
}
.container:first-child{
	margin-bottom: 0px;
}
.row:nth-child(2){
	width: 100%;
	margin-bottom: 0px;
}
#webapp{
	margin-top: 35px;
	margin-bottom: 65px;
	padding-top: 35px;
}
#webapp h2{
	width: 90%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 1.7em;
	line-height: 1.2em;
	text-align: left;
	color: #000000;
}
#webapp2{
	padding-top: 35px;
	background: #ffffff;
}
.col-md-12{
	margin-bottom: 55px;
}
.col-md-2{
	margin-bottom: 15px;
	padding: 25px 0px;
    border: 3px solid #48bfe8;
    text-align: center;
}
.col-md-3{
	margin-top: 30px;
	padding-right: 0px;
	padding-left: 20px;
}
.col-md-10{
	margin-bottom: 30px;
	padding-left: 35px;
}
.col-md-10:first-child{
	margin-top: 50px;
}
.col-md-10 p {
	font-size: 1.4;
    line-height: 1.4em;
    color: #333;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    text-align: left;
}
#instruments{
	margin-bottom: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#instruments .container{
	width: 100%;
	margin-left: -10px;
	padding-right: 0px;
	padding-left: 0px;
}
.col-md-3 h2{
	font-size: 2.5em;
    line-height: 1.3em;
    color: #767676;
    width: 85%;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}
.col-md-3 h3{
	  font-size: 1.3em;
		font-weight: 600;
    line-height: 1em;
    color: #000000;
    width: 95%;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 15px;
    margin-left: auto;
}
.col-md-3 p{
	font-size: 1.2em;
    line-height: 1.3em;
    color: #000000;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: left;
}
.col-md-3 img{
	width: 100%;
}
.tests{
	width: 100%;
	min-height: 350px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #e7e7e7;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
hr{
  border: 0;
  height: 2px;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 30px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #e53321, #ccc);
}
.modal-dialog{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.modal-title{
	font-size: 2em;
	margin-bottom: 0px;
}
p.lead{
	font-size: 1.3em;
	margin-bottom: 0px;
}
.modal-dialog .container{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.modal-dialog .row{
	width: auto;
}
.modal-dialog .col-md-12{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #f7fcfd;
	margin-bottom: 0px;
}
.modal-header{
	background: #f7fcfd;
	border: none;
}
.modal-body{
	background: #f7fcfd;
	padding: 0px;
}
.modal-body .container{
    width:100%;
    padding-right:0;
    padding-left:0;
}
.modal-footer{
	background: #f7fcfd;
	border: none;
	padding-top: 0px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-dialog .btn-primary{
	margin-bottom: 1em;
	background-image: none;
	background-color: #e53321;
	font-size: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary{
	margin: 1em;
	background-image: none;
	background-color: #2185ca;
	font-size: 0.9em;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.9em 1.8em;
	border-radius: 0px;
	border: 1px solid #626262;
}
.modal-dialog .btn-secondary:hover{
	background-color: #2B94DC;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}/*@media screen and (min-width : 600px) and (max-width : 991px)*/

@media screen and (min-width : 600px) and (max-width : 767px){

.jumbotron {
	 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05)), url("../img/graphs_laptop_small.jpg");
	 background-repeat: repeat, repeat;
	 background-position-x: 0%, 0%;
	 background-position-y: 0%, 0%;
	 background-size: auto auto, auto auto;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 margin-bottom: 0px;
	 height: 200px;
	}
	.main_article h1{
	width: 90%;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: 600;
	color: #000000;
	margin-top: 0px;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
	text-align: left;
	}
	#instruments>.container>h3{
	 color: #4f5d6c;
	 width: 90%;
	 font-size: 1.5em;
	 line-height: 1.3em;
	 margin-top: 25px;
	 margin-right: auto;
	 margin-bottom: 45px;
	 margin-left: auto;
	 text-align: left;
}
.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-file{
	color:  #48bfe8;
	font-size: 10vw;
}
.col-md-2 .fa-laptop{
	color:  #48bfe8;
	font-size: 9.6vw;
}
}/*@media screen and (min-width : 600px) and (max-width : 767px)*/

/* Extra-small size Devices*/
@media screen and (max-width : 599px){

body {
		font-family: 'Muli', sans-serif;
	}
.jumbotron{
		background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_xxxs.jpg");
		/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		margin-bottom: 0px;
		height: 120px;
	}
	.jumbotron .container{
		width: 100%;
	}
	.jumbotron h1{
		margin-top: 0px;
		font-size: 4.7vw;
		font-weight: 600;
		color: #ffffff;
		text-shadow: 1px 1px #000000;
		padding-bottom: 0em;
		text-transform: uppercase;
		line-height: 4vw;
		letter-spacing: 0.05vw;
	}
	.jumbotron .col-md-8 {
		padding-top: 30px;
		padding-left: 0px;
		/*background-color: rgba(228,228,228,0.6);*/
	}
	.jumbotron .col-md-8 p{
		font-size: 4vw;
		width: 80%;
		color: #ffffff;
	}
	.jumbotron .col-md-4 {
		margin-top: 120px;
		padding-left: 50px;
	}
	.jumbotron .col-md-4 img{
		width: 100%;
	}
	.jumbotron .col-md-4 p{
		font-size: 1.5em;
		width: 90%;
	}
	.jumbotron .btn-primary{
		margin-top: 1em;
		background-image: none;
		background-color: #2185ca;
		font-size: 0.8em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 0.7em 1.5em;
		border-radius: 0px;
		border: 1px solid #ffffff;
	}
	.jumbotron .btn-primary:hover{
		background-color: transparent;
	}
	.navbar-nav{
		background-color: transparent;
	}
	.navbar-left{
		margin-top: 15px;
		margin-left: 40px;
	}
	.navbar-default{
		background-image: linear-gradient(to top left,#0084e7,#00407f);
		border: none;
		box-shadow: none;
		margin-bottom: 0px;
		border-radius: 0px;
	}
	.navbar-default .container{
		width: 95%;
	}
	.navbar-collapse{
	  border: none;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: #ffffff;
	}
	.navbar-collapse .navbar-left>li>a{
		margin-right: 25px;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		color: #b3d4ed;
		font-size: 1.1em;
	}
	.navbar-collapse .navbar-left>li>a:hover, .navbar-default .navbar-nav > li > a:focus{
		outline: none;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		transition: color 300ms ease-out
	}
	.navbar-collapse .navbar-left>li>a:active{
		outline: none;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	.navbar-collapse .navbar-left>li:last-of-type:hover a{
		color: #ffffff;
		border: none;
		transition: color 300ms ease-out
	}
	.navbar-brand {
	    height: 50px;
	    margin-top: 10px;
	    padding: 5px 5px;
	}
	.navbar-brand img{
		height: 70%;
	}
	.navbar-brand:focus{
		outline: none;
	}
	.navbar-toggle{
	    border: none;
	    margin-top: 15px;
	    margin-right: 10px;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	    background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar{
	    background-color: #ffffff;

	}
	footer{
		width: 100%;
		min-height: 350px;
		padding-top: 50px;
		padding-bottom: 30px;
		margin-bottom: 0px;
		background: #A1A1A1;
	}
	footer p{
		color: #fefefe;
	}
	#copyright{
		width: 100%;
		min-height: 30px;
		background: #000000;
	}
	#copyright p{
		width: 100%;
		margin: 0px;
		padding: 10px 0;
		text-align: center;
		color: #fefefe;
	}
	footer .row{
		width: 80%;
		margin-top: 40px;
		margin-right: auto;
		margin-left: auto;
	}
	footer .col-md-4 .contact{
	    font-family: 'Muli', sans-serif;
	    font-weight: 600;
	    margin-bottom: 15px;
	    font-size: 1.5em;
	    color: #2185ca;
	}
	.footerlinks{
	    width: 50%;
	    margin-bottom: 15px;
	    padding-bottom: 7px;
	    padding-left: 5px;
	    font-size: 1.2em;
	}
	footer .col-md-4 img{
	    width: 200px;
	    height: 43px;
	    margin-top: 15px;
	}
	footer .col-md-4 p{
	    font-size: 1.2em;
	    color: #fefefe;
	}
	footer .col-md-4 a{
	    font-size: 1em;
	    color: #ffffff;
	}
	footer .fa-envelope{
		color: #2185ca;
	}
	footer .fa-phone{
		color: #2185ca;
	}
	.footerlinks > a{
	    color: #fefefe;
	    transition: color 300ms ease-out;
	}
	.footerlinks > a:hover{
	    text-decoration: none;
	    color: #000000;
	    transition: color 300ms ease-out;
	}
	footer .btn-primary{
		margin-bottom: 1em;
		background-image: none;
		background-color: #2185ca;
		font-size: 0.8em;
		font-weight: 600;
		color: #ffffff;
		text-transform: uppercase;
		padding: 0.7em 1.5em;
		border-radius: 0px;
		border: 1px solid #626262;
	}
	footer .col-md-4 a:nth-child(1){
		color: #ffffff;
	}
	footer .btn-primary:hover{
		background-color: #2B94DC;
	}
	/*Back to top arrow*/
	.ScrollTop{
	    z-index: 99;
	    display:none;
	    position: fixed;
	    bottom: 100px;
	    right: 20px;
	    background: transparent;
	    color: #03426C;
	    border: 2px solid #03426C;
	    padding: 9px 15px;
	    border-radius: 0%;
	    cursor: pointer;
	}
	.ScrollTop:hover{
	    background: #e9e9e9;
	    color:  #56B8FA;
	}
	.main_article{
	    background-color: #ffffff;
	    color: #ffffff;
	    /*background-image: linear-gradient(180deg,#b0b8bc,#37445f);*/
	    color: #444444;
	    text-align: center;
	    font-weight: 300;
	    padding-top: 25px;
	}
	.main_article .row{
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	.main_article h1{
		width: 95%;
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 600;
		color: #000000;
		margin-top: 0px;
	  margin-bottom: 15px;
	  margin-right: auto;
	  margin-left: auto;
		padding-left: 20px;
	  text-align: left;
	}
	.main_article h2{
		font-size: 2.5em;
		line-height: 1.3em;
		color: #767676;
		width: 85%;
		margin-top: 65px;
		margin-right: auto;
		margin-bottom: 55px;
		margin-left: auto;
	}
	#instruments>.container>h3{
	 color: #4f5d6c;
	 width: 95%;
	 font-size: 1.2em;
	 line-height: 1.4em;
	 margin-top: 25px;
	 margin-right: auto;
	 margin-bottom: 45px;
	 margin-left: auto;
	 padding-left: 20px;
	 text-align: left;
}
	.main_article p{
		font-size: 1.4em;
		line-height: 1.5em;
		color: #626262;
		width: 75%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
		text-align: left;
	}
	.main_article ul{
		width: 80%;
	    background-color: #ffffff;
	    margin-right: auto;
	    margin-left: auto;
	    padding-top: 50px;
	    padding-bottom: 50px;
	    padding-left: 100px;
	    list-style: none;
	    border: 1px solid #c4c4c4;
	}
	/*.main_article li:before {
		content: '\2022\00a0\00a0'; color: #0084e7;
	}*/

	.main_article li{
		text-align: left;
		font-size: 1.5em;
		margin-bottom: 35px;
		color: #000000;
	}
	#container_introduction h2{
		font-size: 2.5em;
	    margin-bottom: 50px;
	}
	#container_introduction h3{
		color: #000000;
		font-size: 2em;
	    margin-bottom: 20px;
	    margin-bottom: 60px;
	}
	#container_introduction{
	    /*background-color: #0084e7;
	    color: #ffffff;*/
	    background-color: #ebeff6;
	    color: #878787;
	    text-align: center;
	    font-weight: 300;
	    margin-bottom: 100px;
	    padding-top: 35px;
	    padding-bottom: 100px;
	}
	#container_introduction h1{
		font-size: 3.5em;
		font-weight: 600;
		margin-top: 35px;
	    margin-bottom: 60px;
	}
	#container_introduction .col-md-6{

	}
	#container_introduction .col-md-6{

	}
	#container_introduction h2{
	    margin-bottom: 20px;
	}
	#container_introduction h3{
		font-size: 2em;
	    margin-bottom: 20px;
	    margin-bottom: 60px;
	}
	.assessment_introduction{
		min-height: 200px;
		width: 90%;
		margin-top: 25px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 25px;
		padding-bottom: 25px;
		background: #ffffff;
	    text-align: left;
	    list-style-type: none;
	    border: solid 1px #efefef;
	    box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);
	}
	.assessment_icon{
		float: left;
		width: 20%;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 35px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 20px;
	}
	#container_introduction p{
		width: 85%;
		margin-top: 0px;
		margin-left: 30px;
	    text-align: left;
	    font-size: 1.4em;
	    line-height: 1.6em;
	    text-align: left;
	    color: #626262;
	}
	#container_introduction h4{
		width: 70%;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 30px;
	    text-align: left;
	    font-size: 1.7em;
	    line-height: 1.8em;
	    font-weight: bold;
	    text-align: left;
	    color: #000000;
	}
	#container_introduction a{
	    text-decoration: none;
	}
	#container_introduction > a:hover{
	    text-decoration: none;
	}
	#container_introduction .col-md-12 {
	    border:none;
	    margin: 10px;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.note{
		width:95%;
		font-size: 0.8em;
		margin-top: 20px;
		margin-left: 30px;
	    text-align: left;
	    text-align: left;
	    color: #626262;
	}
	.col-md-2 .fa-user, .col-md-2 .fa-briefcase, .col-md-2 .fa-pills, .col-md-2 .fa-user-md, .col-md-2 .fa-chart-bar, .col-md-2 .fa-file-alt, .col-md-2 .fa-file{
		color:  #48bfe8;
		font-size: 12vw;
	}
	.col-md-2 .fa-laptop{
		color:  #48bfe8;
		font-size: 11.6vw;
	}
	.steps{
		height: 250px;
		background-color: #3291a4;
	}
	.statement_intro .col-md-3:nth-child(odd) .steps{
		background-color: #a7a7a7;
	}
	.steps h2{
		font-size: 3em;
		height: auto;
		background-color: #e8910e;
		border-bottom: 4px solid #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #ffffff;
	}
	.statement_intro .col-md-3:nth-child(even) .steps h2{
		background-color: #5dacc8;
	}
	.statement_intro .col-md-3:nth-child(4) .steps h3{
		padding-top: 40px;
	}
	.statement_intro .col-md-3:nth-child(5) .steps h3{
		padding-top: 40px;
	}
	.steps h3{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		height: auto;
		text-align: center;
		font-size: 2em;
		line-height: 1.2em;
		color:#ffffff;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.container-fluid{
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;

	}
	.container-fluid:nth-child(2){
		background: #f9f8fc;
	}
	.container{
		margin-bottom: 10px;
	}
	.container:first-child{
		margin-bottom: 0px;
	}
	.row:nth-child(2){
		width: 100%;
		margin-bottom: 0px;
	}
	#webapp{
		margin-top: 15px;
		margin-bottom: 65px;
		padding-top: 35px;
	}
  #webapp h1{
		width: 95%;
		font-size: 1.65em;
		line-height: 1em;
		font-weight: 600;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0px;
		text-align: left;
	}
	#webapp h2{
		width: 95%;
		margin-top: 15px;
		margin-right: auto;
		margin-bottom: 40px;
		margin-left: auto;
		font-size: 1.3em;
		line-height: 1.3em;
		text-align: left;
		color: #626262;
	}
	#webapp h3{
		width: 95%;
		margin-top: 15px;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
		font-size: 1.3em;
		line-height: 1.3em;
		text-align: left;
		color: #000000;
	}
	#webapp2{
		padding-top: 35px;
		background: #ffffff;
	}
	.col-md-12{
		margin-bottom: 55px;
	}
	.col-md-2{
		margin-bottom: 15px;
		padding: 10px 0px;
	  border: none;
	  text-align: center;
	}
	.col-md-3{
		margin-top: 30px;
		padding-right: 0px;
		padding-left: 20px;
	}
	.col-md-10{
		margin-bottom: 30px;
		padding-left: 15px;
	}
	.col-md-10:first-child{
		margin-top: 50px;
	}
	.col-md-10 p {
		  font-size: 1.3em;
	    line-height: 1.2em;
	    color: #333;
	    width: 95%;
	    margin-right: auto;
	    margin-left: auto;
	    margin-bottom: 10px;
	    text-align: left;
	}
	#instruments{
		margin-bottom: 35px;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#instruments .container{
		width: 100%;
		margin-left: -10px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.col-md-3 h2{
		font-size: 2.5em;
	    line-height: 1.3em;
	    color: #767676;
	    width: 85%;
	    margin-right: auto;
	    margin-bottom: 55px;
	    margin-left: auto;
	}
	.col-md-3 h3{
		  font-size: 1.2em;
			font-weight: 600;
	    line-height: 1.2em;
	    color: #000000;
	    width: 95%;
	    margin-right: auto;
	    margin-top: 15px;
	    margin-bottom: 10px;
	    margin-left: auto;
			text-align: left;
	}
	.col-md-3 p{
		font-size: 1.2em;
	    line-height: 1.3em;
	    color: #626262;
	    width: 95%;
	    margin-right: auto;
	    margin-left: auto;
	    margin-bottom: 20px;
	    text-align: left;
	}
	.col-md-3 img{
		width: 100%;
	}
	.tests{
		width: 100%;
		min-height: 350px;
		margin-right: auto;
		margin-left: auto;
		border: 1px solid #e7e7e7;
	}

	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
	hr{
	  border: 0;
	  height: 2px;
	  width: 50%;
	  margin-top: 50px;
	  margin-bottom: 30px;
	  background: #333;
	  background-image: linear-gradient(to right, #ccc, #e53321, #ccc);
	}
	.modal-dialog{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.modal-title{
		font-size: 1.6em;
		margin-bottom: 10px;
	}
	p.lead{
		font-size: 1.1em;
		margin-bottom: 0px;
	}
	.modal-dialog .container{
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 0px;
		padding-left: 0px;
	}
	.modal-dialog .row{
		width: auto;
	}
	.modal-dialog .col-md-12{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		background: #f7fcfd;
		margin-bottom: 0px;
	}
	.modal-header{
		background: #f7fcfd;
		border: none;
	}
	.modal-body{
		background: #f7fcfd;
		padding-bottom: 0;
	}
    .modal-body .container{
        width:100%;
        padding-right:0;
        padding-left:0;
    }
	.modal-footer{
		background: #f7fcfd;
		border: none;
		padding-top: 0px;
	}
	.modal-content {
	    position: relative;
	    background-color: #fff;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: none;
	    border: none;
	    border-radius: 0px;
	    outline: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.modal-dialog .btn-primary{
		margin-bottom: 1em;
		background-image: none;
		background-color: #e53321;
		font-size: 1.2em;
		font-weight: 600;
		color: #ffffff;
		text-transform: uppercase;
		padding: 0.9em 1.8em;
		border-radius: 0px;
		border: 1px solid #626262;
	}
	.modal-dialog .btn-secondary{
		margin: 1em;
		background-image: none;
		background-color: #2185ca;
		font-size: 0.9em;
		font-weight: 600;
		color: #ffffff;
		text-transform: uppercase;
		padding: 0.9em 1.8em;
		border-radius: 0px;
		border: 1px solid #626262;
	}
	.modal-dialog .btn-secondary:hover{
		background-color: #2B94DC;
	}
	.form-control {
	    display: block;
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.42857143;
	    color: #555;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 0px;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}


}/*@media screen and (max-width : 599px)*/

/* Extra-small size Devices under 599px*/
@media screen and (min-width : 450px) and (max-width : 599px){
	.jumbotron{
			background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)), url("../img/graphs_xxxs.jpg");
			/*background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/graphs_laptop.jpg");*/
			background-repeat: no-repeat;
			background-size: cover;
			background-position: top center;
			margin-bottom: 0px;
			height: 180px;
		}
		.main_article h1{
			width: 95%;
			font-size: 1.8em;
			line-height: 1em;
			font-weight: 600;
			color: #000000;
			margin-top: 0px;
			margin-bottom: 15px;
			margin-right: auto;
			margin-left: auto;
			padding-left: 20px;
			text-align: left;
		}
		.main_article h2{
			font-size: 2.5em;
			line-height: 1.3em;
			color: #767676;
			width: 85%;
			margin-top: 65px;
			margin-right: auto;
			margin-bottom: 55px;
			margin-left: auto;
		}
		#instruments>.container>h3{
		 color: #4f5d6c;
		 width: 95%;
		 font-size: 1.2em;
		 line-height: 1.4em;
		 margin-top: 25px;
		 margin-right: auto;
		 margin-bottom: 45px;
		 margin-left: auto;
		 padding-left: 20px;
		 text-align: left;
	}
	.col-md-3 h3{
			font-size: 1.4em;
			font-weight: 600;
			line-height: 1.5em;
			color: #000000;
			width: 95%;
			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: auto;
			text-align: left;
	}
}/*@media screen and (min-width : 450px) and (max-width : 599px)*/