@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1024px) {
	
	
	body.home, body.vp, body.incrowd, body.t4, body.t5, body.t6{ background-size:180% auto; width:100%;}
	/*.lees_meer{ position:absolute; left:41%; width:18%; bottom:20px;}*/
	
	header{ background-size:100% auto;}
	img{ max-width:100%;}
	.wrapper{ width:96%;}
	.nav-item a{ padding:15px;}
	.top_slider_sec, .voor_pro{ background-size:122%;}
	.top_slider_sec #container .flexslider{ top:215px; padding: 64px 5px; width:265px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt{ font-size:24px; line-height:32px;}
	.home_white{ background-size:120%;}
	.white_left { width: 35%;}
	h2, .home_white h2{ font-size:32px;}
	.home_white p{ font-size:16px; line-height:24px;}
	.txt_rgt { margin-top: 50px;}
	h1, .blue_sec h1{ font-size:42px;}
	.blue_sec ul li a{ font-size:26px;}
	.blue_sec ul li{ padding:6px 0;}
	.home_blue .blue_left{ padding-bottom:50px;}
	.top_slider_sec{ height:auto;}
	
	.top_slider_sec #container .flexslider .flex-control-nav li a.active, .blue_sec #container .flexslider .flex-control-nav li a.active,
	.flex-control-nav li a.active,
	.blue_sec #container .flexslider .flex-control-nav li a.active{ top:2px;}
	.shdw{ background-size:100%;}
	/*voor professionals*/
	.tsc{ font-size:18px; line-height: 30px;}
	.tsc h1 { margin-bottom: 40px;}
	.white_voor_pro{ width:50%;}
	.voorProSlider{ width:45%; margin:0;}
	.voorProSlider .flexslider{ height:auto; left: 32px; top: 18px; width: 295px; padding:80px 0; width:305px;}
	.voor_pro_blue .blue_right{ font-size:14px;}
	/*t3*/
	.incrowd .top_content_sec{ background-size:110%;}
	.blue_sec .list_prod li{ width:30%; margin-right:4%;}
	.white_incrowd_lft{ width:55%; padding:0;}
	.incrowd_white{ padding:40px 0;}
	/*t4*/
	.btR a{ top:-70px;}
	/*t5*/
	.abonnementen{ top:630px; background-position: -258px 95px !important;}
	.voor_pro_blue .t5_bR{ float:left; width:50%;}
	.wrap1{ width:70%;}
	.voor_pro_blue .t5_bL{ padding-bottom:0; position:relative; width:50%;}
	.voor_pro_blue .t5_bL .shdw1{ width:100%; background-size:100% auto;}
	.voor_pro_blue .t5_bL .shdw1 img{ max-width:85%; margin-bottom:-1px;}
	/*t6*/
	.contact_top{ background-size:110% auto;}
	/**/
	.vp .voor_pro{ top:80px;}
}
@media only screen and (max-width: 980px) {
	.top_slider_sec #container .flexslider {padding: 60px 5px;top: 205px;width: 252px;}
	.homeTopSlider { height: 625px;}
	.nav-item a { padding: 12px;}
	/*t2*/
	.voorProSlider .flexslider { left: 30px; padding: 70px 0; top: 10px; width: 292px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt{ font-size:28px;}
	.abonnementen { background-position: -300px 95px !important;}
}
@media only screen and (max-width: 960px) {
	.top_slider_sec #container .flexslider { padding: 57px 5px; top: 200px; width: 248px;}
	/*T2*/
	.voorProSlider .flexslider{ width:285px; padding: 66px 0; top: -18px;}
	/*t4*/
	.wrap{ width:94%;}
	.blue_sec .list_prod li{ width:34%;}
}
@media only screen and (max-width: 800px) {
	body{ font-size:14px;}
	.nav{ font-size:13px;}
	.nav-item a { padding: 12px 5px;}
	.nav-item.social a{ height:30px; width:30px;}
	.top_slider_sec #container .flexslider { padding: 35px 5px; top: 168px; width: 204px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt { font-size: 18px; line-height: 28px;}
	.iph_slider{ right:0;}
	footer .nav{ padding:25px 0 0;}
	footer .nav .social{ margin-right:5px;}
	.nav-item.social a.twtr{ margin:0 6px;}
	
	.top_slider_sec #container .flexslider .flex-control-nav li a.active, .blue_sec #container .flexslider .flex-control-nav li a.active,
	.flex-control-nav li a.active,
	.blue_sec #container .flexslider .flex-control-nav li a.active{top:-1px;}
	/*T2*/
	.voorProSlider .flexslider { padding: 45px 0; width: 238px; left:25px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt{ font-size:22px; line-height:28px;}
	/*T3*/
	h3{font-size: 28px;}
	.blue_sec p { font-size: 14px; line-height: 24px;}
	/*t4*/
	.t4_white_img{ width:45%;}
	.t4_white_txt{ width:48%; float:right; margin-left:0;}
	.blue_sec .list_prod li { width: 30%;}
	.btR a{ right:0;}
	.btR a img{ max-width:85%;}
	.inc_cms_txt{ padding-top:30px;}
	.trans { padding: 40px 0;}
	.trans_left{ width:40%;}
	.trans_right{ width:55%;}
	.trans_right ul.appli li{ margin:0 10px;}
	.inc_cms_txt p, .trans_left p {font-size: 14px; line-height: 28px;}
	h1, .blue_sec h1 { font-size: 36px;}
	.t4_white_txt ul li { font-size: 16px;}
	.shdw1{ padding-bottom:0; background-size:100% auto;}
	h2, .home_white h2 { font-size: 24px;}
	.t4_top_sec h1 { margin-bottom: 20px;}
	/*T5*/
	.abmnt_table{ width:99%;}
	.box{ padding:10px 0.6%; width: 32%;}
	.box h2{ font-size:24px;}
	.box h3{ font-size:20px;}
	.box ul li{ font-size:13px;padding: 8px 0;}
	.box ul li span.lft_item{ font-size:16px; width: 35px;}
	.btn_sec .pink_btn{font-size: 12px; height: 28px; line-height: 26px; margin-top:10px; background-size:auto 100%;}
	
	.abonnementen { background-position: -230px 130px !important; background-size: 140% auto !important;}
	/*t6*/
	.contact_top { background-position: -95px 0 !important; background-size: 120% auto !important;}
	.contact_middle{ background-size:120% !important; }
	
	/**/
	.blue_sec .list_prod li .inc_img{ min-height:225px;}
	h3 { font-size: 24px;}
	.t4_white_img img{ margin-bottom:-2px;}
	
	/**/
	.vp .voor_pro{ top:40px;}
	
}
@media only screen and (max-width: 768px) {
	.nav-item.social a.twtr { margin: 0 3px;}
	.nav-item a { padding: 12px 4px;}
	.home_white p { font-size: 14px; line-height: 20px;}
	.top_slider_sec #container .flexslider { padding: 30px 0px; top: 161px; width: 204px;}
	/*t2*/
	.voorProSlider .flexslider{ left:23px; top:-23px; width:220px; padding: 40px 5px; height:auto;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt{ font-size: 20px; line-height:28px;}
}
@media only screen and (max-width: 685px) {
	
	body.home, body.vp, body.incrowd, body.t4, body.t5, body.t6{ background-size:250% auto; width:100%;}
	.vp .voor_pro{ background-size:22%; top:30px;}
	.lees_meer{ display:none;}
	
	header .wrapper{ position:static;}
	.nav-item:hover .nav-submenu{ background:0; border:0;}
	.nav-item.active .nav-submenu-item{ padding:0 20px;}
	.nav { position:absolute; left:0; font-size:20px;}
	.nav-mobile{ margin-top:20px;}
	.nav-list{ background:#fff; position:relative; top:22px; padding:20px; border-bottom:5px solid #23A1C9; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); }
	.social{ margin-top:20px; border-top:1px solid #dedede; padding-top:10px;}
	.nav-item.social a { height: 38px; width: 38px;}
	.nav-item.social a.twtr { margin: 0 15px;}
	/**/
	.top_slider_sec { background-position: -140px -90px; background-size: auto auto; min-height:0; padding-bottom:15px;}
	.top_slider_sec #container .flexslider { left: 2px; padding: 80px 5px; top: 152px; width: 295px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt {font-size: 28px;line-height: 38px;}
	.home_white{ min-height:0;padding: 40px 0 260px; background-size:100% auto; background-position:left bottom;}
	.white_left { width: 100%;}
	.blue_left{ width:100%;}
	.blue_upper{ padding: 40px 0;}
	.blue_lower{ padding: 40px 0;}
	footer .nav{ display:none;}
	h1, .blue_sec h1 {font-size: 32px;}
	h2, .home_white h2 {font-size: 28px;}
	
	.iph_slider{ top:auto; right:auto; bottom:-615px; left:190px;}
	.home_blue .blue_lower{ margin-top:575px;}
	/*T2*/
	.voor_pro{ background:url(../images/voor_prof_mobile.png) right top no-repeat; background-size:30%; right: 20px;}
	.voorProSlider{ width:100%; background:url(../images/voor_prof_slider_bg.png) right top no-repeat;}
	.voorProSlider { background: url("../images/voor_prof_slider_bg.png") no-repeat scroll right -250px rgba(0, 0, 0, 0); height: 450px; width: 100%;}
	.voor_prof_white{ padding-bottom:0;}
	.voorProSlider .flexslider { height: auto; left: 48px; padding: 95px 5px; top: 60px; width: 330px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt { font-size: 28px; line-height: 36px;}
	.voor_pro_blue .blue_left{ width:100%; text-align:center;}
	.voor_pro_blue .blue_right{ width:100%;}
	.voor_pro_blue .blue_upper{ padding:40px 0;}
	/*T3*/
	.incrowd .top_content_sec{ background-size:120%; background-position: right top;}
	.white_incrowd_rgt{ width:100%; text-align:center;}
	.tsc{ padding-top:0;font-size: 14px; line-height: 28px;}
	.tsc h1 { margin-bottom: 20px;}
	.blue_sec .list_prod li{ width:100%; margin:0 0 5%;}
	/*t4*/
	.inc_cms_txt { padding-top: 80px;}
	.trans_left, .trans_right{ width:100%;}
	.incrowd_btm_blue{ padding:40px 0;}
	.t4_white_txt{ padding-top:80px;}
	.t4_white_img img{ max-width:85%; position:relative; bottom:-3px;}
	/*t5*/
	.box { padding: 20px 1%; width: 98%; border-right:0; border-bottom: 1px solid #E6E6E6;}
	.abnmnt{ width:70%; padding-bottom:115px;}
	.abonnementen { background-position: 45px 475px !important; background-size: 100% auto !important; right: 0; top: 650px; height:1248px;}
	.voor_pro_blue .t5_bL .shdw1 img {margin-bottom: 3px;}
	/*t6*/
	.contact_lft{ width:50%; margin-bottom:40px; }
	.contact_middle{ background-size:140% !important; height:110%; right:0; top:465px !important;}
	.contact_add h4{ font-size:20px;}
	.contact_add p { line-height: 24px;}
	
	/**/
	.voor_pro_blue{ margin-bottom:0;}
	.btn_sec { text-align: right;}
}
@media only screen and (max-width: 640px) {
	.voorProSlider .flexslider{ left:5px;}
}
@media only screen and (max-width: 600px) {
	.voorProSlider{ background-size:220%; background-position:right -200px;}
	.voorProSlider .flexslider{ left: 25px; top: 80px; width: 298px; padding: 80px 5px;}
	.voor_pro{ top:80px;}
	/*t4*/
	.btR a { top: 20px; width: 65%;}
	.btR a img { max-width: 100%;}
	.inc_cms_img{ text-align:center;}
	.inc_cms_img, .inc_cms_txt{ width:100%;}
	.inc_cms_txt{padding-top: 20px;}
	.incrowd_white { padding: 100px 0 40px;}
	.t4_top_img{ width:100%;}
	.iph_slider{ left:155px;}
	.abonnementen{ top:650px;}
	.voor_pro_blue .t5_bL .shdw1 img { margin-bottom: 2px;}
}
@media only screen and (max-width: 568px) {
	.voorProSlider { background-position: right -170px;}
	.voorProSlider .flexslider{top: 95px;width: 280px; padding: 72px 5px;}
	/*t4*/
	.t4_white_txt ul li {font-size: 14px;}
	.btL{ width:55%;}
	.btR{ width:35%;}
	.btR a{ width:100%;}
	/*t6*/
	.contact_top{ background-size: 125% auto !important;}
}
@media only screen and (max-width: 480px) {
	body{ font-size:13px;}
	.home_white p {font-size: 13px; line-height: 18px;}
	.top_slider_sec { background-position: -110px -80px; background-size: 225% auto;}
	.top_slider_sec #container .flexslider { left: 0; padding: 45px 5px; top: 105px; width: 226px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt { font-size: 22px; line-height: 28px;}
	.homeTopSlider { height: 415px;}
	.home_white{ background-position: -125px bottom; background-size: 133% auto;}
	.blue_left{ padding-top:0;}
	.top_slider_sec #container .flexslider .flex-control-nav li a, .voorProSlider .flexslider .flex-control-nav li a{ background-size:100%; background-position: 0 2px; width:10px; height:10px;}
	.top_slider_sec #container .flexslider .flex-control-nav li a.active, .voorProSlider .flexslider .flex-control-nav li a.active{ background-size:100%; background-position: 0 -8px; width:10px; height:10px; position: relative; top: 1px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt{ padding-top:10px;}
	.blue_sec ul li a { font-size: 24px;}
	.iph_slider { left: 90px;}
	/*T2*/
	.vp .voor_pro{ display:none;}
	.tsc{ width:100%;}
	.voorProSlider{ height:330px;}
	.voorProSlider .flexslider{ top:55px;left: 18px; padding: 48px 5px; width: 238px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt { font-size: 24px; line-height: 30px;}
	.blue_sec ul.list_bullet li{ background-position:left 15px;}
	h2, .home_white h2 { font-size: 24px;}
	.blue_sec p { line-height: 20px;}
	.voor_pro_blue .blue_right{ font-size:13px;}
	.blue_sec ul.list_bullet li{ line-height:20px; background-position: left 12px; padding-left: 22px;}
	.list_bullet{ margin-bottom:20px;}
	.tsc { font-size: 14px; line-height: 24px;}
	h3{font-size: 28px;}
	.tsc h1 { margin-bottom: 20px;}
	/*T3*/
	.incrowd .top_content_sec{ background:0;}
	.incrowd_white{ line-height:24px;}
	/*T4*/
	.t4_top_sec h2{ line-height:32px;}
	.t4_top_sec .t4_top_img1{ width:15%;}
	.t4_top_sec .t4_top_img2{ width:30%;left: 20%;}
	.t4_top_sec .t4_top_img3{ width:44%;}
	.t4_white_img, .t4_white_txt{ width: 100%;}
	.t4_white_img{ padding-bottom:6px;}
	/*t5*/
	.abonnementen{background-position: 0 475px !important; background-size: 110% auto !important;}
	.voor_pro_blue .t5_bL .shdw1 img { margin-bottom: 0;}
	.voor_pro_blue .t5_bL{ margin-bottom:20px;}
	.txt_13I, .home_white p.txt_13I{ font-size:11px;}
	/*t6*/
	.contact_top{ background:0;}
	.contact_middle{ height:100%;}
	.contact_lft{ width:100%;padding-top: 65px;}
	.contact_form input[type="text"], .contact_form textarea{ width:270px; font-size:14px;}
	h1, .blue_sec h1 { font-size: 28px;}
	.contact_add { margin: 55px auto;}
	.blue_sec .list_prod li .inc_img{ background-size:60% auto;}
	
	/**/
	.abmnt_table { width: 98%;}
	
}
@media only screen and (max-width: 380px) {
	
	body.home, body.vp, body.incrowd, body.t4, body.t5, body.t6{ background-size:300% cover; width:100%;}
	
	.top_slider_sec { background-position: -85px -60px;}
	.top_slider_sec #container .flexslider { left: 0; padding: 21px 5px;top: 87px;width: 180px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt { font-size: 16px;line-height: 24px;}
	.blue_lower ul.appli li{ margin-right: 20px;}
	.iph_slider { left: 35px;}
	/*T2*/
	.voorProSlider { background-position: right -150px; height: 250px;}
	.voorProSlider .flexslider{ left:15px; width: 195px; top:28px; padding: 23px 0;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt {font-size: 18px; line-height: 28px;}
	/*t4*/
	.t4_top_img{ height:380px;}
	.t4_white_img{ padding-bottom:4px;}
	.btL, .btR{ width: 100%;}
	.btR{ text-align:center;}
	.btR a{ position:relative;}
	.incrowd_white { padding: 40px 0;}
	.trans_right ul.appli li { margin: 0 5px;}
	.t4_top_sec h2{ line-height:28px; font-size:20px;}
	/*t5*/
	.abmnt_table { width: 97%;}
	.voor_pro_blue .t5_bL .shdw1 img {margin-bottom: -2px;}
	.voor_pro_blue .t5_bL{ min-height:195px;}
	/*t6*/
	.contact_middle{ top:500px !important; height:45%;}
}
@media only screen and (max-width: 360px) {
	.top_slider_sec #container .flexslider { left: 0; padding: 16px 5px; top: 80px; width: 165px;}
	.top_slider_sec #container .flexslider .slides > li div.sldr_ctnt{ padding:20px 12px 0; font-size:16px; line-height:20px;}
	.home_white { background-position: -275px bottom; background-size: 185% auto;}
	.blue_lower ul.appli li a, .trans_right ul.appli li a{ background:0;}
	.blue_lower ul.appli li a.apple, .trans_right ul.appli li a.apple{ background:url(../images/apple.png) no-repeat;}
	.blue_lower ul.appli li a.apple:hover, .trans_right ul.appli li a.apple:hover{ background:url(../images/apple.png) no-repeat; transform:rotate(360deg);}
	.blue_lower ul.appli li a.android, .trans_right ul.appli li a.android{ background:url(../images/android.png) no-repeat;}
	.blue_lower ul.appli li a.android:hover, .trans_right ul.appli li a.android:hover{ background:url(../images/android.png) no-repeat; transform:rotate(360deg);}
	.blue_lower ul.appli li a.win, .trans_right ul.appli li a.win{ background:url(../images/windows.png) no-repeat;}
	.blue_lower ul.appli li a.win:hover, .trans_right ul.appli li a.win:hover{ background:url(../images/windows.png) no-repeat; transform:rotate(360deg);}
	.blue_lower ul.appli li:last-child{ margin:0;}
	.iph_slider { left: 25px;}
	/*T2*/
	.voorProSlider .flexslider { left: 15px; padding: 18px 0; top: 18px; width: 185px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt { font-size: 16px; line-height: 24px; padding-top: 10px;}
	h3{font-size: 24px;}
	/*t5*/
	.voor_pro_blue .t5_bL{ min-height:215px;}
	.abonnementen {background-position: -45px 485px !important; background-size: 125% auto !important;}
	
}
@media only screen and (max-width: 320px) {
	.top_slider_sec { background-position: -70px -60px; background-size: 240% auto;}
	.top_slider_sec #container .flexslider { left: 0px; padding: 11px 0; top: 73px; width: 168px;}
	.blue_lower ul.appli li a.apple, .trans_right ul.appli li a.apple, .blue_lower ul.appli li a.apple:hover, .trans_right ul.appli li a.apple:hover, .blue_lower ul.appli li a.android, .trans_right ul.appli li a.android, .blue_lower ul.appli li a.android:hover, .trans_right ul.appli li a.android:hover, .blue_lower ul.appli li a.win, .trans_right ul.appli li a.win, .blue_lower ul.appli li a.win:hover, .trans_right ul.appli li a.win:hover{ width:75px; height:75px; background-size:100%;}
	.wrapper { width: 90%;}
	.home_white{ background-position: -245px bottom;}
	.blue_lower ul.appli li { margin-right: 30px;}
	.iph_slider { left: 0px;}
	/*T2*/
	.voorProSlider{ background-size: 228% auto;}
	.voorProSlider { background-position: right -135px; height: 190px;}
	.voorProSlider .flexslider { left: 0; padding: 0; top: 10px; width: 163px;}
	.voorProSlider .flexslider .slides > li div.sldr_ctnt {font-size: 14px; line-height: 20px; padding-top: 25px;}
	.t4_top_sec h2 { font-size: 18px; line-height: 24px;}
	/*t5*/
	.voor_pro_blue .t5_bL .shdw1 img { margin-bottom: 0;}
	
	
	/**/
	.blue_sec .list_prod li .inc_img{ background-size:80% auto;}
	.blue_sec .list_prod li .inc_img img{ margin-bottom:0;}
	.blue_upper{ background:url(../images/blue_sec_bg.jpg) center top repeat-y;}
	.contact_middle{ top:425px !important;}
}