* {
margin: 0;
padding: 0;
}

html {
margin: 0;
padding: 0;
height:100%;
width:100%;
 min-height: 100%;

}

body {
margin: 0;
padding: 0;
height:100%;
min-height: 100%;
}

strong {
font-weight:bold!important;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.noActivecolor, .noActivecolor:active, .noActivecolor:visited {
  color: black;
}

.white {
    color :#fff;
}

.black-button {
float: right;
display: block;
color: white;
background: black;
padding: 10px;
height: 45px;
font-size: 14px;
line-height: 25px;
margin-top: 10px;
width: 185px;
text-align: center;
}

.content-text ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0px;
}

.content-text ul li{
list-style-type:disc;
}

.black-button:hover {
color:black;
background:white;
}

.job-main-title {
font-size: 60px!important;
}

:focus {
outline: 0;
}

#wrapper {
min-height: 100%;
width: 100%;
position:relative;
}

.wrapper-demo {
  margin: 21px 0 !important;
}

a {
text-decoration:none;
}


input {outline: none;}

.wrap {
min-height:100%;
position:relative;
height:100%;
}

.main {
padding-bottom:60px;
overflow:auto;
}

#header-black, #header-white{
position:fixed;
width:100%;
height:210px;
left:0px;
right:0px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0.0;
z-index:-1;
}

#header-black {
  background:#fff;
}

#header-white {
  background: #fff;
}




/*@media only screen and (min-width: 1152px) {*/

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#section1-services {
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
}

#section2-services {
background: #ffffff;
margin: 0 auto;
height:1000px;
width: 100%;
max-width: 1920px;
position: relative;
padding-top: 30px;
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
filter: alpha(opacity=90);
opacity: 0.9;
margin-bottom:50px;
}

.section-services {
background: #ffffff;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
padding-top: 30px;
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
filter: alpha(opacity=90);
opacity: 0.9;
margin-bottom:50px;
padding-bottom:50px;
padding-top:50px;
}



body {
font-family: 'Roboto Slab', serif;
font-size: 13px;
margin: 0;
padding: 0;
width:100%;
height:100%;
 min-height: 100%;
}

#background {
position:fixed;
  top:0;
  left:0;
  width:100%;
}

h1 {
font-weight: bold;
font-size: 60px;
color: black;
margin-bottom: 10px;
}

h2,.content-text h2 {
 font-weight:bold;
 font-size:24px;
 color: black;
 display:block;
 margin-bottom:10px;
}


fieldset {
border:0px!important;
float:right;
}

img {
border:0px;
}


/*header**/
#header-outer {
position:fixed;
width:100%;
height:210px;
/*display:block;*/
z-index:1000;
left:0px;
right:0px;
}

#moto-cont {
width:1152px;
margin-left:auto;
margin-right:auto;
display:block;
padding-top:150px;
}

#articles-cont {
width:1152px;
margin-left:auto;
margin-right:auto;
display:block;
padding-top:150px;
}

.article-front {
width:360px;
float:left;
text-align:justify;
margin-right:36px;
}

.article-front h4 {
font-size:24px;
}

.article-front p {
font-size:14px;
}

.article-front .more {
text-align:right;
display:block;
font-size:14px;
color:#269cc4;
margin-top:10px;
}

#article-3 {
margin-right:0px!important;
}

.moto-text {

font-size:30px;
}

.author {
font-size:16px;
font-style:italic;
text-align:right;
}

#header, .footerData {
 
width: 1152px;
/*height: 188px;*/

}

.share_btn {
    position: fixed;
    top: 50%;
    z-index: 5000;
}

.share_btn span {
    float: none;
    clear: both;
    display: block;
    margin: 2px 0;
}
.footerData {
  font-size: 15px;
}
#header {
  margin-top:0px;
  padding-top: 45px;
  margin-left:auto;
  margin-right:auto;
  display:block;
}

#content {
padding-bottom: 60px;
padding-top:240px;
/*width: 95.6810%;*/
width: 1152px;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
}
.mainContent {
  position: relative;
}
.left-col-in {
float:left;
width: 270px;
}

#header-in {
width: 1152px;
margin-left: auto;
margin-right: auto;
height: 138px;
}


.clear {
width:0px;
height:0px;
clear:both;
}

#logo {
background: url('../img/logo.png');
float:left;
width:164px;
height:120px;
display:block;
text-indent:-1000px;
}

.logo-white {
background: url('../img/logo-white.png')!important;
}

#menu-top {
float:left;
margin-left:30px;
margin-top: -21px;
}

#menu-top ul{
list-style-type:none;
}
#menu-top ul li{
margin-bottom:3px;
}

#menu-top ul li a{
color:black;
font-family: 'Roboto Slab', serif;
font-size:14px;
}

#menu-top ul li a:hover{
font-weight:bold;
}

#menu-top ul .active a{
font-weight:bold;
}

#right-header {
float:right;
width:206px;
position:relative;
}

#links-top {
float:right;
}

#links-top a{
float:left;
display:block;
width:16px;
height:11px;
text-indent:1px!important;
}

#facebook {
background: url('../img/facebook.png');
width:37px;
height:37px;
display:block;
float:left;
}

#facebook:hover {
background: url('../img/facebook-hover.png');
}

#linkedin {
background: url('../img/linkedin.png');
width:37px;
height:37px;
display:block;
float:left;
}

#linkedin:hover {
background: url('../img/linkedin-hover.png');
}

#socials {
float: right;
}

#address {
margin-top:10px;
font-size:13px;
text-align: right;
color: black;

}

.phone {
margin-top:16px;
color:black;
font-size:15px;
height:42px;
}

#lang {
position: absolute;
right: 0px;
top: -27px;
}

#lang li {
float:left;
width:20px;
}

#lang li a{
color:black;
font-size:14px;
}

.lang-white li a {
color:white!important;
}

#lang li .active,#lang li a:hover{
font-weight:bold;
}

#services {
float: left;
max-width: 520px;
/*height: 100%;*/
}


#services li{
float:left;
background-color:#33ccff;
width:165px;
height:165px;
list-style-type:none!important;
margin-bottom:6px;
margin-right:6px;
}


#services  li:hover{
background-color:white;
cursor:pointer;

}

#services  li:hover h1{
color:#33ccff;
}

#services  li h1{ 
color:white;
font-size:13px;
text-align:center;
margin-top: 120px;

}

#services-in {
float:left;
width:1152px;
background:#33ccff;
height:158px;
}

#services-in div{
float: left;
width: 122px;
height: 158px;
}

#services-in div:hover{
background:black;
cursor:pointer;

}

#services-in div h1{ 
color:white;
font-size:12px;
text-align:center;
margin-bottom:0px;
}

#page {
width: 1152px;
margin: 0 auto;
position:relative;
padding-bottom:60px;
overflow:hidden;
padding-top: 200px;
height:100%;
}

.footerData p{
  color: #fff;
  margin-top: 16px;
  text-align: right;
  margin-top: 12px;
}

#footer, #footer404 {
background:black;
position:absolute;
bottom:0;
left:0;
width:100%;
height:60px;   /* Height of the footer */	
} 

.service-icon {
margin-left:auto;
margin-right:auto;
display:block;
font-size: 14px;
margin-top:27px;
}

#colorfooter {
height:20px;
width:100%;
display:block;
}



#long-front {
height: 165px;
color: black;
padding: 10px;
background:white;
position: absolute;
margin-top: 342px;
}

