body {
color: #434a54;
}
.top-bar {
background-color: #000;
height: 40px;
position: fixed;
top: 0;
width: 100%;
z-index: 10039;
}
.navbar-custom .navbar-header {
min-height: 75px;
}
.overlay > h1 {
color: #fff;
font-weight: 700;
margin-top: 140px;
text-align: center;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
font-size: 60px;
}
.carousel {
height: 650px;
margin-bottom: 15px;
margin-top: 40px;
}
.overlay {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 650px;
position: absolute;
width: 100%;
z-index: 3;
}
.carousel-control {
top: 85%;
z-index: 4;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #bbb;
height: 650px;
overflow: visible;
z-index: 2;
}
.carousel img {
height: 450px;
left: 0;
min-width: 100%;
position: absolute;
top: 0;
}
.carousel-fade > .carousel-inner > .item {
}
.carousel-fade > .carousel-inner > item.next, .prev, .active.left, .active.right {
left: 0;
transform: translate3d(0px, 0px, 0px);
}
#searchForm {
bottom: 10%;
margin-bottom: 26px;
position: absolute;
z-index: 4;
}
@media (max-width: 768px) {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
max-width: inherit;
}
.carousel {
height: 530px;
}
.overlay {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
height: 530px;
position: absolute;
width: 100%;
z-index: 3;
}
.carousel .item {
background-color: #bbb;
height: 530px;
overflow: visible;
z-index: 2;
}
.navbar-nav > li > a {
font-size: 12px;
}
.top-bar {
background-color: #434a54;
height: 40px;
position: fixed;
top: 0;
width: 100%;
z-index: 1037;
}
.header-top-first {
padding-left: 0 !important;
}
.header-top-first .list-inline {
font-size: 11px;
}
.carousel-caption p {
font-size: 21px;
line-height: 1.4;
margin-bottom: 20px;
}
.list {
margin: 0 !important;
}
.overlay > h1 {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.navbar-brand > img {
width: 130px;
}
.navbar-nav > li > a {
font-size: 12px;
}
}
@media (max-width: 321px) {
.navbar-custom .nav li a {
color: #434a54;
display: block;
font-size: 13px;
line-height: 13px;
text-align: center;
}
.navbar-nav > li > a {
font-size: 12px;
}
}
.carousel-control {
color: #fff;
}
.copyright {
background: #434a54 none repeat scroll 0 0;
border-bottom-color: #43240F;
color: #aab2bd;
height: auto;
padding-bottom: 5px;
padding-top: 5px;
}
.copyright p {
font-size: 13px;
line-height: 50px;
margin: 0 auto !important;
}
.footer_teasers_wrapper {
background: #434a54 none repeat scroll 0 0;
border-bottom: 1px solid #43240F;
color: #fff;
padding-bottom: 5px;
}
.socials {
padding-top: 10px;
}
.btn-social {
overflow: hidden;
padding-left: 44px;
position: relative;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn-social *:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.2);
bottom: 0;
font-size: 1.6em;
left: 0;
line-height: 34px;
position: absolute;
text-align: center;
top: 0;
width: 32px;
}
.btn-social.btn-lg {
padding-left: 61px;
}
.btn-social.btn-lg *:first-child {
font-size: 1.8em;
line-height: 45px;
width: 45px;
}
.btn-social.btn-sm {
padding-left: 38px;
}
.btn-social.btn-sm *:first-child {
font-size: 1.4em;
line-height: 28px;
width: 28px;
}
.btn-social.btn-xs {
padding-left: 30px;
}
.btn-social.btn-xs *:first-child {
font-size: 1.2em;
line-height: 20px;
width: 20px;
}
.btn-social-icon {
border-radius: 3px;
height: 30px;
margin-right: 5px;
overflow: hidden;
position: relative;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 30px;
}
.btn-social-icon *:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.2);
bottom: 0;
font-size: 1.2em;
left: 0;
line-height: 30px;
position: absolute;
text-align: center;
top: 0;
width: 30px;
}
.btn-social-icon.btn-lg {
padding-left: 61px;
}
.btn-social-icon.btn-lg *:first-child {
font-size: 1.8em;
line-height: 45px;
width: 45px;
}
.btn-social-icon.btn-sm {
padding-left: 38px;
}
.btn-social-icon.btn-sm *:first-child {
font-size: 1.4em;
line-height: 28px;
width: 28px;
}
.btn-social-icon.btn-xs {
padding-left: 30px;
}
.btn-social-icon.btn-xs *:first-child {
font-size: 1.2em;
line-height: 20px;
width: 20px;
}
.btn-social-icon *:first-child {
border: medium none;
text-align: center;
width: 100% !important;
}
.btn-social-icon.btn-lg {
height: 45px;
padding-left: 0;
padding-right: 0;
width: 45px;
}
.btn-social-icon.btn-sm {
height: 30px;
padding-left: 0;
padding-right: 0;
width: 30px;
}
.btn-social-icon.btn-xs {
height: 22px;
padding-left: 0;
padding-right: 0;
width: 22px;
}
.btn-bitbucket {
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
background-color: #183c60;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket {
background-image: none;
}
.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket.active[disabled], fieldset[disabled] .btn-bitbucket.active {
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox {
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
background-color: #0d70b7;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox {
background-image: none;
}
.btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox.active[disabled], fieldset[disabled] .btn-dropbox.active {
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
background-color: #30487b;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
background-image: none;
}
.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook.active[disabled], fieldset[disabled] .btn-facebook.active {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr {
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
background-color: #d6006f;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr {
background-image: none;
}
.btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr.active[disabled], fieldset[disabled] .btn-flickr.active {
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github {
background-color: #444;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
background-color: #303030;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github {
background-image: none;
}
.btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github.active[disabled], fieldset[disabled] .btn-github.active {
background-color: #444;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google-plus {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
background-color: #ca3523;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
background-image: none;
}
.btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus.active[disabled], fieldset[disabled] .btn-google-plus.active {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram {
background-color: #517fa4;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
background-color: #446a89;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram {
background-image: none;
}
.btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram.active[disabled], fieldset[disabled] .btn-instagram.active {
background-color: #517fa4;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin {
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
background-color: #005f8d;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
background-image: none;
}
.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin.active[disabled], fieldset[disabled] .btn-linkedin.active {
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest {
background-color: #cb2027;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest {
background-color: #a81a20;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-pinterest:active, .btn-pinterest.active, .open .dropdown-toggle.btn-pinterest {
background-image: none;
}
.btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest.active[disabled], fieldset[disabled] .btn-pinterest.active {
background-color: #cb2027;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr {
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
background-color: #1f3346;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr {
background-image: none;
}
.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr.active[disabled], fieldset[disabled] .btn-tumblr.active {
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter {
background-color: #2ba9e1;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
background-color: #1c92c7;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
background-image: none;
}
.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter.active[disabled], fieldset[disabled] .btn-twitter.active {
background-color: #2ba9e1;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk {
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
background-color: #4a6a89;
border-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
.btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk {
background-image: none;
}
.btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk.active[disabled], fieldset[disabled] .btn-vk.active {
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
.top-user-area {
font-size: 12px;
position: relative;
}
.top-user-area > ul > li {
line-height: 40px;
}
.top-user-area .top-user-area-list {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 992px) {
.top-user-area .top-user-area-list {
margin-top: 0;
position: relative;
}
}
.top-user-area .top-user-area-list > li {
border: medium none !important;
position: relative;
}
.top-user-area .top-user-area-list > li::after {
background: rgba(255, 255, 255, 0.13) none repeat scroll 0 0;
content: "";
height: 40%;
position: absolute;
right: 0;
top: 30%;
width: 1px;
}
.top-user-area .top-user-area-list > li:last-child::after {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.top-user-area .top-user-area-list > li > a {
color: #f2f2f2;
font-size: 15px;
font-weight: 600;
}
.top-user-area .top-user-area-list > li > a:hover {
color: #f6bb42;
}
.collapse.in > .nav.navbar-nav.navbar-right > li > a {
line-height: 15px;
font-size: 14px;
}
.top-user-area .top-user-area-list > li.top-user-area-avatar {
font-weight: 400;
}
.top-user-area .top-user-area-list > li.top-user-area-avatar > a > img {
border: 2px solid rgba(0, 0, 0, 0.1);
height: 44px;
margin-right: 5px;
transition: all 0.3s ease 0s;
width: 44px;
}
.top-user-area .top-user-area-list > li.top-user-area-avatar > a:hover > img {
border: 2px solid #ed8323;
}
.top-user-area .top-user-area-list > li.top-user-area-lang > a > img {
height: 16px;
margin-right: 3px;
margin-top: -2px;
opacity: 0.8;
transition: all 0.3s ease 0s;
width: 16px;
}
.top-user-area .top-user-area-list > li.top-user-area-lang > a:hover > img {
filter: none;
opacity: 1;
}
.top-user-area .top-user-area-list > li.top-user-area-lang .nav-drop-menu li a {
line-height: 20px;
}
.top-user-area .top-user-area-list > li.top-user-area-lang .nav-drop-menu li a img {
height: 20px;
width: 20px;
}
div.nav-drop {
display: inline-block;
}
.nav-drop {
padding-right: 23px !important;
position: relative;
}
.nav-drop .fa-angle-up, .nav-drop .fa-angle-down {
font-size: 90%;
line-height: inherit;
opacity: 0.7;
position: absolute;
right: 8px;
top: 0;
transition: all 0.3s ease 0s;
}
.nav-drop .fa-angle-up {
opacity: 0;
top: 5px;
}
.nav-drop > .nav-drop-menu {
color: #fff;
height: 0;
left: -5px;
list-style: outside none none;
margin: 0;
min-width: 85px;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
transform: translate3d(0px, 10px, 0px);
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
z-index: 999;
}
.nav-drop > .nav-drop-menu > li > a {
background: #333 none repeat scroll 0 0;
border-bottom: 1px solid #262626;
color: #fff;
display: block;
line-height: 1em;
padding: 10px 15px;
position: relative;
transition: all 0.3s ease 0s;
}
.nav-drop > .nav-drop-menu > li > a > .right {
float: right;
}
.nav-drop > .nav-drop-menu > li > a:hover {
background: #6dcced none repeat scroll 0 0;
}
.nav-drop > .nav-drop-menu > li:last-child > a {
border-bottom: medium none;
}
.nav-drop > .nav-drop-menu > li:first-child > a::before {
border-color: transparent transparent #262626;
border-style: solid;
border-width: 0 10px 10px;
content: "";
height: 0;
left: 10px;
position: absolute;
top: -10px;
width: 0;
}
.nav-drop.active-drop .fa-angle-up {
filter: none;
opacity: 1;
top: 0;
}
.nav-drop.active-drop .fa-angle-down {
opacity: 0;
top: 5px;
}
.nav-drop.active-drop > .nav-drop-menu {
filter: none;
height: auto;
opacity: 1;
overflow: visible;
transform: translate3d(0px, 0px, 0px);
}
.list {
list-style: outside none none;
margin: 0 70px 0 0;
padding: 0;
}
.list-center {
display: table;
margin: 0 auto;
}
.list-inline-block > li {
display: inline-block;
}
.list-horizontal > li, .list-inline > li {
display: block;
float: left;
line-height: 40px;
margin-right: 10px;
padding: 0;
}
.list-horizontal > li:last-child, .list-inline > li:last-child {
margin-right: 0;
}
.list-horizontal.list-border > li, .list-inline.list-border > li {
border-right: 1px solid rgba(0, 0, 0, 0.13);
margin-right: 10px;
padding-right: 10px;
}
.list-horizontal.list-border > li:last-child, .list-inline.list-border > li:last-child {
border: medium none;
margin-right: 0;
padding-right: 0;
}
.list-horizontal::after, .list-inline::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.header-top-first {
color: #fff;
line-height: 20px;
padding-left: 97px;
padding-top: 0;
font-size: 15px;
font-weight: 600;
}
.caption p {
font-size: 12px;
height: 90px;
overflow: hidden;
}
.blueback {
background-color: blue;
}
.thumbnail-places.no-border {
border: 1px solid #e9e9e9;
}
.thumbnail.no-padding {
padding: 0;
}
.thumbnail, .thumbnail:hover, .thumbnail.hover, .thumbnail span, .thumbnail:hover span, .thumbnail.hover span, .thumbnail .media, .thumbnail:hover .media, .thumbnail.hover .media, .thumbnail .media img, .thumbnail:hover .media img, .thumbnail.hover .media img, .thumbnail .media-link::after, .thumbnail:hover .media-link::after, .thumbnail.hover .media-link::after, .thumbnail .icon-view, .thumbnail:hover .icon-view, .thumbnail.hover .icon-view, .thumbnail .icon-view .fa, .thumbnail:hover .icon-view .fa, .thumbnail.hover .icon-view .fa, .thumbnail .icon-view .glyphicon, .thumbnail:hover .icon-view .glyphicon, .thumbnail.hover .icon-view .glyphicon, .thumbnail .caption, .thumbnail:hover .caption, .thumbnail.hover .caption, .thumbnail .caption-title, .thumbnail:hover .caption-title, .thumbnail.hover .caption-title, .thumbnail .caption-icon, .thumbnail:hover .caption-icon, .thumbnail.hover .caption-icon, .thumbnail .caption-text, .thumbnail:hover .caption-text, .thumbnail.hover .caption-text, .thumbnail .caption-zoom, .thumbnail:hover .caption-zoom, .thumbnail.hover .caption-zoom, .thumbnail .caption-link, .thumbnail:hover .caption-link, .thumbnail.hover .caption-link, .thumbnail .caption-category, .thumbnail:hover .caption-category, .thumbnail.hover .caption-category, .thumbnail .caption-price, .thumbnail:hover .caption-price, .thumbnail.hover .caption-price, .thumbnail .caption-wrapper, .thumbnail:hover .caption-wrapper, .thumbnail.hover .caption-wrapper, .thumbnail .buttons, .thumbnail:hover .buttons, .thumbnail.hover .buttons {
transition: all 0.2s ease-in-out 0s;
}
.thumbnail-places .media {
float: left;
}
.thumbnail .media-link .icon-view {
animation: 0.4s ease 0s normal none 1 running fadeOut;
bottom: 0;
display: inline-block;
left: 0;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
top: 0;
}
.thumbnail .caption {
overflow: hidden;
padding: 0;
}
.places-list {
height: 145px;
list-style: outside none none !important;
padding-left: 5px !important;
padding-right: 5px !important;
text-align: center;
}
.places {
background: #fff none repeat scroll 0 0;
border-radius: 4px !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.places img {
border-radius: 4px 4px 0 0;
max-height: 140px;
overflow: hidden;
width: 100% !important;
}
.panel-text-list {
display: inline-block;
font-size: 12px;
line-height: 12px;
width: 100%;
}
.panel-fiyat {
color: #43240F;
float: right;
font-size: 15px;
font-weight: 700;
padding-right: 5px;
}
.no-margin, .no-padding {
margin: 0 !important;
padding: 0 !important;
}
.panel-footer-td {
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 28px;
}
.list-group-item td {
border-top: medium none !important;
}
.orange {
background-color: #383838;
}
.btn-full {
border: 0 none !important;
border-radius: 0 0 4px;
height: 50px;
line-height: 35px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.dark-translucent-bg::after {
background-color: rgba(0, 0, 0, 0.5);
}
.dark-translucent-bg::after, .default-translucent-bg::after, .light-translucent-bg::after, .two-col-translucent-bg::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s ease-in-out 0s;
width: 100%;
z-index: 2;
}
.banner.dark-translucent-bg, .banner.default-translucent-bg, .banner.light-translucent-bg, .banner.parallax {
margin-bottom: 25px;
min-height: 280px;
padding-bottom: 20px;
padding-top: 40px;
}
.dark-translucent-bg, .default-translucent-bg, .light-translucent-bg, .two-col-translucent-bg {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
position: relative;
z-index: 1;
}
.dark-translucent-bg > div, .default-translucent-bg > div, .light-translucent-bg > div, .two-col-translucent-bg > div {
position: relative;
z-index: 3;
}
.object-visible {
transition: opacity 0.6s ease-in-out 0s;
}
.object-visible {
opacity: 1 !important;
}
.link-dark {
color: #434a54;
}
.banner.dark-translucent-bg h2 {
color: #fff;
}
.banner.dark-translucent-bg p {
color: #fff;
}
.mini-submenu {
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0.9);
border-radius: 4px;
display: none;
padding: 9px;
width: 42px;
}
.mini-submenu:hover {
cursor: pointer;
}
.mini-submenu .icon-bar {
border-radius: 1px;
display: block;
height: 2px;
margin-top: 3px;
width: 22px;
}
.mini-submenu .icon-bar {
background-color: #000;
}
#slide-submenu {
background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
border-radius: 4px;
cursor: pointer;
display: inline-block;
padding: 0 8px;
}
#result {
display: block;
font-weight: 700;
min-height: 85px;
text-align: left;
}
.bubble {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 2px 2px 10px 0 #616161;
height: 59px;
margin: 0 auto;
max-width: 200px;
padding: 0;
position: relative;
width: 100%;
}
.bubble::after {
border-color: rgba(255, 255, 255, 0.8) transparent;
border-style: solid;
border-width: 23px 21px 0;
bottom: -40%;
content: "";
display: block;
left: 40%;
position: absolute;
width: 0;
z-index: 1;
}
#result.bubble > .price {
border-bottom-right-radius: 0 !important;
color: #43240F;
font-size: 18px;
height: 48%;
line-height: 43px;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.21);
}
.arrive_time {
background: #383838 none repeat scroll 0 0;
border-bottom-left-radius: 3px;
color: #fff;
display: block;
float: left;
font-size: 14px;
font-weight: 300;
height: 40%;
line-height: 30px;
text-align: center;
width: 50%;
}
.km {
background: #f6bb42 none repeat scroll 0 0;
border: medium none;
border-bottom-right-radius: 3px;
color: #fff;
display: block;
float: left;
font-size: 14px;
font-weight: 300;
height: 40%;
line-height: 30px;
text-align: center;
width: 50%;
}
.bubble_loader_overlay {
background-color: rgba(0, 0, 0, 0.35) !important;
}
#reservationform > fieldset {
background: #e6e7ed none repeat scroll 0 0;
border: 1px solid #d4d6d6;
border-radius: 3px;
margin-bottom: 15px;
padding: 10px;
}
#reservationform h4 {
color: #43240F;
font-weight: 700;
}
#paymentbuttun {
margin-top: 25px;
}
.slogandesc {
color: #fff;
margin-left: 10%;
margin-right: 10%;
padding: 10px;
text-align: center;
font-size: 44px;
font-weight: 700;
}
.sloganphone {
color: #fff;
font-weight: 600;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
font-size: 18px;
}
.car-list {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #e6e9ed;
border-width: 1px 0;
padding-bottom: 15px;
padding-top: 15px;
}
.item-img-wrap {
border-bottom: medium none #f3c500;
}
.item-img-wrap {
box-shadow: 1px 0 7px rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
text-align: center;
}
.item-img-wrap img {
transition: all 200ms linear 0s;
}
.item-img-overlay {
border-color: grey;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.item-img-overlay span {
background: rgba(20%, 48%, 72%, 0.8) none repeat scroll 0 0;
color: #fff;
font-size: 25px;
font-weight: 600;
height: 54px;
line-height: 50px;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 250ms linear 0s;
width: 100%;
}
.item-img-wrap:hover .item-img-overlay span {
opacity: 1;
}
.item-img-wrap:hover img {
transform: scale(1.1);
}
.blog-desc h3 {
color: #fff;
font-size: 16px;
font-weight: 300;
height: 45px;
margin-bottom: 7px;
margin-top: 0;
overflow: hidden;
text-align: center;
}
.blog-desc h3 a {
color: #fff;
line-height: 45px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
.margin-btm-30 {
margin-bottom: 30px;
}
.margin-tp-20 {
margin-top: 20px;
}
.blog-desc {
background: #f3c500 none repeat scroll 0 0;
border-color: #f3c500;
}
.car-list .panel-fiyat {
color: #43240F;
float: right;
font-size: 24px;
font-weight: 700;
padding-right: 5px;
}
.booking-item-features {
list-style: outside none none;
margin: 0;
padding: 0;
}
.booking-item-features > li {
float: left;
margin-bottom: 5px;
margin-right: 5px;
position: relative;
}
.booking-item-features > li:hover > i {
border-color: #d66f11;
}
.booking-item-features > li .booking-item-feature-sign {
bottom: 2px;
display: block;
font-size: 10px;
left: 0;
line-height: 1em;
position: absolute;
text-align: center;
width: 100%;
}
.booking-item-features > li > i {
border: 1px solid #ccc;
border-radius: 5px;
color: #686868;
display: block;
font-size: 23px;
height: 35px;
line-height: 35px;
text-align: center;
transition: all 0.3s ease 0s;
width: 35px;
}
.booking-item-features-dark > li > i {
background: #4d4d4d none repeat scroll 0 0;
border: 1px solid #333;
color: #fff;
}
.booking-item-features-rentals {
margin-top: 10px;
}
.booking-item-features-rentals > li {
margin-bottom: 0;
}
.booking-item-car-title {
font-size: 12px;
line-height: 1em;
margin-bottom: 0;
margin-top: 7px;
}
.booking-item-features-sign > li {
padding-bottom: 15px;
}
.booking-item-features-small > li {
margin-bottom: 5px;
margin-right: 5px;
}
.booking-item-features-small > li > i {
font-size: 17px;
height: 30px;
line-height: 30px;
width: 30px;
}
.booking-item-features-small > li > i > img {
width: 20px;
}
.booking-item-features-expand {
display: block;
}
.booking-item-features-expand .booking-item-feature-title {
color: #686868;
line-height: 37px;
margin-left: 7px;
position: relative;
}
.booking-item-features-expand > li {
display: block;
float: none;
overflow: hidden;
}
.booking-item-features-expand > li::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.booking-item-features-expand > li > i {
float: left;
}
.booking-item-features-2-col > li {
float: left;
margin-right: 0;
width: 50%;
}
.placelist_head {
background: #4fc1e9 none repeat scroll 0 0;
border: 1px solid #eee;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #fff;
font-weight: 300;
line-height: 50px;
margin-bottom: 0;
margin-left: -15px !important;
margin-right: -15px !important;
}
.sidebar-right .placelist_head {
font-size: 15px;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 15px !important;
text-align: left;
}
.sidebar-right ul {
background: #fff none repeat scroll 0 0;
}
.sidebar-right ul > li {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
}
.sidebar-right ul > li > a {
border-radius: 0 !important;
}
.sidebar-right ul > li > a:hover {
background: #4fc1e9 none repeat scroll 0 0;
border-radius: 0 !important;
color: #fff;
}
#reservationform .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 0;
box-shadow: none;
}
.cureny_select {
-moz-appearance: none;
background: transparent none repeat scroll 0 0;
border: medium none;
color: #43240F;
cursor: pointer;
text-align: center;
text-indent: 1px;
text-overflow: "";
width: 100%;
}
.curency {
overflow: hidden;
}
.shuttle > .active {
background-color: #FCC40C !important;
border-color: #FCC40C !important;
}
.shuttlecheck {
color: #fff;
padding-left: 0 !important;
}
.shuttlecheck label {
color: #fff;
}
.shuttlecheck .checkbox {
color: #fff;
margin: 0 !important;
padding: 5% 1%;
}
.spinner1 {
height: 40px;
position: relative;
width: 40px;
}
.double-bounce1, .double-bounce2 {
animation: 2s ease-in-out 0s normal none infinite running bounce;
background-color: #fff;
border-radius: 50%;
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
}
.double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.spinner2 {
height: 40px;
position: relative;
width: 40px;
}
.container1 > div, .container2 > div, .container3 > div {
animation: 1.2s ease-in-out 0s normal both infinite running bouncedelay;
background-color: #fff;
border-radius: 100%;
height: 6px;
position: absolute;
width: 6px;
}
.spinner2 .spinner-container {
height: 100%;
position: absolute;
width: 100%;
}
.container2 {
transform: rotateZ(45deg);
}
.container3 {
transform: rotateZ(90deg);
}
.circle1 {
left: 0;
top: 0;
}
.circle2 {
right: 0;
top: 0;
}
.circle3 {
bottom: 0;
right: 0;
}
.circle4 {
bottom: 0;
left: 0;
}
.container2 .circle1 {
animation-delay: -1.1s;
}
.container3 .circle1 {
animation-delay: -1s;
}
.container1 .circle2 {
animation-delay: -0.9s;
}
.container2 .circle2 {
animation-delay: -0.8s;
}
.container3 .circle2 {
animation-delay: -0.7s;
}
.container1 .circle3 {
animation-delay: -0.6s;
}
.container2 .circle3 {
animation-delay: -0.5s;
}
.container3 .circle3 {
animation-delay: -0.4s;
}
.container1 .circle4 {
animation-delay: -0.3s;
}
.container2 .circle4 {
animation-delay: -0.2s;
}
.container3 .circle4 {
animation-delay: -0.1s;
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.spinner3 {
animation: 2s linear 0s normal none infinite running rotate;
height: 40px;
position: relative;
width: 40px;
}
.dot1, .dot2 {
animation: 2s ease-in-out 0s normal none infinite running bounce;
background-color: #fff;
border-radius: 100%;
display: inline-block;
height: 60%;
position: absolute;
top: 0;
width: 60%;
}
.dot2 {
animation-delay: -1s;
bottom: 0;
top: auto;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.spinner4 {
animation: 1.2s ease-in-out 0s normal none infinite running rotateplane;
background-color: #fff;
height: 30px;
width: 30px;
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.spinner5 {
height: 32px;
position: relative;
width: 32px;
}
.cube1, .cube2 {
animation: 1.8s ease-in-out 0s normal none infinite running cubemove;
background-color: #fff;
height: 10px;
left: 0;
position: absolute;
top: 0;
width: 10px;
}
.cube2 {
animation-delay: -0.9s;
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
}
}
.spinner6 {
height: 30px;
text-align: center;
width: 50px;
}
.spinner6 > div {
animation: 1.2s ease-in-out 0s normal none infinite running stretchdelay;
background-color: #fff;
display: inline-block;
height: 100%;
margin-left: 2px;
width: 6px;
}
.spinner6 .rect2 {
animation-delay: -1.1s;
}
.spinner6 .rect3 {
animation-delay: -1s;
}
.spinner6 .rect4 {
animation-delay: -0.9s;
}
.spinner6 .rect5 {
animation-delay: -0.8s;
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
.spinner7 {
height: 30px;
text-align: center;
width: 90px;
}
.spinner7 > div {
animation: 0.7s ease-in-out 0s normal none infinite running stretchdelay;
background-color: #fff;
border-radius: 50%;
display: inline-block;
height: 15px;
margin-left: 3px;
width: 15px;
}
.spinner7 .circ2 {
animation-delay: -0.6s;
}
.spinner7 .circ3 {
animation-delay: -0.5s;
}
.spinner7 .circ4 {
animation-delay: -0.4s;
}
.spinner7 .circ5 {
animation-delay: -0.3s;
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: translateY(-10px);
}
20% {
transform: translateY(-20px);
}
}
select.form-control {
background-color: white;
border: medium none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-feature-settings: inherit;
font-kerning: inherit;
font-language-override: inherit;
font-size: 13px;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-synthesis: inherit;
font-variant: inherit;
font-weight: 300;
line-height: 1.5em;
margin-bottom: 2px;
padding: 0.5em 3.5em 0.5em 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
select.form-control {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-repeat: no-repeat;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
}
select.form-control:focus {
background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
background-repeat: no-repeat;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
border-color: green;
outline: 0 none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.clear,.clearfix{
clear:both;
}
.panel-primary > .panel-heading {
height: 60px;
}