body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    position: relative;
}
strong{
	font-weight: 700;
}

/* fix for iOS automatic border radius: */
input{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}

.clear{
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}
.bg-white{
	width: 100%;
	background: #FFFFFF;
	position: relative;
}
.hidden-lg{
	display: none;
}

/* ROTATE */
.rotate{
	display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #0087cc;
    z-index: 999;
}
.rotate img{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90px;
    margin-left: -45px;
    margin-top: -57px;
}
.rotate span{
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    position: fixed;
    top: 50%;
    margin-top: 34px;
    width: 100%;
}

/* VIDEO: */
#video{
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
}
#no-video-bg{
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-image: url('../img/bg-non-video.jpg');
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.about, .projects, .contacts, footer{
	background: #FFFFFF;
	position: relative;
}
/* HEADER */
header{
	position: fixed;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px solid #e4e4e4;
	top: 0px;
	left: 0px;
	z-index: 900;
}
header .logo{
	height: 50px;
	position: absolute;
	left: 0px;
	margin-left: 25px;
	top: 19px;
	transition: left 0.3s linear;
	-moz-transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear;
	-o-transition: left 0.3s linear;
}
header .menu{
	font-size: 20px;
	font-weight: 800;
	color: #006699;
	background: none;
	border: none;
	font-family: "Open Sans";
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	transition: right 0.3s linear;
	-moz-transition: right 0.3s linear;
	-webkit-transition: right 0.3s linear;
	-o-transition: right 0.3s linear;
	outline: none;
	width: 125px;
}
header .menu.push-to-left{
	right: 205px;
}
header img.logo.push-to-left{

}
header .menu i.fa{
	font-size: 17px;
	color: #000000;
}
header.fixed{
	height: 74px;
}
header.fixed img.logo{
	cursor: pointer;
	height: 44px;
	top: 14px;
}
header.fixed .menu{
	top: 19px;
}
nav span.close-menu{
	width: 45px;
	height: 45px;
	float: right;
	background: url('../img/arrows/closeWhite90.png') no-repeat center center;
	background-size: 45px;
	cursor: pointer;
	margin: 22px 15px;
}
.cbp-spmenu a.lang{
	font-size: 14px;
	font-weight: 500;
	padding-left: 52px;
	background-repeat: no-repeat;
	background-position: 19px center;
}
.cbp-spmenu a.lang.en{
	background-image: url('../img/globe.png');
	background-size: 25px;
}
.cbp-spmenu a.lang.bg{
	background-image: url('../img/globe.png');
	background-size: 25px;
}
/* ----- */