#right-front {
float: left;
position: relative;
max-width:520px;
}

#newsletter {
margin-top: 255px;
height: 80px;
width: 100%;
margin-bottom: 6px;
position: absolute;
background: #33ccff url('../img/envelope.png') no-repeat;
background-position:10px 13px;
}



#desc-1 {
display:block;
}

.desc-front {
height:150px;
display:none;
}

#service-button-1 {
display:none!important;
}

#servicein-1 {
display:none;
}

.desc-front-first {
height:150px;
display:block;
}

/*.desc-front p {
color:white;
}*/

#services-desc {
width: 620px;
padding-left:7px;
padding-top:0px;
}

#services-desc h1 {
font-size: 26px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 13px;
text-align: left!important;
}

#europe-signs {
margin-top: 20px;
position: relative;
float: right;
display: block;
width: 250px;
}

#newsletter p{ 
color:white;
font-size:11px;
font-weight:bold;
margin-left:50px;
font-family:Arial;
}

#newsletter div {
margin-top: 10px;
float: left;
margin-left: 20px;

}

#newsletter-form {
  /*width:610px;*/
  width: inherit;
}

#newsletter input {
height:45px;
float:left;
border:0px;
font-family: 'Roboto Slab', serif;
font-size: 14px;
width:220px;
padding-left:10px;
margin-left:50px;
}

.submit-button {
float:left;
margin-left:0px!important;
width:100px!important;
}

.submit-button:hover {
font-weight:bold;
cursor:hand;
cursor:pointer;
}

#contact_name, #contact_email, #contact_subject, #contact_phone {
background: black!important;
border: 0px;
width: 417px;
outline: none;
padding-left: 10px;
height: 52px;
color: white;
font-size: 16px;
font-family: 'Roboto Slab', serif;
}

#contactForm #submit {
  text-align: center;
}

.button-contact {
background:#a4c400!important;
color:white!important;
border:0px !important;
cursor:pointer;
cursor:hand;
width:418px;
height:42px;
font-size: 16px;
}

.contact-div input {
margin-bottom:5px;
border:  0 !important;
background: #a4c400 !important;
}

.button-contact:hover {
background:black;
}

.contact-div {
width: 455px;
float:left;
}

#contact-details {
float:left;
width: 600px;
margin-left:57px;
margin-bottom: 50px;
top: 221px;
position: relative;
}

#interest-form input{
background: #4d4d4d;
border: 0px;
width: 230px;
outline: none;
padding-left: 10px;
height: 32px;
color: white;
font-size: 16px;
font-family: 'Roboto Slab', serif;
}

.check-interest {
height:20px!important;
width:20px!important;
}

#checkboxes {
margin-top:10px;
}

#checkboxes label{
float:left;
color:#9999cc;
margin-top:10px;
display: block;
padding-left: 15px;
text-indent: -15px;
width:169px;
}

#checkboxes input {

    width: 20px;
    height: 20px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;

}

#interest-buttons {
margin-top:25px;
}

#interest-buttons input{
float:left;
padding:0px;
line-height:32px;
}

.green-box {
background: #a4c400;
width: 320px;
height: 110px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 20px;
display: block;
font-size: 13px!important;
}

#contact-labels {
float:left;
/*width:155px;*/
width: auto;
text-align:right;
}

.contact-box {
  width:148px;
  display: inline-block;
  float: left;
}


.green-box1 {
background: #a4c400;
width: 320px;
height: 255px;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
display: block;
font-size: 11px!important;
}


#map {
background:#a4c400;
width:100%;
/*width:600px;*/
height:300px;
border:1px solid #a4c400;
display:block;
font-size:11px!important;
}

#contact_message {
background: black none repeat scroll 0 0 !important;
border: 0px;
color: white;
font-size: 16px;
padding: 10px;
width:417px;
margin-bottom: 3px;
}

.contact-label {
background:#a4c400;
padding:10px;
font-size:16px;
margin-right:20px;
color:white;
display:block;
/*float:right;*/
float: right;
margin-bottom:20px;
}

#contact-data {
width:400px;
float:left;
color:black;
text-align:left;
}



.phone-in {
color: black;
font-size: 15px;
line-height:41px;
background:white;
padding-left:15px;
height: 41px;
width:auto;
float: left;
padding-right:15px;
margin-bottom:20px;
}

#telephone {
width:150px
}

#email-contact {
width:200px;
}

#subdiv {
margin-top:15px;
display:block;
}

.gray-shadow {
width:100%;
height:1000px;
display: block;
position: relative;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
padding: 20px;
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#services-div {
width:1152px;
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
height:158px;
}

#intro-div {
width:1152px;
height:158px;
opacity: 0.95;
filter: alpha(opacity=95);
margin-bottom: 10px;
padding-bottom:0px;
}

#intro-div p{
color:black;
font-size:12px;
}

.title {
color:black;
font-size:26px;
font-weight:bold;
}


.basicTitle{
  color:black;
  font-weight:bold;
  font-size: 47px;
  line-height: 54px;
  width: 270px;
  padding-top:30px;
  float:left;
  margin-bottom: 15px;

}

.basicInnerTitleMargin{
  margin-left: 14px;
}

.title-black {
color:black;
}

#steps {
width: 1152px;
margin-top:5px;
height:387px;
padding-top:30px;
padding-left:20px;
background:white;
}



.main-step{
float: left;
width: 195px;
height: 343px;
}

.step-cont{
width: 237px;
margin-right: 10px;
overflow: hidden;
height: auto;
}

#step-4 {
margin-right:0px!important;
}

.step-cont a{
display:block;
width: 237px;
height:114px;
padding: 10px;
}

.steps-link:hover{
background: #fbc842;
color:white!important;
}

.step-cont a:hover p{
color:white!important;
}

.step-cont a:hover h2{
color:white!important;
}
#steps div h3{
margin-top:30px;
font-size:18px;
}

#steps img{
width: 195px;
height:134px;
}

.subtitle {
color:black;
margin-bottom:0px;
width:220px;
font-size: 14px;
height:38px;
margin-bottom:5px;
font-weight:bold;
width:171px;
}

.steps-text {
width:280px!important;
height:auto;
margin-top: 3px;
float:left;
}

.arrow {
float:left;
background: url('../img/velaki.png') no-repeat;
width:16px!important;
height:24px;
display:block;
margin-top:80px;
margin-left:10px;
}

#white-space {
display:block;
background:white;
margin-top:5px;
padding:20px;
width: 1152px;
opacity:0.9;
margin-bottom:50px;
text-align: justify;
  filter:alpha(opacity=90); /* For IE8 and earlier */
}

#white-space h1{
font-size:30px;
margin-top:10px;
margin-bottom:20px;
}

#servicein-9 {
float:right!important;
}

#subdiv li a div{
position: absolute;
background: #333;
background: rgba(136,136,136,0.7);
width: 100%;
height: 100%;
}

#subdiv li a{
 overflow:hidden;
 display: block;
 position: relative;
}

#clients {
width:660px;
float:right;
display:block;
}

#clients div {
float:left;
width:320px;
height:320px;
display:block;
margin-bottom:20px;
overflow:hidden;
position:relative;
}

.client-title {
color:white;
font-size:36px;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width:250px;
height:40px;
text-align:center;
}

.client-div {
margin-right:0px!important;
}

.client-div-odd {
margin-right:20px!important;
}

.client-desc2 {
padding:25px;
padding-top:20px;
 }

