@import url("slider.css");
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot');
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'),
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'),
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'),
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot');
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'),
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'),
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'),
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'),
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'),
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'),
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Volkhov';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/volkhov-v9-latin-regular.eot');
  src: local('Volkhov Regular'), local('Volkhov-Regular'),
       url('../fonts/volkhov-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/volkhov-v9-latin-regular.woff2') format('woff2'),
       url('../fonts/volkhov-v9-latin-regular.woff') format('woff'),
       url('../fonts/volkhov-v9-latin-regular.ttf') format('truetype'),
       url('../fonts/volkhov-v9-latin-regular.svg#Volkhov') format('svg');
}

video-title a{
	color:#fff;
}
html { overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: scrollbar; } body { background: #fff; font: 400 14px/1.8 "Open Sans", sans-serif; color: #666; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; } iframe { border: 0; } .align-center { text-align: center; } .align-left { text-align: left !important; } .position-relative { position: relative; } .leftauto { right: 0 !important; left: auto !important; } ::-moz-selection { background:#000; color: #fff; } ::-webkit-selection{ background:#000; color: #fff; } ::selection{ background:#000; color: #fff; } .form-control, .navbar-custom { -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } a, .btn, .navbar a { -webkit-transition: all 0.125s ease-in-out 0s; -moz-transition: all 0.125s ease-in-out 0s; -ms-transition: all 0.125s ease-in-out 0s; -o-transition: all 0.125s ease-in-out 0s; transition: all 0.125s ease-in-out 0s; } .navbar-brand { width:153px; margin-top:4px; background-image:url("../images/aerotaxi.png"); background-repeat:no-repeat; background-position: right top; } .navbar a { padding-top:20px; padding-left:10px; } .client-logo, .gallery-caption, .gallery-image:after, .gallery-image img, .price-table, .team-detail, .team-image:after, .work-caption, .work-image > img, .work-image:after, .post-thumbnail, .post-video, .post-images-slider { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn, .well, .panel, .progress, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .well, .label, .alert, .progress, .form-control, .modal-content, .panel-heading, .panel-group .panel, .nav-tabs > li > a, .nav-pills > li > a { -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .form-control { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; height: 33px; border: 1px solid #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .form-control:focus { border-color: #CACACA; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 43px; font-size: 13px; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 29px; font-size: 10px; } .btn { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 8px 37px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; } .btn.btn-round { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn.btn-circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn.btn-w { background: rgba(255, 255, 255, .8); color: #111; } .btn.btn-w:hover, .btn.btn-w:focus { background: rgba(255, 255, 255, 1); color: #111; } .btn.btn-g { background: #e5e5e5; color: #111; } .btn.btn-g:hover, .btn.btn-g:focus { background: #d8d8d8; color: #111; } .btn.btn-border-w { background: transparent; border: 1px solid rgba(255, 255, 255, .75); color: #fff; } .btn.btn-border-w:hover, .btn.btn-border-w:focus { background: #fff; border-color: transparent; color: #111; } .btn.btn-d { background: rgba(17, 17, 17, .8); color: #fff; } .btn.btn-d:hover, .btn.btn-d:focus { background: rgba(17, 17, 17, 1); } .btn.btn-b { background: rgba(17, 17, 17, 1); color: #fff; } .btn.btn-b:hover, .btn.btn-b:focus { background: rgba(17, 17, 17, .8); } .btn-border-d { background: transparent; border: 1px solid rgba(17, 17, 17, 1); color: #111; } .btn.btn-border-d:hover, .btn.btn-border-d:focus { background: rgba(17, 17, 17, 1); color: #fff; } .btn.btn-lg { padding: 12px 45px; font-size: 13px; } .btn.btn-sm { padding: 6px 25px; font-size: 10px; letter-spacing: 1px; } .btn.btn-xs { padding: 4px 19px; font-size: 10px; letter-spacing: 0; } .progress { overflow: visible; height: 4px; } .progress-bar { position: relative; } .progress-bar.pb-dark { background: #111; } .progress-bar span { position: absolute; display: block; right: -0px; top: -24px; opacity: 0; line-height: 12px; font-size: 12px; color: #111; padding: 4px 0px; } .progress-bar span:after { display: inline-block; content: "%"; } .tab-content { padding: 20px 0; } .panel-title { font-size: 14px; } .panel-heading a { position: relative; display: block; } .panel-heading a:after { position: absolute; content: "\f106"; top: 50%; right: 0px; font-family: "FontAwesome"; line-height: 1; font-size: 14px; margin-top: -7px; } .panel-heading a.collapsed:after { content: "\f107"; } .btn-list .btn { margin: 5px 0; } .examples { border-radius: 2px; padding: 7px 5px; margin: 0 0 40px; } .examples.bg-dark { background: #333; border: 0; } .et-icons .box1 { border: 1px solid #e5e5e5; display: block; width: 25%; float: left; padding: 0; font-size: 13px; margin: -1px 0 0 -1px; } .et-icons .box1 > span { display: inline-block; border-right: 1px solid #e5e5e5; min-width: 60px; min-height: 60px; text-align: center; line-height: 60px; font-size: 28px; margin-right: 5px; } .fa-icons > div { padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } .fa-icons > div > i { display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px; } .help-block ul { list-style: none; padding: 0; margin: 0; } .bg-dark, .bg-dark-30, .bg-dark-60, .bg-dark-90, .bg-dark .module-title, .bg-dark-30 .module-title, .bg-dark-60 .module-title, .bg-dark-90 .module-title, .bg-dark .module-subtitle, .bg-dark-30 .module-subtitle, .bg-dark-60 .module-subtitle, .bg-dark-90 .module-subtitle, .bg-dark .alt-module-subtitle h5, .bg-dark-30 .alt-module-subtitle h5, .bg-dark-60 .alt-module-subtitle h5, .bg-dark-90 .alt-module-subtitle h5 { color: #fff; } .bg-dark { background: #111; } .bg-dark-30:before { position: absolute; background: rgba(34,34,34,0); content: " "; height: 100%; width: 100%; left: 0; top: 0; } .bg-dark-60:before { position: absolute; background: rgba(34,34,34, .6); content: " "; height: 100%; width: 100%; left: 0; top: 0; } .bg-dark-90:before { position: absolute; background: rgba(34,34,34, .9); content: " "; height: 100%; width: 100%; left: 0; top: 0; } .bg-gradient:before { position: absolute; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(0,0,0,0.95)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.95) 95%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); content: " "; height: 100%; width: 100%; left: 0; top: 0; } .bg-light { background: #f6f6f6; } .page-loader { position: fixed; background: #000; bottom: 0; right: 0; left: 0; top: 0; z-index: 9998; } .loader { position: absolute; border-left: 2px solid #ffffff; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); height: 46px; width: 46px; left: 50%; top: 50%; margin: -23px 0 0 -23px; text-indent: -9999em; font-size: 10px; z-index: 9999; -webkit-animation: load 0.8s infinite linear; -moz-animation: load 0.8s infinite linear; ms-animation: load 0.8s infinite linear; o-animation: load 0.8s infinite linear; animation: load 0.8s infinite linear; } .loader, .loader:after { border-radius: 50%; width: 46px; height: 46px; } @-webkit-keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } a { color: #111; } a:hover, a:focus { text-decoration: none; color: #aaa; outline: 0; } .bg-dark a { color: #aaa; } .bg-dark a:hover, .bg-dark a:focus { color: #fff; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: 400; } p, ol, ul, blockquote { margin: 0 0 20px; } blockquote { border: 0; font-style: italic; font-size: 15px; padding: 0; } .font-alt { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 2px; } .font-serif { font-family: Volkhov, "Times New Roman", sans-serif; font-style: italic; } .large-text { font-size: 24px !important; } .rotate { text-shadow: none !important; } .navbar-custom { background-color: rgba(10, 10, 10, .9); border: 0; border-radius: 0; z-index: 1000; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; } .navbar-custom .dropdown-menu { background: rgba(26, 26, 26, .9); border-radius: 0; border: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-custom .navbar-brand { letter-spacing: 4px; font-weight: 400; font-size: 20px; color: #fff; } .navbar-custom .nav li > a { position: relative; color: rgba(255, 255, 255, .7); } .navbar-custom .dropdown-menu > li > a { border-bottom: 1px solid rgba(73, 71, 71, 0.3) !important; padding: 11px 15px; letter-spacing: 2px; font-size: 11px; color: #999; } .navbar-custom .dropdown-menu .dropdown-menu { border-left: 1px solid rgba(73, 71, 71, 0.3); left: 100%; right: auto; top: 0; margin-top: 0; } .navbar-custom .dropdown-menu.left-side .dropdown-menu { border: 0; border-right: 1px solid rgba(73, 71, 71, 0.3); right: 100%; left: auto; } .navbar-custom .nav > li > a:focus, .navbar-custom .nav > li > a:hover, .navbar-custom .nav .open > a, .navbar-custom .nav .open > a:focus, .navbar-custom .nav .open > a:hover, .navbar-custom .dropdown-menu > li > a:focus, .navbar-custom .dropdown-menu > li > a:hover { background: none; color: #fff; } .navbar-custom .dropdown-menu > li > a:hover { background: rgba(255, 255, 255, .1) !important; } .navbar-custom .dropdown-toggle:after { position: absolute; display: block; right: 0; top: 50%; margin-top: -6px; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; content: "\f107"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .navbar-custom .navbar-toggle .icon-bar { background: #fff; } .dropdown-search { position: relative; padding: 5px; } .dropdown-search .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } .search-btn { position: absolute; background: transparent; border: none; overflow: hidden; top: 50%; right: 1px; width: 42px; height: 40px; line-height: 38px; font-size: 14px; outline: none; color: #999; margin-top: -20px; } .home-section { position: relative; background-color: #fff; background-repeat: no-repeat; background-position: center center; width: 100%; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hs-title-size-1 { letter-spacing: 4px; font-size: 15px; } .hs-title-size-2 { line-height: 1.3; letter-spacing: 3px; font-size: 18px; opacity: .8; } .hs-title-size-3 { letter-spacing: 10px; font-size: 36px; } .hs-title-size-4 { letter-spacing: 24px; font-weight: 400; font-size: 48px; } .video-controls-box { position: absolute !important; bottom: 40px; left: 0; width: 100%; z-index: 1; } .video-controls-box a { display: inline-block; color: #fff; margin: 0 5px 0 0; } .navbar-custom + .main { margin-top: 50px; } .main { position: relative; background-color: #fff; z-index: 1; } .module, .module-small { position: relative; padding: 70px 0; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .module-small { padding: 70px 0; } .img-large { padding: 220px 0 220px 0; } .module-title { position: relative; letter-spacing: 4px; text-align: center; font-weight: 400; font-size: 30px; color: #111; margin: 0 0 50px; } .module-subtitle { text-align: center; font-size: 16px; color: #111; margin-bottom: 70px; } .module-icon { text-align: center; font-size: 32px; margin-bottom: 20px; } .module-title + .module-subtitle { margin-top: -35px; } .alt-module-subtitle { display: table; } .alt-module-subtitle h5 { display: table-cell; white-space: pre; padding: 0 8px; color: #111; } .holder-w { position: relative; display: table-cell; vertical-align: middle; height: 1px; width: 50%; } .holder-w:before { border-top: 1px solid #eaeaea; position: relative; display: block; content: ""; top: 1px; height: 1px; width: 100%; } .divider-w { border-top: 1px solid #eaeaea; margin: 0; } .divider-d { border-top: 1px solid #202020; margin: 0; } .side-image { position: absolute; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .side-image-text { background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 140px 60px 140px; } .footer { padding: 10px 0; } .copyright { margin: 0; } .footer-social-links { text-align: right; } .footer-social-links a { display: inline-block; padding: 0 6px; } .ajax-response { text-align: center; } #map-section { position: relative; height: 450px; width: 100%; } #map { height: 100%; width: 100%; } #map img { max-width: none; } .features-item { margin: 20px 0; text-align: center; } .features-icon, .alt-features-icon { line-height: 1.2; font-size: 42px; color: #111; } .features-title, .alt-features-title { text-transform: uppercase; letter-spacing: 2px; font-weight: 400; font-size: 14px; color: #111; margin: 16px 0 15px; } .alt-features-item { position: relative; padding-left: 55px; margin: 65px 0 0 0; } .alt-features-icon { position: absolute; height: 40px; width: 40px; left: 0; top: 0; text-align: center; line-height: 40px; font-size: 28px; } .alt-features-title { font-size: 13px; margin: 0 0 10px; } .content-box { margin: 20px 0; text-align: center; } .content-box-title { font-weight: 400; font-size: 18px; color: #111; margin: 16px 0 15px; } .menu { border-bottom: 1px dotted #e5e5e5; padding: 0 0 10px; margin: 0 0 20px; } .menu-title, .menu-price { margin: 0 0 10px; font-size: 14px; color: #111; } .menu-price-detail { position: relative; text-align: right; } .team-item { position: relative; text-align: center; } .team-image { position: relative; overflow: hidden; } .team-image img { width: 100%; } .team-image:after { position: absolute; background: transparent; content: " "; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; } .team-detail { position: absolute; width: 100%; opacity: 0; bottom: 100%; left: 0; z-index: 2; text-align: center; font-size: 12px; color: #aaa; padding: 20px; } .team-detail h5 { font-size: 16px; } .team-detail p { font-size: 14px; } .team-social a { display: inline-block; color: #aaa; padding: 5px 6px; } .team-social a:hover { color: #FFF; } .team-descr { margin: 20px 0 0; } .team-name { font-size: 14px; color: #111; } .team-role { font-size: 11px; color: #aaa; } .team-item:hover .team-image:after { background: rgba(0, 0, 0, .6); } .team-item:hover .team-detail { opacity: 1; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); } .price-table { background: #fff; border: 1px solid #eaeaea; padding: 25px 20px; margin: 15px 0 30px; border-radius: 2px; text-align: center; } .price-table:hover { border-color: #CACACA; } .price-table.best { margin: 0 0 30px; } .price-table .small { margin: 0; } .borderline { position: relative; background: #eaeaea; display: block; height: 1px; width: 100%; margin: 20px 0 15px; } .borderline:before { position: absolute; background: #eaeaea; content: ""; bottom: -7px; left: 50%; height: 14px; width: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin-left: -7px; } .borderline:after { position: absolute; background: #fff; content: ""; bottom: -5px; left: 50%; height: 16px; width: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin-left: -8px; } .price-table h4 { color: #111; margin: 0; } .price-table p.price { font-size: 60px; color: #111; padding: 0; margin: 0 0 0 -10px; } .price-table p.price span { display: inline-block; vertical-align: top; font-size: 16px; padding-top: 25px; } .price-details { list-style: none; padding: 0; margin: 0 0 23px; } .price-details li { padding: 7px 0; } .price-details li > span { text-decoration: line-through; color: #aaa; } .count-item { text-align: center; } .count-icon { line-height: 1.2; font-size: 42px; } .video-box { text-align: center; padding: 40px 0; } .video-box-icon > a > i, .video-box-icon > a > span { line-height: 1.8; font-size: 40px; color: #fff; } .video-title { letter-spacing: 4px; font-size: 30px; margin: 10px 0 0; } .video-subtitle { color: rgba(255, 255, 255, .5); } .filter { text-align: center; list-style: none; padding: 0; margin: 0 0 70px; } .filter > li { display: inline-block; padding: 0 0 10px; margin: 0 25px; } .works-grid { list-style: none; padding: 0; margin: 0; } .works-grid.works-grid-gut { margin: 0 0 0 -10px; } .works-grid.works-grid-gut .work-item { padding: 0 0 10px 10px; } .work-item { width: 50%; float: left; margin: 0; } .works-grid-3 .work-item { width: 33.3333%; } .container .works-grid-3 .work-item { width: 33.2%; } .works-grid-4 .work-item { width: 25%; } .works-grid-5 .work-item { width: 20%; } .work-item > a { position: relative; display: block; overflow: hidden; } .work-image { position: relative; overflow: hidden; } .work-image img { display: block; overflow: hidden; width: 100%; } .work-image:after { position: absolute; display: block; content: ""; height: 100%; width: 100%; top: 0; left: 0; } .work-caption { width: 100%; padding: 0 20px; opacity: 0; position: absolute; bottom: 100%; left: 0; text-align: center; overflow: hidden; } .work-title { font-size: 14px; color: #fff; margin: 0 0 6px; } .work-descr { color: #aaa; } .work-item:hover .work-image:after { background: rgba(0, 0, 0, .6); } .work-item:hover .work-image > img { -webkit-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .work-item:hover .work-caption { bottom: 50%; opacity: 1; z-index: 3; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); } .works-grid.works-hover-w .work-title { color: #111; } .works-grid.works-hover-w .work-item:hover .work-image:after { background: rgba(255, 255, 255, .8); } .works-grid.works-hover-g .work-image:after { opacity: 0; } .works-grid.works-hover-g .work-descr { color: #fff; } .works-grid.works-hover-g .work-item:hover .work-image:after { background: rgb(111,226,158); background: -moz-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%, rgba(91,218,209,0.8) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(111,226,158,0.8)), color-stop(100%,rgba(91,218,209,0.8))); background: -webkit-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); background: -o-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); background: -ms-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); background: linear-gradient(135deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 ); opacity: 1; } .work-details { margin: 0 0 20px; } .work-details-title { color: #111; margin: 0 0 20px; } .work-details ul { list-style: none; padding: 0; margin: 0; } .work-details ul > li { border-bottom: 1px dotted #c2c2c2; padding: 0 0 5px; margin: 0 0 5px; } .callout-text { color: rgba(255, 255, 255, 0.6); } .callout-title { font-weight: 400; font-size: 16px; color: #fff; margin: 0; } .callout-btn-box { text-align: right; padding-top: 4px; } .testimonials-slider { position: relative; } .testimonial-text { text-align: center; font-style: normal; font-size: 18px; } .testimonial-caption { text-align: center; padding: 10px 0 0; } .testimonial-title { font-size: 14px; } .testimonial-descr { color: rgba(255, 255, 255, .5); font-size: 11px; } .gallery-item { position: relative; text-align: center; margin: 0 0 20px; } .gallery-image { position: relative; overflow: hidden; } .gallery-image img { display: block; overflow: hidden; width: 100%; } .gallery-image:after { position: absolute; background: transparent; content: " "; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; } .gallery-caption { position: absolute; width: 100%; opacity: 0; bottom: 100%; left: 0; z-index: 2; text-align: center; font-size: 28px; color: #fff; padding: 20px; } .gallery-icon { background: rgba(255,255,255,0.2); border-radius: 50%; height: 50px; width: 50px; font-size: 24px; margin: 0 auto; } .gallery-icon i, .gallery-icon span { line-height: 50px; } .gallery-item:hover .gallery-image:after { background: rgba(0, 0, 0, .6); } .gallery-item:hover .gallery-caption { opacity: 1; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); } .post { margin: 0 0 80px; } .post-title { line-height: 1.4; font-size: 22px; color: #111; margin: 0; } .post-header { margin: 0 0 15px; } .post-meta { font-size: 11px; color: #aaa; } .post-entry { border-top: 1px dotted #c2c2c2; padding-top: 20px; margin-top: 10px; } .post-images-slider { position: relative; } .post-images-slider .flex-control-nav { bottom: 0; } .post-thumbnail, .post-images-slider, .post-video { margin: 0 0 20px; } .post-quote { background: #f5f5f5; text-align: center; padding: 20px; } .post-columns .post { margin: 0 0 60px; } .post-columns .post-header { margin: 0 0 10px; } .post-columns .post-title { line-height: 1.8; font-size: 14px; } .post-columns .post-entry { padding: 10px 0 0; margin: 0 0 10px; } .post-columns .post-entry p:last-child { margin: 0; } .more-link:after { content: "\00BB"; color: #666666; padding-left: 5px; } .pagination a { border: 1px solid #eaeaea; display: inline-block; text-transform: uppercase; text-align: center; color: #999; padding: 4px 12px; } .pagination a.active { border-color: #CACACA; } .sidebar .widget { margin-bottom: 60px; } .sidebar .widget-title { color: #111; } .widget .widget-title { border-bottom: 1px dotted #c2c2c2; font-size: 14px; padding: 0 0 10px; margin: 0 0 15px; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget .icon-list li { padding: 5px 0; } .widget .icon-list li a:before { content: "\00BB"; color: #666666; padding-right: 5px; } .widget-posts li { margin: 0 0 15px; } .widget-posts li:last-child { margin: 0; } .widget-posts-image { float: left; width: 64px; } .widget-posts-body { margin-left: 74px; } .search-box { position: relative; } .tags a { background: #111; display: inline-block; font-size: 10px; color: #fff; padding: 4px 10px 4px 12px; margin: 0 0 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .tags a:hover { background: rgba(17, 17, 17, .8); } .comments, .comment-form { margin: 80px 0 0; } .comments .comment-title, .comment-form .comment-form-title { border-bottom: 1px dotted #c2c2c2; font-size: 16px; color: #111; padding-bottom: 15px; margin: 0 0 20px; } .comment-author { font-size: 14px; margin: 0 0 10px; } .comment-avatar { width: 55px; float: left; margin-top: 10px; } .comment-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-content { padding-top: 5px; margin-left: 75px; margin-bottom: 30px; } .client-logo { opacity: .5; } .client-logo:hover { opacity: 1; } .scroll-up { position: fixed; display: none; bottom: 7px; right: 7px; z-index: 999; } .scroll-up a { background: #fff; display: block; height: 28px; width: 28px; text-align: center; line-height: 28px; font-size: 14px; color: #000; opacity: 0.6; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .scroll-up a:hover, .scroll-up a:active { opacity: 1; color: #000; } @media (min-width: 768px) { .navbar-transparent { background: transparent; padding-bottom: 15px; padding-top: 15px; } .navbar-custom .dropdown-menu { position: absolute; display: block; visibility: hidden; opacity: 0; } .navbar-custom .open > .dropdown-menu { visibility: visible; opacity: 1; } .navbar-custom .dropdown-menu .dropdown-toggle:after { position: absolute; display: block; right: 9px; top: 50%; margin-top: -6px; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; content: "\f105"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .navbar-right .dropdown-menu { right: auto; left: 0; } .comment .comment { margin-left: 75px; } } @media (max-width: 1200px) { .alt-features-item { margin: 20px 0 0; } } @media (max-width: 991px) { .hs-title-size-3 { letter-spacing: 8px; font-size: 36px; } .hs-title-size-4 { letter-spacing: 12px; font-size: 38px; } .work-item, .works-grid-3 .work-item, .container .works-grid-3 .work-item, .works-grid-4 .work-item, .works-grid-5 .work-item { width: 50%; } .side-image { position: relative; height: 300px; } } @media (max-width: 767px) { .navbar-custom .navbar-nav { margin-top: 1px; margin-bottom: 0; } .navbar-custom li a:hover { background: rgba(255, 255, 255, .1) !important; } .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-custom .navbar-nav .open .dropdown-menu > li > a { padding: 10px 25px; } .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-header, .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a { padding: 10px 35px; } .navbar-custom li a, .navbar-custom .dropdown-search { border-bottom: 1px solid rgba(73, 71, 71, 0.3) !important; } .navbar-custom .dropdown-toggle:after, .navbar-custom .dropdown-menu .dropdown-toggle:after { right: 7px; content: "\f107"; } .navbar-custom .nav > .open >.dropdown-toggle:after, .navbar-custom .dropdown-menu .dropdown.open .dropdown-toggle:after { right: 7px; content: "\f106"; } .hs-title-size-1 { letter-spacing: 2px; font-size: 14px; } .hs-title-size-2 { line-height: 1.3; letter-spacing: 2px; font-size: 16px; opacity: .8; } .hs-title-size-3 { letter-spacing: 4px; font-size: 26px; } .hs-title-size-4 { letter-spacing: 6px; font-size: 28px; } .features-item { margin: 0 0 30px; } .alt-features-item { padding-left: 0; margin: 0 0 30px; text-align: center; } .alt-features-icon { position: static; width: auto; margin: 0 auto 8px; } .callout-text { margin: 0 0 30px; } .callout-text, .callout-btn-box { text-align: center; } .sidebar { margin-top: 50px; } .widget { margin-bottom: 60px; } .post.mb-0 { margin-bottom: 40px !important; } .footer { text-align: center; } .copyright, .footer-social-links { text-align: center; margin: 10px 0; } .side-image-text { padding-left: 15px; padding-right: 15px; } .menu-title, .menu-detail, .menu-price-detail { text-align: center; } .scroll-up { display: none !important; } } @media only screen and (max-width: 480px) { .work-item, .works-grid-3 .work-item, .works-grid-4 .work-item, .works-grid-5 .work-item { width: 100%; } } .multi-columns-row .first-in-row { clear: left; } .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 768px) { .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; } .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; } } .p-0 {padding: 0!important} .pt-0 {padding-top:0!important} .pt-10 {padding-top:10px!important} .pt-20 {padding-top:20px!important} .pt-30 {padding-top:30px!important} .pt-40 {padding-top:40px!important} .pt-50 {padding-top:50px!important} .pt-140 {padding-top:140px!important} .pb-0 {padding-bottom:0!important} .pb-10 {padding-bottom:10px!important} .pb-20 {padding-bottom:20px!important} .pb-30 {padding-bottom:30px!important} .pb-40 {padding-bottom:40px!important} .pb-50 {padding-bottom:50px!important} .pb-140 {padding-bottom:140px!important} .m-0 {margin:0 !important} .mt-0 {margin-top:0 !important} .mt-10 {margin-top:10px !important} .mt-20 {margin-top:20px !important} .mt-30 {margin-top:30px !important} .mt-40 {margin-top:40px !important} .mt-50 {margin-top:50px !important} .mt-60 {margin-top:60px !important} .mt-70 {margin-top:70px !important} .mt-80 {margin-top:80px !important} .mb-0 {margin-bottom:0!important} .mb-10 {margin-bottom:10px !important} .mb-20 {margin-bottom:20px !important} .mb-30 {margin-bottom:30px !important} .mb-40 {margin-bottom:40px !important} .mb-50 {margin-bottom:50px !important} .mb-60 {margin-bottom:60px !important} .mb-70 {margin-bottom:70px !important} .mb-80 {margin-bottom:80px !important} @media only screen and (max-width:991px) { .mt-sm-0 {margin-top:0!important} .mt-sm-10 {margin-top:10px !important} .mt-sm-20 {margin-top:20px !important} .mt-sm-30 {margin-top:30px !important} .mt-sm-40 {margin-top:40px !important} .mt-sm-50 {margin-top:50px !important} .mt-sm-60 {margin-top:60px !important} .mt-sm-70 {margin-top:70px !important} .mt-sm-80 {margin-top:80px !important} .mb-sm-0 {margin-bottom:0!important} .mb-sm-10 {margin-bottom:10px !important} .mb-sm-20 {margin-bottom:20px !important} .mb-sm-30 {margin-bottom:30px !important} .mb-sm-40 {margin-bottom:40px !important} .mb-sm-50 {margin-bottom:50px !important} .mb-sm-60 {margin-bottom:60px !important} .mb-sm-70 {margin-bottom:70px !important} .mb-sm-80 {margin-bottom:80px !important} } @media only screen and (max-width:767px) { .mt-xs-0 {margin-top:0!important} .mt-xs-10 {margin-top:10px !important} .mt-xs-20 {margin-top:20px !important} .mt-xs-30 {margin-top:30px !important} .mt-xs-40 {margin-top:40px !important} .mt-xs-50 {margin-top:50px !important} .mt-xs-60 {margin-top:60px !important} .mt-xs-70 {margin-top:70px !important} .mt-xs-80 {margin-top:80px !important} .mb-xs-0 {margin-bottom:0!important} .mb-xs-10 {margin-bottom:10px !important} .mb-xs-20 {margin-bottom:20px !important} .mb-xs-30 {margin-bottom:30px !important} .mb-xs-40 {margin-bottom:40px !important} .mb-xs-50 {margin-bottom:50px !important} .mb-xs-60 {margin-bottom:60px !important} .mb-xs-70 {margin-bottom:70px !important} .mb-xs-80 {margin-bottom:80px !important} } #javascript-erkennung { padding:100px; color:red; text-align:center; } #startplatz { list-style-type:none; padding-left:0; } #startplatz li a{ text-decoration:underline; } .m-30 { margin-top:30px; } .m-50 { margin-top:50px; } input.errordesignfields, textarea.errordesignfields{ background-color:#FF0000; color:#FFFFFF; } #erroragb { width:300px; padding:5px; background:#ff0000; color:#fff; }