/* Config Colors
-------------------------------------*/
/* Defaults
-------------------------------------*/
body {
font-family: 'Lato', sans-serif;
color: #716d6e;
}
/* Animation Delay
--------------------------------------------*/
.faa-float.animated, .faa-float.animated-hover:hover {
animation-delay: 0s;
animation-direction: normal;
animation-duration: 2s;
animation-fill-mode: none;
animation-iteration-count: infinite;
animation-name: float;
animation-timing-function: linear;
}
.font-animation i {
font-size: 1.5em;
}
.nextdepature {
background-color: #123456;
border-bottom-color: #DFDFDF;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #FFFFFF;
float: right;
margin-right: -10px;
margin-top: -4px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.fa.fa-plane.faa-float.animated {
float: right;
font-size: 41px;
line-height: 9px;
margin-right: -12px;
margin-top: 15px;
padding-right: 11px;
}
.nextdepature > span {
float: left;
}
.images_section{background-image:url(../images/shab-e-meraj.jpg);
min-height: 485px;
background-size: cover;
}
.ramdhan_section .package_details h3 small {
padding: 0 21px 10px 20px;
width: 70%;
}
.groupBox.three_groups > li {
width: 33.3%;
}
.groupBox.four_groups > li {
width: 25%;
}
@media only screen and (min-width:1900px) and (max-width:1999px) {
#teaser {
background-position: 0 0 !important;
}
}
@media only screen and (min-width:300px) and (max-width:499px) {
.navbar-brand.scroll-to {
margin-top: -56px;
}
#teaser {
height: 155px !important;
}
#teaser {
background-color: #EEEEEE;
background-image: url("../img/Umrah-banner.jpg");
background-position: -261px 0 !important;
background-repeat: no-repeat;
background-size: 231% auto !important;
}
.points span {
/*background-color: #186D96;
float: left;
padding-bottom: 5px;
padding-left: 3px !important;
padding-right: 3px !important;
padding-top: 5px;
width: 8%;*/
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 5%;
border-radius: 50%;
}
.iccon {
/*color: #FFFFFF;
font-size: 15px !important;
left: 0 !important;
padding-left: 0 !important;
position: relative;
text-align: center;*/
color: #FFFFFF;
font-size: 14px;
/* left: 1px; */
/* padding-left: 5px; */
position: relative;
text-align: center;
}
.button.btn-small.yellow.full-width {
margin-left: 31% !important;
}
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 167px !important;
margin-bottom: 15px !important;
overflow-x: hidden;
overflow-y: hidden;
width: 100% !important;
}
.input-group .form-control {
float: left;
width: 100% !important;
}
.input-group-addon, .input-group-btn {
width: 25% !important;
}
.tourmenu li i {
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 26px;
border-radius: 50%;
}
.tourmenu span {
float: left;
width: 88% !important;
}
.tourmenu > li {
width: 100% !important;
}
.points.genralmenu {
float: left;
margin-left: 0;
margin-top: -35px !important;
padding:10px !important;
width: 100%;
}
.points.genralmenu > li {
float: left;
padding-right: 12px;
width: 100% !important;
}
.points.genralmenu h4 {
font-size: 19px !important;
}
.control-box {
display: none !important;
}
.pricing-table .features li {
font-size: 11px !important;
line-height: 40px;
margin-top: 1px;
padding-left: 12px !important;
}
}
@media only screen and (min-width:500px) and (max-width:699px) {
.navbar-brand.scroll-to {
margin-top: -56px;
}
#teaser {
height: 265px !important;
}
#teaser {
background-color: #EEEEEE;
background-image: url("../img/Umrah-banner.jpg");
background-position: -261px 0 !important;
background-repeat: no-repeat;
background-size: 231% auto !important;
}
.points span {
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 5%;
border-radius: 50%;
}
.iccon {
color: #FFFFFF;
font-size: 15px !important;
left: 0 !important;
padding-left: 0 !important;
position: relative;
text-align: center;
}
.button.btn-small.yellow.full-width {
margin-left: 31% !important;
}
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 167px !important;
margin-bottom: 15px !important;
overflow-x: hidden;
overflow-y: hidden;
width: 100% !important;
}
.input-group .form-control {
float: left;
width: 100% !important;
}
.input-group-addon, .input-group-btn {
width: 25% !important;
}
.tourmenu li i {
background-color: #186D96;
color: #FFFFFF;
float: left;
font-size: 17px;
margin-right: 7px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 9% !important;
}
.tourmenu span {
float: left;
width: 88% !important;
}
.tourmenu > li {
width: 100% !important;
}
.points.genralmenu {
float: left;
margin-left: 0;
margin-top: -35px !important;
padding:10px !important;
width: 100%;
}
.points.genralmenu > li {
float: left;
padding-right: 12px;
width: 100% !important;
}
.points.genralmenu h4 {
font-size: 19px !important;
}
.control-box {
display: none !important;
}
.pricing-table .features li {
font-size: 11px !important;
line-height: 40px;
margin-top: 1px;
padding-left: 12px !important;
}
#top > #teaser {
background-position: -506px 5px !important;
}
}
@media only screen and (min-width:600px) and (max-width:699px) {
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 167px !important;
margin-bottom: 15px !important;
overflow-x: hidden;
overflow-y: hidden;
width: 47% !important;
}
.pi-row.pi-liquid-col-xs-2.pi-liquid-col-sm-3.pi-gallery.pi-gallery-small-margins.pi-padding-bottom-20 {
float: left;
margin-top: -5px;
width: 100%;
}
#top > #teaser {
background-position: -506px 5px !important;
}
}
@media only screen and (min-width:700px) and (max-width:799px) {
#top > #teaser {
background-position: -616px -35px !important;
}
}
@media only screen and (min-width:800px) and (max-width:899px) {
#top > #teaser {
background-position: -776px -35px !important;
}
}
@media only screen and (min-width:900px) and (max-width:999px) {
#top > #teaser {
background-position: -776px -35px !important;
height: 360px !important;
}
}
@media only screen and (min-width:700px) and (max-width:899px) {
.navbar-brand.scroll-to {
margin-top: -56px;
}
#teaser {
height:265px !important;
}
#teaser {
background-color: #EEEEEE;
background-image: url("../img/Umrah-banner.jpg");
background-position: -261px 0 !important;
background-repeat: no-repeat;
background-size: 231% auto !important;
}
.points span {
background-color: #186D96;
float: left;
padding-bottom: 5px;
padding-left: 3px !important;
padding-right: 3px !important;
padding-top: 5px;
width: 5% !important;
}
.iccon {
color: #FFFFFF;
font-size: 15px !important;
left: 0 !important;
padding-left: 0 !important;
position: relative;
text-align: center;
}
.button.btn-small.yellow.full-width {
margin-left: 31% !important;
}
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 167px !important;
margin-bottom: 15px !important;
overflow-x: hidden;
overflow-y: hidden;
width: 47% !important;
}
.pi-row.pi-liquid-col-xs-2.pi-liquid-col-sm-3.pi-gallery.pi-gallery-small-margins.pi-padding-bottom-20 {
float: left;
margin-top: -5px;
width: 100%;
}
.input-group .form-control {
float: left;
width: 100% !important;
}
.input-group-addon, .input-group-btn {
width: 25% !important;
}
.tourmenu li i {
background-color: #186D96;
color: #FFFFFF;
float: left;
font-size: 17px;
margin-right: 7px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 9% !important;
}
.tourmenu span {
float: left;
width: 88% !important;
}
.tourmenu > li {
width: 100% !important;
}
.points.genralmenu {
float: left;
margin-left: 0;
margin-top: -35px !important;
padding:10px !important;
width: 100%;
}
.points.genralmenu > li {
float: left;
padding-right: 12px;
width: 100% !important;
}
.points.genralmenu h4 {
font-size: 19px !important;
}
.control-box {
display: none !important;
}
.pricing-table .features li {
font-size: 11px !important;
line-height: 40px;
margin-top: 1px;
padding-left: 12px !important;
}
}
@media only screen and (min-width:900px) and (max-width:999px) {
.navbar-brand.scroll-to {
margin-top: -56px;
}
#teaser {
height: 265px !important;
}
#teaser {
background-color: #EEEEEE;
background-image: url("../img/Umrah-banner.jpg");
background-position: -261px 0 !important;
background-repeat: no-repeat;
background-size: 231% auto !important;
}
.points span {
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 5%;
border-radius: 50%;
}
.iccon {
color: #FFFFFF;
font-size: 15px !important;
left: 0 !important;
padding-left: 0 !important;
position: relative;
text-align: center;
}
.button.btn-small.yellow.full-width {
margin-left: 31% !important;
}
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 167px !important;
margin-bottom: 15px !important;
overflow-x: hidden;
overflow-y: hidden;
width: 47% !important;
}
.pi-row.pi-liquid-col-xs-2.pi-liquid-col-sm-3.pi-gallery.pi-gallery-small-margins.pi-padding-bottom-20 {
float: left;
margin-top: -5px;
width: 100%;
}
.input-group .form-control {
float: left;
width: 100% !important;
}
.input-group-addon, .input-group-btn {
width: 25% !important;
}
.tourmenu li i {
background-color: #186D96;
color: #FFFFFF;
float: left;
font-size: 17px;
margin-right: 7px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 9% !important;
}
.tourmenu span {
float: left;
width: 88% !important;
}
.tourmenu > li {
width: 100% !important;
}
.points.genralmenu {
float: left;
margin-left: 0;
margin-top: -35px !important;
padding:10px !important;
width: 100%;
}
.points.genralmenu > li {
float: left;
padding-right: 12px;
width: 100% !important;
}
.points.genralmenu h4 {
font-size: 19px !important;
}
.control-box {
display: none !important;
}
.pricing-table .features li {
font-size: 11px !important;
line-height: 40px;
margin-top: 1px;
padding-left: 12px !important;
}
}
.control-box {
height: 150px;
left: -120px;
position: absolute;
top: 125px;
width: 121%;
z-index: 2147483647;
}
.carousel-control.left{
background-image:none !important;
}
.carousel-control.right{
background-image:none !important;
}
.carousel-control {
font-size: 150px !important;
}
.input-group-addon, .input-group-btn {
height: 40px;
}
.input-group .form-control {
float: left;
width: 32% !important;
}
.points.genralmenu {
margin-left: 17px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.points.genralmenu > li {
float: left;
padding-right: 12px;
width: 49%;
}
.points.genralmenu {
float: left;
margin-left: 17px;
margin-top: -35px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 100%;
}
.lastmenu {
clear: both;
float: left;
margin-top: 15px;
width: 100% !important;
}
.points.genralmenu p {
width: 100%;
}
.tourmenu > li {
float: left;
font-size: 14px;
list-style-type: none;
padding-bottom: 8px;
width: 50%;
}
.col-md-4.col-xs-12.pull-right {
width: 314px;
}
.tourmenu li i {
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 25px;
border-radius: 50%;
}
.tourmenu span {
float: left;
width: 91%;
}
.iccon {
color: #FFFFFF;
font-size: 16px;
/* left: 1px; */
/* padding-left: 5px; */
position: relative;
text-align: center;
}
.ceo-plan-detail ul li {
list-style-type: none;
}
.ceo-plan-detail p {
color: #8F8F8F;
}
.points h4 {
border-bottom-color: #f1f1f1;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 17px;
color:#000;
padding-bottom: 4px;
}
.tourmenu {
float: left;
margin-top: 0px;
padding-bottom: 0;
padding-left: 17px;
padding-right: 0;
padding-top: 0;
}
#accomadation {
margin-bottom: 25px;
}
.pi-link-dark:hover {
color: #FFFFFF;
}
#packages {
background-attachment: fixed;
background-color: #186d96;
background-image: url("../img/pattern.png");
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
background-size:341px;
margin-top: 45px;
}
.tablelisting {
float: left;
padding: 0;
width: 95%;
}
.three_col_table > li {
float: left;
list-style: outside none none;
text-align: center;
width: 33%;
}
.three_col_table > li .table_header {
background-color: white;
border-right: 1px solid #186d96;
font-size: 15px;
margin: 0;
padding: 12px 0;
}
.tablelisting > li .table_body {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: white;
padding: 7px 10px;
}
.tablelisting > li .table_body .amount > strong {
display: block;
float: left;
font-size: 25px;
width: 100%;
}
.tablelisting > li:first-child .table_body {
border-left: 1px solid #fff;
}
.three_col_table > li:last-child .table_header {
border-right: 0 none;
}
.package_details > h3 {
color: white;
display: block;
float: left;
font-family: "Italianno",cursive;
font-size: 49px;
font-weight: bolder;
margin-top: 28px;
text-align: center;
width: 94%;
}
.package_details > h3 strong img {
position: relative;
top: -9px;
width: 154px;
}
.package_details > h3 span {
background-color: white;
border: 1px solid #fff;
border-radius: 50%;
color: #186d96;
font-size: 35px;
line-height: 3px;
padding: 0 12px;
position: relative;
text-align: center;
top: -11px;
}
.package_details > h3 small {
border-left: 1px solid #FFFFFF;
color: #FFFFFF;
float: right;
font-family: "Lato",sans-serif;
font-size: 16px;
margin-top: 15px;
padding-left: 3%;
text-transform: none;
width: 59%;
}
.package_details {
padding-left: 36px;
padding-top: 20px;
}
.dates {
color: #2b4a64;
float: left;
font-weight: bold;
list-style: outside none none;
margin-bottom: 0;
padding: 0;
width: 94%;
}
.dates > li {
border: 1px solid #ceb630;
float: left;
font-size: 15px;
/*padding: 9px;*/
text-align: center;
width: 100%; background:url(../images/divider.jpg) no-repeat; background-position:center; background-color: #dec640;
}
.lf {
/*background: rgba(0, 0, 0, 0) url("../images/makkah.png") no-repeat scroll 0 0;*/
float: left;
width:48%
}
.rf {
/*background: rgba(0, 0, 0, 0) url("../images/madinah.png") no-repeat scroll 0 0;*/
float: right;
padding-left: 35px; width:48%
}
.lf > img {
left: 4px;
margin-right: 0;
position: absolute;
top: 7px;
vertical-align: bottom;
}
.rf > img {
margin-right: 0;
position: absolute;
right: 4px;
top: 6px;
vertical-align: bottom;
}
.lf {
padding: 9px 0px 9px 50px;
position: relative;
text-align: left;
font-size:18px;
}
.rf {
padding: 9px 50px 9px 0px;
position: relative;
text-align: right;
font-size:18px;
}
.lf::after {
background-color: #A99526;
content: "";
display: block;
height: 100%;
left: 40px;
position: absolute;
top: 0;
width: 1px;
}
.rf::after {
background-color: #A99526;
content: "";
display: block;
height: 100%;
right: 40px;
position: absolute;
top: 0;
width: 1px;
}
.other_package_details {
color: white;
float: left;
margin-top: 10px;
text-align: center;
width: 94%;
}
.thumbnails li {
list-style-type: none;
}
.carousel-inner {
float: left;
}
.thumbnails {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.overlayblack {
background-color: rgba(0, 0, 0, 0.8);
height: 490px;
position: absolute;
width: 100%;
display:none;
}
.points > li {
float: left;
list-style-type: none;
padding-bottom: 0;
}
.points span {
background-color: #fec107;
color: #FFFFFF;
float: left;
font-size: 14px;
margin-right: 9px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
padding-top: 5px;
text-align: center;
width: 31px;
border-radius: 50%;
}
.ceo-plan-detail {
margin-top: -39px;
}
.points {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.points p {
float: left;
margin-left: 2px;
text-align: justify;
width: 89%;
margin-bottom:20px;
}
.points li
{
width:100%;
}
.delay05s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay15s {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.v-hidden {
visibility: hidden;
}
/* Autocomplete
--------------------------------------------*/
.autocomplete-suggestions {
border: 1px solid #999;
background: #fff;
cursor: default;
overflow: auto;
font-size: 14px;
}
.autocomplete-suggestion {
padding: 10px 5px;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
font-size: 14px;
}
.autocomplete-selected {
background: #f0f0f0;
font-size: 14px;
}
.autocomplete-suggestions strong {
font-weight: normal;
color: #3399ff;
font-size: 14px;
}
/* Carousel Fade
--------------------------------------------*/
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/* Label
--------------------------------------------*/
.label-default {
background-color: #c61334;
border-radius: 0;
}
/* Tooltip
--------------------------------------------*/
.tooltip .tooltip-inner {
background-color: #c61334;
padding: 5px 10px;
font-size: 18px;
}
.tooltip .tooltip-arrow {
border-top-color: #c61334 !important;
}
.my-tooltip {
border-bottom: 1px dotted #c61334;
color: #c61334;
}
/* Links
--------------------------------------------*/
a {
color: #c61334;
}
a:hover {
color: #c61334;
text-decoration: none;
}
/* Scroll to Top Button
--------------------------------------------*/
.scrollup {
width: 44px;
height: 44px;
position: fixed;
bottom: 44px;
right: 64px;
display: none;
text-indent: -9999px;
background: url('../img/icon_top.png') no-repeat;
}
/* Header
--------------------------------------------*/
header {
height: 147px;
width: 100%;
top: 0;
z-index: 100;
background-color: #fff;
}
header .box {
margin: 0 auto;
}
header .brand {
margin: 45px 0 0 0;
}
header .brand h1 {
margin: 0;
padding: 0;
}
header .header-info .contact {
font-size: 17px;
font-weight: 900;
margin-top: 10px;
}
header .header-info .language-switch {
background-color: #c61334;
margin-left: 24px;
}
header .header-info .language-switch a {
color: #fff;
font-weight: bold;
display: block;
padding: 11px 45px 8px 15px;
background: transparent url('../img/lang-select-icon.png') no-repeat 154px 14px;
}
header .header-info .language-switch .dropdown-menu {
box-shadow: none;
border-radius: 0;
min-width: 188px;
padding: 0;
}
header .header-info .language-switch .dropdown-menu li a {
color: #716d6e;
padding: 5px 15px 5px 15px;
background-image: none;
}
header .header-info .language-switch .dropdown-menu li a:hover {
background-color: #efe9e9;
}
header .header-info .language-switch .dropdown-menu li img {
margin-right: 10px;
}
/* Navbar
--------------------------------------------
header .navbar-default {
border: none;
background-color: transparent;
border-radius: 0;
font-size: 18px;
font-weight: bold;
margin-top: 25px;
}
header .navbar-brand {
display: none;
}
header .navbar-default .container-fluid {
padding: 0;
}
header .navbar-default .navbar-collapse {
padding: 0;
}
header .navbar-default .navbar-nav > .active > a {
background-color: #186D96;
border: 0px solid ##186D96;
color: #fff;
background-color: transparent;
}
*/
/*.submit {
background-color: #186D96 !important;
float: left;
margin-top: -3px !important;
}*/
.formtittle {
color: #FFFFFF;
}
/*header .navbar-default .navbar-nav > li > a {
background-color: transparent;
padding: 8px 6px 7px;
border: 2px solid #fff;
font-size: 17px;
-webkit-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
}
header .navbar-default .navbar-nav > li > a:hover {
background-color: #fff;
border: 2px solid #fff;
background-color: #e7e7e7;
color: #716d6e;
}
.navbar-nav.navbar-right:last-child {
margin-right: -9px;
}
*/
.col-md-12.title.fristwrapper {
margin-bottom: 22px;
}
header.small {
height: 95px;
box-shadow: 0 0px 14px -2px #808080;
}
header.small .header-info {
display: none;
}
header.small .brand {
margin: 0px 0 0 0;
width: 50%;
}
.maintitle {
border-bottom-color: #F0F0F0;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #000000;
font-size: 25px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 13px;
text-transform: uppercase;
}
.underline {
background-color: #fec107;
float: left;
height: 2px;
margin-bottom: 17px;
position: relative;
top: -1px;
width: 227px;
z-index: 0;
}
/*.navbar-default .navbar-nav > li > a {
font-family: 'Trebuchet MS';
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #E7E7E7;
color: #FFFFFF !important;
}*/
header.large {
box-shadow: none;
height: 96px;
}
/*.navbar-nav {
margin-top: -7px !important;
}*/
header.large .header-info {
display: block;
}
header.large .brand {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: -5px;
width: 100%;
}
/* Teaser
-------------------------------------*/
#teaser {
background-color: #EEEEEE;
background-image: url("../img/Umrah-banner.jpg");
background-repeat: no-repeat;
height: 401px;
padding-bottom: 60px;
padding-left: 0;
padding-right: 0;
padding-top: 60px;
background-position: -250px 0;
}
#teaser .reservation-form-shadow {
background-color: #FFFFFF;
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.45);
height: 388px;
}
#teaser form {
padding-bottom: 34px;
padding-left: 10px;
padding-right: 10px;
padding-top: 9px;
}
#teaser form .alert {
margin-top: -20px;
padding: 10px 15px;
}
#teaser form ::-webkit-input-placeholder {
color: #c61334 !important;
}
#teaser form :-moz-placeholder {
color:#c2c2c2 !important;
}
#teaser form ::-moz-placeholder {
color: #CFCFCF !important;
}
#teaser form :-ms-input-placeholder {
color: #c61334 !important;
}
#teaser form .styled-select-car {
border: 2px solid #efe9e9;
height: 55px;
position: relative;
margin-bottom: 23px;
}
#teaser form .styled-select-car:after {
content: '';
background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 23px;
right: 0px;
top: 0px;
width: 30px;
height: 51px;
position: absolute;
pointer-events: none;
}
#teaser form .styled-select-car select {
border: none;
font-size: 24px;
font-weight: bold;
width: 100%;
background-image: none;
background: #fff;
-webkit-appearance: none;
padding: 9px 10px;
height: 51px;
outline: none;
}
#teaser form .location {
margin-bottom: 7px;
}
.col-md-4.col-xs-12.pull-right {
margin-top: -54px;
}
#teaser form .datetime {
margin-bottom: 11px;
}
#teaser form .form-control {
height: 43px;
border: 2px solid #efe9e9;
box-shadow: none;
}
#teaser form .input-group {
width: 100%;
}
#teaser form .input-group input {
border-radius: 0;
color: #c61334;
font-size: 16px;
padding-left: 15px;
box-shadow: none;
background: none;
-webkit-appearance: none;
}
#teaser form .input-group-addon {
border-radius: 0;
border: none;
background-color: #efe9e9;
font-weight: bold;
font-size: 16px;
color: #716d6e;
width: 110px;
text-align: left;
}
#teaser form .input-group-addon .glyphicon {
font-size: 17px;
margin: 0 2px 0 -2px;
}
#teaser form .different-drop-off {
color: #716d6e;
font-weight: bold;
margin: 10px 0;
display: block;
}
#teaser form .date {
width: 240px;
}
#teaser form .time {
width: 140px;
}
#teaser form .pixelfix {
border-top: 1px solid #fff;
}
#teaser form .styled-select-time {
border: 2px solid #efe9e9;
height: 43px;
position: relative;
}
#teaser form .styled-select-time:after {
content: '';
background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 18px;
right: 0px;
top: 0px;
width: 30px;
height: 39px;
position: absolute;
pointer-events: none;
}
#teaser form .styled-select-time select {
border: none;
font-size: 16px;
width: 100%;
background-image: none;
background: #fff;
-webkit-appearance: none;
padding: 10px 10px;
height: 39px;
color: #c61334;
}
#teaser form .submit {
width: 100%;
background-color: #c61334;
color: #fff;
border: none;
border-radius: 0;
box-shadow: 6px 6px 0 #efe9e9;
text-align: center;
font-size: 24px;
text-transform: uppercase;
font-weight: 900;
padding: 10px 0;
margin-top: 30px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#teaser form .submit:hover {
background-color: #716d6e;
}
#teaser .title {
color: #000;
text-transform: uppercase;
font-size: 36px;
font-weight: 900;
margin: 0;
}
#teaser .subtitle {
font-size: 24px;
color: #BBBBBB;
text-transform: none;
display: block;
font-weight: normal;
margin-top: 10px;
}
#teaser .car-img {
height: 375px;
text-align: center;
line-height: 400px;
}
#teaser .car-img img {
display: inline-block;
}
#teaser .carousel-control {
position: relative;
}
#teaser .carousel-control.left,
#teaser .carousel-control.right {
background-image: none;
margin: 0;
width: 30px;
}
#teaser .carousel-control.left {
left: 90%;
}
#teaser .carousel-control.right {
left: 95%;
}
#teaser .carousel-control .glyphicon-chevron-left,
#teaser .carousel-control .glyphicon-chevron-right {
margin: 0;
}
#teaser .carousel-control .glyphicon-chevron-right {
right: auto;
}
.arrow-down {
width: 0;
height: 0;
border-left: 37px solid transparent;
border-right: 37px solid transparent;
border-top: 37px solid #303131;
margin: 0 auto;
}
/* Services
--------------------------------------------*/
#services {
margin-top: 25px;
}
#services .title {
margin-bottom: 38px;
}
#services h2 {
font-size: 35px;
font-weight: 900;
margin-bottom: 7px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
}
#services .underline {
background-color: #186D96;
display: block;
height: 2px;
width: 255px;
}
#services .service-box {
background-color: #ededed;
padding: 30px;
margin-bottom: 30px;
}
#services .service-box .service-icon {
height: 43px;
width: 43px;
background-color: #c61334;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 41px;
font-weight: 900;
float: left;
margin-right: 15px;
}
#services .service-box .service-title {
margin: 0;
padding: 0;
font-size: 30px;
font-weight: 900;
padding-top: 5px;
}
#services .service-box .service-content {
margin-top: 25px;
font-size: 18px;
line-height: 1.7;
}
/* Newsletter
--------------------------------------------*/
#newsletter {
background-color: #186d96;
margin-top: -11px;
padding: 30px 0;
}
.input-group input {
border: 1px solid #ccc !important;
margin-right: 10px;
}
#newsletter .title {
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 900;
margin: 0;
padding: 0;
}
.col-md-12.col-xs-12.margin-bottom {
margin-bottom: 20px;
}
#newsletter .subtitle {
font-size: 18px;
color: #dbdbdb;
display: block;
font-weight: normal;
margin-top: 6px;
}
#newsletter .newsletter-form {
background-color: #fff;
height: 100px;
padding: 30px;
width: 100%;
}
#newsletter .newsletter-form input {
box-shadow: none;
border: none;
}
#newsletter .newsletter-form .button {
background-color: #fff;
border: 2px solid #b8b6b6;
border-radius: 0;
color: #716d6e;
font-size: 18px;
font-weight: 900;
height: 40px;
line-height: 36px;
margin-right: 0;
padding: 0 50px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
#newsletter .newsletter-form .button:hover {
background-color: #716d6e;
border: 2px solid #716d6e;
color: #fff;
}
#newsletter .social-icons {
width: 38%;
}
#newsletter .social-icons ul {
list-style: none;
margin: 0;
padding: 0;
}
#newsletter .social-icons ul li {
display: block;
float: right;
}
#newsletter .social-icons ul li a {
height: 55px;
width: 65px;
background-color: #c61334;
display: block;
margin-left: 10px;
text-align: center;
line-height: 55px;
color: #fff;
font-size: 36px;
}
#newsletter .social-icons ul li .facebook {
background-color: #365595;
}
#newsletter .social-icons ul li .googleplus {
background-color: #d41332;
}
#newsletter .social-icons ul li .twitter {
background-color: #36a4cf;
}
#newsletter .social-icons ul li:hover {
opacity: 0.8;
}
#newsletter form ::-webkit-input-placeholder {
font-size: 16px;
}
#newsletter form :-moz-placeholder {
font-size: 16px;
}
#newsletter form ::-moz-placeholder {
font-size: 16px;
}
#newsletter form :-ms-input-placeholder {
font-size: 16px;
}
/* Vehicles
--------------------------------------------*/
#vehicles {
margin-top: 19px;
}
#vehicles .title {
font-size: 36px;
font-weight: 900;
margin-bottom: 26px;
}
.pi-section-white .h1.pi-has-base-border:after, .pi-section-white .h2.pi-has-base-border:after, .pi-section-white .h3.pi-has-base-border:after, .pi-section-white .h4.pi-has-base-border:after, .pi-section-white .h5.pi-has-base-border:after, .pi-section-white .h6.pi-has-base-border:after, .pi-section-white h1.pi-has-base-border:after, .pi-section-white h2.pi-has-base-border:after, .pi-section-white h3.pi-has-base-border:after, .pi-section-white h4.pi-has-base-border:after, .pi-section-white h5.pi-has-base-border:after, .pi-section-white h6.pi-has-base-border:after {
background:#0dc0c0
}
.h4.pi-weight-700.pi-uppercase.pi-has-bg.pi-letter-spacing.pi-margin-bottom-30:after {
background:url(../img/bg-heading.png);
}
.tittlebg {
background-image: url("img/bg-heading.png");
height: 19px;
position: relative;
top: -47px;
width: 100%;
z-index: -1;
}
.pi-row.pi-liquid-col-xs-2.pi-liquid-col-sm-3.pi-gallery.pi-gallery-small-margins.pi-padding-bottom-20 {
margin-top: -25px;
}
#vehicles .subtitle {
font-weight: normal;
}
#vehicles .vehicle-nav {
list-style: none;
margin: 0;
padding: 0;
}
#vehicles .vehicle-nav li {
background-color: #e3e2e2;
margin-bottom: 1px;
position: relative;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#vehicles .vehicle-nav li span {
width: 0px;
height: 0px;
border-left: 10px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
display: block;
position: absolute;
right: -10px;
top: 20px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#vehicles .vehicle-nav li:hover {
background-color: #d1cece;
}
#vehicles .vehicle-nav li.active {
background-color: rgba(198, 19, 52, 0.8);
font-weight: bold;
}
#vehicles .vehicle-nav li.active span {
border-left-color: #186d96;
}
#vehicles .vehicle-nav li a {
font-size: 18px;
color: #716d6e;
padding-left: 15px;
display: block;
height: 60px;
line-height: 60px;
}
#vehicles .vehicle-nav li.active a {
color: #fff;
}
#vehicles .styled-select-vehicle-data {
border: 2px solid #efe9e9;
height: 43px;
position: relative;
width: 100%;
display: none;
}
#vehicles .styled-select-vehicle-data:after {
content: '';
background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 18px;
right: 0px;
top: 0px;
width: 30px;
height: 39px;
position: absolute;
pointer-events: none;
}
#vehicles .styled-select-vehicle-data select {
border: none;
font-size: 16px;
width: 100%;
background-image: none;
background: #fff;
-webkit-appearance: none;
padding: 1px 10px;
height: 39px;
}
#vehicles .vehicle-img {
text-align: center;
}
#vehicles .vehicle-img img {
display: inline-block;
}
#vehicles .vehicle-price {
background-color: rgba(48, 49, 49, 0.7);
height: 53px;
line-height: 53px;
padding: 0 10px;
font-size: 24px;
font-weight: 900;
color: #fff;
}
#vehicles .vehicle-price .info {
font-weight: normal;
font-size: 18px;
}
#vehicles .reserve-button {
background-color: #186D96;
color: #fff;
display: block;
height: 50px;
line-height: 51px;
font-size: 24px;
font-weight: 900;
padding: 0 15px;
box-shadow: 6px 6px 0 #efe9e9;
text-transform: uppercase;
-webkit-transition: .2s;
transition: .2s;
}
#vehicles .reserve-button:hover {
background-color: #716d6e;
}
#vehicles .reserve-button span {
margin-right: 7px;
}
/* Reviews
--------------------------------------------*/
#reviews {
margin-top: 90px;
padding-bottom: 25px;
}
#reviews .stars {
font-size: 27px;
margin-bottom: 10px;
}
#reviews .stars .big {
font-size: 36px;
}
#reviews .review {
font-size: 24px;
line-height: 1.7;
}
#reviews .author {
font-size: 18px;
font-weight: 900;
color: #c61334;
margin-top: 10px;
}
#reviews .carousel-indicators {
position: absolute;
bottom: auto;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
margin-top: 25px;
}
#reviews .carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #ccc;
}
#reviews .carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #716d6e;
}
/* Locations
--------------------------------------------*/
#locations {
margin-top: 90px;
}
#locations .location-select-container {
z-index: 1;
position: relative;
}
#locations .location-select {
background-color: #c61334;
height: 93px;
}
#locations .location-select h2 {
font-size: 35px;
font-weight: 900;
color: #fff;
margin: 26px 0 0 21px;
}
#locations .styled-select-location {
height: 47px;
position: relative;
margin: 22px 21px 0 0;
background-color: #fff;
}
#locations .styled-select-location:after {
content: '';
background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 21px;
right: 0px;
top: 0px;
width: 30px;
height: 43px;
position: absolute;
pointer-events: none;
}
#locations .styled-select-location select {
border: none;
font-size: 18px;
width: 100%;
background-image: none;
background: #fff;
-webkit-appearance: none;
padding: 11px 10px;
height: 43px;
}
#locations .map {
height: 550px;
background-color: #ccc;
top: -70px;
}
#locations .map h2 {
color: #c61334;
padding: 0 10px;
margin-bottom: 4px;
}
#locations .map p {
font-size: 16px;
padding: 0 10px;
}
.arrow-down-location {
width: 0;
height: 0;
border-left: 37px solid transparent;
border-right: 37px solid transparent;
border-top: 37px solid #c61334;
margin: 0 auto;
}
/* Information
--------------------------------------------*/
#information {
margin-top: 90px;
}
#information .row {
margin-bottom: 90px;
}
#information .title {
font-size: 36px;
font-weight: 900;
margin: 0 0 30px 0;
padding: 0;
}
#information .subtitle {
font-size: 24px;
font-weight: normal;
margin: 0 0 30px 0;
padding: 0;
}
#information p {
font-size: 18px;
line-height: 1.7;
margin-bottom: 30px;
}
#information .btn-border {
border: 1px solid #ccc;
padding: 1px;
margin: 0 20px 0 0;
display: inline-block;
}
#information .btn {
font-size: 24px;
font-weight: 900;
background-color: #c61334;
color: #fff;
border-radius: 0;
border: none;
line-height: 47px;
padding: 0 15px;
box-shadow: 6px 6px 0 #efe9e9;
margin-right: 15px;
-webkit-transition: .2s;
transition: .2s;
}
#information .btn:hover {
background-color: #716d6e;
}
#information .btn-gray {
background-color: #716d6e;
}
#information .btn-gray:hover {
background-color: #c61334;
}
#information .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#information .video iframe,
#information .video object,
#information.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Partners
--------------------------------------------*/
#partners {
padding: 90px 0;
background-color: #f8f8f8;
}
#partners .title {
margin-bottom: 38px;
}
#partners h2 {
font-size: 46px;
font-weight: 900;
text-align: center;
margin: 0 0 25px 0;
padding: 0;
}
#partners .underline {
height: 4px;
width: 135px;
display: block;
background-color: #c61334;
margin: 0 auto;
}
#partners p {
margin: 40px 0 60px 0;
font-size: 18px;
line-height: 1.7;
}
/* Contact
--------------------------------------------*/
#contact {
margin-top: 90px;
}
#contact h2 {
font-size: 36px;
font-weight: 900;
margin-bottom: 65px;
}
#contact .contact-info {
font-size: 18px;
margin-bottom: 35px;
line-height: 1.7;
}
#contact .contact-info .address {
font-weight: 900;
}
#contact .contact-info .highlight {
color: #c61334;
}
#contact form .form-group {
margin-bottom: 20px;
}
#contact form .text-field {
background-color: #dbdbdb;
height: 45px;
border-radius: 0;
border: none;
box-shadow: none;
font-size: 18px;
}
#contact form textarea {
background-color: #dbdbdb;
height: 196px;
border-radius: 0;
border: none;
box-shadow: none;
font-size: 18px;
}
#contact form ::-webkit-input-placeholder {
font-size: 18px !important;
font-weight: bold;
}
#contact form :-moz-placeholder {
font-size: 18px !important;
font-weight: bold;
}
#contact form ::-moz-placeholder {
font-size: 18px !important;
font-weight: bold;
}
#contact form :-ms-input-placeholder {
font-size: 18px !important;
font-weight: bold;
}
#contact form .first-name {
float: left;
width: 49%;
}
#contact form .last-name {
float: right;
width: 49%;
}
#contact form .btn-border {
border: 1px solid #ffd992;
padding: 1px;
margin: 0 20px 0 0;
display: inline-block;
}
#contact form .submit-message {
font-size: 24px;
font-weight: 900;
background-color: #c61334;
color: #fff;
border: none;
line-height: 47px;
padding: 0 15px;
box-shadow: 6px 6px 0 #efe9e9;
text-transform: uppercase;
-webkit-transition: .2s;
transition: .2s;
border-radius: 0;
}
#contact form .submit-message:hover {
background-color: #716d6e;
}
#contact .contact-box-title {
font-size: 18px;
font-weight: bold;
}
#contact .contact-box {
background-color: #ededed;
padding: 20px;
}
#contact .contact-box .highlight {
font-weight: bold;
color: #c61334;
}
#contact .contact-box img {
border: 1px solid #c61334;
float: left;
margin-right: 20px;
}
#contact .contact-box-name {
font-size: 24px;
font-weight: bold;
}
#contact .contact-box-border {
background-color: #c61334;
height: 10px;
margin-top: 1px;
margin-bottom: 8px;
}
#contact .contact-box-divider {
height: 10px;
}
/* Footer
--------------------------------------------
footer {
background-color: #DBDBDB;
padding-bottom: 7px;
padding-left: 0;
padding-right: 0;
padding-top: 14px;
}
footer .footer-nav {
list-style: none;
margin: 0 auto 20px auto;
padding: 0;
}
footer .footer-nav li {
list-style: none;
display: inline-block;
padding: 0 10px;
}
footer .footer-nav li a {
font-size: 18px;
text-decoration: underline;
color: #716d6e;
font-weight: bold;
}*/
/* Checkout Modal
--------------------------------------------*/
#checkoutModal .modal-dialog {
width: 748px;
}
#checkoutModal .modal-content {
border-radius: 0px;
box-shadow: none;
border: 2px solid #fff;
}
#checkoutModal .modal-header {
color: #fff;
background-color: #c61334;
border-bottom: none;
}
#checkoutModal .modal-title {
font-size: 24px;
font-weight: 900;
text-transform: uppercase;
}
#checkoutModal .close {
color: #fff;
text-shadow: none;
opacity: .6;
font-size: 27px;
margin: 1px 7px 0 0;
}
#checkoutModal .close:hover,
.close:focus {
text-decoration: none;
cursor: pointer;
opacity: 1;
}
#checkoutModal .modal-body {
padding: 0;
}
#checkoutModal .modal-body h3 {
margin: 0;
font-size: 18px;
color: #c61334;
font-weight: bold;
margin-bottom: 25px;
}
#checkoutModal .checkout-info-box {
background-color: rgba(198, 19, 52, 0.2);
padding: 20px 30px;
}
#checkoutModal .checkout-info-box h3 {
margin: 0;
margin-bottom: 15px;
color: #716d6e;
}
#checkoutModal .checkout-info-box h3 i {
font-size: 23px;
}
#checkoutModal .checkout-vehicle-info {
margin-top: 30px;
}
#checkoutModal .location-date-info {
padding: 0 0 0 30px;
float: left;
max-width: 340px;
}
#checkoutModal .vehicle-info {
padding: 0 30px 0 0;
float: right;
max-width: 360px;
}
#checkoutModal .vehicle-info h3 {
float: left;
margin-right: 10px;
}
#checkoutModal .vehicle-info a {
font-size: 12px;
}
#checkoutModal .vehicle-info .vehicle-image {
width: 90%;
}
#checkoutModal .info-box {
margin-bottom: 25px;
}
#checkoutModal .info-box .glyphicon {
float: left;
font-size: 17px;
}
#checkoutModal .info-box .info-box-title {
font-size: 14px;
font-weight: bold;
margin: 0 0 3px 25px;
}
#checkoutModal .info-box .info-box-description {
margin-left: 25px;
font-size: 14px;
}
#checkoutModal .checkout-personal-info {
padding: 0 30px;
}
#checkoutModal .checkout-personal-info .form-group {
float: left;
width: 335px;
min-height: 70px;
}
#checkoutModal .checkout-personal-info .form-group.left {
margin-right: 7px;
}
#checkoutModal .checkout-personal-info .form-group.right {
margin-left: 7px;
}
#checkoutModal .checkout-personal-info .age {
float: left;
width: 140px;
min-height: 70px;
}
#checkoutModal form .styled-select-age {
border: 2px solid #efe9e9;
height: 43px;
position: relative;
}
#checkoutModal form .styled-select-age:after {
content: '';
background: #ffffff url('../img/dropdown-icon.png') no-repeat 5px 18px;
right: 0px;
top: 0px;
width: 29px;
height: 39px;
position: absolute;
pointer-events: none;
}
#checkoutModal form .styled-select-age select {
border: none;
font-size: 16px;
width: 100%;
background-image: none;
background: #fff;
-webkit-appearance: none;
padding: 9px 10px;
height: 39px;
}
#checkoutModal form input {
background-color: #dbdbdb;
height: 45px;
border-radius: 0;
border: none;
box-shadow: none;
line-height: 45px;
font-size: 18px;
}
#checkoutModal form ::-webkit-input-placeholder {
font-size: 14px !important;
}
#checkoutModal form :-moz-placeholder {
font-size: 14px !important;
}
#checkoutModal form ::-moz-placeholder {
font-size: 14px !important;
}
#checkoutModal form :-ms-input-placeholder {
font-size: 14px !important;
}
#checkoutModal form .checkbox {
padding-left: 0;
}
#checkoutModal form input[type=checkbox] {
display: none;
}
#checkoutModal form .checkbox label {
font-size: 18px;
}
#checkoutModal form .checkbox label:before {
content: "";
display: inline-block;
font-size: 15px;
width: 24px;
height: 24px;
margin-right: 10px;
background-color: #dbdbdb;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #f3f3f3;
text-align: center;
line-height: 24px;
float: left;
}
#checkoutModal form input[type=checkbox]:checked + label:before {
content: "\2713";
}
#checkoutModal .checkout-address-info {
padding: 0 30px;
}
#checkoutModal .checkout-address-info .city {
float: left;
width: 335px;
margin-right: 7px;
}
#checkoutModal .checkout-address-info .zip-code {
float: left;
width: 335px;
margin-left: 7px;
}
#checkoutModal .newsletter {
padding: 0 30px;
margin: 30px 0;
}
#checkoutModal .modal-footer {
background-color: #e3e2e2;
}
#checkoutModal .modal-footer .btn {
font-size: 24px;
font-weight: 900;
background-color: #c61334;
color: #fff;
border-radius: 0;
height: 47px;
line-height: 47px;
padding: 0 15px;
}
#checkoutModal .modal-footer .btn-border {
border: 1px solid #ccc;
padding: 1px;
margin: 0 10px 0 0;
display: inline-block;
background-color: #fff;
}
#checkoutModal .modal-footer .btn-yellow {
border-color: #ffd992;
}
#checkoutModal .modal-footer .btn-yellow button {
background-color: #c61334;
}
#checkoutModal .modal-footer .btn-gray {
border-color: #b8b6b6;
}
#checkoutModal .modal-footer .btn-gray button {
background-color: #716d6e;
}
.navbar-collapse.collapse.in{
border:1px solid #E0E0E0 !important;
}
/* header .navbar-default .navbar-collapse{
border:1px solid #E0E0E0 !important;
}*/
/* Start Media Queries
------------------------------------------------*/
/* Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
/* Header
--------------------------------------------*/
header.large .brand {
width: 75%;
}
header .header-info .contact {
font-size: 14px;
}
header .navbar-default {
font-size: 14px;
}
header.large {
height: 133px;
}
header.small {
height: 91px;
}
header.small .brand {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: -4px;
}
/* Teaser
--------------------------------------------*/
#teaser form .styled-select-car select {
font-size: 21px;
}
#teaser form .input-group-addon {
font-size: 14px;
width: 95px;
}
#teaser form .input-group-addon .glyphicon {
font-size: 12px;
}
#teaser form .input-group input {
font-size: 14px;
padding-left: 10px;
}
#teaser form .styled-select-time select {
font-size: 14px;
padding: 0 5px;
}
#teaser form .date {
width: 195px;
}
#teaser form .time {
width: 105px;
}
#teaser form .styled-select-time:after {
background: #ffffff url('../img/dropdown-icon.png') no-repeat 10px 18px;
}
#teaser form .submit {
font-size: 19px;
}
#teaser .title {
font-size: 30px;
}
#teaser .subtitle {
font-size: 18px;
}
#teaser form {
padding: 20px 30px;
}
#teaser .reservation-form-shadow {
height: 465px;
}
/* Services
--------------------------------------------*/
#services h2 {
font-size: 42px;
margin: 0 0 20px 0;
}
#services .service-box .service-icon {
height: 38px;
width: 38px;
line-height: 37px;
font-size: 36px;
}
#services .service-box .service-title {
font-size: 24px;
padding-top: 6px;
}
#services .service-box .service-content {
margin-top: 20px;
font-size: 16px;
line-height: 1.5;
}
/* Newsletter
--------------------------------------------*/
#newsletter .title {
font-size: 24px;
}
#newsletter .subtitle {
font-size: 15px;
}
#newsletter .newsletter-form {
height: 50px;
padding: 7px;
}
#newsletter .newsletter-form button {
font-size: 17px;
}
#newsletter .social-icons ul li a {
height: 51px;
width: 55px;
line-height: 51px;
font-size: 31px;
}
/* Vehicles
--------------------------------------------*/
#vehicles .title {
font-size: 32px;
}
#vehicles .vehicle-nav li a {
font-size: 16px;
height: 55px;
line-height: 55px;
}
#vehicles .vehicle-price {
font-size: 20px;
}
#vehicles .vehicle-price {
font-size: 20px;
}
#vehicles .vehicle-price .info {
font-size: 16px;
}
#vehicles .table {
font-size: 12px;
}
#vehicles .reserve-button {
font-size: 22px;
}
#vehicles .reserve-button {
font-size: 22px;
}
#reviews .review {
font-size: 18px;
}
#reviews .author {
font-size: 16px;
}
/* Locations
--------------------------------------------*/
#locations .location-select h2 {
font-size: 28px;
margin: 30px 0 0 21px;
}
#locations .map {
height: 500px;
}
/* Information
--------------------------------------------*/
#information .title {
font-size: 28px;
margin: 0 0 20px 0;
}
#information .subtitle {
font-size: 20px;
margin: 0 0 30px 0;
}
#information p {
font-size: 14px;
line-height: 1.7;
margin-bottom: 20px;
}
#information .btn {
font-size: 20px;
}
/* Partners
--------------------------------------------*/
#partners h2 {
font-size: 42px;
margin: 0 0 20px 0;
}
#partners p {
font-size: 16px;
}
/* Contact
--------------------------------------------*/
#contact h2 {
font-size: 32px;
}
#contact .contact-info {
font-size: 16px;
}
#contact form .form-group {
margin-bottom: 15px;
}
#contact form .text-field {
height: 40px;
line-height: 40px;
font-size: 16px;
}
#contact .contact-box {
font-size: 13px;
}
#contact .contact-box img {
width: 65px;
}
#contact .contact-box-name {
font-size: 20px;
}
#contact form ::-webkit-input-placeholder {
font-size: 16px !important;
}
#contact form :-moz-placeholder {
font-size: 16px !important;
}
#contact form ::-moz-placeholder {
font-size: 16px !important;
}
#contact form :-ms-input-placeholder {
font-size: 16px !important;
}
#contact form .submit-message {
font-size: 20px;
}
/* Footer
--------------------------------------------*/
footer .footer-nav li a {
font-size: 16px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
/* Header
--------------------------------------------*/
header .brand {
display: none;
}
.navbar-brand {
padding: 0;
width: 230px;
}
header .navbar-brand {
display: block;
}
header .navbar-toggle {
margin-top: 4px;
}
header.large {
height: 91px;
}
header.large .header-info {
display: none;
}
header .navbar-default .navbar-collapse {
background-color: #fff;
padding: 32px;
z-index: 1183;
position: absolute;
width: 100%;
margin: 15px 0 0 0;
border: 14px solid #ffbf00;
border-top: none;
box-shadow: 0px 4px 1px -1px rgba(50, 50, 50, 0.32);
}
/* Teaser
--------------------------------------------*/
#teaser {
height: 1100px;
}
#teaser .title {
text-align: center;
}
#teaser .carousel {
margin-bottom: 70px;
}
#teaser form .date {
width: 65%;
}
#teaser form .time {
width: 32%;
}
/* Newsletter
--------------------------------------------*/
#newsletter .title {
text-align: center;
margin-bottom: 25px;
}
#newsletter .newsletter-form {
width: 100%;
}
#newsletter .social-icons {
width: 100%;
text-align: center;
margin-top: 25px;
}
#newsletter .social-icons ul li {
display: inline-block;
float: none;
}
/* Vehicles
--------------------------------------------*/
#vehicles .styled-select-vehicle-data {
display: block;
}
#vehicles .vehicle-nav {
display: none;
}
#vehicles .vehicle-img {
margin: 15px 0;
}
#vehicles .vehicle-img img {
display: inline-block;
}
/* Locations
--------------------------------------------*/
#locations .location-select {
height: 155px;
}
#locations .location-select h2 {
text-align: center;
}
#locations .styled-select-location {
margin: 22px 21px 0 22px;
}
/* Information
--------------------------------------------*/
#information {
text-align: center;
}
#information img {
display: inline-block;
margin-bottom: 25px;
}
#information .video {
margin-bottom: 25px;
}
/* Partners
--------------------------------------------*/
#partners {
padding-bottom: 50px;
}
#partners img {
display: inline-block;
margin-bottom: 40px;
}
/* Contact
--------------------------------------------*/
#contact .contact-info {
margin-top: 40px;
}
/* CheckOut Modal
--------------------------------------------*/
#checkoutModal .modal-dialog {
width: 100%;
margin: 0;
}
#checkoutModal .form-group {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
#checkoutModal .modal-footer {
text-align: center;
}
}
/* Small devices (660px and down) */
@media (max-width: 660px) {
/* CheckOut Modal
--------------------------------------------*/
#checkoutModal .vehicle-info {
padding: 0 0 0 45px;
float: none;
width: 100%;
max-width: 100%;
padding: 0 45px 0 45px;
}
#checkoutModal .location-date-info {
width: 100%;
padding: 0 0 0 45px;
float: none;
}
}
/* Small devices (480px and down) */
@media (max-width: 480px) {
#teaser form .submit {
font-size: 18px;
}
}
.pi-img-border-double .pi-img-overlay {
top:4px;
left:4px;
bottom:4px;
right:4px
}
.pi-img-shadow, .pi-img-shadow img {
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .07);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .07);
box-shadow:0 1px 2px rgba(0, 0, 0, .07)
}
.pi-img-shadow-light, .pi-img-shadow-light img {
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .03);
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .03);
box-shadow:0 1px 1px rgba(0, 0, 0, .03)
}
.pi-img-shadow-inner {
display:block;
position:relative
}
.pi-img-shadow-inner:after {
content:"";
display:block;
position:absolute;
z-index:2;
top:0;
left:0;
bottom:0;
right:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1)
}
.pi-img-shadow-gap {
height:20px;
overflow:hidden;
margin-top:4px
}
.pi-img-shadow-gap.pi-shadow-effect8:after, .pi-img-shadow-gap.pi-shadow-effect8:before {
bottom:auto;
top:-24px;
height:5px
}
.pi-img-overlay {
-webkit-backface-visibility:hidden;
display:block;
position:absolute!important;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
opacity:0;
padding:30px;
text-align:left;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.pi-img-w:hover .pi-img-overlay, .pi-portfolio-description-box:hover .pi-img-overlay {
opacity:1
}
.pi-img-overlay a {
border-bottom:0
}
.pi-img-overlay .pi-caption-centered {
display:table;
width:100%;
height:100%
}
.pi-img-overlay .pi-caption-centered>:first-child {
display:table-cell;
vertical-align:middle;
text-align:center
}
.pi-img-overlay .pi-caption-bottom {
display:table;
width:100%;
position:absolute!important;
bottom:10px
}
.pi-img-overlay .pi-caption-bottom>:first-child {
display:table-cell;
vertical-align:middle;
text-align:center
}
.pi-overlay-short {
top:auto
}
.pi-img-with-overlay {
overflow:hidden;
position:relative
}
.pi-img-caption {
position:relative;
display:block;
z-index:2;
box-sizing:border-box;
font-style:italic;
padding:12px 18px;
margin-bottom:0;
text-align:left;
border:1px solid transparent;
border-top-width:0;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.pi-caption-opened {
opacity:1
}
.pi-overlay-slide {
opacity:1;
top:auto
}
.pi-overlay-slide h1, .pi-overlay-slide h2, .pi-overlay-slide h3, .pi-overlay-slide h4, .pi-overlay-slide h5, .pi-overlay-slide h6 {
margin-bottom:19px
}
.pi-caption-scale {
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
.pi-img-w:hover .pi-caption-scale, .pi-portfolio-description-box:hover .pi-caption-scale {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
.pi-caption-links {
display:block;
list-style:none;
padding:0;
margin-bottom:10px;
font-size:13px;
line-height:1.8em
}
.pi-caption-links li {
display:inline-block;
margin:0 5px 0 0;
color:rgba(250, 250, 250, .7)
}
.pi-caption-links li i {
margin-right:5px;
color:rgba(250, 250, 250, .6)
}
.pi-caption-links li a {
color:rgba(250, 250, 250, .7);
-webkit-transition:color .1s ease-in-out 0s;
-moz-transition:color .1s ease-in-out 0s;
-ms-transition:color .1s ease-in-out 0s;
-o-transition:color .1s ease-in-out 0s;
transition:color .1s ease-in-out 0s
}
.pi-caption-links li a i {
margin-right:5px;
color:rgba(250, 250, 250, .6)
}
.pi-caption-links li a:hover {
color:#fff
}
.pi-caption-icon {
display:inline-block!important;
width:60px;
height:60px;
margin:15px 3px;
border-radius:50%;
text-align:center;
font:22px/60px fontello;
content:"\e875";
-webkit-transition:all .1s ease-in-out 0s;
-moz-transition:all .1s ease-in-out 0s;
-ms-transition:all .1s ease-in-out 0s;
-o-transition:all .1s ease-in-out 0s;
transition:all .1s ease-in-out 0s
}
.pi-caption-icon-small {
width:42px;
height:42px;
font-size:18px;
line-height:42px
}
.pi-caption-icon-smaller {
width:36px;
height:36px;
font-size:16px;
line-height:36px
}
.pi-caption-icon-only {
width:60px;
height:60px;
font-size:50px;
line-height:60px;
margin:5px 3px
}
.pi-img-round, .pi-img-round .pi-img-border, .pi-img-round .pi-img-border-double, .pi-img-round .pi-img-shadow-inner:after, .pi-img-round img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.pi-img-round.pi-img-with-caption .pi-img-caption {
border-top-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.pi-img-round-corners, .pi-img-round-corners .pi-img-border, .pi-img-round-corners .pi-img-border-double, .pi-img-round-corners .pi-img-overlay, .pi-img-round-corners .pi-img-shadow-inner:after, .pi-img-round-corners img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.pi-img-round-corners.pi-img-with-caption .pi-img-border, .pi-img-round-corners.pi-img-with-caption .pi-img-border-double, .pi-img-round-corners.pi-img-with-caption .pi-img-overlay, .pi-img-round-corners.pi-img-with-caption .pi-img-shadow-inner:after, .pi-img-round-corners.pi-img-with-caption img {
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0
}
.pi-img-round-corners.pi-img-with-caption, .pi-img-round-corners.pi-img-with-caption .pi-img-caption {
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px
}
.pi-img-opacity-30 img {
opacity:.3;
-webkit-transition:all .1s ease-in-out 0s;
-moz-transition:all .1s ease-in-out 0s;
-ms-transition:all .1s ease-in-out 0s;
-o-transition:all .1s ease-in-out 0s;
transition:all .1s ease-in-out 0s
}
.pi-img-opacity-30:hover img {
opacity:1
}
.pi-img-opacity-50 img {
opacity:.5;
-webkit-transition:all .1s ease-in-out 0s;
-moz-transition:all .1s ease-in-out 0s;
-ms-transition:all .1s ease-in-out 0s;
-o-transition:all .1s ease-in-out 0s;
transition:all .1s ease-in-out 0s
}
.pi-img-opacity-50:hover img {
opacity:1
}
.pi-img-opacity-70 img {
opacity:.7;
-webkit-transition:all .1s ease-in-out 0s;
-moz-transition:all .1s ease-in-out 0s;
-ms-transition:all .1s ease-in-out 0s;
-o-transition:all .1s ease-in-out 0s;
transition:all .1s ease-in-out 0s
}
.pi-img-opacity-70:hover img, .pi-img-w:hover .pi-img-opacity-30 img, .pi-img-w:hover .pi-img-opacity-50 img, .pi-img-w:hover .pi-img-opacity-70 img {
opacity:1
}
.pi-img-grayscale img {
-webkit-filter:grayscale(100%)
}
.pi-img-grayscale-hover img {
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(100%);
-webkit-backface-visibility:hidden;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.pi-img-grayscale-hover:hover img, .pi-img-w:hover .pi-img-grayscale-hover img {
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(0%)
}
.pi-img-grayscale-hover-70 img {
filter:url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter:grayscale(70%);
-webkit-backface-visibility:hidden;
-webkit-transition:all .3s ease-in-out 0s;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
.pi-liquid-col-sm-3 .pi-gallery-item {
float: left;
height: 270px;
overflow-x: hidden;
overflow-y: hidden;
width: 33.3%;
}
.pi-gallery .pi-gallery-item img {
width: 100%;
}
.pi-section-white a {
color: #03AFAF;
}
.pi-gallery-small-margins .pi-img-w {
margin-bottom: 20px;
}
.pi-img-round-corners, .pi-img-round-corners .pi-img-border, .pi-img-round-corners .pi-img-border-double, .pi-img-round-corners .pi-img-overlay, .pi-img-round-corners .pi-img-shadow-inner:after, .pi-img-round-corners img {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.pi-img-shadow, .pi-img-shadow img {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.pi-img-w {
margin-bottom: 20px;
position: relative;
}
.pi-section-white .h1, .pi-section-white .h2, .pi-section-white .h3, .pi-section-white .h4, .pi-section-white .h5, .pi-section-white .h6, .pi-section-white h1, .pi-section-white h2, .pi-section-white h3, .pi-section-white h4, .pi-section-white h5, .pi-section-white h6 {
color: #21252B;
}
.pi-section-white .h1, .pi-section-white .h2, .pi-section-white .h3, .pi-section-white .h4, .pi-section-white .h5, .pi-section-white .h6, .pi-section-white h1, .pi-section-white h2, .pi-section-white h3, .pi-section-white h4, .pi-section-white h5, .pi-section-white h6 {
color: #21252B;
}
.pi-margin-bottom-5 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.4);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
color: #FFFFFF;
margin-bottom: -25px !important;
margin-left: 0;
margin-top: -57px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
}
.pi-letter-spacing {
letter-spacing: 1px;
}
.pi-uppercase {
text-transform: uppercase;
}
.pi-weight-700 {
font-weight: 700 !important;
}
.pi-section-grey .pi-meta li, .pi-section-grey .pi-portfolio-cats li, .pi-section-white .pi-meta li, .pi-section-white .pi-portfolio-cats li {
color: #B5B8BF;
}
.pi-meta li:last-child {
margin-right: 0;
}
.pi-meta li {
display: inline-block;
margin-bottom: 0;
margin-left: 0;
margin-right: 5px;
margin-top: 0;
}
.pi-meta a {
color: #BFBFBF;
}
.pi-link-dark {
color: #FFFFFF;
font-size: 16px;
}
.pi-meta {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.h4.pi-weight-700.pi-uppercase.pi-has-bg.pi-letter-spacing.pi-margin-bottom-30 {
color: #000000;
font-size: 26px;
padding-bottom: 15px;
}
.pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-1 .pi-gallery-item, .pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-2 .pi-gallery-item, .pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-3 .pi-gallery-item, .pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-4 .pi-gallery-item, .pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-5 .pi-gallery-item, .pi-gallery.pi-gallery-small-margins.pi-liquid-col-sm-6 .pi-gallery-item {
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
}
/* 2.16. Pricing Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pricing-table {
padding: 20px;
background: #F8F8F8;
/* colored */ }
.pricing-table .header {
border-bottom: 1px solid #f5f5f5; }
.pricing-table .header > i {
float: left;
font-size: 16px;
margin: 3px 8px 0 0; }
.pricing-table .header .box-title {
float: left;
font-size: 24px;
line-height: 1.3333em;
margin-bottom: -2px;
margin-top: 4px;
}
.button.btn-small.yellow.full-width {
background-color: #FDB714;
color: #FFFFFF;
margin-left: 111px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.pricing-table .header .box-title small {
text-transform: uppercase;
display: block;
font-size: 0.6em; }
.pricing-table .description {
text-align: center;
margin: 15px 0;
font-weight: bold;
}
.pricing-table .features {
margin-bottom: 15px;
text-transform: uppercase; }
.pricing-table .features li {
margin-top: 1px;
background: #efefef;
font-size: 0.9167em;
padding-left: 20px;
line-height: 40px;
color:#5F5F5F;
}
.pricing-table.green, .pricing-table.blue, .pricing-table.yellow, .pricing-table.red {
color: #fff; }
.pricing-table.green .box-title, .pricing-table.green .box-title small, .pricing-table.green .price, .pricing-table.green .price small, .pricing-table.blue .box-title, .pricing-table.blue .box-title small, .pricing-table.blue .price, .pricing-table.blue .price small, .pricing-table.yellow .box-title, .pricing-table.yellow .box-title small, .pricing-table.yellow .price, .pricing-table.yellow .price small, .pricing-table.red .box-title, .pricing-table.red .box-title small, .pricing-table.red .price, .pricing-table.red .price small {
color: #fff; }
.pricing-table.green .box-title small, .pricing-table.green .price small, .pricing-table.green .description, .pricing-table.blue .box-title small, .pricing-table.blue .price small, .pricing-table.blue .description, .pricing-table.yellow .box-title small, .pricing-table.yellow .price small, .pricing-table.yellow .description, .pricing-table.red .box-title small, .pricing-table.red .price small, .pricing-table.red .description {
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6; }
.pricing-table.green {
background: #98ce44; }
.pricing-table.green .header {
border-bottom-color: #91c63d; }
.pricing-table.green .features li {
background: #91c63d; }
.pricing-table.green .features li:before {
background: #98ce44; }
.pricing-table.yellow {
background: #fdb714; }
.pricing-table.yellow .header {
border-bottom-color: #f5b010; }
.pricing-table.yellow .features li {
background: #f5b010; }
.pricing-table.yellow .features li:before {
background: #fdb714; }
.pricing-table.blue {
background: #01b7f2; }
.pricing-table.blue .header {
border-bottom-color: #04afe7; }
.pricing-table.blue .features li {
background: #04afe7; }
.pricing-table.blue .features li:before {
background: #01b7f2; }
.pricing-table.red {
background: #e01a33; }
.pricing-table.red .header {
border-bottom-color: #d51a32; }
.pricing-table.red .features li {
background: #186d96; }
.pricing-table.red .features li:before {
background: #e01a33; }
/* 2.6. Unordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin {
line-height: 2em;
font-size: 1em; }
ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before {
color: #01b7f2; }
ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li {
cursor: default; }
ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle {
list-style: none;
padding: 0; }
ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.arrow-square li:before, ul.check-square li:before, ul.check-circle li:before {
font-family: "FontAwesome"; }
ul.arrow li:before {
content: "\f178";
margin-right: 10px;
color: #01b7f2; }
ul.triangle li:before, .widget_nav_menu ul li:before {
content: "\f04b";
margin-right: 10px;
color: #d9d9d9;
display: block;
float: left;
font-size: 7px;
font-family: "FontAwesome"; }
ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before, .widget_nav_menu ul li.active, .widget_nav_menu ul li.active:before, .widget_nav_menu ul.hover li:hover, .widget_nav_menu ul.hover li:hover .box-title, .widget_nav_menu ul.hover li:hover:before {
color: #01b7f2; }
ul.circle li:before {
content: "\f111";
margin-right: 10px;
color: #01b7f2;
display: block;
float: left;
font-size: 5px; }
ul.circle.bullet-yellow li:before {
color: #fdb714; }
ul.circle.bullet-green li:before {
color: #98ce44; }
ul.circle.bullet-blue li:before {
color: #01b7f2; }
ul.check li:before {
content: "\e8ba";
margin-right: 10px;
color: #98ce44;
font-family: "soap-icons";
font-size: 1.3333em;
line-height: 1em; }
ul.chevron li {
padding-left: 30px !important;
position: relative; }
ul.chevron li:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
line-height: 20px;
content: "\f054";
color: #01b7f2;
display: block;
width: 20px;
height: 20px;
text-align: center;
font-size: 10px;
border: 1px solid #01b7f2;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%; }
ul.arrow-square li:before {
content: "\f178";
margin-right: 10px;
color: #fff;
background: #01b7f2;
padding: 0 2px 0 3px; }
ul.decimal {
counter-reset: item; }
ul.decimal li:before {
content: counters(item,".") "-";
counter-increment: item;
margin-right: 5px; }
ul.upper-roman {
padding-left: 1.5em;
list-style: upper-roman outside none; }
ul.lower-latin {
padding-left: 1.25em;
list-style: lower-latin outside none; }
ul.upper-latin {
padding-left: 1.5em;
list-style: upper-latin outside none; }
/* colored */
ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li {
color: #01b7f2; }
ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > * {
color: #838383; }
.sms {
float: left;
margin-right: 19px !important;
}
.numberspan {
float: left;
margin-right: 0 !important;
}
ul.check-square li:before {
font-family:'FontAwesome';
content: "\f046";
color: #186D96;
padding: 1px 4px 0;
margin-right: 10px;
font-size: 12px; }
ul.check-square li.active {
background: #01b7f2;
color: #fff; }
ul.check-square li.active > a {
color: #fff; }
ul.check-square li.active:before {
background: #fff;
color: #fdb714; }
ul.check-circle li:before {
content: "\e8ba";
display: inline-block;
color: #186d96;
margin-right: 10px;
font-family: "soap-icons";
background: #fff;
vertical-align: baseline;
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
width: 18px;
height: 18px;
text-align: center;
.pricing-table .header .box-title {
float: left;
line-height: 1.3333em;
margin-bottom: 20px;
}
.box-title, .post-title, .post-meta, .author-section .name, .mile, .title, .s-title, .price, button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs {
letter-spacing: 0.04em;
}
.box-title {
line-height: 1em;
margin-bottom: 0;
}
.price {
color: #7DB921;
display: block;
float: right;
font-size: 1.6667em;
line-height: 1;
text-align: right;
text-transform: uppercase;
}
.menu-sec > .container > ul > li > a:hover,
.service2 > span > i ,
.emp-of-month-desc > .progress > i,
.next-products ul > li > i,
.next-products h3,
.testimonial-sec2 li > a > i,
#recent-work-nav > ul > li > a > i,
#recent-work-nav > ul > li > a:before,
#recent-work-nav > ul > li > a.active,
.latest-project:hover > h2 > a,
.ceo-detals2 > h3 > i,
.news-detials > a,
.s-category-widget > ul > li > a:hover,
.s-category-widget > ul > li > a:hover > i,
.twitter-widget > ul li > a,
.post-desc > h2 > a:hover,
.w-top-faq ul li:hover a,
.w-top-faq ul li:hover span,
.w-top-faq ul li:hover i,
.w-get-help ul li p i,
.w-get-help ul li ul li:hover p,
.w-get-help ul li ul li:hover i ,
.w-get-help > ul > li:hover h3,
.w-get-help > ul > li:hover span,
.w-get-help ul li > i,
.history-head > span > i,
.history-box-sec > a:hover i,
.author-post > a > i,
.user-comment > a,
.w-ceo > h5,
.heading4 > h2 i,
.shop-ctgry-box > ul > li > span > i,
.shop-offer-sec > p > i,
.job-form-sec form > label,
.job-form-sec form > label > i,
.product-table > li > i,
.cart-product-desc > h3 > i,
.testimonial-sec li > a,
.our-clients2 > a:hover,
.business1-menu > ul > li:hover > a,
.log-in-sec > a,
.login-form > ul > li > a,
.submit-form > p > i,
.menu-ctgry > ul > li:hover > a,
.menu-news > ul > li:hover > a > h3,
.menu-news > ul > li:hover > a > p,
.blog4-tags > li > a:hover,
.our-blog4-box > h3 > a:hover,
.toogle-cart-box > ul > li > a:hover,
.block.with-parallax .service6:hover > span,
.features-parallex > li:hover > h3,
.ceo-details3 > h3 > i,
.service6 > h3 > a:hover,
.our-blog-link > a:hover,
.our-blog-box > h2:hover,
.service h2 > a:hover,
.our-blog3-box > h3:hover > a,
.our-cases-box > h3:hover > a,
.upcoming-event2 > h3:hover > a,
.related-project > h3:hover > a,
.ball:nth-child(1),
.ball:nth-child(2),
.ball:nth-child(3),
.ball:nth-child(4),
.ball:nth-child(5),
.service-single-desc > ul > li > i,
.support-team > ul > li:hover > i,
.support-team > ul > li:hover > span,
.support-team > ul > li:hover > span > i,
.features-parallex > li:hover span,
.f-testimonial-box > h4,
.service2 > h2 > a:hover,
.ceo-plan-detail > ul > li > h4,
.our-product-box > ul > li.unstar > i,
.service span,
.service > div > div > a,
.skills-box > li > span,
#success-work-nav > ul > li > a.active,
.twitter-bar-slide li > a,
.job-box > i,
.layer-desc > a,
#whats-new > h1 > i,
.our-blog-box > span,
.our-blog-box > span > i,
.our-blog-box > span > strong,
.emp-of-month-desc > h3,
.emp-of-month-desc > span,
.roles,
.event-count > span,
.event-count > div > a:hover,
.upcoming-event2 > span,
.event-count > h3,
#experience ul > li > h3,
#experience ul > li > i,
.promote-video > .row > div > span,
.event-single > ul > li,
.event-single > ul > li > i,
.w-top-faq > ul > li > span,
.single-history-sec > p > i
{
color: #4591ed;
}
@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);
#mainform{
width:960px;
margin:20px auto;
padding-top:20px;
font-family: 'Fauna One', serif;
display:block;
}
h2{
margin-left: 65px;
text-shadow:1px 0px 3px gray;
}
h3{
font-size:18px;
text-align:center;
text-shadow:1px 0px 3px gray;
}
#onclick{
padding:3px;
color:green;
cursor:pointer;
padding:5px 5px 5px 15px;
width:70px;
color:white;
background-color:#123456;
box-shadow:1px 1px 5px grey;
border-radius:3px;
}
b{
font-size:18px;
text-shadow:1px 0px 3px gray;
}
#popup{
padding-top:80px;
}
.form{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
margin:20px 250px 0 35px;
float:left;
}
input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
input[type=button]{
background-color:#123456;
border:1px solid white;
font-family: 'Fauna One', serif;
font-Weight:bold;
font-size:18px;
color:white;
width:49%;
}
textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}
#contactdiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#logindiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#login,#contact{
width:350px;
margin:0px;
background-color:white;
font-family: 'Fauna One', serif;
position: relative;
border: 5px solid rgb(90, 158, 181);
}
.img{
float: right;
margin-top: -35px;
margin-right: -37px;
}
#contact{
left: 50%;
top: 50%;
margin-left:-210px;
margin-top:-255px;
}
#login{
left: 50%;
top: 50%;
margin-left:-210px;
margin-top:-158px;
}
#wizards a img {
border: 5px solid #aaa;
}
#wizards a:hover img {
border: 5px solid #75879d;
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
@media screen and (min-width: 780px) and (max-width: 900px){
html #top > #teaser {
background-position: -321px -24px !important;
background-size: 180% auto !important;
}
}