.client-desc2 h2 {
 margin-bottom:5px;
 color:#9ed5e7!important;
 padding-bottom:5px;
 border-bottom:1px solid #9ed5e7;
 font-size:19px;
}

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

#subdiv li {
width:1152px;
height:500px;
list-style-type:none;
margin-bottom:80px;
background:#647a84;
}


.client-desc2 p {
color:white;
font-size:13px;
}

#subdiv li a img{
margin-left:auto;
margin-right:auto;
width:245px;
padding:10px 0px 10px 0px;
display:block;
height: 235px;
}

#persons{
overflow:hidden;
margin-top:40px; 
}

.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }


.hide {
display: none;
width: 303px;
height: 230px;
position: absolute;
z-index: 3;
overflow: hidden;
left: 0px;
top:0px;
}

.panel {
overflow:hidden;
display:block;
}

a[data-toggle="client-front"] {
display: block;
}

#white-space .viewport { width: 870px; height: 250px; overflow: hidden; position: relative; }
#white-space .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#white-space .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#white-space .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#white-space .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#white-space .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#white-space .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#steps-title {
margin-bottom: 0px;
border-top: 10px solid #fa4f27;
padding-top:30px;
float:left;
font-size: 55px;
width: 250px;
} 

#contact-title {
margin-bottom: 0px;
border-top: 10px solid #a4c400;
padding-top: 30px;
/*font-size: 55px;*/
width: 250px;
clear: both!important;
float: none!important;
margin-bottom:30px;
}


/*
#whoweare-title {
margin-bottom: 0px;
padding-top:30px;
float:left;

font-size: 47px;
line-height: 54px;
margin-left: 14px;
width: 270px;
}*/


.whoweare-full h2 {
color:#9999cc;
font-size:16px;
width:auto;
margin-bottom:10px;
font-weight:bold;
}


#resume-list {
  width:880px;
  /*width:74.2312%;*/
  overflow:hidden;
  margin-left:0px;
  float:left;
  margin-bottom:30px;
}

#resume-list li h2{
font-size:23px;
width:330px;
}

#resume-list li {
/*float: left;
width: 340px;
height: auto;
margin-left: 95px;*/
  display: inline-block;
  vertical-align: top;
  width: 343px;
  margin-left: 95px;
}

/*#resume-list li p{
font-size:14px;
}*/

#cboxContent p {
font-size:14px;
margin-bottom:15px;
}

#cboxContent h2 {
font-size:26px;
width:auto;
}

#whowearedocs{
display: none;
background: white;
padding: 10px;
width: 945px;
display:none;
margin-bottom:10px;
opacity: 0.9;
text-align: justify;
filter: alpha(opacity=90);
}



.whoweare-content {
text-align:justify;
display:block!important;
}

#persons-list {
position:relative;
width: 100%;
height:300px;
margin-left:0px;
}

#persons-list li {
float:left;
width:25%;
max-width:500px;
overflow:hidden;
position:relative;
list-style-type:none;
cursor:hand;
cursor:pointer;
}

.layer-1 {
overflow: hidden;
}

.person-desc {
float:left;
display:none;
margin-left: 10px;
text-align: justify;
}
#persons-list li div {
position: absolute;
    background: rgba(153,153,204,0.7);
    width: 100%;
    height: 100%;
	padding:15px;
}

.photo-cont{
float:left;
}

.persons h3{
margin-top:12px;
text-align:center;
}

.persons-more {
background: url('../img/person-more.png');
width:33px;
position:absolute;
margin-left:270px;
margin-top:-20px;
height:33px;
display:block;
}

.person-photo {
width:100%;
display: block;
position: relative;
}

#person-3 {
margin-right:0px;
}


#full-who-cont {
display:none;
}

.show_hide {
background:url('../img/close-mov.jpg');
width:28px;
height:28px;
float:right;
cursor:pointer;
cursor:hand;
position:absolute;
right:0px;
z-index:100;
display:block;
text-indent:-9999px;
}

#service-button-2{
background: url('../img/icons/seo-icon.png') no-repeat center;
}

#service-button-2:hover {
background:url('../img/icons/seo-icon-blue.png') no-repeat center;
}

#service-button-3{
background: url('../img/icons/web-develop.png') no-repeat center;
}

#service-button-3:hover {
background:url('../img/icons/web-develop-blue.png') no-repeat center;
}

#service-button-4{
background: url('../img/icons/advertising-icon.png') no-repeat center;
}

#service-button-4:hover {
background: url('../img/icons/advertising-blue.png') no-repeat center;
}

#service-button-5{
background: url('../img/icons/branding.png') no-repeat center;
}

#service-button-5:hover {
background:url('../img/icons/branding-blue.png') no-repeat center;
}

#service-button-6{
background: url('../img/icons/e-commerce.png') no-repeat center;
}

#service-button-6:hover {
background:url('../img/icons/e-commerce-blue.png') no-repeat center;
}

#service-button-7{
background: url('../img/icons/desktop-icon.png') no-repeat center;
}

#service-button-7:hover {
background:url('../img/icons/desktop-icon-blue.png') no-repeat center;
}

#service-button-8{
background: url('../img/icons/envelope.png') no-repeat center;
}

#service-button-8:hover {
background:url('../img/icons/envelope-blue.png') no-repeat center;
}

#service-button-9{
background: url('../img/icons/hosting.png') no-repeat center;
}

#service-button-9:hover {
background:url('../img/icons/hosting-blue.png') no-repeat center;
}

#service-button-10{
background: url('../img/icons/mobile.png') no-repeat center;
}

#service-button-10:hover {
background:url('../img/icons/mobile-blue.png') no-repeat center;
}

#service-box-1{
display:none; 
}

#servicesInsideList{
  margin-top: 20px;
}


a.parentCat, a.parentCat h2  {
  color: black;
  font-weight: 500;
  font-size: 28px;

}

a.parentCat:hover, a.parentCat:hover h2{
  font-weight: 600!important;
}

#services-inServ li {
float: left;
margin-left: 20px;
width: 200px;
height: 170px;
list-style-type: none!important;
margin-bottom: 0px;
cursor:hand;
cursor:pointer;
overflow: hidden;
position: relative;
}


#services-inServ li .box-link {
float:right;
color:white;
width:auto!important;
margin-top:10px;
display:block;
font-size:14px;
font-weight:bold;
}

.doc-cont p {
overflow:hidden;
}

#main-text {
width:300px;
font-size:15px;
color:black;
margin-top:20px;
}

#main-text-service {
font-size:15px;
color:black;
float: left;
margin-top:20px;
padding-bottom:50px;
width:650px;
margin-left:100px;
/*text-align:justify;*/
}


#main-text-service p,#main-text-service ul {
margin-bottom:15px;
}

#main-text-service ul {
padding-left: 10px;
margin-left:15px;
}

#main-text-service ul li {
list-style-type: disc;
}

.introtext-service {
height: 75px;
}

#main-text-service h2 {
font-size:37px;
font-weight:bold;
margin-top:35px;
margin-bottom:13px;
text-align:left!important;
}

#main-text-service h3 {
font-size:26px;
font-weight:bold;
margin-top:35px;
margin-bottom:13px;
text-align:left!important;
}

#main-text-service h4 {
font-size:20px;
font-weight:bold;
margin-top:35px;
margin-bottom:13px;
text-align:left!important;
}

#service-left {
float:left;
width:400px;
}

#service-left {
float:left;
width:400px;
}

#service-title {
border-bottom: 10px solid #9999cc;
font-size: 36px;
}

