/* 
    Document   : st-style
    Created on : 12.12.2013, 12:11:37
    Author     : Adrian Galla
    Description:
        Purpose of the stylesheet follows.
*/
img{border:solid 2px white;}

p, ul, li {text-align: justify;}

root { 
    display: block;
}


body {
    margin:0;padding:0;
    background: #fff url('../layout/headings-bg.png') repeat-x;
    color: #566c75;
    font-family:  'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto Condensed', sans-serif;
}


a{
    text-decoration: none;
    outline-width: 0;
}

.logo-container{
    margin-bottom: 2.35%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.logo{
    border:none;
    float: left;
    margin-bottom: 1em;
}

.no_border
{
    border:none;
}

.languages{
    float: right;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    padding-top: 2.532%;
}

.languages > a{
    font-weight: normal;
    font-size: 0.8em;
    float: left;
    padding: 2px 6px 4px 6px;
    margin-right: 1em;
    color: #00a1e0;
}

.languages > a:last-child{
    margin: 0;
}

.languages > a:hover{
    text-decoration: none;
    color: #00a1e0;
    border-bottom: 1px dotted #00a1e0;
}

.languages > a.active{
    background: #00a1e0;
    margin-right: 0.8em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;

}

.languages > a.active:hover{
    border: none;
}

.footer {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}


.nav-justified {
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #fff;
}

.nav-justified > li > a {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #505a5e;
    font-size: 1.2em;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    background-color: #e5e5e5; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d5d5d5 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%,#d5d5d5 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -o-linear-gradient(top, #e5e5e5 0%,#d5d5d5 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background-image: linear-gradient(top, #e5e5e5 0%,#d5d5d5 100%); /* W3C */
    text-shadow: 1px 1px 1px rgba(255,255,255,.5)
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
    background-color: #4e595d;
    border-bottom: 1px solid #4e595d;
    background-image: none;
    color: #ffffff;
    text-shadow: none;
}

.nav-justified > li > a:hover{
    background-color: #eeeeee; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -o-linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    background-image: linear-gradient(top, #f5f5f5 0%,#d5d5d5 100%); /* W3C */

}


.nav-justified > li:first-child > a {
    border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #cccccc;
}

@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }
    .nav-justified > li > a {
        border-left: 1px solid #fff;
        border-right: 1px solid #d5d5d5;
    }
    .nav-justified > li:first-child > a {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }
    .nav-justified > li:last-child > a {
        border-radius: 0 5px 5px 0;
        border-right: 0;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .headings,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}

#header{
    width: 100%;
    padding-top: 1.725%;
    padding-bottom: 2.35%;
    border-bottom: 1px dotted #fff;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaedee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaedee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eaedee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaedee',GradientType=0 ); /* IE6-9 */
}

div.section-title{
    background: #a4b5bb;
    width: 100%;
}

div.section-title h1{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 28px;
    margin-bottom: 16px;

}

div.title-arrow{
    width: 56px;
    height: 20px;
    margin: 0 auto;
    background: url('../layout/title-arrow.png') no-repeat;
}

img.office-img{
    border: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 2.35%;
}

.mid-content-light{
    width: 100%;
    color: #4e595d;
    padding-bottom: 2.35%;
    background: #e3eaec; /* Old browsers */
    background: -moz-linear-gradient(top, #e3eaec 0%, #ffffff 82%, #eaf0f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3eaec), color-stop(82%,#ffffff), color-stop(100%,#eaf0f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3eaec 0%,#ffffff 82%,#eaf0f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e3eaec 0%,#ffffff 82%,#eaf0f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e3eaec 0%,#ffffff 82%,#eaf0f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e3eaec 0%,#ffffff 82%,#eaf0f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3eaec', endColorstr='#eaf0f2',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #e3eaec;;
}

h3.dever-name{
    color: #00a1e0;
    padding: 0;
    margin: 0;
    text-shadow: 1px 1px 1px #ffffff;
}

span.proffession{
    color: #a4b5bb;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
}

.left_align{text-align: left;}

.mid-content-dk{
    width: 100%;
    background: #4e595d;
    color: #ffffff;
    padding: 2% 0 3% 0;
}

.mid-content-dk h2{
    color: #dce9ed;
    text-shadow: 0px 0px 1px rgba(220,233,237,0.6);
    padding-bottom: 0.5em;
    font-weight: 300;
    margin:2% 0 2% 0;
    border-bottom: 1px solid rgba(220,233,237,0.6);
}



.mid-content-dk h3{
    color: #ffffff;
    font-weight: 300;
}

.mid-content-dk h4{
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 0.5em;
    color: #9cd0e4;
    border-bottom: 1px solid #7dcaea;
    text-transform: uppercase;
}

.mid-content-dk h5{
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 0.5em;
    color: #9cd0e4;
    /*border-bottom: 1px solid #7dcaea;*/
    text-transform: uppercase;
}

span.smaller{
    font-size: 80%;
}

.mid-content-dk h5{
    color: #95a7ae;
}

#prog-lang{
    padding: 3% 0% 3% 0%;
}

#prog-lang img{
    margin-bottom: 10%;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#prog-lang img:hover{
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#prog-lang a{text-align: center;}

.ref-row{

    padding-bottom: 5%;
}

.ref-row p{
    background: #8a9295;
    color: #fff;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.ref-points{
    padding: 0;
    list-style: none;
    position: inherit;
}