/* HOME: */
.home{
	position: relative;
}
.home .bg-video{
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}
.home .bg-video-pattern{
	height: 100%;
	width: 100%;
	background-image: url("../img/bg-video-pattern.png");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
	z-index: 100;
}
.home .bg-video .cover{
	width: 100%;
	height: 100%;
	background-image: url("../img/bg-video.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0px;
	z-index: 200;
}
.home .bg-video .cover h1{
	font-size: 73px;
	font-weight: 300;
	line-height: 63px;
	position: absolute;
	left: 50%;
	top: 205px;
	margin: -12px 0px 0px 7%;
	color: rgba(62,62,62,1);

}
.home .bg-video .cover h1 strong{
	font-weight: 800;
}
.home .box1{
	position: absolute;
	bottom: 98px;
	right: 20%;
	width: 51px;
	height: 51px;
	background-image: url("../img/box-1.png");
	background-size: 51px;
	z-index: 201;
}
.home  .box2{
	position: absolute;
	bottom: 5px;
	right: 10%;
	width: 99px;
	height: 98px;
	background-image: url("../img/box-2.png");
	background-size: 99px 98px;
	z-index: 201;
}
.scroll-container{
	width: 100%;
	height: 104px;
	padding-top: 20px;
	background: #FFFFFF;
	position: relative;
}
.scroll-container a.lang{
	position: absolute;
	bottom: 60px;
	left: 25px;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url("../img/globe-black.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
	padding: 4px 0px 4px 30px;
}
.scroll-down{
	width: 70px;
	height: 70px;
	display: block;
	margin: auto;
	background-image: url("../img/arrows/down.png");
	background-repeat: no-repeat;
	background-size: 70px;
	cursor: pointer;
	/*-webkit-animation: arrow-move 2s infinite; /* Safari 4+ */
	/*-moz-animation:    arrow-move 2s infinite; /* Fx 5+ */
	/*-o-animation:      arrow-move 2s infinite; /* Opera 12+ */
	/*animation:         arrow-move 2s infinite; /* IE 10+ */
	position: relative;
}
@-webkit-keyframes arrow-move {
  0%   { top: 0px; }
  50%  { top: 20px; }
  100% { top: 0px; }
}
@-moz-keyframes arrow-move {
  0%   { top: 0px; }
  50%  { top: 20px; }
  100% { top: 0px; }
}
@-o-keyframes arrow-move {
  0%   { top: 0px; }
  50%  { top: 20px; }
  100% { top: 0px; }
}
@keyframes arrow-move {
  0%   { top: 0px; }
  50%  { top: 20px; }
  100% { top: 0px; }
}

/*NEW-ABOUT-WITH-TEXTS: */
.about1{
	padding-top: 70px;
}
.about1 .about1-h{
	padding: 0px 0px 50px 0px;
	text-align: center;
}
.about1 .about1-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline-block;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
	min-width: 215px;
	margin: 0px;
	padding: 0px 70px 0px 0px;
}
.about1 .box-about{
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -785px;
	width: 484px;
}
.about1-line{
	width: 100%;
	height: 1px;
	background: #e4e4e4;
}
.about1-line .line-width{
	width: 840px;
	margin: auto;
	position: relative;
}
.about1-line .line-width .line{
	position: absolute;
	width: 33%;
	height: 3px;
	top: -2px;
	left: 0px;
	background: #0087cc;
	transition: left 0.2s ease-in-out;
	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
}

/* ABOUT: */
.about{
	padding-top: 70px;
}
.about .about-h{
	padding: 0px 0px 50px 0px;
	text-align: center;
}
.about .about-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline-block;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
	min-width: 215px;
	margin: 0px;
	padding: 0px 70px 0px 0px;
}
/* about redesign: */
.demo-about{
	width: 900px;
	min-height: 1394px;
	margin: auto;
	background-image: url('../img/about/about.png');
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
.demo-about .txt-consult{
	position: absolute;
	left: 460px;
	top: 58px;
	width: 440px;
}
.demo-about .txt-project{
	position: absolute;
	right: 460px;
	top: 435px;
	text-align: right;
	width: 440px;
}
.demo-about .txt-develop{
	position: absolute;
	left: 460px;
	top: 783px;
	width: 440px;
}
.demo-about .txt-deploy{
	position: absolute;
	right: 460px;
	top: 1137px;
	text-align: right;
	width: 450px;
}
/* icons */
.demo-about .icons .cup{
	left: 217px;
    position: absolute;
    top: 94px;
    width: 172px;
}
.demo-about .icons .lightbulb{
	position: absolute;
    right: 232px;
    top: 462px;
    width: 123px;
}
.demo-about .icons .pc{
	left: 195px;
    position: absolute;
    top: 805px;
    width: 192px;
}
.demo-about .icons .rocket{
	position: absolute;
    right: 208px;
    top: 1148px;
    width: 171px;
}
/* stroke lines */
.stroke-lines > div{
	position: absolute;
	background-repeat: no-repeat;
}
.stroke-lines .line1{
	top: 179px;
	right: 528px;
	width: 0px;
	height: 135px;
	background-image: url('../img/about/about01.gif');
	background-position: top right;
}
.stroke-lines .line2{
	top: 42px;
	left: 157px;
	width: 0px;
	height: 137px;
	background-image: url('../img/about/about02.gif');
	background-position: top left;
}
.stroke-lines .line3{
	top: 179px;
    left: 372px;
    width: 152px;
    height: 0px;
	background-image: url('../img/about/about03.gif');
	background-position: top left;
}
.stroke-lines .line4{
	top: 412px;
    left: 523px;
    width: 0px;
    height: 136px;
	background-image: url('../img/about/about04.gif');
	background-position: top left;
}
.stroke-lines .line5{
	top: 548px;
    right: 160px;
    width: 0px;
    height: 234px;
	background-image: url('../img/about/about05.gif');
	background-position: top right;
}
.stroke-lines .line5_{
	top: 748px;
    right: 517px;
    width: 0px;
    height: 139px;
	background-image: url('../img/about/about05_.gif');
	background-position: top right;
}
.stroke-lines .line6{
	top: 439px;
    right: 376px;
    width: 56px;
    height: 0px;
	background-image: url('../img/about/about06.gif');
	background-position: top right;
}
.stroke-lines .line7{
	top: 887px;
    left: 157px;
    width: 0px;
    height: 246px;
	background-image: url('../img/about/about07.gif');
	background-position: top left;
}
.stroke-lines .line8{
	top: 782px;
    left: 376px;
    width: 53px;
    height: 0px;
	background-image: url('../img/about/about08.gif');
	background-position: top left;
}
.stroke-lines .line9{
	top: 1099px;
    left: 517px;
    width: 0px;
    height: 137px;
	background-image: url('../img/about/about09.gif');
	background-position: top left;
}
.stroke-lines .line10{
	top: 1236px;
    right: 158px;
    width: 0px;
    height: 135px;
	background-image: url('../img/about/about10.gif');
	background-position: top right;
}
.stroke-lines .line11{
	top: 1132px;
    left: 470px;
    width: 0px;
    height: 104px;
	background-image: url('../img/about/about11.gif');
	background-position: top left;
}
.stroke-lines .line1.drawn{ width: 215px; }
.stroke-lines .line2.drawn{ width: 272px; }
.stroke-lines .line3.drawn{ height: 260px; }
.stroke-lines .line4.drawn{ width: 217px; }
.stroke-lines .line5.drawn{ width: 357px; }
.stroke-lines .line5_.drawn{ width: 226px; }
.stroke-lines .line6.drawn{ height: 211px; }
.stroke-lines .line7.drawn{ width: 361px; }
.stroke-lines .line8.drawn{ height: 209px; }
.stroke-lines .line9.drawn{ width: 225px; }
.stroke-lines .line10.drawn{ width: 272px; }
.stroke-lines .line11.drawn{ width: 47px; }

/* GREEN */
.green{
	padding-top: 70px;
}
.green .green-h{
	padding: 0px 0px 50px 0px;
	text-align: center;
}
.green .green-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline-block;
	background-image: url('../img/bg-heading-g.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
	min-width: 215px;
	margin: 0px;
	padding: 0px 70px 0px 0px;
}
.green .social-resp{
	width: 100%;
	height: 140px;
	position: relative;
	padding: 40px 0px;
}
.green .social-resp a.green-link{
	position: absolute;
	width: 100%;
	height: 140px;
	z-index: 120;
	top: 40px;
	left: 0px;
}
.green .social-resp .green-bg{
	height: 140px;
	width: 60%;
	position: relative;
	background-color: #91c747;
    background: #91c747; /* Old browsers */
    background: -moz-linear-gradient(left,  #40b573 0%, #91c747 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#40b573), color-stop(100%,#91c747)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #40b573 0%,#91c747 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #40b573 0%,#91c747 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #40b573 0%,#91c747 100%); /* IE10+ */
    background: linear-gradient(to right,  #40b573 0%,#91c747 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b573', endColorstr='#91c747',GradientType=1 ); /* IE6-9 */
}
.green .social-resp h3{
	font-size: 40px;
	font-weight: 300;
	color: #FFFFFF;
	position: absolute;
	margin: 0px;
	top: 30px;
	right: 280px;
	width: 305px;
}
.green .social-resp span.slogan{
	font-size: 19px;
	font-weight: 300;
	color: #FFFFFF;
	position: absolute;
	top: 82px;
	right: 280px;
	width: 305px;
}
.green .social-resp span.arr{
	position: absolute;
	width: 70px;
	height: 70px;
	background-image: url('../img/arrows/rightWhite.png');
	background-size: 70px;
	background-repeat: no-repeat;
	top: 30px;
	right: 204px;
	transition: right 0.1s ease-in-out;
	-webkit-transition: right 0.1s ease-in-out;
	-moz-transition: right 0.1s ease-in-out;
	-o-transition: right 0.1s ease-in-out;
}
.green .social-resp:hover span.arr{
	right: 196px;
}
.green .social-resp img.papers{
	position: absolute;
	top: 5px;
	left: 60%;
	margin-left: -157px;
	z-index: 100;
}
.green .social-resp img.papers-small{
	position: absolute;
	top: 5px;
	left: 60%;
	margin-left: -189px;
	z-index: 50;
}
.green .social-resp span.green-logo{
	background-image: url('../img/abbaty-green.jpg');
	background-size: auto 55px;
	background-repeat: no-repeat;
	position: absolute;
	left: 60%;
	margin-left: 200px;
	top: 66px;
	width: 160px;
	height: 55px;
}

/* PROJECTS: */
.projects .proj-h{
	padding: 70px 0px 50px 0px;
	text-align: center;
}
.projects .proj-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline;
	padding-right: 70px;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}
.proj-bg{
	background: #dff0f8;
	width: 100%;
}
.proj-list{
	width: 996px;
	margin: auto;
	display: block;
}
.proj-list .year, .proj-list .item, .proj-list .empty{
	padding: 0px;
	height: 166px;
	width: 166px;
	float: left;
}
.proj-list .year{
	background: #FFFFFF;
}
.proj-list .year span{
	font-size: 50px;
	font-weight: 800;
	color: rgba(0,75,115,0.8);
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
	display: block;
	text-align: center;
	margin-top: 58px;
}
.proj-list .item{
	background: #dff0f8;
	width: 332px;
	cursor: pointer;
}
.proj-list .item .image{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 166px;
	width: 166px;
	float: left;
	height: 166px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.proj-list .item .desc{
	width: 166px;
	float: left;
	font-size: 14px;
	font-weight: 300;
	display: table;
	height: 166px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.proj-list .item .desc span{
	display: table-cell;
	vertical-align: middle;
}
.proj-list .item:hover .image{
	background-color: #006399;
	background-position: bottom;
}
.proj-list .item:hover .desc{
	background-color: #0087cc;
	color: #FFFFFF;
}
.proj-list .empty{
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 57px;
	width: 166px;
	background-color: #FFFFFF;
}
.proj-list .double{
	width: 332px;
}
.more-projects{
	display: none;
}
.show-more-projects{
	display: block;
	text-align: center;
	padding: 20px 0px;
}
.show-more-projects div{
	font-size: 20px;
	font-weight: 800;
	color: #006699;
	cursor: pointer;
}
.show-more-projects span.hide-more{
	display: none;
}
.show-more-projects i.fa{
	font-size: 21px;
	position: relative;
	top: 1px;
	color: #000000;
}


/* OVERLAY: */
.project-more-info{
	position: relative;
	top: 50%;
	left: 25%;
	height: 60%;
	width: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.project-more-info .project-logo{
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 166px;
	width: 166px;
	height: 166px;
	display: block;
	float: left;
}
.project-more-info .project-year{
	font-size: 50px;
	font-weight: 300;
	color: #FFFFFF;
	position: relative;
	top: 48px;
	left: 10px;
	float: left;
}
.project-more-info h1{
	font-size: 31px;
	font-weight: 800;
	color: #FFFFFF;
	margin: 20px 0px 30px 0px;
}
.project-more-info p{
	font-size: 15px;
	font-weight: 300;
	color: #FFFFFF;
}
.overlay .arrow-left{
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	background-image: url('../img/arrows/leftWhite.png');
	background-repeat: no-repeat;
	background-size: 70px;
	cursor: pointer;
}
.overlay .arrow-right{
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	background-image: url('../img/arrows/rightWhite.png');
	background-repeat: no-repeat;
	background-size: 70px;
	cursor: pointer;
}
.overlay-content{
	clear: both;
	padding-bottom: 30px;
}
.overlay{
	overflow: auto;
}


/* CERTIFICATES: */
.certificates .cert-h{
	width: 100%;
	background: #FFFFFF;
	position: relative;
	margin: 0px;
	text-align: center;
	padding: 70px 0px 50px 0px;
}
.certificates .cert-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline;
	padding-right: 70px;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}
.cert-row{
	border-bottom: 1px solid #FFFFFF;
	width: 80%;
	max-width: 1200px;
	display: block;
	margin: auto;
	/*transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;*/
	text-align: center;
	position: relative;
	padding-top: 40px;
	padding-bottom: 50px;
}
.cert-row .cert{
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px 13px 10px 13px;
	text-align: center;
	vertical-align: top;
}
.cert-row .cert-bord{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.cert-row .cert img{
	max-width: 100%;
}
.cert-row .cert span{
	display: block;
	margin: 10px 0px 10px 0px;
	min-height: 20px;
}
.cert-row .cert span.title{
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 15px;
	line-height: 17px;

}

/* CONTACTS: */
.contacts{
	padding-bottom: 70px;
}
.contacts .contacts-h{
	padding: 90px 0px 50px 0px;
	text-align: center;
}
.contacts .contacts-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline;
	padding-right: 70px;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}
.contacts #map{
	width: 100%;
	height: 380px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-o-box-shadow:    	0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	background: #d8d8d8;
	margin-bottom: 40px;
}
.contact-info{
	width: 80%;
	padding: 0px 10%;
}
.contact-info .item{
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
}
.contact-info .item > img{
	margin-bottom: 20px;
	width: 67px;
}
.contact-info .item span{
	display: block;
}
.contact-info .item a{
	color: #000000;
}
.contact-info .item a:hover{
	text-decoration: none;
}

/* CAREERS: */
.careers{
	padding-bottom: 80px;
	background: #FFFFFF;
}
.careers .cert-h{
	width: 100%;
	background: #FFFFFF;
	position: relative;
	margin: 0px;
	text-align: center;
	padding: 70px 0px 50px 0px;
}
.careers .cert-h h2{
	font-size: 55px;
	letter-spacing: -2px;
	color: rgba(62,62,62,0.8);
	font-weight: 800;
	display: inline;
	padding-right: 70px;
	background-image: url('../img/bg-heading.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 57px;
	text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;
}
.careers .career-text{
	padding: 80px 0px 0px 0px;
	margin: auto;
	width: 80%;
	max-width: 550px;
	text-align: justify;
	font-size: 17px;
	font-weight: 300;
	color: #FFFFFF;
}
.careers .career-form{
	width: 80%;
	margin: auto;
	max-width: 550px;
}

/* FOOTER: */
footer{
	font-size: 14px;
	font-weight: 400;
	width: 70%;
	padding: 30px 15% 10px 15%;
}
footer a.lang{
	float: left;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url("../img/globe-black.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 25px;
	padding: 4px 0px 4px 30px;
}
footer .copyright{
	float: right;
}
footer .terms{
	float: right;
}
.gototop{
	display: block;
	margin: 0px auto;
	width: 70px;
	height: 70px;
	background-image: url("../img/arrows/up.png");
	background-repeat: no-repeat;
	background-size: 70px;
	cursor: pointer;
	/*-webkit-animation: gototop-move 2s infinite; /* Safari 4+ */
	/*-moz-animation:    gototop-move 2s infinite; /* Fx 5+ */
	/*-o-animation:      gototop-move 2s infinite; /* Opera 12+ */
	/*animation:         gototop-move 2s infinite; /* IE 10+ */
	position: relative;
}
@-webkit-keyframes gototop-move {
  0%   { bottom: 0px; }
  50%  { bottom: 20px; }
  100% { bottom: 0px; }
}
@-moz-keyframes gototop-move {
  0%   { bottom: 0px; }
  50%  { bottom: 20px; }
  100% { bottom: 0px; }
}
@-o-keyframes gototop-move {
  0%   { bottom: 0px; }
  50%  { bottom: 20px; }
  100% { bottom: 0px; }
}
@keyframes gototop-move {
  0%   { bottom: 0px; }
  50%  { bottom: 20px; }
  100% { bottom: 0px; }
}
.footer-cover{
	width: 100%;
	height: 50px;
	background-image: url("../img/bg-video.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	z-index: 200;
	position: relative;
}

/* DOTS NAVIGATION:
.dots-nav{
	position: fixed;
	top: 50%;
	right: 20px;
	width: 27px;
	margin-top: -81px;
	z-index: 900;
}
.dots-nav .dot{
	display: block;
	width: 27px;
	height: 27px;
	background-image: url('../img/dot.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-size: 20px;
	transition: background-size 0.1s linear;
	-webkit-transition: background-size 0.1s linear;
	-moz-transition: background-size 0.1s linear;
	-o-transition: background-size 0.1s linear;
}
.dots-nav .dot.current{
	background-image: url('../img/dot-current.png');
	background-size: 27px;
}*/


/* TABLET LAYOUT */

@media only screen and (max-width: 1023px) {
	.visible-md{
		display: block;
	}
	.hidden-md{
		display: none;
	}
	#video{
		display: none;
	}
	.dots-nav{
		display: none;
	}
	.home .bg-video .cover h1{
		font-size: 49px;
		line-height: 44px;
		top: 145px;
		margin-left: 11%;
	}
	.about1-line .line-width{
		width: 640px;
	}
	.about1 .box-about{
		width: 260px;
		margin-left: -400px;
	}
	.demo-about{
		width: 700px;
	}
	.demo-about .txt-consult{
		left: 360px;
		width: 340px;
		top: 40px;
	}
	.demo-about .txt-project{
		right: 360px;
		width: 340px;
		top: 421px;
	}
	.demo-about .txt-develop{
		left: 360px;
		width: 340px;
		top: 756px;
	}
	.demo-about .txt-deploy{
		right: 360px;
		width: 350px;
		top: 1119px;
	}
	.demo-about .icons .cup{
		left: 117px;
	}
	.demo-about .icons .lightbulb{
	    right: 132px;
	}
	.demo-about .icons .pc{
		left: 95px;
	}
	.demo-about .icons .rocket{
	    right: 108px;
	}
	/* stroke lines */
	.stroke-lines .line1{
		right: 428px;
	}
	.stroke-lines .line2{
		left: 57px;
	}
	.stroke-lines .line3{
	    left: 272px;
	}
	.stroke-lines .line4{
	    left: 423px;
	}
	.stroke-lines .line5{
	    right: 60px;
	}
	.stroke-lines .line5_{
		right: 417px;
	}
	.stroke-lines .line6{
	    right: 276px;
	}
	.stroke-lines .line7{
	    left: 57px;
	}
	.stroke-lines .line8{
	    left: 276px;
	}
	.stroke-lines .line9{
	    left: 417px;
	}
	.stroke-lines .line10{
	    right: 58px;
	}
	.stroke-lines .line11{
	    left: 370px;
	}
	.proj-list{
		width: 667px;
	}
	.cert-row .cert{
		display: block;
		float: left;
	}
	.green .social-resp{
		margin-top: 60px;
	}
	.green .social-resp img.papers-small{
		display: none;
	}
	.green .social-resp h3{
		color: #289247;
		top: -100px;
		right: 0%;
		margin-right: -152px;
	}
	.green .social-resp span.arr{
		background-image: url('../img/arrows/rightGreen.png');
		top: -102px;
		right: 0px;
		margin-right: -228px;
	}
	.green .social-resp:hover span.arr{
		right: -20px;
	}
	.green .social-resp span.slogan{
		font-size: 23px;
	}
	.green .social-resp .green-bg{
		width: 50%;
	}
	.green .social-resp span.slogan{
		top: 39px;
		right: 125px;
		width: 225px;
		text-align: right;
	}
	.green .social-resp img.papers{
		left: 50%;
		margin-left: -105px;
	}
	.green .social-resp span.green-logo{
		margin-left: 140px;
	}
	.green .social-resp a.green-link{
		top: -65px;
		height: 270px;
	}

}


/* MOBILE HORIZONTAL LAYOUT: */

@media only screen and (max-width: 767px) {
	.hidden-sm{
		display: none;
	}
	.cbp-spmenu-vertical a{
		padding: 0.77em;
	}
	.home .bg-video .cover{
		background-image: none;
	}
	.home .bg-video-pattern{
		background-position: right;
	}
	.home .box2{
		display: none;
	}
	.home .box1{
		display: none;
	}
	.home .bg-video .cover h1{
		margin-left: -140px;
	}
	.visible-sm{
		display: block;
	}
	.scroll-container{
		height: 74px;
	}
	.scroll-container a.lang{
		bottom: 44px;
	}
	.scroll-down{
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
	.about1-line .line-width{
		width: 440px;
	}
	.about1 .box-about{
		display: none;
	}
	.about1 .about1-h, .about .about-h, .projects .proj-h, .certificates .cert-h, .contacts .contacts-h{
		padding-bottom: 30px;
	}
	.about1{
		padding-top: 50px;
	}
  	.about1 .about1-h h2, .about .about-h h2, .projects .proj-h h2, .certificates .cert-h h2, .contacts .contacts-h h2, .careers .cert-h h2{
  		font-size: 35px;
  		line-height: 67px;
  	}
  	.stroke-lines{
  		display: none;
  	}
  	.demo-about .icons{
  		display: inline-block;
  		padding: 66px;
  		width: 130px;
  		height: 118px;
  		background-image: url('../img/about/mob-bg-about.gif');
  		background-size: contain;
  		background-position: center;
  		background-repeat: no-repeat;
  	}
  	.demo-about .icons.bg-cup{
  		padding: 56px 47px 56px 65px;
  	}
  	.demo-about .icons.bg-pc{
  		padding: 64px 56px 48px 56px;
  	}

  	.demo-about .icons .cup, .demo-about .icons .lightbulb, .demo-about .icons .pc, .demo-about .icons .rocket{
  		position: static;
  		max-width: 100%;
  		max-height: 100%;
  	}

  	.demo-about .txt-deploy, .demo-about .txt-develop, .demo-about .txt-project, .demo-about .txt-consult{
  		position: static;
  		width: 90%;
  		text-align: center;
  		max-width: 500px;
  		margin: 20px auto 50px auto;
  	}
  	.demo-about{
  		background-image: none;
  	}
  	.demo-about{
		width: 100%;
		text-align: center;
	}
	.contact-info .item{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.proj-list {
		width: 498px;
	}
	.gototop{
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
	.contact-info .item > img{
		width: 60px;
		margin-bottom: 10px;
	}
	.contact-info .item{
		margin-bottom: 10px;
	}
	.project-more-info{
		top: 29%;
		width: 80%;
		left: 10%;
	}
	.project-more-info .project-logo{
		float: none;
		margin: auto;
	}
	.project-more-info .project-year{
		float: none;
		text-align: center;
		top: 0px;
		left: 0px;
	}
	.overlay-content{
		text-align: center;
		padding-bottom: 30px;
	}
	.project-more-info h1{
		margin-top: 5px;
		font-size: 17px;
	}
	.project-more-info p{
		font-size: 14px;
	}
	.overlay .arrow-left{
		left: 4%;
		top: 176px;
		margin-top: 0px
	}
	.overlay .arrow-right{
		right: 4%;
		top: 176px;
		margin-top: 0px;
	}
	.overlay .arrow-left, .overlay .arrow-right, .overlay .overlay-close{
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
	.overlay .overlay-close{
		right: 4%;
		top: 4%;
	}
	.overlay{
		background-image: none;
		overflow: auto;
		padding-bottom: 20px;
	}
	.green .green-h h2{
  		font-size: 35px;
  		line-height: 67px;
  		padding-right: 0px;
  		background: none;
  	}
  	.green .green-h{
  		padding-bottom: 40px;
  	}
  	.green .social-resp span.slogan{
  		display: none;
  	}
  	.green .social-resp .green-bg{
  		width: 100%;
  	}
  	.green .social-resp img.papers{
  		margin-left: -157px;
  	}
  	.green .social-resp img.papers-small{
  		display: block;
  		left: 50%;
  	}
  	.green .social-resp span.green-logo{
  		margin-left: -101px;
		left: 50%;
		background-size: auto 70px;
		top: -80px;
		width: 193px;
		height: 70px;
  	}
  	.green .social-resp h3{
  		top: 170px;
		right: 50%;
		margin-right: -150px;
  	}
  	.green .social-resp{
  		height: 270px;
  	}
  	.green .social-resp span.arr{
  		top: 226px;
		right: 50%;
		margin-right: -35px;
  	}
  	.green .social-resp:hover span.arr{
  		right: 45%;
  	}
  	.green .social-resp a.green-link{
  		height: 405px;
  	}
}

/* MOBILE HORIZONTAL LAYOUT: */

@media only screen and (max-width: 479px) {
	body{
		min-width: 300px;
	}
	.scroll-container{
		height: 70px;
		padding-top: 10px;
	}
	.scroll-container a.lang{
		bottom: 30px;
	}
	.scroll-down{
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
	.hidden-xs{
		display: none;
	}
	header .logo{
		margin-left: 10px;
	}
	header .menu{
		right: 10px;
	}
	header .menu.push-to-left{
		right: 187px;
	}
	header img.logo.push-to-left{
		left: -190px;
	}
	.proj-list .item .image.xs-right{
		float: right;
	}
	.about1-line .line-width{
		width: 90%;
	}
	.about1 .about1-h h2, .about .about-h h2, .projects .proj-h h2, .certificates .cert-h h2, .contacts .contacts-h h2, .careers .cert-h h2{
		min-width: 0px;
		padding-right: 50px;
		background-size: 39px;
		background-position: center right;
	}
	.demo-about .icons .cup, .demo-about .icons .lightbulb, .demo-about .icons .pc, .demo-about .icons .rocket{
  		max-width: 100%;
  		max-height: 90%;
  	}
  	.demo-about .icons.bg-lightbulb{
  		padding: 56px 64px 76px 68px
  	}
  	.demo-about .icons.bg-lightbulb > img{
  		max-width: 78px;
  	}
  	.demo-about .icons{
  		width: 95px;
  		height: 86px;
  	}
  	.demo-about .icons.bg-cup {
		padding: 56px 47px 56px 65px;
	}
	.demo-about .txt{
		font-weight: 300;
	}
  	.proj-list{
		width: 320px;
	}
	.proj-list .year, .proj-list .item, .proj-list .empty{
		height: 160px;
		width: 160px;
	}
	.proj-list .item{
		width: 320px;
	}
	.proj-list .item .image{
		background-size: 160px;
		width: 160px;
		height: 160px;
	}
	.proj-list .item .desc{
		width: 160px;
		height: 160px;
	}
	.proj-list .empty{
		width: 160px;
	}
	.proj-list .double{
		width: 320px;
	}
	.proj-list .year{
		width: 320px;
		height: auto;
	}
	.proj-list .year:first-of-type span{
		margin-top: 0px;
	}
	.project-more-info{
		top: 29%;
		width: 80%;
		left: 10%;
	}
	.project-more-info .project-logo{
		float: none;
		margin: auto;
	}
	.project-more-info .project-year{
		float: none;
		text-align: center;
		top: 0px;
		left: 0px;
	}
	.overlay-content{
		text-align: center;
		padding-bottom: 30px;
	}
	.project-more-info h1{
		margin-top: 5px;
		font-size: 17px;
	}
	.project-more-info p{
		font-size: 14px;
	}
	.overlay .arrow-left{
		left: 4%;
		top: 176px;
		margin-top: 0px
	}
	.overlay .arrow-right{
		right: 4%;
		top: 176px;
		margin-top: 0px;
	}
	.overlay .arrow-left, .overlay .arrow-right, .overlay .overlay-close{
		width: 40px;
		height: 40px;
		background-size: 40px;
	}
	.overlay .overlay-close{
		right: 4%;
		top: 4%;
	}
	.overlay{
		background-image: none;
		overflow: auto;
		padding-bottom: 20px;
	}
	.cert-row .cert{
		width: 100%;
		padding: 15px 10px 15px 10px
	}
	.cert-row .cert-bord{
		border: none;
	}
	.cert-row{
		width: 98%;
	}
	.cert-row .cert span.title{
		font-size: 20px;
		line-height: 23px;
		margin-bottom: 20px;
		margin-top: 20px;
		font-weight: 400;
	}
	.hidden-xs{
		display: none !important;
	}
	.contacts .contacts-h{
		padding-top: 60px;
	}
	.projects .proj-h{
		padding-top: 40px;
	}
	.gototop{
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
	.contact-info .item > img{
		width: 50px;
		margin-bottom: 10px;
	}
	.contact-info .item{
		margin-bottom: 10px;
	}
	.contacts #map{
		height: 300px;
	}
	.green .green-h h2{
		line-height: 35px;
	}
	.green .green-h{
  		padding-bottom: 80px;
  	}
  	.green .social-resp{
  		height: 215px;
  	}
  	.green .social-resp a.green-link{
  		height: 350px;
  	}
  	.green .social-resp img.papers{
  		height: 150px;
		margin-left: -120px;
		top: -17px;
  	}
  	.green .social-resp img.papers-small{
  		height: 150px;
		margin-left: -144px;
		top: -17px;
  	}
  	.green .social-resp .green-bg{
  		height: 65px;
  	}
  	.green .social-resp span.green-logo{
  		top: -100px;
  	}
  	.green .social-resp h3{
  		top: 100px;
		right: 0px;
		margin: 0px;
		width: 100%;
		text-align: center;
		font-size: 35px;
  	}
  	.green .social-resp span.arr{
  		top: 160px;
  	}
}

@media screen and (min-aspect-ratio: 13/9) {
	.rotate{
		display: block;
	}
}