#service-left ul li {
height:auto;
list-style-type:none;
margin-bottom:15px;
}

#service-left {
padding-top:40px;
width: 380px!important];
}

#border-top-services {
display:block;
width:270px;
background:#0c9fdc;
height:10px;
margin-bottom: 30px;
}

/*#service-left ul li h1{
font-size: 60px;
}*/

.selected-service {
height:auto!important;
/*line-height: 65px!important;*/
display:block;
color:black;
}

.selected-service h1.basicTitle{
  clear: both!important;
  float: none!important;
}

#service-left ul .active {
height:auto;
}

#service-left ul li a{
height:40px;
display:block;
color:black;
font-size:16px;
line-height: 40px;
}

#service-left ul li a:hover{
font-weight:bold;
}

#services-inServ li div {
position: absolute;
background: rgba(0,0,0,0.8);
width: 100%;
display:none;
height: 100%;
color:white;
padding: 15px;
}

#services-inServ li h1 {
color: black;
font-size: 15px;
text-align: center;
margin-top: 123px;
display:block;
}

#service-box-2{
background: url('../img/icons/seo-icon-black.png') no-repeat center;
}



#service-box-3{
background: url('../img/icons/web-develop-black.png') no-repeat center;
}



#service-box-4{
background: url('../img/icons/advertising-icon-black.png') no-repeat center;
margin-right:0px!important;
}

#service-box-5{
background: url('../img/icons/branding-black.png') no-repeat center;
}

#service-box-6{
background: url('../img/icons/e-commerce-black.png') no-repeat center;
margin-right:0px;
}

#service-box-7{
background: url('../img/icons/desktop-icon-black.png') no-repeat center;
margin-right:0px!important;
}

#service-box-8{
background: url('../img/icons/envelope-black.png') no-repeat center;
}

#service-box-9{
background: url('../img/icons/hosting-black.png') no-repeat center;
}

#service-box-10{
background: url('../img/icons/mobile-black.png') no-repeat center;
margin-right:0px!important;
}



.box-link {
overflow:hidden;
display:block;
width: 165px;
height: 165px;
}

#last-clients {
width:100%;
height:100%;
overflow:hidden;
}

#last-clients li .client-image{
width:100%;
position:absolute;
top:0px;
left:0px;
}

#last-clients li .client-logo{
position:relative;
display:block;
max-height: 150px;
margin-left:auto;
margin-right:auto;
z-index:3;
}

#child {
 padding: 0% 0;
 
}

.bwWrapper {
    position:relative;
    display:block;
}


#last-clients li{
float:left;
width:25%;
padding: 4% 0;
height:100%;
background:white;
overflow:hidden;
position:relative;
list-style-type:none; 
}

.client {
width:1152px;
margin-left:auto;
margin-right:auto;
display:block;
}

.client-logo-div{
float:left;
width:300px;
}

.client h2 {
color:#33ccff;
font-size:24px;
border-bottom:1px solid #33ccff;
padding-bottom:5px;
}

.client h3 {
color:#33ccff;
font-size:20px;
padding-bottom:5px;
margin-top:26px;
width:200px
}

.customer-text {
font-size: 18px;
margin-top: 20px;
width: 600px;
float:left;
margin-right: 60px;
}

.client-section {
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

section {
padding-top:70px;
}

.black-shadow {
  width:100%;
  height:100%;
  display:block;
  background:#e5e5e5;
  position:absolute;
  zoom: 1;
  top:0px;
  left:0px;
  z-index:2;
  filter: alpha(opacity=90);
  opacity: 0.9;
}

/** Our-4Steps**/
.listour{
  margin-bottom:20px; 
}

/*  #resume-list li{ 
    width:250px;
  }

  #resume-list li h2 {
    font-size: 16px;
  }

  #resume-list .doc-cont p {
    width: 188px;
  }*/

/*.newDisplay{
  position: relative;
}*/

ul#news-list {
  width: 71%;
  float: right;
  margin-bottom:30px;
}

#news-list h2 a {
  color: black;
  font-weight: 500;
}

#news-list h2 a:hover {
  font-weight: 800;
}

#news-list h2 {
  font-size: 16px;
  padding-top: 5px;
}


#news-list li {
  position: relative;
  border-bottom: 1px solid rgba(128, 128, 128, 0.22);
}



.newsTop {
  margin-bottom: 37px;
}

.moreText{
  display: none;
  margin:20px 0;
}

.moreLink{
  float: right;
  display: block;
  margin-top: 10px;
  font-size: 35px!important;
}


/* default section show / hide animations */

#services-par {
	height: 800px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	display:block;
    position: relative;
	padding-top: 70px;	
}

#whoweare-par {
	height: 500px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	display:block;
    position: relative; 
}

#personal{ 
  background: black; 
  height: auto; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  overflow: hidden;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
  }


#last-clients{ 
  background: black; 
  height: 300px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#moto{ 
  background:#ffffff; 
  height: 550px;
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
    filter: alpha(opacity=90);
  opacity: 0.9;

}

#last-articles{ 
  background:white; 
  height: 650px;
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.in-site {
width:1152px;
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
padding-top:270px;
}

#wrap-front {
height:100%;
}

#page-front{
height:100%;
}


.menu-top-white ul li a {
color: white!important;
}

.address-white {
color: white!important;
}

.phone-white {
color:white!important;
}

.person-links {
width:80px!important;
height:35px!important;
display:block!important;
position: relative!important;
    background: rgba(0,0,0,1)!important;
overflow:hidden!important;
}

.linkedin-link {
background-image: url('../img/linkedin-gray.png');
width:35px;
float:right;
overflow:auto;
height:35px;
text-indent:-1000px;
display:block;
}

.linkedin-link :hover{
background-image: url('../img/linkedin-link.png')!important;
width:35px;
height:35px;
display:block;
}

.email-link {
background: url('../img/email-gray.png');
width:35px;
height:35px;
overflow:auto;
text-indent:-1000px;
margin-left:10px;
float:right;
display:block;
}



.cross-left {
float:left;
width:37px;
margin-right:5px;
}

.cross-more {
display:block;
text-indent:-1000px;
width:37px;
height:37px;
background:url('../img/cross.png');
}

.doc-cont {
float:left;
display:block;
width:295px;
}

#contact-main {
width:1152px;
height:600px;
padding-top:70px;
}

#newsDisplay {
  overflow: hidden;
  float: right;
  /*width: 59.2916%;*/
    width: 54%;
    margin-left: 20px;
  margin-bottom: 50px;
}

.TinyMceEditor p, .TinyMceEditor span, .TinyMceEditor a, .TinyMceEditor li, .TinyMceEditor li a , .scrollNewsContent{
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.TinyMceEditor ul, ol{
  margin-bottom: 15px;
}

.TinyMceEditor p {
  margin-bottom: 15px;
}

.TinyMceEditor  img {
  width: 100%;
}

.portfolio_initial_pic_hover {
  display: none;
}

.marginSubCatTop {
  margin-top: 97px;
}

#services-buttons {
overflow: hidden;
float: right;
/*width: 59.2916%;*/
width: 660px;
margin-bottom: 50px;
}

#services-buttons ul{
width:100%!important;
}

#interest-form h3{
font-size:18px;
}

#interest-form {
display: block;
width: 535px;
float:left;
padding: 12px;
}

.button-interest {
cursor:pointer;
background:#9999cc;
width:150px!important;
cursor:hand;
overflow:hidden;
}

#reset {

