*,html{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: inherit;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
}
*{max-height:10000px;}
body{
min-width: 320px;
}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('https://booking.oetztaler.at/fontsopen-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary { display: block; }
img {
border-style: none;
}
a {
text-decoration: none;
color:#fff;
outline: none;
}
input,
textarea,
select {
font: 100% Arial, Helvetica, sans-serif;
vertical-align: middle;
color: #000;
}
textarea {
overflow: auto;
resize: vertical;
vertical-align: top;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
input[type="search"] { -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
display:none;
}
q { quotes: none; }
q:before,
q:after {
content: '';
content: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table {
border-collapse: collapse;
border-spacing: 0;
}
p {
margin: 0 0 1.2em;
}
/* reset for html5 */
header, footer, article, section, nav, figure, aside, main, time{display: block;}
/* Font Face Family */
@font-face {
font-family: 'din-light';
src:url('../fonts/din-light-webfont.eot');
src:url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/din-light-webfont.woff') format('woff'),
url('../fonts/din-light-webfont.ttf') format('truetype'),
url('../fonts/din-light-webfont.svg#dinlightwebfontregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'din-bold';
src: url('../fonts/din-bold-webfont.eot');
src: url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/din-bold-webfont.woff') format('woff'),
url('../fonts/din-bold-webfont.ttf') format('truetype'),
url('../fonts/din-bold-webfont.svg#dinboldwebfontregular') format('svg');
font-weight: 700;
font-style: normal;
}
.push-5-t{margin-top: 5px;}
.push-5-r{margin-right: 5px;}
.push-5{margin-bottom: 5px;}
.push-5-l{margin-left: 5px;}
.push-10-t{margin-top: 10px;}
.push-10-r{margin-right: 10px;}
.push-10{margin-bottom: 10px;}
.push-10-l{margin-left: 10px;}
.push-20-t{margin-top: 20px;}
.push-20-r{margin-right: 20px;}
.push-20{margin-bottom: 20px;}
.push-20-l{margin-left: 20px;}
.push-30-t{margin-top: 30px;}
.push-30-r{margin-right: 30px;}
.push-30{margin-bottom: 30px;}
.push-30-l{margin-left: 30px;}
.push-100-t{margin-top: 100px;}
.border-t-5{border-top: 5px solid #95db1b;}
/* all CSS */
#wrapper{
position: relative;
/*overflow: hidden;*/
}
#header{
/* overflow: hidden; */
border-bottom: 1px solid #003861;
}
.header-holder{
padding: 35px 0 10px;
position: relative;
}
.line-holder{
position: relative;
}
.line-holder:after{
content: '';
position: absolute;
top: 39px;
right: 100%;
width: 9999%;
height: 3px;
background: #003861;
z-index: 9;
}
.header-holder .logo{
width: 196px;
height: 45px;
margin: 0;
display: block;
}
.header-holder .logo img{
display: block;
}
.header-holder .logo a{
display: inline-block;
vertical-align: top;
}
.header-holder .navbar{
margin: 0 ;
font: 16px/20px 'din-light', Arial, sans-serif;
text-transform: capitalize;
border: 0;
position: relative;
z-index: 99;
}
#main{
position: relative;
/*overflow: hidden;*/
min-height: 1280px;
}
.visual{
overflow: hidden;
color: #505050;
}
.visual .heading,
.visual h1{
font: 300 44px/48px 'Open Sans', Arial, sans-serif;
color: #024d81;
font-style: italic;
margin: 60px 0 5px;
}
.visual h2{
font: 700 24px/28px 'Open Sans', Arial, sans-serif;
margin: 0 0 65px;
}
.visual h2 span{
font-weight: 300;
}
.visual h2 strong{
display: inline-block;
vertical-align: middle;
text-align: center;
width: 40px;
height: 40px;
border-radius: 100%;
border: 1px solid #003861;
color: #003861;
padding: 5px 0 0;
}
/*Slide holder*/
.tab-holder > .gholder {
width: 100%;
}
.tab-holder > .gholder:after {
content:"";
display:block;
clear:both;
}
.tab-holder .gmask {
position: relative;
/*overflow: hidden;*/
width: 100%;
float: left;
}
.tab-holder .gmask .slideset {
list-style: none;
width: 99999px;
float: left;
padding: 0;
margin: 0;
}
.tab-holder > .gmask > .slide {
white-space: nowrap;
text-align: center;
height: 100% !important;
}
/* vertical carousel */
.carousel2 .gmask .slideset {
width:100% !important;
white-space:nowrap;
min-height: 1250px;
}
.carousel2 .gmask .slide {
display:inline-block;
vertical-align:top;
float: none;
letter-spacing:0;
width: 100% !important;
}
* html .carousel2 .gmask .slide{display:inline;}
*+html .carousel2 .gmask .slide{display:inline;}
.carousel2 .gmask .slide > *{white-space:normal;}
.carousel2 .pagination{
list-style: none;
color: #505050;
position: absolute;
top: 0;
left: 38px;
margin: 0;
z-index: 999;
}
.carousel2 .pagination ul{
padding: 0;
list-style: none;
margin: 0
}
.carousel2 .pagination li{
vertical-align: top;
margin: 0 1px;
width: 37px;
height: 25px;
text-indent: -9999px;
overflow: hidden;
}
.carousel2 .pagination li.icon1{
background: rgba(0,0,0, .0)
}
.carousel2 .pagination li.icon2{
background: url('../images/ico02.jpg') no-repeat;
}
.carousel2 .pagination li.icon3{
background: url('../images/ico03.jpg') no-repeat;
}
.carousel2 .pagination li.icon4{
background: url('../images/ico04.jpg') no-repeat;
}
.carousel2 .pagination li.icon5{
background: url('../images/ico05.jpg') no-repeat;
}
.carousel2 .pagination li.icon6{
background: url('../images/ico06.jpg') no-repeat;
}
.carousel2 .pagination li:hover{
opacity: 0.8;
cursor: pointer;
}
.tab{
background:#fff;
min-height:1200px;
/*overflow:hidden;*/
font: 300 30px/32px 'Open Sans', Arial, sans-serif;
}
.tab h2{
font-weight:500;
font-size:30px;
line-height:33px;
margin:0 0 16px;
color: #505050;
display: inline-block;
vertical-align: middle;
}
.ico-holder{
height: 25px;
left: 1px;
position: absolute;
top: 0;
width: 265px;
}
.ico-holder img{
max-width:210px;
margin: 0 0 70px -6px;
cursor:pointer;
/*display:block;*/
}
.tab-holder{
/*overflow:hidden;*/
max-width: 976px;
margin:0 auto;
color:#696969;
}
.tab-holder .tab{
float:left;
margin:0 10px 0 0;
}
.tab p{margin:0;}
.tab-holder .btn-tab{
margin:0;
padding:0;
list-style:none;
float:right;
position: relative;
}
.tab-holder .btn-tab li{
border: 0;
border-radius:50%;
margin:0 5px;
float:left;
}
.btn-holder{
position: absolute;
right:100px;
top: 21.4%;
}
.btn-next {
position: relative;
border: 1px solid #003861;
border-radius: 5px;
display: block;
padding: 7px 5px 8px 25px;
color: #505050;
background: #fff;
margin: 109px 0 0;
}
.btn-next:hover{
text-decoration: none;
color: #03538c;
}
.btn-next:after{
content: '';
position: absolute;
top: -2px;
right: -47px;
background: url('../images/sprite.png') no-repeat -2px -1px;
width: 50px;
height: 51px;
}
.btn-next01{
position: absolute;
border: 0;
border-radius: 0;
display: inherit;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
margin: 0;
color: #fff;
padding: 7px 5px 8px 25px;
}
.btn-next.click-box:after{
display: none;
}
.button{
background-color: #003861;
border: 1px solid #003861;
box-sizing: border-box;
color: #fff !important;
display: inline-block;
font-weight: 500;
padding: 0.75em 1.1em;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s ease-out 0s;
margin:20px 0 0;
box-shadow: 4px 4px 0 0 rgba(252, 88, 48, 0.5);
}
.tab .puce {
background-color: #fff;
border: 1px solid #003861;
border-radius: 50%;
box-sizing: border-box;
color: #003861;
display: inline-block;
font-size: 48px;
font-weight: 300;
height: 68px;
margin-left: 1px;
padding-top: 14px;
text-align: center;
transition: all 0.3s ease-out 0s;
width: 68px;
}
.btn-drop{
text-align: center;
border-bottom: 1px solid #003861;
padding: 10px 0;
color: #565656;
margin: 0;
}
.btn-none{
background: none;
border: 0;
outline: none;
}
.list{
position: relative;
}
.list:after{
display: block;
clear: both;
content: '';
}
.list .dropdown-menu{
min-width: auto;
width: 100%;
border-radius: 0;
margin: -2px 0 0;
background: #fff;
padding:0;
border: 0;
box-shadow: none;
}
.dropdown .dropdown-menu{
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.list .dropdown-menu .radio{
background: #003962;
margin: 0 0 3px;
padding: 3px 0 6px;
}
.list .dropdown-menu label{
width: 100%;
font-weight: 300;
font-size: 20px;
line-height: 24px;
color: #fff;
padding-left: 14px;
}
.promo{
overflow: hidden;
position: relative;
color: #fff;
font: 22px/25px 'open sans', Arial, sans-serif;
}
.promo .promo-holder{
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 100%;
}
.promo img{
width: 100%;
display: block;
}
.promo .bg-blue{
background: rgba(0, 57, 98, .91);
padding:20px;
}
.promo h3{
font: 700 30px/34px 'open sans', Arial, sans-serif;
margin: 0 0 20px;
text-transform: uppercase;
}
.promo p{
margin: 0 0 20px;
}
.promo i{
font-size: 18px;
line-height: 22px;
}
.full-width{
width: 100%;
}
#footer{
padding: 40px 0;
background: #003962;
overflow: hidden;
font: 16px/24px 'din-light', Arial, sans-serif;
color: #fff;
}
#footer h3{
font: 16px/24px 'din-bold', Arial, sans-serif;
margin: 0;
}
#footer address{
margin: 0;
}
#footer span{
display: block;
}
#footer a{
display: inline-block;
vertical-align: top;
}
#footer a:hover{
color: #fff;
}
#footer ul{
list-style: none;
margin: 0;
padding: 0;
}
/* custom checkbox styles */
.jcf-checkbox {
vertical-align: middle;
display: inline-block;
position: relative;
/*overflow: hidden;
*/ cursor: default;
border: 0;
margin: 0 3px 0 0;
background: url('../images/sprite.png') no-repeat -103px -32px;
width: 25px;
height: 25px;
}
.jcf-checkbox span{
position:absolute;
display:none;
top: 0;
left: 0;
margin: 0;
background: url('../images/sprite.png') no-repeat -103px -2px;
width: 25px;
height: 25px;
border:0;
}
:root .jcf-checkbox span {margin: 0;}
.jcf-checkbox input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.jcf-checkbox.jcf-checked span{display:block;}
/* custom radio styles */
.jcf-radio {
vertical-align: middle;
display: inline-block;
position: relative;
/*overflow: hidden;*/
cursor: pointer;
background: url('../images/sprite.png') no-repeat -65px -34px;
margin: 0 10px 0 0;
height: 22px;
width: 22px;
border: 0;
}
.jcf-radio span{
display:none;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
background: url('../images/sprite.png') no-repeat -65px -4px;
width: 22px;
height: 22px;
border-radius:100%;
}
.jcf-radio input[type="radio"] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.list .dropdown-menu label:hover .jcf-radio span,
.jcf-radio.jcf-checked span {display:block;}
/* common custom form elements styles */
.jcf-disabled {background: #ddd !important;}
.jcf-focus, .jcf-focus * {border-color: #f00 !important;}
#myform {
text-align: center;
padding: 0;
background: #003962;
font: 16px/20px 'open sans', Arial, sans-serif;
position: relative;
}
.qty {
width: 100%;
background: #003962;
border: 0;
text-align: center;
position: relative;
color: #fff;
padding: 7px 0;
}
.btn-minus,
.btn-plus {
position: absolute;
top: 0;
right: 0;
width: auto;
border-radius: 0;
background: #003962;
height: 100%;
color: #fff;
border: 0;
outline: none;
z-index: 1;
padding: 0 9px;
}
.btn-plus{
border-left: 1px solid #fff;
}
.btn-minus {
right: auto;
left: 0;
border-right: 1px solid #fff;
}
.box-holder{
/*overflow: hidden;
*/ font: 300 16px/20px 'open sans', Arial, sans-serif;
color: #505050;
margin: -2px 0 20px;
}
.green{background: #caed8d;}
.blue{background: #a3ccf4;}
.gray{background: #c8c7c6;}
.green .box-top{
background: #95db1b;
padding: 10px 15px;
}
.blue .box-top{
background: #d1e6fa;
padding: 10px 15px;
}
.gray .box-top{
background: #e4e3e3;
padding: 10px 15px;
}
.box-holder h2{
font-size: 24px;
line-height: 28px;
font-weight: 700;
color: #505050;
margin: 0 0 20px;
text-transform: uppercase;
}
.box-holder h3{
font-size: 30px;
line-height: 34px;
color: #fff;
margin: 0 0 5px;
font-weight: 700;
}
.box-holder .box-bottom{
padding: 15px;
}
.box-holder ul{
margin: 0 0 20px;
padding: 0;
list-style: none;
font-weight: 700;
}
.box-holder ul li{
margin: 0 0 5px;
}
.box-holder p{
margin: 0 0 20px;
}
.btn-danger{
background: #f91201;
font-weight: 700;
}
.box-holder strong{
font-weight: 500;
margin: 0 0 20px;
display: block;
}
.inner #main{
margin: 0 0 70px;
}
.inner .form-control{
background: #e5ebef;
border: 0;
border-radius: 0;
height: auto;
line-height: 14px;
}
.inner .form-group{
margin-bottom: 10px;
position: relative;
}
.inner .form-group:after{
content: '';
display: block;
clear: both;
}
.inner .right{
float: right;
}
.inner .form-group label{
font-weight: 300;
letter-spacing: -0.4px;
}
.form-holder{
/*overflow: hidden;*/
margin: 0 0 50px;
}
.inner .two-column{
/*overflow: hidden;*/
color: #505050;
}
.two-column h3{
font-size: 24px;
line-height: 28px;
color: #003962;
margin: 0 0 20px;
font-weight: 700;
}
.inner-box-holder .box-top{
padding: 20px 30px;
}
.inner-box-holder h2{
font-size: 30px;
line-height: 34px;
color: #505050;
margin: 0;
font-weight: 700;
text-transform: uppercase;
}
.inner-box-holder .box-bottom{
padding: 20px 30px;
}
.inner-box-holder .box-top dl,
.inner-box-holder .box-bottom dl{margin: 0;}
.inner-box-holder .box-bottom dt{
text-align: left;
font-weight: 300;
}
.inner-box-holder .box-bottom dd{
font-weight: 700;
}
.inner-box-holder .box-top dt{
text-align: left;
font-weight: 300;
}
.inner-box-holder .box-top dd{
font-size: 24px;
line-height: 28px;
color: #fff;
font-weight: 700;
}
.inner .checkbox{
margin-top: 0;
margin-bottom: 0;
}
.inner .checkbox label{
padding-left:0;
}
.inner .label-link{
color: #505050;
text-decoration: underline;
}
.btn-holder-inner{
position: relative;
}
.btn-prev-inner,
.btn-next-inner {
position: relative;
border: 1px solid #003861;
border-radius: 5px;
box-sizing: border-box;
display: block;
padding: 5px 5px 6px 25px;
color: #505050;
background: #fff;
display: inline-block;
vertical-align: top;
font-size: 30px;
line-height: 36px;
margin: 0 60px 10px 0;
font-weight: 300;
}
.btn-next-inner{
float: right;
}
.btn-prev-inner:before,
.btn-next-inner:before{
content: '';
display: block;
clear: both;
}
.btn-prev-inner{
padding: 5px 25px 6px 5px;
margin: 0 0 0 60px;
}
.btn-prev-inner:hover,
.btn-next-inner:hover{
text-decoration: none;
color: #03538c;
}
.btn-next-inner:after{
content: '';
position: absolute;
top: -2px;
right: -47px;
background: url('../images/sprite.png') no-repeat -2px -1px;
width: 50px;
height: 51px;
}
.btn-prev-inner:after{
content: '';
position: absolute;
top: -2px;
left: -47px;
background: url('../images/sprite.png') no-repeat -2px -65px;
width: 50px;
height: 51px;
}
.inner #myform{
background: #fff;
text-align: left;
}
.inner .qty{
background: #fff;
color: #505050;
}
.inner .btn-minus,
.inner .btn-plus{
background: #e5ebef;
color: #003861;
}
.inner .btn-danger{
float: right;
padding: 7px 30px;
font-size: 30px;
line-height: 33px;
}
.check-form{
min-height: 400px;
}
.checkbox img{
vertical-align: top;
}
.card-holder{
position: relative;
}
.card-holder img{
width: 100%;
}
.pop-0{
padding-left: 0;
padding-right: 0;
}
.last-holder p{
margin: 0 0 50px;
}
.last-holder a{
color: #505050;
}
.btn-end{
position: relative;
border: 1px solid #003861;
border-radius: 5px;
display: block;
padding: 3px 15px 5px;
color: #505050;
background: #fff;
display: inline-block;
vertical-align: top;
font-size: 30px;
line-height: 36px;
margin: 0 60px 10px 0;
font-weight: 300;
}
/*Staplelogic developer added*/
.inner .form-control.sc_infobox_style_error {
color: #d29898;
border: 1px solid #edcece;
background: rgb(255,250,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,250,250,1) 0%, rgba(255,233,233,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,250,1)), color-stop(100%,rgba(255,233,233,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,250,250,1) 0%,rgba(255,233,233,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffafa', endColorstr='#ffe9e9',GradientType=0 ); /* IE6-9 */
}
.sc_form { position:relative; }
.messages-box{ position:absolute; top:-26px; left:0; width:100%; color:#fff; text-align:center;z-index:9; }
.success-messages { background-color:green; }
.error-messages { background-color:red; }
@media only screen and (max-width: 992px){
.btn-holder-inner{
text-align: center;
}
.btn-prev-inner,
.btn-next-inner{
float: none;
width: 88%;
}
.btn-prev-inner{
margin: 0 0 10px 40px;
}
.btn-next-inner{
margin: 0 40px 10px 0;
}
.inner .btn-danger{
float: none;
width: 100%;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 767px){
.btn-holder{
right: 40px;
}
.btn-next{
padding: 7px 5px 8px 20px;
}
.carousel2 .gmask .slideset{
min-height: 400px;
margin: 0 0 20px;
}
.visual{
text-align: center;
}
.visual .heading,
.visual h1{
font-size: 32px;
line-height: 34px;
}
.list .dropdown-menu{
position: relative;
}
.promo img{
left: 50%;
margin: 0 0 0 -600px;
position: relative;
width: 1200px;
}
.tab h2{
font-size:24px;
line-height:27px;
}
.tab-holder .gmask {
position: relative;
/*overflow: hidden;*/
width: 296px;
margin: 0 auto;
float: none;
}
.tab-holder .gmask .slideset {
list-style: none;
width: 99999px;
float: left;
padding: 0;
margin: 0 auto;
}
.tab-holder > .gmask > .slide {
text-align: center;
height: 100% !important;
}
/* vertical carousel */
.carousel2 .gmask .slideset {
width:9999px !important;
float: left;
}
.carousel2 .gmask .slide {
float: left;
width: 296px !important;
margin: 0 auto;
}
.gholder{position:relative;}
.gholder .btn-tab{
position: absolute;
right: 20%;
top: 0;
}
.full-width{width: auto;}
.tab h2{
display: block;
}
.inner .right{
float: none;
width: 100%;
margin: 0 0 30px;
}
}
@media only screen and (max-width: 480px){
.gholder .btn-tab{
right: 0;
}
}
.li-hide {
display: none;
}
.li-show {
display: inline-block;
}
.abg-outer h3 {
color:#024d81;
display: inline-block;
font-size: 24px;
font-weight: 500;
line-height: 33px;
margin: 25px 0 10px;
}
.abg-outer ul li {
color: #565656;
font-size: 15px;
line-height: 24px;
margin-bottom: 15px;
text-align:justify;
}
.abg-outer ul li a{color:#024d81;}
.address-list li {
color: #595959;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.address-list li i {
background-color: #024d81;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 25px;
line-height: 25px;
margin-right: 15px;
text-align: center;
width: 25px;
}
.impressum-outer p { margin-top:30px;
color: #565656;
font-size: 15px;
line-height: 24px;
}
.panel-heading .accordion-toggle:after {
font-family: 'Glyphicons Halflings'; content: " - "; float: right; color: grey;
font-size: 42px;
font-weight: bold;line-height: 5px;}
.panel-heading .accordion-toggle.collapsed:after {content: " + ";font-size: 14px;font-weight: nornal;line-height: 26px;}.custom-acc .panel-heading { padding:0;}.custom-acc .accordion-toggle { display:block; padding:10px 15px;}.custom-acc .accordion-toggle:focus { outline:0 none; text-decoration:none;}.custom-acc .accordion-toggle:hover{ text-decoration:none;}.custom-acc .accordion-toggle{
color: #003861;font-size: 14px;line-height: 26px; }.custom-acc .panel-body { font-size: 14px;} .right-contact p { color: #737373; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: normal; margin-bottom: 40px;
}
.right-contact h2 {
color: #404040;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 600;
margin:0 0 15px 0;
text-transform: uppercase;
}
.right-contact li {
color: #595959;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.right-contact li i {
background-color: #024d81;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 15px;
text-align: center;
width: 25px;
height: 25px;
line-height: 25px;
}
.inner .left-contact input, .inner .left-contact textarea {
border: 1px solid #cbcbcb;
color: #a1a1a1;
font-family: "Open Sans",sans-serif;
font-size: 16px;
padding: 12px 10px;
width: 100%;
background-color:transparent;
line-height: 24px
}
.inner .left-contact textarea{
height:165px;
}
.inner .left-contact .form-group { margin-bottom:15px;}
.inner .left-contact input:focus, .inner .left-contact textarea:focus {
border-color: #024d81;
box-shadow: 10px 0 0 #024d81 inset;
-moz-box-shadow: 10px 0 0 #024d81 inset;
-webkit-box-shadow: 10px 0 0 #024d81 inset;
padding-left: 15px;
resize: none;
}
.form-group.half-left {
width: 48%;
display: inline-block;
}
.left-contact , .right-contact { margin-top:20px;}
.left-contact input[type="submit"] {
background-color:#024d81;
border-color:#024d81;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 22px;
font-weight: 400;
padding: 10px 0;
text-transform: uppercase;
width: 240px;
transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
}
.left-contact input[type="submit"]:hover { background-color:transparent; color:#024d81;}
.margin-right-box { margin-right:3%;}
.google-map-container { margin-top:40px; }
#googlemaps { height:400px; width:100%;}
.inner.contact-out #main{ margin-bottom:0;}
@media only screen and (max-width: 992px){
.margin-right-box { margin-right:2%;}
.left-contact input[type="submit"] {
font-size: 18px;
padding: 7px 0;
width: 200px;
}
.abg-outer h3 {
font-size: 20px;
line-height: 26px;
margin: 20px 0 10px;
}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #003962;
color: #fff;
}
.header-holder .dropdown-menu > li > a {
color: #fff;
}
.header-holder .dropdown-menu > li > a:hover {
color:#505050;
}