/* reset en standaard */
* { box-sizing:border-box;  }
body { margin:0; padding:0; font-size:16px; font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; color:#000; }
p { margin:0; padding:0; line-height:150%; font-size:16px; }
a { text-decoration: none; color: #000; transition:none; }
label { cursor:pointer; }
sub { vertical-align:initial; }
img { border:0; }
ul, li { margin:0; padding:0;   }
.for1024,
.for600,
.for480{ display:none; }
.no-show { display:none; }

img { display:inline-block; }

em, u, i { font-style:normal; text-decoration: none; }

div { }

.clear { clear:both; }


.img_parent {
    overflow: hidden;
}

h1, h2, h3 { margin:0; }
h1 { margin:0 0 30px 0; }

.img_child {
    width: 100%;
    height: 100%;
    background-image: url("images/city.jpg");
    background-position: center;
    background-size: cover;
    transition: all .5s;
}

.img_parent:hover .img_child,
.img_parent:focus .img_child {
    transform: scale(1.2);
}


.img_child::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    xbackground-color: rgba(52, 73, 94, 0.75);
}

.img_child.with_span::before {
    background-color: rgba(52, 73, 94, 0.75);
}

.img_parent:hover .img_child:before,
.img_parent:focus .img_child:before {
    display: block;
}


.img_child span {
    color: #fff;
    text-align: center;
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 35px;
    border: 1px solid #fff;
    width: 157px;
    padding: 0;
    line-height: 32px;
    cursor: pointer;
    font-size: 13px;
}

.img_parent:hover span,
.img_parent:focus span { display: block; }

/* content */


.header { height:122px; border-bottom:11px solid #eaeaea; width:100%; background:#fff; z-index:1; }
.wrapper { width:90%; max-width:1440px; margin:0 auto; }

.hamburger { display:none; position:fixed; top:0; left:0; padding:15px; z-index:2; }
.hamburger .circle { position:absolute; background:#fc782d; height: 83px; width: 88px; border-radius: 100%; margin:-38px 0 0 -32px; }


.mobile-content { display:none;   }
.site-content { xdisplay:block;  }

/* mobile open */
body.mobile .mobile-content { display:block; }
body.mobile .site-content { display:none; }

/* Mobile 

15%: 360px 
155: 390x844
10%: 414x896

412px

*/


#nav-icon4 {
    width: 34px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

/* hamburger open */

#nav-icon4.open {

}


#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 3px;
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 3px;
}

.mobile img.logo { position:absolute; right: 15px; top: 15px; xwidth: 129px; top:12px; width:70px; }

.mobile ul.menu { }
.mobile ul.menu li { display:block;   }
.xmobile ul.menu li a { font-family:'Roboto Slab'; font-size:20px; color:#212121; line-height:50px; border-bottom:4px solid #8ecae6; }
.xmobile ul.menu li.how_we_work a { border-color:#8ecae6; }
.xmobile ul.menu li.services a { border-color:#219ebc; }
.xmobile ul.menu li.solutions a { border-color:#023047; }
.xmobile ul.menu li.cases a { border-color:#ffb703;  }
.xmobile ul.menu li.contact a { border-color:#fb8500; }

.mobile-content ul.menu li.how_we_work { width: 299px; transition: width 1s; }
.mobile-content ul.menu li.services { width: 232px; }
.mobile-content ul.menu li.solutions { width: 147px; }
.mobile-content ul.menu li.cases { width:200px; }
.mobile-content ul.menu li.contact { width:147px }

.mobile .mobile-content ul.menu { margin:74px 0 0 40px; }
.mobile .mobile-content ul.menu li {  width:200px; display:block;  border-bottom:4px solid #eaeaea;  margin: 20px 0 0 0;  }
.mobile .mobile-content ul.menu li a { display:block; text-align:left; font-family:'Roboto Slab'; font-size:24px; color:#212121; line-height:60px; font-weight:400; padding:0 0 0 8px; }
.mobile .mobile-content ul.menu li.home { width:141px; }
.mobile .mobile-content ul.menu li.how_we_work { border-color:#8ecae6; width: 199px; transition: width 1s; }
.mobile .mobile-content ul.menu li.services { border-color:#219ebc; width: 232px; }
.mobile .mobile-content ul.menu li.solutions { border-color:#023047;     width: 147px; }
.mobile .mobile-content ul.menu li.cases { border-color:#ffb703; width:200px; }
.mobile .mobile-content  ul.menu li.contact { border-color:#fb8500; width:147px }

/*
.mobile .mobile-contact { display:none; position:fixed; bottom:0; background:#023047; padding:20px; }
.mobile .mobile-contact img { display: block; margin: -4px auto 13px; height: 25px; }
.mobile .mobile-contact p { font-family:'Roboto Slab'; font-size:13px; display:inline;  }
.mobile .mobile-contact p a { font-weight:500; }
.mobile .mobile-contact p a:hover { text-decoration:underline; }
.mobile .mobile-contact p.email { color:#fb8500; margin:0 10px 0 0; }
.mobile .mobile-contact p.email a { color:#fb8500; }
.mobile .mobile-contact p.email a i.fa-envelope { font-size:14px; margin:0 8px 0 0 ; }
.mobile .mobile-contact p.phone a { color:#fff; font-size:13px; }
.mobile .mobile-contact p.phone a {}
.mobile .mobile-contact p.phone a i.fa-phone { font-size:11px; margin:0 8px 0 0  }
*/

.mobile .mobile-contact2 { margin:45px 0 0 40px;  }
.mobile .mobile-contact2 img { display:block; margin:0 0 35px -3px ;}

.mobile .mobile-contact2 p { font-family:'Roboto Slab'; font-size:19px; display:block; }
.mobile .mobile-contact2 p a { font-weight:500; }
.mobile .mobile-contact2 p a:hover { text-decoration:underline; }
.mobile .mobile-contact2 p.phone { }
.mobile .mobile-contact2 p.phone a { }
.mobile .mobile-contact2 p.phone a {}
.mobile .mobile-contact2 p.phone a i.fa-phone {   }
.mobile .mobile-contact2 p.email {}
.mobile .mobile-contact2 p.email a { }
.mobile .mobile-contact2 p.email a i.fa-envelope {  }

.mobile .mobile-contact2 p a { color:#023047; }
.mobile .mobile-contact2 p.email a i.fa-square-envelope,
.mobile .mobile-contact2 p.phone a i.fa-square-phone { margin:-8px 21px 23px 0; font-size:46px; float:left; }



.mobile .socials { display:none; float:right;  }
.mobile .socials p { font-size:32px; margin:0 0 12px 0; }
.mobile .socials p a { color:#3e697e; }
.mobile .socials p a:hover { color:#8ecae6; }
.mobile .socials p a i.fa.fa-instagram {}
.mobile .socials p a i.fa.fa-facebook {}
.mobile .socials p a i.fa.fa-linkedin {}
.mobile .socials p a i.fa.fa-whatsapp {}

.mobile .bottom_colors { display:none; }


.header .logo { width:20%; float:left; }
.header .logo img { display:block; margin:25px 0 0 0;  height:62px; transition: height 1s; }

.header ul.menu { float:left; width:80%; display:inline-block;}
.header ul.menu li { float:left; width:20%; float:left; display:inline-block;  border-bottom:11px solid #eaeaea;   }
.header ul.menu li a { display:block; text-align:center; font-family:'Roboto Slab'; font-size:20px; color:#212121; line-height:111px;  }
.header ul.menu lix:hover a,
.header ul.menu lix.active a { color:#fff; }
.header ul.menu li.how_we_work { border-color:#8ecae6; }
.header ul.menu li.services { border-color:#219ebc; }
.header ul.menu li.solutions { border-color:#023047; }
.header ul.menu li.cases { border-color:#ffb703; }
.header ul.menu li.contact { border-color:#fb8500; }
.header ul.menu li.how_we_work:hover,
.header ul.menu li.how_we_work.active a { background:#8ecae6; color:#fff; }
.header ul.menu li.services:hover,
.header ul.menu li.services.active { background:#219ebc; }
.header ul.menu li.services:hover a,
.header ul.menu li.services.active a { color:#fff; }
.header ul.menu li.solutions:hover,
.header ul.menu li.solutions.active { color:#fff; background:#023047; }
.header ul.menu li.solutions:hover a,
.header ul.menu li.solutions.active a { color:#fff; }
.header ul.menu li.cases:hover,
.header ul.menu li.cases.active { background:#ffb703; }
.header ul.menu lix.cases:hover a,
.header ul.menu lix.cases.active a { color:#fff; }
.header ul.menu li.contact:hover,
.header ul.menu li.contact.active a { background:#fb8500; color:#fff; }
.header ul.menu li.contact:hover a,
.header ul.menu li.cases.active a { color:#fff; }


.scrollfix { display:none; }

.scrolled .header { }
.scrolled .header * { }

.scrolled .header {  position: fixed; transition: transform .5s ease; /* our nice transition */ }
.scrolled .header { height:75px; height:64px; border:none; }
.scrolled .header ul.menu li { border:none; }
.scrolled .header ul.menu li a { line-height:64px; }
.scrolled .header .logo img { margin: 11px 0 0 0; height: 43px;  }

.scrolled .header ul.menu li.how_we_work { background:#8ecae6; }
.scrolled .header ul.menu li.services { background:#219ebc; }
.scrolled .header ul.menu li.services { color:#fff; }
.scrolled .header ul.menu li.solutions { color:#fff; background:#023047; }
.scrolled .header ul.menu li.solutions a { color:#fff; }
.scrolled .header ul.menu li.cases { background:#ffb703; }
.scrolled .header ul.menu lix.cases { color:#fff; }
.scrolled .header ul.menu li.contact { background:#fb8500; }
.scrolled .header ul.menu li.contact { color:#fff; }
.scrolled .header ul.menu li a:hover { color:#fff; }


.scrolled .scrollfix { display:block; height:133px; }


.intro .right img {}

a { color:#db5d00; }

.intro { overflow:hidden; }
.intro .left { float:left; width:50%; padding:110px 35px 0 0; }
.intro .left h1.ideas { font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; font-size:42px; color:#023047; margin:0 0 25px 0; line-height:120%; }
.intro .left h1.ideas span { display:block; color:#fb8500; }
.intro .left p.onderschrift { color:#333333;  margin:0 0 30px 0; }
.intro .left p.onderschrift em,
.intro .left p.onderschrift strong,
.intro .left p.onderschrift u { font-weight:400; text-decoration: none; font-style:normal; }
.intro .left .links {  display:block; font-size:16px;  }
.intro .left .links a { font-weight:600; color:#fb8500;  display:block;  margin:0 0 14px 0; }
.intro .left .links a:hover { text-decoration:underline; }
.intro .left .links a i.fa { margin:1px 15px 0 0; font-size:20px; float:left; font-weight:400; }
.intro .right { float:left; width:50%; }
.intro .right img { margin:110px 0 0 0; }

.steps { margin:70px 0 80px 0; overflow:hidden; }
.steps .wrapper {}
.steps .wrapper .step { width:23.5%; margin:0 2% 0 0; float:left; }
.steps .wrapper .step .title { font-family:'Roboto Slab'; font-size:27px; color:#023047; margin:0 0 30px 0; }
.steps .wrapper .step .title span { color:#b5b5b5; }
.steps .wrapper .step .img { background:#fff; border-radius:8px; border-bottom:8px solid #8ecae6; margin:0 0 25px 0;  }
.steps .wrapper .step img { width:100%; display:block; margin:0 auto; }
.steps .wrapper .step .onderschrift { color:#333333; }
.steps .wrapper .step.step2 .img { border-color:#219ebc; }
.steps .wrapper .step.step3 .img { border-color:#023047; }
.steps .wrapper .step.step4 .img { border-color:#fb8500; }
.steps .wrapper .step4 { margin-right:0%; }


.intergrations { overflow:hidden; }
.intergrations .lines { border-top:6px solid #eaeaea; border-bottom:6px solid #eaeaea; padding:70px 0; overflow:hidden; }
.intergrations .lines .text { margin:-86px 0 0 -110px; background:#fff; position:absolute; left:50%; padding:0 30px 0; font-size:15px; color:#717171; }
.intergrations .lines img { float:left; margin:0 30px 0; display:inline-block; }

.bx-wrapper { max-width:100% !important; }
.slider li { width:auto !important; }
.slider li img { max-width:100% !important; width:auto !important; }


.blocks { }
.blocks .wrapper,
.reviews .wrapper { max-width:1220px;}

.cms { overflow:hidden; padding:110px 0 0 0; zbackground:#e9effd; position:relative; }
.cms .cms_up { background: rgb(33,158,188); background: #ccc; height: 607px; transform: rotate(2deg); position: absolute; width: 110%; z-index: -1; margin:-60px 0 0 -50px; }
.cms .left { float:left; width:540px; margin:0px 0 0 0; }
.cms .left p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#fff; }
.cms .left p.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fff; margin:0 0 40px 0; }
.cms .left p.info { color:#fff;  line-height:32px; }
.cms .right { float:left;    }
.cms .right img { display:block; margin:12px 0 0 92px; }



.development { overflow:hidden; padding:70px 0; }
.development .left { float:left; width:590px;   }
.development .left img { display:block; margin:22px 0 0 72px; }
.development .right { float:left; width:604px; margin:50px 0 0 0; }
.development .right p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.development .right h2.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 40px 0;  font-weight:400; }
.development .right p.info { line-height:32px; }

.hosting { overflow:hidden; padding:70px 0 104px 0; zbackground:#e9effd; position:relative; }
.hosting .hosting_up { background: #e9effd; height: 587px; transform: rotate(-2deg); position: absolute; width: 110%; z-index: -1; margin: -50px 0 0 0; }
.hosting .left { float:left; width:540px; margin:50px 0 0 0; }
.hosting .left p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.hosting .left p.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 40px 0; }
.hosting .left p.info { line-height:32px; }
.hosting .right { float:left;    }
.hosting .right img { display:block; margin:22px 0 0 72px; }




.ukrain { overflow:hidden; padding:40px 0 70px 0; }
.ukrain .left { float:left; width:590px;   }
.ukrain .left img { display:block; margin:32px 0 0 42px; }
.ukrain .right { float:left; width:604px; margin:0px 0 0 0; }
.ukrain .right p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.ukrain .right p.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 40px 0; }
.ukrain .right p.info { line-height:32px; }




.apps { overflow:hidden; padding:110px 0 0 0; zbackground:#e9effd; position:relative; }
.apps .apps_up { background: rgb(33,158,188); background: linear-gradient(137deg, rgba(33,158,188,1) 0%, rgba(32,131,155,1) 100%); height: 607px; transform: rotate(2deg); position: absolute; width: 110%; z-index: -1; margin:-60px 0 0 -50px; }
.apps .left { float:left; width:540px; margin:0px 0 0 0; }
.apps .left p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#fff; }
.apps .left p.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fff; margin:0 0 40px 0; }
.apps .left p.info { color:#fff;  line-height:32px; }
.apps .right { float:left;    }
.apps .right img { display:block; margin:12px 0 0 92px; }




.btn-o {

    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    line-height: 55px;
    xposition: relative;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -ms-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-24deg);
    -ms-transform: skew(-24deg);
    -o-transform: skew(-24deg);
    transform: skew(-24deg);
    margin:0 10px 0 0;
    float: right;
}

.btn-o span {
    display: block;
    padding: 0 60px;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -ms-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
    -webkit-transform: skew(24deg);
    -moz-transform: skew(24deg);
    -ms-transform: skew(24deg);
    -o-transform: skew(24deg);
    transform: skew(24deg);
    -webkit-backface-visibility: hidden;
}


.btn-o:hover {
    color: #fff;
    -webkit-transform: skew(-12deg);
    -moz-transform: skew(-12deg);
    -ms-transform: skew(-12deg);
    -o-transform: skew(-12deg);
    transform: skew(-12deg);
}

.btn-o:hover span {
    -webkit-transform: skew(12deg);
    -moz-transform: skew(12deg);
    -ms-transform: skew(12deg);
    -o-transform: skew(12deg);
    transform: skew(12deg);
}

.btn-o:hover span:after {
    bottom: -4px;
    height: 4px;
}


.btn-o {
    background-color: #fc782d;
}

.btn-o:hover {
    background-color: #de7337;
}


.cookies { overflow:hidden; padding:42px 0 70px 0; }

.cookies .left { float:left; width:604px; margin:40px 0 0 0; }
.cookies .left p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.cookies .left p.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 40px 0; }
.cookies .left p.info { line-height:32px;  }

.cookies .contact { margin:50px 0 60px 0; }
.cookies .contact p.title { font-family:'Roboto Slab'; font-size:24px; color:#023047; margin:0 0 15px 0; font-weight:bold; }
.cookies .contact p.title a { color:#fb8500; display:inline-block; margin:0 0 0 20px; }
.cookies .contact p.title a:hover { text-decoration:underline; }
.cookies img { display:block; margin:52px 0 0 42px; }

.cookies .right { float:left; width:590px; padding:80px 0 0 50px;   }
.cookies .contact p.title span.online { display:inline-block; width:10px; height:10px; border-radius:100%; background:#339900; margin:0 0 3px 5px; line-height:32px; }
.cookies .contact2 p.info { margin:64px 0 20px 0; font-weight:bold; }
.cookies .contact2 input,
.cookies .contact2 textarea { height:60px; width:540px; background:#eaeaea; font-family:'Roboto Slab'; font-size:17px; line-height:60px; padding:0 15px; margin:0 0 10px 0; border:none; }
.cookies .contact2 textarea { line-height:150%; padding:15px; }
.cookies .contact2 input::placeholder { color:#666666; }
.cookies .contact2 input input {}
.cookies .contact2 textarea { height:250px; }
.cookies .contact2 a.liftoff {}
.cookies .contact2 input[name="city"] { display:none; }

.cookies .contact2 p.boodschap { color:green; font-weight:bold; }
.cookies .contact2 p.error { color:red;font-weight:bold; }

.cookies .left .adres { margin: 30px 0 0 0;}
.cookies .left .adres p.title { font-weight: 500;
    font-family: 'Roboto Slab';
    font-size: 21px;
    color: #023047;
    margin: 0 0 8px 0; }
.cookies .left .adres p.adress {     line-height: 200%;}

.reviews { overflow:hidden; padding:70px 0 42px 0; }
.reviews p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.reviews h3.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 40px 0; font-weight:400; }
.reviews p.info { line-height:32px;  }

.reviews .slider-reviews { padding:0px 0; }
.reviews .slider-reviews .review-item { padding:30px; overflow:hidden; background: #f9f9f9; margin: 10px; min-height: 275px; xwidth:320px; }
.reviews .slider-reviews .review-item .review-title { font-weight:500; display:block; margin:0 0 10px 0; font-size:17px; }
.reviews .slider-reviews .review-item .review-description { line-height:175%; margin:0 0 14px 0; }
.reviews .slider-reviews .review-item .review-author { margin:0 10px 10px 0;     font-weight: 500; display:inline-block; xheight:50px; }
.reviews .slider-reviews .review-item .review-stars { margin:0 10px 10px 0;  color:#ffb703; xheight:40px; display:inline-block; }

.local_news {  overflow:hidden; }
.local_news {}
.local_news p.title  { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047; }
.local_news h3.subtitle { font-family:'Roboto Slab'; font-size:22px; color:#fb8500; margin:0 0 40px 0; font-weight:400; }
.local_news .slider-news-items { padding:0 50px; }
.local_news .news-item {   width: 1000px; min-height: 300px; background: #f3f3f3; padding: 30px; margin: 0 0 0 40px; float: left; overflow: hidden; }
.local_news .news-item .news-image { width: 30%; float: left; margin: 0 5% 0 0; }
.local_news .news-item .news-image a { }
.local_news .news-item .news-image a img { border: 0; max-width: 100%; margin: 0 auto; display: block; }
.local_news .news-item .news-text {     float: left; width: 63%; }
.local_news .news-item h4.title {    font-family: 'Roboto Slab'; font-size: 22px; color: #023047; margin: 0px 0 18px 0; font-weight: 500; line-height: 175%; }
.local_news .news-item .description { margin: 0 0 10px 0; line-height: 175%; }
.local_news .news-item .description strong { font-weight:400; }
.local_news .news-item .lees_meer { }
.local_news .news-item .lees_meer a {     display: inline-block; background: #fb8500; line-height: 34px; padding: 0 22px; color: #fff; text-decoration: none; border-radius: 4px; margin: 0 0 20px -1px; }
.local_news .news-item .lees_meer a:hover { background: #db5d00; }
.local_news .news-item .datum { font-size: 15px; color: #797979; }

.about_unique { padding: 0 0 70px 0; }
.about_unique h1 { font-weight:500; font-family:'Roboto Slab'; font-size:22px; color:#023047; margin: 0 0 10px 0;}
.about_unique p { line-height:175%; color:#666; }

.cases-slider {     padding: 70px 0 112px;  background: #f5f5f5; }
.cases-slider .wrapper {}
.cases-slider .wrapper p.title { font-weight:500; font-family:'Roboto Slab'; font-size:42px; color:#023047;  }
.cases-slider .wrapper h3.subtitle { font-family:'Roboto Slab'; font-size:26px; color:#fb8500; margin:0 0 50px 0; font-weight:400;  }
.cases-slider .wrapper h3.subtitle.longer { font-size:22px; }
.cases-slider .referentie { cursor:pointer; float:left; width:340px; margin:0 15px 0; }
.cases-slider .referentie .img_parent { width:340px; height:232px; margin:0 0 25px 0; }
.cases-slider .referentie .img_child {  }


.cases-slider .referentie .title { font-family:'Roboto Slab'; font-size:20px; color:#023047; margin:0 0 4px 0; font-weight:500; }
.cases-slider .referentie .subtitle { font-family:'Roboto Slab'; font-size:17px; color:#fb8500; margin:0 0 20px 0; }
.cases-slider .referentie p.onderschrift { line-height:200%; }
.cases-slider .slider2 { margin:0 15px 0; overflow:hidden; }

.cases-slider.down { padding: 106px 0 103px; background:none; overflow:hidden; position:relative; }
.cases-slider.down .cases_up {
    background: linear-gradient(137deg, rgb(243 243 243) 0%, rgb(245 245 245) 100%);
    height: 738px;
    transform: rotate(2deg);
    position: absolute;
    width: 200%;
    z-index: -1;
    margin: -1px 0 0 -50px;
}

.google_maps { background:#e8e8e8 url('../images/googlemaps2.jpg') center center no-repeat; height:450px;}
.__google_maps_up { background: #ffffff;
    height: 159px;
    transform: rotate(2deg);
    position: absolute;
    width: 200%;
    z-index: 1;
    margin: -87px 0 0 -100px }

.__google_maps_down { background: #ffffff;
    height: 159px;
    transform: rotate(2deg);
    position: absolute;
    width: 200%;
    z-index: 1;
    margin: -87px 0 0 -100px }

.bottom2 { overflow:hidden; padding:100px 0 60px 0; position:relative;}
.bottom2 .bottom2_up { background:#023047; height: 607px; transform: rotate(2deg); position: absolute; width: 110%; z-index: -1; margin:-60px 0 0 -100px; }
.bottom2 p { line-height:30px; }
.bottom2 .block1 { float:left; width:20%; }
.bottom2 .block1 p.title { color:#fb8500; font-family:'Roboto Slab'; font-size:23px; margin:0 0 15px 0; }
.bottom2 .block1 p.title span { font-weight:200; }
.bottom2 .block1 p.kvk span { display:inline-block; margin:0 11px 0 0;  color:#8ecae6;}
.bottom2 .block1 p { color:#fff; }
.bottom2 .block2 { float:left; width:20%; padding:48px 0 0 0; }
.bottom2 .block2 p,
.bottom2 .block2 p a { color:#219ebc; }
.bottom2 .block2 p a:hover { text-decoration:underline; }
.bottom2 .block2 p i.fa { color:#ffff; display:inline-block; margin:0 20px 0 0; font-size:11px; }


.bottom2 .right { float:right; width:380px; width:60%; width:500px; margin:20px 0 0 0; }

.bottom2 .right .contact { float:left;  }
.bottom2 .right .contact img { display:block; margin:5px 0 35px -25px; }

.bottom2 .right .contact p { font-family:'Roboto Slab'; font-size:19px; }
.bottom2 .right .contact p a { font-weight:500; }
.bottom2 .right .contact p a:hover { text-decoration:underline; }
.bottom2 .right .contact p.email { color:#fb8500; margin:0 0 15px 0; }
.bottom2 .right .contact p.email a { color:#fb8500; }
.bottom2 .right .contact p.email a i.fa-envelope { font-size:19px; margin:0 27px 0 0 ; }
.bottom2 .right .contact p.phone a { color:#fff; font-size:24px; }
.bottom2 .right .contact p.phone a {}
.bottom2 .right .contact p.phone a i.fa-phone { font-size:20px; margin:0 25px 0 0  }

.bottom2 .right .socials { float:right;  }
.bottom2 .right .socials p { font-size:32px; margin:0 0 12px 0; }
.bottom2 .right .socials p a { color:#3e697e; }
.bottom2 .right .socials p a:hover { color:#8ecae6; }
.bottom2 .right .socials p a i.fa.fa-instagram {}
.bottom2 .right .socials p a i.fa.fa-facebook {}
.bottom2 .right .socials p a i.fa.fa-linkedin {}
.bottom2 .right .socials p a i.fa.fa-whatsapp {}

.bottom_colors { overflow:hidden; }
.bottom_colors .color { width:20%; height:20px; float:left; }
.bottom_colors .color1 { background:#8ecae6; }
.bottom_colors .color2 { background:#219ebc; }
.bottom_colors .color3 { background:#023047; }
.bottom_colors .color4 { background:#ffb703; }
.bottom_colors .color5 { background:#fb8500; }

.top_colors_fixed { display:none; overflow:hidden; position:fixed; top:0px; width:100%; z-index:2; }
.top_colors_fixed .color { width:15%; height:10px; float:left; }
.top_colors_fixed .color0 { background:#ffffff; width:25%; }
.top_colors_fixed .color1 { background:#8ecae6; }
.top_colors_fixed .color2 { background:#219ebc; }
.top_colors_fixed .color3 { background:#023047; }
.top_colors_fixed .color4 { background:#ffb703; }
.top_colors_fixed .color5 { background:#fb8500; }
.top_colors_fixed_spacer { display:none; height:10px; background:#fff;  }

/* vervolg */
h1,
h2 { font-family:'Roboto Slab'; font-size:40px; color:#fb8500; font-weight:400; }
h2 { font-size:26px; }

.content {}
.content .intro { padding:50px 40px 70px; }
.content .intro h1 {}
.content .intro h1 { margin:0 0 10px 0; }
.content .intro h2 { margin: 0 0 20px 0; }
.content .intro h1.solutions { font-weight: 500;font-family: 'Roboto Slab';font-size: 42px;color: #023047;margin:0 0 10px 0;}

.head-h1 { font-weight: 500;font-family: 'Roboto Slab'; font-size: 42px; color: #023047; margin:0 0 10px 0; }
.head-h2 { }

.content .intro p { line-height:175%; }
.content .intro p i.fa-solid { color:#fb8500; margin:0 5px 0 0; }
.content .two_blocks { overflow:hidden; }
.content .two_blocks .text_holder { width:720px; padding:40px;  float:right; }
.content .two_blocks.text_first .text_holder { float:right; padding:60px 75px 40px 0; }
.content .two_blocks.image_first .text_holder { float:left; padding:60px 40px 40px 75px; }
.content .two_blocks { border-bottom:80px solid #fff; }
.content .two_blocks .text { float:left; width:50%;  }
.content .two_blocks .text h2.nr { line-height:32px; margin:0 0 30px 0; font-weight:500; }
.content .two_blocks .text h2.nr.cases { margin:0 0 10px 0; }
.content .two_blocks .text h2.nr span { font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; margin:0 20px 0 0;  font-weight:bold; display:inline-block; border:3px solid #fb8500; border-radius:100%; height:38px;  width:38px; text-align:center;}
.content .two_blocks .text p { font-weight:200; line-height:175%; }
.content .two_blocks .text h3 { margin: 0 0 30px 0; font-weight: 600; font-size: 18px; }
.content .two_blocks .image { height:440px;  float:left; width:50%;  background:#eaeaea; xbackground-size:cover; }
.content .two_blocks .text,
.content .two_blocks .image { height:495px; }
.content .two_blocks2 { overflow:hidden; }
.content .two_blocks2 .text { padding:40px 40px 40px; }
.content .two_blocks2 .text,
.content .two_blocks2 .image { float:left; width:50%;  }
.content .two_blocks2 .text_holder {  }
.content .two_blocks2 .text h2.nr { line-height:33px; margin:0 0 30px 0; font-weight:500; }
.content .two_blocks2 .text h2.nr.metsub { margin:0 0 10px 0; }
.content .two_blocks2 .text h2.nr.cases { margin:0 0 10px 0; }
.content .two_blocks2 .text h2.nr span { font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; margin:0 20px 0 0;  font-weight:bold; display:inline-block; border:3px solid #fb8500; border-radius:100%; height:38px;  width:38px; text-align:center;}
.content .two_blocks2 .text h2.nr.solutions {   font-weight: 500; font-family: 'Roboto Slab';font-size: 42px;font-size: 29px;color: #023047;margin:0;line-height: 150%;}
.content .two_blocks2 .text p { font-weight:200; line-height:175%; }
.content .two_blocks2 .text h3 { margin: 0 0 30px 0; font-weight: 600; font-size: 18px; }
.content .two_blocks2 .text h3.subtitle {font-family: 'Roboto Slab';font-size: 26px;font-size: 23px;color: #fb8500;margin: 0 0 20px 0;font-weight: 400;}
.content .two_blocks2 .text a.button {background: #db5d00;color: #fff;line-height: 40px;display: inline-block;padding: 0 20px;margin: 30px 0 0 0;border-radius: 4px;}
.content .two_blocks2 .text a.button:hover {background:#fb8500;}
.content .two_blocks2 .image img { display:block; margin:0 auto 40px; max-width:100%; }
.content .two_blocks2.text_first .text {  }
.content .two_blocks2 .text ul,
.content .two_blocks2 .text li { margin:0; padding:0; list-style:none; line-height:175%; }
.content .two_blocks2 .text li i.fa-solid { color:#fb8500; margin:0 10px 0 0; }

.content .full-blocks { margin:0 auto 40px; width:90%; max-width:1440px; }
.content .full-blocks .block-row { }
.content .full-blocks .block-row .text { padding:60px; }
.content .full-blocks .block-row .text { float:left; width:50%; }
.content .full-blocks .block-row .image { float:right; width:50%;  }
.content .full-blocks .block-row .text_holder {  }
.content .full-blocks .block-row .text h2.head-blue { }
.content .full-blocks .block-row .text h3.head-orange {}
.content .full-blocks .block-row .text p { font-weight:200; line-height:175%; }
.content .full-blocks .block-row .image img { display:block; margin:0 auto; max-width:100%; width:100%; }
.content .full-blocks .block-row .text { float:left; width:50%; }
.content .full-blocks .block-row.image_first .image { float:left; }
.content .full-blocks .block-row.image_first .text { float:right; }

/* h2 header in blue */
.head-blue { font-weight: 500; font-family:'Roboto Slab'; font-size: 29px; color: #023047; margin:0; line-height: 150%; }
/* h3 header in orange */
.head-orange { font-family: 'Roboto Slab'; font-size: 23px; color: #fb8500; margin: 0 0 20px 0; font-weight: 400; }

.showcases {}
.showcases .intro { padding:50px 40px 50px; }
.showcases .intro h1 {}
.showcases .intro p { line-height:175%; }
.showcases .showcase { margin:0 0 80px 0;  padding:0 40px;  }
.showcases .showcase .image { overflow:hidden; width:340px; height:232px; margin:0 47px 0 0; float:left; }
.showcases .showcase .text { float:left; width:calc(100% - 647px); padding:0 80px 0 0; }
.showcases .showcase .text h2 { font-family:'Roboto Slab'; font-size:26px; color:#023047; line-height:34px; margin:0 0 3px 0; font-weight:500; }
.showcases .showcase .text h3 { font-family:'Roboto Slab'; font-size:17px; color:#fb8500; line-height:26px; margin:0 0 15px 0; font-weight:500; }
.showcases .showcase .text p { font-weight: 200; line-height: 175%; }
.showcases .showcase .metrics { float:left; width:260px; padding:80px 0 0 0; }
.showcases .showcase .metrics .metric { margin:0 0 5px 0; }
.showcases .showcase .metrics .metric .number { float:left; font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; font-size:25px; color:#fb8500; font-weight:800; }
.showcases .showcase .metrics .metric .number .plus { display:inline-block; font-size:19px; font-weight:400; }
.showcases .showcase .metrics .metric .title { float:left; font-family:'Noto Sans Tangsa', 'Open Sans', sans-serif; font-size:19px; color:#023047; font-weight:400; margin:7px 0 0 7px; }

.row-contact { text-align:center; padding:30px 0; }
.row-contact .title { font-family: 'Roboto Slab'; font-size:30px; color:#023047; margin:0 0 30px 0; font-weight:500; }
.row-contact .buttons { margin:0 0 35px 0;  }
.row-contact .buttons a.button {  box-shadow: 0 0 11px 0px #7f938b80; font-family: 'Roboto Slab'; color:#fff; font-size:24px; margin:0 10px; line-height:65px; background:#fb8500; color:#fff; font-size:24px; border-radius:4px; min-width:274px; display:inline-block; padding:0 20px; }
.row-contact .buttons a.button:hover { background:#ff7629; box-shadow: 0 0 11px 0px #7f938b80; }
.row-contact .ondertitel { font-family: 'Roboto Slab'; font-size:24px; color:#023047; }
.row-contact .ondertitel a { color:#fb8500; }

.row-contact.on_home {  background: #f3f3f3; padding: 71px 0px 82px; margin: 50px 0; }
.row-contact.on_blog {  background: #f3f3f3; padding: 71px 0px 82px; margin: 100px 0 0; }

body.popup { padding:0px; }
body.popup .contact2 { }
body.popup .contact2 { width: 537px; }
body.popup .contact2 p.info { margin:0 0 20px 0; font-weight:bold; }
body.popup .contact2 input,
body.popup .contact2 textarea { height:60px; width:540px; background:#eaeaea; font-family:'Roboto Slab'; font-size:17px; line-height:60px; padding:0 15px; margin:0 0 10px 0; border:none; }
body.popup .contact2 textarea { line-height:150%; padding:15px; }
body.popup .contact2 input::placeholder { color:#666666; }
body.popup .contact2 input input {}
body.popup .contact2 textarea { height:250px; }
body.popup .contact2 a.liftoff {}
body.popup .contact2 input[name="city"] { display:none; }

body.popup .contact2 p.boodschap { color:green; font-weight:bold; }
body.popup .contact2 p.error { color:red;font-weight:bold; }

.popup_iframe { width:100%; height:800px; overflow:auto; }

.stars i.fa-solid.fa-star {
    color: #ffcc00;
    font-size:15px;
    float:left;
    margin:0 2px 0 0;
}

/* For compact mode */
.fancybox__container.is-compact .fancybox__slide.iframe-contact .fancybox__content {
    width: 100%;
    height: 100%;
}

/* For all other cases */
.fancybox__slide.iframe-contact .fancybox__content {
    width: 612px;
    height: 400px;
}


/* blog */
.blog-items { xmargin:100px 0 0 0; padding:120px 0; background:#fff; position:relative; overflow:hidden; }
.blog-grid-sizer,
.blog-items .item{ width:31%; }

.blog-items .item { xwidth:400px; background:#f3f3f3; box-shadow: 0 0 11px 0px #0000000f; cursor:pointer; transition-duration: 0.5s; xfloat:left; margin-bottom: 10px; }
.blog-items .item:hover { xbox-shadow: 0 0 11px 0px #00000033; }
.blog-items .item:hover h2 a { color:#fb8500; }
.blog-items .item a {}
.blog-items .item a img { display:block; width:100%; margin: 0 auto; max-width: 333px;  }
.blog-items .item a.with-image { display:block; background:#fff; }
.blog-items .item h2 a { font-family: 'Roboto Slab'; font-size:24px; color:#023047; line-height:125%; font-weight:500; margin:0 0 20px 0; display:block; transition-duration: 0.5s;  }
.blog-items .item p.intro { line-height:175%; }
.blog-items .item .text { padding:35px; }
.blog-items .blog-items-up,
.blog-items .blog-items-down {position: absolute; background: #fff; width: 200%; transform: rotate(2deg); z-index: 0; height: 200px; margin: 0; }
.blog-items .blog-items-up { top: -120px; }
.blog-items .blog-items-down { bottom: -79px; }

.header_bg { height: 484px; background: url(/users/42/images/back-blog.jpg) no-repeat; background-size: 100%; background-attachment: fixed;  background-position: top; background-position-y: 63px; position: relative; overflow: hidden;  }
.header_bg .gradient { background-image: linear-gradient(to top, rgba(23, 60, 78, 1), rgba(23, 60, 78, 0.37)); height: 100%; }
.overflow_white { position: absolute; background: #fff; width: 200%; transform: rotate(-2deg); height: 200px; left: 0; xbottom: -142px; margin: -70px 0 0 0; }
.page_content { padding: 50px 0 0 0; }
.page_content .wrapper { max-width: 863px; }
.page_content .cmscontent2 h1 { font-weight: 500; color: #023047; margin: 0 0 30px 0; line-height: 150%; }
.page_content .share { margin: 50px 0 0 0; }

.devider {     background: #eaeaea;
    height: 10px;
    margin: 100px 0 0 0;
    xtransform: rotate(2deg);
}
/* 2560x720 3% */
@media only screen and (max-width:9999px)
{

    .
}

/* 1920 x 1080 25% */
@media only screen and (max-width:2559px)
{
    .header .logo { width:20%; }
    .header ul.menu { width:80%; }

    .header_bg { height: 423px; }

    /*.development .left,
    .development .right { width: 50%; }

    .apps .left,
    .apps .right { width:50%; }

    .ukrain .left,
    .ukrain .right { width:50%; }

    .cookies .left,
    .cookies .right { width: 50%; }*/
}

/* 1600 x 900 3% */
@media only screen and (max-width:1919px)
{
    .header_bg { height: 350px; }
    .overflow_white { margin: -57px 0 0 0; }
}

/* 1536 x 864 14% */
@media only screen and (max-width:1599px)
{
    /* headers */
    .head-h1 {  font-size: 37px; }
    .head-h2 { font-size: 24px; }
    .head-blue {  }
    .head-orange { }

    .header_bg { height: 329px; }
}


/* 1440 ~ 9% */
@media only screen and (max-width:1535px)
{
    .content .two_blocks.text_first .text_holder { width: 100%; padding:10%; }
    .content .two_blocks.image_first .text_holder { width: 100%; padding:10%; }

    .header_bg { height: 312px; }
}

/* 1366 ~ 8* */
@media only screen and (max-width:1439px)
{
    .showcases .showcase { padding:0; }
    .showcases .intro { padding: 50px 0 70px; }

    .header_bg { height: 293px; }
}

/* 1280 ~ 6% */
@media only screen and (max-width:1365px)
{



    .development .left,
    .development .right { width: 50%; }

    .apps .left,
    .apps .right { width:50%; }

    .ukrain .left,
    .ukrain .right { width:50%; }

    .cookies .left,
    .cookies .right { width: 50%; }

    .content .full-blocks .block-row .text { padding:40px 40px 0 0; }
    .content .full-blocks .block-row.image_first .text { padding:40px 0 0 40px; }

    .header_bg { height: 263px; }
    .overflow_white { margin: -46px 0 0 0; }

    .blog-items .item h2 a { font-size: 22px; }

}



/* 1024+ */
@media only screen and (max-width:1279px)
{
    .content .two_blocks .text,
    .content .two_blocks .image { height: 594px; }

    .content .two_blocks.text_first .text_holder,
    .content .two_blocks.image_first .text_holder { width: 100%; padding:10%; }

    .for1024 { display:block; }
    .showcases a.bekijk_website { display:inline-block;
        font-weight: 500;
        font-size: 15px;
        border-radius: 6px;
        line-height:36px; padding:0 30px; border:2px solid #fc782d; color:#fc782d; text-decoration: none; margin:20px 0 0 387px; }

    .google_maps { background-image:url('../images/googlemaps_mobile2.jpg'); height:325px; background-size:cover; }
    .bottom_colors .color { height:10px; }

    .top_colors_fixed,
    .top_colors_fixed_spacer { display:none; }

    .content .full-blocks .block-row .text { width:60%; }
    .content .full-blocks .block-row .image { width:40%; }
    .content .full-blocks .block-row .text { padding:0 40px 40px 0; }
    .content .full-blocks .block-row.image_first .text { padding:0 0 40px 40px; }

    /* headers */
    .head-h1 {  font-size: 35px;  }
    .head-h2 { font-size: 24px; }
    .head-blue { font-size: 25px; }
    .head-orange { font-size: 21px; }
    .content .intro h1 { margin:0 0 5px 0; }

    .header_bg { height: 228px; }
}

/* <= 834 is tablet */

/* 1024 tablet */
@media only screen and (max-width:1279px)
{
    .hamburger { display:block; }
    .hamburger { top: 7px; left: 4px; }

    .header { border:none; height:100px; }

    .header .logo img { margin: 14px 0 0 52px; }

    .header ul.menu { display:none; }

    .intro .left { padding:0 35px 0 0; }
    .intro .right img { margin:0; width: 100%; max-width:500px; }

    .development .left { width:40%; }
    .development .left img {  width: 100%; margin: 0; padding: 0 35px 0 0;     max-width: 400px; }
    .development .right { width:60%; margin:0; }

    .hosting { padding:92px 0 136px 0;; }
    .hosting .hosting_up { width:200%;  margin: -78px 0 0 -151px; }
    .hosting .left { width:60%; margin:0; }
    .hosting .right { width:40%; margin:0; }
    .hosting .right img {  width: 100%; margin: 0; padding: 0 0 0 35px; }

    .ukrain .left { width:40%; }
    .ukrain .left img {  width: 93%; margin: 0; padding: 35px 35px 0 0; }
    .ukrain .right { width:60%; margin:0; }

    .cookies .contact2 input,
    .cookies .contact2 textarea { max-width:100%; }

    body.popup .contact2 input,
    body.popup .contact2 textarea { max-width:100%; }

    .cookies img { width:80%; }

    .scrolled .scrollfix { height:100px; }

    .showcases .intro,
    .content .intro { padding: 0px 0 40px 0; }
    .content .two_blocks2 .text { padding: 0px 0 40px 0; }
    .content .two_blocks2 .text { width:60%; }
    .content .two_blocks2 .image { width: 40%; }
    .content .two_blocks2 .image img { max-width:100%; }

    .content .two_blocks2.text_first img { padding:40px 0 0 35px; }
    .content .two_blocks2.image_first .image img { padding:40px 35px 0 0; }

    .showcases .showcase .text { width: calc(100% - 404px); padding: 0 0 20px 0; }
    .showcases .showcase .metrics { float:none; padding:0; margin:10px 0 0 387px; width:auto; }
    .showcases .showcase .metrics .metric { margin: 0 10px 5px 0; float: left; }
    .showcases .showcase .metrics .metric:nth-child(3) { }
    .showcases .showcase .metrics .metric .number { font-size: 23px; }
    .showcases .showcase .metrics .metric .title { font-size:16px; }


    .row-contact { padding:0 0 30px 0; }
    .row-contact .buttons a.button { font-size:22px; line-height: 52px; }

    /* 480 */
    .header .logo { width: 100%; }
    .header .logo img { float:right; }

    .intro .left h1.ideas { font-size: 37px; }


    .cases-slider .wrapper .step { width:100%; margin: 0 0 35px 0; }

    .xslider li img { max-width: 200px ! important; }

    .intergrations .lines { padding:30px 0; }
    .intergrations .lines .text { margin:-44px 0 0 -99px }




    /* 480 ref slider */
    .cases-slider .wrapper p.title { font-size:36px; }
    .cases-slider .wrapper h3.subtitle { font-size:24px; }
    .cases-slider.down .cases_up { margin:-48px 0 0 -50px; }



    .steps { margin:30px 0 36px 0; }
    .cases-slider { margin:30px 0 36px 0; }





    /* custom */

}



/* 800 */
@media only screen and (max-width:1023px)
{
    .steps .wrapper .step { width:47%; margin: 0 3% 35px 0; }


    /* 480 */

    .development .left,
    .development .right { width:100%; float:none; }
    .development .left img { width:46%; padding:0; margin: 0 auto 40px; }
    .development .right { width:100%; margin: 0; }

    .development .right p.title { font-size: 34px; }
    .development .right h2.subtitle { margin: 0 0 28px 0; }

    .hosting .left p.title { font-size: 34px; }
    .hosting .left p.subtitle { margin: 0 0 28px 0; }


    .hosting .left,
    .hosting .right { width:100%; float:none; }
    .hosting .hosting_up { height: 968px; }
    .hosting .left p.subtitle { margin: 0 0 28px 0; }
    .hosting .right img { width: 66%; padding: 0; margin: 30px auto 0; }


    .ukrain { padding: 0px 0 70px 0; }
    .ukrain .left,
    .ukrain .right { width:100%; float:none; }
    .ukrain .left img { width: 55%; margin: 33px auto 40px; padding: 0; }
    .ukrain .right p.title { font-size: 34px; }
    .ukrain .right p.subtitle { margin: 0 0 28px 0; }

    .apps { padding: 110px 0 30px 0; }
    .apps .left,
    .apps .right { width:100%; float:none; }
    .apps .left p.title { font-size: 34px; }
    .apps .right img { margin: 40px auto 0; width: 49%; }
    .apps .apps_up { height: 877px; width: 200%; margin: -57px 0 0 -70px; }



    .cookies .left,
    .cookies .right { width:100%; float:none; }
    .cookies .right { padding:0;}
    .cookies .left { margin:0px 0 0 0; }
    .cookies .left p.title { font-size: 31px; }

    .cookies .left p.subtitle { margin: 0 0 28px 0; }

    .cookies .left .contact p.title  { font-size: 24px; }
    .cookies .contact p.title a { display: block; margin: 0; }

    .bottom2 .bottom2_up { width:200%; }
    .bottom2 .block1 { width:60%; }
    .bottom2 .block2 { width:40%; }


    .bottom2 .right { margin: 41px 0 0 0; width: calc(100% - 20px); }

    .content .two_blocks2 .text { padding: 0 0 40px 0; }
    .content .two_blocks2 .text,
    .content .two_blocks2 .image { width: 100%; }
    .content .two_blocks2 .image img { max-width:400px; padding:0 0 40px }

    .content .two_blocks2.image_first .image { display:none; }

    /* 480 vervolg */

    h1 { font-size:34px; }
    .content .two_blocks .text h2.nr { font-size:22px; }
    .content .two_blocks .text h2.nr span { margin: 0 11px 0 0; height: 33px; width: 33px; }
    .content .two_blocks .text h2.nr {  line-height: 28px;     margin: 0 0 13px 0; }
    .content .two_blocks .text h2.nr.cases { margin: 0 0 5px 0; }



    .content .two_blocks .text,
    .content .two_blocks .image { width:100%; float:none; overflow:hidden; }
    .content .two_blocks .text { height:auto; }


    .content .two_blocks.text_first .text_holder,
    .content .two_blocks.image_first .text_holder { padding:40px 5%; }

    .content .two_blocks .image { height:300px; }

    .content .two_blocks.image_first .image { display:none; }

    .content.services .two_blocks2.text_first .text { padding: 0 0 40px 0; }
    .content.services .two_blocks2.image_first .text { padding: 0 0 40px 0; }

    .showcases .showcase .image { margin: 0 0 40px 0; width: 340px; height: 206px; float: none; }
    .showcases .showcase .text { width: 100%; padding: 0 0 20px 0; float: none; }
    .showcases .showcase .metrics { float: none; padding: 0; margin: 0 0 0 0; width: auto; }
    .showcases a.bekijk_website { margin:30px 0 0 0; }

    .google_maps { height:325px; }

    /* 418x...*/
    .intro .left,
    .intro .right { width:100%; float:none; }
    .intro .left { padding: 0; margin: 30px 0 0 0; }
    .intro .right img { margin:30px auto 30px; max-width:500px; }

    .header_bg { height: 184px; }

    .blog-grid-sizer,
    .blog-items .item{ width:47%; }
}

/* 768 */
@media only screen and (max-width:799px)
{
    .google_maps { height:275px; xbackground-size:200%; }

    .row-contact .title { font-size:28px; }

    /* headers */
    .head-h1 {  font-size: 35px; m}
    .head-h2 { font-size: 24px; }
    .head-blue { font-size: 25px; }
    .head-orange { font-size: 21px; }

    .header_bg { height: 176px; }
}

/* 640 */
@media only screen and (max-width:767px)
{
    .google_maps { height:250px; }

    .content .full-blocks { width:100%; }
    .content .full-blocks .block-row .text,
    .content .full-blocks .block-row.image_first .text{ width:90%; float:none; margin:0 auto;}
    .content .full-blocks .block-row .image,
    .content .full-blocks .block-row.image_first .image{ width:100%; float:none; }


    .content .full-blocks .block-row .text,
    .content .full-blocks .block-row.image_first .text { padding:20px 0 40px; }

    .content .full-blocks .block-row .text h2 { font-size: 24px;}
    .content .full-blocks .block-row .text h3 { font-size: 20px; }
    .content .full-blocks .block-row .text p { }

    .row-contact .title { font-size:25px; }
    .row-contact .buttons a.button { margin:0 10px 20px 0; }
    .row-contact .buttons { margin:0 0 15px 0; }
    .row-contact .ondertitel { font-size: 21px; }

    body.popup .contact2 { max-width:100%; }

    /* headers */
    .head-h1 { font-size: 32px;  }
    .head-h2 { }

    /* h2 header in blue */
    .head-blue { font-size:24px; }
    /* h3 header in orange */
    .head-orange {font-size:20px; }

    .header_bg { height: 133px; }
    .overflow_white { margin: -25px 0 0 0; }

}

/* 600 */
@media only screen and (max-width:639px)
{
    .xheader .logo { width:20%; }
    .xheader ul.menu { width:80%; }

    .cases-slider.down { padding: 66px 0 103px; }

    .google_maps { height:225px; }


    .header_bg { height: 119px; }

    .blog-grid-sizer,
    .blog-items .item{ width:100%; margin-bottom:30px; }
    .blog-items .item a img { margin: 0 auto; max-width: 300px; }
    .blog-items .item a.with-image { display:block; background:#fff; }

}

/* <= 428 is mobile */

/* 480 */
@media only screen and (max-width:599px)
{

    .steps .wrapper .step { width:100%; margin: 0 0 35px 0; }

    .content .two_blocks2 .image img { max-width:320px;  }
    .content .two_blocks2 .text h2.nr { font-size: 23px; }
    .content .two_blocks2 .text h2.nr { margin:0 0 20px 0; }

    .showcases .showcase .image { margin: 0 0 20px 0; }

    .header_bg {  height: 91px; }
    .overflow_white { margin: -18px 0 0 0; }

}

/* 428 */
@media only screen and (max-width:479px)
{
    .showcases .intro,
    .content .intro { padding: 40px 0 30px 0; }
    .showcases .intro h1,
    .content .intro h1 { font-size: 34px; margin:0 0 30px 0; }

    .cases-slider .referentie .img_parent { width:320px; height:218px }

    .showcases .showcase .image { height: 201px; }

    .apps .apps_up { height: 804px; }

    /* headers */
    .head-h1,
    .content .intro h1 { font-size: 27px; margin:0 0 5px 0; }
    .head-h2 { font-size: 21px; }
    .head-blue { font-size: 25px; }
    .head-orange { font-size: 21px; }

    .header_bg { height: 99px; margin: 10px 0 0 0; }
    .overflow_white { margin: -16px 0 0 0; }

}

/* 414x896 9% */
@media only screen and (max-width:427px)
{
    .content .two_blocks2 .text h2.nr { font-size: 23px; line-height:29px; }
    .content .two_blocks2 .text h2.nr span { margin: 0 15px 0 0; height: 36px; width: 36px; }

    .showcases .showcase .image { width: 100%; height: 168px; }
}

.whatsapp { cursor:pointer; position:fixed; bottom:25px; right:25px; border-radius:100%; width:60px; height:60px; background:#fc782d; text-align:center; }
.whatsapp {
background: #25d366;
background: #2ab318; }
.whatsapp i { color:#fff; line-height:60px; font-size:38px; }
.whatsapp .online { border-radius:100%; background:#2ab318; height:13px; width:13px; margin:-60px 0 0 44px; }
.whatsapp .online { background: #ff0101; border-radius: 100%; color: #fff; font-size: 12px; font-weight: bold; height: 16px; width: 16px; }

/* 414 */
@media only screen and (max-width:479px)
{
    /*.intro .left h1.ideas { font-size: 34px; }

    .development .right p.title { font-size: 34px; }
    .development .right h2.subtitle { margin: 0 0 28px 0; }

    .hosting .left p.title { font-size: 34px; }
    .hosting .left p.subtitle { margin: 0 0 28px 0; }

    .hosting .left p.subtitle { margin: 0 0 28px 0; }

    .ukrain .right p.title { font-size: 34px; }
    .ukrain .right p.subtitle { margin: 0 0 28px 0; }

    .apps .left p.title { font-size: 34px; }
    .cookies .left p.title { font-size: 31px; }

    .cookies .left p.subtitle { margin: 0 0 28px 0; }

    .cookies .left .contact p.title  { font-size: 24px; }

    .cookies .left { margin: 0px 0 0 0; }*/


    .cases-slider .wrapper p.title { font-size: 30px; }
    .cases-slider .wrapper h3.subtitle { font-size: 20px; }

    /* 320 */
    .intro .left h1.ideas { font-size: 29px; }
    p { font-size:15px; }

    .intro .left .links { font-size: 15px; }

    .header { height: 62px; }
    .header .logo img { height: 45px; }

    .steps .wrapper .step .title { font-size: 23px; }
    .cases-slider .wrapper .step .title { font-size: 23px; }

    .development { padding: 50px 0; }

    .development .right p.title,
    .hosting .left p.title,
    .ukrain .right p.title,
    .apps .left p.title  { font-size: 25px; }

    .cookies .left p.title { font-size: 22px; }

    .development .right h2.subtitle,
    .hosting .left p.subtitle,
    .ukrain .right p.subtitle,
    .apps .left p.subtitle,
    .cookies .left p.subtitle { font-size: 21px; margin:0 0 15px 0; }

    .development .right p.info,
    .hosting .left p.info,
    .ukrain .right p.info,
    .apps .left p.info,
    .cookies .left p.info { font-size:14px; line-height:200%; }

    .hosting { padding: 92px 0 97px 0; }
    .hosting .hosting_up { margin:-78px 0 0 -151px; height: 868px; }

    .ukrain { padding: 0px 0 23px 0; }

    .cookies .left .contact p.title { font-size: 19px; }

    .cookies .contact { margin: 35px 0 35px 0; }

    .cookies img { width: 60%;  margin: 0px 0 0 116px; }
    .cookies .contact2 p.info,
    body.popup .contact2 p.info { margin: 28px 0 20px 0; font-size:14px; }

    .cookies .contact2 input  { font-size: 14px; height: 44px; line-height: 44px; }
    .cookies .contact2 textarea { font-size: 14px; line-height: 44px; height: 224px;}
    body.popup .contact2 input  { font-size: 14px; height: 44px; line-height: 44px; }
    body.popup .contact2 textarea { font-size: 14px; line-height: 44px; height: 224px;}

    .btn-o { font-size: 16px; line-height: 39px; }

    .bottom2 .block1,
    .bottom2 .block2 { width: 100%; }

    .bottom2 .right .contact p.email a i.fa-envelope { font-size: 17px; margin: 0 19px 0 0; }
    .bottom2 .right .contact p.phone a i.fa-phone { font-size: 16px; margin: 0 20px 0 0; }

    .bottom2 .right .contact { clear:both; float:none; width: 100%; }
    .bottom2 .right .contact p { font-size: 17px; }
    .bottom2 .right .contact p.phone a { font-size: 19px; }

    .bottom2 .right .contact img { margin: 5px 0 21px -25px; }

    .bottom2 .bottom2_up { height: 709px; }

    .bottom2 {  padding: 100px 0 22px 0; }
    .bottom2 .right .socials { clear:both; float:none; width: 100%;  margin: 28px 0 0 40px; }
    .bottom2 .right .socials p { margin: 0 10px 12px 0; display:inline-block; }

    .mobile .mobile-content ul.menu li { margin: 14px 0 0 0; }
    .mobile .mobile-content ul.menu li a { font-size: 22px; line-height: 48px; }

    .mobile .mobile-contact2 p.email a i.fa-square-envelope,
    .mobile .mobile-contact2 p.phone a i.fa-square-phone { margin: -4px 21px 16px 0; font-size: 34px; }

    .scrolled .scrollfix { height:62px; }

    /* vervolg */
    h1 { font-size: 25px; }

    .showcases .intro p,
    .content .intro p { font-size:14px; line-height:200%; }

    .content .two_blocks .text h2.nr { font-size: 20px; }
    .content .two_blocks p { font-size:14px; line-height:200%; }
    .content .two_blocks2 .text p { font-size:14px; line-height:200%; }

    p { font-size: 14px; }

    .google_maps { xbackground-size: 354%; bxackground-position-x: -327px; xbackground-position-y: -135px; height: 173px; margin: 23px 0 0 0; }

    .header_bg { height: 100px; margin: 10px 0 0 0; }
    .overflow_white { margin: -14px 0 0 0; }



}


/* 412x915 6% */
@media only screen and (max-width:413px)
{

}

/* 390x844 13% */
@media only screen and (max-width:411px)
{

}

/* 375 x812/x667 6%+5% */
@media only screen and (max-width:389px)
{
    .hamburger .circle { height: 78px; width: 80px; margin:-39px 0 0 -32px; }


    #nav-icon4 {
        width: 26px;
        height: 45px;
    }

    #nav-icon4 span {
        height: 2px;
        border-radius: 5px;
    }


    #nav-icon4 span:nth-child(2) {
        top: 7px;
    }

    #nav-icon4 span:nth-child(3) {
        top: 14px;
    }

    /* hamburger open */



    #nav-icon4.open span:nth-child(1) {
        top: -5px;
        left: 0px;
    }

    #nav-icon4.open span:nth-child(3) {top: 14px; left: 0px; }



    .showcases .intro h1,
    .content .intro h1 { font-size: 31px; margin: 0 0 20px 0; }
    .content .two_blocks2 .text h2.nr {  font-size: 23px; line-height:29px; }
    .content .two_blocks2 .text h2.nr span { margin: 0 10px 0 0; height: 34px; width: 34px; }

    .google_maps {
        xbackground-size: 372%;
        xbackground-position-x: -397px;
        xbackground-position-y: -167px;
    }

    .google_maps { background-size: 140%; }

    /* headers */
    .head-h1 { font-size: 27px !important; margin:0 0 5px 0 !important; }
    .head-h2 { font-size: 21px !important; }
    .head-blue { font-size: 22px !important; }
    .head-orange { font-size: 18px !important; }


    .header_bg { height: 92px;  }
}

/* 360 x800/x760/x64 9%+4%+2% */
@media only screen and (max-width:374px)
{
    .slider li img { xwidth: 150px ! important; }
    .intergrations .lines img { margin:0 15px; }

    .cases-slider .referentie .img_parent { width:300px; height:204px; }

    .content .two_blocks2 .image img { max-width: 100%; }
    .cases-slider .referentie .img_parent { width:260px; height:177px; }

    .header_bg { height: 86px; }
}


/* 320 */
@media only screen and (max-width:359px)
{
    .slider li img { width: 100px ! important; }
    .intergrations .lines img { margin:0 15px; }

    .showcases .showcase .image { height:147px; margin: 0 0 20px 0;  }

    .google_maps { background-size: 120%; }


}