float:right!important;
margin-right: 0px;
}

.field_title {
color:#9999cc;
font-size:14px;
}

.interest-inside {
float:left;
margin-top:10px;
width:230px;
}

.interest-inside div {
margin-top:15px;
}

.slide {
width: 100px;
z-index:10000!important;
left:0px!important;
}

#vertical-menu {
width:60px;
left:0px;
position:fixed;
z-index:1000;
}

.showhide {
float:left;
display:block;
margin-top:150px;
width:35px;
height:238px;
text-indent:-1000px;
background: url('images/service-tab.png');
}

#side-menu {
position:fixed;
top:200px;
z-index:1000;
}

#vertical-menu  li{
width:60px;
height:60px;
float:left;
text-align:center;
background-size:40px;
}

#vertical-menu  li h1{
color: black;
font-size: 12px;
text-align: center;
margin-top: 80px;
display: block;
}

#vertical-menu  li .box-link {
overflow: hidden;
display: block;
width: 60px;
height: 60px;
}

#vertical-menu .active {

}

.client-item {
height:1000px;

}

.slide{
width: 200px;
z-index:10000;
float:left;
}

/*}  end of media queries*/
#menu-top-portfolio li a{
  color: #fff;
}


/* Portfolio */

.boxedcontainer   { max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
  - SETTINGS FOR BANNER CONTAINERS  -
**********************************************/


.tp-banner{
  width:100%;
  height: 100%;
  min-height: 1200px;
  z-index: 0;
}

/**swiper**/
.swiper-container {
    width: 100%;
    height: 98%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide a {
  width: 50%;
  font-weight: 600;
}

.swiper-slide a:visited {
  color: black;
}

/**portfolio**/
.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    height: 100%;
    min-height: 1200px;
    z-index: 0;
}

.tp-caption.fullgradient_overlay_portfolio {
   background-color:rgba(0, 0, 0, 0.5);
  filter:progid;
  width:548px;
  height:inherit;
  border-width:0px;
  border-color:rgb(34, 34, 34);
  border-style:none;
  position:absolute;
  top:0;
  padding:0;
}

.portfolio_title {
  left:20px;
  right:auto!important;
}

.page_title_fixed {
  top:354px !important;
}

.portfolio_title_fixed {
  top:258px !important;
}

.whiteline_fixed {
  top:412px !important;
}

.portfolio_description_fixed {
  top:428px !important;
}

.portfolio_pic_div_fixed {
  top:468px !important;
}

.portfolio_description_medium_fixed {
  top:538px !important;
}



.portfolio_title h2{
  color:#fff!important;
  font-weight: bold;
  font-size: 47px;
  line-height: 54px;

}


.portfolio_title_big{
  text-align:center;
  font-size: 25px;
  text-align: center;
}

img.portfolio_pic {
  display: inline-block;
   margin-left: auto;
    margin-right: auto;
}

.portfolio_description_small {
  font-size:19px;
  text-align: center;
  margin-left: auto;
    margin-right: auto;
}

.portfolio_description_medium {
  display: block;
}

.portfolio_description_medium  p, .portfolio_description_medium  span{
  /*text-align: justify;*/
  display: block;
  word-wrap:break-word;
} 

.whiteMenu ul li a {
  color: #fff !important;
}

.white_line {
  background: #fff;
  height: 2px;
}

.portfolio_footer{
  position: relative;
  background:black;
  padding: 0;
  width:100%;
  height:60px;   /* Height of the footer */ 
}

.internal-portfolio-item {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width:276px !important;
   color: #fff;
}

.internal-portfolio-item h2, .internal-portfolio-item h1 {
  text-align: center;
  color: inherit;
}

.internal-portfolio-item h2 {
  padding-top: 50px;

}

.tp-caption  p {
  word-wrap:break-word !important;
  overflow: hidden !important;
  max-width:276px !important;
  text-align: left;
  display: block;
}

.tp-caption  span {
/*  width: 400px !important;
*/  word-wrap:break-word !important;
  display: block!important;
}

.portfolio_header #menu-top li a{
  color: #fff;
}


a.viewNewsBtn{
  transition: all 0.2s ease-out 0s;
  line-height: 28px;
  border: 2px solid #fff;
  margin: 0px;
  padding: 4px 8px;
  letter-spacing: 0px;
  font-size: 17px;
  color:#fff;
  text-transform: uppercase;
  text-align: center;

  /*color: black!important;
  background-color: #fff;
  padding: 1.25em 1.5em;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #fff;*/
  position: absolute;
  right: 0;
  bottom: 18px;
}

a.viewNewsBtn:hover {
  color: black;
  background-color: #fff;
}

a.viewMoreBtn:hover {
  color: #fff;
  background-color: black;
}

a.portfolioLink:hover{
  color: black!important;
  background-color: #fff;
  border: 1px solid black;
}

a.portfolioLink{
  padding: 0.25em 0.5em;

}

a.portfolioLink {
  color:#fff !important;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #fff;
  bottom: 1em;
  right: 1em;
}

a.viewMoreBtn{
  bottom: 1em;
  right: 1em;
  position: absolute;
  transition: all 0.2s ease-out 0s;
  line-height: 28px;
  border: 2px solid black;
  margin: 0px;
  padding: 4px 8px;
  letter-spacing: 0px;
  font-size: 17px;
  color:black;
  text-transform: uppercase;
  text-align: center;

}

.portfolio_white  #address, .portfolio_white  #address p{
  color:#fff;
}

.caption-fixed-bottom {
  bottom: 0 !important;
  top: auto !important;
}

.hidden {
  display: none;
}

.burgerMenu, .burger-button {
    display: none !important;
}

.burgerMenu {
  position: absolute;
  right: 0px;
  top: 40px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  border-top: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  overflow: hidden;
}

.burgerMenu li {
  padding: 0 10px;
}

.burgerMenu li a{
  display: block;
  text-decoration: none;
  color: #333;
  padding: 10px 0;
  transition: all 0.3s ease-out;
  border-bottom: 1px solid #e6e8ea;
}

.mobileView {
  display: none;
}
/**frontpage **/

.parallax-mirror {
  height: inherit!important;
}

.footer_ScrollWrapper {
  /*width: 1152px;*/
  width:100%;
  z-index: 4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: relative;
  bottom: 60px;
}

.portfolioSection , .newsSection{
  padding-top:21px;
  padding-bottom: 17px;
}

.newsSection {
 position: relative;
    padding-bottom: 83px;
}

.newBrief h4 a{
  color: #fff;
}

.newBrief h4 a:hover, .newBrief h4 a:active, .newBrief h4 a:focus{
    color: #fff;

  font-weight: bold;
}
.portfolioSection {
  border-bottom:  2px solid #fff;
  /*height: 76px;*/
}

.portfolioSection h4 {
    /*display: inline-block;*/
  width: 160px;
  float: left;
}

.portfolioSection h4, .newsSection h4 {
  font-size: 23px;
}

.portfolioSection > h4 {
  width: 16%;

}

.newsContent h4 {
  width: 80%;
}

.newsSection > h4 {
  float:left;
 }

.newsContent ul  {
  display: inline-block;
}

.portfolioSection h4 {
   width: 160px;
}

.scrollSection {
  margin-left:auto;
  margin-right: auto;
  /*width: inherit;*/
}

.scrollContent , .newsContent , .scrollNewsContent{
  display: inline-block;
}

.scrollNewsContent {
  width:908px;
  margin-right: 33px;

}

