/*------------------------------------------------------------------------------
    Bedankt voor uw inschrijving
------------------------------------------------------------------------------*/

.inschrijving h1{
    font-size: 30px;
    color: #003399;
	text-transform: uppercase;
	font-weight: 800;
}



html {
	scroll-behavior: smooth;

}
body {
	font-family: 'Roboto', sans-serif;
	color: black;

}
h1 {
	font-family: 'Poppins', sans-serif;
	color: black;
	font-weight: 800;
}
a {
	text-decoration: none;
}
button:focus {
	outline:none;
}
/*Voordelen*/
.MultiCarousel { 
	float: left; 
	overflow: hidden; 
	padding: 15px; 
	width: 100%; 
	position:relative; 
}
.MultiCarousel .MultiCarousel-inner { 
	transition: 1s ease all; float: left; 
}
.MultiCarousel .MultiCarousel-inner .item { 
	float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div { 
	text-align: center;
	padding:10px; 
	margin:100px 0px 100px 45px;
	color:white;
	border:3px dashed white;
	border-radius: 20px;
	width:75%;
	
}	
.MultiCarousel .leftLst, .MultiCarousel .rightLst {

	 position:absolute; 
	 border-radius:50%;
	 top:calc(50% - 20px); 
	}
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
    
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
	pointer-events: none;
	background:#ccc; 
	}
.container-voordelen{
			padding:20px 80px;
}
.pad15 h4{
	color:#003399;
	font-weight: 600;
	font-size:25px;
	min-height:2.5em;
}
/*knop voordelen*/
.knop-blauw{
	font-size:12px;
    margin: 20px auto;
    background-color: #003399;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #003399;
    display: inline-block;
    text-align: center;
    max-width: 210px;
    cursor: pointer;
}
.knop-blauw span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.3s;
}
.knop-blauw span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
}
.knop-blauw:hover span {
	padding-right: 25px;
}
.knop-blauw:hover span:after {
	opacity: 1;
	right: 0;
	top: -7.8px;
	font-size:20px;
}
/*einde knop voordelen*/
.deel3-t {
text-align:center;
width:65%;
margin:0 auto;
padding-bottom:50px;
}
.deel3-t h1{
	text-transform:uppercase;
	font-weight: 700;
	font-size:40px;
	text-align: center;
	color: #003399;
}
.deel3-t h2{
	font-size:28px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	margin-bottom:50px;
}
.knop-bol{
	font-size:30px;
	padding:0px 14px;
	color: #fff;
    background-color: #003399;
	border:none;
	outline:none;
}
.knop-bol:hover{
	font-size:30px;
	padding:0px 14px;
	color: #003399;
    background-color: #fff;

	outline:none;
}
.knop-bol:active{
	color: #fff;
    background-color: #003399;
	
	outline:none;
}
/*Einde voordelen*/
ul > li{
	margin-right:25px;
	cursor:pointer
}
li.active{
	border-bottom:3px solid silver;
}
.item-photo{
	display:flex;
	justify-content:center;
	align-items:center;
	border-right:1px solid #f6f6f6;
}
.menu-items{
	list-style-type:none;
	display:inline-flex;
	margin-bottom:0;
	margin-top:20px
}
.btn-success{
	width:100%;
	border-radius:0;
}
.section{
	width:100%;
	margin-left:-15px;
	padding:2px;
	padding-left:15px;
	padding-right:15px;
	background:#f8f9f9
}
.title-price{
	margin-top:30px;
	margin-bottom:0;
	color:black
}
.title-attr{
	margin-top:0;
	margin-bottom:0;
	color:black;
}
.btn-minus{
	cursor:pointer;
	font-size:7px;
	display:flex;
	align-items:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid gray;
	border-radius:2px;
	border-right:0;
}
.btn-plus{
	cursor:pointer;
	font-size:7px;
	display:flex;
	align-items:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid gray;
	border-radius:2px;
	border-left:0;
}
div.section > div {
	width:100%;
	display:inline-flex;
}
div.section > div > input {
	margin:0;
	padding-left:5px;
	font-size:10px;
	padding-right:5px;
	max-width:18%;
	text-align:center;
}
.attr,.attr2{
	cursor:pointer;
	margin-right:5px;
	height:20px;
	font-size:10px;
	padding:2px;
	border:1px solid gray;
	border-radius:2px;
}
.attr.active,.attr2.active{
	border:1px solid orange;
}
/*Navigatie main page*/
.logo-header{
    max-width: 390px;
}
.dropdown-menu {
    text-align: center;
    min-width: 40px;
    padding:0;
    margin:0;
}
.navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 15px;
}
.fa-angle-down{
    color:white;
}
.navbar-inverse .navbar-nav > li > a {
    color:white;
}
.vertical-line{
    padding:28.5px 0px 0px 5px;
}
ul > li {
     margin-right:0px;
}
.navbar-nav > li > .dropdown-menu {
    background-color: #ef7113;
    border:0;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #ef7113;
}
.dropdown-menu > li > a {
    padding:12px 10px !important;
}
.dropdown-menu > li > a:hover {
    background-color: #ef7113;
}
.navbar{
    background-color: #ef7113;
    box-shadow:0 2px 20px 2px rgba(0,0,0,.2) ;
    border:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.navbar-inverse{
    padding:0;
}
.navbar-inverse ul.navbar-nav .list-nav a {
    color:white;
    margin-bottom:3px;
    padding:30px 10px 15px;
    position: relative;
    display: inline-block;
}
.navbar-inverse ul.navbar-nav .list-nav a:after {
    position: absolute;
    left: 50%;
    content: '';
    height: 3px;
    background:white;
    transition: all .2s linear;
    width: 0;
    bottom: -3px;  
    animation: mymove 4s infinite;
}

.navbar-inverse ul.navbar-nav li a:hover{
    color:white;

}
ul.navbar-nav{
    font-family:Roboto,sans-serif;
    font-size:14px;
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
}

.navbar-inverse ul.navbar-nav .list-nav a:hover:after {
    width: 100%;
    margin-left: -50%;
    bottom: -3px;
}

.navbar-inverse ul.navbar-nav .list-nav a:focus{
    margin-bottom:0px;
    border-bottom:3px solid white;;
    color:white;
    outline:0;
}
.navbar-inverse ul.navbar-nav li a.btn-link-3{
    display:inline-block;
    margin:20px 0 0 15px;
    padding:6px 15px;
    background:#003399;
    border:2px solid transparent;
    font-family:Roboto,sans-serif;
    font-size:14px;
    font-weight:500;
    color:#fff;
    text-transform:uppercase;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px
}
.navbar-inverse ul.navbar-nav li a.btn-link-3:hover{
    background-color:#fff;
    color:#003399;
    border:2px solid #003399;
}


/*Navigatie main page einde*/

/*Cover*/
.b-cover-t {
	margin-top: 30%;
	padding-left: 50px;
}
.b-cover-t h1 {
	color: black;
	font-family: 'Poppins', sans-serif;
	font-size: 60px;
}
.knop-alg {
	margin-top: 40px;
	background-color: #ff5e6c;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.container-deel2 {
	background: url("Beelden/deel-2.svg") no-repeat;
	background-size: cover;
	background-color: white;
	min-height: 100vh;
	padding-top: 30%;
	padding-left: 50px;
	padding-right: 50px;
}
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	width: 80%;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	padding-top: 20px;
	margin: 40px auto;
}
.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.titel-cards {
	text-align: center;
	padding-top: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 24px;
	color: black;
}
.text-cards {
	text-align: center;
	padding: 10px 20px;
	font-size: 12px;
}
.knop-card {
	margin-bottom: 20px;
	background-color: #feb300;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.titel-deel-2 {
	color: white;
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
}
.Intro-deel-2 p {
	color: white;
	font-weight: 200;
}
/*Contact formulier*/
.contact-form {
	padding-top: 30px;
	width: 70%;
	margin: auto;
}
.contact-form .textarea {
	min-height: 220px;
	resize: none;
	border-radius: 20px;
}
.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-color: #eee;
	height: 49px;
	background-color: #f9cacc;
	border-radius: 50px;
	padding-left: 30px;
}
.form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-color: #ff5e6c;
}
.form-control-feedback {
	line-height: 50px;
}
.main-btn {
	background: #ff5e6c;
	color: #fff;
}
.main-btn:hover {
	background: #f9cacc;
	color: black;
}
.form-control-feedback {
	line-height: 50px;
	top: 0px;
}
/*Footer*/
.footer-container {
	background-color:black;
	padding: 50px 50px 30px;
	overflow: hidden;
}
.fr-vub-body{
	font-family: 'Roboto', sans-serif;
	margin-top:50%;
	text-align: center;
	color:white;
	font-size:40px;
	font-weight: 400;
}
.fr-vub-body p{
	padding-top:10px;
	font-size:14px;
}
.fr-vub-body a{
	color:white;
}
.fr-vub-logo{
	max-width: 180px;
	margin:0 auto;
}
.footer-logo {
	padding: 0px 0px 80px 50px;
}
.fr-sbr-m {
	display: flex;
	align-items: center;
	padding-left: 50px;
}
.Titel-footer {
	font-size: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	color: #ef7113;
	line-height: 80%;
}
.Ondertitel-footer {
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: white;
	line-height: 80%;
}
.subscribe-form {
	padding: 30px 0px 30px 50px;
}
/* form footer*/
.subscribe-form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	height: 35px;
	border-color: white;
	background-color: white;
	border-radius: 50px;
	padding-left: 20px;
	outline: none;
}
.subscribe-form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-color: #ef7113;
}
.subscribe-btn {
	background: #ef7113;
	color: #fff;
	margin-left: 10px;
	border: 1px solid transparent;
}
.subscribe-btn:hover {
	border: 1px solid #ef7113;
	background: white;
	color: #ef7113;
}
/*follow us on social media*/
.fr-sm-m,.fr-m-m {
	display: flex;
	align-items: center;
	padding-left: 0px;
	font-size: 14px;
}
.fr-sm-t,.fr-m-t {
	padding-top: 30px;
	max-width: 450px;
}
.fr-sm-t p,.fr-m-t p {
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.fr-sm-b {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	color: #ef7113;
}
.fr-img-m,.fr-img-sbr {
	width: 90px;
	padding-right: 20px;
}
.fr-img-sm {
	width: 95px;
	padding-right: 20px;
}
/* Pag pop up login*/
.knop-standaard{
    margin: 20px auto;
    background-color: #ef7113;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #ef7113;
    display: inline-block;
    text-align: center;
    max-width: 230px;
    cursor: pointer;
}
.rij-lv, .shop-3sel, .container-main .col-lg-1, .container-main .col-xs-1, .container-main .col-sm-1, .container-main .col-md-1, .deel1-inhoud2, .deel2-inhoud, .deel3, .deel4, .deel4-inhoud {
	display:none;
}
.knop-standaard span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.3s;
}
.knop-standaard span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
}
.knop-standaard:hover span {
	padding-right: 25px;
}
.knop-standaard:hover span:after {
	opacity: 1;
	right: 0;
	top: -5.5px;
	font-size:20px;
}