ul.ref-points li{
    list-style-type: none;
    background: url('../layout/list-style-1.png')no-repeat;
    list-style-position: outside;
    padding-left: 26px;
}

ul.ref-points li > p{
}

ul.no-style{
    padding: 0;
    list-style: none;
    position: inherit;
}

ul.no-style li{
    list-style-type: none;
    list-style-position: outside;
}

ul.no-style li > p{
    font-size: 13px;
}

ul.footer-links li > a{
    color: #9cd0e4;
    text-transform: uppercase;
    text-decoration: none;
}

ul.footer-links li > a:hover{
    color: #bfdfeb;
}

.btn-primary{
    background: #00a1e0;
    border: 1px solid #07abeb;
}

.btn-primary:hover{
    background: #008bc1;
    border: 1px solid #60686c;
}

#co-data{
    color: #505a5e;
    background: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#co-data div.co-details:last-child{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#co-data h3{
    font-weight: 400;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
}

div.co-details{
    padding: 2.65%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaedee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaedee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eaedee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eaedee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaedee',GradientType=0 ); /* IE6-9 */
}

#co-data dl > dd{
    margin-bottom: 2.65%;
}

#co-data div.co-data-section{
    padding: 2.35%;
    background: #a4b5bb;
    width: 100%;
    border-top: 1px solid #fff;
}

#co-data div.co-data-section:first-child{
    border: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div.title-arrow-sm{
    width: 24px;
    height: 9px;
    margin: 0 auto;
    background: url('../layout/title-arrow-sm.png') no-repeat;
}

h2#mess-form-title{
    font-size: 28px;
    text-align: right;
    color: #2ab1e0;
    border-bottom: 1px solid #8a9295;
    margin-bottom: 1em;
}

h2#mess-form-title > span{
    font-size: 16px;
    color: #dce9ed;
}

#mess-form-title img{
    float: left;
}

span.not_valid {
    display: none;
    text-align: left;
    color: #2ab1e0;
}

input.not_valid, textarea.not_valid {
    border: 2px solid #e02a55;
}

ul.carrer-list{
    padding: 0;
    list-style: none;
    position: inherit;
}

ul.carrer-list li{
    list-style-type: none;
    background: url('../layout/list-style-2.png')no-repeat;
    list-style-position: outside;
    padding-left: 26px;
    font-size: 15px;
}

.blue{
    color: #9cd0e4;
}

.openSource{
    display: block;
    width:200px;
    margin:auto;

}

.fb-like{
    display: block;
    background: url('../layout/facebook.png')no-repeat;
    height: 50px;
    padding: 2px;
}

.ubuntu{
    display: block;
    background: url('../layout/ubuntu.png')no-repeat;
    background-size:auto 40px;
    height: 50px;
    padding: 2px;
}

.open-source{
    display: block;
    background: url('../layout/opensource.png')no-repeat;
    background-size: auto 40px;
    width: 120px;
    height: 50px;
    padding: 2px;
}

.new_link{
    color:#00a1e0;
}
.new_link:hover{
    text-decoration: underline;
    color:#00a1e0;
}

.techicon{
    width:75px;
    height:75px;
    border-radius:15px;
    border:solid 2px rgba(255,255,255,0.5);
    display:inline-block;
}
.techicon:hover{
    border-color: white;
}


#sectionsHead h3
{
    padding:0;
    transform: translateX(40px);
}
#sectionsHead  .nav {list-style-type: none; float:left;margin-left:20px;margin-top:20px;}

#sectionsHead .nav   li{
    padding:3px;
    margin-top:3px;
    text-align: center;
    transform:skewX(-10deg);
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
}

#sectionsHead .nav li:nth-child(even),#sectionsHead .nav li:nth-child(even):hover{
    background-color:#25aae1;
}

#sectionsHead .nav li:nth-child(odd),#sectionsHead .nav li:nth-child(odd):hover {
    background-color:#505a5f;
    transform:translateX(40px) skewX(-10deg);
    -webkit-transform:translateX(40px) skewX(-10deg);
    -ms-transform:translateX(40px) skewX(-10deg);
}



#sectionsHead .nav a{
    font-weight: bold;
    padding:0;
    margin:0;
    color:white;

}
#sectionsHead .nav li a:nth-child(even):hover,#sectionsHead .nav li a:nth-child(even):focus{
    background-color:rgba(255,255,255,0);    
    border:none;
}

#sectionsHead .nav li a:nth-child(odd):hover,#sectionsHead .nav li a:nth-child(odd):focus{
    background-color:rgba(255,255,255,0);    
    border:none;
}


#sectionsHead .nav:nth-child(2) li:nth-child(odd),#sectionsHead .nav:nth-child(2) li:nth-child(odd):hover{
    background-color:#25aae1;    
   /* transform:translateX(40px) skewX(-10deg);
    -webkit-transform:translateX(40px) skewX(-10deg);
    -ms-transform:translateX(40px) skewX(-10deg);*/

}

#sectionsHead .nav:nth-child(2) li:nth-child(even),#sectionsHead .nav:nth-child(2) li:nth-child(even):hover {
    background-color:#505a5f;
}

.eu-img {
    text-align: center;
    width=100%;
}

.eu-img-img1 {
    height: 180px;
    padding: 1px;
    margin: 10px;
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.eu-img-img2 {
    height: 150px;
    padding: 1px;
    margin: 10px;
    border: 1px solid rgba(255, 255, 255, 0.6);
}