.newsContent {
 /*display: inline-block;*/
 padding-left: 25px;
}

.newsContent  h4 {
  margin-bottom: 5px;
}

.newsContent li {
  width:inherit;
  padding-bottom: 30px;
}

.scrollContent ul li {
  display: inline-block;
  padding-right: 40px;
  margin-top: 1px;
}


.scrollContent ul li img {
  vertical-align: middle;
}

a.scrollLink {
  float: right;
  margin-top: 10px;
}

.scrollLink span, .scrollNewLink span {

  display: inline-block;
  background: url('../img/arrowInitial.png') no-repeat;
  width:36px;
  height: 38px;
  vertical-align: middle;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.portfolio_initial_item a >img:hover {
  cursor: pointer !important;
}

#menuSelect, .cd-dropdown {
  display: none;
}

.wrapper-dropdown-5.active, .wrapper-dropdown-5 , .wrapper-dropdown-5 .dropdown{
  border-radius: 0px !important;
}


#menuSelect .active {
  color:red;
}

.serviceInfo {
  width:200px;
  float: left;

}

.mobileServices {
  display: none;
}

.steps4SmSc , .services4SmSc{
  display: none;
}

.servicesDisplay p {
  /*text-align: justify !important;*/
 /* font-size: 15px !important;
  line-height: 2em !important;*/
}

.services4SmSc li {
  height: 76px;
}

.pageNav{
 float: right;
 text-align: center;
  width: 71%;
  margin-bottom: 20px;
}

.pageNav li {
  display: inline-block;
}

.pageNav li a {
  color: black;
  font-size: 15px;
}

.pageNav li a.active{
  font-weight: bold;
  cursor: none;
}

.pageNav li a:hover {
  font-weight: bold;
}

.hoverImg {
  display: none;
}

/******************************************************responsive********************************************************
*************************************************************************************************************************/

/*<320*/

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

/*  #whoweare-title, .title, #service-left ul li h1{
    font-size: 46px;
  }
*/
  #main-text {
    width: 90%;
  }

  #service-left ul li h1{
    font-size: 34px;
  }

  #service-left ul li a {
    font-size: 12px;
  } 

  #service-left {
    width: 253px!important;
  }

  #contact-title { 
    font-size: 41px;
  }

  #content , #header, .footerData{
    width:90%!important;
  }

  #resume-list li{ 
    width:250px;
  }

  #resume-list li h2 {
    font-size: 16px;
  }

  #resume-list .doc-cont p {
    width: 188px;
  }

  #services-buttons {
    clear:both;
    width:100%;
  }

  #services-buttons li {
    width:100%;
    background-position: left;
  }

  #services-inServ li h1 {
    text-align: left;
    font-size: 17px;
  }

  .serviceDetails {
    display: none;
  }

/*  #main-text-service p {
    font-size: 15px;
  }
*/
  #main-text-service ul{
    display: none;
  }
  
  #main-text-service h2 {
    font-size: 29px;
  }

  .cross-more {
    background: none;
  }

  .services4SmSc li h1{
    left:50%;
    top:0% !important;
  }

  /**FrontPage**/
  #long-front {
    min-height: 400px;
  }

  /**portfolio**/
  
  .scrollContent ul li {
    margin-top: 2px;
  }

  .scrollNewsContent{
    display: none;
  }

  .newsSection {
    clear: both;
   
  }

  .newsSection h4 {
    font-size: 18px;
  }

  .portfolioSection, .newsSection {
    width: 300px;
  }


  .newsSection h4 {
    margin-bottom: 10px;
  }

  /**portfolio page**/
   #logo , .mobileView #logo{
    background: url('../img/logo-small.png')!important;
    width: 100px;
    height: 73px;
  } 

  
  #linkedin {
    background: url('../img/linkedin-small.png') !important;
    width: 25px;
    height: 25px;
  }

 #facebook {
    background: url('../img/facebook-small.png') !important;
    width: 25px;
    height: 25px;
  }

  .phone {
    margin-top:4px;
    font-size: 12px;
  }

  #right-header {
    width: 166px;
  }

  #socials {
    width: 50px !important;
  }

}


/*>320*/
@media screen and (min-width: 321px) and (max-width: 480px) {

/*  #whoweare-title, .title {
    font-size: 57px;
  }*/

  #logo, .mobileView #logo {
    background: url('../img/logo-medium.png')!important;
    width: 140px;
    height: 102px;
  } 

  #service-left ul li h1{
    font-size: 36px;
  }
  #contact-title { 
    font-size: 46px;
  }


  #resume-list li{ 
    width:250px;
  }
  
  #services-buttons {
    clear:both;
    width:100%;
  }

  #services-buttons li {
    width:100%;
    background-position: left;
  }

  #services-inServ li h1 {
    text-align: left;
    font-size: 17px;

  }

  .cross-more {
    background: none;
  }

  #long-front {
    min-height: 300px;
  }

  /**portfolio**/
  .scrollNewsContent, .scrollContent{
    width: 200px;
  }

  .portfolioSection, .newsSection {
    width: 240px;
  }

  .newsSection h4 {
    margin-bottom: 10px;
  }

}

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

  .backstretch , #jq_ez_bg{
    display: none;
  }

  #right-header {
    width: 148px;
  }
    /**frontPage**/
  #services ,  #europe-signs {
    width: 160px !important;
    max-width: 160px !important;
  }

  #services-desc h1 {
    font-size: 15px;
  }

  #services-desc {
     width: inherit;
  }

  #newsletter input {
    float: none;
    clear: both;
    position:relative;
    left: -12px;
    margin: 5px 0;
  }

  .submit-button{
    width: 100px!important;
  }

  #newsletter {
    height: 245px;
    margin: 0 auto;
    width: 165px!important;
  }

  #newsletter div {
    float: none;
    clear: both;
    position: relative;
    top: 40px;

  }

  #newsletter-form {
   width: 160px !important;
  }

  #long-front {
    width: 100%!important;
  }

  .black-button {
    margin-top:43px !important;
    margin-left: 0px !important;
  }

  #right-front {
    width: 100% !important;
    margin: 0!important;
  }

  #main-text-service p{
      font-size: 13px;
  }

  /**portfolio**/

  .portfolioBig {
    display: none !important;
  }

  .mobileView {
    display: block !important;
  }


  .portfolio_footer {
    position: absolute !important;
    bottom: 0;
  }

  .burger-button {
    background:  url('../img/menu.png');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 33px;
    right: 10px;
  }

  .burger-button, .burger-button:hover .burgerMenu {
    display: block !important;
  }

  .newsTop .cross-left{
    display: none;
  }

  .basicTitle, .basicInnerTitle{
    width: 100%;
    font-size: 32px;
  }
}
/*>480*/
@media screen and (min-width: 480px) and (max-width: 600px) {

  #right-header {
    width: 177px;
  }

  /**frontPage**/
  #services , #right-front, #newsletter, #long-front,  #europe-signs {
    width: 343px !important;
    max-width: 343px !important;
  }

  #newsletter input {
    width:148px;
  }

  .submit-button{
    width: 100px!important;
  }

  #services-desc {
    width: 295px;
  }

  #long-front {
    height: 337px;
  }


  #newsletter {
    height: 123px;
  }

  .black-button {
    margin-left: 59px !important;
  }

  /**portfolio**/
  .scrollNewsContent, .scrollContent{
    width: 369px;
  }

  .portfolioSection, .newsSection {
    width: 400px;
  }
}



