body{overflow-x:hidden;font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif}.text-muted{color:#777}.text-primary{color:#fadc03}p{font-size:14px;line-height:1.75}p.large{font-size:16px}a,a.active,a:active,a:focus,a:hover{outline:0}a{color:#fadc03}a.active,a:active,a:focus,a:hover{color:#e5c709}h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}.img-centered{margin:0 auto}.bg-light-gray{background-color:#f7f7f7}.bg-darkest-gray{background-color:#222}.btn-primary{color:#fff;background-color:#fadc03;border-color:#fadc03;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#e5c709;border-color:#f6bf01}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#fadc03;border-color:#fadc03}.btn-primary .badge{color:#fadc03;background-color:#fff}.btn-xl,section.agency-contact button{color:#fff;background-color:#fadc03;border-color:#fadc03;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;border-radius:3px;font-size:18px;padding:20px 40px}.btn-xl.active,.btn-xl:active,.btn-xl:focus,.btn-xl:hover,.open .dropdown-toggle.btn-xl,.open .dropdown-togglesection.agency-contact button,section.agency-contact button.active,section.agency-contact button:active,section.agency-contact button:focus,section.agency-contact button:hover{color:#fff;background-color:#e5c709;border-color:#f6bf01}.btn-xl.active,.btn-xl:active,.open .dropdown-toggle.btn-xl,.open .dropdown-togglesection.agency-contact button,section.agency-contact button.active,section.agency-contact button:active{background-image:none}.btn-xl.disabled,.btn-xl.disabled.active,.btn-xl.disabled:active,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled],.btn-xl[disabled].active,.btn-xl[disabled]:active,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl,fieldset[disabled] .btn-xl.active,fieldset[disabled] .btn-xl:active,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover,fieldset[disabled] section.agency-contact button,fieldset[disabled] section.agency-contact button.active,fieldset[disabled] section.agency-contact button:active,fieldset[disabled] section.agency-contact button:focus,fieldset[disabled] section.agency-contact button:hover,section.agency-contact button.disabled,section.agency-contact button.disabled.active,section.agency-contact button.disabled:active,section.agency-contact button.disabled:focus,section.agency-contact button.disabled:hover,section.agency-contact button[disabled],section.agency-contact button[disabled].active,section.agency-contact button[disabled]:active,section.agency-contact button[disabled]:focus,section.agency-contact button[disabled]:hover{background-color:#fadc03;border-color:#fadc03}.btn-xl .badge,section.agency-contact button .badge{color:#fadc03;background-color:#fff}.navbar{background-color:#222;border-color:transparent}.navbar .navbar-brand{color:#fadc03;font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive}.navbar .navbar-brand.active,.navbar .navbar-brand:active,.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:#e5c709}.navbar .navbar-collapse{border-color:rgba(255,255,255,.02)}.navbar .navbar-toggle{background-color:#fadc03;border-color:#fadc03}.navbar .navbar-toggle .icon-bar{background-color:#fff}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:#fadc03}.navbar .nav{float:right}.navbar .nav li a{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:1px;color:#fff}.navbar .nav li a:focus,.navbar .nav li a:hover{color:#fadc03;outline:0}.navbar .navbar-nav>.active>a{color:#fff;background-color:transparent}.navbar .navbar-nav>.active>a:focus,.navbar .navbar-nav>.active>a:hover{color:#fadc03;background-color:transparent}@media (min-width:768px){.navbar{background-color:transparent;padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none}.navbar .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar.navbar-shrink{background-color:#222;padding:10px 0}.navbar.navbar-shrink .navbar-brand{font-size:1.5em}.navbar.navbar-shrink .navbar-nav>.active>a{border-radius:3px;color:#fff;background-color:#fadc03}.navbar.navbar-shrink .navbar-nav>.active>a:focus,.navbar.navbar-shrink .navbar-nav>.active>a:hover{color:#fff;background-color:#e5c709}}header#page-header{background-image:url("/themes/bootstrap_agency/img/header-bg.jpg");background-repeat:none;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}header#page-header .region{padding-top:100px;padding-bottom:50px}header#page-header .region .block-title{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px;text-transform:none}header#page-header .region .content{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px}header#page-header .region .btn{margin-top:25px}@media (min-width:768px){header#page-header .region .block-title{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px}header#page-header .region .content{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px}}div.region-content section,section.agency-contact{padding:100px 0}div.region-content section .block-title,section.agency-contact .block-title{font-size:40px;margin-top:0;margin-bottom:15px;text-align:center}div.region-content section .section-subheading,section.agency-contact .section-subheading{font-size:16px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px}@media (min-width:768px){div.region-content section,section.agency-contact{padding:150px 0}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{margin:0 0 15px;right:0}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(254,209,54,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px}#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.timeline{list-style:none;padding:0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}.timeline>li{margin-bottom:50px;position:relative;min-height:50px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#fadc03;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{text-align:center;margin-bottom:50px}.team-member img{margin:0 auto;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}aside.clients img{margin:50px auto}section.agency-contact{background-color:#222;background-image:url("/themes/bootstrap_agency/img/map-image.png");background-position:center;background-repeat:no-repeat;text-align:center}section.agency-contact .block-title{color:#fff}section.agency-contact .form-group{margin-bottom:5px;text-align:left}section.agency-contact .form-group label{color:#fff}section.agency-contact .form-group input,section.agency-contact .form-group textarea{padding:20px}section.agency-contact .form-group input.form-control{height:auto}section.agency-contact .form-group textarea.form-control{height:246px}section.agency-contact .form-control:focus{border-color:#fadc03;box-shadow:none}section.agency-contact ::-webkit-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section.agency-contact :-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section.agency-contact ::-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section.agency-contact :-ms-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section.agency-contact .text-danger{color:#e74c3c}section.agency-contact .form-item-copy{display:none}section.agency-contact button#edit-submit{margin-top:20px}@media (min-width:992px){section.agency-contact form>div{position:relative}section.agency-contact form .form-item-mail,section.agency-contact form .form-item-name,section.agency-contact form .form-item-subject{padding-right:51%}section.agency-contact form .form-item-message{width:50%;padding-left:1%;position:absolute;top:0;right:0}}footer{padding:25px 0;text-align:center;margin-top:0!important;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase}footer p,footer span{line-height:40px}footer ul.quicklinks{margin-bottom:0;line-height:40px}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{display:block;background-color:#222;height:40px;width:40px;border-radius:100%;font-size:20px;line-height:40px;color:#fff;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fadc03}.btn.active,.btn:active,.btn:active:focus,.btn:focus{outline:0}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0;display:none}::-moz-selection{text-shadow:none;background:#fadc03}::selection{text-shadow:none;background:#fadc03}img::selection{background:0 0}img::-moz-selection{background:0 0}body{webkit-tap-highlight-color:#fadc03}

body,html { background: #141519; background-image: url("/sites/default/files/body_background.jpg"); overflow-x: hidden; }
h1,h2,h3,h4,h5,h6 { color: #fbda03; font-family: 'Oswald'; font-weight: 700; }
p,span,div,ul,li,table,td,tr,dl,dt { color: #ffffff; font-family: 'Roboto'; font-weight: 300; letter-spacing: 1px; }
p { font-size: 16px;  letter-spacing: 0px; }

header#navbar.navbar.navbar-fixed-top.navbar-default.container-fluid { padding-top: 0; }
#navbar .container {}
.container-fluid .navbar-header { height: 80px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.navbar-shrink .navbar-header { height: 60px; }
a.logo { margin-left: 20px; }
.navbar.container-fluid {}
#navbar { background-color: transparent; }
.navbar-collapse { background-color: white; border: solid 1px white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-top: 0;
-webkit-box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 8px 14px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 8px 14px 0px rgba(0, 0, 0, 0.6);
 }
.navbar-default ul.menu.nav.navbar-nav li { margin-left: 35px; }
.navbar-default ul.menu.nav.navbar-nav li.leaf a { color: #2a2a2a; font-size: 13px; line-height: 13px; padding: 0; margin: 0; padding-bottom: 10px; }
.navbar-shrink ul.menu.nav.navbar-nav li.leaf a { color: #2a2a2a; font-size: 13px; line-height: 13px; padding: 0; margin: 0; padding-bottom: 10px; }
.navbar .nav li a { font-family: 'Roboto'; font-weight: 700; }

.navbar-default ul.menu.nav.navbar-nav li.leaf a:hover { color: #2a2a2a; font-size: 13px; line-height: 13px; border-bottom: solid 3px #fadc03; padding-bottom: 10px; }
.navbar-shrink ul.menu.nav.navbar-nav li.leaf a:hover { color: #2a2a2a; font-size: 13px; line-height: 13px; border-bottom: solid 3px #fadc03; padding-bottom: 10px; }
.navbar-default ul.menu.nav.navbar-nav li.leaf a.active { color: #2a2a2a; font-size: 13px; line-height: 13px; border-bottom: solid 3px #fadc03; padding-bottom: 10px; }
.navbar-shrink ul.menu.nav.navbar-nav li.leaf a.active { color: #2a2a2a; font-size: 13px; line-height: 13px; border-bottom: solid 3px #fadc03; padding-bottom: 10px; }

.container-fluid ul.menu { padding-top: 27px; padding-right: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
header#navbar.navbar-fixed-top.navbar-default.container-fluid.navbar-shrink ul.menu { padding-top: 19px; }
.container-fluid ul.menu li.leaf a { padding: 10px 15px 10px 15px; }


  @media (min-width: 768px) {
  .navbar.navbar-shrink .navbar-nav > .active > a {
    border-radius: 0px;
    background-color: transparent;
    /* border-bottom: solid 3px #fadc03; */ /* Aktiv menu alahuzas hibasan mukodik ha a team -ben szures tortenik miatt kikapcsolva  */
  }

  .scrollactivated a { border-bottom: solid 3px #fadc03; }

  .navbar.navbar-shrink .navbar-nav > .active > a:hover,
  .navbar.navbar-shrink .navbar-nav > .active > a:focus {
    border-radius: 0px;
    background-color: transparent;
    border: none;
    /* border-bottom: solid 3px #fadc03; */ /* Aktiv menu alahuzas hibasan mukodik ha a team -ben szures tortenik miatt kikapcsolva  */
  }

  li.scrollactivated a:hover { border-bottom: solid 3px #fadc03; }
  li.scrollactivated a:focus { border-bottom: solid 3px #fadc03; }

 ul.menu { padding-top: 12px; }
 .navbar-shrink ul.menu { padding-top: 12px; }
}

@media (max-width: 768px) {
header#navbar.navbar-fixed-top.navbar-default.container-fluid { background-color: white; max-height: 80px; }
header#navbar.navbar-fixed-top.navbar-default.container-fluid.navbar-shrink { background-color: white; max-height: 61px; }
div.navbar-collapse.in { background: white; max-width: 300px; float: right; }

.navbar-default ul.menu.nav.navbar-nav li.leaf { min-height: 40px; max-height: 40px; height: 40px; }
.navbar-default ul.menu.nav.navbar-nav li.leaf a { border-bottom: solid 3px white; }
.navbar-default ul.menu.nav.navbar-nav li.leaf a:hover {  }


div.navbar-header {
-webkit-box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 8px 14px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 8px 14px 0px rgba(0, 0, 0, 0.6);
}


}


header#navbar.navbar-fixed-top.navbar-default.container-fluid a.logo.navbar-btn.pull-left { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

header#navbar.navbar-fixed-top.navbar-default.container-fluid a.logo.navbar-btn.pull-left { background-image: url("/sites/default/files/img/kite_games_logo_MOGYI_EDITION_v3d_black_104x55.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: center center; width:104px; height: 55px; }

@media screen and (max-width: 700px) {
header#navbar.navbar-fixed-top.navbar-default.container-fluid a.logo.navbar-btn.pull-left { background-image: url("/sites/default/files/img/kite_games_logo_MOGYI_EDITION_v3d_black.png"); }
}

header#navbar.navbar-fixed-top.navbar-default.container-fluid a.logo.navbar-btn.pull-left img { visibility: hidden; }

header#navbar.navbar-fixed-top.navbar-default.container-fluid.navbar-shrink a.logo.navbar-btn.pull-left { width:78px; height: 41px; }
header#navbar.navbar-fixed-top.navbar-default.container-fluid.navbar-shrink a.logo.navbar-btn.pull-left img { visibility: hidden; }

header#page-header {
  background-color: #141519;
  background-image: none;
  background-repeat: no-repeat;
}


section {}

header#navbar {padding: 0;}
section#splash { padding: 0 }
section.block { padding-top: 0; padding-bottom: 0; }
section.block-block { padding-top: 0; padding-bottom: 0; }
section.block.block-block { padding-top: 0; padding: 0; }

section.block.block-block div.h2container {
	width: 100%;
	height: 26px;
	line-height: 26px;
	margin: 0 0 100px 0; padding: 0;
	background-image: url("/themes/bootstrap_agency/img/h2_stripe.png"); background-repeat: repeat-x;
	clear: both;
}

section.block.block-block div.h2container h2.block-title {
  position: relative;
  text-align: left;
    padding-left: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 30px;
	float: left;
}

section.block.block-block div.h2container h2.block-title span {
  background: #141519;
  padding: 0 22px;
  position: relative;
  z-index: 1;
  color: #fbda03; font-family: 'Oswald'; font-weight: 300;
	height: 26px;
	line-height: 26px;
  letter-spacing: 4px;
}

section.block.block-block div.h2container h2.block-title:before {
  background-image: url("/themes/bootstrap_agency/img/h2_stripe.png"); background-repeat: repeat-x;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 0;
  /* width: 100%; */
	height: 26px;
	line-height: 26px;
}
section.block.block-block div.h2container h2.block-title:before {
  left: 0;
}


section.block.block-block div.h2container a.h2gotop {
	width: 26px;
	height: 26px;
	display: block;
	float: right;
	background:url("/themes/bootstrap_agency/img/h2_button.png") center center no-repeat;
}


header { position: relative; }

canvas.headeranimation {
    width: 100%;
    height:100%;
    position:absolute;
    top:0;
    left: 0;
    background: transparent;
    z-index: 0;

}

section#contact {
  position: relative;
  background-color: transparent;
  background-image: none;
  padding-top: 10px;
}

canvas.contactanimation {
    position:absolute;
    top:0;
    left: 0;
    /* background: #141519; */
    z-index: 0;
    padding: 0;
    margin: 0;
width: 100%;
height:100%;
 }

canvas.contactoverlay {
width: 100%;
height:100%;
position:absolute;
top:0;
left: 0;
/* background: #141519; */
z-index: 0;
/* background: #141519; */
background-image: url("/sites/default/files/img/gradient.png"), url("/sites/default/files/img/gradient1.png");
background-position: top left, bottom left;
background-repeat: repeat-x, repeat-x;
}

section#contact div.container { background: transparent; }



 section.agency-contact {  }

 section.agency-contact {
  /* background-color: #141519;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  */
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}


section.agency-contact div.container div.region section#contact {
  padding-top: 0;
}

footer.footer { border-top: none; padding-top: 0; padding-bottom: 0; }
footer.container { border-top: none; padding-top: 0; padding-bottom: 0; }

div.region-header { position: relative; z-index: 1000; padding-bottom: 0px; }
header#page-header div.container div.region {padding-bottom:0;}
header#page-header div.container div.region section.block div.content {margin-bottom: 0;}

div.main-container { }


.jobs-slide-slides-master:last-child { margin-bottom:0; }
.jobs-slide-slides-container { visibility: visible; }
.jobs-slide-slide { float:left; padding:0; border:none; background:transparent; width: 100%; }
.jobs-slide-prev-next { margin-bottom: 0; display: none; text-align: right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jobs-slide-prev, .jobs-slide-next { width: 53px; height: 104px; display:inline-block; cursor: pointer; }
.jobs-slide-prev { background: url("/sites/default/files/img/arrow_left.png"); opacity: 0.4; }
.jobs-slide-next { background: url("/sites/default/files/img/arrow_right.png"); opacity: 0.4; }
.jobs-slide-prev:hover, .jobs-slide-next:hover { opacity: 1.0; }
.jobs-slide-prev.jobs-slide-disabled:hover, .jobs-slide-next.jobs-slide-disabled:hover { visibility: hidden; }
.jobs-slide-disabled { visibility: hidden; }
div.content section.jobs-slide-slides-master { overflow: hidden; padding:0; position: relative; vertical-align: top; text-align: center; }
.jobs-slide-prev-next { position: absolute; top: 0; left: 0; width: 100%; }
.jobs-slide-prev-left { position: absolute; top: 0; left: 0; }
.jobs-slide-prev-right { position: absolute; top: 0; right: 0; }
.jobs-slide-prev { margin-top: 100px; }
.jobs-slide-next { margin-top: 100px; }

.projects-slide-slides-master:last-child { margin-bottom:0; }
.projects-slide-slides-container { visibility: visible; }
.projects-slide-slide { float:left; padding:0; border:none; background:transparent; width: 100%; }
.projects-slide-prev-next { margin-bottom: 0; display: none; text-align: right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.projects-slide-prev, .projects-slide-next { width: 53px; height: 104px; display:inline-block; cursor: pointer; }
.projects-slide-prev { background: url("/sites/default/files/img/arrow_left.png"); opacity: 0.4; }
.projects-slide-next { background: url("/sites/default/files/img/arrow_right.png"); opacity: 0.4; }
.projects-slide-prev:hover, .projects-slide-next:hover { opacity: 1.0; }
.projects-slide-prev.projects-slide-disabled:hover, .projects-slide-next.projects-slide-disabled:hover { visibility: hidden; }
.projects-slide-disabled { visibility: hidden; }
div.content section.projects-slide-slides-master { overflow: hidden; padding:0; position: relative; vertical-align: top; text-align: center; }
.projects-slide-prev-next { position: absolute; top: 0; left: 0; width: 100%; }
.projects-slide-prev-left { position: absolute; top: 0; left: 0; }
.projects-slide-prev-right { position: absolute; top: 0; right: 0; }
.projects-slide-prev { margin-top: 100px; }
.projects-slide-next { margin-top: 100px; }

.slidetwocolumn { width: 48%; display: inline-block; padding: 0; vertical-align: top; margin: 0 auto; }
.slidethreecolumn { width: 29%; display: inline-block; padding: 0; vertical-align: top; margin: 0 auto; }
.slidetwocolumn p, .slidethreecolumn p { text-align: center; font-size: 14px; font-family: 'Roboto'; font-weight: 500; text-transform: uppercase; margin-top: 30px; margin-bottom: 20px; }
.slidetwocolumn ul { text-align: justify; width: 90%; list-style: none; }
.slidetwocolumn ul li { font-size: 16px; margin-bottom: 15px; line-height: 30px; min-height: 40px; list-style: none; background: url("/sites/default/files/img/career_listitem_v2.png") no-repeat left top; padding-left: 52px; background-position: left top; }
.slidetwocolumn p.sub { font-weight: 300; color: #a5a6a6; margin: 55px 50px 0 50px; font-style: italic; text-transform: none; }
@media screen and (max-width: 700px){
.slidetwocolumn { width: 97%; border-bottom: solid 2px #696969; padding-bottom: 50px; margin-bottom: 50px; }
.slidethreecolumn { width: 97%; border-bottom: solid 2px #696969; padding-bottom: 50px; margin-bottom: 50px; }
}

div.slidetwocolumn { text-align: center; }
div.slidethreecolumn { text-align: center; }

div.slidethreecolumn dl {
  width: 90%;
  overflow: hidden;
  background: transparent;
  padding: 0;
  margin: 0 auto;
}

div.slidethreecolumn dt, div.slidethreecolumn dd { font-size: 16px; margin-bottom: 15px; line-height: 30px; }

div.slidethreecolumn dt {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: right;
  padding-right: 10px;
  letter-spacing: -1px; color: #959595;

}

div.slidethreecolumn dd {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;

}

div.slidethreecolumn div.slidethreecolumnimagecontainer { width: 90%; height: 240px; line-height: 240px; margin: 0 auto; }

div.slidethreecolumn img { max-width: 100%; max-height:100%; display: block; margin: 0 auto; vertical-align: middle; }

@media screen and (max-width: 992px) {
  div.slidethreecolumn div.slidethreecolumnimagecontainer { height: 160px; line-height: 160px; }
  div.slidethreecolumn dd { font-size: 12px; line-height: 20px; }
  div.slidethreecolumn dt { font-size: 12px; line-height: 20px; }
  div.slidethreecolumn p { font-size: 12px; line-height: 20px; }
}

@media screen and (max-width: 700px) {
  div.slidethreecolumn div.slidethreecolumnimagecontainer { height: 240px; line-height: 240px; }
  div.slidethreecolumn dd { font-size: 16px; line-height: 30px; }
  div.slidethreecolumn dt { font-size: 16px; line-height: 30px; }
  div.slidethreecolumn p { font-size: 16px; line-height: 30px; }
}



section#team {}

.columncontainer {
border: none;
padding: 0;
margin: 0;
overflow: hidden;
}

.columncontainer div {
min-height: 100px;
padding: 0;
margin: 0;
}

#leftcolumn {
background: transparent;
overflow: hidden;
float: left;
width: 50%;
border: none;
padding-left: 5px;
padding-right: 5px;
}

#rightcolumn {
background: transparent;
overflow: hidden;
border: none;
/* padding-left: 5px; padding-right: 5px; */
padding-left: 0;
padding-right: 0;
text-align:center;
vertical-align: top;
}

#leftColumn h2 { margin:0;padding:0; }
#rightColumn h2 { margin:0;padding:0; }

.title-large { text-align: left; font-family: 'Oswald'; font-weight: normal; font-size:100px; color: #ffffff; text-transform: uppercase; margin:0; padding: 0; letter-spacing: 2px; margin-top: 0; margin-bottom: 15px; }

div.figurecontainer { border: none; padding: 0px 3px 0px 3px; margin: 0 auto; display: inline-block; min-height: 310px; vertical-align: top; }
.hideit { visibility: hidden; display: none; width: 0; height: 0; margin: 0; padding: 0; }

.figurecontainer p { padding: 0; margin: 0; text-align: center; font-family: 'Roboto'; letter-spacing: 0px; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height:14px; max-width: 180px; vertical-align: top; margin-top: 8px; }
.figurecontainer p.figurename { color: #ffffff; }
.figurecontainer p.figurenick { color: #959595; }
.figurecontainer p.figuretask { color: #ffffff; font-size: 11px; min-height: 30px; display: block; font-weight: 300; }

figure { width: 180px; height: 220px; cursor: pointer; position: relative; }

figure img { max-width: 180px; max-height: 220px;

  /* filter: grayscale(85%) contrast(105%) brightness(90%); */
  /* -webkit-filter: grayscale(85%) contrast(105%) brightness(90%); */ /* For Webkit browsers */
  /* filter: gray contrast brightness; */  /* For IE 6 - 9 */
  /* -webkit-transition: all .6s ease; */  /* Transition for Webkit browsers */

border-radius: 10px;
  background: transparent;
     }

figure figcaption {
position: absolute;
left: 0;
bottom: 0;width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
/*
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
*/
}

/*
figure:hover figcaption {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}
*/

figcaption * {
padding: 0 10px;
margin: 0;
}

figcaption *:first-child {
padding-top: 5px;
}

figcaption *:last-child {
padding-bottom: 5px;
}

figcaption p {
color: #ffffff;
font-family: 'Roboto';
font-weight: 300;
letter-spacing: 0px;
text-align:center;
line-height:150%;
padding: 5px 10px;
margin-bottom: 0;
margin-top: 10px;
font-size: 14px;
}

a.social { width: 42px; height: 42px; display: inline-block; background-repeat: no-repeat; background-position: center center; padding: 0 2px 0 2px; }
a.social:hover { }
a#facebook { background-image: url("/sites/default/files/img/facebook_off.png"); }
a#linkedin { background-image: url("/sites/default/files/img/linkedin_off.png"); }
a#facebook:hover { background-image: url("/sites/default/files/img/facebook_on.png"); }
a#linkedin:hover { background-image: url("/sites/default/files/img/linkedin_on.png"); }
a#facebook:active { background-image: url("/sites/default/files/img/facebook_off.png"); }
a#linkedin:active { background-image: url("/sites/default/files/img/linkedin_off.png"); }
@media screen and (max-width: 800px) {
a#facebook:hover { background-image: url("/sites/default/files/img/facebook_off.png"); }
a#linkedin:hover { background-image: url("/sites/default/files/img/linkedin_off.png"); }
}

ul.squadmenu { padding:0; margin:0; display:block; padding-bottom: 70px; text-align: right; }
ul.squadmenu li { color: #ffffff; font-family: 'Roboto'; font-weight: 600; letter-spacing: 1px; font-size: 13px; list-style: none; line-height: 15px; margin-left: 30px; text-transform: uppercase; display: inline-block; }

ul.squadmenu li span.team_submenu { color: #ffffff; padding-bottom: 5px; text-decoration: none; cursor: pointer; font-weight: 700; }
ul.squadmenu li span.team_submenu_off { color: #ffffff; padding-bottom: 5px; text-decoration: none; cursor: pointer; font-weight: 700; }
ul.squadmenu li span.team_submenu_on { color: #ffffff; padding-bottom: 5px; text-decoration: none; cursor: pointer; font-weight: 700; border-bottom: solid 3px #fadc03; }
ul.squadmenu li span:hover { border-bottom: solid 3px #fadc03; text-decoration: none; }


h3.title-small { text-align: left; font-family: 'Oswald'; font-weight: normal; font-size:36px; color: #ffffff; text-transform: uppercase; margin:0; padding: 0; letter-spacing: 2px; margin-top: 60px; margin-bottom: 30px; }

div.expertisecontainer {}
div.expertisecontainer div.expertiseitem { display: inline-block; margin-right: 70px; }
div.expertisecontainer div.expertiseitem p { text-align: center; font-size: 14px; font-family: 'Roboto'; font-weight: 500; text-transform: uppercase; margin-top: 20px; }
div.expertisecontainer div.expertiseitem img { display: block; }



@media screen and (max-width: 1200px) {
ul.squadmenu li { margin:0 auto; display: inline-block; padding: 0 10px 0 10px; }
.title-large { margin-top: 0; margin-bottom: 15px; }
div.expertisecontainer div.expertiseitem { display: inline-block; margin-right: 50px; }
}

@media screen and (max-width: 1000px) {
#leftcolumn {
width: 45%;
}

.title-large { margin-top: 0; margin-bottom: 15px; }

div.expertisecontainer div.expertiseitem { display: inline-block; margin-right: 5px; }

}

@media screen and (max-width: 700px) {
#leftcolumn {
width: 60%;
}

div.expertisecontainer div.expertiseitem { display: inline-block; margin-right: 20px; }


.title-large { margin-top: 0; margin-bottom: 15px; }

}


@media screen and (max-width: 480px) {

.title-large { font-size:85px; letter-spacing: 0px; margin-bottom: 15px; margin-top: 0; }

#leftcolumn {
padding-bottom: 48px;
border-bottom: solid 2px #696969;
float: none;
width: auto;
}

figure { width: 142px; height: 173px; }
figure img { max-width: 142px; max-height: 173px; }
div.figurecontainer { padding: 0 2px 0 2px; min-height: 280px; }
.figurecontainer p.figurename { font-size: 11px; line-height:11px; margin-top: 11px; }
.figurecontainer p.figurenick { font-size: 11px;line-height:11px; margin-top: 11px; }


figcaption p {
padding: 3px 8px;
margin-bottom: 0;
margin-top: 10px;
font-size: 11px;
}



div.expertisecontainer div.expertiseitem { display: inline-block; margin-right: 9px; }

}

figcaption div { padding: 0; margin: 0; height: 0; width: 0; }
figcaption div.socialcontainer { padding: 0; margin: 0; position: absolute; bottom: 0; height: 0; line-height: 55px; width:100%; text-align:center; font-size: 1px; min-height: 55px; max-height: 55px; }

figcaption div.socialcontainer a { line-height: 0; font-size: 1px; padding: 0; margin: 0; }

figcaption.siluet {}
figcaption.siluet a { width:100%; height:100%; padding: 0; margin: 0; display:block; }
figcaption.siluet a img { width:100%; height:100%; padding: 0; margin: 0; }











a.contact-social { width: 89px; height: 89px; display: inline-block; }
a#contact-twitter { background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-facebook { background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-linkedin { background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-insta { background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-youtube { background-size: cover; background-repeat: no-repeat; background-position: center center; }
/*
a#contact-twitter:hover { background: url("/sites/default/files/img/contact_twitter_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-facebook:hover { background: url("/sites/default/files/img/contact_facebook_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-linkedin:hover { background: url("/sites/default/files/img/contact_linkedin_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-insta:hover { background: url("/sites/default/files/img/contact_insta_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-youtube:hover { background: url("/sites/default/files/img/contact_youtube_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
*/
a.contact-twitter-normal { background: url("/sites/default/files/img/contact_twitter_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-facebook-normal { background: url("/sites/default/files/img/contact_facebook_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-linkedin-normal { background: url("/sites/default/files/img/contact_linkedin_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-insta-normal { background: url("/sites/default/files/img/contact_insta_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-youtube-normal { background: url("/sites/default/files/img/contact_youtube_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

a.contact-twitter-over { background: url("/sites/default/files/img/contact_twitter_on.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-facebook-over { background: url("/sites/default/files/img/contact_facebook_on.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-linkedin-over { background: url("/sites/default/files/img/contact_linkedin_on.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-insta-over { background: url("/sites/default/files/img/contact_insta_on.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a.contact-youtube-over { background: url("/sites/default/files/img/contact_youtube_on.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

a#contact-twitter:active { background: url("/sites/default/files/img/contact_twitter_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-facebook:active { background: url("/sites/default/files/img/contact_facebook_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-linkedin:active { background: url("/sites/default/files/img/contact_linkedin_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-insta:active { background: url("/sites/default/files/img/contact_insta_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-youtube:active { background: url("/sites/default/files/img/contact_youtube_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

a#contact-twitter:focus { background: url("/sites/default/files/img/contact_twitter_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-facebook:focus { background: url("/sites/default/files/img/contact_facebook_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-linkedin:focus { background: url("/sites/default/files/img/contact_linkedin_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-insta:focus { background: url("/sites/default/files/img/contact_insta_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
a#contact-youtube:focus { background: url("/sites/default/files/img/contact_youtube_off.png"); background-size: cover; background-repeat: no-repeat; background-position: center center; }

div.contact-social-container { width: auto; padding: 0; margin: 0 auto; vertical-align: top; padding-bottom: 40px; text-align: left; }

div.contact-social-container div { padding: 0; margin: 0; vertical-align: top; display: inline-block; }

div.contact-social-container-hq { text-align: left; width: 0; padding: 0; margin: 0; border: none; visibility: hidden; display: none; height: 0; }
div.contact-social-container-hq span { text-align: left; font-family: 'Oswald'; font-weight: normal; font-size: 100px; color: #ffffff; text-transform: uppercase; margin: 0; padding: 0; letter-spacing: 2px;  vertical-align: top; line-height: 100px; height: 100px; }

div.contact-social-container-icons-above { text-align: right; width: 380px; padding: 0; margin: 0; border: none; vertical-align: top; line-height: 122px; height: 122px; visibility:visible; display: block; float: right; }
div.contact-social-container-icons-below { visibility:hidden; display: none; height: 0; line-height: 0; }
@media screen and (max-width: 420px){
  div.contact-social-container-icons-below a.contact-social { width: 68px; height: 68px; }
}

div.contact-social-container-left { text-align: left; width: 1px; padding: 0; margin: 0; }
div.contact-social-container-right { text-align: right; width: 99%; padding: 0; margin: 0; }

div.contact-social-container-left div.contact-social-container-joke { visibility: hidden; display: none; }

div.contact-social-container-right div.contact-social-container-address { margin-right: 40px; }
div.contact-social-container-right div.contact-social-container-email {}

div.contact-social-container-address span { font-family: 'Roboto'; font-weight: 700; }
div.contact-social-container-email span { font-family: 'Roboto'; font-weight: 700; text-decoration: none; color: #fbda04; }

iframe#googlemap { width:100%; max-height:435px; height: 435px; display: block; }
div#map { width: 100%; max-height:435px; height: 435px; display: block;
  /* -webkit-filter: grayscale(100%); */
  /* -moz-filter: grayscale(100%); */
  /* -ms-filter: grayscale(100%); */
  /* -o-filter: grayscale(100%); */
  /* filter: grayscale(100%); */
  /* filter: gray; /* IE 6-9 */
}
@media screen and (max-width: 768px) {
div#map { width: 85%; max-width: 85%; min-width: 85%; max-height:240px; min-height:240px; height:240px; margin-left: auto; margin-right: auto; }
}

div.contact-social-container-address span { }
div.contact-social-container-email span { }
div.contact-social-container-address span img { margin-right: 8px; }
div.contact-social-container-email span img { margin-right: 6px; }

@media screen and (max-width: 720px) {
iframe#googlemap { height:300px; }
div.contact-social-container-right { text-align: left; }
div.contact-social-container-right div.contact-social-container-address { margin-right: 0; width: 100%; }
div.contact-social-container-right div.contact-social-container-email { width: 100%; }
div.contact-social-container-right span { display: inline-block; width: 91%; }
div.contact-social-container-right span.contact-social-container-icon { height: 30px; max-height: 30px; min-height: 30px; vertical-align: top; display: inline-block; width: 22px; }
}

@media screen and (max-width: 550px) {
div.contact-social-container-right span.contact-social-container-icon { height: 45px; max-height: 45px; min-height: 45px; }
div.contact-social-container { padding-bottom: 10px; }
}

@media screen and (max-width: 600px) {
div.contact-social-container-icons-below { text-align: center; padding: 0; margin: 0; border: none; vertical-align: top; line-height: 100px; height: 100px; visibility:visible; display: block; width: auto; margin-top: 45px; }
div.contact-social-container div.contact-social-container-hq { width: 96%; display: none; visibility: hidden; height: 0; }
div.contact-social-container div.contact-social-container-icons-above { visibility:hidden; display: none; height: 0; line-height: 0; }
div.contact-social-container div.contact-social-container-icons-above a.contact-social { visibility: hidden; display: none; height: 0; }
div.contact-social-container div.contact-social-container-left { width: 96%; text-align: left; visibility:hidden; display: none; height: 0; line-height: 0;  }
div.contact-social-container div.contact-social-container-left div.contact-social-container-joke { width: 96%; }
div.contact-social-container div.contact-social-container-right { width: 96%; text-align: left; }
div.contact-social-container div.contact-social-container-right div.contact-social-container-address { width: 96%; }
div.contact-social-container div.contact-social-container-right div.contact-social-container-email { width: 96%; }
}

footer.footer {}

footer.footer div.row div.col-md-4 {}
footer.footer div.row div.col-md-4 div.region.region-footerl section.block { padding-top: 60px; padding-bottom: 10px; }
footer.footer div.row div.col-md-4 div.region.region-footerr section.block { padding-top: 60px; padding-bottom: 10px; }
footer.footer div.row div.col-md-4 div.region.region-footerl section div.content { font-family: 'Roboto'; font-weight: 700; font-size: 13px; color: #7c7c7c; text-align: left; text-transform: uppercase; }
footer.footer div.row div.col-md-4 div.region.region-footerl section div.content strong { color: white; }
footer.footer div.row div.col-md-4 div.region.region-footerr section div.content { font-family: 'Roboto'; font-weight: 700; font-size: 13px; text-align: right; text-transform: uppercase; }

@media screen and (max-width: 992px) {
footer.footer div.row div.col-md-4 div.region.region-footerl section div.content { text-align: center; }
footer.footer div.row div.col-md-4 div.region.region-footerr section div.content { text-align: center; }
footer.footer div.row div.col-md-4 div.region.region-footerl section.block { padding-top: 20px; padding-bottom: 0; }
footer.footer div.row div.col-md-4 div.region.region-footerr section.block { padding-top: 10px; padding-bottom: 10px; }
ul.squadmenu li { float: none; margin:0 auto; display: inline-block; padding: 0 10px 0 10px; }
}



section#contactus { padding-top: 0; padding-bottom: 0; }



div.content section.news-section { padding:0; margin: 0; position: relative; vertical-align: top; text-align: left; }
div.news-container { padding:0; margin: 0; position: relative; vertical-align: top; }
section.news-section div.news-container div.news-item { display: inline-block; padding: 0; vertical-align: top; margin: 0 auto; padding: 0; max-width: 340px; padding-bottom: 30px; margin: 0 15px 40px 15px; position: relative; }
.news-item-closed { height: 400px; min-height: 400px; max-height: 400px; }
.news-item-open { height: auto; min-height: auto; max-height: auto; }
section.news-section div.news-container div.news-item img { display: inline-block; margin: 0 auto; padding: 0; max-width: 99%; }
section.news-section div.news-container div.news-item span { text-align: left; width: 100%; display: block; padding: 20px 0 10px 0; color: #a5a6a6; letter-spacing: 0px; margin: 0 auto; }
section.news-section div.news-container div.news-item p { text-align: justify; margin: 0 auto; color: #cdcdcd; }
.news-details-closed { max-height: 62px; overflow: hidden; padding-bottom: 0; }
.news-details-open { height: auto; max-height: auto; min-height: auto; overflow: hidden; padding-bottom: 46px; }
.news-readmore-visible {}
.news-readmore-hidden {}

section.news-section div.news-container div.news-item div.news-more { width: 100%; height: 40px; line-height: 40px; position: absolute; bottom: 0; left: 0; }
section.news-section div.news-container div.news-item div.news-more a { height: 20px; line-height: 20px; text-align: left; width: 100%; display: block; font-weight: 700; font-size:115%; letter-spacing: -1px; margin: 0 auto; padding-bottom: 10px; text-decoration: none; color: #fbda03; }
section.news-section div.news-container div.news-item div.news-more a:hover { text-decoration: none; color: white; }
section.news-section div.news-container div.news-item div.news-more a:active { text-decoration: none; }
section.news-section div.news-container div.news-item div.news-more a:visited { text-decoration: none; }
section.news-section div.news-container div.news-item h3.news-title { text-align: left; font-family: 'Roboto'; font-weight: 700; font-size:28px; line-height: 28px; max-height: 56px; overflow: hidden; color: #ffffff; text-transform: uppercase; margin:0; padding: 0; letter-spacing: 0; }
section.news-section div.news-container div.news-item div.whitestuff { width: 100%; height: 28px; text-align: left; margin-top: 2px; }
section.news-section div.news-container div.news-item div.whitestuff span { text-align: left; display: inline-block; width: 50px; height: 4px; line-height: 4px; min-height: 4px; max-height: 4px; font-size: 1px; padding: 0; margin: 0; background: white; }

@media screen and (max-width: 1200px) {
section.news-section div.news-container div.news-item {}
div.content div.news-container { text-align: center; }
}

@media screen and (max-width: 1000px) {
div.content div.news-container { text-align: center; }
section.news-section div.news-container div.news-item { margin-left: 5px; margin-right: 5px; }
}

@media screen and (max-width: 750px) {
div.content div.news-container { text-align: center; }
section.news-section div.news-container div.news-item { margin-left: 0; margin-right: 0; }
}

@media screen and (max-width: 730px) {
section.news-section div.news-container div.news-item {}
section.news-section div.news-container div.notlastnews { border-bottom: solid 2px #696969; }
section.news-section div.news-container div.lastnews { }
}

@media screen and (max-width: 480px) {
/* section.news-section div.news-container { text-align: left; }
section.news-section div.news-container div.news-item { text-align: left; }
section.news-section div.news-container div.news-item img { width: 325px; height: 162px; display: block;  margin: 0; }
*/
}


@media screen and (max-width: 320px) {
div.main-container { padding-left: 0; padding-right: 0; }
button.navbar-toggle { margin-right: 25px; }
section.news-section div.news-container div.news-item { width: 320px; max-width: 320px; min-width: 320px; padding-left: 5px; padding-right: 5px; }

/* button.navbar-toggle.collapsed { margin-right: 25px; } */
}




div.region-header section.block-block { padding: 0; }
div.splash-container { width: 100%; padding: 0; margin: 0; border:none; vertical-align: top; height: auto; display: block; padding-top: 60px; }
div.splash-container div.splash-title { width: 100%; text-align: left; }
div.splash-container div.splash-title span { font-family: 'Oswald'; font-weight: 700; font-size: 30px; }
div.splash-container div.splash-column-left { padding: 0; margin: 0; border:none; position: relative; width: 49%; min-height: 310px; display: inline-block; vertical-align: top; }
div.splash-container div.splash-column-left div.splash-logo {}
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { margin-top: 20px; margin-left: 65px; width: 78%; height: 78%; }
div.splash-container div.splash-column-right {  padding: 0; margin: 0; border:none; position: relative; width: 49%; height: 100%; display: inline-block; vertical-align: top;  }
/* div.splash-container div.splash-column-right div.splash-summary h1 { text-align: justify; font-family: 'Roboto'; font-weight: 300; color: white; text-transform: none; font-size: 20px; line-height: 150%; margin: 0 40px 20px 0; letter-spacing: 0; } */
div.splash-container div.splash-summary { width: 100%; padding: 0; margin: 0; }
div.splash-container div.splash-summary h1 { text-align: justify; font-family: 'Roboto'; font-weight: 300; color: white; text-transform: none; font-size: 20px; line-height: 150%; margin: 0 40px 0 40px; padding: 0; letter-spacing: 0; }
div.splash-container div.splash-column-right div.splash-experience { text-align: left; width:100%; padding-top: 22px; padding-left: 15px; } /* min-width: 520px; max-width: 520px; width: 520px; */
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title { width: 100%; padding: 0; margin: 0; text-align: left; vertical-align: top; display: block; padding-bottom: 10px; }
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { text-align: left; font-family: 'Oswald'; font-weight: normal; font-size:32px; color: #ffffff; text-transform: uppercase; margin:0; padding: 0; letter-spacing: 2px; vertical-align: top; width: 100%; height: 100%; margin-left: 3px; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem { display: inline-block; width: 18%; text-align: center; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem p { text-align: center; font-size: 14px; font-family: 'Roboto'; font-weight: 500; text-transform: uppercase; margin-top: 20px; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem img {}

img#expertise_pc { width: 84px; height:100px; }
img#expertise_mobile { width: 59px; height:100px; }
img#expertise_vr { width: 78px; height:100px; }
img#expertise_console { width: 84px; height:100px; }

@media (max-width: 1200px) {
div.splash-container { padding-top: 64px; }
div.splash-container div.splash-column-left { width: 48%; max-height: 260px; min-height: 260px; }
div.splash-container div.splash-column-right { width: 49%; }
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { margin: 13px 0 0 0; width:90%; height: 90%; }
div.splash-container div.splash-column-right div.splash-experience { padding: 0; margin: 0; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 20%; }
/* div.splash-container div.splash-column-right div.splash-summary h1 { margin: 0 20px 20px 0; } */

/* div.splash-container div.splash-column-right div.splash-experience { text-align: left; width: 100%; padding-top: 16px; }  */  /*  min-width: 470px; max-width: 470px; width: 470px; */
/* div.splash-container div.splash-column-right div.splash-experience div.experienceitem {width:21%;}
div.splash-container div.splash-summary h1 {  margin: 0 40px 0 40px; }
*/
}

@media (max-width: 1000px) {
  /*
div.splash-container div.splash-column-right div.splash-experience { text-align: left; min-width: 470px; max-width: 470px; width: 470px; }
div.splash-container div.splash-column-left { width: 31%; }
div.splash-container div.splash-column-right { width: 66%;  }
div.splash-container div.splash-column-left div.splash-logo { padding-top: 8px; }
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { width:99%; height: 99%; }
*/
}

@media (max-width: 992px) {
/* div.splash-container div.splash-column-left {  max-height: 300px; min-height: 300px; } */
div.splash-container { padding-top: 60px; }
div.splash-container div.splash-column-left { width: 48%; max-height: 210px; min-height: 210px; }
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { width: 89%; height: 89%; margin: 0; padding: 0; }
div.splash-container div.splash-column-left div.splash-logo { text-align: left; margin: 0; padding: 0; }
img#expertise_pc { width: 63px; height:75px; }
img#expertise_mobile { width: 44px; height:75px; }
img#expertise_vr { width: 59px; height:75px; }
img#expertise_console { width: 63px; height:75px; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 20%; }
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title { padding: 0 0 15px 0; margin: 0; line-height: 24px; }
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { font-size: 24px; line-height: 24px; padding: 0; margin: 0; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem img {}
div.splash-container div.splash-column-right div.splash-experience div.experienceitem p { font-size: 11px; margin-top: 15px; }
div.splash-container div.splash-summary h1 {  margin: 0 10px 0 0; font-size: 16px; }
}

@media (max-width: 768px) {
div.splash-container { padding-top: 45px; }
div.splash-container div.splash-column-left { width: 48%; max-height: 200px; min-height: 200px; }
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { width: 85%; height: 85%; max-width: 85%; max-height: 180px; padding-top: 0; }
div.splash-container div.splash-column-right div.splash-experience { padding: 10px 0 0 0; margin: 0; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem {width:20%;}
div.splash-container div.splash-column-right div.splash-experience div.experienceitem p { margin-top: 10px; }
div.splash-container div.splash-summary h1 {  margin: 0; padding: 0; }
/*
  div.splash-container div.splash-column-left {  max-height: 250px; min-height: 250px; }
  div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { padding-top: 0; }
  div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { font-size:28px; margin-left: 10px; }
  */

  /*
div.splash-container div.splash-column-left { width: 100%; min-height: auto; }
div.splash-container div.splash-column-right { width: 100%; }
/*

/* div.splash-container div.splash-column-right div.splash-summary { padding: 30px 0 10px 0; text-align: center; } */
/* div.splash-container div.splash-column-right div.splash-summary h1 { padding: 0; margin: 0; } */

/*
div.splash-container div.splash-column-left div.splash-logo { padding-top: 0; }
div.splash-container div.splash-column-right div.splash-experience { margin: 0 auto; }
*/
/* div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 22%; } */
/*
div.splash-container div.splash-column-right div.splash-experience { min-width: auto; max-width: auto; width: auto; padding: 0; margin: 0; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 22%; }
*/
}
@media (max-width: 700px) {
div.splash-container { min-height: auto; max-height: auto; height: auto; padding: 0; margin: 0; }
div.splash-container div.splash-column-left { width: 100%; min-height: 20%; max-height: 20%; height: auto; padding: 0; margin: 0 0 4% 0; display: block; }
div.splash-container div.splash-column-right { width: 100%; min-height: auto; max-height: auto; height: auto; margin: 0 auto; text-align: center; padding: 0; margin: 0; display: block; }
div.splash-container div.splash-column-right div.splash-experience { width: 100%; min-height: auto; max-height: auto; height: auto; padding: 0; margin: 0 auto; display: block; }
div.splash-container div.splash-column-left div.splash-logo { text-align: center; width: 100%; height: 100%; }
div.splash-container div.splash-column-left div.splash-logo img.spash-logo-image { max-width: 95%; max-height: 250px; width: auto; height: auto; }
div.splash-container div.splash-column-right div.splash-experience { margin: 0 auto; text-align: center; }
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title {}
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { font-size: 20px; line-height: 20px; padding: 0; margin: 0; margin-left: 10%; }
div.splash-container div.splash-column-right div.splash-experience div.experienceitem p { font-size: 10px; }
img#expertise_pc { width: 84px; height:100px; }
img#expertise_mobile { width: 59px; height:100px; }
img#expertise_vr { width: 78px; height:100px; }
img#expertise_console { width: 84px; height:100px; }
div.splash-container div.splash-summary h1 {  margin: 0 3% 0 3%; padding: 3% 0 0 0; }

/* div.splash-container div.splash-column-right div.splash-experience { min-width: auto; max-width: auto; width: auto; } */
}

@media (max-width: 650px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 9%; }
}

@media (max-width: 600px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 8%; }
}

@media (max-width: 550px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 7%; }
}


@media (max-width: 500px) {
/* div.splash-container div.splash-column-right div.splash-experience { min-width: auto; max-width: auto; width: auto; } */
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 8%; }
img#expertise_pc { width: 63px; height:75px; }
img#expertise_mobile { width: 44px; height:75px; }
img#expertise_vr { width: 59px; height:75px; }
img#expertise_console { width: 63px; height:75px; }

}

@media (max-width: 450px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 7%; }
}


@media (max-width: 400px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 5%; }
/* div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 21%; } */
/*
img#expertise_pc { width: 42px; height:50px; }
img#expertise_mobile { width: 29px; height:50px; }
img#expertise_vr { width: 39px; height:50px; }
img#expertise_console { width: 42px; height:50px; }
*/
ul.squadmenu { text-align: center; }
ul.squadmenu li { padding: 0 3px 0 3px; font-size: 90%; }

}

@media (max-width: 350px) {
div.splash-container div.splash-column-right div.splash-experience div.splash-experience-title span { margin-left: 3%; }
}

@media (max-width: 300px) {
img#expertise_pc { width: 42px; height:50px; }
img#expertise_mobile { width: 29px; height:50px; }
img#expertise_vr { width: 39px; height:50px; }
img#expertise_console { width: 42px; height:50px; }
}


@media (max-width: 380px) {
 /* div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 22%; }  */
}

@media (max-width: 321px) {
 /* div.splash-container div.splash-column-right div.splash-experience div.experienceitem { width: 21%; }  */
}



div.splash-container div.h2container h2.block-title {
  position: relative;
  text-align: left;
padding: 0;
    padding-left: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 30px;
  float: left;
text-decoration: none;
}

div.splash-container div.h2container h2.block-title span {
  background: #141519;
  padding: 0 26px;
  position: relative;
  z-index: 1;
  color: #fbda03; font-family: 'Oswald'; font-weight: 700;
  height: 26px;
  line-height: 26px;
text-decoration: none;
}


header.navbar div.container { max-height: 80px; }

/* div.navbar-collapse.in { max-width: 300px; } */



/*

header navbar max-height: 80;

container max-height 40

navbar-collapse.in right



*/

/* content container contains all blocks */
section.col-sm-12 { padding-top: 0; }


section.block.block-system {}



footer.footer.container div.row div.col-md-4 div.region section.block div.content { font-size: 60%; }

div.dg { visibility: hidden; display: none; }
div.ac { visibility: hidden; display: none; }

div#headerbottomgradient { position: absolute; background: url("/sites/default/files/img/headerbottomgradient.png") repeat-x; width: 100%; height: 90px; bottom: 0; }
div#headerleftgradient { position: absolute; background: url("/sites/default/files/img/headerleftgradient.png") repeat-y; width: 90px; height: 100%; left: 0; top: 0; }
div#headerrightgradient { position: absolute; background: url("/sites/default/files/img/headerrightgradient.png") repeat-y; width: 90px; height: 100%; right: 0; top: 0; }

div.contactfooter { padding: 70px 0 70px 0; vertical-align: top; }
div.contactfooter div { padding: 0; margin: 0; font-family: 'Roboto'; font-weight: 700; text-transform: uppercase; font-size: 65%; color: #7c7c7c;  vertical-align: top; }
div.contactfooter div strong { color: white; }
div.contactfooter div.contactfooterleft { display: inline-block; text-align: left; float: left; }
div.contactfooter div.contactfooterright { display: inline-block; text-align: right; float: right; }
div.contactfooter div.contactfootermiddle { display: inline-block; text-align: center; }

@media screen and (max-width: 1200px) {
div.contactfooter div { font-size: 53%; }
}

@media screen and (max-width: 992px) {
div.contactfooter { padding: 50px 0 50px 0; }
div.contactfooter div { padding: 5px 0 5px 0; font-size: 65%; }
div.contactfooter div.contactfooterleft { width: 100%; display: block; text-align: center; float: none; }
div.contactfooter div.contactfooterright { width: 100%; display: block; text-align: center; float: none; }
div.contactfooter div.contactfootermiddle { width: 100%; display: block; text-align: center; float: none; }
}


/*
section#projects { padding-bottom: 75px; }
section#team { padding-bottom: 90px; }
section#jobs { padding-bottom: 85px; }
section#news { padding-bottom: 30px; }
*/

section#news { padding-top: 85px; }
section#news { padding-bottom: 0; }
/* section#jobs { padding-top: 45px; } */
section#jobs { padding-top: 40px; }
section#team { padding-top: 95px; padding-bottom: 85px; }
section#projects { padding-top: 100px; }

@media screen and (max-width: 1200px) {
section#news { padding-top: 95px; }
section#news { padding-bottom: 0; }
/* section#jobs { padding-top: 45px; } */
section#jobs { padding-top: 40px; }
section#team { padding-top: 95px; }
section#projects { padding-top: 100px; }
}

@media screen and (max-width: 800px) {
section#news { padding-top: 42px; }
section#news { padding-bottom: 0; }
/* section#jobs { padding-top: 45px; } */
section#jobs { padding-top: 0; padding-bottom: 10px; }
section#team { padding-top: 38px; padding-bottom: 40px; }
section#projects { padding-top: 50px; padding-bottom: 5px; }
section.block.block-block div.h2container { margin-bottom: 60px; }
ul.squadmenu { padding-bottom: 40px; }
}




.projectalone { border: none; margin: 0; padding: 0; }
.jobalone { border: none; margin-bottom: 0; padding-bottom: 0; }
.jobalone ul {}
.jobalone ul li {}
.lastnews { border: none; margin-bottom: 0; }

@media all {
        .lightbox { display: none; }
      }

.featherlight .featherlight-content { text-align: center; max-width: 80%; max-height: 80%; background: #383b3d; overflow: hidden; }


@media screen and (max-width: 769px) {
  div.navbar-collapse {
     background-color: white; border: none; margin-top: 0;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
  }
    div.navbar-header {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;

    }

header#navbar.navbar.navbar-fixed-top.navbar-default.container-fluid { max-width: 768px; position: fixed; position: fixed; right: 0; left: 0; }
}


section.news-section div.news-container div.news-item div.news-more a.news-readmore { color: #fadc03; text-decoration: none; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore:hover { color: #fadc03; text-decoration: none; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore:active { color: #fadc03; text-decoration: none; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore:visited { color: #fadc03; text-decoration: none; }

section.news-section div.news-container div.news-item div.news-more a.news-readmore-over { color: white; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore-over:hover { color: white; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore-over:active { color: white; }
section.news-section div.news-container div.news-item div.news-more a.news-readmore-over:visited { color: white; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   /* canvas.contactanimation { background-image:url("/sites/default/files/img/contactanimationstatic.jpg"); background-position: center center; } */
   canvas.contactoverlay { background-image:url("/sites/default/files/img/contactanimationstatic.jpg"); }
}

div.gdpr_popup { color: black !important; padding: 10px; }
div.gdpr_popup p { color: black !important; }
div.gdpr_popup h4 { color: black !important; margin-bottom: 10px;  }
div.gdpr_popup a { color: #fadc03; font-weight: 700 !important; }
div.gdpr_popup p, h4, a { margin: 0; padding: 0; }
div.gdpr_popup div.button_wrapper { width: 100%; text-align: center; }
div.gdpr_popup button { background: transparent;
    border: 1px solid black;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    margin: 0 auto;
    margin-top: 10px;
    color: black;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: bold;
}
div.gdpr_popup button:hover { background: #fadc03; color: black; }