@import url('https://fonts.googleapis.com/css?family=Lato|Lora|PT+Serif|Raleway');
body {
font-family: "Helvetica";
font-weight: 300;
font-size: 15px;
padding-top: 70px;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}
h1 {font-family: "Helvetica";
font-weight: 300;
color: #FFFFFF;
background-color:#1f2430;
height:80px;
font-size: 35px;
padding-top:20px;
text-align: center;
}
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica";
font-weight: 300;
color: #000000;
}
img{
width: 350px;
height: 300px;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
#logo img{
position: absolute;
width: 270px;
height: 64px;
margin-top: -12px;
margin-left: -35px;
z-index: 2;
}
#menu {
margin-top: 7px;
background:#fff;
opacity: 0.95;
}
#menu .active>a {
background-image: -webkit-linear-gradient(top,#3167db 0,#3167db 100%);
color: #fff;
}
.centered {
text-align: center;
}
a {
color: #3167db;
}
#menu {
background:#fff;
opacity: 0.95;
}
.navbar {
font-family: "Lora";
opacity: 0.95;
font-weight: 800;
height:67px;
font-size: 16px;
background:#fff;
border-color:#fff;
border: 0px solid transparent;
-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
}
.navbar li:hover{
color:#000;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
color: #fff;
background-image: -webkit-linear-gradient(top,#3167db 0,#3167db 100%)
}
.navbar-brand, .navbar-nav>li>a{
text-shadow: 0 0px 0 rgba(255,255,255,.25)
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{
background-image: -webkit-linear-gradient(top,#3167db 0,#3167db 100%)
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
background-image: -webkit-linear-gradient(top,#3167db 0,#3167db 100%);
padding-top: 14px;
}
.navbar-default .navbar-nav>li>a{color: #555;}
.navbar-brand {
color: #999;
font-weight: bolder;
font-size: 22px;
padding-left: 50px;
}
.navbar-collapse{
background: white;
margin-top:5px;
}
.navbar-toggle{
margin-top: 15px;
}
.dropdown-menu{
box-shadow: 0 0px 0px rgba(0,0,0,.175);
}
.navbar-nav>li>.dropdown-menu{
margin-top: 10px;
}
.dropdown-menu>li>a:hover{
color:#fff;
background-image: -webkit-linear-gradient(top,#3167db 0,#3167db 100%)
}
#contacts{
font-size:32px;
}
#contacts p{
font-size:16px;
color:#fff;
}
.footer {
font-family: "Lora";
background-color: #1f2430;
font-size: 30px;
padding-top: 20px;
font-weight: 300;
letter-spacing: 3px;
padding-bottom: 20px;
text-align: center;
color: #fff;
}
.footer img {
float: right;
width: 350px;
margin-top: -50px;
}
#main{
}
#main .col-lg-2{
padding-top:80px;
background-color: #fff;
color:#3167db;
}
#main .col-lg-10{
padding-top:20px;
}
#main .col-lg-2 a{
background-color: #1f2430;
color:#fff;
transition:0.5s;
}
#main .col-lg-2 a:hover{
background-color: #fff;
color:#1f2430;
}
#map {
height: 400px;
}
.tilt{
padding-bottom:20px;
padding-top:20px;
}
.tilt .img-responsive{
border:1px solid #e3e3e3;
border-radius:10px;
display:inherit;
width:400px;
height:100px;
}
.tilt img:hover {
opacity: 0.25;
transition: opacity 0.5s;
}
.tilt h3 {
color: black;
font-size: 16px;
position: absolute;
left:22%;
padding: 10px;
}
.carousel-inner>.item>img{
height: 250px;
}
.thumbnail>img{
height: 130px;
}
.carousel-inner>.item>.active>img{
height: 300px;
left: 30%
}
button{
font-family: "Lora";
color:#fff;
z-index: 2;
bottom:30%;
background:linear-gradient(to bottom,#3167db 0,#3167db 100%);
text-shadow:0 0px 0 #fff;
}
.btn-default {
background:linear-gradient(to bottom,#3167db 0,#3167db 100%);
border: 1px solid transparent;
color:#fff;
text-shadow:0 0 0 #fff;
box-shadow:inset 0 0px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}
.btn-default:hover{
color:#fff;
text-shadow:0 0 0 #000;
}
.btn-default.focus, .btn-default:focus{
color:#fff;
border:0 solid #000;
}
.logo{
width: 270px;
height: 64px;
margin-top: -12px;
margin-left: -35px;
}
.btn-success:focus, .btn-success:hover{background-color: #3167db}
.navigator{
float: left;
padding-top: 20px;
padding-left: 15px;
}
.navigator a{
color: #2F4F4F;
font-size: 18px;
}
.navigator a:hover{
color: #3167db;
text-decoration: none;
}
button a{
color: #fff;
}
button a:hover{
color: #fff;
text-shadow:0 0 0 #000;
text-decoration: none;
}
.footer h1{
color:#fff;
}
#slide-content{
display: none;
}
.cost{
color: #3167db;
font-size:32px;
}
.fotstring{
font-size: 12px;
}
.headertable{
background-color:#538ed5;
color:#fff;text-align:center;
}
.footertable{
background-color:#538ed5;
color:#fff;
}
.footertext{
background-color:#b8cce4;
color:#000;
}
.table-down{
max-width: 100%; overflow: auto;
}
.icon{
color:#3167db;
}
#consist:before{
display: block;
content: "";
height: 55px;
margin: -55px 0 0;
}
#applications,#characteristics,#delivery{
padding-top: 55px;
margin-top: -55px;
-webkit-background-clip: content-box;
background-clip: content-box;
}
.leftmenu{
font-family: "Helvetica";
font-weight: 300;
font-size: 20px;
}
.lefted.pad{
text-align: justify;
text-indent: 7%
}
.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('../../images/icon_top.png') no-repeat;
}
@media screen and (max-width: 360px){
#logo img{
width:229px;
height:55px;
margin-top:-7px;
}
.col-lg-6 img{
width:309px;
height:265px;
}
}