/* < 600*/
@media screen  and (max-width: 600px) { 
  

/**header**/
  #header-outer {
    height: auto;
  }

  .addressInfo {
    display: none;
  }

  .phone {
    font-size: 13px;
  }

  #menuSelect , .cd-dropdown{
    clear:both;
    position: relative;
    top:15%;
    width:244px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #header, .footerData {
    width: 90%;
    height: inherit;
  }

  #header{
    padding-top:20px;

  }

  #lang {
    text-align: center;
    position:relative;
    margin: 0 auto;
    width: 40px;
    top:15%;
  }

  #address{
   text-align: center;
  }

  #socials {
    clear: both;
    float: none;
    margin: 0 auto;
    width: 74px;
  }

  #menu-top {
    display: none;
  }

  #address , .phone, #lang {
    color: black;
  }
  /**end header**/

  /**content **/
  
  #content, .scrollSection {
    padding: 10px;
  }

  #content {
    width: 100%;
  }

  .scrollSection {
    width: 90%;
  }
  
  /**contact**/
  
  .phone-in {
    clear:both;
    height:auto;
    text-align: left;
  }

  #contact-labels {
    width:100%;
  }

  .contact-label {
    width:100%;
    text-align: left;
    float: none;
  }

  .contact-div {
    width: 100%;
  }

  #contact_message ,#contact_name, #contact_email, #contact_subject{
    width: 100%;
  }

  .button-contact {
    width: 100%;
    text-align: center;
  }
  /**frontPage**/
  #services {
    width: 343px;
  }

  #newsletter input {
    padding-left: 5px;
  }

  #newsletter div {
    margin-left: 11px;
  }

  .black-button {
    float: none;
    margin-top: 10px;
    clear: both !important;
  }

  #footer {
    position: relative;
  }

  .mobileServices {
    display: block;
  }

  .bigServices {
    display: none !important;
  }

  /**portfolio**/
  .footer_ScrollWrapper {
    bottom: 0px;
  }

}

@media screen and (min-width: 600px){
  .wrapper-demo {
    display: none;
  }

}

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

  #logo, .mobileView #logo {
    background: url('../img/logo-medium.png')!important;
    width: 140px;
    height: 102px;
  } 
}

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

 /**portfolio**/

  .portfolioBig {
    display: none !important;
  }

  .mobileView {
    display: block !important;
  }


  .portfolio_footer {
    position: absolute !important;
    bottom: 0;
  }

  .burger-button {
    background:  url('../img/menu.png');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 33px;
    right: 10px;
  }

  .burger-button, .burger-button:hover .burgerMenu {
    display: block !important;
  }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
   .portfolio_title_big {
    max-width: 240px !important;
    line-height: 17px !important;
    text-align: left;
  }
}

/*>600*/
@media screen and (min-width: 600px) and (max-width: 768px) {
 #header, .footerData {
    width: 590px !important;
  }

 #content {
   width:  590px;
  }
 
  .scrollSection{
   width:  520px;
  }

  #newsletter, #long-front , #europe-signs {
    width: 510px !important;
  }

  #services-desc {
    width: 452px;
  } 

   #long-front {
    height: 234px;
  }

  /**portfolio**/
  .scrollNewsContent, .scrollContent{
    width: 400px;
  }


}


@media screen and (min-width: 640px) and (max-width: 700px) {
   /**portfolio page**/
  .caption-fixed-bottom  {
    left:25px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 68px !important;
  }

  .whiteline_fixed {
    left: 62px !important;
  }

  .portfolio_pic_div_fixed {
    left:148px !important;
  }

  .portfolio_description_small , .portfolio_title_big{
    font-size: 17px !important;
  }

  .portfolio_description_medium {
    width:240px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 16px;
    line-height: 17px;
  }

  .portfolioLink {
    font-size: 12px !important;
  }

 .portfolio_button_fixed {
    top: 849px !important;
  }

}

@media screen and (min-width: 700px) and (max-width: 769px) {
   /**portfolio page**/
  .caption-fixed-bottom  {
    left:41px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 92px !important;
  }

  .whiteline_fixed {
    left: 87px !important;
  }

  .portfolio_pic_div_fixed {
    left:182px !important;
  }

  .portfolio_description_small , .portfolio_title_big{
    font-size: 17px !important;
  }

  .portfolio_description_medium {
    width:240px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 16px;
    line-height: 17px;
  }

  .portfolioLink {
    font-size: 12px !important;
  }

   .portfolio_button_fixed {
    top: 861px !important;
  }
}

/*<768*/
@media screen  and (max-width: 768px) { 
  .steps4BgSc ,.services4BgSc{
    display: none !important;
  }
  
  .services4SmSc li {
    background-position: left !important;
    margin-top: 57px;
    clear: both;
    position: relative;
  }

  .services4SmSc li h1 {
    position: absolute;
    width: 100px;
    top: 86%;
  }
  .introtext-service {
    height: auto;
  }

  .steps4SmSc , .services4SmSc{
    display: block;
  }
  
  #services-buttons {
    clear:both;
    width:100%;
  }

  #services-buttons li {
    width:100%;
  }
  
  .serviceDetails {
    margin-left: 100px;
    width: 70%;
    overflow-wrap: break-word;
  }

  .serviceDetails p {
    color: black;
  }

  #services-inServ li {
    overflow: auto;
  }

  #services-inServ li div {
    display: block;
    position: relative;
  }

  #newsDisplay{
    width: 80%;
    margin: 31px auto;
    float: none;
    clear: both;
  }
  
  .left-col-in {
    margin-bottom: 20px;
  }
}
/*>768*/
@media screen and (min-width: 768px)  and (max-width: 900px) {

  #content, #header, .footerData{
   width:  700px;
  }
  
  #newsletter, #long-front ,.scrollSection, #europe-signs {
    width: 510px!important;
  }
   
  #services-desc {
    width: 452px;
  } 

  #long-front {
    height: 234px;
  }

   /**portfolio**/

  .scrollNewsContent {
    width: 471px;
  }
  
  .portfolio_button_fixed {
    top: 1000px !important;
  }
}


@media screen and (min-width: 768px)  and (max-width: 850px) {
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:3px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 49px !important;
  }

  .whiteline_fixed {
    left: 38px !important;
  }

  .portfolio_pic_div_fixed {
    left:143px !important;
  }

  .portfolio_description_small , .portfolio_title_big{
    font-size: 17px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 17px;
  }

  .portfolioLink {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 850px)  and (max-width: 900px) {
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:14px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 93px !important;
  }

  .whiteline_fixed {
    left: 84px !important;
  }

  .portfolio_pic_div_fixed {
    left:163px !important;
  }

  .portfolio_description_small, .portfolio_title_big {
    font-size: 17px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 17px;
  }

}