.knop-main {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 20px auto;
    background-color: #ef7113;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #ef7113;
    display: inline-block;
    text-align: center;
    max-width: 210px;
    cursor: pointer;
}
.glow-button:hover {
	background-color:white;
	color:#ef7113;
	border:2px solid #ef7113;
	font-weight: 900;
}
.knop-main span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.3s;
}
.knop-main span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
}
.knop-main:hover span {
	padding-right: 25px;
}
.knop-main:hover span:after {
	opacity: 1;
	right: 0;
	top: -7.8px;
	font-size:20px;
}

.container-login .col-lg-6 {
	text-align: center;
	height:800px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-info{
	border-right:2px solid #9e9e9e;
	margin-right:-20px;
	padding:0 130px;
}
.login-info h1, .login-box h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size:40px;
	color:#003399;
	padding-bottom:30px;
}
.login-vet{
	font-weight: 800;
	color:#003399;
}
.login-box p{
	text-align: center;
	font-size:20px;
	padding:25px 0px ;
}
.login-info p{
	text-align: center;
	font-size:20px;
}
.login-info h3{
	padding-top:20px;
	font-size:20px;
	font-weight: 600;
}
.login-box {
	border-left:0px solid red;
	margin-left:-20px;
	padding:0 90px;
}
.logo-vub{
	max-width:300px;
	padding:30px 0px;

}
/*Login formulier*/
.login-form {
	padding-top: 30px;
	width: 100%;
	margin: auto;
}
.form-control-login {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: none;
	height: 50px;
	background-color: #d6d6d6;
	border-radius: 50px;
	width: 70%;
	margin-top:20px;
	text-align: center;
	outline:none;
}
.container-login-form{
	text-align: center;
}
.card-student{
	max-width: 50%;
}
/* Pag Register*/
.container-register{
	text-align: center;
}
.form-lbl{
	padding: 12px 30px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight: 400;
	color:rgb(90, 90, 90);
	cursor: pointer;
}
.form-group-lbl{
	text-align: left;
	padding-left:10px;
}
input[type="radio"] {
	margin-right:5px;
}
input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 50px;
	cursor: pointer;
	position: relative;
	background-color: #f9cacc;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid rgb(255, 255, 255);
}
input[type='radio']:checked:after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	top: -3px;
	left: -1px;
	position: relative;
	background-color: #ff5e6c;
	content: '';
	display: inline-block;
	visibility: visible;
	color:#ff5e6c;
	border: 2px solid #ff5e6c;
	font-weight: 900;
}
/*Pag VUB home*/
.deel1-inhoud {
	margin-left:100px;
}
.deel1-inhoud h1{
	font-size:50px;
	color:#003399;
	text-transform: uppercase;
}
.deel1-inhoud p{
	font-size:18px;
}
/*VUB deel 2*/
.container-main{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url("Beelden/cover-vub.jpg") no-repeat;
	background-position: right bottom;
	background-size: cover;
	background-color: white;
	min-height: 100vh;
	overflow:hidden;

}
.almuni-pass{
	width:25%;
	margin-top:-70px;
}
.deel2-inhoud{
	/*background: url("Beelden/vub-d2-pass.png") no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-color:#ef7113;*/
	background: linear-gradient(to bottom, white 0%,white 50%,white 50%,#ef7113 50%, #ef7113 100%);
	min-height: 5vh;
	width: 100%;
	text-align: center;

}
.Deel2-text{
	text-align: center;
}
.Deel2-text h1{
	font-size:40px;
	font-weight: 700;
	color:#003399;
	text-transform: uppercase;
}
.Deel2-text h2{
	font-size:28px;
	font-weight: 400;
	color:#58595B;
}
.vub-d2-body-rechts{
	text-align:right;
	padding-top:130px;
}
.vub-d2-body-links{
	padding-top:130px;
}
.vub-d2-body-rechts p, .vub-d2-body-links p{
	font-size:20px;
	color:black;
	font-weight: 600;
	line-height: 200%;
}
.vub-d2-body-rechts h3, .vub-d2-body-links h3{
	color:#58595B;
	padding-bottom:30px;
	font-size: 35px;
}
.vub-d2-body-links h1{
	margin-left:-10px;
	font-weight: 600;
	font-size:140px;
	color:#EF7113;
	line-height: 0.6;
}
.vub-d2-body-rechts h1 {
	margin-right:-10px;
	font-weight: 600;
	font-size:140px;
	color:#003399;
	line-height: 0.6;
}
/*VUB Deel 3*/
.deel3{
	padding-top:30px;
	background-color: #EF7113;
	min-height: 70vh;
	width: 100%;
}
.deel3-t .alumni-pass{
	width:30%;
}
.vub-d3-b1{
	padding-left:50px;
	color:white;
}
.vub-d3-b1 h1{
	color:#003399;
	font-size:70px;
	line-height: 0.5;
}
.vub-d3-b1 h3{
	color:white;
	font-size:40px;
}
.vub-d3-b2, .vub-d3-b3, .vub-d3-b4{
	text-align:center;
	padding:0 80px;
	color:white;
}
.vub-d3-b2 h3, .vub-d3-b3 h3, .vub-d3-b4 h3{
	color:#003399;
	font-size:40px;
}
/*VUB Deel 4*/
.deel4{
	text-align: center;
	background-color: white;
	min-height:10vh;
	overflow:hidden;
}
.deel4-title{
	margin: 100px auto 50px;
	width:60%;
	text-transform: uppercase;

}
.deel4 h1{
font-size:50px;
color:#003399;
}
/*VUB deel 5 */
.deel4-inhoud{
	background-color: #003399;
	overflow:hidden;
}

.hisk-logo{
	max-width:170px;
	padding:0px 0px 30px 0px;
}
.vub-logo{
	padding:0px 30px 30px 0px;
	max-width:220px;
}
.student-body-l, .student-body-r{
	padding:40px;
	color:white;
	font-size:14px;
	}
.foto-student-1, .foto-student-2{
	max-width: 100%;
}
/* VUB deel 5 FAQ*/
.deel5{
margin:120px auto;
overflow: hidden;
}
.deel5 h1{
	font-size: 50px;
	color: #003399;
	text-align: left;

}
.deel5 p{
text-align: left;
}
/*Pag Smartphones*/
.lijst-groep-lv {
	text-align: right;
}
.lijst-checkbox {
	margin-left: 12px;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #878787;
}
 
  /* Hide the browser's default checkbox */
  .lijst-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
  }
  /* On mouse-over, add a grey background color */
  .lijst-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
  }
  /* When the checkbox is checked, add a blue background */
  .lijst-checkbox input:checked ~ .checkmark {
	background-color: #ef7113;
  }
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  /* Show the checkmark when checked */
  .lijst-checkbox input:checked ~ .checkmark:after {
	display: block;
  }
  /* Style the checkmark/indicator */
  .lijst-checkbox .checkmark:after {
	left: 6px;
	top: 3px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  /*einde nav left*/

  /*smartphones cards*/
.card-toestellen {
	border:1px solid #878787;
	width: 100%;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	padding:25px;
	transition: all .2s ease-in-out;
}
.card-toestellen:hover {
	cursor: pointer;
	transition: all .2s ease-in-out;
	transform: scale(1.1);
	box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
}
.card-toestellen h4 {
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.card-img-lv{
	width:100%;
	border-radius:20px;
}
.card-mob-t{
	padding-top:20px;
	font-size:16px;
	font-weight: 800;
}


.container-smartphones{	
	padding:150px;
	min-height:60vh;
}
.smartphones-3sel{
	background: url("Beelden/shop-smartphones.svg") no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 50vh;
	margin-bottom: 70px;
}
.Smartphones-t{
	margin: 0 auto;
	width:60%;
	text-align: center;
}

.Smartphones-t h1{
	font-size:80px;
	text-align: center;
}
/* Pag Shop main*/
/*Shop deel1*/
.container-shop{	
	padding:150px;
	min-height:60vh;
}
.shop-title h1{
	text-align: center;
	padding-top:30px;
font-size:80px;

line-height: 1;
}
.shop-body-t, .Smartphones-t p{
padding-top: 20px;
color:#3F3F3F;
font-size:22px;
line-height:1.8;
font-weight: 300;
}

.shop-3sel{
	background: url("Beelden/shop-main.svg") no-repeat;
	background-size: cover;
	background-position: center top;
	min-height: 50vh;
	margin-bottom: 70px;
}
.shop-selectie{
	text-align: center;
}

.smartphone-selectie, .tablet-selectie, .portable-selectie{
	padding-top:50px;	
	max-height:200px;
}

.smartphone-border h3, .tablet-border h3, .portable-border h3{
	padding-top: 40px;
	padding-bottom: 30px;
}
.smartphone-border:hover,  .tablet-border:hover, .portable-border:hover{
	cursor: pointer;
	transition: all .2s ease-in-out;
	transform: scale(1.1);
	box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 4px 4px 4px 0px rgb(113 108 108 / 55%);
}
.smartphone-border, .tablet-border, .portable-border{
	border:1px solid #878787;
	border-radius: 50px;
	max-width: 330px;
	margin: 0 auto;
}
/*Login formulier*/
.contact-form .textarea {
    padding-top: 15px;
    min-height: 220px;
    resize: none;
    border-radius: 20px;
}
.container-formulier {
	padding-top: 20px;
	width: 70%;
	margin: auto;
}
.formulier-control:focus {
	box-shadow: 0 0 0 1px #ef7113;
	-webkit-box-shadow:  0 0 1px #ef7113;
	-moz-box-shadow:  0 0 1px #ef7113;
	outline:none; 
}
.formulier-control{
	box-shadow: none;
	-webkit-box-shadow:  none;
	-moz-box-shadow: none;
	border: none;
	height: 50px;
	background-color: #d6d6d6;
	border-radius: 50px;
	width: 100%;
	margin-top:20px;
	text-align: left;
	padding-left:20px;
	outline:none;
}
.container-formulier{
	text-align: center;
}

/*Pag Lokale voordelen*/
.fa-chevron-down{
float:right;
}
.rij-lv{
	margin-bottom:50px;
}
.toon-camera, .toon-kleur{
	margin-top:10px;
	display:none;
	text-align: left;
}
.cover-lv{
	margin-left:100px;
}
.cover-lv h1{
	font-size:80px;
	color:#003399;
}
.container-lv{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url("Beelden/Cover-LV.svg") no-repeat;
	background-position: right center;
	background-size: cover;
	background-color: white;
	min-height: 100vh;
	width: 100%;
}
.lijst-groep-lv-res{
	Display:none;
}
.b-cover-t h3{
	color: #ef7113;
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
}
.card-lv {
	box-shadow: 2px 5px 12px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 2px 5px 12px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 2px 5px 12px 0px rgb(113 108 108 / 55%);
	width: 100%;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	padding:25px;
	transition: all .2s ease-in-out;
	min-height:400px;


}
.card-lv:hover {
	transform: scale(1.1);
	box-shadow: 5px 10px 12px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 5px 10px 12px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 5px 10px 12px 0px rgb(113 108 108 / 55%);
	
}
.card-lv h4 {
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.card-img-lv{
	object-fit: cover;
    width: 100%;
    height: 150px;
	border-radius:20px;
}
.card-body{
	font-size:12px;
}
.card-text{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	/* number of lines to show */
	-webkit-box-orient: vertical;
}
/*Search bar*/
.zoekbalk{
	max-width:300px;
	margin:auto;
}
.zoekbalk input[type=text] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
	background:white;
}
.zoek-icon {
	float: left;
	width: 20%;
	padding: 10px;
	background: #ef7113;
	border-radius:0 20px 20px 0 ;
	color: white;
	font-size: 17px;
	border: 1px solid grey;
	border-left: none;
	cursor: pointer;
}
.zoek-icon:hover {
	background: #ef7213c9;
}
.zoekbalk::after {
	content: "";
	clear: both;
	display: table;
}
/* knop lokale voordelen cover*/
.fa-angle-down{
	visibility: hidden;
	font-size:16px;
}
.knop-lv-c:hover > .fa-angle-down {
	padding-left:8px;
	visibility: visible;
	font-size:16px;
	color:#ef7113;
	transition: 0.3s;
	font-weight: 900;
}
.knop-lv-c{
	margin-top: 10px;
	background-color: #ef7113;
	color: white;
	padding: 10px 20px;
	border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #ef7113;
	display: inline-block;
	text-align: center;
	max-width: 230px;
	cursor: pointer;
}
/* navigatie links lokale voordelen*/
.lijst-groep-lv {
	border: 1px solid transparent;
}

.lijst-groep-lv button {
	margin-top:5px;
	background-color: white;
	text-align: left;
	font-size: 16px;
	border: 1px solid transparent;
	color: #8e8e8e;
	padding: 10px 10px;
	cursor: pointer;
	width: 100%;
	display: block;
}
.lijst-groep-lv button:hover {
	border: 1px solid #8e8e8e;
	border-radius:50px;
	color:black;
	box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
     -moz-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	outline:none;
}
.lijst-groep-lv button:active{
	border: 1px solid #8e8e8e;
	border-radius:50px;
	color:black;
	box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	outline:none;
}
.lijst-groep-lv button:focus{
	border: 1px solid #8e8e8e;
	border-radius:50px;
	color:black;
	box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	-webkit-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	-moz-box-shadow: 0px 2px 3px 0px rgb(113 108 108 / 55%);
	outline:none;
}
/*responsive*/
/* Large Devices, Wide Screens */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	/*Deel 1 cover*/
	.container-main{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: url("Beelden/cover-vub-tab.jpg") no-repeat;
		background-position: top right;
		background-size: cover;
		background-color: white;
		min-height: 100vh;
		width: 100%;
	}
	.deel1-inhoud {
		margin-left:60px;
	}
	/*VUB Deel 2*/
	.almuni-pass {
		width: 35%;
		margin-top: -50px;
	}
	.Deel2-text {
		text-align: center;
		padding: 0 80px;
	}
	.Deel2-text h1 {
		font-size: 50px;
	}
	/*Deel 3*/
	.vub-d3-b1 {
		padding: 50px 80px;
	}
	.vub-d3-b2, .vub-d3-b3, .vub-d3-b4 {
		text-align: center;
		padding: 0;
		color: white;
	}
	.vub-d3-b2{
		padding-left: 30px;
	}
	.vub-d3-b4{
		padding-right: 30px;
	}
	/*Shop*/
	.container-shop {
		padding: 120px 50px 60px;
		min-height: 40vh;
		text-align: center;
	}
	.shop-title h1 {
		text-align: center;
		font-size: 60px;
		line-height: 1;
		padding-top: 40px;
	}
	.shop-body-t p {
		padding-top: 0px;
		color: #3F3F3F;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
	}
	.smartphone-border, .tablet-border, .portable-border {
		border: 1px solid #878787;
		border-radius: 50px;
		max-width: 330px;
		margin: 30px auto;
	}	
	/*VUB Deel 4*/

	/*VUB Deel 5*/

	/*Lokale voordelen*/
	.container-lv{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: url("Beelden/Cover-LV-tab.svg") no-repeat;
		background-position: top center;
		background-size: cover;
		background-color: white;
		min-height: 100vh;
		width: 100%;
	}
	/* login pag*/
	.card-student{
		max-width: 60%;
	}
	.container-login .col-lg-6 {
		height:100%;
		display: block;
	}
	.login-info{
		border-bottom:2px solid #9e9e9e;
		border-right:none;
		margin-right:auto;
		padding:80px;
	}
	.login-box {
		border-left:none;
		margin-left:auto;
		padding:80px;
	}
	/*Footer*/
	.footer-container {
		padding-left: 30px;
	}
	.fr-vub-body {
		font-family: 'Roboto', sans-serif;
		margin: 40px 0;
		text-align: center;
		color: white;
		font-size: 40px;
		font-weight: 400;
	}
	.fr-sm-m, .fr-m-m, .fr-sbr-m {
		padding: 30px 30px 0px 30px;
	}
	.fr-sm-t, .fr-m-t, .subscribe-form {
		padding: 20px 30px 0px 30px;
	}
	.Titel-footer {
		font-size: 30px;
		padding-top: 10px;
	}
	.Ondertitel-footer {
		font-size: 20px;
	}
	.fr-img-m,.fr-img-sbr, .fr-img-sm {
		width: 65px;
		padding-right: 20px;
	}
	.footer-logo {
		padding: 30px 0px 50px 30px;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	/*Deel 1*/
	.container-main{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: url("Beelden/cover-vub-tab-767.svg") no-repeat;
		background-position: top right;
		background-size: cover;
		background-color: white;
		min-height: 100vh;
		width: 100%;
	}
	.deel1-inhoud {
		margin-left:60px;
	}
	/*Deel 2*/
	.almuni-pass {
		width: 35%;
		margin-top: -40px;
	}
	.Deel2-text {
				text-align: center;
				padding: 0 80px;
			}
	.Deel2-text h1 {
				font-size: 50px;
			}
	/*Deel 3*/

	/*Deel 4*/
	.deel4 h1 {
		font-size: 35px;
		color: #003399;
	}
	/*Deel 5*/
	.deel5 {
		margin: 30px auto;
		padding:40px;
	}
	.foto-student-1, .foto-student-2 {
		max-width: 70%;	
	}
	/*Shop Deel 1 cover*/
	.shop-3sel {
		background: url(Beelden/shop-main.svg) no-repeat;
		background-size: cover;
		background-position: center top;
		min-height: 40vh;
		margin-bottom: 0px;
	}
	.container-shop {
		padding: 120px 50px 60px;
		min-height: 40vh;
		text-align: center;
	}
	.shop-title h1 {
		text-align: center;
		font-size: 60px;
		line-height: 1;
		padding-top: 40px;
	}
	.shop-body-t p {
		padding-top: 0px;
		color: #3F3F3F;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
	}
	.smartphone-border, .tablet-border, .portable-border {
		border: 1px solid #878787;
		border-radius: 50px;
		max-width: 330px;
		margin: 30px auto;
	}
	/*Pag Lokale voordelen*/
	.smartphones-3sel {
		margin-bottom: 0px;
	}
	.Smartphones-t {
		padding: 20px 50px;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.container-smartphones {
		padding: 100px 50px 50px;
		min-height: 60vh;
	}
	.card-toestellen {
		width: 70%;
		margin: 30px auto;
	}
	.toon-camera, .toon-kleur{
		text-align:center;
	}
	.knop-cat{
		background-color:white ;
	}
	.cover-lv{
		margin-left:60px;
	}

	.lijst-groep-lv{
		Display:none;
	}
	.lijst-groep-lv-res {
		Display:block;
		margin-top:30px;
		border: 1px solid transparent;
	}
	.lijst-groep-lv-res button {
		margin-top:5px;
		text-align: center;
		font-size: 16px;
		border: 1px solid transparent;
		color: #8e8e8e;
		padding: 10px 10px;
		cursor: pointer;
		width: 100%;
		display: block;
	}
	.lijst-groep-lv-res button:hover {
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.toon-bar{
		color:white;
	}
	.knop-actief-cat{
		background-color: #ef7113;
		border-radius:50px;
	}
	.lijst-groep-lv-res button:active{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.lijst-groep-lv-res button:focus{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.card-lv {
		width: 70%;
		margin:30px auto;
	}
	.lijst-groep-lv button{
		text-align: center;
	}
	/*Pag register*/
	.form-lbl{
		margin-bottom: 20px;
	}
	/* login pag*/
	.card-student{
		max-width: 60%;
	}
	.container-login .col-lg-6 {
		height:100%;
		display: block;
		width:100%;
	}
	.login-info{
		border-bottom:2px solid #9e9e9e;
		border-right:none;
		margin-right:auto;
		padding:80px;
	}
	.login-box {
		border-left:none;
		margin-left:auto;
		padding:80px;
	}
	.b-cover-t {
		width: 75%;
		margin: 0 auto;
		padding: 0px;
	}
	.c-container {
		display: flex;
		align-items: center;
		padding: 24px !important;
		background: url("Beelden/h-cover-tab.svg") no-repeat;
		background-size: cover;
	}
	.card {
		width: 100%;
	}
	.Intro-deel-2 {
		padding-top: 90px;
	}
	.contact-form {
		width: 70%;
		margin: auto;
	}
	/*Footer*/
	.footer-container {
		padding-left: 30px;
	}
	.fr-vub-body {
		font-family: 'Roboto', sans-serif;
		margin: 40px 0;
		text-align: center;
		color: white;
		font-size: 40px;
		font-weight: 400;
	}
	.fr-sm-m, .fr-m-m, .fr-sbr-m {
		padding: 30px 30px 0px 30px;
	}
	.fr-sm-t, .fr-m-t, .subscribe-form {
		padding: 20px 30px 0px 30px;
	}
	.Titel-footer {
		font-size: 30px;
		padding-top: 10px;
	}
	.Ondertitel-footer {
		font-size: 20px;
	}
	.fr-img-m, .fr-img-sbr, .fr-img-sm {
		width: 65px;
		padding-right: 20px;
	}
	.footer-logo {
		padding: 30px 0px 50px 30px;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width: 481px) and (max-width: 767px) {
		/*Pag VUB home*/
		.container-main{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			background: url("Beelden/cover-vub-tab.svg") no-repeat;
			background-position: top center;
			background-size: cover;
			background-color: white;
			min-height: 100vh;
			width: 100%;
	}
	.deel1-inhoud{
		margin-left:30px;
	}
	.deel1-inhoud h1{
		font-size:30px;
	}
	.deel1-inhoud p{
		font-size:16px;
		padding-bottom: 20px;
	}
	.knop-standaard{
		margin:10px auto;
	}
	/*Deel 2*/
	.almuni-pass {
		width: 40%;
		margin-top: -40px;
	}
	/*Deel 3*/
	/*Deel 4*/
	.deel4-title {
		margin: 100px auto 50px;
		width: 100%;
		text-transform: uppercase;
	}
	.deel4-title h1{
		font-size:30px;
		padding: 0 30px;
	}
	/*Deel 5*/
	.blok2{
		padding:0 30px;
	}
	/*Pag shop main*/
.container-shop {
    padding: 60px 24px;
	min-height: 60vh;
	text-align: center;
}
	.shop-title h1 {
		text-align: center;
		font-size: 40px;
		line-height: 1;
	}
	.shop-body-t p {
		padding-top: 0px;
		color: #3F3F3F;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
	}
	.smartphone-border, .tablet-border, .portable-border {
		border: 1px solid #878787;
		border-radius: 50px;
		max-width: 330px;
		margin: 30px auto;
	}
	/*Pag Lokale voordelen*/
	.toon-camera, .toon-kleur{
		text-align:center;
	}
	.knop-cat{
		background-color:white ;
	}
	.cover-lv{
		margin-left:45px;
		padding:30px;
	}	
	.cover-lv h1{
		font-size:50px;
	}
	.container-lv{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: url("Beelden/Cover-LV-tab.svg") no-repeat;
		background-position: top center;
		background-size: cover;
		background-color: white;
		min-height: 100vh;
		width: 100%;
	}
	.toon-bar{
		color:white;
	}
	.lijst-groep-lv{
		Display:none;
	}
	.lijst-groep-lv-res {
		Display:block;
		margin-top:30px;
		border: 1px solid transparent;
	}
	.lijst-groep-lv-res button {
		margin-top:5px;
		text-align: center;
		font-size: 16px;
		border: 1px solid transparent;
		color: #8e8e8e;
		padding: 10px 10px;
		cursor: pointer;
		width: 100%;
		display: block;
	}
	.lijst-groep-lv-res button:hover {
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.knop-actief-cat{
		background-color: #ef7113;
		border-radius:50px;
	}
	.lijst-groep-lv-res button:active{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.lijst-groep-lv-res button:focus{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.card-lv {
		width: 70%;
		margin:30px auto;
	}
	.lijst-groep-lv button{
		text-align: center;
	}
	/*Pag register*/
	.form-lbl{
		margin-bottom: 20px;
	}
	/* login pag*/
	.container-login .col-lg-6 {
		height:100%;
		display: block;
		margin:auto;
	}
	.login-info{
		border-bottom:2px solid #9e9e9e;
		border-right:none;
		margin-right:auto;
		padding:80px;
	}
	.card-student{
		max-width: 80%;
	}
	.form-control-login {
		width: 80%;
	}
	.login-box {
		border-left:none;
		margin:auto;
		padding:80px;
	}
	.card {
		width: 100%;
	}
	.Intro-deel-2 {
		padding-top: 90px;
	}
	.contact-form {
		width: 70%;
		margin: auto;
	}
	.container-deel3 {
		display: block;
		padding-top: 40%;
	}
	/*Footer*/
	.footer-container {
		padding: 50px 0px 0px 30px;
	}
	.fr-vub-body {
		font-family: 'Roboto', sans-serif;
		margin: 40px 0;
		text-align: center;
		color: white;
		font-size: 40px;
		font-weight: 400;
	}
	.subscribe-form, .fr-sm-t, .fr-m-t {
		padding: 20px 30px 0px 30px;
	}
	.fr-sm-m, .fr-m-m, .fr-sbr-m {
		padding: 30px 30px 0px 30px;
	}
	.Titel-footer {
		font-size: 30px;
		padding-top: 10px;
	}
	.Ondertitel-footer {
		font-size: 20px;
	}
	.fr-img-m, .fr-img-sbr, .fr-img-sm {
		width: 65px;
		padding-right: 20px;
	}
	.footer-logo {
		padding: 30px 0px 50px 30px;
}
.container .navbar-header{
	width:80%;
	margin:0 auto;
	text-align:center
}
.navbar-inverse .navbar-toggle{
	border:none;
	background-color:#003399 !important;
	margin:20px;
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
	border-top: 3xp solid #EF7113;
	background-color:#EF7113;
	text-align:center;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 397px)and (max-width: 480px) {
			/*Pag VUB home*/
/*Deel 1 cover*/
.logo-header{
	max-width: 150px;
}
.container-main{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url("Beelden/cover-vub-tab.svg") no-repeat;
	background-position: top center;
	background-size: cover;
	background-color: white;
	min-height: 100vh;
	overflow: hidden;
	width:100%;
}
.deel1-inhoud {
	margin-left: 0px;
	padding:24px;
}
.deel1-inhoud h1{
	font-size:30px;		
}
.deel1-inhoud p{
	font-size:16px;		
}
.knop-standaard{
	margin:10px auto;
}
/*Deel 2*/
.almuni-pass {
    width: 38%;
    margin-top: -20px;
}
.Deel2-text h1 {
	font-size: 32px;
	font-weight: 700;
	color: #003399;
}
.Deel2-text h2 {
	font-size: 18px;
	font-weight: 400;
	color: #58595B;
}
.d2-body-links p {
	font-size: 20px;
	color: black;
	font-weight: 600;
	line-height: 140%;
	padding-bottom: 70px;
}
.vub-d2-body-rechts, .vub-d2-body-links {
	text-align: center;
	padding-top: 24px;
}
.vub-d2-body-rechts p,  .vub-d2-body-links p{
	font-size: 20px;
	color: black;
	font-weight: 600;
	line-height: 140%;
	padding-bottom: 0px;
}
.vub-d2-body-rechts h1, .vub-d2-body-links h1{
	margin-right: 0;
	font-weight: 600;
	font-size: 80px;
	line-height: 1;
}
/*VUB deel3*/
.container-voordelen{
	padding:20px;
}
.vub-d3-b2, .vub-d3-b3, .vub-d3-b4 {
	text-align: left;
	padding: 24px;
}
.vub-d3-b1 {
	padding: 24px;
}
.vub-d3-b1 h1 {
	font-size: 50px;
}
.vub-d3-b1 h3 {
	font-size: 30px;
}
/*Vub deel4*/
.student-body-l p, .student-body-r p {
	padding-top: 0px;
}
.student-body-l {
	padding: 0px 24px;
	color: white;
	font-size: 14px;
}
.student-body-r {
	padding: 24px;
	color: white;
	font-size: 14px;
}
.deel4-title h1 {
 font-size: 25px;
}
.deel4-title {
	text-align: center;
	margin:0;
	padding:50px 30px 25px 30px;
    width: 100%;
    text-transform: uppercase;
}
/*Deel5 */
.contact-form {
	padding-top: 0;
	width: 100%;
	margin: auto;
}
.deel5 {
	margin: 20px auto;
	padding:24px;
}
.blok2 h1{
	font-size:25px;
}
/*einde deel5 */

	/*Shop Deel 1 cover*/
.container-shop {
    padding: 60px 24px;
	min-height: 60vh;
	text-align: center;
}
	.shop-title h1 {
		text-align: center;
		font-size: 40px;
		line-height: 1;
	}
	.shop-body-t p {
		padding-top: 0px;
		color: #3F3F3F;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
	}
	.smartphone-border, .tablet-border, .portable-border {
		border: 1px solid #878787;
		border-radius: 50px;
		max-width: 330px;
		margin: 30px auto;
	}
	/*Pag Lokale voordelen*/
	.card-toestellen {
		border: 1px solid #878787;
		width: 70%;
		margin: 30px auto;
		background-color: white;
		border-radius: 20px;
		text-align: center;
		padding: 25px;
		transition: all .2s ease-in-out;
	}
	.smartphones-3sel {
		background: url(Beelden/shop-smartphones.svg) no-repeat;
		background-size: cover;
		background-position: center top;
		min-height: 35vh;
		margin-bottom: 0px;
	}
	.Smartphones-t {
		width: 100%;
		text-align: center;
	}
	.container-smartphones {
		padding: 80px 24px 50px;
		min-height: 60vh;
	}
	.Smartphones-t h1 {
		font-size: 40px;
		text-align: center;
	}
	.toon-camera, .toon-kleur{
		text-align:center;
	}
	.knop-cat{
		background-color:white ;
	}
	.toon-bar{
		color:white;
	}
	.lijst-groep-lv{
		Display:none;
	}
	.lijst-groep-lv-res {
		Display:block;
		margin-top:30px;
		border: 1px solid transparent;
	}
	.lijst-groep-lv-res button {
		margin-top:5px;
		text-align: center;
		font-size: 16px;
		border: 1px solid transparent;
		color: #8e8e8e;
		padding: 10px 10px;
		cursor: pointer;
		width: 100%;
		display: block;
	}
	.lijst-groep-lv-res button:hover {
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.knop-actief-cat{
		background-color: #ef7113;
		border-radius:50px;
	}
	.lijst-groep-lv-res button:active{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.lijst-groep-lv-res button:focus{
		border: 1px solid #8e8e8e;
		border-radius:50px;
		color:black;
		box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		-moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
		outline:none;
	}
	.card-lv {
		width: 70%;
		margin:30px auto;
	}
	.lijst-groep-lv button{
		text-align: center;
	}
	/*Pag register*/
	.form-lbl{
		margin-bottom: 20px;
	}
	/* login pag*/
	.container-login .col-lg-6 {
		height:100%;
		display: block;
		margin:auto;
	}
	.login-info{
		border-bottom:2px solid #9e9e9e;
		border-right:none;
		margin-right:auto;
		padding:24px;
	}
	.card-student{
		max-width: 80%;
	}
	.form-control-login {
		width: 100%;
	}
	.login-box {
		border-left:none;
		margin:auto;
		padding:24px;
	}
	.b-cover-t h1 {
		font-size: 40px;
	}
	.b-cover-t {
		margin-top: 60%;
	}
	/*Deel 2*/
	.Intro-deel-2 {
		padding-top: 120px;
		text-align: center;
	}
	.titel-deel-2 {
		font-size: 35px;
		font-weight: 800;
	}
	/*Deel 3*/
	.container-deel3 {
		padding-top: 150px;
		text-align: center;
		display: block;
	}
	/* Footer vub*/
	.fr-vub-body {
		font-family: 'Roboto', sans-serif;
		margin: 40px 0;
		text-align: center;
		color: white;
		font-size: 40px;
		font-weight: 400;
	}
	/*Footer*/
	.fr-sbr-m, .fr-sm-m, .fr-m-m {
		padding: 30px 30px 0px 30px;
	}
	.subscribe-form, .fr-sm-t, .fr-m-t {
		padding: 20px 30px 0px 30px;
	}
	.Titel-footer {
		font-size: 22px;
		padding-top: 10px;
	}
	.Ondertitel-footer {
		font-size: 14px;
	}
	.fr-img-m, .fr-img-sbr, .fr-img-sm {
		width: 65px;
		padding-right: 20px;
	}
	.footer-container {
		padding: 50px 0px 0px 0px;
	}
	.footer-logo {
		padding: 30px 0px 30px 30px;
}
.hisk-logo {
	max-width:140px;
}
.vub-logo {
	max-width:200px;
}
/*nav*/
.container .navbar-header{
	width:80%;
	margin:0 auto;
	text-align:center
}
.navbar-inverse .navbar-toggle{
	border:none;
	background-color:#003399 !important;
	margin:20px;
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
	border-top: 3xp solid #EF7113;
	background-color:#EF7113;
	text-align:center;
}
}
/* Custom, iPhone Retina */
@media only screen and (min-width: 250px)and (max-width: 396px) {
    /*Pag Smartphones */
    .smartphones-3sel {
        background: url(Beelden/shop-smartphones.svg) no-repeat;
        background-size: cover;
        background-position: center top;
        min-height: 35vh;
        margin-bottom: 0px;
    }

    .Smartphones-t {
        width: 100%;
        text-align: center;
    }

    .container-smartphones {
        padding: 80px 24px 50px;
        min-height: 60vh;
    }

    .Smartphones-t h1 {
        font-size: 40px;
        text-align: center;
    }

    .shop-body-t, .Smartphones-t p {
        padding-top: 20px;
        color: #3F3F3F;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 300;
    }
    /*Nav left smartphones*/
    /*einde nav left*/
    .lijst-groep-lv-res {
        margin-bottom: 30px;
    }

        .lijst-groep-lv-res button {
            margin-top: 5px;
            text-align: center;
            font-size: 16px;
            border: 1px solid transparent;
            color: #8e8e8e;
            padding: 10px 10px;
            cursor: pointer;
            width: 100%;
            display: block;
        }

    .card-toestellen {
        border: 1px solid #878787;
        width: 70%;
        margin: 30px auto;
        background-color: white;
        border-radius: 20px;
        text-align: center;
        padding: 25px;
        transition: all .2s ease-in-out;
    }
    /*Pag shop main*/
    /*Shop Deel 1 cover*/
    .container-shop {
        padding: 60px 24px;
        min-height: 60vh;
        text-align: center;
    }

    .shop-title h1 {
        text-align: center;
        font-size: 40px;
        line-height: 1;
    }

    .shop-body-t p {
        padding-top: 0px;
        color: #3F3F3F;
        font-size: 16px;
        line-height: 1.8;
        font-weight: 300;
    }

    .smartphone-border, .tablet-border, .portable-border {
        border: 1px solid #878787;
        border-radius: 50px;
        max-width: 330px;
        margin: 30px auto;
    }
    /*Pag VUB home*/
    /*VUB Deel 1 cover*/
    .container-main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: url("Beelden/cover-vub-tab.svg") no-repeat;
        background-position: top center;
        background-size: cover;
        background-color: white;
        min-height: 100vh;
        overflow: hidden;
        width: 100%;
    }

    .logo-header {
        max-width: 150px;
    }

    .deel1-inhoud {
        margin-left: 24px;
        padding: 0;
    }

        .deel1-inhoud h1 {
            font-size: 30px;
            width: 80%;
        }

        .deel1-inhoud p {
            font-size: 14px;
            width: 90%;
        }

    .knop-standaard {
        margin: 10px auto;
    }
    /*Deel 2*/
    .almuni-pass {
        width: 38%;
        margin-top: -20px;
    }

    .Deel2-text h1 {
        font-size: 32px;
        font-weight: 700;
        color: #003399;
    }

    .Deel2-text h2 {
        font-size: 18px;
        font-weight: 400;
        color: #58595B;
    }

    .d2-body-links p {
        font-size: 20px;
        color: black;
        font-weight: 600;
        line-height: 140%;
        padding-bottom: 70px;
    }

    .vub-d2-body-rechts, .vub-d2-body-links {
        text-align: center;
        padding-top: 24px;
    }

        .vub-d2-body-rechts p, .vub-d2-body-links p {
            font-size: 20px;
            color: black;
            font-weight: 600;
            line-height: 140%;
            padding-bottom: 0px;
        }

        .vub-d2-body-rechts h1, .vub-d2-body-links h1 {
            margin-right: 0;
            font-weight: 600;
            font-size: 80px;
            line-height: 1;
        }
    /*VUB deel3*/
    .container-voordelen {
        padding: 20px;
    }

    .vub-d3-b2, .vub-d3-b3, .vub-d3-b4 {
        text-align: left;
        padding: 24px;
    }

    .vub-d3-b1 {
        padding: 24px;
    }

        .vub-d3-b1 h1 {
            font-size: 50px;
        }

        .vub-d3-b1 h3 {
            font-size: 30px;
        }
    /*Vub deel4*/
    .student-body-l p, .student-body-r p {
        padding-top: 0px;
    }

    .student-body-l {
        padding: 0px 24px;
        color: white;
        font-size: 14px;
    }

    .student-body-r {
        padding: 24px;
        color: white;
        font-size: 14px;
    }

    .deel4-title h1 {
        font-size: 25px;
    }

    .deel4-title {
        text-align: center;
        margin: 0;
        padding: 50px 30px 25px 30px;
        width: 100%;
        text-transform: uppercase;
    }
    /*Deel5 */
    .contact-form {
        padding-top: 0;
        width: 100%;
        margin: auto;
    }

    .deel5 {
        margin: 20px auto;
        padding: 24px;
    }

    .blok2 h1 {
        font-size: 25px;
    }
    /*einde deel5 */

    .toon-bar {
        color: white;
    }

    .lijst-groep-lv {
        Display: none;
    }

    .lijst-groep-lv-res {
        Display: block;
        margin-top: 30px;
        border: 1px solid transparent;
    }

        .lijst-groep-lv-res button {
            margin-top: 5px;
            text-align: center;
            font-size: 16px;
            border: 1px solid transparent;
            color: #8e8e8e;
            padding: 10px 10px;
            cursor: pointer;
            width: 100%;
            display: block;
        }

            .lijst-groep-lv-res button:hover {
                border: 1px solid #8e8e8e;
                border-radius: 50px;
                color: black;
                box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
                -webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
                -moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
                outline: none;
            }

    .knop-actief-cat {
        background-color: #ef7113;
        border-radius: 50px;
    }

    .lijst-groep-lv-res button:active {
        border: 1px solid #8e8e8e;
        border-radius: 50px;
        color: black;
        box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        -webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        -moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        outline: none;
    }

    .lijst-groep-lv-res button:focus {
        border: 1px solid #8e8e8e;
        border-radius: 50px;
        color: black;
        box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        -webkit-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        -moz-box-shadow: 0px 2px 20px 0px rgb(113 108 108 / 55%);
        outline: none;
    }
    /*Pag Lokale voordelen*/
    .toon-camera, .toon-kleur {
        text-align: center;
    }

    .knop-cat {
        background-color: white;
    }

    .card-lv {
        width: 70%;
        margin: 30px auto;
    }

    .lijst-groep-lv button {
        text-align: center;
    }
    /*Pag register*/
    .form-lbl {
        margin-bottom: 20px;
    }
    /* login pag*/
    .container-login .col-lg-6 {
        height: 100%;
        display: block;
        margin: auto;
    }

    .login-info {
        border-bottom: 2px solid #9e9e9e;
        border-right: none;
        margin-right: auto;
        padding: 24px;
    }

    .card-student {
        max-width: 100%;
    }

    .form-control-login {
        width: 100%;
    }

    .login-box {
        border-left: none;
        margin: auto;
        padding: 24px;
    }

    .subscribe-btn {
        margin: 20px auto 0;
    }

    .b-cover-t h1 {
        font-size: 40px;
    }

    .b-cover-t {
        margin-top: 60%;
    }
    /*Deel 2*/
    .Intro-deel-2 {
        padding-top: 120px;
        text-align: center;
    }

    .titel-deel-2 {
        font-size: 35px;
        font-weight: 800;
    }
    /*Deel 3*/
    .container-deel3 {
        padding-top: 150px;
        text-align: center;
        display: block;
    }
    /*Footer*/
    .fr-vub-body {
        font-family: 'Roboto', sans-serif;
        margin: 40px 0;
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: 400;
    }

    .fr-sbr-m, .fr-sm-m, .fr-m-m {
        padding: 30px 30px 0px 30px;
    }

    .subscribe-form, .fr-sm-t, .fr-m-t {
        padding: 20px 30px 0px 30px;
    }

    .Titel-footer {
        font-size: 22px;
        padding-top: 10px;
    }

    .Ondertitel-footer {
        font-size: 14px;
    }

    .fr-img-m, .fr-img-sbr, .fr-img-sm {
        width: 65px;
        padding-right: 20px;
    }

    .footer-container {
        padding: 50px 0px 0px 0px;
    }

    .footer-logo {
        padding: 30px 0px 30px 30px;
    }

    .hisk-logo {
        max-width: 140px;
    }

    .vub-logo {
        max-width: 200px;
    }
    /*Nav*/
    .container .navbar-header {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .navbar-inverse .navbar-toggle {
        border: none;
        background-color: #003399 !important;
        margin: 20px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-top: 3xp solid #EF7113;
        background-color: #EF7113;
        text-align: center;
    }
}
.row{
    margin:auto;
}
.container-register{
overflow: hidden;
}
.form-control{
	width:100%;
	background-color: white;
	outline: none;
	height: 40px;
	border-radius: 10px;
	text-align: left;
	border: 1px solid #ccc;

}
.form-control:focus{
	box-shadow: 0 0 5px #ef7113;
	border: 1px solid #ef7113;
}
.knop-standaard{
    background-color: #ef7113;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #ef7113;
    display: inline-block;
    text-align: center;
    max-width: 230px;
    cursor: pointer;
}
.knop-standaard span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.3s;
}
.knop-standaard span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
}
.knop-standaard:hover span {
	padding-right: 25px;
}
.knop-standaard:hover span:after {
	opacity: 1;
	right: 0;
	top: -8px;
	font-size:20px;
}
.glow-button:hover {
	background-color:white;
	color:#ef7113;
	border:2px solid #ef7113;
	font-weight: 900;
}
input[type="radio"] {
	margin-right:10px;
}
input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 50px;
	cursor: pointer;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
    border: 2px solid #ef7113;
    top: -1px;
	left: -1px;
}
input[type='radio']:checked:after {
	width: 25px;
	height: 25px;
	border-radius: 20px;
	top: -6.5px;
	left: -7px;
	position: relative;
	background-color: #ef7113;
	content: '';
	display: inline-block;
	visibility: visible;
	color:#ef7113;
	border: 2px solid #ef7113;
	font-weight: 900;
}
.form-lbl {
    padding: 12px 30px 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgb(90, 90, 90);
    cursor: pointer;
}
.form-group-lbl {
    text-align: left;
    padding: 0px 0px 15px 15px;
}
/*Select*/

select{
    height: 40px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left:10px;
}
select:focus{
	box-shadow: 0 0 5px #ef7113;
    border: 1px solid #ef7113;
    outline: none;
}