/* < 900*/
@media screen  and (max-width: 900px) { 


  #header-outer {
    position: relative;
  }

  #header-black {
    background: none;
    display: none;
  }

  #content {
    padding-top: 19px;
  }
  
  #header {
    margin-left:auto;
    margin-right:auto;
    display: block;
  }

  #resume-list {
    clear:both;
    margin-top: 57px;
    float: none!important;
  }

  #resume-list li{
    clear: both;
    margin-bottom: 20px;
    height: auto;
  }

  #resume-list li:first-child{
    margin-top: 50px;
  }

 /**services **/

  #main-text-service {
    clear: both !important;
    width:90% !important;
    margin-left: 0px;
  }
  .box-link {
    height: auto;
    overflow: auto;
  }

  /**frontPage**/
  #newsletter,  #long-front {
    position: relative; 
    margin-top: 0;
  }

  #services {
    float: none;
    margin: 0 auto;
  }

  #newsletter input {
    width:148px;
    padding-left: 5px;
    border: 0 !important;
  }

  #newsletter div {
    margin-left: 11px;
  }

  .black-button {
    float: right;
    clear: none;
    margin-left: 10px;
  }

  #right-front {
    clear: both;
    float: none;
    margin: 0 auto;
  }

  /**portfolio**/
  #europe-signs {
    text-align: right;
    margin: 5px auto;
    float: none;
  }

  .scrollContent {
    margin-top: 20px;
  }
  
  a.scrollLink {
    margin-top: -25px;
  }

  .scrollNewLink {
    float: right;
  }
}

/*>900*/
@media screen and (min-width: 900px) {
  #header, .footerData {
    width: 850px;
   
  }

  #header{
     margin-left:auto;
    margin-right: auto;
  }

  #content, .scrollSection{
   width:  850px;
  }

  #main-text-service {
    width: 330px;
  }

   /**NewsPage**/
  #long-front {
    height: 337px;
    margin-top: 172px;
  }

  #newsletter {
    margin-top: 37px;
    height: 127px;
  }

  #newsletter input {
    width:148px;
    padding-left: 5px;
  }

  #newsletter div {
    margin-left: 11px;
  }

  .black-button {
    clear: both;
  }

  /**portfolio**/
  a.scrollLink {
    float: right;
  }

  .portfolio_button_fixed {
    top:1100px  !important;
  }

}

@media screen and (min-width: 900px) and (max-width: 1049px){
  /**NewsPage**/
  #services-desc {
    width: 295px;
  }
  
  #newsletter, #newsletter-form {
    width: 328px;
  }

  .black-button {
    clear: both;
    display: inline-block;
    margin-left: 60px;
  }

  /**portfolio**/

  .scrollNewsContent {
    width: 777px;
  }

  .newsContent {
    padding-left: 21px;
  }

}

@media screen and (min-width: 900px) and (max-width: 950px){
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:-9px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 49px !important;
  }

  .whiteline_fixed {
    left: 38px !important;
  }

  .portfolio_pic_div_fixed {
    left:143px !important;
  }

  .portfolio_description_small {
    font-size: 17px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 17px;
  }
}

@media screen and (min-width: 950px) and (max-width: 1050px){
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:-9px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 96px !important;
  }

  .whiteline_fixed {
    left: 85px !important;
  }

  .portfolio_pic_div_fixed {
    left:177px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 17px;
  }
}

/*<1050*/
@media screen  and (max-width: 1050px) { 
  #services-buttons {
    clear:both;
  }

  #services-buttons li{
    margin-left: 0;
  }

  .newsContent{
    padding-left: 0px;
  }
  
  ul#news-list, .pageNav{
    float: left;
  }
}

/*>1050*/
@media screen and (min-width: 1050px) {
  #header, .footerData {
    width: 1000px;
  }

   #header{
     margin-left:auto;
    margin-right:auto;
    display: block;
   }

  #content, .scrollSection {
   width:  1000px;
  }
  
  #serviceInfo {
   width: 200px;
  }

 /* #main-text-service {
    width: 472px;
  }*/
 
  #main-text-service {
    width: 650px;
  }
  /**NewsPage**/
  #long-front {
    height: 248px;
    margin-top: 258px;
  }

  #newsletter {
    margin-top: 171px;
    height:76px;
  }

  #newsletter input {
    width:148px;
    padding-left: 5px;
  }

  #newsletter div {
    margin-left: 11px;
  }

  #services-desc {
    width: 452px;
  }

  .black-button {
    float: right;
    clear: none;
    margin-left:10px;
  }
  
  /**portfolio**/

  .scrollNewsContent {
    width: 761px;
  }

  .newsContent {
    padding-left: 21px;
  }
}

@media screen and (min-width: 1050px) and (max-width: 1150px){
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:-67px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 49px !important;
  }

  .whiteline_fixed {
    left: 38px !important;
  }

  .portfolio_pic_div_fixed {
    left:143px !important;
  }

  .portfolio_description_medium p, .portfolio_description_medium span {
    font-size: 17px;
  }

}

/*>1150*/
@media screen and (min-width: 1150px) and (max-width: 1200px){
  #header, .footerData {
    width: 1000px;
  
  }

   #header{
    margin-left:auto;
    margin-right:auto;
    display: block;
   }
   
  #content,.scrollSection {
   width:  1000px;
  }

  #serviceInfo {
    width:200px;
  }
 
  /**portfolio page**/
  .caption-fixed-bottom  {
    left:-72px!important;
  }

  .portfolio_title_fixed , .page_title_fixed, .portfolio_description_medium_fixed, .portfolio_button_fixed, .portfolio_description_fixed{
    left: 100px !important;
  }

  .whiteline_fixed {
    left: 78px !important;
  }

  .portfolio_pic_div_fixed {
    left:190px !important;
  }

  .newDisplay .TinyMceEditor{
    display: block;
    width: 100%;
  }

}

/*<1200*/
@media screen  and (max-width: 1200px) { 
 

  #doc-cont {
    display: none;
  }
  #serviceInfo {
    display: inline-block;
  }

  #contact-details {
    clear:both;
    margin-left: 0px;
    top:0px;
  }

  #resume-list {
    width: 550px;
    margin-top: 57px;
    float: right;
  }
 
  #resume-list li {
    margin-right: 95px;
    margin-left: 0px;
  } 

  #main-text-service {
    float: left;
    font-size: 17px;
  }

  .black-button {
    width: 124px;
    margin-top:10px;
    float: left;
    margin-right: 0px;

  }

  .header-outerWhite {
    position: absolute !important;
  }

  #news-list li{
    margin-bottom: 65px;
    padding-bottom: 93px;
    margin-top: 20px;
  }
}


/*>1200*/
@media screen  and (min-width: 1200px) {
  #header, .footerData {
    width:1152px;
     margin-left: auto;
    margin-right: auto;
  }
  
  #content , .scrollSection{
    width:1152px;
  }

  #services-inServ li{
    float: left;
  }

  /**FrontPage**/
  #newsletter , #long-front {
    width: 668.5px !important;
  }

  #long-front {
    height: 165px;
    margin-top: 342px;
  }

  #newsletter {
    margin-top: 255px;
    height: 80px;
  }

  #newsletter input {
    width:220px;
    padding-left: 10px;
  }

  #newsletter div {
    margin-left: 20px;
  }

  #services-desc {
    width: 620px;
  }


 .black-button {
    margin-right: 67px;
  }

  /**portfolio**/
  .scrollNewsContent {
    /*width: 908px;*/
    width: 894px;
  }

  .newsContent {
    /*width: 84%;*/
    padding-left: 15px;
    margin-top: 0px;
  }
  
  .header-outerWhite {
    position: absolute!important;
  }

.newDisplay .TinyMceEditor {
 /* display: inline-block;
  width: 520px;
  vertical-align: top;
  margin-left: 31px;*/
      display: inline-block;
    width: 64%;
    vertical-align: top;
    margin-left: 23px;
}
 #news-list li {
    margin: 0px 0px 65px 29px;
    padding: 0px 0px 63px 20px;
  }

}


@media screen and (min-height: 1480px)  and (min-width: 900px){
  .footer_ScrollWrapper {
    position: absolute;
  }
      
}