@import url('jquery.fancybox.min.css');
body {
font-size: 14px;
font-weight: 300;
height: 100%;
font-family: 'Rubik', sans-serif;
}
html,
body {
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Rubik", sans-serif;
}
a {
text-decoration: none;
-webkit-transition: all 0.4s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
img {
max-width: 100%;
}
a:hover {
text-decoration: none;
}
label{
font-family: "Roboto", sans-serif;
}
a:focus {
outline: none;
text-decoration: none;
}
p {
line-height: 25px;
font-family: "Roboto", sans-serif;
}
input{
font-family: "Roboto", sans-serif;
outline: none;
}
fieldset {
border: 0 none;
margin: 0 auto;
padding: 0;
}
a.button {
display: inline-block;
color: #62ac1e;
padding: 12px 25px;
text-transform: capitalize;
font-size: 14px;
border: 1px solid #62ac1e;
font-weight: 500;
letter-spacing: 1px;
border-radius: 0px;
background: transparent;
}
a.button:hover {
color: #fff;
-webkit-transition: .3s;
transition: .3s;
background: #62ac1e;
border: 1px solid #62ac1e;
}
.white-text{
color: #fff;
}
.rbutton {
background: #62ac1e none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
border: 0;
border-radius: 20px;
}
.roboto{
font-family: "Roboto", sans-serif;
}
.transparent {
background: transparent;
border: 1px solid #62ac1e;
color: #62ac1e;
}
.transparent-noborder {
background: transparent !important;
border: none !important;
}
.border-btn{
padding: 10px 15px;
border: 1px solid #777;
color: #777;
display: inline-block;
}
.margin-r15{
margin-right: 15px;
}
.no-padding {
padding: 0;
}
.section-padding {
padding: 50px 0px 15px 0px;
}
.section-title {
margin-bottom: 15px;
}
.section-title-2{
margin-bottom: 0px;
}
.section-title h2 {
font-size: 36px;
text-transform: capitalize;
font-weight: 500;
/* margin-top: 70px;*/
margin-bottom: 25px;
font-family: "Rubik" , sans-serif;
display: inline-block;
}
.widget form h2 {
font-size: 20px;
font-weight: 500;
color: #333;
text-transform: uppercase;
text-align: center;
padding-bottom: 30px;
}
.col-no-padd>div {
padding-left: 0px;
padding-right: 0px;
}
a:focus,
a:hover {
color: #000;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
/*== >Title separators ====== */
.title-separator-outer {
overflow: hidden;
color: #62ac1e;
}
.title-separator {
display: inline-block;
height: 3px;
width: 80px;
margin-bottom: 10px;
position: relative;
}
.section-title .title-separator-outer.inline_btm{
width:100%;
height: 6px;
border-bottom: 2px solid #ddd;
}
.title-separator.style-liner {
width: 70px;
height: 6px
}
.title-separator.style-icon {
width: 30px;
height: auto;
text-align: center;
font-size: 20px;
}
.title-separator[class*="style-"]:after,
.title-separator[class*="style-"]:before {
content: "";
position: absolute;
top: 5px;
left: 70px;
width: 100%;
height: 2px;
background: #ddd;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.title-separator[class*="style-"]:before {
left: auto;
right: 70px;
}
.title-separator.style-skew {
width: 15px;
height: 10px;
margin-left: 1px;
margin-right: 1px;
-moz-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
-o-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.title-separator.style-skew[class*="style-"]:after,
.title-separator.style-skew[class*="style-"]:before {
width: 80px;
height: 4px;
left: 20px;
-moz-transform: translateY(-50%) skewX(-10deg);
-webkit-transform: translateY(-50%) skewX(-10deg);
-o-transform: translateY(-50%) skewX(-10deg);
-ms-transform: translateY(-50%) skewX(-10deg);
transform: translateY(-50%) skewX(-10deg);
}
.title-separator.style-skew[class*="style-"]:before {
right: 20px;
left: auto;
}
.bg-primary {
background-color: #62ac1e;
}
a.read-more {
display: inline-block;
color: #fff;
padding: 13px 30px;
text-transform: capitalize;
font-size: 14px;
border: 1px solid #62ac1e;
font-weight: 600;
letter-spacing: 1px;
border-radius: 30px;
background: #62ac1e;
}
a.read-more:hover {
color: #000;
-webkit-transition: .3s;
transition: .3s;
background: transparent;
}
.scrollup {
border-radius: 50%;
height: 40px;
width: 40px;
font-size: 14px;
color: #fff;
text-align: center;
position: fixed;
bottom: 30px;
right: 30px;
line-height: 40px;
cursor: pointer;
display: none;
z-index: 999999;
background: #62ac1e;
}
.scrollup:hover {
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.review-rating label .fa {
color: #62ac1e;
padding-right: 5px;
}
.checkbox input[type="checkbox"] {
margin-right: 10px;
margin-left: 0;
}
.check-form.checkbox input[type="checkbox"] {
margin-right: 10px;
margin-left: 0;
margin-top: 8px;
}
.widget label {
font-weight: 300;
color: #777;
font-size: 16px;
}
.no-padding-right {
padding-right: 0PX;
}
.header_margin_top{
margin-top: 300px;
}
/*
* ----------------------------------------------------------------------------------------
* 02.PRELOADER & BOUNCE CCS STYLE
* ----------------------------------------------------------------------------------------
*/
.preloader-area {
position: fixed;
background: #fff;
z-index: 11000;
height: 100%;
width: 100%;
overflow: hidden;
}
.spinner {
margin: auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
position: absolute;
left: 50%;
right: 50%;
margin-left: -20px;
top: 50%;
-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
}
.spinner i {
color: #62ac1e;
font-size: 60px;
position: relative;
left: -10px;
}
.spinner h2 {
font-size: 20px;
margin: 0;
margin-left: -20px;
}
.header-form2 .header-go-btn input[type="submit"].button{
width: 60px;
height: 80px;
padding: 0;
}
.header-go-btn{
display: inline-block;
text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 03.HOMEPAGE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.welcome-image-area {
position: relative;
background: url(../images/bg/mainbg.jpg);
background-size: cover;
z-index: 1;
}
.welcome-image-area2 {
position: relative;
height: 100%;
background: url(../images/bg/home2bg.jpg);
background-size: cover;
z-index: 1;
border-bottom: 15px solid #62ac1e;
}
.welcome-image-area3 {
position: relative;
height: 700px;
background: url(../images/bg/header4.jpg);
background-size: cover;
z-index: 1;
}
.welcome-image-area5 {
position: relative;
height: 100%;
background: url(../images/slide5/slide1.jpg);
background-size: cover;
z-index: 1;
}
.shop-image-area {
position: relative;
height: 100%;
background: url(../images/bg/slidershop.jpg);
background-size: cover;
z-index: 1;
}
.welcome-image-area:after {
position: absolute;
background: rgba(0, 0, 0, .3);
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
.display-table {
display: table;
width: 100%;
height: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: bottom;
}
.header-text h1 {
color: yellow;
font-size: 48px;
font-weight: 500;
text-transform: uppercase;
}
.header-text h1 span {
color: #62ac1e;
}
.header-text p {
color: #fff;
font-size: 36px;
margin: 30px 0px;
}
.header-text p.first-text {
font-size: 24px;
}
.header-text p.first-text span {
font-size: 24px;
font-weight: 500;
}
.header-search-form-area input {
display: inline-block;
}
.header-search-form-area input[type="text"] {
background: #fff;
border: none;
color: #000;
font-weight: 400;
padding: 15px;
width: 40%;
}
.header-search-form-area input[type="submit"] {
background: #62ac1e;
border: none;
color: #fff;
font-weight: 400;
padding: 15px;
width: 10%;
}
.header-top-area {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.header_padding{
padding: 30px 0;
}
.logo {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mainmenu .navbar-nav {
text-align: center;
float: none;
}
.mainmenu .navbar-nav>li {
margin: 0px 8px;
display: flex;
float: none;
padding:22px 8px;
position: relative;
}
.menu-4 .navbar-nav>li {
margin: 0px 15px;
}
.mainmenu .popup>li{
padding:50px 0px;
}
.about_menu .mainmenu .popup>li{
padding:40px 0px;
}
.mainmenu .navbar-nav>li.sm-list{
margin-left: 40px;
}
.menu-home-1 .navbar-nav>li {
margin: 0px 10px;
display: inline-block;
float: none;
padding:30px 0px;
position: relative;
}
.mainmenu .navbar-nav li a {
color: #171717;
text-transform: capitalize;
font-size: 16px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0;
/* padding-left: 0;*/
-webkit-transition: .3s;
transition: .3s;
font-weight: 400;
background: none;
}
li.dropdown ul.dropdown-menu li a{
padding: 10px;
}
.dropdown ul li {
display: flex;
padding-left: 10px;
}
.badge-primary {
background-color: transparent;
}
.mainmenu .navbar-nav li li a {
color: #999999;
padding: 5px;
}
.mainmenu .navbar-left li.active > a {
background: none;
color: #62ac1e;
border-bottom: 2px solid;
}
.mainmenu .navbar-left li a:hover {
background: none;
color: #62ac1e;
border-bottom: 2px solid;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 165px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.mainmenu .navbar-left li.dropdown a {
border-bottom: none;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
display: none;
}
.mainmenu .navbar-nav li .dropdown-menu a:hover,
{
border-bottom: 0;
color: #66a91e;
}
.mainmenu .nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent !important;
border-color: none;
}
.nav li a:focus,
.nav li a:hover {
background: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar {
margin: 0;
}
.menu-bg {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #fff;
box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
background: rgba(0, 0, 0, .5);
border: none;
}
.menu-bg .logo {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.menu-bg .top-bar-row {
visibility: hidden;
margin-top: -51px;
}
.menu-bg .inner-page-htop {
background-color: #000;
}
.menu-bg .logo a p {
color: #000;
}
.menu-bg .mainmenu .navbar-nav li a {
-webkit-transition: .3s;
transition: .3s;
}
.menu-bg .mainmenu .navbar-nav li a:hover {
color: #62ac1e;
}
.menu-bg .inner-page-htop-c{
background-color: #fff9;
}
.bg-transparent .nav-search {
background-color: rgba(255, 255, 255, .1);
}
.nav-search form .searchbutton {
position: relative;
top: -1px;
display: table-cell;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
vertical-align: middle;
border: none;
background-color: transparent;
box-shadow: none;
}
.top-search {
border: solid 1px #cfcfcf;
}
.top-search .searchbox {
border: none;
padding: 5px 10px;
}
.responsive-mobile-menu>a {
color: #000;
float: right;
padding-right: 20px;
font-size: 30px;
margin-bottom: 50px;
}
.responsive-mobile-menu ul li .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.responsive-mobile-menu.active {
visibility: visible;
transform: translateX(0);
}
.responsive-mobile-menu ul {
float: left;
width: 100%;
list-style: none;
}
.responsive-mobile-menu {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 350px;
background-color: #fff;
overflow: auto;
visibility: hidden;
transform: translateX(-100%);
transition: all 0.4s ease-in-out;
z-index: 99999999999999;
padding-top: 40px;
}
.responsive-mobile-menu ul li {
float: left;
width: 100%;
}
.responsive-mobile-menu ul li a {
color: #000;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
float: left;
width: 100%;
padding: 15px 20px;
border-bottom: 1px solid #bfbfbf;
position: relative;
}
.nav-search {
position: absolute;
top: 100px;
right: 0;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.header-text a {
display: inline-block;
color: #fff;
padding: 15px 35px;
text-transform: capitalize;
font-size: 30px;
border: 1px solid #62ac1e;
font-weight: 600;
letter-spacing: 1px;
border-radius: 30px;
background: #62ac1e;
}
.border_btm{
border-bottom: 1px solid #ffffff;
}
.header-text .field-icon{
vertical-align: middle;
}
.header-text .field-icon-2{
vertical-align: top;
}
.header-text a:hover {
color: #62ac1e;
-webkit-transition: .3s;
transition: .3s;
background: transparent;
}
.header_top {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}
.top-left .header_top {
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.top-left .footer-social{
padding-left: 0;
}
#top-links2 {
display: block;
}
.topbar-right {
display: flex;
}
.header_top .pull-left span {
font-size: 14px;
color: #fff;
font-weight: 500;
letter-spacing: .48px;
text-transform: uppercase;
position: relative;
line-height: 40px;
display: inline-block;
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
font-family: 'Roboto', sans-serif;
}
.header_top .pull-right a {
font-size: 14px;
color: #fff;
font-weight: 500;
letter-spacing: .48px;
text-transform: capitalize;
margin-left: 5px;
position: relative;
line-height: 40px;
display: inline-block;
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
font-family: "Rubik", sans-serif;
}
.navbar-collapse ul.popup li a {
font-size: 22px;
}
.header_top .pull-right a:hover {
color: #62ac1e;
}
.menu-bg .header_top {
display: none;
}
.menu-bg .logo img {
width: 180px;
margin-top: 25px;
}
.menu-bg .mainmenu {
padding-top: 0px;
padding-bottom: 0px;
}
.menu-bg{
padding: 0;
}
.welcome-image-area #heroBanner__whereTo {
width: 50%;
padding-left: 50px;
border-bottom: 0;
-webkit-user-select: text;
}
.heroBanner__form .selectric-wrapper {
float: left;
width: 50%;
min-width: 230px;
}
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.welcome-image-area select {
width: 100%;
}
input[type="submit"].button {
display: inline-block;
color: #fff;
padding: 10px 50px;
text-transform: capitalize;
font-size: 19px;
border: 1px solid #62ac1e;
font-weight: 600;
letter-spacing: 1px;
border-radius: 0px;
background: #62ac1e;
position: relative;
top: -.5px;
font-family: "Roboto" , sans-serif;
}
input[type="submit"].button:hover {
color: #fff;
-webkit-transition: .3s;
transition: .3s;
border: 1px solid #62ac1e;
}
.header-area-2 {
position: relative;
}
.header-2 {
background: #333;
position: relative;
}
.header-2 .navbar {
padding-top: 0px;
}
.header-2 .logo {
padding-bottom: 20px;
}
.header-2 .logo img {
max-width: 130px;
}
.header2-btns {
position: absolute;
top: 100px;
z-index: 99;
left: 20%;
}
.header2-btns a.button {
background: #62ac1e;
color: #fff;
margin-right: 10px;
font-size: 20px;
padding: 20px 40px;
}
.header-text2 h1.tagline {
color: #fff;
font-size: 100px;
text-shadow: 2px 2px 18px #000;
font-family: "Roboto", sans-serif;
font-weight: normal;
display: table-cell;
padding-left: 150px;
padding-bottom: 100px;
padding-top: 65px;
}
.header-form2 {
padding: 18px 7px 15px 20px;
background: rgba(256, 256, 256, .7);
max-width: 100%;
margin: 0 auto;
}
.header-text2 .go {
display: table-cell;
vertical-align: bottom;
position: relative;
color: #fff;
font-size: 24px;
padding: 50px 0 130px;
}
.header-text2 .go span{
background-color: rgba(98, 172, 30, 0.51);
padding: 25px 10px;
border:2px solid #62ac1e ;
}
.header-form2 input[type="submit"].button {
margin-left: 10px;
}
.header-form2 .field-icon {
margin-right: 0px;
}
.header-form2 .form-control{
padding: 15px 20px 15px 50px;
width: 330px;
}
.header-2 .popup-with-zoom-anim{
font-family: "Rubik", sans-serif;
}
.welcome-image-area3 .header-text h1 span {
color: #fff;
margin: 0 auto;
text-align: right;
font-size: 50px;
font-weight: 500;
line-height: 30px;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
}
.welcome-image-area3 .header-text h5{
font-size: 10px;
color: #fff;
text-align: center;
margin: 0px auto;
margin-top: 200px;
text-transform: uppercase;
transform: rotate(90deg);
}
.welcome-image-area3 .header-text h1 {
max-width: 500px;
color: #fff;
margin: 0 auto;
text-align: right;
font-size: 120px;
font-weight: 500;
line-height: 100px;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
}
.welcome-image-area3 .header-text p {
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
}
.welcome-image-area3 .display-table-cell {
vertical-align: middle;
}
.header-3 {
position: absolute;
}
.header-3 .dropdown ul li{
padding: 0;
}
.display-table-cell5 {
display: table-cell;
vertical-align: baseline;
}
.header-logo-3 .logo{
padding: 20px 0;
}
.display-table-cell5 .header-text h1 {
color: #fff;
font-size: 80px;
font-weight: 700;
text-transform: capitalize;
text-align: left;
position: relative;
word-wrap: break-word;
top: 120px;
max-width: 350px;
text-shadow: 2px 2px 18px #000;
font-family: "Courgette", cursive;
}
.shop-image-area .header-text h1 {
color: black;
font-size: 48px;
font-weight: 500;
text-transform: capitalize;
}
.display-table-cell5 .header-text h1.cursive {
color: #fff;
font-size: 80px;
font-weight: 700;
text-transform: capitalize;
text-align: left;
position: relative;
word-wrap: break-word;
top: 120px;
max-width: 600px;
text-shadow: 2px 2px 18px #000;
font-family: 'Courgette', cursive;
}
.display-table-cell5 .header-text h2.rubike {
color: #fff;
font-weight: 500;
text-transform: inherit;
text-align: left;
position: relative;
word-wrap: break-word;
top: 150px;
max-width: 650px;
text-shadow: 2px 2px 18px #000;
font-family: 'Roboto', sans-serif;
}
.display-table-cell5 .header-text h3.rubike {
font-family: 'Rubik', sans-serif;
font-size: 36px;
line-height: 2;
}
.shop-image-area .header-text p {
color: #777;
font-size: 36px;
margin: 30px 0px;
}
.shop-image-area .header-text {
width: 500px;
margin: 0 auto;
}
.shop-image-area .display-table-cell {
display: table-cell;
vertical-align: middle;
}
.shop-image-area .header-text a {
border-radius: 0px;
font-weight: 500;
}
.social-h3 {
list-style: none;
margin: 0px;
padding: 0px;
margin-left: 20px;
}
.social-h3 li {
display: inline-block;
}
.social-h3 li a {
font-size: 26px;
padding: 0 5px;
}
.social-h3 li a:hover {
color: #62ac1e;
}
.header-5 {
margin: 30px 0px;
}
/* MEGAMENU STYLE
=================================*/
nav .dropdown.megamenu-fw {
position: static;
}
nav .dropdown.megamenu-fw .menu-col {
list-style: none;
}
nav .container {
position: relative;
}
nav .megamenu-fw .dropdown-menu {
left: auto;
}
nav .megamenu-content {
padding: 15px;
width: 100% !important;
}
nav .megamenu-content .title {
margin-top: 0;
}
nav .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 04.TOUR PLACES CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.tour-places {
/* background: #f9f9f9;*/
/* padding-top: 70px;
padding-bottom: 40px;*/
position: relative;
}
.single-place {
padding: 0px 10px;
}
.tour-des-hover {
display: none;
position: absolute;
top: 0;
background: linear-gradient( #ff06 , #ff000061);
width: 95%;
height: 100%;
padding: 20px;
text-align: center;
color: #fff;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.contentBanner_image:hover{
background: linear-gradient( #ff06 , #ff000061);
}
.single-place:hover .tour-des-hover {
display: block;
}
.tour-des {
background: #fff;
padding: 20px 20px;
}
.single-place h2 {
font-size: 24px;
text-transform: capitalize;
font-weight: 500;
margin-top: 0;
padding: 80px 0px;
}
.single-place h3 {
font-size: 14px;
font-weight: 300;
margin-top: 0;
}
.single-place h4 {
font-size: 20px;
font-weight: 600;
margin-top: 20px;
font-family: 'Rubik', sans-serif;
color: #62ac1e;
}
.single-place h4 span {
font-size: 14px;
font-weight: 300;
font-family: 'Rubik', sans-serif;
color: #333;
position: relative;
margin-left: 10px;
}
.single-place h4 span:before {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
background: #000;
content: "";
margin-top: 10px;
}
.place-meta span {
padding-right: 10px;
}
.tour-places .owl-buttons div {
position: absolute;
right: 50px;
top: -60px;
font-size: 50px;
line-height: 60px;
margin-top: -30px;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
background: transparent;
}
.owl-theme .owl-controls .owl-buttons div {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
color: #62ac1e;
font-size: 28px;
background: transparent;
border: none;
border-radius: 0;
width: 35px;
line-height: 20px;
border: #62ac1e 2px solid;
padding-left: 2px;
}
.owl-theme .owl-controls .owl-buttons div i {
padding: 0px;
}
.tour-places .owl-buttons div.owl-next {
right: 0px;
}
.wttrvl {
margin-bottom: 20px;
position: relative;
}
.whereto {
position: relative;
}
.whereto-overlay {
position: absolute;
background: rgba(0, 0, 256, .5);
top: 0px;
width: 100%;
height: 100%;
border: 20px solid transparent;
display: none;
border: 20px solid rgba(256, 256, 256, .5);
padding: 30px;
}
.whereto-overlay h1 {
color: #fff;
font-family: 'Lobster', cursive;
text-transform: capitalize;
}
.whereto-overlay p.text {
position: absolute;
bottom: 20px;
right: 10px;
color: #fff;
text-align: right;
font-size: 16pt;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
}
.wttrvl:hover .whereto-overlay {
display: block;
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/*
* ----------------------------------------------------------------------------------------
* 05.COMPANY LOGO CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.company-logo-area {
padding: 70px 0px;
background: #f5f5f5;
}
.white-logo-area{
background: #fff;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.single-company-logo {
text-align: center;
}
.single-company-logo img {
width: 135px;
}
.video-area-cost {
padding: 200px 0px;
background: url(../images/costsaver/videobg.jpg);
position: relative;
background-size: cover;
z-index: 1;
}
/*
* ----------------------------------------------------------------------------------------
* 06.ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.about-us-area {
background: #f9f9f9;
background: url(../images/bg/whyusbg.jpg);
}
.about-text {}
.about-text h2 {
margin-bottom: 18px;
font-size: 30px;
text-transform: capitalize;
font-weight: 400;
margin-top: 0;
}
.about-text h2 span {
color: #fff;
}
.about-text p {
margin-bottom: 20px;
color: #777;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.about_para p{
color: #777;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 16px;
}
.about_para ul{
padding-left: 0;
}
.about-image img {
border-radius: 5px;
}
.margin-top-c {
margin-top: 50px;
}
.aboutfeature {
padding-top: 30px;
}
.aboutfeature li {
list-style: none;
display: inline-block;
width: 49%;
padding: 10px 0px;
color: #777;
font-size: 16px;
font-family: "Roboto" ,sans-serif;
font-weight: 600;
text-transform: capitalize;
}
.aboutfeature li i {
padding-right: 20px;
color: #62ac1e;
}
.about-area2 {
background: url(../images/bg/about2bg.jpg);
}
.about-features {
margin: 0px 0px 50px 0px;
color: #09357a;
font-size: 16px;
font-family: "Rubik" ,sans-serif;
}
.about-features div {
padding: 0px;
font-size: 16px;
font-family: "Arimo", sans-serif;
font-weight: 500;
color: #09357a;
}
.about-feature i {
color: #62ac1e;
display: inline-block;
padding-right: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.SERVICE CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.service-area {
padding-top: 70px;
padding-bottom: 40px;
}
.single-service {
padding: 30px;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
background-color: #fff;
margin-bottom: 30px;
border:2px solid #bbb;
}
.single-service:hover{
background-image: url("../images/services-bg.jpg");
}
.single-service h4 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
text-transform: capitalize;
font-weight: 500;
-webkit-transition: .3s;
transition: .3s;
color: #000;
}
.service-icon i {
font-size: 40px;
color: #bbb;
}
.single-service:hover .service-icon i {
color: #62ac1e;
}
.single-service p {
margin-bottom: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 08.VIDEO CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.video-area {
padding: 200px 0px;
background: url(../images/bg/youtube.jpg);
position: relative;
background-size: cover;
z-index: 1;
}
.video-area-2 {
padding: 150px 0px;
background: url(../images/bg/video5-bg.jpg);
position: relative;
background-size: cover;
background-position: center;
z-index: 1;
}
.video-area-2 h5{
font-size: 50px;
color: #fff;
font-family: "Rubik" , sans-serif;
line-height: 1.5;
}
.video-area-2 h6{
font-size: 50px;
color: #fff;
font-weight: 500;
font-family: "Rubik" , sans-serif;
}
.video-area-2
.video-area-cost {
padding: 200px 0px;
background: url(../images/costsaver/videobg.jpg);
position: relative;
background-size: cover;
z-index: 1;
}
.video-area:after {
position: absolute;
background: rgba(0, 0, 0, .7);
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.video-area-text h2 {
color: #fff;
font-size: 40px;
}
.video-area-text i {
font-size: 60px;
border: 3px solid #fff;
color: #62ac1e;
height: 100px;
width: 100px;
border-radius: 50%;
line-height: 95px;
text-align: center;
background: transparent;
}
.video-area-2 i {
font-size: 45px;
border: 4px solid #fff;
height: 70px;
width: 70px;
color: #ffffff;
border-radius: 50%;
line-height: 63px;
text-align: center;
background: transparent;
}
.mfp-iframe-holder {
padding-top: 80px;
}
/*
* ----------------------------------------------------------------------------------------
* 09. GALLERY CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.work .col-md-4 {
padding: 0;
}
.project-item {
overflow: hidden;
position: relative;
padding: 0;
vertical-align: middle;
text-align: center;
}
.project-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
.project-info {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.project-item img {
-webkit-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
width: 100%;
}
.project-item:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.project-overlay h2 {
color: #ffffff;
font-size: 18px;
margin: 0;
text-transform: capitalize;
font-weight: 400;
}
.project-item:hover .project-overlay {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
background: rgba(0, 0, 0, 0.7);
}
.view-portfolio {
text-align: center;
}
a.more-portfolio {
display: inline-block;
text-align: center;
color: #333;
background: #fff;
padding: 10px 30px;
text-transform: capitalize;
font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.TESTIMONIAL CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.testimonial-area {
background: #fff;
}
.testi-details {
background: #fff;
}
.single-testi-des {
text-align: left;
border-radius: 5px;
position: relative;
}
.single-testi-des p {
font-size: 14px;
}
.single-testimonial {
margin-right: 30px;
text-align: center;
}
.single-testimonial h6 {
margin-top: 0px;
font-size: 12px;
text-transform: capitalize;
letter-spacing: 3px;
}
.single-testimonial img.img_1{
width: 100%;
}
.testi-locationimg {
position: relative;
}
.testi-name {
text-align: left;
color: #fff;
}
.testi-name h2 {
font-size: 22px;
margin-top: 20px;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 4px;
}
.testi-name h3 {
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
margin-top: 0;
color: #fff;
}
.testi-details .social-icon-c {
position: relative;
left: -12px;
display: inline-block;
font-size: 48px;
}
.testi-details .name-c {
position: relative;
left: -10px;
top: -20px;
display: inline-block;
font-size: 16px;
font-weight: 500;
}
.testi-details .client-id {
position: relative;
left: -120px;
display: inline-block;
font-size: 12px;
}
.testi-details .date {
position: absolute;
right: 30px;
display: inline-block;
font-size: 16px;
margin-top: 35px;
}
.owl-theme .owl-controls {
margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 20px;
height: 5px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
background: #000;
}
/*
* ----------------------------------------------------------------------------------------
* 11.TEAM CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.team-area {
padding-top: 70px;
padding-bottom: 40px;
}
.team-description {
text-align: center;
padding: 30px;
}
.team-image img {
width: 100%;
border-radius: 50%;
}
.team-description h4 {
font-size: 22px;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 20px;
color: #000;
}
.team-description h5 {
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
margin-top: 0;
color: rgba(0, 0, 0, 0.8);
}
.team-description p {}
.text-shadow{
text-shadow: 3px 6px 7px rgba(0,0,0,0.51);
}
/*
* ----------------------------------------------------------------------------------------
* 12.CALL TO ACTION CSS STYLE
* ----------------------------------------------------------------------------------------
*/
.call-to-area {
background: #f6f6f6;
background-size: cover;
padding: 70px 0px;
position: relative;
z-index: 1;
color: #333;
}
.call-to-area:after {
position: absolute;
background: rgba(246, 246, 246, 1);
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
.call-to-area-text h2 {
color: #333;
font-size: 30px;
text-transform: capitalize;
font-weight: 500;
}
.call-to-area-text p {
text-transform: capitalize;
color: #333;
margin-bottom: 30px;
font-size: 16px;
}
.call-to-area-text a {
display: inline-block;
color: #fff;
padding: 12px 25px;
text-transform: capitalize;
font-size: 14px;
border: 1px solid #62ac1e;
font-weight: 600;
letter-spacing: 1px;
border-radius: 0;
background: #62ac1e;
margin-top: 30px;
}
.call-to-area-text a:hover {
color: #62ac1e;
-webkit-transition: .3s;
transition: .3s;
background: transparent;
}
.calltoaction4 {
background: url(../images/bg/calltoactionbg.jpg);
position: relative;
margin-top: 30px;
}
.overlaycalltoaction {
position: absolute;
background: rgba(9, 53, 122, .6);
width: 100%;
height: 100%;
z-index: 1;
}
.calltoaction4 .content {
position: relative;
padding: 110px 0px;
text-align: center;
z-index: 999;
color: #fff;
line-height: 40px;
}
.calltoaction4 .text {
font-size: 30px;
}
.calltoaction4 h1 {
padding: 20px;
font-size: 44px;
}
.calltoaction4 .content a {
font-size: 24px;
padding: 20px 40px;
border-radius: 50px;
}
/*--------------------------------
13. Guest Rating
------------------------------------**/
.guest-rate-wrapper {
position: relative;
width: 100%;
height: 100px;
padding: 25px 0;
margin-top: -25px;
overflow: visible!important;
margin-bottom: 70px;
}
.color-box {
width: 60px;
height: 62px;
position: absolute;
background: #62ac1e;
top: 58px;
left: 63px;
transform: rotate(45deg);
}
.guest-rate-wrapper .guest-rate {
background-color: #fff;
text-transform: uppercase;
-webkit-box-shadow: 0 1px 5px 0 #c1c1c1;
-moz-box-shadow: 0 1px 5px 0 #c1c1c1;
box-shadow: 0 1px 5px 0 #c1c1c1;
position: absolute;
width: 100%;
overflow: visible;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner {
height: 91px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section.guest-rating {
height: 100%;
position: relative;
padding: 0;
}
.guest-trip-rate img {
/*position: absolute;
top: -10px;
width: 228px;
left: -114px;*/
margin-top: 15px;
}
.guest-trip-rate p {
position: absolute;
top: 66px;
left: 67px;
color: #fff !important;
text-transform: capitalize;
}
.guest-trip-rate span {
color: #fff !important;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section:first-of-type,
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section:last-of-type {
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.66667%;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section:last-of-type {
text-align: left;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section:first-of-type p {
display: inline-block;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section p {
color: #333;
font-weight: 500;
letter-spacing: 0;
font-size: 20px;
line-height: 24px;
line-height: 1.6rem;
margin-bottom: 0px;
text-transform: capitalize;
margin-right: 30px;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section p.trip_rate{
padding: 10px 0 0 4px;
}
.guest-rate-wrapper span {
font-size: 30px;
color: #ffc000;
vertical-align: middle;
}
.guest-rate-wrapper .guest-rate .guest-rate-inner .guest-rate-inner-section {
padding: 0 20px;
}
.guest-right-section {
text-align: right !important;
}
/*---------------------------
14. Why Us
----------------------------*/
.greyBg {
position: relative;
}
.lineContinue {
padding-bottom: 20px;
padding-top: 20px;
}
.lineContinue:before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
top: 0;
width: 1px;
background: #dedede;
z-index: 1;
display: block;
height: 775px;
}
.lineStart>.col-lg-6:first-of-type:after,
.lineStart>.col-md-6:first-of-type:after,
.lineStart>.col-sm-6:first-of-type:after,
.lineContinue>.col-lg-6:first-of-type:after,
.lineContinue>.col-md-6:first-of-type:after,
.lineContinue>.col-sm-6:first-of-type:after,
.lineEnd>.col-lg-6:first-of-type:after,
.lineEnd>.col-md-6:first-of-type:after,
.lineEnd>.col-sm-6:first-of-type:after {
position: absolute;
content: "";
right: -5px;
/* background: #67a925;*/
top: 50%;
height: 9px;
width: 9px;
border-radius: 0px;
z-index: 100;
}
.contentBanner-left {
padding-left: 20px;
padding-right: 10px;
}
.contentBanner-right {
padding-left: 10px;
padding-right: 20px;
}
.contentBanner {
padding-bottom: 15px;
}
.contentBanner-right .contentBanner_image {
float: right;
transition: .5s;
}
.contentBanner-right .contentBanner_image img {
float: right;
transition: .5s;
}
.contentBanner-left .contentBanner_image {
float: left;
}
.contentBanner_image {
width: 50%;
transition: .5s;
}
.contentBanner_image img {
/* max-width: 263px;*/
transition: .3s ease-in-out;
}
.contentBanner_image .overlay-box{
position: absolute;
width: 100%;
text-align: center;
top: 0;
transition: .5s;
}
.overlay-box a span{
font-size: 30px;
visibility: hidden;
}
.contentBanner_image{
position: relative;
transition: .5s;
}
.contentBanner_image:hover .overlay-box{
top: 47%;
}
.contentBanner_image:hover .overlay-box span{
display: block;
transition: .5s;
visibility: visible;
}
.contentBanner_image img{
transition: .5s;
}
.contentBanner-right .contentBanner_content {
float: right;
padding: 0 20px 0 10px;
text-align: right;
}
#About .contentBanner_content h3{
margin: 5px 0;
}
.contentBanner-left .contentBanner_content {
float: left;
padding: 0 10px 0 20px;
text-align: left;
}
.bg_white{
background: #ffffff;
height: 205px;
}
.contentBanner_content {
width: 50%;
}
.shortDescription_container {
/* padding: 0px 0px 20px;*/
line-height: 25px;
text-align: justify;
}
.tile-avatar-image,
.tile-avatar-placeholder {
background-color: rgba(255, 255, 255, .5);
border: solid 2px #fff;
border-radius: 50%;
display: inline-block;
height: 52px;
vertical-align: middle;
width: 52px;
}
.tile-image-wrapper,
.tile-video-wrapper {
margin-top: 0;
margin-bottom: 15px;
}
.tile-belt {
margin-bottom: 15px;
}
.tile-source {
float: left;
}
.tile-source-instagram {
color: #262425;
}
.tile-source {
font-size: 32px;
line-height: 32px;
margin-right: 8px;
width: 32px;
}
.client-senction {
padding: 70px 0px;
background: #f5f5f5;
}
/*--------------------------------------
15.Breadcrumb With Banner Image
---------------------------------------*/
.inner-page-htop {
background-color: #ffffff6e;
}
.inner-page-htop .mainmenu {
padding: 0px 0px 0px 0px;
}
.page-sub-title {
position: absolute;
top: -390px;
color: #fff;
}
.page-sub-title h4{
font-size: 30px;
font-family: 'Arimo', sans-serif;
text-shadow: 5px 7px 12px rgba(0,0,0,0.51);
font-weight: bold;
}
.inner-page-header {
position: relative;
}
.title-breadcrumb {
position: absolute;
bottom: 0px;
padding: 5px;
left: 0;
width: 100%;
/* background: rgba(256, 256, 256, .4);*/
text-shadow: 0 2px 5px rgba(249, 243, 243, 0.7);
}
.site-title {
bottom: 120px;
height: 100px;
left: 0;
position: absolute;
width: 100%;
}
.inner-page-header .site-page-header {
position: relative;
}
.site-page-header .site-title h2 {
color: rgb(256, 256, 256);
font-size: 145px;
padding: 12px 0px;
text-transform: capitalize;
text-shadow: 5px 8px 10px rgba(0,0,0,0.51);
font-family: 'Arimo', sans-serif;
font-weight: bold;
}
.site-page-breadcrumb {
padding: 5px 0px;
}
.site-page-breadcrumb span {
color: #222;
font-size: 18px;
font-weight: 700;
line-height: 2;
margin: 0;
text-transform: uppercase;
font-family: 'Arimo', sans-serif;
}
.site-page-breadcrumb span a {
color: #222;
font-size: 18px;
font-weight: 700;
line-height: 2;
margin: 0;
text-transform: uppercase;
font-family: 'Arimo', sans-serif;
}
.site-page-breadcrumb span a i{
font-weight: 700;
}
.site-page-breadcrumb-2 span {
color: #333;
font-size: 18px;
font-weight: 700;
line-height: 2;
margin: 0;
text-transform: uppercase;
font-family: 'Arimo', sans-serif;
}
.site-page-breadcrumb-2 span a {
color: #333;
font-size: 18px;
font-weight: 700;
line-height: 2;
margin: 0;
text-transform: uppercase;
font-family: 'Arimo', sans-serif;
}
/*--------------------------------------
16. Offer Area
---------------------------------------*/
.offer {
position: relative;
}
.overlay-offer {
background: rgba(0, 0, 0, .4);
color: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
padding: 120px 48px;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.offer:hover .overlay-offer {
opacity: 1;
}
.overlay-offer h2 {
line-height: 40px;
padding: 0px 4px;
font-weight: 500;
}
.contentBanner_image img{
width: 100%;
}
.contentBanner_image img{
width: 100%;
}
/*.contentBanner_image img.min_img{
height: 240px;
}*/
.overlay-offer h4 {
text-transform: uppercase;
font-size: 16px;
padding: 20px 0px 30px 0px;
font-weight: 600;
font-family: "roboto", sans-serif;
}
.overlay-offer h2 span {
color: #fff408;
font-family: "Roboto", sans-serif;
font-weight: 600;
}
.overlay-offer .button {
background: #62ac1e none repeat scroll 0 0;
color: #fff;
font-weight: 500;
font-family: "Roboto", sans-serif;
font-size: 18px;
padding: 6px 10px;
text-align: center;
text-transform: capitalize;
}
/*-------------------------------------
17. Deal Area
-----------------------------------------*/
.deals-area {
background-color: #F6F6F6;
}
.single-deal {
position: relative;
margin-bottom: 20px;
}
.single-deal:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.8;
}
/*.single-deal:hover.single-deal:before { -webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
opacity: .8;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}*/
.single-deal-overflow {
position: absolute;
transform: scale(1);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.single-deal img {
width: 100%;
}
.overflow-middle {
position: absolute;
width: 100%;
padding: 25px 35px;
color: #fff;
}
.overflow-middle a.button {
background-color: #ccc;
border: #ccc;
color: #000;
position: fixed;
top: 70%;
border:1px solid #ccc;
}
/*.single-deal:hover .single-deal-overflow {top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}*/
.single-deal-overflow h2 {
color: #fff;
font-size: 30px;
margin-top: 10px;
}
.single-deal-overflow p {
margin: 15px 0;
}
.single-deal-overflow ul li {
position: relative;
margin: 0;
padding: 0;
}
.single-deal-overflow ul li:after {
content: '|';
position: absolute;
right: -4px;
color: #fff;
}
.single-deal-overflow ul li:last-child:after {
display: none;
}
.single-deal-overflow ul li a {
color: #fff;
padding: 0 10px;
display: inline-block;
}
.news-info:hover .news-content {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.news-content {
padding: 30px 20px;
margin-bottom: 20px;
transition: 0.5s;
}
.news-img {
position: relative;
}
.news-img img {
width: 100%;
}
.news-img:before {
background-color: rgba(0, 0, 0, 0.7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
transition: all 0.5s ease 0s;
width: 100%;
z-index: 9;
}
.post-meta {
margin: 5px 0;
}
.post-meta li {
color: #666666;
display: inline-block;
font-size: 13px;
line-height: 20px;
margin-right: 5px;
}
.post-meta li a {
color: #666666;
}
.post-meta li .fa {
padding-right: 3px;
}
.field-icon {
position: relative;
display: inline-table;
margin-right: -4px;
vertical-align: middle;
}
.field-icon-2{
vertical-align: super;
}
.field-icon [class*="fa-"],
.field-icon i {
position: absolute;
left: 14px;
left: 5px
top:-9px;
font-size: 27px;
top: -8px;
line-height: 42.0px;
line-height: 4.2rem;
display: block;
color: #62ac1e;
}
.field-icon input,
.field-icon select {
padding-left: 50px;
}
.field-icon .form-control {
margin-bottom: 0px;
}
.welcome-image-area2 .form-control{
color: #777;
}
/*--------------------------------------
18.hotel
--------------------------------------*/
#hotel {
padding: 90px 0
}
.hotel-menu button {
padding: 8px 20px;
border: transparent;
margin-bottom: 60px;
background-color: transparent;
font-size: 24px;
font-weight: 500;
color: #333;
}
.hotel-menu button.active,
.hotel-menu button:hover {
background-color: transparent;
color: #62ac1e
}
.hotel-single-item {
margin-bottom: 30px
}
.hotel-inner {
position: relative;
}
.hotel-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 70, 113, .8);
border: 2px solid yellow;
padding: 62px 0 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s
}
.hotel-single-item:hover .hotel-overlay {
opacity: 1;
visibility: visible
}
.hotel-overlay a {
height: 60px;
width: 60px;
border-radius: 50%;
background: yellow;
color: #333;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 19px 12px;
position: absolute;
left: 20px;
bottom: 20px;
font-family: "Roboto", sans-serif;
text-transform: capitalize;
}
.hotel-overlay h6,
.hotel-overlay p {
color: #fff;
margin: 0;
font-family: "Roboto", sans-serif;
}
.hotel-overlay h6 {
font-weight: 500
}
.hotel-info {
position: absolute;
top: 20px;
right: 20px;
text-align: right;
}
.hotel-info h2 {
color: yellow;
font-size: 48px;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.hotel-info h4 {
color: #fff;
font-size: 24px;
font-family: "Roboto", sans-serif;
}
.hotel-info a.roundbutton {
height: 60px;
width: 60px;
border-radius: 50%;
background: yellow;
color: #000;
}
.star1 {
position: absolute;
bottom: 90px;
left: 20px;
display: inline-block;
font-size: 19px;
color: yellow;
}
.star2 {
position: absolute;
bottom: 90px;
left: 50px;
display: inline-block;
font-size: 19px;
color: yellow;
}
.star3 {
position: absolute;
bottom: 80px;
left: 85px;
display: inline-block;
font-size: 26px;
color: yellow;
}
.star4 {
position: absolute;
bottom: 50px;
left: 90px;
display: inline-block;
font-size: 19px;
color: yellow;
}
.star5 {
position: absolute;
bottom: 20px;
left: 90px;
display: inline-block;
font-size: 19px;
color: yellow;
}
.hotels_box_detail{
padding: 20px;
margin-bottom: 30px;
box-shadow: 2px 2px 2px 1px #cecece;
}
.hotels_box_detail .details-feature ul li i{
font-size: 30px;
border: 1px solid #777777;
color: #777777;
}
.hotels_box_detail .flight-logo{
position: relative;
}
.hotels_box_detail .flight-logo span{
position: absolute;
background: red;
color: #fff;
padding: 10px;
font-weight: 700;
font-size: 16px;
}
.hotels_box_detail .reviews{
padding: 10px 0;
font-weight: 500;
}
.hotels_box_detail .select-sec span{
display: block;
padding: 10px 0;
}
.write_review{
padding: 20px;
box-shadow: 2px 2px 2px 1px #cecece;
}
/*hotel-details*/
.nav-tabs.nav-justified>li{
background: #777;
}
.nav-tabs.nav-justified>li>a{
font-size: 18px;
border-radius: 0;
}
.detail-slider{
margin-bottom: 30px;
}
input[type="date"]::-webkit-inner-spin-button {
opacity: 0
}
input[type="date"]::-webkit-calendar-picker-indicator {
background: url(../../../../../cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;
color: rgba(0, 0, 0, 0);
opacity: 0.5
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
background: url(../../../../../cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;
opacity: 0.8
}
.room-block{
margin-bottom: 30px;
box-shadow: 2px 2px 2px 2px #cecece;
}
.room-info{
padding: 20px;
}
.detail-tabs{
padding: 30px 0;
}
/**------------------------------------
19. Flights
----------------------------------------*/
.flights-info {
min-height: 470px;
margin-bottom: 50px;
}
.flight-details {
padding: 30px;
border: 1px solid #dddddd;
}
.flight-details a,
.flight-details i {
font-size: 16px;
color: #000;
padding: 10px 0;
font-weight: 500;
}
.flight-details a.rbutton {
color: #fff;
padding: 5px 20px;
border-radius: 40px;
}
.flight-details a.magin_left{
margin-left: 30px;
}
.flight-details .fair {
padding-bottom: 10px;
font-size: 18px;
}
.flight-details .flight-type {
padding-bottom: 10px;
}
.flight-details .flight-title {
padding-bottom: 10px;
text-transform: uppercase;
color: #62ac1e;
}
.flight-details .flight-offer {
padding-bottom: 10px;
}
.flight-details .flight-offer span,
.flight-details .fair span {
color: #62ac1e;
}
.flight-select {
width: 100%;
}
.flightform {
padding: 50px 20px;
background: #f4f4f4;
}
.flightform label {
font-weight: 300;
}
.flightform .button {
border-radius: 30px !important;
padding: 10px 20px !important;
text-transform: uppercase !important;
margin-top: 30px;
}
.halfwidth {
width: 49%;
display: inline-block;
}
.thirdwidth {
width: 24%;
display: inline-block;
}
.align-right {
float: right;
}
.align-left {
float: left;
}
.flights-list-view {
height: auto;
min-height: auto;
box-shadow: 2px 2px 40px #cecece;
overflow: hidden;
}
.flights-list-view img {
float: left;
}
.flights-list-view .flight-details {
display: inline-block;
border: none;
}
/*--------------------------------------
20. Tour
--------------------------------------*/
.tours-info {
position: relative;
margin-bottom: 30px;
transition-duration: .5s;
}
.tours-info:hover {
box-shadow: 2px 2px 2px 2px solid;
}
.tour-cost {
position: absolute;
right: 0;
top: 210px;
background: rgba(256, 256, 256, .6);
padding: 7px;
color: #62ac1e;
font-size: 22px;
font-weight: 500;
}
.tour-details {
padding: 20px;
}
.tour-hotel,
.tour-duration,
.tour-person {
color: #aaa;
font-weight: 500;
}
.tour-title {
font-size: 20px;
padding: 10px 0px;
font-weight: 500;
}
.tour-btns a.button {
position: absolute;
right: 0;
bottom: 0;
}
.tourform {
padding: 50px 20px;
background: #f4f4f4;
}
.tourform label {
font-weight: 300;
}
.tourform .button {
border-radius: 30px !important;
padding: 10px 20px !important;
text-transform: uppercase !important;
margin-top: 30px;
}
.tour2-cost {
position: absolute;
right: 0;
top: 150px;
background: rgba(256, 256, 256, .6);
padding: 7px;
color: #62ac1e;
font-size: 22px;
font-weight: 500;
}
.tour2-details {}
.tour2-hotel,
.tour2-duration,
.tour2-person {
color: #aaa;
font-weight: 500;
}
.tour2-title {
font-size: 20px;
padding: 20px 0px;
font-weight: 500;
}
.tour2-btns a.button {
position: absolute;
right: 0;
bottom: 0;
padding: 10px;
}
.ptour {
position: relative;
}
.ptour-price {
color: #fff;
font-size: 30px;
position: absolute;
top: 30px;
left: 20px;
font-weight: 500;
}
.ptour-loc {
color: #fff;
font-size: 30px;
position: absolute;
bottom: 30px;
left: 20px;
font-weight: 500;
display: table;
max-width: 90%;
}
.ptour-loc i {
display: table-cell;
padding-right: 10px;
}
.ptour-loc span {
display: table-cell;
font-family: "Rubik", sans-serif;
}
.tour-list-view {
box-shadow: 2px 2px 40px #cecece;
overflow: hidden;
}
.tour-cost-list {
background: #083063;
padding: 10px;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 500;
}
.tour-list-view .tour-btns a.button {
position: relative;
right: 0;
}
.tour-list.owl-carousel .owl-controls {
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**-------------------------------------
21. Cruise
--------------------------------------*/
.cruises-info {
position: relative;
transition-duration: .5s;
margin-bottom: 30px;
}
.cruises-info:hover {
box-shadow: 2px 2px 2px 2px #cecece;
}
.cruise-details {
padding: 20px;
}
.cruise-review .checked {
color: #62ac1e;
}
.span-count {
padding-left: 20px;
display: inline-block;
}
.cruise-title {
font-size: 20px;
/* padding: 10px 0px;*/
}
.cruise-content {
padding: 15px 0px;
}
.cruise-type span {
padding-right: 40px;
}
.cruise-btns {
line-height: 40px;
}
.cruise-btns a {
font-size: 14px;
font-weight: 500;
}
.cruise-select {
width: 100%;
}
.cruiseform {
padding: 50px 20px;
background: #f4f4f4;
}
.cruiseform .button {
border-radius: 30px !important;
padding: 10px 20px !important;
text-transform: uppercase !important;
margin-top: 30px;
}
.cruise-list-view {
height: auto;
min-height: auto;
box-shadow: 2px 2px 40px #cecece;
overflow: hidden;
margin-bottom: 30px;
}
.cruise-list-view .cruise-details {
display: inline-block;
}
/**-------------------------------------
21. cars
--------------------------------------*/
.cars-info {
position: relative;
margin-bottom: 30px;
transition-duration: .5s;
}
.cars-info:hover{
box-shadow: 2px 2px 25px 2px #cecece;
}
.cars-details {
padding: 20px;
}
.span-count {
padding-left: 20px;
display: inline-block;
}
.cars-title {
font-size: 20px;
color: #000;
text-transform: uppercase;
font-weight: 500;
}
.cars-content {
padding: 5px 0px 10px 0px;
}
.cars-type span {
padding-right: 0px;
font-size: 20px;
font-weight: 500;
}
.cars-type p {
color: #09357a;
}
.cars-btns {
line-height: 40px;
}
.cars-btns a {
font-size: 16px;
font-weight: 500;
}
.cars-select {
width: 100%;
}
.carsform {
padding: 50px 20px;
background: #f4f4f4;
}
.carsform .button {
border-radius: 30px !important;
padding: 10px 20px !important;
text-transform: uppercase !important;
margin-top: 30px;
}
.cars-list-view {
height: auto;
min-height: auto;
box-shadow: 2px 2px 40px #cecece;
overflow: hidden;
margin-bottom: 30px;
}
/*--------------------------------------
22. Sidebars
---------------------------------------*/
.sidebar .widget {
margin-bottom: 50px;
padding: 40px 0px;
}
.sidebar .formwidget {
padding: 0px !important;
}
.sidebar .widget .section-title {
}
.sidebar .widget h2 {
font-size: 20px;
font-weight: 500;
color: #333;
font-family: "Rubik", sans-serif;
}
input[type='range'] {
width: 90%;
height: 30px;
overflow: hidden;
cursor: pointer;
outline: none;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
background: none;
}
input[type='range']::-webkit-slider-runnable-track {
width: 200px;
height: 1px;
background: #dddddd;
}
input[type='range']:nth-child(2)::-webkit-slider-runnable-track {
background: none;
}
input[type='range']::-webkit-slider-thumb {
position: relative;
height: 15px;
width: 15px;
margin-top: -7px;
background: #fff;
border: 1px solid #333;
background: #333;
border-radius: 0px;
z-index: 1;
}
input[type='range']::-webkit-slider-thumb:hover {
position: relative;
height: 15px;
width: 15px;
margin-top: -7px;
background: #fff;
border: 1px solid #62ac1e;
background: #62ac1e;
border-radius: 0px;
z-index: 1;
}
input[type='range'],
input[type='range']::slider-runnable-track,
input[type='range']::slider-thumb {
-moz-appearance: none;
background: none;
}
input[type='range']::slider-runnable-track {
width: 200px;
height: 1px;
background: #dddddd;
}
input[type='range']:nth-child(2)::slider-runnable-track {
background: none;
}
input[type='range']::slider-thumb {
position: relative;
height: 15px;
width: 15px;
margin-top: -7px;
background: #fff;
border: 1px solid #333;
background: #333;
border-radius: 0px;
z-index: 1;
}
input[type='range']::slider-thumb:hover {
position: relative;
height: 15px;
width: 15px;
margin-top: -7px;
background: #fff;
border: 1px solid #62ac1e;
background: #62ac1e;
border-radius: 0px;
z-index: 1;
}
.range_symbolmin {
position: absolute;
margin-top: 30px;
display: inline-block;
}
.range_symbolmax {
position: absolute;
margin-top: 30px;
right: 70px;
display: inline-block;
}
input[type='range']:nth-child(1)::-webkit-slider-thumb {
z-index: 2;
}
input[type='range']:nth-child(1)::-moz-slider-thumb {
z-index: 2;
}
.rangeslider {
position: relative;
height: 60px;
width: 95%;
display: inline-block;
margin-top: -5px;
margin-left: 20px;
}
.rangeslider input {
position: absolute;
}
.rangeslider span {
position: absolute;
left: 10px;
}
.rangeslider .right {
position: relative;
float: right;
margin-right: 60px;
margin-top: 10px;
}
.sidebar-category {
list-style: none;
padding-left: 0px;
}
.sidebar-category a {
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 5px;
color: #777;
padding: 5px 0px;
}
.sidebar-category a:hover {
color: #62ac1e;
}
.sidebar-category li {
margin-bottom: 1px;
}
.fr {
float: right;
}
.post-small {
margin-bottom: 20px;
}
.post-small h4 {
font-weight: 500 !important;
font-size: 16px !important;
padding: 0px !important;
color: #222;
}
.post-small .post-img {
display: block;
width: 81px;
float: left;
overflow: hidden;
margin-right: 15px;
}
.post-small .post-meta {
color: #777;
}
.sidebar .widget {
margin-bottom: 30px;
padding: 0px;
}
.search-form {
background: #f5f5f5;
padding: 15px;
}
.search-submit,
.search-input {
background: transparent;
border: none;
}
.search-input {
width: 90%;
}
.widget-tags {
list-style: none;
padding-left: 0px;
}
.widget-tags li {
display: inline-block;
margin: 10px 5px 20px 0px;
}
.widget-tags li a {
padding: 10px 20px;
background: #f5f5f5;
color: #777;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.widget-tags li a:hover {
padding: 10px 20px;
background: #62ac1e;
color: #fff;
}
.widget ul.instagram-list {
padding: 0px;
}
.widget ul.instagram-list li {
display: inline-block;
margin-bottom: 5px;
padding: 0;
width: 32%;
}
.navbar-right span{
color: #fff;
}
.mainmenu .navbar-nav li.sm-list{
vertical-align: middle;
}
.mainmenu .navbar-nav li.sm-list-2{
vertical-align: baseline;
padding: 45px 0;
}
.mainmenu .navbar-nav li.sm-list-2 a{
font-size: 26px;
}
.mainmenu .navbar-nav li a.sm-font{
font-size: 13px;
}
.navbar-right span.straight_line{
font-size: 26px;
color: #3a5d95;
}
/*--------------------------------------
23. Pagination
----------------------------------------*/
.pagination {
display: block;
}
.pagination li a {
font-size: 16px;
color: #000;
padding: 10px 18px;
border: 1px solid #ddd;
position: relative;
float: left;
}
.pagination li a i{
font-size: 18px;
}
.pagination li a i:first-child{
padding-right: 10px;
}
.pagination li a i:last-child{
padding-left: 10px;
}
.pagination li a:hover {
color: #62ac1e;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
width: 33%;
border-radius: 0px;
font-family: "Raleway", sans-serif;
font-weight: 700;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
width: 33%;
border-radius: 0px;
text-align: right;
font-family: "Raleway", sans-serif;
font-weight: 700;
}
/*--------------------------------------------
24. Review
----------------------------------------------*/
.single-review {
position: relative;
min-height: 300px;
padding-right: 6px;
padding-left: 6px;
}
.guest-review {
background: url(../images/bg/reviewbg.jpg);
}
.guest-review .section-title {
color: #fff;
}
.review-details {
background: #fff;
}
.single-review-des {
text-align: left;
border-radius: 5px;
position: relative;
}
.single-reivew-des p {
font-size: 14px;
}
.single-review {
text-align: center;
}
.single-review h6 {
margin-top: 0px;
font-size: 18px;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.review-ltextimg {
position: relative;
background: rgba(77, 77, 77, .8);
color: #fff;
padding: 30px 30px 45px 30px;
border: 1px solid #777;
}
.review-clinetimg {
position: absolute;
right: 30px;
top: 90%;
width: auto;
}
.review-name {
text-align: left;
color: #fff;
}
.review-name h4 {
font-size: 22px;
margin-top: 20px;
text-transform: capitalize;
font-weight: 300;
margin-bottom: 4px;
}
.review-name h3 {
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
margin-top: 0;
color: #fff;
}
.review-details .social-icon-c {
position: absolute;
left: -7px;
display: inline-block;
margin-top: 35px;
font-size: 48px;
color: #777;
}
.review-details .name-c {
position: absolute;
left: 12%;
display: inline-block;
margin-top: 50px;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.review-details .client-id {
position: absolute;
left: 12%;
display: inline-block;
margin-top: 71px;
font-size: 12px;
color: #62ac1e;
font-family: "Rubik", sans-serif
}
.review-details .date {
position: absolute;
right: 7%;
display: inline-block;
margin-top: 65px;
font-size: 16px;
color: #fff;
}
.guest-review .owl-buttons div {
position: absolute;
right: 50px;
top: -60px;
font-size: 50px;
line-height: 60px;
margin-top: -30px;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
background: transparent;
}
.owl-theme .owl-controls .owl-buttons div i {
padding 0px;
}
.guest-review .owl-buttons div.owl-next {
right: 0px;
}
/*-----------------------------------
25. Blog Content
----------------------------------------*/
.posts-slider {
margin-bottom: 70px;
}
.posts-slider .owl-carousel .owl-controls {
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
}
.posts-slider span{
color: #333333;
font-size: 18px;
}
.blog-heading {
font-size: 36px;
font-weight: 500;
color: #62ac1e;
margin-bottom: 30px;
}
.blog-heading i {
color: #777;
}
.post-details {
padding: 25px;
border: 1px solid #777;
border-top: 0;
}
.blog-post h2 {
font-weight: 500;
font-size: 20px;
margin: 15px 0;
}
.post-meta span {
display: inline-block;
padding-right: 10px;
}
.post-meta span i {
padding-right: 4px;
color: #62ac1e;
}
.blog-post p {
padding: 10px 0px;
}
.blog-post a.readmore {
padding: 10px 15px;
border: 1px solid #777;
color: #777
}
.blog-post {
margin-right: 30px;
}
.post-details {
min-height: 220px;
}
.blog-area .owl-controls {
position: absolute;
right: 30px;
top: -90px;
}
p.content {
color: #777;
}
.singlepost h2.post-title{
font-family: "Rubik", sans-serif;
color: #333;
font-weight: 500;
}
.singlepost h3.post-title{
font-family: "Rubik", sans-serif;
color: #333;
font-weight: 500;
}
.singlepost p.content{
color: #777;
}
.singlepost p.content span{
margin-left: 30px;
}
.authorsinglepost {
float: left;
width: 100%;
background-color: #f5f5f5;
position: relative;
margin: 55px 0px;
}
.imgsocialauthorsinglepost {
float: right;
margin: 20px;
padding: 0px;
margin-right: 20px;
width: 160px;
}
.imgauthorsinglepost {
float: left;
width: 120px;
}
.socialauthorsinglepost {
position: absolute;
top: 30px;
left: 0;
right: 25px;
text-align: center;
}
.author-social {
display: inline;
padding-right: 20px;
}
.author-social li {
list-style: none;
display: inline-block;
font-size: 20px;
}
.author-social li a {
border: 1px solid #62ac1e;
padding: 5px 6px;
border-radius: 50%;
color: #62ac1e;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.author-social li a:hover {
border: 1px solid #62ac1e;
padding: 5px 6px;
border-radius: 50%;
color: #fff;
background: #62ac1e;
}
.descriptionauthorsinglepost {
padding: 20px;
text-align: right;
color: #777;
font-size: 16px;
font-weight: 500;
}
.nameauthorsinglepost {
color: #222;
font-weight: 500;
font-size: 20px;
}
.numbercommentssinglepost {
float: left;
font-weight: normal;
width: 100%;
color: #5E6D81;
margin-bottom: 30px;
}
.comment-reply-title {
float: left;
font-weight: normal;
width: 100%;
color: #5E6D81;
margin-bottom: 20px;
}
.comment-respond input[type="text"],
.comment-respond textarea,
.comment-respond input[type="submit"] {
margin: 10px 0px
}
.commentlist {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
list-style: none;
}
.comment {
margin: 0px;
float: left;
width: 100%;
padding: 0px;
}
.comment .children {
margin: 0px;
padding: 0px;
list-style: none;
margin-left: 20px;
}
.comment-body {
float: left;
margin: 0 20px 20px 0;
font-size: 15px;
position: relative;
background: #f7f7f7;
padding: 30px;
}
.commentavatar {
float: left;
margin-right: 35px;
}
.commentavatar img {
float: left;
}
.commentauthor {
padding: 0px 20px;
margin-bottom: 10px;
}
.commentcontent {
font-size: 15px;
}
.commentcontent p {
font-size: 15px;
color: #777;
font-weight: 500;
}
.commentreply {
position: absolute;
background-color: #62ac1e;
color: #fff;
left: 50px;
top: 140px;
}
.commentreply a {
padding: 15px 20px;
color: #fff;
}
.authorcomment {
font-size: 24px;
font-weight: 500px;
color: #333;
padding-right: 25px;
text-transform: uppercase;
}
.comment-date {
color: #62ac1e;
font-weight: 500;
}
.top-left ul li{
display: inline-block;
}
.blog-grid {
margin-right: 0;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 2px 2px 40px #cecece;
}
.blog-grid .post-details {
border: none;
}
.blog-list {
overflow: hidden;
margin-bottom: 30px;
box-shadow: 2px 2px 18px #cecece;
margin-right: 0;
}
.blog-list .post-details {
padding: 15px 25px;
border: none;
border-top: 0;
}
.blog-list .blog-img {
padding: 0px;
}
.left-img {
width: 44%;
float: left;
}
.right-content {
width: 55%;
float: left;
}
.right-content .post-details {
border: none;
padding: 29px;
border: 1px solid #ccc;
height: 287px;
}
.right-content .post-details h2 {
margin-top: 0px;
font-size: 24px;
font-weight: 500;
}
.right-content .post-details a.readmore {
padding: 10px 15px;
border: 1px solid #777;
color: #777;
display: inline-block;
}
.related-posts-list .owl-controls {
position: absolute;
right: 0px;
top: -90px;
}
.vertical-align {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
position: absolute;
width: 100%;
left: 0px;
}
.hover-aqua:hover .hover-it {
color: #ff6600;
}
.photo-block {
text-align: center;
color: #fff;
position: relative;
width: 100%;
}
.photo-block img {
width: 100%;
height: auto;
display: block;
}
.photo-block h3 {
padding-bottom: 10px;
}
.photo-block span .fa {
font-size: 42px;
color: #333;
}
.photo-block span {
padding-bottom: 10px;
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
opacity: 0;
}
.photo-block h5 {
font-size: 18px;
color: #333;
text-transform: uppercase;
}
.photo-block h5 {
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
opacity: 0;
}
.photo-block:hover span,
.photo-block:hover h5 {
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
opacity: 1;
}
.tour-layer {
position: absolute;
top: 10px;
left: 10px;
width: 90%;
height: 90%;
background: rgba(256, 256, 256, .8);
opacity: 0;
}
.photo-block:hover .tour-layer {
opacity: 1;
}
/*-----------------------------------
26. Cost Saver
--------------------------------------*/
.costsaver-tours {
background: url(../images/bg/costsaverbg.jpg);
}
.destination-search {
background: #09357a;
}
.des-inline-form {
padding: 30px;
display: table;
}
.form-field {
display: table-cell;
padding-right: 30px;
width: 42%;
}
.form-in {
color: #fff;
width: 10%;
padding-right: 30px;
}
.form-in span{
font-size: 24px;
font-weight: 500;
font-family: "Rubik",sans-serif;
}
.explore-wrapper .explore-list .explore-layout {
margin-bottom: 50px;
}
.explore-layout {
display: table;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.explore-layout .image-wrapper {
position: relative;
display: table-cell;
overflow: hidden;
width: 54%;
height: 270px;
}
.explore-layout .image-wrapper .link {
position: unset;
display: block;
width: 100%;
height: 100%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.explore-layout .image-wrapper .link img {
position: absolute;
top: 0;
left: 0;
width: auto;
max-width: 410px;
-webkit-transition: all .8s ease;
-moz-transition: all .8s ease;
-o-transition: all .8s ease;
transition: all .8s ease;
}
.explore-layout .image-wrapper .link:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 120%;
content: '';
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .6) 75%, rgba(0, 0, 0, .7) 85%, rgba(0, 0, 0, .8) 90%, rgba(0, 0, 0, .9) 100%);
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}
.explore-layout .image-wrapper .title-wrapper {
font-size: 20px;
position: absolute;
z-index: 5;
right: 20px;
bottom: 20px;
left: 20px;
display: inline-block;
text-align: left;
color: #ffffff;
}
.explore-layout .image-wrapper .title-wrapper .title {
font-weight: bold;
position: relative;
display: inline-block;
margin-bottom: 6px;
text-transform: uppercase;
color: #ffffff;
}
.explore-layout .image-wrapper .title-wrapper .title:before {
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 1px;
content: '';
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.explore-layout .image-wrapper .title-wrapper .title:hover:before {
width: 100%;
}
.explore-layout .content-wrapper {
position: relative;
display: table-cell;
vertical-align: middle;
background-color: #ffffff;
background: url('../images/costsaver/explorebg.png');
background-position: -30px;
}
.explore-layout .content-wrapper .list-info {
position: absolute;
top: 0;
right: 0;
display: block;
height: 100%;
max-height: 270px;
margin: 0;
text-align: center;
border-collapse: collapse;
border-left: 1px solid #e9e9e9;
}
.explore-layout .content-wrapper .list-info li {
display: table;
height: 20%;
padding: 0;
border-bottom: 1px solid #e9e9e9;
}
.explore-layout .content-wrapper .list-info li:last-child {
border-bottom: none;
}
.explore-layout .content-wrapper .list-info .link {
line-height: 1;
position: relative;
z-index: 11;
top: 0;
right: 0;
display: table-cell;
width: 54px;
height: 100%;
transition: all .5s ease;
vertical-align: middle;
}
.explore-layout .content-wrapper .list-info .link>.icons {
display: inline-block;
width: 14px;
height: 14px;
transition: all .3s ease;
text-align: center;
color: #d0d0d0;
}
.explore-layout .content-wrapper .list-info .link .number {
display: none;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: 0;
color: #ffffff;
}
.explore-layout .content-wrapper .list-info .link:hover {
top: -5px;
right: -5px;
box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}
.explore-layout .content-wrapper .list-info .link:hover>.icons {
color: #555555;
}
.explore-layout .content-wrapper .list-info .link:hover>.icons.hidden-icon {
display: none;
}
.explore-layout .content-wrapper .list-info .link:hover .number {
display: inline-block;
opacity: 1;
color: #555555;
}
.explore-layout .content-wrapper .list-info .share-social-list {
position: absolute;
z-index: 0;
bottom: -10px;
left: 100%;
visibility: hidden;
margin-bottom: 0;
padding: 0 0 0 5px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: 0;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
.explore-layout .content-wrapper .list-info .share-social-list .link-social {
line-height: 40px;
display: block;
width: 40px;
height: 40px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
text-align: center;
color: #d0d0d0;
background-color: #ffffff;
}
.explore-layout .content-wrapper .list-info .share-social-list .link-social:hover {
color: #555555;
}
.explore-layout .content-wrapper .list-info li:hover .link+.share-social-list {
z-index: 10;
bottom: 1px;
left: calc(100% + 5px);
visibility: visible;
opacity: 1;
}
.explore-layout .content-wrapper>.content {
padding: 0 40px 0 25px;
text-align: center;
}
.explore-layout .content-wrapper>.content .title {
display: table;
margin-bottom: 15px;
padding: 0;
text-align: left;
}
.explore-layout .content-wrapper>.content .title .price {
display: table-cell;
vertical-align: middle;
}
.explore-layout .content-wrapper>.content .title .price sup {
font-size: 20px;
font-weight: bold;
top: -16px;
left: -2px;
}
.explore-layout .content-wrapper>.content .title {
font-size: 36px;
font-weight: 500;
min-width: 200px;
}
.explore-layout .content-wrapper>.content>.text {
overflow: hidden;
max-height: 96px;
margin-bottom: 20px;
text-align: left;
font-size: 22px;
font-weight: 500;
}
.explore-layout .content-wrapper>.content .group-btn-tours:hover .left-btn {
color: #434a54;
}
.explore-layout .content-wrapper.style-2>.content .title {
display: block;
}
.explore-layout .content-wrapper.style-2>.content .title .price {
line-height: 1;
display: block;
}
.explore-layout .content-wrapper.style-2>.content .title .price sup {
font-size: 16px;
}
.explore-layout .content-wrapper.style-2>.content .title .price .number {
font-size: 26px;
}
.explore-layout .content-wrapper.style-2>.content .title .for-price {
line-height: 1;
max-width: none;
}
.explore-layout:hover {
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
}
.explore-layout:hover .image-wrapper .link img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.explore-layout:hover .image-wrapper .link:before {
top: -20%;
}
.time-content {
padding: 30px;
}
.time-content-bg {
background: #f5f5f5;
}
.offer-content {
padding: 45px 0;
}
.offer-content .offer-title {
font-size: 36px;
font-weight: 500;
color: #333;
margin-bottom: 40px;
}
.offer-content .offer-subtitle {
font-size: 30px;
font-weight: 500;
color: #333;
}
.offer-listtitle {
font-weight: 500;
font-size: 24px;
color: #62ac1e;
}
.offer-list li {
list-style: none;
padding: 10px 0;
color: #777;
}
.offer-list li span {
color: #62ac1e;
}
.offer-texttitle {
font-weight: 500;
font-size: 30px;
color: #333;
}
.offer-text {
color: #777;
}
.best-seller {
display: table;
border-bottom: 1px solid #fff;
margin-bottom: 15px;
}
.seller-img {
display: table-cell;
}
.seller-content {
display: table-cell;
padding: 20px;
}
.content-left {
display: table-cell;
color: #62ac1e;
font-size: 20px;
font-weight: 500;
}
.seller-content span {
display: block;
color: #777;
}
.content-right {
display: table-cell;
padding-left: 100px;
color: #62ac1e;
font-size: 20px;
font-weight: 500;
}
.feature-tours {
font-size: 18px;
font-weight: 500;
}
.feature-tours td,
.feature-tours th {
border: none;
border-top: 0px !important;
border-bottom: 0px !important;
padding: 15px 8px !important;
}
.feature-tours .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
td.blue {
color: #09357a;
}
th.red {
color: #bf1b19;
}
.customer-review .owl-buttons div {
position: absolute;
right: 50px;
top: -110px;
font-size: 50px;
line-height: 60px;
margin-top: -30px;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
background: transparent;
}
.owl-theme .owl-controls .owl-buttons div i {
padding 0px;
}
.customer-review .owl-buttons div.owl-next {
right: 0px;
}
.reviewcomm {
position: absolute;
top: 165px;
right: 13%;
color: red;
/* padding: 9px 32px; */
font-size: 36px;
}
.reviewimg {
max-width: 100px;
border-radius: 50%;
float: left;
}
.name-customer {
display: inline-block;
font-size: 24px;
margin-top: 25px;
margin-right: 30px;
font-family: "Rubik", sans-serif;
}
.cutomer-loc {
display: inline-block;
font-size: 18px;
font-weight: 500;
margin-right: 62px;
color: #777;
font-family: "Roboto", sans-serif;
}
.cusreview-details {
display: block;
padding: 0;
}
.cusreview-ltextimg {
/* background: url(../images/costsaver/cusreviewbg.png) no-repeat;
width: 370px;*/
/* height: 270px;*/
padding: 30px;
border-style: solid;
margin-bottom: 10px;
}
}
/*----------------------------------------------------------------------------------------
27.CONTACT CSS STYLE
----------------------------------------------------------------------------------------*/
.map1 iframe {
width: 100%;
height: 350px;
}
.contact-area {
background: #fff;
}
.contact-sec {
background: url(../images/bg/contactsecbg.png) no-repeat;
background-size: cover;
}
.modal-header h2 {
margin: 0;
}
.contact-icon {
float: left;
margin-bottom: 10px;
margin-right: 9px;
}
.contact-icon i {
font-size: 40px;
color: #000;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
}
.single-contact:hover .contact-icon i {}
.single-contact {}
.single-contact h2 {
font-size: 18px;
margin-top: 20px;
text-transform: capitalize;
font-weight: 600;
-webkit-transition: .3s;
transition: .3s;
}
.contact-form {
margin-top: 30px;
}
.form-control {
display: block;
border: 0px;
width: 100%;
height: 50px;
font-size: 16px;
line-height: 1.42857143;
color: #bbb;
background-color: transparent;
background-image: none;
border-radius: 0px;
box-shadow: none;
margin-bottom: 20px;
border: 1px solid #ccc;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
font-family:"Roboto", sans-serif;
}
.form-control::placeholder{
color: #bbb;
}
.welcome-image-area .form-control::placeholder{
color: #bbb;
}
.welcome-image-area .form-control {
display: block;
border: 0px;
width: 100%;
height: 50px!important;
font-size: 16px;
line-height: 1.42857143;
color: #bbb;
background-color: transparent;
background-image: none;
border-radius: 0px;
box-shadow: none;
margin-bottom: 20px;
padding: 10px 110px 14px 50px;
border: 1px solid #ccc;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
font-family:"Roboto", sans-serif;
}
.form-control:focus {
border-color: #62ac1e;
outline: 0;
box-shadow: none;
}
.contact-form input[type='submit'] {
display: inline-block;
color: #fff;
padding: 12px 25px;
text-transform: capitalize;
font-size: 14px;
border: 1px solid #62ac1e;
background-color: #62ac1e;
border-radius: 0px;
font-weight: 700;
float: left;
font-family: "Raleway", sans-serif;
}
.contact-form input[type='submit']:hover{
background-color: #fff;
color: #62ac1e;
}
.text-right .actions{
float: right;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
outline: none;
}
.success {
background: #50B948 none repeat scroll 0 0;
color: #fff;
font-weight: 700;
padding: 20px;
text-align: center;
}
.contact-socials ul li {
list-style: none;
display: inline-block;
padding-right: 10px;
}
.contact-socials ul li:hover a{
color: #62ac1e;
}
.contact-socials ul li a {
color: #777;
font-size: 24px;
}
.contact-icon-box>i {
text-align: center;
}
.contact-icon-box>i {
display: block;
width: 70px;
float: left;
line-height: 70px;
color: #fff;
font-size: 3em;
margin-right: 15px;
}
.contact-icon-box {
height: 70px;
background: #fff;
line-height: 70px;
text-transform: none;
}
.contact-icon-box .description {
line-height: 1.6em;
padding: 14px 15px 0 0;
}
/*----------------------------------------------------------------------------------------
28.FOOTER CSS STYLE
----------------------------------------------------------------------------------------*/
.footer-area {
padding: 0px;
clear: both;
}
.footer-widgets {
padding: 100px 0px;
}
.footer-bottom {
background: #62ac1e;
padding: 10px 0px 0px 0px;
}
.footer-bottom2 {
background: #333;
padding: 16px 0px;
}
.footer-text h6 {
text-transform: capitalize;
color: #fff;
font-weight: 300;
font-size: 16px;
font-weight: 500;
}
/* footer widget */
.widget h4 {
font-size: 24px;
padding-bottom: 15px;
text-transform: capitalize;
font-weight: 500;
}
.widget p {
padding-top: 30px;
color: #333;
}
footer .widget ul {
list-style: none;
padding-left: 0px;
font-size: 16px;
color: #777;
}
footer .widget ul a {
display: block;
text-align: left;
color: #777;
}
footer .widget ul.deals-list a {
display: table-cell;
text-align: left;
color: #777;
}
footer .widget ul.tweets li {
margin-bottom: 30px;
padding-left: 40px;
position: relative;
}
footer .widget ul.tweets li i {
color: #bbb;
}
footer .widget ul.tweets li span {
padding-top: 20px;
display: block;
font-weight: 300;
color: #000;
}
footer .widget ul.footer-addres li {
margin-bottom: 10px;
padding-left: 40px;
position: relative;
}
footer .widget ul.footer-address li {
margin-bottom: 45px;
padding-left: 40px;
position: relative;
}
footer .widget ul i {
font-size: 29px;
display: inline-block;
color: #62ac1e;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
top: 3px;
}
ul.instagram-list li img {
width: 100%;
height: auto;
}
footer .widget ul.instagram-list li {
display: inline-block;
margin-bottom: 5px;
padding: 0;
width: 32%;
}
.footer-bottom .left-align {
text-align: left;
}
.footer-bottom .right-align {
text-align: right;
}
.footer-bottom .footer-social {
list-style: none;
padding-left: 0px;
margin-bottom: 0;
}
.footer-bottom .footer-social li {
display: inline-block;
padding: 0px 10px;
}
.header-social{
float: right;
}
.header-text .header-social li{
display: inline-block;
}
.header-text .header-social a {
display: inline-block;
color: #fff;
padding: 40px 15px;
font-size: 24px;
border: none;
font-weight: 600;
letter-spacing: 1px;
border-radius: 0;
background: transparent;
}
.header-social li a{
color: #fff;
}
.header-social li:hover a{
color: #62ac1e;
}
.footer-bottom .footer-social a {
font-size: 26px;
color: #fff;
}
.footer-bottom .footer-social a:hover {
color: #222;
}
.newsletter-area {
background: rgba(0, 0, 0, 1) url(../images/bg/newsletter-bg.jpg) no-repeat scroll center top / cover;
position: relative;
}
.newsletter-area2 {
background: rgba(0, 0, 0, 1) url(../images/bg/newsletter4.jpg) no-repeat scroll center top / cover;
position: relative;
}
.newsletter-form h2 {
color: #fff;
font-size: 40px;
font-weight: 500;
margin: 0;
padding: 0 0 30px;
text-shadow: 5px 5px 18px rgba(0,0,0,0.61);
}
.newsletter-form h2 span {
color: #038E94;
}
.newsletter-form {
padding: 150px 0;
}
.newsletter-form h5{
color:#fff;
font-size: 16px;
line-height: 3;
margin-bottom: 40px;
text-transform: uppercase;
}
.formnewsletter {
position: relative;
width: 100%;
margin: 0 auto;
}
.newsletter-form2 p {
margin-bottom: 30px;
color: #fff;
font-size: 20px;
}
.newsletter-form2 h2 {
color: #fff;
font-size: 40px;
font-weight: 500;
margin: 0;
padding: 0 0 30px;
text-transform: uppercase;
}
.newsletter-form2 h2 span {
color: #038E94;
}
.newsletter-form2 {
padding: 150px 0;
}
.formnewsletter2 {
position: relative;
margin: 0 auto;
}
.formnewslette2r input.form-control {
height: 58px !important;
width: 90%;
}
.formnewsletter2 .hvr-shutter-out-horizontal::before {
background: #353535;
}
.formnewsletter2 button {
background: #62ac1e none repeat scroll 0 0;
color: #fff;
font-weight: 500;
height: 50px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
width: 30%;
border: 0;
font-size: 20px;
}
.index-3-footer h3{
text-transform: capitalize;
}
.formnewsletter2 button.hvr-shutter-out-horizontal::before {
border-radius: 30px;
}
.newsletter-form2 p {
line-height: 2;
color: #fff;
font-size: 20px;
}
.formnewsletter input.form-control {
height: 58px !important;
width: 90%;
}
.formnewsletter .hvr-shutter-out-horizontal::before {
background: #353535;
}
.formnewsletter button {
background: #62ac1e none repeat scroll 0 0;
color: #fff;
font-weight: 500;
height: 58px;
line-height: 58px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
width: 25%;
border: 0;
}
.formnewsletter button.hvr-shutter-out-horizontal::before {
border-radius: 30px;
}
.newsletter-form .form-control:focus {
border-color: transparent;
box-shadow: none;
}
.footer4 {
background: url(../images/bg/footer4.jpg);
}
.footer4 .widget img {
max-width: 250px;
}
.footer4 {
color: #fff;
}
.footer4 .widget p {
padding-top: 30px;
color: #fff;
font-size: 16pt;
}
.footer5 {
background: #09357a;
}
.footer5bg {
background: url(../images/bg/footermapbg.png);
}
.footer5 .widget img {
max-width: 250px;
}
.footer5 {
color: #fff;
}
.footer5 .widget p {
padding-top: 30px;
color: #fff;
font-size: 16pt;
}
.footer5 .widget ul {
color: #fff;
}
.footer5 .widget ul a {
color: #fff;
}
.message-box {
background: #62ac1e;
padding: 15px;
}
.message-box p {
font-size: 24px;
color: #fff;
margin-bottom: 0px;
}
.product_list_widget{
margin-top: 20px;
}
.site-footer .footer-links {
margin: 0px;
padding: 0px;
}
.site-footer .footer-links li {
list-style: none;
display: inline-block;
width: 49%;
padding-bottom: 15px;
}
.site-footer .footer-links li a {
font-size: 14px;
color: #828282;
}
.site-footer .footer-bottom {
background: #333;
color: #fff;
text-align: center;
}
.site-footer .footer-bottom p {
margin-bottom: 0px;
}
.site-footer .widget .formnewsletter2 {
margin: 20px 0px 40px 0px;
}
.site-footer .widget .social-links {
margin: 0px;
padding: 0px;
}
.site-footer .widget .social-links li {
list-style: none;
display: inline-block;
margin-right: 10px;
}
.site-footer .widget .social-links li i {
position: relative;
}
.site-footer .widget .social-links li a i {
color: #828282;
}
.site-footer .widget .social-links li a:hover i {
color: #62ac1e;
}
.site-footer .widget .contactinfo {
margin: 20px 0px;
}
.site-footer .widget .contactinfo span.fa {
display: inline-block;
font-size: 60pt;
color: #62ac1e;
}
.site-footer .widget .contactinfo p {
display: inline-block;
width: 65%;
color: #828282;
}
.site-footer .widget .contactinfo p span {
font-size: 20px;
display: block;
}
.site-footer .widget .address span.fa {
display: inline-block;
font-size: 20pt;
color: #62ac1e;
}
.site-footer .widget .address p {
display: inline-block;
width: 90%;
color: #828282;
padding-top: 0px;
padding-left: 10px
}
.site-footer .widget .timing span.fa {
display: inline-block;
font-size: 20pt;
color: #62ac1e;
}
.site-footer .widget .timing p {
display: inline-block;
width: 85%;
color: #828282;
padding-top: 0px;
padding-left: 10px
}
/*----------------------------------------
29. GALLERY
-----------------------------------------*/
#gallery {
padding: 90px 0
}
.gallery-menu button {
padding: 8px 20px;
border: transparent;
margin-bottom: 60px;
background-color: transparent;
font-size: 24px;
font-weight: 500;
color: #777;
}
.gallery-menu button.active,
.gallery-menu button:hover {
background-color: transparent;
color: #62ac1e
}
.gallery-single-item {
margin-bottom: 30px
}
.gallery-inner {
position: relative;
}
.gallery-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(51, 51, 51, .6);
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: hidden;
}
.gallery-single-item:hover .gallery-overlay{
opacity: 1;
visibility: visible
}
.gallery-info{
position: relative;
top: 35%;
}
.gallery-overlay .overlay{
position: relative;
display: inline-block;
background-color: transparent;
}
.gallery-overlay .overlay a {
font-size: 24px;
font-family: "Rubik", sans-serif;
color: #fff;
line-height: 3;
font-weight: 500;
}
/*Blog*/
.home-posts {
display: block;
padding-bottom: 50px;
}
.home-post .left-img {
width: 49%;
}
.home-post .left-img figure img {
width: 100%;
}
.home-post .right-content {
width: 49%;
float: left;
}
.home-post .right-content .post-details {
padding: 60px 35px;
border: 1px solid #ccc;
height: 405px;
}
.home-post .post-meta {
padding: 20px 0px;
}
.home-post .right-content .post-details p {
margin-bottom: 30px;
font-size: 18px
}
.tour-booking{
background-image: url("../images/booking-bg.png");
padding: 80px 0;
}
.book-sec .book_btn{
padding: 40px 0;
}
.book-sec .book_btn span{
background-color: #62ac1e;
color: #fff;
transition: .5s;
padding: 10px 15px;
border:1px solid #62ac1e;
}
.book-sec h6{
font-size: 16px;
color: #777;
font-weight: normal;
}
.book-sec .book_btn span:hover{
background-color: #fff;
}
.book-sec .book_btn span:hover a{
color: #62ac1e;
}
.book-sec .book_btn span a{
color: #fff;
text-decoration: none;
}
/* home style 5*/
/*----------
[ top / #top ]
-------------*/
#top,
#top1 {
background-color: #fff;
min-height: 40px;
}
#top-links,
#top-links1 {
border-bottom: 1px solid #E5E5E5;
position: relative;
margin-bottom: 5px;
}
#top-links ul,
#top-links1 ul {
padding: 7px 0px 7px;
margin: 0px;
line-height: 18px;
}
#top-links ul li,
#top-links1 ul li {
padding: 0px 0 0 17px;
}
#top-links ul li:first-child,
#top-links1 ul li:first-child {
padding: 0px 0 0 0px;
}
#top-links ul li:last-child a,
#top-links1 ul li:last-child a {
border-right: 0;
/* padding-right: 0;*/
}
#top-links .button li:first-child a:first-child,
#top-links1 .button li:first-child a:first-child {
border-right: 0;
}
.login-reg span{
margin-right: 10px;
font-weight: 500;
}
#top-links ul li a,
#top-links1 ul li a {
color: #000;
font-size: 14px;
border-right: 1px solid #000;
padding-right: 17px;
vertical-align: middle;
font-weight: 400;
}
#top-links ul li a, #top-links1 ul li.login-reg a{
padding-right: 10px;
}
#top-links ul li a i,
#top-links1 ul li a i {
margin-right: 8px;
}
#form-currency .btn-link,
#form-language .btn-link {
padding: 0;
color: #000;
font-size: 14px;
border:none;
border-right: 1px solid #000;
padding-right: 17px;
border-radius: 0;
}
#form-currency .btn-link {
border-right: 0;
}
#form-currency .dropdown-menu>li>.btn-link,
#form-language .dropdown-menu>li>a {
border-right: 0px solid #000;
padding-right: 0;
}
#form-currency .dropdown-menu>li {
padding: 0px 0 0 0px;
}
#form-language .dropdown-menu>li>a {
display: block;
padding: 3px 3px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
text-align: left;
}
.btn-group .dropdown-menu {
padding: 5px !important;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
text-shadow: none;
background-color: #f5f5f5;
color: #010101;
}
/*--------------------
[ Header / header ]
---------------------*/
.site-header {
margin: 30px 0 35px;
}
#logo img {
margin: 0 auto;
max-width: 180px;
}
header .button-login .btn-default {
background: #FCB714;
color: #fff;
font-size: 16px;
font-weight: 400;
padding: 12px 21px;
border-radius: 0px;
border: none;
line-height: 16px;
margin-right: 14px;
}
header .button-login .btn-default:active:hover {
color: #fff;
background: #FCB714;
}
header .button-login .btn-primary {
background: transparent;
border: none;
color: #09357a;
padding: 0;
font-family: 'Rubik', sans-serif;
font-weight: 500;
margin-top: 0;
width: auto;
height: auto;
vertical-align: sub;
}
header .button-login .btn-primary i{
color: #09357a;
font-size: 30px;
vertical-align: inherit;
}
header .button-login .btn-primary:hover,
header .button-login .btn-primary:active:hover,
header .button-login .btn-primary:focus,
header .button-login .btn-primary:active:focus {
background: transparent;
color: #413F4D;
}
header .social-icon {
padding: 8px 0 0 0;
}
header .social-icon ul {
margin: 0;
}
header .social-icon ul li {
padding: 3px 8px 5px 7px;
background: transparent;
line-height: 16px;
margin-right: 4px;
}
header .social-icon ul li a {
color: #000;
text-decoration: none;
font-size: 24px;
vertical-align: middle;
}
/*---------------------------------
[ menu / #menu ]
----------------------------------- */
#menu,
#menu1 {
min-height: 26px;
border-radius: 0px;
}
#menu .navbar,
#menu1 .navbar {
margin-bottom: 0;
border: 0px solid transparent;
}
#menu .navbar-nav,
#menu1 .navbar-nav {
float: none !important;
text-align: center !important;
}
#menu .navbar-nav>li,
#menu1 .navbar-nav>li {
float: none;
display: inline-block;
}
#menu .nav>li,
#menu1 .nav>li {
margin: 0 14.5px;
padding: 10px 0;
cursor: pointer;
}
#menu .nav>li:first-child,
#menu1 .nav>li:first-child {
margin: 0 14.5px 0 0;
}
#menu .nav>li>a,
#menu1 .nav>li>a {
background-color: transparent;
color: #fff;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
padding: 20px 10px 10px 10px;
border-bottom: 5px solid transparent;
line-height: 11px;
}
#menu .nav>li.dropdown> ul li a:before,
#menu1 .nav>li.dropdown> ul li a:before{
content: "\f112";
font-family: FontAwesome;
font-size: 14px;
padding-right: 10px;
}
#menu .nav>li>a:hover,
#menu1 .nav>li>a:hover {
color: #ffffff;
border-bottom: 5px solid #fff !important;
}
#menu .nav>li>a:hover:before {
border-bottom: 7px solid transparent;
border-top: 7px solid #fff;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
position: absolute;
left: 44%;
bottom: -18px;
margin: 0 auto;
display: block;
content: "";
}
#menu .navbar-nav>.active>a,
#menu .navbar-nav>.active>a:hover,
#menu .navbar-nav>.active>a:focus,
#menu1 .navbar-nav>.active>a,
#menu1 .navbar-nav>.active>a:hover,
#menu .navbar-nav>.active>a:focus {
color: #FCB714;
background-color: #FCB714;
}
#menu .dropdown-menu,
#menu1 .dropdown-menu {
padding: 5px 25px;
border-radius: 0px;
min-width: 230px;
}
#menu .dropdown-menu li .fa,
#menu1 .dropdown-menu li .fa {
margin-right: 15px;
}
#menu .dropdown-menu li,
#menu1 .dropdown-menu li {
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
#menu .dropdown-menu li:last-child,
#menu1 .dropdown-menu li:last-child {
border-bottom: none;
}
#menu .dropdown-menu li a,
#menu1 .dropdown-menu li a {
color: #999999;
font-weight: 500;
}
#menu .dropdown-menu li a:hover,
#menu1 .dropdown-menu li a:hover {
color: #FCB714;
padding-left: 15px;
}
/*---------------------------------
[ Slideshow / .slideshow ]
----------------------------------- */
.slice {
position: relative;
}
.slideshow {
margin: 0;
position: relative;
}
.slideshow img {
width: 100%;
min-height: 700px;
}
.slide-detail {
position: absolute;
right: 0;
z-index: 2;
top: 20%;
}
.slide-detail form {
background: #fff;
position: relative;
min-height: 190px;
padding: 39px 30px 15px 30px;
margin-left: 95px;
}
.slide-detail form .wid {
width: 19%;
}
.slide-detail form .wid1 {
width: 81%;
}
.slide-detail form .wid2 {
width: 21%;
}
.slide-detail form h2 {
font-size: 16px;
color: #000;
margin: 0 0 29px;
}
.slide-detail form label {
font-size: 16px;
color: #3C3C3C;
margin: 0 0 30px;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.slide-detail form input,
.slide-detail form .btn {
border-radius: 0 !important;
border: 1px solid #E3EBEE;
color: #999999;
background-color: #f4f4f4;
height: 50px;
font-family: 'Roboto', serif;
font-size: 16px;
font-weight: 500;
padding: 0 10px;
}
.slide-detail form .calender {
border: 0;
height: 37px;
padding: 0;
position: absolute;
top: 30px;
right: 15px
}
.slide-detail form .calender i,
.slide-detail form .btn i {
background: #FCB714;
color: #fff;
padding: 9px 10px;
font-size: 18px;
}
.slide-detail form .btn {
padding: 0;
}
.slide-detail form .btn span {
padding: 10px 12px;
}
.slide-detail form .btn i {
position: absolute;
right: 0;
}
.slide-detail form .btn-primary {
background: #FCB714;
color: #fff;
font-weight: 700;
text-transform: uppercase;
width: 100%;
height: 40px;
border: none;
}
.slideshow .owl-pagination {
top: 35%;
z-index: 0;
position: absolute;
right: 10px;
display: inline-block;
}
.slideshow .owl-controls .owl-page {
margin: 0 !important;
padding: 4px 1px 7px;
display: block;
text-align: center;
}
.slideshow .owl-controls .owl-page span {
background: #fff;
border: 4px solid transparent;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.54);
height: 11px;
width: 11px;
}
.slideshow .owl-controls .owl-page.active span {
background: #fff;
border: 4px solid #FCB714;
width: 14px;
height: 14px;
}
.placetop {
margin: 80px 0;
}
.places h1 {
margin: 0 0 30px;
font-size: 24px;
color: #000;
text-transform: uppercase;
text-align: center;
}
.places p {
margin: 0 0 30px;
font-size: 14px;
color: #686868;
text-align: center;
font-family: "Roboto", sans-serif;
position: relative;
}
.places p:after {
border-top: 5px solid #FCB714;
position: absolute;
left: 0;
top: 48px;
content: "";
width: 70px;
margin: 0 auto;
right: 0;
}
.places hr {
width: 170px;
border-top: 1px solid #ccc;
margin-bottom: 60px;
}
.places .nav-tabs {
border: none;
margin: 0 0 50px;
text-align: center;
}
.places .nav-tabs>li {
float: none;
display: inline-block;
padding: 0;
}
.places .nav-tabs>li>a {
border: 1px solid #E5E5E5;
font-size: 14px;
color: #000;
border-radius: 0px;
margin: 0 !important;
text-transform: uppercase;
padding: 24px 40px;
line-height: 14px;
position: relative;
}
.places .nav-tabs>li.active>a,
.places .nav-tabs>li>a:hover {
color: #000;
background: #F7F7F7;
border: 1px solid transparent;
}
.places .nav-tabs>li>a:hover:after,
.places .nav-tabs>li.active>a:after {
border-bottom: 8px solid #FCB714;
content: "";
position: absolute;
left: 0;
bottom: 0;
text-align: center;
display: block;
width: 100%;
}
.places .nav-tabs>li>a:hover:before,
.places .nav-tabs>li.active>a:before {
border-bottom: 10px solid #FCB714;
border-top: 10px solid transparent;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
left: 44%;
bottom: 6px;
margin: 0 auto;
display: block;
content: "";
}
.product-thumb {
margin-bottom: 0px;
}
.product-thumb .image {
position: relative;
}
.product-thumb .image .hoverbox {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient( yellow , red);
text-align: center;
opacity: 0;
top: 0;
}
.product-thumb .hoverbox .icon_plus {
color: #fff;
font-size: 75px;
position: absolute;
top: 35%;
left: 0;
right: 0;
cursor: pointer;
}
.product-thumb:hover .hoverbox {
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
opacity: .6;
}
.product-thumb .image .matter {
position: absolute;
opacity: 1;
bottom: 0;
color: #fff;
text-transform: uppercase;
width: 100%;
}
.product-thumb .image .matter h2 {
font-size: 24px;
margin: 0 0 0 24px;
}
.product-thumb .image .matter p {
font-family: 'roboto', sans-serif;
color: #fff;
font-size: 16px;
margin: 9px 120px 0px;
text-transform: capitalize;
font-weight: 500;
background-color: #0f7509;
padding: 5px;
}
.product-thumb .image .matters {
position: absolute;
opacity: 1;
bottom: 0;
color: #fff;
text-transform: uppercase;
width: 100%;
}
.product-thumb .image .matters h2 {
font-size: 24px;
margin: 0 0 0 24px;
}
.product-thumb .image .matters p {
font-family: 'roboto', sans-serif;
color: #fff;
font-size: 16px;
margin: 0px 50px 0px;
text-transform: capitalize;
font-weight: 500;
background-color: #0f7509;
padding: 5px 10px 0px 10px;
text-align: center;
}
.product-thumb .image .matter ul {
margin: 0;
border-top: 1px solid #E5E5E5;
}
.product-thumb .image .matter ul li:first-child {
border-right: 1px solid #E5E5E5;
}
.product-thumb .image .matter ul li {
padding: 12px 0px;
width: 49%;
text-align: center;
line-height: 12px;
}
.product-thumb .image .matter ul li a {
color: #fff;
font-size: 14px;
}
.product-thumb .caption {
border: 1px solid #E5E5E5;
border-top: 0;
}
.product-thumb .caption .inner {
padding: 15px 15px;
border-bottom: 1px solid #E5E5E5;
}
.product-thumb .caption .inner img {
float: left;
margin-right: 18px;
}
.product-thumb .caption .inner h4 {
font-size: 20px;
margin: 0 0 8px;
}
.product-thumb .caption .inner span {
font-size: 16px;
line-height: 12px;
font-family: "Roboto", sans-serif;
color: #9A9A9A;
margin-right: 50px;
}
.product-thumb .caption .inner i {
color: #66a91e;
font-size: 13px;
}
.product-thumb .caption .inner span.fa-map-marker {
color: #66a91e;
font-size: 40px;
float: left;
font-family: FontAwesome;
margin-right: 10px;
line-height: 40px;
}
.read-more{
height: 50px;
}
.read-more:hover{
background: linear-gradient(#006ed9, #005fba, #00376d);
cursor: pointer;
color: #ffffff;
}
.read-more a {
color: #333;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 2.7;
}
.read-more:hover a {
color: #fff;
}
.plus-center span{
position: absolute;
left: 0;
right: 0;
top: 50%;
}
.product-thumb .caption button {
font-size: 14px;
color: #000;
margin: 0 auto;
padding: 12px 0 12px;
background: none;
border: 0;
line-height: 12px;
}
.product-thumb:hover .caption button {
color: #66a91e;
}
.video img {
width: 100%;
}
.video .matter {
text-align: center;
position: absolute;
bottom: 100px;
left: 0;
right: 0;
}
.video .matter i {
font-size: 80px;
color: #fff;
border-radius: 50%;
padding: 25px;
font-weight: 700;
}
.gallery-items-5-2 .grid-item{
margin-bottom: 30px;
}
.gallery-items-5-2 .product-thumb .image .matter p span {
float: right;
font-size: 20px;
line-height: 12px;
}
.gallery-items-5-2 .product-thumb .caption .inner {
padding: 18px 24px;
}
.gallery-items-5-2 .product-thumb .caption .inner .rate {
min-height: 40px;
}
.rate{
text-align: right;
}
.gallery-items-5-2 .product-thumb .caption .inner p {
font-size: 14px;
line-height: 22px;
font-family: "Roboto", sans-serif;
margin: 0px;
}
.gallery-items-5-2 .product-thumb:hover .caption button {
color: #000;
}
.gallery-items-5-2 .product-thumb .caption button:hover {
color: #FFB812;
}
.gallery-items-5-2 .product-thumb .caption button {
width: 100%;
}
.gallery-items-5-2 .product-thumb .caption button:first-child {
border-right: 1px solid #E5E5E5;
}
.gallery-items5 .grid-item{
margin-bottom: 30px;
}
.gallery ul {
margin: 0 0 30px 0;
}
.gallery-items-5-3 .grid-item {
padding: 0;
display: inline-block;
margin: 0;
}
.border-left-btm{
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.gallery .product-thumb {
margin-bottom: 0px;
}
.gallery .product-thumb .image img {
width: 100%;
}
.gallery .product-thumb .image .show {
position: absolute;
left: 0;
right: 0;
top: 40%;
}
.gallery .product-thumb .image .show p {
font-size: 20px;
color: #fff;
text-transform: uppercase;
line-height: 18px;
}
.gallery .product-thumb .image .show a {
font-size: 18px;
color: #fff;
line-height: 18px;
}
/***
===========================
blog-top-header
===========================
**/
.blog-top-header{
background-color: white;
border-radius: 10px;
box-shadow: 0px 2px 2px 5px #eaeaea;
}
.blog-top-header .mainmenu .navbar-nav li a {
color: #333;
}
.blog-top-header .mainmenu .navbar-nav>li {
padding: 30px 0px;
}
.blog-top-header .mainmenu .navbar-nav>li a{
padding-right: 10px;
}
.header-top-area .blog-logo{
background-color: #000;
padding:50px 0;
}
.blog-area{
background: transparent;
box-shadow:none;
position: relative;
padding: 50px;
}
.blog-section .inner-page-header{
margin-top: -40px;
}
#top4{
background-color: #fff;
width: 100%;
height: 120px;
}
#top4 .logo img.innper-page-logo {
width: 150px;
}
.blog {
background: #F7F8FA;
padding: 80px 0 60px;
}
.blog-white{
padding: 0 0 60px;
background: #ffffff;
}
.section-bg {
background-image: url(../images/bg/section-bg.jpg);
background-size: cover;
width: 100%;
height: 250px;
background-repeat: no-repeat;
}
.blog-header-topbar .login-widget li span.phonetext {
display: block;
position: relative;
top: 0px;
font-size: 20px;
text-transform: capitalize;
font-weight: 400;
}
.blog-header-topbar .login-widget li span i{
margin-right: 10px;
}
.blog-header-topbar .login-widget .phone{
padding: 30px 20px;
}
.blog-site-title h2{
color: #fff;
position: absolute;
left: 100px;
bottom: 50px;
}
.blog-section .site-page-breadcrumb span{
color: #62ac1e;
position: absolute;
right: 100px;
bottom: 50px;
text-transform: capitalize;
}
.blog-section .site-page-breadcrumb span a{
color: #fff;
text-transform: capitalize;
}
.blog .product-thumb {
margin-bottom: 0px;
}
.blog .product-thumb .caption .inner {
padding: 25px 24px;
}
.blog .product-thumb .caption .inner h4 {
margin: 0 0 35px;
}
.blog .product-thumb .caption p {
font-size: 14px;
line-height: 22px;
font-family: "Roboto", sans-serif;
color: #9A9A9A;
margin: 0px;
}
/*
==================================
==================================
*/
.news {
position: relative;
background-image: url("../images/bg/newletterbg5.jpg");
width: 100%;
height: 400px;
background-repeat: no-repeat;
background-size: cover;
}
.sub {
height: 400px;
width: 100%;
}
.newsinner {
left: 0;
position: absolute;
right: 0;
z-index: 2;
top: 50px;
bottom: 0;
}
.news .product-thumb {
margin-bottom: 46px;
}
.news .product-thumb .image .hoverbox {
background: rgba(1, 183, 242, 0.60);
position: relative;
}
.hoverbox span{
position: absolute;
right: 25px;
top: 25px;
}
.hoverbox .venobox i {
color: #ffffff;
font-size: 30px;
text-align: right;
}
.link-center{
position: relative;
}
.link-center span{
position: absolute;
top: 50%;
left: 0;
right: 0;
}
.plus .venobox i{
font-size: 60px;
}
.plus span{
top: 40%;
}
.news .product-thumb .image .matter {
bottom: 15px;
left: 0;
right: 0;
text-align: center;
text-transform: none;
}
.news .product-thumb .image .matter .des {
font-size: 24px;
font-weight: 700;
font-family: 'Rubik', sans-serif !important;
text-shadow: 0px 2px 0 #000;
letter-spacing: 1px;
text-transform: uppercase;
}
.news .product-thumb .image .matter .des span {
font-size: 30px;
margin-right: 20px;
}
.news .product-thumb .image .matter .des1 {
font-size: 13px;
font-family: 'Rubik', sans-serif !important;
text-shadow: 0px 2px 0 #000;
letter-spacing: 1px;
}
.news .product-thumb .image .matter .des1 span {
font-size: 20px;
font-weight: 700;
}
.news .product-thumb .image .matter .des1 small {
font-size: 30px;
font-weight: 700;
}
.news .product-thumb .image .matter .des2 {
font-size: 24px;
font-family: 'Rubik', sans-serif !important;
text-shadow: 0px 2px 0 #000;
letter-spacing: 1px;
text-align: left;
margin: 12px 24px;
}
.news .product-thumb .image .matter .des2 i {
margin-right: 10px;
font-size: 28px;
}
.news .product-thumb .image .matter .des2 span {
font-size: 32px;
}
.news .product-thumb .image .matter button {
background: #FCB714;
color: #fff;
border: 0;
padding: 9px 24px;
font-size: 13px;
line-height: 16px;
}
.news .product-thumb .off {
border-right: 100px solid transparent;
border-top: 83px solid #bf1b19;
opacity: 1;
position: absolute;
top: 0;
}
.news .product-thumb .off span {
color: #fff;
font-size: 11px;
left: -7px;
position: absolute;
top: -64px;
transform: rotate(-40deg);
width: 100px;
}
.subscribe .form-group {
margin-bottom: 0;
}
.subscribe h3 {
font-size: 20px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
display: inline-block;
line-height: 3;
vertical-align: sub;
}
.subscribe input {
font-size: 12px;
height: 50px;
border-radius: 0;
width: 582px;
border: 0;
padding: 10px 21px;
margin: 0 30px 0 35px;
}
.subscribe .btn-default {
background: #62ac1e;
border-radius: 0;
color: #fff;
font-weight: 300;
padding: 8px 10px;
border: 0;
}
.nav-inline .nav-item {
display: inline-block;
}
.text-xs-left {
text-align: left!important;
}
#owl-main .item {
background-position: center 55%;
background-size: cover;
height: 485px;
width: 100%;
}
#owl-main .item .container {
display: table;
height: inherit;
width: 100%;
}
#owl-main .item .caption {
padding-top: 85px;
display: table-cell;
}
.home-v1-slider,
.home-v2-slider,
.home-v3-slider {
background-color: #f9f9f9;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
margin-bottom: 3em;
height: 485px;
}
.header-logo img {
width: 190px;
}
#top2 {
background: #333;
padding: 20px 0px;
}
#top3 {
background: #333;
}
#top3 .pull-right span{
color: white;
}
.footer-social li a{
color: #fff;
}
#top3 .top-left ul li{
padding: 10px 10px 10px 0 ;
}
.top-left .pull-right a {
font-size: 16px;
color: #fff;
font-weight: normal;
text-transform: capitalize;
margin-left: 5px;
position: relative;
line-height: 40px;
display: inline-block;
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
#top2 a {
color: #fff;
}
#top-links2 ul{
margin-bottom: 0;
}
#top2 ul li a{
font-size: 16px;
margin-left: 0;
}
#top2 ul li a i{
margin-right: 10px;
}
.shop-search-form {
display: inline-block;
padding: 15px 0px;
}
.shop-search-form .form-control {
display: block;
border: 0px;
width: 100%;
height: 50px !important;
font-size: 16px;
line-height: 1.42857143;
background-color: transparent;
background-image: none;
border-radius: 0px;
box-shadow: none;
margin-bottom: 10px;
padding: 10px 10px 14px 15px;
border: 1px solid #f2f2f2;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.navbar-nav .nav-link {
line-height: 3.53em;
font-weight: bold;
font-size: 1.142em;
color: #333e48;
}
.navbar-nav .nav-link i {
font-size: 30px;
}
.products .product.product-card .media-left {
padding-right: 0;
width: 42.35%;
}
.media-body,
.media-left,
.media-right {
display: table-cell !important;
vertical-align: top;
}
.star-rating span {
display: block;
height: 30px;
}
.star-rating span:before {
content: "\f318\f318\f318\f318\f318";
position: absolute;
color: #62ac1e;
font-family: fontawesome;
background: #fff;
}
.header-logo {
position: relative;
float: left;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.navbar-search {
float: left;
width: 52%;
}
.navbar-search .form-control,
.navbar-search table.cart .coupon .input-text,
table.cart .coupon .navbar-search .input-text {
background: #fff;
line-height: 1.34em;
padding: 1.01em 2.134em;
border-radius: 2.467em;
}
.header-v3 .navbar-search .input-group .input-group-addon {
border-width: 2px;
border-style: solid;
border-left: 0;
border-right: 0;
}
.header-v3 .navbar-search .input-group .btn,
.header-v3 .navbar-search .input-group .hero-action-btn {
border-width: 2px;
border-style: solid;
border-left: 0;
color: #333e48;
}
.navbar-search .btn,
.navbar-search .hero-action-btn,
.navbar-search button {
line-height: 1.36em;
padding: 1.08em 1.93em;
border-radius: 2.571em;
}
.input-group-btn>.btn {
position: relative;
}
.navbar-search .search-categories>select {
color: #6b6b6b;
font-size: 0.938em;
line-height: 1.876em;
display: inline-block;
max-width: 100%;
padding: 0 1.75rem 0 .75rem;
padding-right: .75rem \9;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMV…GzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
background-image: none \9;
background-size: 8px 10px;
border: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 142px;
}
.image-block-en {
max-width: 300px;
margin: 0 auto;
width: 100%;
}
/*===================================================================================*/
/* NAVBAR-MINI-CART
/*===================================================================================*/
.navbar-mini-cart .nav-link>.fa {
margin-right: 1.071em;
}
.navbar-mini-cart .nav-link {
position: relative;
}
.navbar-mini-cart .cart-items-count {
font-size: 0.750em;
line-height: 1.750em;
font-weight: bold;
position: absolute;
left: 10px;
width: 1.750em;
top: 5px;
height: 22px;
background: #ff0000;
color: #fff;
border-radius: 10px;
padding: 2px 5px;
}
.dropdown-menu-mini-cart {
width: auto;
left: auto;
right: 0;
padding: 2.2em 2.2em 1.2em 2.2em;
border-radius: 0;
top: 120% !important;
box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);
border: none;
background: #fff;
}
.dropdown-menu-mini-cart .mini_cart_item {
margin-bottom: 1em;
padding-bottom: 1.143em;
border-bottom: 1px solid #ddd;
}
.dropdown-menu-mini-cart p.total {
display: none;
}
.dropdown-menu-mini-cart dl.variation,
.dropdown-menu-mini-cart .quantity {
margin-left: 95px;
}
.dropdown-menu-mini-cart p.buttons {
text-align: center;
margin-bottom: 0;
}
.dropdown-menu-mini-cart .wc-forward:hover {
color: #fff;
background: #62ac1e;
}
.dropdown-menu-mini-cart .wc-forward::after {
content: none;
}
/*===================================================================================*/
/* Features List
/*===================================================================================*/
.feature-block{
padding: 100px 0;
}
.feature-block .feature {
padding: 15px;
border: 1px solid #777;
text-transform: capitalize;
}
.feature-block .feature i {
color: #62ac1e;
font-size: 50px;
display: inline-block;
margin-right: 15px;
}
.feature-block .feature p {
display: inline-block;
font-size: 16px;
color: #777;
font-weight: 600;
font-family: "Roboto", sans-serif;
}
.feature-block .feature span {
font-size: 22px;
font-weight: 700;
display: block;
color: #333;
}
/*===================================================================================*/
/* Ads Block
/*===================================================================================*/
.ads-block {
margin-bottom: 5.286em;
}
.ad .media {
background-color: #ebeef3;
}
.left-corner {
border-top-left-radius: 30px;
}
.right-corner {
border-top-right-radius: 30px;
}
.ad .media-left,
.ad .media-body {
width: 50%;
}
.ad .media-body {
padding: 30px 40px 30px 30px
}
.ad .ad-text {
font-size: 26px;
line-height: 30px;
font-weight: 300;
text-transform: capitalize;
margin-bottom: 1.429em;
font-family: "Rubik", sans-serif;
}
.ad .ad-action {
margin-top: 60px;
}
.ad .ad-action>a {
font-size: 24px;
font-weight: 500;
line-height: 50px;
color: #62ac1e;
}
.ad .ad-action>a:focus,
.ad .ad-action>a:hover {
color: #333e48;
text-decoration: none;
}
.ad .ad-action>a .upto,
.ad .ad-action>a .from {
text-transform: uppercase;
font-weight: 300;
}
.ad .ad-action>a .upto .prefix,
.ad .ad-action>a .from .prefix {
font-size: 0.919em;
line-height: 0.909em;
display: inline-block;
width: 1.321em;
margin-right: 4px;
}
.ad .ad-action>a .upto .value,
.ad .ad-action>a .from .value {
font-weight: 500;
font-size: 2.173em;
letter-spacing: -0.025em;
line-height: 0.592em;
}
.ad .ad-action>a .upto .value sup,
.ad .ad-action>a .from .value sup {
top: -0.25em;
}
.ad .ad-action>a .upto .suffix,
.ad .ad-action>a .from .suffix {
top: -20px;
position: relative;
font-weight: 500;
vertical-align: top;
margin-left: 2px;
}
.ad .ad-action>a .from {
position: relative;
}
.ad .ad-action>a .from .prefix {
width: auto;
position: absolute;
top: -50px;
}
.home-v3-ads-block .media-left img {
width: 100%;
}
.home-v3-ads-block .ad .media-body {
padding: 2.857em 0 2.143em 0;
}
.home-v3-ads-block .ad .ad-text {
font-size: 1.571em;
letter-spacing: -1px;
}
.home-v3-ads-block .ad:last-child .media-body {
padding-left: 12px;
}
.home-v3-ads-block .ad .media-left {
width: 62%;
}
.home-v3-ads-block .ad .media-body {
width: 38%;
}
/*===================================================================================*/
/* Products Carousel Tabs
/*===================================================================================*/
.products-carousel-tabs .nav-inline {
text-align: center;
border-bottom: 1px solid #ddd;
}
.products-carousel-tabs .nav-link {
font-size: 18px;
line-height: 1em;
color: #333;
padding: 10px 20px;
font-family: "Rubik", sans-serif;
}
.products-carousel-tabs .nav-link:focus,
.products-carousel-tabs .nav-link:hover {
color: #333e48;
}
.products-carousel-tabs .nav-link.active {
font-weight: 500;
position: relative;
color: #62ac1e;
background: #F7F7F7;
}
.products-carousel-tabs .nav-link:hover{
background: #F7F7F7;
}
.products-carousel-tabs .nav-link.active::before {
content: ' ';
height: 4px;
width: 10px;
display: block;
position: absolute;
bottom: -5px;
left: 50%;
border-radius: 0 0 10px 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.products-carousel-tabs .nav-link.active::after {
content: ' ';
border-bottom: 2px solid transparent;
display: block;
position: absolute;
bottom: -1px;
width: 100%;
}
.section-products-carousel .owl-controls .owl-page span {
display: block;
width: 20px;
height: 5px;
margin: 10px 5px;
background: #c2c2c2;
border-radius: none;
}
.section-products-carousel .owl-controls .owl-page.active span {
width: 35px;
height: 5px;
margin: 10px 5px;
background: #62ac1e;
border-radius: none;
}
.section-products-carousel .owl-controls .owl-page.owl-numbers {
width: auto;
height: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
border-radius: 30px;
}
.section-products-carousel .owl-wrapper,
.section-products-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.products-carousel-tabs{
padding-bottom: 50px;
}
/*===================================================================================*/
/* Products Carousel With Image
/*===================================================================================*/
.products-carousel-with-image .products-carousel .owl-item .product::after {
content: none;
}
.products-carousel-with-image .products-carousel .owl-item .product-inner {
background-color: #fff;
}
.products-carousel-with-image .products-carousel .owl-dots {
display: none;
}
.products-carousel-with-image section.section-products-carousel header {
margin-bottom: 1.357em;
}
.products-carousel-with-image section {
margin-bottom: 2.857em;
}
/* .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-body, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-body, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-body, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-body, .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-left, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-left, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-left, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-left, .section-product-cards-carousel .product-cards-carousel ul.products > li.product .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products > .onsale-product .product-inner .media-right, .section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products > .onsale-product-content .product-inner .media-right, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products > .onsale-product-content .product-inner .media-right, .section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products > .product .product-inner .media-right, .products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products > .product .product-inner .media-right {
display: inline-block;
width: 100%;
}*/
.section-product-cards-carousel .product-cards-carousel ul.products>li.product .product-inner .media-body,
.section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products>.onsale-product .product-inner .media-body,
.section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products>.onsale-product .product-inner .media-body,
.section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content .product-inner .media-body,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products>.onsale-product-content .product-inner .media-body,
.section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products>.product .product-inner .media-body,
.products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products>.product .product-inner .media-body {
padding: 0;
}
.section-product-cards-carousel .product-cards-carousel ul.products>li.product .product-inner .media-left,
.section-product-cards-carousel .product-cards-carousel .section-onsale-product ul.products>.onsale-product .product-inner .media-left,
.section-onsale-product .section-product-cards-carousel .product-cards-carousel ul.products>.onsale-product .product-inner .media-left,
.section-product-cards-carousel .product-cards-carousel .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content .product-inner .media-left,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .section-product-cards-carousel .product-cards-carousel ul.products>.onsale-product-content .product-inner .media-left,
.section-product-cards-carousel .product-cards-carousel .products-carousel .owl-item ul.products>.product .product-inner .media-left,
.products-carousel .owl-item .section-product-cards-carousel .product-cards-carousel ul.products>.product .product-inner .media-left {
padding-bottom: 10px;
}
.products .product.product-card .product-inner {
padding-bottom: 0;
}
section.section-product-cards-carousel header ul.nav {
border-top: none !important;
}
/*===================================================================================*/
/* Products 6-1
/*===================================================================================*/
.products-6-1 {
background: #f1f1f1;
}
.products-6-1 ul.nav {
float: right;
line-height: 3.571em;
}
.products-6-1 ul.nav .nav-link {
font-size: 18px;
line-height: 1.2em;
color: #333;
font-family: "Rubik", sans-serif;
}
.products-6-1 ul.nav .nav-link+.nav-link {
margin-left: 1.429em;
}
.products-6-1 ul.nav .nav-link:focus,
.products-6-1 ul.nav .nav-link:hover {
color: #333e48;
}
.products-6-1 ul.nav .active .nav-link {
color: #333e48;
border-radius: 1em;
padding: 0.301em 1.429em;
border: 2px solid transparent;
}
.columns-6-1 {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.columns-6-1::after {
content: "";
display: table;
clear: both;
}
.columns-6-1>ul.products {
position: relative;
float: left;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.columns-6-1>ul.products>li.product,
.section-onsale-product .columns-6-1>ul.products>.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content,
.products-carousel .owl-item .columns-6-1>ul.products>.product {
margin-top: 0;
margin-bottom: 5px;
}
.columns-6-1>ul.products>li.product .product-inner,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .product-inner,
.products-carousel .owl-item .columns-6-1>ul.products>.product .product-inner {
background-color: #fff;
padding-bottom: 0px;
}
.columns-6-1>ul.products>li.product .hover-area,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .hover-area,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .hover-area,
.products-carousel .owl-item .columns-6-1>ul.products>.product .hover-area {
padding-bottom: 1.429em;
}
.columns-6-1>ul.products>li.product::after,
.section-onsale-product .columns-6-1>ul.products>.onsale-product::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content::after,
.products-carousel .owl-item .columns-6-1>ul.products>.product::after {
content: none;
}
.columns-6-1>ul.products>li.product .price,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .price,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .price,
.products-carousel .owl-item .columns-6-1>ul.products>.product .price {
font-size: 1.786em;
}
.columns-6-1>ul.products>li.product .price-add-to-cart,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .price-add-to-cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .price-add-to-cart,
.products-carousel .owl-item .columns-6-1>ul.products>.product .price-add-to-cart {
margin-bottom: 1.214em;
}
.columns-6-1>ul.products>li.product .thumbnails,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .thumbnails,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .thumbnails,
.products-carousel .owl-item .columns-6-1>ul.products>.product .thumbnails {
clear: both;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-bottom: 1.56em;
margin-left: 0;
}
.columns-6-1>ul.products>li.product .thumbnails::after,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .thumbnails::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .thumbnails::after,
.products-carousel .owl-item .columns-6-1>ul.products>.product .thumbnails::after {
content: "";
display: table;
clear: both;
}
.columns-6-1>ul.products>li.product .thumbnails>a,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .thumbnails>a,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .thumbnails>a,
.products-carousel .owl-item .columns-6-1>ul.products>.product .thumbnails>a {
display: block;
position: relative;
float: left;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
padding: 0.2em;
margin-right: 10px;
border-width: 1px;
border-style: solid;
border-color: #e9e9e9;
border-bottom-width: 2px;
}
.columns-6-1>ul.products>li.product .thumbnails>a img,
.section-onsale-product .columns-6-1>ul.products>.onsale-product .thumbnails>a img,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .thumbnails>a img,
.products-carousel .owl-item .columns-6-1>ul.products>.product .thumbnails>a img {
display: block;
max-width: 100%;
height: auto;
}
.columns-6-1>ul.products>li.product .thumbnails>a:nth-child(n+5),
.section-onsale-product .columns-6-1>ul.products>.onsale-product .thumbnails>a:nth-child(n+5),
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products>.onsale-product-content .thumbnails>a:nth-child(n+5),
.products-carousel .owl-item .columns-6-1>ul.products>.product .thumbnails>a:nth-child(n+5) {
display: none;
}
.columns-6-1>ul.products.products-6 {
width: 100%;
}
.columns-6-1>ul.products.products-6>li.product,
.section-onsale-product .columns-6-1>ul.products.products-6>.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.products-6>.onsale-product-content,
.products-carousel .owl-item .columns-6-1>ul.products.products-6>.product {
padding-right: 5px;
}
.columns-6-1>ul.products.products-6>li.product:hover .product-inner,
.section-onsale-product .columns-6-1>ul.products.products-6>.onsale-product:hover .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.products-6>.onsale-product-content:hover .product-inner,
.products-carousel .owl-item .columns-6-1>ul.products.products-6>.product:hover .product-inner {
padding-right: 1px;
}
.columns-6-1>ul.products.products-6>li.product .price,
.section-onsale-product .columns-6-1>ul.products.products-6>.onsale-product .price,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.products-6>.onsale-product-content .price,
.products-carousel .owl-item .columns-6-1>ul.products.products-6>.product .price {
font-size: 1.143em;
}
.columns-6-1>ul.products.product-main-6-1 {
width: 100%;
}
.columns-6-1>ul.products.product-main-6-1>li.product,
.section-onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product-content,
.products-carousel .owl-item .columns-6-1>ul.products.product-main-6-1>.product {
width: 100%;
}
.columns-6-1>ul.products.product-main-6-1>li.product .price-add-to-cart,
.section-onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product .price-add-to-cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product-content .price-add-to-cart,
.products-carousel .owl-item .columns-6-1>ul.products.product-main-6-1>.product .price-add-to-cart {
margin-bottom: 1.643em;
}
.columns-6-1>ul.products.product-main-6-1>li.product .product-thumbnail,
.section-onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product .product-thumbnail,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product-content .product-thumbnail,
.products-carousel .owl-item .columns-6-1>ul.products.product-main-6-1>.product .product-thumbnail {
padding-bottom: 0.1px;
height: inherit;
margin-bottom: 1.571em;
}
.columns-6-1>ul.products.product-main-6-1>li.product .product-thumbnail img,
.section-onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product .product-thumbnail img,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product-content .product-thumbnail img,
.products-carousel .owl-item .columns-6-1>ul.products.product-main-6-1>.product .product-thumbnail img {
height: 367px;
width: auto;
display: block;
margin: auto;
}
.columns-6-1>ul.products.product-main-6-1>li.product .wp-post-image,
.section-onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product .wp-post-image,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6-1>ul.products.product-main-6-1>.onsale-product-content .wp-post-image,
.products-carousel .owl-item .columns-6-1>ul.products.product-main-6-1>.product .wp-post-image {
position: relative;
}
/*===================================================================================*/
/* PRODUCT-ITEM
/*===================================================================================*/
li.product .product-inner , .products-carousel .owl-item .product .product-inner{
transition-duration: .5s;
}
li.product:hover,
.section-onsale-product .onsale-product:hover,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover,
.products-carousel .owl-item .product:hover,
li.product.hover,
.section-onsale-product .hover.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content,
.products-carousel .owl-item .hover.product {
z-index: 999;
position: relative;
}
li.product:hover .product-inner,
.section-onsale-product .onsale-product:hover .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .product-inner,
.products-carousel .owl-item .product:hover .product-inner,
li.product.hover .product-inner,
.section-onsale-product .hover.onsale-product .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content .product-inner,
.products-carousel .owl-item .hover.product .product-inner {
position: relative;
height: auto;
background-color: #fff;
}
li.product:hover .hover-area,
.section-onsale-product .onsale-product:hover .hover-area,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover .hover-area,
.products-carousel .owl-item .product:hover .hover-area,
li.product.hover .hover-area,
.section-onsale-product .hover.onsale-product .hover-area,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content .hover-area,
.products-carousel .owl-item .hover.product .hover-area {
display: block;
padding-top: 0.214em;
border-top: 1px solid #eaeaea;
}
li.product .product-inner,
.section-onsale-product .onsale-product .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-inner,
.products-carousel .owl-item .product .product-inner {
padding: 1.429em 1em 1.357em 1em;
height: 100%;
position: relative;
}
li.product .product-inner-2{
padding: 3em 2em;
height: 737px;
}
li.product .product-inner-2:hover{
padding: 4em 1em 3em 1em;
height: 737px;
}
li.product .hover-area,
.section-onsale-product .onsale-product .hover-area,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area,
.products-carousel .owl-item .product .hover-area {
display: none;
border: none;
position: relative;
text-align: center;
background-color: #FFF;
}
li.product .hover-area .button,
.section-onsale-product .onsale-product .hover-area .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button,
.products-carousel .owl-item .product .hover-area .button {
position: absolute;
top: -20px;
left: 50%;
white-space: pre;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
li.product .hover-area .button:hover,
.section-onsale-product .onsale-product .hover-area .button:hover,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:hover,
.products-carousel .owl-item .product .hover-area .button:hover,
li.product .hover-area .button:active,
.section-onsale-product .onsale-product .hover-area .button:active,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:active,
.products-carousel .owl-item .product .hover-area .button:active,
li.product .hover-area .button:focus,
.section-onsale-product .onsale-product .hover-area .button:focus,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .button:focus,
.products-carousel .owl-item .product .hover-area .button:focus {
color: #fff;
}
li.product .hover-area .action-buttons,
.section-onsale-product .onsale-product .hover-area .action-buttons,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons,
.products-carousel .owl-item .product .hover-area .action-buttons {
width: 100%;
text-align: center;
font-size: 0.929em;
line-height: 1.385em;
}
li.product .hover-area .action-buttons .clear,
.section-onsale-product .onsale-product .hover-area .action-buttons .clear,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons .clear,
.products-carousel .owl-item .product .hover-area .action-buttons .clear {
display: none;
}
li.product .hover-area .action-buttons div,
.section-onsale-product .onsale-product .hover-area .action-buttons div,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons div,
.products-carousel .owl-item .product .hover-area .action-buttons div,
li.product .hover-area .action-buttons a,
.section-onsale-product .onsale-product .hover-area .action-buttons a,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons a,
.products-carousel .owl-item .product .hover-area .action-buttons a,
li.product .hover-area .action-buttons span,
.section-onsale-product .onsale-product .hover-area .action-buttons span,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons span,
.products-carousel .owl-item .product .hover-area .action-buttons span,
li.product .hover-area .action-buttons p,
.section-onsale-product .onsale-product .hover-area .action-buttons p,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons p,
.products-carousel .owl-item .product .hover-area .action-buttons p {
margin: 0;
padding: 0;
color: #949494;
}
li.product .hover-area .action-buttons>div,
.section-onsale-product .onsale-product .hover-area .action-buttons>div,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons>div,
.products-carousel .owl-item .product .hover-area .action-buttons>div,
li.product .hover-area .action-buttons>a,
.section-onsale-product .onsale-product .hover-area .action-buttons>a,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons>a,
.products-carousel .owl-item .product .hover-area .action-buttons>a {
display: inline-block;
margin: 0 5px;
padding-top: 0.571em;
}
li.product .hover-area .action-buttons a:hover,
.section-onsale-product .onsale-product .hover-area .action-buttons a:hover,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .hover-area .action-buttons a:hover,
.products-carousel .owl-item .product .hover-area .action-buttons a:hover {
color: #3b3b3b;
}
li.product .loop-product-categories,
.section-onsale-product .onsale-product .loop-product-categories,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories,
.products-carousel .owl-item .product .loop-product-categories {
display: block;
margin-bottom: 1em;
font-size: 16px;
line-height: 1.05em;
height: 1.05em;
color: #777777;
overflow: hidden;
font-family: "Roboto", sans-serif;
}
li.product .loop-product-categories a,
.section-onsale-product .onsale-product .loop-product-categories a,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a,
.products-carousel .owl-item .product .loop-product-categories a {
color: #777777;
font-family: "Roboto", sans-serif;
}
li.product .loop-product-categories a:focus,
.section-onsale-product .onsale-product .loop-product-categories a:focus,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a:focus,
.products-carousel .owl-item .product .loop-product-categories a:focus,
li.product .loop-product-categories a:hover,
.section-onsale-product .onsale-product .loop-product-categories a:hover,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .loop-product-categories a:hover,
.products-carousel .owl-item .product .loop-product-categories a:hover {
text-decoration: none;
color: #333;
}
li.product a,
.section-onsale-product .onsale-product a,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a,
.products-carousel .owl-item .product a {
color: #09357a;
}
li.product a:focus,
.section-onsale-product .onsale-product a:focus,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a:focus,
.products-carousel .owl-item .product a:focus,
li.product a:hover,
.section-onsale-product .onsale-product a:hover,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content a:hover,
.products-carousel .owl-item .product a:hover {
text-decoration: none;
}
li.product h3,
.section-onsale-product .onsale-product h3,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content h3,
.products-carousel .owl-item .product h3 {
font-size: 18px;
line-height: 1.286em;
font-weight: 500;
height: 2.572em;
overflow: hidden;
}
li.product .product-thumbnail,
.section-onsale-product .onsale-product .product-thumbnail,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-thumbnail,
.products-carousel .owl-item .product .product-thumbnail {
margin-bottom: 0.714em;
position: relative;
width: 100%;
padding-bottom: 93.01%;
float: left;
height: 0;
}
li.product .product-thumbnail img,
.section-onsale-product .onsale-product .product-thumbnail img,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-thumbnail img,
.products-carousel .owl-item .product .product-thumbnail img {
transform-style: flat;
}
.products-carousel .owl-item .product .product-thumbnail img {
width: 180px;
}
li.product .product-rating,
.section-onsale-product .onsale-product .product-rating,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating,
.products-carousel .owl-item .product .product-rating {
clear: both;
margin-bottom: 1.667em;
font-size: 0.857em;
color: #7d7d7d;
}
li.product .product-rating::after,
.section-onsale-product .onsale-product .product-rating::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating::after,
.products-carousel .owl-item .product .product-rating::after {
content: "";
display: table;
clear: both;
}
li.product .product-rating .star-rating,
.section-onsale-product .onsale-product .product-rating .star-rating,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-rating .star-rating,
.products-carousel .owl-item .product .product-rating .star-rating {
display: inline-block;
}
li.product .product-short-description,
.section-onsale-product .onsale-product .product-short-description,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description,
.products-carousel .owl-item .product .product-short-description {
clear: both;
color: #7d7d7d;
font-size: 0.857em;
line-height: 1.75em;
margin-bottom: 3em;
height: 7em;
overflow: hidden;
}
li.product .product-short-description::after,
.section-onsale-product .onsale-product .product-short-description::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description::after,
.products-carousel .owl-item .product .product-short-description::after {
content: "";
display: table;
clear: both;
}
li.product .product-short-description ul,
.section-onsale-product .onsale-product .product-short-description ul,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-short-description ul,
.products-carousel .owl-item .product .product-short-description ul {
padding-left: 15px;
}
li.product .product-sku,
.section-onsale-product .onsale-product .product-sku,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .product-sku,
.products-carousel .owl-item .product .product-sku {
font-size: 0.857em;
color: #7d7d7d;
margin-bottom: 0.5em;
}
li.product .wp-post-image,
.section-onsale-product .onsale-product .wp-post-image,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .wp-post-image,
.products-carousel .owl-item .product .wp-post-image {
width: 100%;
position: absolute;
left: 0;
display: inline-block;
max-width: 100%;
height: auto;
margin: 0 auto;
vertical-align: middle;
max-height: 100%;
}
li.product .price-add-to-cart,
.section-onsale-product .onsale-product .price-add-to-cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart,
.products-carousel .owl-item .product .price-add-to-cart {
clear: both;
margin-bottom: 0.929em;
position: relative;
}
li.product .price-add-to-cart::after,
.section-onsale-product .onsale-product .price-add-to-cart::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart::after,
.products-carousel .owl-item .product .price-add-to-cart::after {
content: "";
display: table;
clear: both;
}
li.product .price-add-to-cart .electro-price,
.section-onsale-product .onsale-product .price-add-to-cart .electro-price,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart .electro-price,
.products-carousel .owl-item .product .price-add-to-cart .electro-price {
line-height: 36px;
}
li.product .price-add-to-cart>.price,
.section-onsale-product .onsale-product .price-add-to-cart>.price,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price-add-to-cart>.price,
.products-carousel .owl-item .product .price-add-to-cart>.price {
display: block;
float: left;
width: calc( 100% - 55px);
white-space: nowrap;
}
li.product .price,
.section-onsale-product .onsale-product .price,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price,
.products-carousel .owl-item .product .price {
color: #343f49;
font-size: 1.429em;
line-height: 1.286em;
font-weight: normal;
}
li.product .price ins,
.section-onsale-product .onsale-product .price ins,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price ins,
.products-carousel .owl-item .product .price ins,
li.product .price del,
.section-onsale-product .onsale-product .price del,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del,
.products-carousel .owl-item .product .price del {
text-decoration: none;
}
li.product .price ins,
.section-onsale-product .onsale-product .price ins,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price ins,
.products-carousel .owl-item .product .price ins {
color: #62ac1e;
}
li.product .price del,
.section-onsale-product .onsale-product .price del,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del,
.products-carousel .owl-item .product .price del {
color: #848484;
font-size: 0.6em;
line-height: 1.5em;
}
li.product .price del .amount,
.section-onsale-product .onsale-product .price del .amount,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .price del .amount,
.products-carousel .owl-item .product .price del .amount {
text-decoration: line-through;
}
li.product .added_to_cart,
.section-onsale-product .onsale-product .added_to_cart,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart,
.products-carousel .owl-item .product .added_to_cart,
li.product .button,
.section-onsale-product .onsale-product .button,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button,
.products-carousel .owl-item .product .button {
width: 50px;
text-indent: -9999px;
height: 50px;
position: relative;
padding: 0;
border-radius: 50%;
border: none;
background: #ebebeb;
}
li.product .added_to_cart::before,
.section-onsale-product .onsale-product .added_to_cart::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart::before,
.products-carousel .owl-item .product .added_to_cart::before,
li.product .button::before,
.section-onsale-product .onsale-product .button::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button::before,
.products-carousel .owl-item .product .button::before {
display: inline-block;
color: #fff;
}
li.product .added_to_cart::before,
.section-onsale-product .onsale-product .added_to_cart::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .added_to_cart::before,
.products-carousel .owl-item .product .added_to_cart::before {
content: "\f178";
padding: 0.5em 0.504em;
float: right;
text-indent: 0;
}
li.product .button.add_to_cart_button::before,
.section-onsale-product .onsale-product .button.add_to_cart_button::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.add_to_cart_button::before,
.products-carousel .owl-item .product .button.add_to_cart_button::before {
content: "\f2fa";
font-family: "FontAwesome";
float: right;
text-indent: 0;
background: none;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: absolute;
font-size: 24px;
padding: 0;
color: #777;
}
li.product .button.product_type_variable::before,
.section-onsale-product .onsale-product .button.product_type_variable::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.product_type_variable::before,
.products-carousel .owl-item .product .button.product_type_variable::before {
content: "\f0a6";
padding: 0.5em 0.575em;
font-family: 'FontAwesome';
}
li.product .button.product_type_external::before,
.section-onsale-product .onsale-product .button.product_type_external::before,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.product_type_external::before,
.products-carousel .owl-item .product .button.product_type_external::before {
content: "\f08e";
padding: 0.5em 0.504em;
}
li.product .button.added,
.section-onsale-product .onsale-product .button.added,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.added,
.products-carousel .owl-item .product .button.added {
display: none;
}
.price-add-to-cart .add_to_cart_button:hover {
background-color: #fff;
}
.action-buttons a:hover {
color: #3b3b3b;
}
.product .product-outer .woocommerce_product:hover{
padding: 1.2em;
}
.products-carousel .owl-item .product.shadow_product:hover{
box-shadow: none;
}
.section-title .inline_btm{
width: 100%;
height: 6px;
border-bottom: 2px solid #ddd;
}
.section-title_2 .inline_btm{
width: 100%;
height: 6px;
border-bottom: 2px solid #ddd;
}
.products .owl-controls .owl-buttons .owl-next{
position: absolute;
top: -75px;
}
.products .owl-controls .owl-buttons .owl-prev{
position: absolute;
right: 40px;
top: -75px;
}
.home-v2-categories-products-carousel .owl-controls .owl-buttons div{
font-size: 24px;
width: 30px;
}
/*
*==========================
homev3
* ==========================
*/
.product-cards-carousel .owl-controls .owl-buttons .owl-next{
position: absolute;
top: -75px;
z-index: 1000;
}
.product-cards-carousel .owl-controls .owl-buttons .owl-prev{
position: absolute;
top: -75px;
z-index: 1000;
right: 40px;
}
.section-product-cards-carouse .owl-nav{
display: none;
}
.product-cards-carousel .owl-controls .owl-buttons div{
font-size: 24px;
width: 30px;
}
/*===================================================================================*/
/* Product Categories
/*===================================================================================*/
.jumbotron-product-category {
background-color: #f5f5f5;
margin-bottom: 2.143em;
padding: 4.286em 4.286em 3.609em 4.286em;
}
.jumbotron-product-category .jumbo-title {
color: #333e48;
font-size: 3.214em;
line-height: 1em;
text-transform: uppercase;
font-weight: 100;
}
.jumbotron-product-category .jumbo-subtitle {
color: #7e7e7e;
line-height: 1.5em;
margin-bottom: 0;
}
.jumbotron-product-category .jumbo-image {
margin-right: -3.143em;
margin-top: -4.286em;
}
.product-loop-categories {
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.product-loop-categories::after {
content: "";
display: table;
clear: both;
}
.product-loop-categories .product-category {
position: relative;
float: left;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 5.357em;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -15px;
}
.product-loop-categories .product-category>a {
display: block;
color: #333e48;
}
.product-loop-categories .product-category>a:focus,
.product-loop-categories .product-category>a:hover {
color: #333e48;
}
.product-loop-categories .product-category img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 1.429em auto;
}
.product-loop-categories .product-category h3 {
font-size: 1.286em;
font-weight: normal;
height: 1.286em;
margin-bottom: 0;
}
.product-loop-categories .product-category .count {
background-color: transparent;
color: inherit;
display: none;
}
.product-loop-categories .product-category::after {
content: '';
border-right: 1px solid #eaeaea;
position: absolute;
height: 100%;
width: 1px;
top: 0;
right: 0;
}
.product-loop-categories .product-category.last::after,
.product-loop-categories .product-category:last-child::after {
content: none;
}
.product-loop-categories .product-category:hover {
box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3);
}
.product-loop-categories .product-category:hover::after {
content: none;
}
/*===================================================================================*/
/* Products
/*===================================================================================*/
ul.products {
padding-left: 0;
margin-bottom: 1.286em;
list-style: none;
}
ul.products::after {
content: "";
display: table;
clear: both;
}
ul.products li.product,
ul.products .section-onsale-product .onsale-product,
.section-onsale-product ul.products .onsale-product,
ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content,
ul.products .products-carousel .owl-item .product,
.products-carousel .owl-item ul.products .product {
position: relative;
min-height: 1px;
margin: 0.857em 0;
padding: 0;
}
ul.products li.product::after,
ul.products .section-onsale-product .onsale-product::after,
.section-onsale-product ul.products .onsale-product::after,
ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content::after,
ul.products .products-carousel .owl-item .product::after,
.products-carousel .owl-item ul.products .product::after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
height: 80%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
ul.products li.product:last-child::after,
ul.products .section-onsale-product .onsale-product:last-child::after,
.section-onsale-product ul.products .onsale-product:last-child::after,
ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:last-child::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content:last-child::after,
ul.products .products-carousel .owl-item .product:last-child::after,
.products-carousel .owl-item ul.products .product:last-child::after,
ul.products li.product:hover::after,
ul.products .section-onsale-product .onsale-product:hover::after,
.section-onsale-product ul.products .onsale-product:hover::after,
ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content:hover::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .onsale-product-content:hover::after,
ul.products .products-carousel .owl-item .product:hover::after,
.products-carousel .owl-item ul.products .product:hover::after,
ul.products li.product.hover::after,
ul.products .section-onsale-product .hover.onsale-product::after,
.section-onsale-product ul.products .hover.onsale-product::after,
ul.products .section-onsale-product-carousel .onsale-product-carousel .onsale-product .hover.onsale-product-content::after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products .hover.onsale-product-content::after,
ul.products .products-carousel .owl-item .hover.product::after,
.products-carousel .owl-item ul.products .hover.product::after {
content: none;
}
ul.products>li.product,
.section-onsale-product ul.products>.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content,
.products-carousel .owl-item ul.products>.product {
float: left;
}
ul.products>li.product.first,
.section-onsale-product ul.products>.first.onsale-product,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.first.onsale-product-content,
.products-carousel .owl-item ul.products>.first.product {
clear: both;
}
ul.products>li.product.last:after,
.section-onsale-product ul.products>.last.onsale-product:after,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.last.onsale-product-content:after,
.products-carousel .owl-item ul.products>.last.product:after {
content: none;
}
.columns-6 ul.products>li.product .product-inner,
.columns-6 .section-onsale-product ul.products>.onsale-product .product-inner,
.section-onsale-product .columns-6 ul.products>.onsale-product .product-inner,
.columns-6 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-6 ul.products>.onsale-product-content .product-inner,
.columns-6 .products-carousel .owl-item ul.products>.product .product-inner,
.products-carousel .owl-item .columns-6 ul.products>.product .product-inner,
.columns-5 ul.products>li.product .product-inner,
.columns-5 .section-onsale-product ul.products>.onsale-product .product-inner,
.section-onsale-product .columns-5 ul.products>.onsale-product .product-inner,
.columns-5 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .columns-5 ul.products>.onsale-product-content .product-inner,
.columns-5 .products-carousel .owl-item ul.products>.product .product-inner,
.products-carousel .owl-item .columns-5 ul.products>.product .product-inner,
.page-template-template-homepage-v2 .columns-4 ul.products>li.product .product-inner,
.page-template-template-homepage-v2 .columns-4 .section-onsale-product ul.products>.onsale-product .product-inner,
.section-onsale-product .page-template-template-homepage-v2 .columns-4 ul.products>.onsale-product .product-inner,
.page-template-template-homepage-v2 .columns-4 .section-onsale-product-carousel .onsale-product-carousel .onsale-product ul.products>.onsale-product-content .product-inner,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product .page-template-template-homepage-v2 .columns-4 ul.products>.onsale-product-content .product-inner,
.page-template-template-homepage-v2 .columns-4 .products-carousel .owl-item ul.products>.product .product-inner,
.products-carousel .owl-item .page-template-template-homepage-v2 .columns-4 ul.products>.product .product-inner {
padding: 1.071em;
}
.columns-6 .product .hover-area .action-buttons::after,
.columns-5 .product .hover-area .action-buttons::after,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons::after {
content: "";
display: table;
clear: both;
}
.columns-6 .product .hover-area .action-buttons>div:first-child,
.columns-6 .product .hover-area .action-buttons>a:first-child,
.columns-5 .product .hover-area .action-buttons>div:first-child,
.columns-5 .product .hover-area .action-buttons>a:first-child,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons>div:first-child,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons>a:first-child {
float: left;
margin: 0;
font-size: 12px;
}
.columns-6 .product .hover-area .action-buttons>div:last-child,
.columns-6 .product .hover-area .action-buttons>a:last-child,
.columns-5 .product .hover-area .action-buttons>div:last-child,
.columns-5 .product .hover-area .action-buttons>a:last-child,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons>div:last-child,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons>a:last-child {
float: right;
margin: 0;
font-size: 12px;
}
.columns-6 .product .hover-area .action-buttons .add-to-compare-link::before,
.columns-5 .product .hover-area .action-buttons .add-to-compare-link::before,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons .add-to-compare-link::before {
margin-right: 5px;
}
.columns-6 .product .hover-area .action-buttons .add_to_wishlist::before,
.columns-5 .product .hover-area .action-buttons .add_to_wishlist::before,
.page-template-template-homepage-v2 .columns-4 .product .hover-area .action-buttons .add_to_wishlist::before {
margin-right: 0;
}
/*===================================================================================*/
/* PRODUCTS
/*===================================================================================*/
ul.products.columns-2>li {
width: 100%;
}
ul.products.columns-3>li,
ul.products>li {
width: 100%;
}
ul.products.columns-4>li {
width: 100%;
}
ul.products.columns-5>li .product-inner {
padding: 1.071em;
}
ul.products.columns-6>li {
width: 100%;
}
/*===================================================================================*/
/* Products Carousel
/*===================================================================================*/
section.section-products-carousel header,
section.section-posts-carousel header {
margin-bottom: 0.857em;
}
section.section-products-carousel header .owl-nav,
section.section-posts-carousel header .owl-nav {
float: right;
line-height: 3.607em;
}
section.section-products-carousel header a,
section.section-posts-carousel header a {
color: #aeaeae;
font-size: 1.429em;
}
section.section-products-carousel header a:focus,
section.section-products-carousel header a:hover,
section.section-posts-carousel header a:focus,
section.section-posts-carousel header a:hover {
color: #333e48;
text-decoration: none;
}
section.section-products-carousel header a+a,
section.section-posts-carousel header a+a {
margin-left: 0.400em;
}
.products-carousel .owl-stage-outer {
width: 100.3%;
padding: 0 0 25px 0;
margin-bottom: 0;
}
.products-carousel .owl-item .product {
position: relative;
min-height: 1px;
margin: 10px;
}
.margin_btm h2.font30{
font-size: 30px;
}
.section-title h2.font30{
font-size: 30px;
}
.products-carousel .owl-item .product::after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
height: 80%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.products-carousel .owl-item .product:hover{
box-shadow: 0px 0px 10px 2px #cecece;
}
.products-carousel .owl-item .product:hover::after,
.products-carousel .owl-item .product.hover::after {
content: none;
}
.products-carousel .owl-stage .owl-item:not(.active)+.owl-item.active .product,
.products-carousel .owl-stage .owl-item.active:first-child .product {
margin-left: 3px;
}
.products-carousel .owl-stage .owl-item:not(.active)+.owl-item.active .product .product-inner,
.products-carousel .owl-stage .owl-item.active:first-child .product .product-inner {
padding-left: calc( 1.714em - 10px);
}
.products-carousel .owl-stage .owl-item.last-active .product::after {
content: none;
}
.columns-6 .owl-item .product .product-inner,
.columns-5 .owl-item .product .product-inner,
.page-template-template-homepage-v2 .columns-4 .owl-item .product .product-inner {
padding: 1.071em;
}
/*===================================================================================*/
/* Products Carousel With Image
/*===================================================================================*/
.products-carousel-with-image .products-carousel .owl-item .product::after {
content: none;
}
.products-carousel-with-image .products-carousel .owl-item .product-inner {
background-color: #fff;
}
.products-carousel-with-image .products-carousel .owl-dots {
display: none;
}
.products-carousel-with-image section.section-products-carousel header {
margin-bottom: 1.357em;
}
.products-carousel-with-image section {
margin-bottom: 2.857em;
}
/*===================================================================================*/
/* Product Card
/*===================================================================================*/
.products .product-card {
position: relative;
float: left;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.products .product-card .wp-post-image {
position: static;
}
.columns-3 .products .product-card .hover-area .action-buttons::after {
content: "";
display: table;
clear: both;
}
.columns-3 .products .product-card .hover-area .action-buttons>div:first-child,
.columns-3 .products .product-card .hover-area .action-buttons>a:first-child {
float: left;
margin: 0;
font-size: 12px;
}
.columns-3 .products .product-card .hover-area .action-buttons>div:last-child,
.columns-3 .products .product-card .hover-area .action-buttons>a:last-child {
float: right;
margin: 0;
font-size: 12px;
}
.columns-3 .products .product-card .hover-area .action-buttons .add-to-compare-link::before {
margin-right: 5px;
}
.columns-3 .products .product-card .hover-area .action-buttons .add_to_wishlist::before {
margin-right: 0;
}
.products .product.product-card {
margin-bottom: 0;
}
.products .product.product-card .product-inner {
padding: 1.786em 1.429em;
margin-top: 80px;
}
.products .product.product-card.first .product-inner{
border-right:1px solid #dddddd;
}
.products .product.product-card .media-left {
padding-right: 0;
width: 42.35%;
}
.products .product.product-card h3 {
margin:0;
}
.products .product.product-card .media-body {
padding-left: 1.929em;
overflow: visible;
vertical-align: middle;
}
.products .product.product-card .media-body .hover-area {
display: block;
visibility: hidden;
opacity: 0;
padding-top: 0.214em;
border-top: 1px solid #eaeaea;
}
.products .product.product-card .media-body .hover-area .action-buttons>div {
margin-right: 15px;
}
.products .product.product-card .media-body .hover-area .action-buttons>a {
margin-left: 15px;
}
.products .product.product-card:hover .media-body .hover-area {
visibility: visible;
opacity: 1;
}
.products .product.product-card .media-object {
max-width: 90%;
max-height: 200px;
}
/*===================================================================================*/
/* Product cards Carousel
/*===================================================================================*/
section.section-product-cards-carousel header {
margin-bottom: 0;
}
section.section-product-cards-carousel header ul.nav {
float: right;
line-height: 3.571em;
}
section.section-product-cards-carousel header ul.nav .nav-link {
font-size: 1.071em;
line-height: 1.2em;
color: #7b8186;
}
section.section-product-cards-carousel header ul.nav .nav-link+.nav-link {
margin-left: 1.429em;
}
section.section-product-cards-carousel header ul.nav .nav-link:focus,
section.section-product-cards-carousel header ul.nav .nav-link:hover {
color: #333e48;
}
section.section-product-cards-carousel header ul.nav .active .nav-link {
color: #333e48;
border-radius: 1em;
padding: 0.301em 1.429em;
border: 2px solid transparent;
}
section.section-product-cards-carousel header .owl-nav {
float: right;
line-height: 3.407em;
display: none;
}
section.section-product-cards-carousel header .owl-nav a {
color: #aeaeae;
font-size: 1.429em;
}
section.section-product-cards-carousel header .owl-nav a:focus,
section.section-product-cards-carousel header .owl-nav a:hover {
color: #333e48;
text-decoration: none;
}
section.section-product-cards-carousel header .owl-nav a+a {
margin-left: 0.400em;
}
section.section-product-cards-carousel .owl-carousel .owl-stage-outer {
padding-bottom: 2.857em;
}
.product-cards-carousel .owl-item ul.products {
padding: 0 4px;
}
#homev3-products-cards-carousel .home-v3 .products .product.product-card .media {
overflow: visible;
}
/*===================================================================================*/
/* Wc Widgets
/*===================================================================================*/
.product_list_widget {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.product_list_widget>li {
margin-bottom: 2.143em;
}
.product_list_widget>li::after {
content: "";
display: table;
clear: both;
}
.product_list_widget>li>a:hover,
.product_list_widget>li>a:focus {
color: black;
text-decoration: none;
}
.product_list_widget>li:last-child {
margin-bottom: 0;
}
.product_list_widget .product-title {
color: #09357a;
font-weight: 500;
font-size: 14px;
display: block;
line-height: 1.2em;
}
.product_list_widget a {
color: #0062bd;
font-weight: bold;
}
.product_list_widget .wp-post-image {
width: 75px;
height: 75px;
margin-right: 20px;
float: left;
}
.product_list_widget .electro-price {
margin-top: 1.667em;
display: block;
margin-left: 95px;
}
.product_list_widget .star-rating+.electro-price {
margin-top: 0;
}
.product_list_widget .amount {
display: inline-block;
font-size: 14px;
}
.product_list_widget del .amount,
.product_list_widget del {
color: #8f8f8f;
}
.product_list_widget del .amount {
text-decoration: line-through;
font-size: 0.928em;
}
.product_list_widget ins {
text-decoration: none;
}
.product_list_widget ins .amount {
font-size: 1.071em;
}
.product_list_widget .star-rating {
margin: 8px 0;
position: relative;
}
.product_list_widget .star-rating+.amount,
.product_list_widget .star-rating+del>.amount,
.product_list_widget .star-rating+del+ins>.amount {
margin-top: 0;
}
.product_list_widget.cart_list {
margin-bottom: 1rem;
}
.product_list_widget .mini_cart_item .remove {
float: right;
color: #ee0000;
}
.product_list_widget .mini_cart_item a:nth-child(2) {
line-height: 1.286em;
font-size: 1em;
}
.product_list_widget .mini_cart_item .quantity {
display: block;
}
.product_list_widget .mini_cart_item .quantity .amount {
margin-top: 0;
}
.widget_product_categories ul li>a,
.widget_layered_nav ul li>a {
color: #333e48;
padding: 0.571em 0 0.643em 0;
display: inline-block;
}
.widget_product_categories ul li>a:focus,
.widget_product_categories ul li>a:hover,
.widget_layered_nav ul li>a:focus,
.widget_layered_nav ul li>a:hover {
color: #333e48;
text-decoration: none;
}
.widget_product_categories ul li .count,
.widget_layered_nav ul li .count {
font-size: 0.857em;
color: #acacac;
}
.widget_product_categories ul {
list-style: none;
}
.widget_product_categories .product-categories,
.widget_product_categories .widget-title+ul {
padding: 0 !important;
border: 2px solid #ececec;
border-radius: 6px;
}
.widget_product_categories ul li {
border-top: 1px solid #ddd;
}
.widget_product_categories ul li:first-child {
border: none;
}
.widget_product_categories ul li .child-indicator {
padding-right: 0.429em;
}
.widget_product_categories ul li .child-indicator i {
font-size: 0.857em;
color: #aeaeae;
width: 0.571em;
}
.widget_product_categories ul li .children {
padding: 0;
}
.widget_product_categories ul li .children .child-indicator {
padding-left: 2.214em;
}
.widget_product_categories ul li .children .no-child {
padding-left: 3.143em;
}
.widget_product_categories ul li .child-indicator {
padding-left: 1.214em;
}
.widget_product_categories ul li .no-child {
padding-left: 2.143em;
}
.widget_product_categories .product_cat>span {
padding: 1em 2em;
border-bottom: 1px solid #ececec;
display: block;
cursor: pointer;
}
.widget_product_categories .product_cat>ul {
padding: 0.929em;
}
.widget_product_categories .category-single {
padding: 0 !important;
}
.widget_product_categories .category-single>li,
.widget_product_categories .category-single .show-all-cat>li {
border: none;
}
.widget_product_categories .category-single .show-all-cat {
padding: 0;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown {
padding: 1em 2em;
border-bottom: 1px solid #ececec;
display: block;
cursor: pointer;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown .child-indicator {
padding-left: 0.643em;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown .child-indicator i {
font-size: 1.2em;
color: #333e48;
font-weight: bold;
vertical-align: middle;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown+ul {
padding: 0.929em;
}
.widget_product_categories .category-single .show-all-cat .show-all-cat-dropdown+ul li:first-child {
border: none;
}
.widget_product_categories .category-single>li>ul:last-child {
padding: 0.929em;
}
.widget_product_categories .category-single>li>ul:last-child>li>a .child-indicator {
display: none;
}
.widget_product_categories .category-single>li>ul:last-child>li>a .no-child {
padding-left: 0;
}
.widget_product_categories .category-single>li>ul:last-child li.current-cat-parent>.children li>a .child-indicator {
padding-left: 0;
}
.widget_product_categories .category-single>li>ul:last-child li.current-cat-parent>.children li>a .no-child {
padding-left: 1.214em;
}
.widget_product_categories .category-single>li>ul:last-child li.current-cat>a {
font-weight: bold;
}
.widget_product_categories .category-single>li>ul:last-child li.current-cat>.children li>a .child-indicator {
padding-left: 0;
}
.widget_product_categories .category-single>li>ul:last-child li.current-cat>.children li>a .no-child {
padding-left: 1.214em;
}
.widget_product_categories .category-single>li>ul:last-child li>a {
padding-left: 1.071em;
padding-bottom: 0.643em;
}
.widget_product_categories .category-single>li>ul:last-child li>.children>li .child-indicator {
padding-left: 1.214em;
}
.widget_product_categories .category-single>li>ul:last-child li>.children>li .no-child {
padding-left: 2.143em;
}
.widget_product_categories .category-single>li>ul:last-child li>.children>li:first-child>a {
padding-top: 1em;
}
.widget_product_categories .category-single>li>ul:last-child li .children li {
padding: 0;
}
.widget_product_categories .category-single>li>ul:last-child li .children li .children {
transition: opacity .1s ease;
padding-bottom: 0.571em;
}
.widget_product_categories .category-single>li>ul:last-child li .children li:first-child {
border-top: 1px solid #ddd;
}
.widget_product_categories .category-single>li>ul:last-child li .children li .children li {
border: none;
}
.widget_product_categories .category-single>li>ul:last-child li .children li .children li a {
padding-left: 3.214em;
line-height: 1.1em;
padding-bottom: 0.893em;
}
.widget_product_categories .category-single>li>ul:last-child li .children li .children li .no-child,
.widget_product_categories .category-single>li>ul:last-child li .children li .children li .child-indicator {
padding-left: 0;
}
.widget_price_filter .price_slider {
margin: 30px 0;
}
.widget_price_filter .price_slider_amount {
text-align: left;
position: relative;
width: 100%;
color: #686868;
}
.widget_price_filter .price_slider_amount .button {
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
line-height: 1;
font-size: 1em;
font-weight: bold;
padding: 0.75em 1.646em;
border-radius: 0.571em;
margin-top: 35px;
}
.widget_price_filter .price_slider_amount .button:focus,
.widget_price_filter .price_slider_amount .button.focus,
.widget_price_filter .price_slider_amount .button:active:focus,
.widget_price_filter .price_slider_amount .button:active.focus,
.widget_price_filter .price_slider_amount .button.active:focus,
.widget_price_filter .price_slider_amount .button.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.widget_price_filter .price_slider_amount .button:focus,
.widget_price_filter .price_slider_amount .button:hover {
text-decoration: none;
}
.widget_price_filter .price_slider_amount .button.focus {
text-decoration: none;
}
.widget_price_filter .price_slider_amount .button:active,
.widget_price_filter .price_slider_amount .button.active {
background-image: none;
outline: 0;
}
.widget_price_filter .price_slider_amount .button.disabled,
.widget_price_filter .price_slider_amount .button:disabled {
cursor: not-allowed;
opacity: .65;
}
.widget_price_filter .price_slider_amount .price_label {
position: absolute;
top: -8px;
width: inherit;
font-size: 1em;
line-height: 1em;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
border-radius: 50%;
box-sizing: border-box;
cursor: ew-resize;
margin-top: -8px;
opacity: 1;
outline: medium none;
position: absolute;
z-index: 2;
height: 1.143em;
width: 1.143em;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
border-width: 3px;
border-style: solid;
background-color: #fff;
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-color: #dcdcdc;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #cacaca;
}
.widget_price_filter .ui-slider-horizontal {
height: 2px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: -2px;
height: 6px;
margin-left: 2px;
}
.widget_layered_nav_filters li.chosen a {
display: block !important;
}
.widget_layered_nav_filters li.chosen a::before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f057";
margin-right: 0.571em;
}
.widget_layered_nav_filters li.chosen a:focus::before,
.widget_layered_nav_filters li.chosen a:hover::before {
color: #ee0000;
}
.section-products-carousel .product-carousel-alt {
text-align: center;
}
.section-products-carousel .product-carousel-alt h3 {
font-size: 1.071em;
margin-bottom: 1.667em;
padding: 0 2.857em;
}
.section-products-carousel .product-carousel-alt>a {
color: #333e48;
}
.section-products-carousel .product-carousel-alt .loop-product-categories {
padding: 1.214em 0 0.500em 0;
display: block;
}
.section-products-carousel .product-carousel-alt .loop-product-categories a {
color: #878787;
font-size: 0.857em;
}
.section-products-carousel .product-carousel-alt .price {
font-size: 1.500em;
}
.section-products-carousel .product-carousel-alt .price del {
font-size: 0.762em;
padding-left: 0.325em;
}
.section-products-carousel .product-carousel-alt .price ins,
.section-products-carousel .product-carousel-alt .price del {
text-decoration: none;
}
.section-products-carousel .product-carousel-alt .price ins {
color: #ee0000;
}
.section-products-carousel .product-carousel-alt .price del {
text-decoration: line-through;
}
.widget_electro_products_carousel_widget .section-products-carousel header {
margin-bottom: 1.429em;
}
.widget_electro_products_carousel_widget .section-products-carousel header h1 {
font-size: 1.357em;
line-height: 0.947em;
padding-bottom: 1.053em;
}
.widget_electro_products_carousel_widget .section-products-carousel header .owl-nav {
line-height: 2em;
}
.widget_electro_products_carousel_widget .section-products-carousel .products-carousel .owl-nav,
.widget_electro_products_carousel_widget .section-products-carousel .products-carousel .owl-dots {
display: none;
}
/*=============================
====== Home 3 HEADER ======
=============================*/
.bg-transparent {
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
background-color: transparent;
}
.bg-transparent .header-topbar {
border-color: rgba(255, 255, 255, .3);
}
.bg-transparent .header-topbar a,
.bg-transparent .header-topbar p,
.bg-transparent .header-topbar span {
color: #ffffff;
}
.bg-transparent .header-topbar .topbar-left li {
border-color: rgba(255, 255, 255, .3);
}
.bg-transparent .header-topbar .login-widget li+li:before {
color: rgba(255, 255, 255, .3);
}
.bg-transparent .header-main {
border-bottom: 1px solid rgba(255, 255, 255, .3);
box-shadow: none;
}
.bg-transparent .header-main.header-fixed {
background-color: #121212;
}
.bg-transparent .header-main.header-fixed .navigation .nav-links .main-menu {
color: #ffffff;
}
.bg-transparent .header-main.header-fixed .nav-search {
border-top: 1px solid #ffffff;
background-color: #121212;
}
.bg-transparent .header-main.header-fixed .nav-search form input[type='text'] {
background-color: #ffffff;
}
.bg-white {
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
background-color: #ffffff;
}
.bg-white .header-topbar {
border-color: #f1f1f1;
}
.bg-white .header-topbar a,
.bg-white .header-topbar p,
.bg-white .header-topbar span {
color: #959595;
}
.bg-white .header-topbar .topbar-left li {
border-color: #f1f1f1;
}
.bg-white .header-topbar .login-widget li+li:before {
color: #f1f1f1;
}
.bg-white .header-main {
border-bottom: 1px solid #f1f1f1;
box-shadow: none;
}
.bg-white .header-main.header-fixed {
background-color: #ffffff;
}
.bg-white .header-main.header-fixed .navigation .nav-links .main-menu {
color: #555e69;
}
.bg-white .header-main.header-fixed .nav-search {
border-top: 1px solid #ffffff;
background-color: #ffffff;
}
.bg-white .header-main.header-fixed .nav-search form input[type='text'] {
background-color: #ffffff;
}
.bg-white .header-main.header-fixed .nav-search form .searchbutton {
background-color: #ffffff;
}
.bg-white .dropdown-topbar {
top: 41px;
left: -1px;
border: 1px solid #f1f1f1;
}
.header-01 .header-main {
border-bottom: none;
}
.header-01 .header-main .navbar-header {
display: block;
float: none;
}
.header-01 .header-main .logo {
text-align: center;
}
.header-01 .header-main .logo .header-logo img {
max-width: 190px;
}
.header-01 .header-main .navigation {
float: none;
}
.header-01 .header-main .dropdown-menu-1,
.header-01 .header-main .nav-search {
top: 34px;
}
.header-01 .header-main.header-fixed .navbar-header {
display: inherit;
float: left;
}
.header-01 .header-main.header-fixed .logo {
line-height: 50px;
text-align: left;
}
.header-01 .header-main.header-fixed .navigation {
float: right;
}
.header-01 .header-main.header-fixed .navigation .nav-links .main-menu {
padding-bottom: 0;
}
.header-01 .header-main.header-fixed .dropdown-menu-1,
.header-01 .header-main.header-fixed .nav-search {
top: 50px;
}
.header-01 .navigation .nav-links {
display: table;
float: none;
margin: 0 auto;
}
.header-01 .navigation .nav-links .main-menu {
line-height: 24px;
padding-bottom: 10px;
}
.header-01 .navigation .nav-links li .main-menu:before {
bottom: 1px;
}
.header-01 .navigation .nav-links li .main-menu:after {
bottom: 2px;
}
/*---------- 2.1. Topbar Header ----------*/
.header-topbar {
line-height: 40px;
position: relative;
z-index: 101;
width: 100%;
border-bottom: 1px solid;
}
.header-topbar a,
.header-topbar p,
.header-topbar span {
font-size: 12px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-topbar .topbar-left {
margin-bottom: 0;
padding: 20px 0px;
}
.header-topbar .topbar-left>li {
position: relative;
display: inline-block;
padding: 0 15px;
border-right: 1px solid;
}
.header-topbar .topbar-left>li .topbar-icon {
font-size: .9em;
margin-right: 8px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.header-topbar .topbar-left>li .icons-dropdown {
margin: 0;
padding-left: 5px;
}
.header-topbar .topbar-left>li:first-child {
padding-left: 0;
}
.header-topbar .topbar-left>li:last-child {
padding-right: 0;
border: none;
}
.header-topbar .topbar-right {
margin-bottom: 0;
padding:30px 0px;
}
.inline_block{
display: block;
}
.sm-list {
text-align: center;
}
.bg-transparent .header-topbar .sm-list{
font-size: 16px;
}
.bg-transparent .header-topbar .sm-list ul li a {
color: #222;
font-family: "Roboto", sans-serif;
}
.bg-transparent .header-topbar .vertical_btm{
vertical-align: text-bottom;
}
.bg-transparent .header-topbar .margin-left{
margin-left: 30px;
padding: 0;
}
.bg-transparent .header-topbar .border-none{
border:none;
}
.bg-transparent .header-topbar .sm-list i{
display: block;
}
.bg-transparent .header-topbar .sm-list span.inline-block {
display: block;
}
.bg-transparent .header-topbar .inline-block i{
display: inline-block;
margin-left: 10px;
}
.bg-transparent .header-topbar .greece span{
display: block;
line-height: 0;
text-align: left;
font-family: "Rubik", sans-serif;
font-size: 28px;
}
.bg-transparent .header-topbar .greece span i{
display: inline-block;
font-size: 18px;
margin-left: 20px;
}
.header-topbar .login-widget li.phone {
position: relative;
vertical-align: super;
}
.header-topbar .login-widget .item {
text-transform: capitalize;
}
.header-topbar .login-widget li+li:before {
left: 0;
padding: 0 20px 0 10px;
content: '|';
}
.header-topbar .login-widget li {
height: 40px;
padding-left: 10px;
}
.header-topbar .login-widget li span.phonetext {
display: block;
position: relative;
top: -10px;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
}
.login-widget .search_btn i{
font-size: 24px;
padding: 10px;
border-right:1px solid rgba(255, 255, 255, .3);
}
.login-widget .border-none:before{
display: none;
}
.user_login i{
font-size: 24px;
}
.header-topbar .login-widget li span.phoneno {
font-size: 16px;
display: block;
position: absolute;
top: 15px;
}
a.country span {
font-size: 30px;
}
.dropdown-topbar {
position: absolute;
top: 42px;
left: 0;
width: 150px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border: none;
background-color: #ffffff;
}
.dropdown-topbar li {
padding: 0 20px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border-bottom: 1px solid #f1f1f1;
}
.dropdown-topbar li .link {
display: block;
color: #434a54;
}
.dropdown-topbar li:last-child {
border-bottom: 0;
}
.dropdown-topbar li:hover {
background-color: #f5f5f5;
}
/*
Tab search home 3
*/
.tab-search .nav-tabs {
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
display: -ms-flex;
display: -moz-flex;
border: none;
}
.tab-search .tab-btn-wrapper {
width: calc((100% - 5px) / 6);
width: -moz-calc((100% - 5px) / 6);
margin-right: 1px;
margin-bottom: 0;
}
.tab-search .tab-btn-wrapper .tab-btn {
font-size: 1.86rem;
font-weight: 300;
line-height: 50px;
display: block;
height: 50px;
margin-right: 0;
padding: 0;
text-align: center;
text-transform: uppercase;
color: #505050;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tab-search .tab-btn-wrapper .tab-btn:active,
.tab-search .tab-btn-wrapper .tab-btn:focus,
.tab-search .tab-btn-wrapper .tab-btn:hover {
border: none;
}
.tab-search .tab-btn-wrapper .tab-btn:active i,
.tab-search .tab-btn-wrapper .tab-btn:focus i,
.tab-search .tab-btn-wrapper .tab-btn:hover i {
color: #fff;
}
.tab-search .tab-btn-wrapper .tab-btn i {
font-size: 1.79rem;
margin-right: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
vertical-align: middle;
}
.tab-search .tab-btn-wrapper.active .tab-btn {
color: #fff;
}
.tab-search .tab-btn-wrapper.active .tab-btn i {
color: #fff;
}
.tab-search .tab-btn-wrapper:first-child .tab-btn {
-webkit-border-radius: 15px 0 0 0;
-moz-border-radius: 15px 0 0 0;
border-radius: 15px 0 0 0;
}
.tab-search .tab-btn-wrapper:last-child {
margin-right: 0;
}
.tab-search .tab-btn-wrapper:last-child .tab-btn {
-webkit-border-radius: 0 15px 0 0;
-moz-border-radius: 0 15px 0 0;
border-radius: 0 15px 0 0;
}
.tab-search-transparent {
margin-bottom: 100px;
}
.tab-search-transparent .tab-btn-wrapper .tab-btn i {
color: #ffffff;
}
.tab-search-default .tab-btn-wrapper .tab-btn {
color: #ffffff;
background-color: #2e393e;
}
.tab-search-default .tab-btn-wrapper .tab-btn:hover .text {
color: #fff;
}
.tab-search-default .tab-content-bg {
position: relative;
}
.tab-content-bg{
box-shadow: 2px 2px 18px #cecece;
}
.tab-search-long .tab-btn-wrapper span.xs {
display: none;
}
.tab-search-condensed .nav-tabs {
width: calc(100% + 1px);
width: -moz-calc(100% + 1px);
}
.tab-search-condensed .tab-btn-wrapper {
width: calc(100% / 6);
width: -moz-calc(100% / 6);
margin: 0;
}
.tab-search-condensed .tab-btn-wrapper .tab-btn {
background-color: #3c3c3c;
}
.tab-search-condensed .tab-btn-wrapper .tab-btn:first-child,
.tab-search-condensed .tab-btn-wrapper .tab-btn:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tab-search-condensed .tab-btn-wrapper .tab-btn i {
margin-right: 0;
}
.tab-search-default .active .tab-btn {
background: #62ac1e;
color: #fff;
}
.tab-search {
margin-top: -50px;
position: relative;
z-index: 99;
}
.tab-search .tab-content {
padding: 5px;
}
.tab-search-long .text-box-wrapper {
display: inline-block;
margin-top: 0;
}
.tab-search-long .input-daterange {
display: inline-block;
vertical-align: bottom;
}
.tab-search-long .ffw-radio-selection {
width: 350px;
}
.tab-search-long .place {
margin-right: 20px;
}
.tab-search-long .input-daterange {
margin-right: 20px;
}
.tab-search-long .input-daterange .half {}
.tab-search-long .input-daterange .half:first-child {
margin-right: 8px;
}
.tab-search-long .count {}
.tab-search-long .adult-count {
margin-right: 20px;
}
.btnind4{
padding:8px 0 0 27px;
}
.style_btn{
width: 170px;
height: 42px;
overflow: hidden;
transition: .5s;
position: relative;
display: inline-block;
border-radius:20px;
vertical-align: middle;
margin-top: 37px;
margin-left: 10px;
color: #fff;
cursor: pointer;
}
.style_btn h5{
line-height: 1.5;
font-family: "Roboto", sans-serif;
}
.style_btn span.left_ico{
position: absolute;
left: -135px;
top: 0;
background: #4b8217;
width: 170px;
height: 40px;
text-align: right;
vertical-align: middle;
transition: .5s;
border-radius:20px;
}
.style_btn span.left_ico i{
font-size: 30px;
padding: 5px;
color: #f7f7f7;
}
.style_btn:hover span.left_ico{
left: 0;
}
.style_btn:hover span.left_ico i{
color: #ffffff;
}
.tab-search-long button[type='submit'] {
position: absolute;
right: auto;
margin-left: 10px;
bottom: 0;
padding: 0 0 0 25px;
padding: 10px;
border-radius: 20px;
vertical-align: bottom;
margin-bottom: 20px;
}
.tab-search-long .find-cruises-widget .count,
.tab-search-long .find-tours-widget .count,
.tab-search-long .find-transfer-widget .count {}
.tab-search-long .find-cruises-widget button[type='submit'],
.tab-search-long .find-tours-widget button[type='submit'],
.tab-search-long .find-transfer-widget button[type='submit'] {}
.tab-search-long .find-cruises-widget .place,
.tab-search-long .find-cruises-widget .time-count,
.tab-search-long .find-tours-widget .date,
.tab-search-long .find-tours-widget .place,
.tab-search-long .find-transfer-widget .date,
.tab-search-long .find-transfer-widget .place {
margin-right: 8px;
}
.tab-search-long .find-car-widget .input-daterange,
.tab-search-long .find-car-widget .place {
margin-right: 8px;
}
.tab-search-default .find-widget {
padding: 40px 0;
}
.tab-search-transparent .find-widget {
padding: 50px 70px;
background-color: rgba(255, 255, 255, .5);
}
.tab-search-condensed {
position: relative;
z-index: 1;
}
.tab-search-condensed .find-widget {
padding: 40px 70px;
}
.tab-search-condensed .ffw-radio-selection {
width: 85%;
}
.tab-search-condensed .text-box-wrapper.half.to {
margin-top: 0;
}
.tab-search-condensed .input-daterange {
width: 100%;
}
.tab-search-condensed .text-box-wrapper .tb-icon {
right: auto;
left: 14px;
}
.tab-search-condensed .text-box-wrapper .tb-input {
padding-left: 40px;
}
.tab-search-condensed .text-box-wrapper .tb-input.count {
padding: 0 1em;
}
.tab-search-condensed .select-wrapper i.fa {
left: 12px;
}
/*---------- Find ---------*/
.find-widget {
padding: 40px 30px;
text-align: center;
color: #545454;
}
.find-widget .title-widgets {
font-size: 1.43rem;
font-weight: bold;
margin: 0 0 30px;
text-transform: uppercase;
color: #3c3c3c;
border-bottom: none;
background-color: transparent;
}
.find-widget .text-input {
position: relative;
}
.find-widget .text-input:after {
display: table;
clear: both;
content: '';
}
.find-widget .submit-btn-wrapper {
line-height: 38px;
width: 170px;
height: 38px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
cursor: pointer;
text-align: left;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #3c3c3c;
}
.find-widget .submit-btn-wrapper .submit-btn {
font-size: 14px;
line-height: 34px;
width: 34px;
height: 34px;
margin-right: 10px;
margin-left: 2px;
padding: 0;
text-align: center;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #505050;
}
.find-widget .submit-btn-wrapper .text {
font-size: .93rem;
}
.find-widget .text-input>.text-box-wrapper:first-child {
margin-top: 0;
}
.find-widget .input-daterange {
float: left;
}
.find-widget .text-box-wrapper {
float: left;
text-align: left;
vertical-align: bottom;
}
.find-widget .text-box-wrapper>.text-box-wrapper {
margin-top: 0;
}
.find-widget .text-box-wrapper .input-group {
position: relative;
display: inline-block;
width: 100%;
background-color: #ffffff;
}
.find-widget .text-box-wrapper .tb-label {
font-weight: normal;
}
.find-widget .text-box-wrapper .tb-input {
line-height: 35px;
position: relative;
z-index: 1;
width: 250px;
height: 40px;
padding: 0 2em 0 20px;
text-align: left;
border: 1px solid #cecece;
border-radius: 20px;
background-color: transparent;
color: #bbbbbb;
}
.find-widget .text-box-wrapper .tb-input::placeholder{
color: #bbbbbb;
}
.find-widget .text-box-wrapper .tb-input.count {
text-align: center;
}
.find-widget .text-box-wrapper.half {
display: inline-block;
width: calc((100% - 8px) / 2);
width: -moz-calc((100% - 8px) / 2);
}
.find-widget .text-box-wrapper.half.left {
margin-right: 4px;
}
.find-widget .text-box-wrapper.half.right {
margin-left: 4px;
}
.find-widget .text-box-wrapper .tb-icon {
line-height: 35px;
position: relative;
top: 0;
margin-right: 14px;
width: 14px;
height: 35px;
padding: 0;
color: #62ac1e;
border: none;
background-color: transparent;
font-size: 20px;
}
.find-widget .text-box-wrapper .input-group-btn {
font-size: 14px;
position: absolute;
z-index: 10;
top: 0;
bottom: 0;
width: 40px;
height: 35px;
border: none;
background-color: #ffffff;
}
.find-widget .text-box-wrapper .input-group-btn.btn-minus {
left: 0;
}
.find-widget .text-box-wrapper .input-group-btn.btn-plus {
right: 0;
}
.find-widget .ffw-radio-selection {
line-height: 0;
margin: 0 auto;
text-align: justify;
}
.find-widget .ffw-radio-selection span.ffw-radio-btn-wrapper {
line-height: 1em;
height: 1em;
}
.find-widget .ffw-radio-selection span.ffw-radio-btn-wrapper .ffw-radio-btn {
display: none;
}
.find-widget .ffw-radio-selection span.ffw-radio-btn-wrapper .ffw-radio-btn~.ffw-radio-label:before {
font-family: FontAwesome;
overflow: visible;
margin-right: 6px;
content: '\f10c';
}
.find-widget .ffw-radio-selection span.ffw-radio-btn-wrapper .ffw-radio-btn:checked~.ffw-radio-label:before {
font-family: FontAwesome;
content: '\f192';
}
.find-widget .ffw-radio-selection span.ffw-radio-btn-wrapper .ffw-radio-label {
font-weight: normal;
position: relative;
z-index: 1;
margin-bottom: 0;
}
.find-widget .select-wrapper {
position: relative;
background-color: #ffffff;
}
.find-widget .select-wrapper i.fa {
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #bebebe;
}
.find-widget .sbHolder {
line-height: 35px;
height: 35px;
border: none;
}
.find-widget .sbHolder .sbOptions {
right: 0;
left: 0;
border: none;
}
.find-widget .sbHolder .sbDisabled,
.find-widget .sbHolder .sbSelector,
.find-widget .sbHolder a {
line-height: 35px;
height: 35px;
padding: 0;
}
.find-widget .sbHolder .sbDisabled {
border-bottom: none;
}
.find-widget .select-wrapper .sbHolder .sbToggle {
background-position: 0 -42px;
}
.find-widget .form-control {
position: relative;
padding: 5px 20px;
height: 40px;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cecece;
border-radius: 20px;
}
/*
Login Page
*/
.login-form label {
font-weight: 300;
}
.login-form input[type='submit'] {
display: inline-block;
color: #fff;
padding: 12px 25px;
text-transform: capitalize;
font-size: 14px;
border: 1px solid #62ac1e;
background-color: #62ac1e;
border-radius: 0px;
font-weight: 600;
}
.login-form input[type='submit']:hover {
background: transparent;
color: #000;
border: 1px solid #62ac1e;
-webkit-transition: .3s;
transition: .3s;
}
.login-form .login-btn {
margin-top: 50px;
}
.slogin-btn {
width: 100%;
background: none;
border: none;
color: #fff;
padding: 10px 35px;
margin-bottom: 20px;
}
.slogin-btn i {
font-size: 20px;
margin-right: 10px;
}
.facebook-lbtn {
background: #4e71a7;
}
.twitter-lbtn {
background: #1cb8eb;
}
.gplus-lbtn {
background: #e44120;
}
.behance-lbtn {
background: #1768ff;
}
/*
Myaccount
*/
.nav-tabs {
border-bottom: none;
}
.myaccount .tab-content {
margin-top: 50px;
}
.myaccount-nav {
position: relative;
}
.myaccount .nav-item {
padding: 15px 25px;
margin-right: 20px;
color: #fff;
background: #62ac1e;
font-size: 16px;
position: relative;
text-transform: capitalize;
}
.myaccount .nav-link:focus{
color: #fff;
}
.myaccount .nav-item i {
margin-right: 10px;
}
.myaccount .nav-item.active {
background: #bf1b19;
color: #fff;
}
.myaccount .nav-item.active:after {
content: "";
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #bf1b19;
position: absolute;
top: 100%;
right: 45%;
}
.dashboard-infobox {
border: 1px solid #cecece;
padding: 10px 10px;
margin-bottom: 30px;
text-align: center;
}
.dashboard-infobox i {
font-size: 96px;
color: #bf1b19;
}
.dashboard-infobox p {
font-size: 16px;
margin-bottom: 0px;
text-align: right;
}
.dashboard-infobox p span {
color: #62ac1e;
font-size: 26px;
float: left;
}
.padding-left-60 {
padding-left: 60px !important;
}
.recent-activities {
box-shadow: 2px 2px 18px #cecece;
background: #fff;
}
.recent-activities .head-sec {
padding: 25px;
}
.recent-activities .head-sec h3 {
margin: 0;
font-size: 26px;
text-transform: uppercase;
}
.recent-activities .content-sec p {
padding: 25px;
border-top: 1px solid #cecece;
color: #999999;
margin: 0;
text-transform: capitalize;
}
.recent-activities .content-sec p:hover {
background: #f3f3f3;
}
.recent-activities .content-sec p {
font-size: 18px;
}
.recent-activities .content-sec p i {
margin-right: 30px;
}
.invoices {
box-shadow: 2px 2px 18px #cecece;
background: #fff;
margin-top: 60px;
}
.invoices .head-sec {
padding: 30px;
}
.invoices .head-sec h3 {
margin: 0;
font-size: 26px;
text-transform: uppercase;
}
.invoices .content-sec .content-details {
padding: 25px;
border-top: 1px solid #cecece;
color: #999999;
margin: 0;
text-transform: capitalize;
}
.invoices .content-sec .content-details:hover {
background: #f3f3f3;
}
.invoices .content-sec .content-details h4 {
display: inline-block;
color: #000000;
min-width: 180px;
font-size: 20px;
}
.invoices .content-sec .content-details i {
margin-right: 30px;
font-size: 22px;
}
.profile-details {
background: #fff;
}
.profile-details .head-profile {
background: #f3f3f3;
padding: 30px;
}
.profile-details .content-profile {
padding: 30px;
}
.profile-details .content-profile .info {
margin-bottom: 20px;
min-height: 20px;
}
.profile-details .content-profile .info i {
color: #bf1b19;
}
.profile-details .content-profile .info p.title {
color: #66a91e;
}
.detail-profile {
padding: 30px;
}
.content-profile a.button {
background-color: #083063;
border: none;
color: #fff;
}
.content-booking .booking-detail {
padding-left: 20px;
}
.booking-details {
background: #fff;
border: 1px solid #cecece;
}
.booking-details .head-booking {
background: #f3f3f3;
padding: 30px;
}
.booking-details .content-booking {}
.booking-details .booking-info .booking-date {
width: 170px;
height: 170px;
background: #f3f3f3;
border-bottom: 3px solid #bf1b19;
text-align: center;
padding: 40px 0px;
}
.booking-details .booking-info .booking-date p {
color: #bf1b19;
}
.booking-details .booking-info .booking-date p.date {
font-size: 72px;
}
.booking-details .booking-info .booking-date p.month {
font-size: 36px;
padding-top: 20px;
}
.bookbtn {
display: block;
text-align: center;
border: 1px solid;
padding: 10px;
margin-bottom: 10px;
}
.btn-message {
color: #66a91e;
border-color: #66a91e;
}
.btn-aprove {
color: #66a91e;
border-color: #66a91e;
}
.btn-cancle {
color: #fff;
border-color: #bf1b19;
background: #bf1b19;
}
.booking-details .detail-info {
display: block;
clear: both;
margin-bottom: 10px;
min-height: 25px;
line-height: 28px;
}
.booking-details .booking-detail h3 {
color: #66a91e;
margin-top: 0;
padding-left: 15px;
}
.booking-details .booking-info {
overflow: hidden;
height: 1%;
padding: 30px;
border-top: 1px solid #cecece;
}
.booking-details .booking-detail .detail-info i {
color: #bf1b19;
line-height: 28px;
}
.booking-details .booking-detail .detail-info p {
color: #66a91e;
margin: 0;
text-transform: capitalize;
}
.wish-list {
box-shadow: 2px 2px 18px #cecece;
background: #fff;
height: 1%;
overflow: hidden;
}
.wish-list .wish-listitem {
padding: 30px;
border-bottom: 1px solid #cecece;
height: 1%;
overflow: hidden;
}
.wish-list .wish-listitem h3 {
color: #66a91e;
margin-top: 0;
text-transform: capitalize;
font-size: 30px;
}
.wish-list .rating span {
color: #bf1b19;
}
.wish-list .wish-listitem p {
color: #7c7c7c;
padding-top: 15px;
}
.wish-list .cost-total {
color: #00417d;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
}
.wish-list .buttons {
text-align: right;
}
.wish-list .buttons .btn {
border: 1px solid;
border-radius: 0;
font-size: 18px;
text-transform: capitalize;
}
.wish-list .buttons .book-btn {
color: #00417d;
border-color: #00417d;
margin-right: 20px;
}
.wish-list .buttons .remove-btn {
color: #fff;
border-color: #bf1b19;
background: #bf1b19;
}
.ccards {
box-shadow: 2px 2px 18px #cecece;
padding: 30px;
background: #fff;
}
.ccards h5 {
text-transform: capitalize;
color: #082f7a;
}
.ccards .form-control {
width: 50%;
border-color: #cecece;
}
.ccards input[type="submit"] {
width: auto;
background: #bf1b19;
color: #fff;
}
.ccards p.notifications {
color: #bf1b19;
}
.credit-cart-setting {
overflow: hidden;
height: 1%;
}
/*
Booking Tour
*/
.column-3>*,
.constant-column-3>* {
width: 30%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-2>*,
.constant-column-2>* {
width: 47%;
margin-right: 3%;
margin-bottom: 3%;
}
.column-2>*:nth-child(2n+1),
.constant-column-2>*:nth-child(2n+1) {
clear: both;
}
.column-2>*,
.column-3>*,
.column-4>*,
.column-5>*,
.column-5-no-margin>*,
.constant-column-2>*,
.constant-column-3>*,
.constant-column-4>*,
.constant-column-5>* {
float: left;
}
.selector {
position: relative;
min-width: 60px;
line-height: 0;
}
.selector select {
position: absolute;
z-index: 1;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
width: 100%;
-webkit-appearance: menulist-button;
line-height: 30px;
height: 42px;
color:#666;
}
.selector span.custom-select {
display: inline-block;
line-height: 0;
padding: 20px;
position: relative;
width: 100%;
overflow: hidden;
white-space: nowrap
}
.selector span.custom-select:before {
position: absolute;
right: 0;
top: 0;
content: '';
background: #62ac1e;
width: 50px;
height: 100%;
}
.selector span.custom-select:after {
position: absolute;
right: 20px;
top: 18px;
border-top: 5px solid #fff;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
content: "";
}
.selector.style1 span.custom-select:before {
background: transparent
}
.selector.style1 span.custom-select:after {
border-top-color: #fdb714
}
.booking-form label {
font-size: 16px;
color: #666;
line-height: 2;
}
.booking-form .checkbox label {
font-size: 1.0833em;
}
.booking-form .form-group {
margin-bottom: 0;
}
.booking-form .form-group>* {
margin-bottom: 20px;
display: inline-grid;
}
.booking-form .checkbox label {
text-transform: none;
margin-left: 20px;
}
.margin_top input[type="checkbox"]{
margin-top: 10px;
}
form label {
text-transform: capitalize;
display: block;
margin-bottom: 5px;
font-weight: normal;
font-size: 0.9167em;
}
input.input-text,
textarea,
span.custom-select {
padding: 20px;
height: 34px;
}
input.input-text,
select,
textarea,
span.custom-select {
background: #fff;
border: 1px solid #ddd;
line-height: normal;
}
.full-width {
width: 100% !important;
}
button.full-width,
input[type="button"].button.full-width,
a.button.full-width {
padding-left: 0;
padding-right: 0;
}
button.btn-large,
input[type="button"].button.btn-large,
a.button.btn-large {
padding: 0 5px;
height: 43px;
font-size: 1.1667em;
line-height: 43px;
}
.full-width {
width: 100% !important;
}
button,
input[type="button"].button {
background: #66a91e;
line-height: 34px;
}
button,
input[type="button"].button,
a.button {
border: none;
color: #fff;
cursor: pointer;
white-space: nowrap;
}
.booking-top {
margin-bottom: 30px;
overflow: hidden;
}
.booking-other-details h3{
margin-top: 0;
}
#tour-booking .booking-details,
#tour-booking .booking-other-details {
background: #f5f5f5;
padding: 35px;
overflow: hidden;
border: none;
}
.booking-other-details .other-details {
font-size: 0.8333em;
margin-bottom: 0;
text-align: right;
text-transform: uppercase;
}
#tour-booking .booking-other-details .other-details dt {
float: left;
text-align: left;
margin: 0;
font-weight: 300;
clear: both;
}
#tour-booking .booking-other-details .other-details dt,
#tour-booking .booking-other-details .other-details dd {
padding: 8px 0;
border-top: 1px solid #f5f5f5;
color: #777777;
font-size: 16px;
}
.booking-details p{
color: #777;
}
.book-detialsinfo {
display: block;
overflow: hidden;
border-bottom: 1px solid #cecece;
padding-bottom: 30px;
margin-bottom: 30px;
}
.book-detialsinfo h3 {
color: #002553;
}
.book-detialsinfo p.cost {
color: #bf1b19;
text-align: right;
}
.book-detialsinfo h4.tour-time {
color: #66a91e;
}
.book-detailstour {
box-shadow: 2px 2px 18px #cecece;
background: #fff;
padding: 30px;
overflow: hidden;
}
.inline-book-btn {
margin-top: 22px;
width: 100%;
}
.booking-details p span {
float: right;
color: #bf1b19;
}
.booking-details h5 {
color: #083063;
}
.padding-left-0 {
padding-left: 0;
}
.select_booking{
padding: 15px 5px;
width: 100%;
}
.booking_detail{
padding: 20px;
box-shadow: 2px 2px 20px 2px #cecece;
}
.widget .rating span i{
color: #62ac1e;
}
.infowidget{
box-shadow: 2px 2px 20px 2px #cecece;
}
/*
comming
*/
.coming-soon-section {
background-color: #66a91e;
}
.coming{
margin:auto;
}
.coming-soon-section .wrapper .brand-logo {
width: 200px;
height: 100px;
line-height: 100px;
}
.coming-soon-section .wrapper ul.social {
display: table;
margin: 0 auto;
padding-left: 0px;
}
.coming-soon-section .countdown>li {
margin: 15px;
padding: 30px;
height: 200px;
min-width: 200px;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
box-shadow: 2px 2px 18px #cecece;
}
.coming-soon-section .countdown .number {
color: #151515;
font-size: 66px;
font-weight: 700;
margin-bottom: 30px;
font-family: 'Rubik', sans-serif;
}
.coming-soon-section .countdown span:before {
left: 0;
right: 0;
top: -15px;
width: 30px;
content: '';
height: 1px;
margin: 0 auto;
position: absolute;
background: #66a91e;
}
.coming-soon-section .countdown span {
display: block;
position: relative;
text-transform: uppercase;
}
.coming-soon-section .wrapper .social li {
margin: 5px;
height: 40px;
min-width: 40px;
overflow: hidden;
border-radius: 3px;
}
.coming-soon-section .wrapper .social li a {
width: 100%;
height: 100%;
display: block;
color: #66a91e;
font-size: 18px;
padding: 0px 10px;
line-height: 40px;
background-color: #fff;
border-radius: 50%;
}
.coming-soon-section .countdown {
margin-bottom: 100px;
padding-left: 0px;
}
ul.ul-li li {
list-style: none;
display: inline-block;
}
.mb-50 {
margin-top: 50px;
margin-bottom: 50px;
}
.coming-soon-section h1 {
color: #fff;
}
.coming-soon-section .copyright {
color: #fff;
font-size: 16px;
}
/*====================================================================
Gallery Section
====================================================================*/
.gallery-section {
position: relative;
padding: 115px 0px 90px;
}
.gallery-section .sec-title {
margin-bottom: 50px;
}
.mixitup-gallery .filters {
margin-bottom: 75px;
text-align: center;
}
.mixitup-gallery .filters .filter-tabs {
position: relative;
}
.mixitup-gallery .filters li {
position: relative;
display: inline-block;
font-size: 15px;
color: #222222;
padding: 10px 25px;
line-height: 20px;
border: 1px solid #cccccc;
cursor: pointer;
background: none;
margin-right: 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover {
background-color: #66a91e;
border-color: #66a91e;
}
.gallery-item {
position: relative;
margin-bottom: 30px;
}
.gallery-item.mix {
display: none;
}
.gallery-item .image-box {
position: relative;
}
.gallery-item .image-box img {
width: 100%;
}
.gallery-item .overlay-box:before {
background: rgba(255, 255, 255, 0.70) none repeat scroll 0 0 padding-box content-box;
content: "";
height: 100%;
width: 0;
opacity: 0;
padding: 15px;
position: absolute;
left: 50%;
top: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
-moz-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
-o-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
/* easeInSine */
-webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
-moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
-o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
/* easeInSine */
}
.gallery-item:hover .overlay-box:before {
opacity: 0.78;
width: 100%;
left: 0;
}
.gallery-item .overlay-inner {
padding: 14px 18px;
text-align: center;
width: 100%;
z-index: 9;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery-item .overlay-inner .content a {
color: #222222;
display: inline-block;
font-size: 20px;
height: 50px;
width: 50px;
background-color: #ffffff;
line-height: 30px;
padding: 10px;
margin: 0 5px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
visibility: hidden;
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1);
/* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
/* easeOutBack */
}
.gallery-item:hover .overlay-inner .content a {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.gallery-item:hover .overlay-inner .content a span{
visibility: visible;
}
.gallery-item:hover .overlay-inner .content a:last-child {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.gallery-item .overlay-inner .content>a:hover {
color: #FFF;
background-color: #66a91e;
transition-delay: 0s !important;
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-ms-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
}
.gallery-item .overlay-inner .content>a:hover span{
color: #ffffff;
}
.gallery-page-section {
position: relative;
padding: 50px 0px 0px 0px;
}
.gallery-page-section .mixitup-gallery {
margin-bottom: 70px;
}
/*====================================================================
Cart Section style
====================================================================
.shop-cart .about-banner .about-banner-destop .banner-img {
background: url("../images/09_01_shop/background.jpg") no-repeat !important;
background-size: cover;
background-position: center center;
height: 393px;
width: 100%;
}
*/
.shop-cart-body {
background: #f9f9f9;
padding: 100px 0;
}
.shop-cart-body .shop-cart4 .shop-cart-form {
background: #ffffff;
padding: 0 30px;
padding-bottom: 30px;
}
.shop-cart-body .shop-cart4 th {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 2.14;
text-align: left;
color: #333333;
font-style: normal;
text-transform: capitalize;
padding: 20px 0;
border-bottom: 2px solid #777 !important;
}
.shop-cart-body .shop-cart4 tr {
width: 100%;
height: auto;
border-bottom: 1px solid #DDD !important;
}
.shop-cart-body .shop-cart4 tr:hover {
background: none !important;
}
.shop-cart-body .shop-cart4 tr img {
width: 90px;
height: 90px;
float: left;
margin-right: 20px;
margin-top: 12px;
margin-bottom: 12px;
}
.shop-cart-body .shop-cart4 tr h3 {
font-family: "Rubik", sans-serif;
font-weight: 600 !important;
font-style: normal;
font-size: 14px;
color: #777777;
line-height: 105px;
margin: 0px;
}
.shop-cart-body .shop-cart4 tr h3 a {
color: #333;
text-decoration: none;
}
.shop-cart-body .shop-cart4 tr td {
font-family: "Rubik", sans-serif;
font-weight: 600 !important;
font-style: normal;
font-size: 14px;
color: #777777;
text-indent: -10px;
}
.shop-cart-body .shop-cart4 tr td .price {
line-height: 105px;
}
.shop-cart-body .shop-cart4 tr td .shop2-slide1-details-count {
width: 120px;
height: 44px;
border: 1px solid #bbbbbb;
border-radius: 3px;
line-height: 42px;
text-align: center;
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 700;
font-style: normal;
color: #bbbbbb;
margin-top: 30.5px;
text-indent: 0px;
margin-left: -10px;
}
.shop-cart-body .shop-cart4 tr td .shop2-slide1-details-count .shop2-slide1-details-minus {
float: left;
margin-left: 10px;
cursor: pointer;
text-indent: 0px;
}
.shop-cart-body .shop-cart4 tr td .shop2-slide1-details-count .shop2-slide1-details-number {
font-size: 18px;
color: #777;
text-indent: 0px;
}
.shop-cart-body .shop-cart4 tr td .shop2-slide1-details-count .shop2-slide1-details-plus {
float: right;
margin-right: 10px;
cursor: pointer;
text-indent: 0px;
}
.shop-cart-body .shop-cart4 tr td .del {
line-height: 105px;
font-size: 18px;
}
.shop-cart-body .shop-cart4 tr td .del a {
color: #66a91e;
text-decoration: none;
}
.shop-cart-body .shop-cart4 tr td .del a:hover {
color: #333;
}
.shop-cart-body .shop-cart4 tr td ul {
width: 120px;
height: 44px;
border: 1px solid #bbbbbb;
border-radius: 3px;
line-height: 42px;
text-align: center;
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 700;
font-style: normal;
color: #bbbbbb;
margin-top: 32px;
margin-left: -10px;
}
.shop-cart-body .shop-cart4 tr td ul li {
width: auto;
}
.shop-cart-body .shop-cart4 tr td ul li:nth-child(1) {
float: left;
margin-left: 25px;
cursor: pointer;
}
.shop-cart-body .shop-cart4 tr td ul li:nth-child(2) {
margin-left: 40px;
}
.shop-cart-body .shop-cart4 tr td ul li:nth-child(3) {
float: right;
margin-right: 6px;
cursor: pointer;
}
.shop-cart-body .shop-cart4 .sub-cart .coupon-code {
float: left;
}
.shop-cart-body .shop-cart4 .sub-cart .coupon-code input {
width: 300px;
height: 50px;
border: 1px solid #f0f0f0;
color: #aeaeae;
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 500;
font-style: normal;
text-indent: 15px;
}
.shop-cart-body .shop-cart4 .sub-cart .coupon-code button {
width: 180px;
height: 50px;
background: #66a91e;
outline: none;
text-align: center;
line-height: 42px;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-top: 1px;
border: 1px solid transparent;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
}
.shop-cart-body .shop-cart4 .sub-cart .coupon-code button:hover {
background: none;
border: 1px solid #66a91e;
color: #66a91e;
}
.shop-cart-body .shop-cart4 .upload-cart {
width: 180px;
height: 50px;
background: #66a91e;
border: 1px solid #66a91e;
outline: none;
text-align: center;
line-height: 44px;
color: #fff;
float: right;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-cart-body .shop-cart4 .upload-cart:hover {
background: none;
border: 1px solid #66a91e;
color: #66a91e;
}
.shop-cart-body .shop-cart4 .sp-quantity {
width: 120px;
height: 44px;
border: 1px solid #f0f0f0;
line-height: 42px;
text-align: center;
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 700;
font-style: normal;
color: #bbbbbb;
margin-top: 32px;
margin-left: -10px;
position: relative;
overflow: hidden;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-minus a {
position: absolute;
width: 38px;
height: 42px;
margin-left: 0px;
float: left;
text-align: center;
line-height: 38px;
font-size: 14px;
color: #777;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-minus a span {
display: none;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-plus a {
position: absolute;
width: 39px;
height: 42px;
margin-right: 13px;
float: right;
margin-left: 88px;
text-align: center;
line-height: 42px;
font-size: 14px;
color: #777;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-plus a span {
display: none;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-input {
float: left;
}
.shop-cart-body .shop-cart4 .sp-quantity .sp-input input {
width: 40px;
position: absolute;
margin-top: 0px;
border: none;
outline: none;
margin-left: 40px;
text-align: center;
background: none;
}
.shop-cart-body .shop-cart4 .shipping {
background: #ffffff;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.shop-cart-body .shop-cart4 .shipping h3 {
width: 100%;
height: auto;
font-size: 18px;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
color: #333;
margin: 0;
border-bottom: 2px solid #7b7b7b;
padding-bottom: 12px;
}
.shop-cart-body .shop-cart4 .shipping p {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 2.14;
text-align: left;
color: #7b7b7b;
font-weight: 400;
font-style: normal;
margin-top: 26px;
margin-bottom: 20px;
}
.shop-cart-body .shop-cart4 .shipping select,
.shop-cart-body .shop-cart4 .shipping input {
width: 100%;
height: 43px;
border-radius: 3px;
border: 1px solid #eaeaea;
font-family: "Rubik", sans-serif;
font-weight: 500 !important;
font-style: normal;
font-size: 14px;
color: #333;
text-indent: 15px;
}
.shop-cart-body .shop-cart4 .shipping input {
color: #aeaeae;
margin-top: 20px;
}
.shop-cart-body .shop-cart4 .shipping .border-line {
width: 100%;
height: 2px;
background: #777;
margin-top: 30px;
margin-bottom: 20px;
}
.shop-cart-body .shop-cart4 .shipping span {
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
color: #333;
line-height: 40px;
}
.shop-cart-body .shop-cart4 .shipping button {
width: 180px;
height: 50px;
background: #66a91e;
border: 1px solid #66a91e;
outline: none;
text-align: center;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
line-height: 44px;
color: #fff;
float: right;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-cart-body .shop-cart4 .shipping button:hover {
background: none;
border: 1px solid #66a91e;
color: #66a91e;
}
.shop-cart-body .shop-cart4 .shop-cart-ship-total {
margin-top: 60px;
}
.shop-cart-body .shop-cart4 .cart-totals {
background: #ffffff;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
}
.shop-cart-body .shop-cart4 .cart-totals h3 {
width: 100%;
height: auto;
font-size: 18px;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
color: #333;
margin: 0;
border-bottom: 2px solid #7b7b7b;
padding-bottom: 12px;
}
.shop-cart-body .shop-cart4 .cart-totals ul {
margin: 0px;
padding: 0px;
padding-top: 30px;
}
.shop-cart-body .shop-cart4 .cart-totals ul li {
list-style-type: none;
width: 100%;
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 600 !important;
font-style: normal;
color: #777;
border-bottom: 1px solid #eaeaea;
margin-top: 16px;
padding-bottom: 17px;
}
.shop-cart-body .shop-cart4 .cart-totals ul li strong {
font-weight: 600;
width: 300px;
height: 10px;
display: block;
float: left;
}
.shop-cart-body .shop-cart4 .cart-totals ul li:nth-child(1) {
margin-top: 5px;
}
.shop-cart-body .shop-cart4 .cart-totals button {
width: 100%;
height: 50px;
background: #66a91e;
border: 1px solid #66a91e;
outline: none;
text-align: center;
font-family: "Rubik", sans-serif;
font-weight: 700 !important;
font-style: normal;
line-height: 44px;
color: #ffffff;
float: right;
margin-top: 30px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-cart-body .shop-cart4 .cart-totals button:hover {
background: none;
border: 1px solid #66a91e;
color: #66a91e;
}
.shop-cart-body .shop-cart4 .th-hide {
display: none;
}
/*
.shop-checkout .about-banner .about-banner-destop .banner-img {
background: url("../images/09_01_shop/background.jpg") no-repeat !important;
background-size: cover;
background-position: center center;
height: 393px;
width: 100%;
}
*/
.shop-checkout-body {
background: #f9f9f9;
padding: 100px 0;
}
.shop-checkout-body .checkout-ship-address-checkbox {
display: none;
}
.shop-checkout-body .checkbox-create-account-form {
display: none;
}
.shop-checkout-body .woocommerce-form-login p {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.57;
text-align: left;
color: #7b7b7b;
}
.shop-checkout-body .form-woo-login {
display: none;
background: #ffffff;
margin-top: 10px;
margin-bottom: 10px;
padding: 30px;
}
.shop-checkout-body .form-woo-login .form-row {
margin-top: 30px;
}
.shop-checkout-body .checkout-order-paypal {
margin-top: 60px;
}
.shop-checkout-body .checkout-ship-address select,
.shop-checkout-body .checkout-ship-address .shop-cart-body .shop-cart4 .shipping input,
.shop-cart-body .shop-cart4 .shipping .shop-checkout-body .checkout-ship-address input {
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
padding: 0 20px;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 0;
text-align: left;
color: #aeaeae;
}
.shop-checkout-body .checkout-ship-address textarea {
width: 100%;
height: 151px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
padding: 20px;
font-family: "Rubik", sans-serif;
font-size: 14px;
text-align: left;
color: #aeaeae;
}
.shop-checkout-body .checkout-creat-account h3 label {
font-size: 14px;
}
.shop-checkout-body .checkout-creat-account .check-create-account-form {
background: #ffffff;
padding: 30px;
}
.shop-checkout-body .checkout-creat-account .check-create-account-form .form-row {
margin: 30px 0;
}
.shop-checkout-body #payment h3 {
font-family: "Rubik", serif;
font-size: 30px;
font-weight: 500;
text-align: left;
color: #333333;
margin-bottom: 25px;
}
.shop-checkout-body #payment ul {
margin: 0px;
padding: 0px;
background: #fff;
padding: 30px;
}
.shop-checkout-body #payment ul li {
list-style-type: none;
}
.shop-checkout-body #payment ul li label {
font-family: "Rubik", serif;
font-size: 14px;
font-weight: 500;
line-height: 2.57;
text-align: left;
color: #333333;
}
.shop-checkout-body #payment ul li .payment_box {
padding-left: 20px;
}
.shop-checkout-body #payment ul li .payment_box p {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.86;
text-align: left;
color: #7b7b7b;
}
.shop-checkout-body #payment ul li a {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 2.57;
text-align: left;
color: #66a91e;
}
.shop-checkout-body #payment ul li a:hover {
color: #333333;
}
.shop-checkout-body #payment .place-order {
margin-top: 30px;
}
.shop-checkout-body #payment .place-order input {
width: 100%;
height: 50px;
background-color: #66a91e;
border: 1px solid #66a91e;
font-family: "Rubik", sans-serif;
font-size: 13px;
font-weight: 500;
text-align: center;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body #payment .place-order input:hover {
background: #fff;
color: #66a91e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body .checkout-order-left h3 {
font-family: "Rubik", serif;
font-size: 30px;
font-weight: 500;
text-align: left;
color: #333333;
margin-bottom: 25px;
}
.shop-checkout-body .checkout-order-left table {
width: 100%;
background: #fff;
}
.shop-checkout-body .checkout-order-left table tr td {
border-bottom: 1px solid #f0f0f0;
padding: 20px 30px;
}
.shop-checkout-body .checkout-order-left table tr th {
border-bottom: 1px solid #f0f0f0;
padding: 20px 30px;
}
.shop-checkout-body .checkout-order-left thead {
border-bottom: 2px solid #333;
}
.shop-checkout-body .checkout-order-left .order-total {
color: #66a91e;
}
.shop-checkout-body .checkout-billing-left {
padding-top: 60px;
padding-bottom: 43px;
}
.shop-checkout-body .checkout-billing-left h3 {
font-family: "Rubik", serif;
font-size: 30px;
font-weight: 500;
text-align: left;
color: #333333;
margin-bottom: 20px;
}
.shop-checkout-body .checkout-billing-left p {
margin-bottom: 27px;
}
.shop-checkout-body .checkout-billing-left p label {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #333333;
margin-bottom: 10px;
}
.shop-checkout-body .checkout-billing-left p .required {
font-family: "Rubik", sans-serif;
font-size: 18px;
font-weight: 900;
line-height: 1.22;
color: #66a91e;
}
.shop-checkout-body .checkout-billing-left .woocommerce-billing-fields select,
.shop-checkout-body .checkout-billing-left .woocommerce-billing-fields .shop-cart-body .shop-cart4 .shipping input,
.shop-cart-body .shop-cart4 .shipping .shop-checkout-body .checkout-billing-left .woocommerce-billing-fields input {
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
padding: 0 20px;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 0;
text-align: left;
color: #aeaeae;
}
.shop-checkout-body .check-coupon {
display: none;
background: #ffffff;
padding: 30px;
margin-top: 10px;
}
.shop-checkout-body .check-coupon .form-row-first input {
width: 100%;
height: 50px;
}
.shop-checkout-body .check-coupon .form-row-last input[type="submit"] {
border: 1px solid #66a91e;
font-family: "Rubik", sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 0;
text-align: center;
color: #ffffff;
background: #66a91e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body .check-coupon .form-row-last input[type="submit"]:hover {
background: #fff;
color: #66a91e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body .entry-content-wrapper .woocommerce-info {
margin-bottom: 10px;
background: #fff;
padding: 21px 30px;
border-top: 2px solid #66a91e;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 2.14;
text-align: left;
color: #7b7b7b;
}
.shop-checkout-body .entry-content-wrapper .woocommerce-info i {
font-family: FontAwesome;
font-size: 18px;
line-height: 1.67;
color: #66a91e;
}
.shop-checkout-body .entry-content-wrapper .woocommerce-info a {
color: #66a91e;
}
.shop-checkout-body .entry-content-wrapper .form-row-first input {
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
padding: 20px;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.57;
text-align: left;
color: #aeaeae;
}
.shop-checkout-body .entry-content-wrapper .form-row-last input {
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
padding: 20px;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.57;
text-align: left;
color: #aeaeae;
}
.shop-checkout-body .entry-content-wrapper .checkout-login {
margin-top: 30px;
}
.shop-checkout-body .entry-content-wrapper .checkout-login p {
margin-bottom: 0px;
}
.shop-checkout-body .entry-content-wrapper .checkout-login input.button {
width: 180px;
height: 50px;
background-color: #66a91e;
}
.shop-checkout-body .entry-content-wrapper .checkout-login input[type="submit"] {
border: 1px solid #66a91e;
font-family: "Rubik", sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 1.69;
text-align: center;
color: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body .entry-content-wrapper .checkout-login input[type="submit"]:hover {
background: #fff;
color: #66a91e;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .woocommerce-form__label-for-checkbox input[type=checkbox] {
width: 16px;
height: 16px;
border-radius: 3px;
background-color: #ffffff;
border: solid 1px #aeaeae;
margin-left: 20px;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .woocommerce-form__label-for-checkbox span {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.57;
text-align: left;
color: #7b7b7b;
font-weight: normal;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .lost_password {
margin: 0;
padding-top: 15px;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .lost_password a {
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 1.57;
text-align: right;
color: #66a91e;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .lost_password a:hover {
color: #333;
}
.shop-checkout-body .entry-content-wrapper .checkout-login .lost_password a i {
font-family: FontAwesome;
font-size: 18px;
margin-right: 5px;
}
/*====================================================================
CheckOut Section
====================================================================*/
.checkout-page {
position: relative;
padding: 100px 0px 100px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 30px;
}
.checkout-page .default-links li {
line-height: 30px;
padding: 18px 30px 18px;
color: #ffffff;
background-color: #66a91e;
font-size: 16px;
}
.checkout-page .default-links li .fa {
position: relative;
top: 2px;
margin-right: 20px;
font-size: 24px;
color: #222222;
}
.checkout-page .default-links li a {
color: #000022;
font-size: 16px;
}
.checkout-form {
position: relative;
margin-top: 100px;
margin-bottom: 95px;
}
.checkout-form .column {
padding-right: 30px;
}
.checkout-form .sec-title {
position: relative;
}
.checkout-form .sec-title h2 {
position: relative;
font-size: 30px;
text-transform: uppercase;
padding-bottom: 0;
}
.checkout-form .sec-title h2:after {
font-size: 30px;
right: -35px;
}
.checkout-form .form-group {
position: relative;
margin-bottom: 5px;
}
.checkout-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 6px;
text-transform: capitalize;
color: #777777;
font-size: 15px;
font-weight: 300;
}
.checkout-form .form-group .field-label sup {
top: -1px;
font-size: 15px;
}
.checkout-form .form-group .text {
position: relative;
color: #bbbbbb;
font-size: 15px;
line-height: 24px;
margin-bottom: 5px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
font-size: 15px;
line-height: 26px;
color: #bbbbbb;
padding: 12px 15px;
height: 50px;
margin-bottom: 10px;
border: 1px solid #e0e0e0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
/*
.checkout-form select {
cursor: pointer;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-moz-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
*/
.checkout-form textarea {
resize: none;
height: 60px !important;
padding-left: 30px;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
border-color: #66a91e;
}
.checkout-page .check-box {
line-height: 24px;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
}
.checkout-page .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 16px;
cursor: pointer;
color: #333333;
}
.checkout-page .lower-content {
margin-top: 30px;
}
.checkout-page .lower-content .order-column {
margin-bottom: 40px;
}
.checkout-page .lower-content .column h2 {
position: relative;
color: #222222;
font-size: 24px;
margin-bottom: 30px;
padding-bottom: 12px;
}
.checkout-page .lower-content .column h2:after {
position: absolute;
content: '';
left: 0px;
bottom: 0px;
width: 40px;
height: 2px;
background-color: #fa9928;
}
/*Coupon Box*/
.coupon-box {
position: relative;
padding: 25px 25px;
margin-bottom: 25px;
background-color: #f5f5f5;
}
.coupon-form {
position: relative;
}
.coupon-form .form-group {
position: relative;
margin-bottom: 0px;
}
.coupon-form .form-group input[type="text"] {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 20px;
height: 44px;
font-size: 14px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.coupon-form .form-group input[type="text"]:focus {
border-color: #66a91e;
}
.coupon-form button {
margin-top: 0px;
font-size: 16px;
font-weight: 300;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding: 8px 26px;
text-transform: capitalize;
}
.order-box {
position: relative;
margin-top: 15px;
margin-bottom: 100px;
}
.order-box .sec-title {
margin-bottom: 25px;
}
.order-box .sec-title h2 {
position: relative;
font-size: 30px;
text-transform: uppercase;
padding-bottom: 0;
}
.order-box .sec-title h2:after {
font-size: 30px;
right: -35px;
}
.order-box .title-box {
position: relative;
padding: 15px 30px;
font-size: 15px;
line-height: 30px;
font-weight: 300;
color: #222222;
background-color: #66a91e;
}
.order-box .title-box .col {
position: relative;
width: 50%;
float: left;
color: #222222;
font-size: 15px;
font-weight: 300;
}
.order-box ul {
position: relative;
}
.order-box ul li {
position: relative;
padding: 25px 30px 24px;
font-size: 15px;
line-height: 30px;
border-bottom: 1px solid #cccccc;
}
.order-box ul li strong {
color: #222222;
font-weight: 300;
font-size: 15px;
}
.order-box ul li span {
width: 50%;
float: right;
color: #222222;
font-size: 15px;
}
.order-box ul li span.free {
color: #777777;
}
.order-box ul li:last-child {
border-bottom: none;
background: #f5f5f5;
padding: 15px 30px;
margin-top: -1px;
font-weight: 300;
}
.payment-box {
position: relative;
margin-top: 20px;
}
.payment-box .upper-box {
position: relative;
padding: 15px 35px;
margin-bottom: 30px;
background-color: #f5f5f5;
border-bottom: 1px solid #b7b7b7;
}
.payment-options {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.payment-box .payment-options li {
position: relative;
margin-bottom: 15px;
}
.payment-box .payment-options li .radio-option {
position: relative;
}
.payment-box .payment-options li .radio-option label {
position: relative;
display: block;
padding-left: 30px;
font-weight: 300;
text-transform: capitalize;
letter-spacing: 1px;
color: #222222;
cursor: pointer;
font-size: 18px;
}
.payment-box .payment-options li .radio-option label strong {
font-weight: 300;
}
.payment-box .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.payment-box .payment-options li .radio-option label .small-text {
position: relative;
display: none;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 14px;
color: #ffffff;
line-height: 1.8em;
padding: 15px 20px;
margin-top: 20px;
background-color: #66a91e;
}
.payment-box .payment-options li .radio-option input:checked+label .small-text {
display: block;
}
.payment-box .payment-options li .radio-option label .small-text:before {
position: absolute;
content: '';
left: 30px;
top: -8px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #66a91e;
}
.payment-box .payment-options li .radio-option label img {
position: relative;
display: block;
max-width: 100%;
padding-left: 30px;
margin-top: 20px;
}
.payment-box .payment-options li .radio-option .what-paypall {
position: relative;
display: block;
color: #777777;
font-size: 16px;
font-weight: 300;
margin-left: 120px;
margin-top: 10px;
}
.payment-box .lower-box {
position: relative;
margin-bottom: 20px;
}
.payment-box .lower-box .theme-btn {
margin-right: 55px;
padding: 13px 25px;
font-weight: 300;
}
.order-box ul,
.totals-table {
list-style: none;
padding-left: 0px;
}
.payment-options ul {
list-style: none;
padding-left: 0px;
}
/*
404
*/
.error-page {
height: 100vh;
display: flex;
text-align: center;
position: relative;
align-items: center;
display: -webkit-flex;
}
.error-page::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
position: absolute;
background-color: #66a91e;
z-index: -99;
}
.error-page .text {
float: none;
display: block;
max-width: 50%;
margin: 0 auto;
padding: 0 0 39px;
}
.error-page h1 {
font-size: 260px;
margin: 0 0;
line-height: 100%;
font-weight: bold;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10)
}
.error-page h6 {
margin: -4px 0 9px;
font-size: 46px;
color: #fff;
}
.error-page p {
margin: 0 0 23px;
}
.error-page h1,
.error-page p {
color: #fff;
}
.error-page a.button {
background-color: #fff;
border: #fff;
color: #000;
border: 1px solid #fff;
}
.error-page a.button:hover {
background-color: #fff;
border: #fff;
color: #000;
border: 1px solid #000;
}
/*
Deals
*/
.has-discount {
position: relative;
box-shadow: 3px 3px 20px;
}
.details i {
float: left;
color: #66a91e padding-right5px;
}
.details i.fa {
font-size: 20px;
}
.has-discount .details {
padding: 20px;
}
.has-discount .price {
color: #66a91e;
font-size: 1.6667em;
text-transform: uppercase;
float: right;
text-align: right;
line-height: 1;
display: block;
}
.price small {
display: block;
color: #838383;
font-size: 0.5em;
}
.box-title small {
font-size: 10px;
color: #838383;
text-transform: uppercase;
display: block;
margin-top: 4px;
}
span.discount {
position: absolute;
top: 0;
background-color: #bf1b19;
color: #fff;
right: 0;
padding: 5px;
font-size: 16px;
font-weight: 500;
box-shadow: 2px 2px 20px #bf1b19;
}
.amenities {
text-align: center;
}
.amenities ul {
padding-left: 0px;
list-style: none;
display: inline-block;
}
.amenities li {
display: inline-block;
text-align: center;
padding: 10px;
}
.amenities i {
display: block;
}
.listing-style1.flight .details .time>div>.icon {
font-size: 16px;
float: left;
display: inline-block;
}
.listing-style1.flight .details .time>div>.icon+div {
padding-left: 24px;
}
.listing-style1.flight .details .time>div {
width: 50%;
float: left;
padding: 7px 0;
}
.hotel-list,
.flight-list,
.car-list,
.cruise.list {
margin-bottom: 30px;
}
.listing-style1.cruise .time>div>div {
padding-left: 30px;
}
.action a.button {
width: auto;
text-align: center;
}
.five-stars-container {
display: inline-block;
position: relative;
font-family: 'FontAwesome';
font-size: 14px;
text-align: left;
cursor: default;
white-space: nowrap;
line-height: 1.2em;
color: #dbdbdb
}
.five-stars-container .five-stars,
.five-stars-container.editable-rating .ui-slider-range {
display: block;
overflow: hidden;
position: relative;
background: #fff;
padding-left: 1px
}
.five-stars-container .five-stars:before,
.five-stars-container.editable-rating .ui-slider-range:before {
content: "\f318\f318\f318\f318\f318";
color: #66a91e;
}
.five-stars-container .five-stars.transparent-bg,
.five-stars-container.editable-rating .ui-slider-range.transparent-bg {
background: none
}
.five-stars-container:before {
display: block;
position: absolute;
top: 0;
left: 1px;
content: "\f318\f318\f318\f318\f318";
z-index: 0
}
.checkbox2-label {
color: #fff;
}
#login .profile-login {
background: #083063;
margin: auto;
width: 442px;
max-width: 100%;
padding-bottom: 20px;
}
.check-box-2 {
display: inline-block;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
width: 50%;
}
.nav-tabs>li>a {
margin-right: 0;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
color: #fff;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 0;
border-bottom-color: transparent;
}
.nav-tabs>li>a {
margin-right: -5px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
font-size: 30px;
}
.login-div {
overflow: hidden;
box-shadow: 2px 2px 40px #cecece;
padding: 15px;
min-height: 350px;
}
.register-id {
padding: 15px;
box-shadow: 2px 2px 40px #cecece;
min-height: 350px;
}
.input-box {
position: relative;
overflow: hidden;
margin-bottom: 5px;
}
.input-box span {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
}
/*Default Accordion*/
.faq-wrap .default-accordion:last-child {
margin: 0 0 30px;
}
.faq-wrap .default-accordion:last-child .text:last-child {
margin: 0 0 0px;
}
.default-accordion {
float: none;
width: 100%;
position: relative;
margin: 0 0 5px 0;
}
.default-accordion .accordion {
cursor: pointer;
font-size: 26px;
position: relative;
text-transform: capitalize;
border-bottom: dashed 1px #ccc;
padding: 15px 0px;
}
.default-accordion .accordion-open {
cursor: no-drop;
}
.default-accordion .accordion::before {
top: 0;
right: 0;
bottom: 0;
left: auto;
height: 100%;
color: #1f2746;
font-size: 36px;
content: "\f165";
line-height: 70px;
position: absolute;
text-align: center;
font-family: 'fontawesome';
}
.default-accordion .accordion-open.accordion::before {
content: "\f167";
}
.default-accordion .text {
margin: 0 0 18px;
padding: 24px 0 0;
}
.default-accordion .text p {
margin: 0 0 16px;
}
.default-accordion .text p:last-child {
margin: 0 0 0px;
}
/*
activities
*/
.topsortby {
display: block;
overflow: hidden;
}
.topsortby span.label {
line-height: 50px;
font-weight: 500;
font-size: 16px;
color: #000;
}
.act-content-right {
float: right;
height: 100%;
padding: 30px;
border-left: 1px solid #e8e8e8;
}
.act-content-right h4 span{
font-size: 14px;
font-weight: 300;
}
.act-content-right .feedback{
padding: 20px 0;
}
.act-content-left {
padding: 22px;
}
.rightcontent {
box-shadow: 2px 2px 40px #cecece;
padding: 15px;
}
.activity-contnet {
box-shadow: 2px 2px 40px #cecece;
overflow: hidden;
margin-bottom: 30px;
}
.activity-tabs .nav-tabs>li {
width: auto;
}
.activity-tabs .nav-tabs>li>a {
background-color: #66a91e;
color: #fff;
font-size: 18px;
}
.tab-pane iframe {
width: 100%;
min-height: 350px;
}
.tab-content4>.tab-pane,
.pill-content>.pill-pane {
display: none;
}
.tab-content4>.active,
.pill-content>.active {
display: block;
}
.tab-content4 {
background: #ffffff;
padding: 30px 0px 30px 0px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
color: #999;
}
.details-slider {
box-shadow: 2px 2px 40px #cecece;
padding: 15px;
}
.hpadding20 {
padding: 0px 20px 0px 20px;
}
.padding20 {
padding: 20px;
}
.bordertype1 {
height: 115px;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
text-align: center;
color: #999;
}
.bordertype2 {
height: 115px;
border-bottom: 1px solid #e7e7e7;
text-align: center;
color: #999;
padding: 20px;
}
.bordertype3 {
height: 80px;
border-bottom: 1px solid #e7e7e7;
text-align: center;
color: #999;
padding: 20px;
}
.bordertype5 {
border-right: 1px solid #e7e7e7;
color: #999;
}
.line3 {
background: #e8e8e8;
height: 1px;
margin: 0px 0 0px 0;
padding: 0;
display: block;
}
.line4 {
background: #e8e8e8;
height: 1px;
margin: 17px 0 15px 0;
padding: 0;
display: block;
}
.circlewrap {
width: 52px;
height: 52px;
margin: 0 auto;
position: relative;
}
.circlewrap span {
width: 23px;
height: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
position: absolute;
bottom: 0px;
right: -10px;
background: #66a91e;
color: #fff;
font-size: 11px;
padding-top: 3px;
}
ul.circle-list {
list-style: none;
padding-left: 0px;
}
.circle-list li {
float: left;
background: #fff;
width: 23px;
height: 23px;
color: #999999;
font-size: 11px;
border: 2px solid #e7e7e7;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
padding-top: 3px;
padding-left: 1px;
margin-left: 3px;
}
ul.jslidetext2 {
width: 100px;
list-style: none;
padding-left: 0px;
text-align: right;
margin: -5px auto 0 auto;
}
#c-carousel * {
font-family: Rubik, sans-serif;
font-size: 14px;
color: #333;
line-height: 22px;
}
button.prev2 {
width: 34px;
height: 55px;
float: left;
margin-left: 10px;
/* background: #15262f; */
position: absolute;
bottom: 40px;
left: -10px;
z-index: 100;
border: 0;
background: transparent;
}
.next2 {
width: 34px;
height: 55px;
float: right;
margin-right: 10px;
/* background: #15262f; */
position: absolute;
bottom: 40px;
right: -11px;
z-index: 100;
border: 0;
background: transparent;
}
.collapsebtn2 {
width: 100%;
height: 32px;
border: 0px solid black;
text-align: left;
padding-left: 20px;
padding-right: 20px;
color: #15262f;
font-size: 14px;
font-weight: 500;
background: #fff;
}
.act-details {
padding: 15px;
margin-top: 30px;
box-shadow: 2px 2px 40px #cecece;
}
.gridbtn {
width: 25px;
background: url('../images/grid-icon.png') #fff no-repeat scroll -2px 0px;
border: 2px solid #ebebeb;
padding: 5px 15px 5px 15px;
height: 34px;
color: #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s
}
.gridbtn:hover {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gridbtn.active {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px 0px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: not-allowed;
}
.listbtn {
width: 25px;
background: url('../images/grid-icon.png') #fff no-repeat scroll -2px -31px;
border: 2px solid #ebebeb;
padding: 5px 15px 5px 15px;
height: 34px;
color: #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s
}
.listbtn:hover {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.listbtn.active {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px -31px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: not-allowed;
}
.grid2btn {
width: 25px;
background: url('../images/grid-icon.png') #fff no-repeat scroll -2px -62px;
border: 2px solid #ebebeb;
padding: 5px 15px 5px 15px;
height: 34px;
color: #999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s
}
.grid2btn:hover {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.grid2btn.active {
background: url('../images/grid-icon.png') #fff no-repeat scroll -33px -62px;
color: #666;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: not-allowed;
}
/* --------------------------------------------------------
2. Start slider CSS
-----------------------------------------------------------*/
.main_slider_area {
font-family: "Rubik", serif;
padding-bottom: 90px;
position: relative;
margin-bottom: 50px;
}
/* --------------------------------------------------------
end slider CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
3. start hotel booking area CSS
-----------------------------------------------------------*/
.hotel_booking_area {
text-transform: uppercase;
z-index: 200;
}
body#home_two .hotel_booking_area {
bottom: 2%;
}
.picker-container {
display: none;
}
.hotel_booking {
background: #313a45 none repeat scroll 0 0;
font-family: "Rubik", sans-serif;
min-height: 94px;
padding: 26px 10px;
position: relative;
}
.room_book {
border-right: 1px solid #475362;
margin-right: 7%;
}
.room_book h6 {
color: #fff;
font-size: 15px;
font-weight: 600;
font-family: "Rubik", sans-serif;
}
.room_book p {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 25px;
margin: 0;
font-family: "Rubik", sans-serif;
}
form#form1 .form-group {
margin: 0;
}
.hotel_booking .input-group {
width: 100%;
}
.hotel_booking .input-group-addon,
.hotel_booking_area input#datepicker,
.hotel_booking_area input#datepicker1 {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #aab8ca;
outline: none;
}
.hotel_booking input[type="date"]::-webkit-calendar-picker-indicator {
color: #aab8ca;
font-size: 16px;
border:none;
}
.hotel_booking .input-group-addon {
padding: 0 0 0 10px;
display: none;
}
.hotel_booking_area ::-webkit-input-placeholder {
/* WebKit browsers */
color: #aab8ca;
}
.hotel_booking_area ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #aab8ca;
opacity: 1;
}
.hotel_booking_area input#datepicker,
.hotel_booking_area input#datepicker1,
.hotel_booking_area select#room,
.hotel_booking_area select#adult,
.hotel_booking_area select#child,
.hotel_booking_area select#bed {
font-size: 13px;
height: 37px;
padding: 0;
text-transform: uppercase;
width: 100%;
}
.hotel_booking_area select#room {}
.form-control:focus {
box-shadow: none;
}
.hotel_booking_area select {
-moz-appearance: none;
-webkit-appearance: none;
background: transparent none repeat scroll 0 0;
border: medium none;
color: #aab8ca;
outline: medium none;
font-family: "Rubik", sans-serif;
padding-left: 8px;
}
.hotel_booking_area select>option {
border: medium none;
margin: 0;
padding: 5px 5px 5px 15px;
}
.icon_arrow:after {
content: '\f107';
color: #aab8ca;
font-family: "FontAwesome";
font-size: 14px;
line-height: 42px;
position: absolute;
right: 9%;
top: -6%;
z-index: 1;
}
/* --------------------------------------------------------
end hotel booking area CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
4. start special offer CSS
-----------------------------------------------------------*/
.special_offer_main {
height: 276px;
position: absolute;
right: 0;
top: 100%;
width: 223px;
z-index: 11;
}
/* --------------------------------------------------------
end special offer CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
5. start welcome area CSS
-----------------------------------------------------------*/
.welcome .section_description {
padding: 0 20% 43px;
text-align: center;
}
.welcome .section_description p {
font-size: 16px;
font-family: 'Rubik', sans-serif;
}
.welcome .room_media,
.accomodation_single_room .room_media,
body#room_detail_page .welcome .room_media {
margin-bottom: 28px;
text-align: center;
}
.single_room_wrapper .trvl-overlay,
body#accomodation_page .single_room_wrapper .trvl-overlay {
overflow: visible;
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.single_wrapper_details,
body#accomodation_page .single_wrapper_details {
background: #62ac1e none repeat scroll 0 0;
height: 100%;
width: 100%;
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
-webkit-display: block;
padding: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.single_wrapper_details,
body#accomodation_page .single_wrapper_details {
display: none;
}
}
.single_room_wrapper .trvl-overlay:hover .single_wrapper_details,
body#accomodation_page .single_room_wrapper .trvl-overlay:hover .single_wrapper_details {
display: block;
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.single_room_wrapper .trvl-overlay:hover .left_room_title a.btn,
body#accomodation_page .single_room_wrapper .trvl-overlay:hover .left_room_title a.btn {
background: #62ac1e none repeat scroll 0 0;
color: #fff;
}
.single_wrapper_details .single_wrapper_details_pad,
body#accomodation_page .single_wrapper_details .single_wrapper_details_pad {
height: 100%;
width: 100%;
}
.single_wrapper_details h5,
body#accomodation_page .single_wrapper_details h5 {
color: #000;
font-size: 18px;
font-family: "Rubik", serif;
text-transform: none;
}
.single_wrapper_details p,
body#accomodation_page .single_wrapper_details p {
color: #fff;
font-size: 15px;
}
.single_room_wrapper,
body#accomodation_page .single_room_wrapper {
overflow: hidden;
}
.single_wrapper_details .single_room_cost p,
body#accomodation_page .single_wrapper_details .single_room_cost p {
font-size: 18px;
margin-bottom: 0;
margin-top: 18px;
font-family: "Rubik", serif;
}
.single_wrapper_details .single_room_cost p span,
body#accomodation_page .single_wrapper_details .single_room_cost p span {
font-size: 11px;
}
.single_wrapper_details .single_room_cost .btn,
body#accomodation_page .single_wrapper_details .single_room_cost .btn {
border: none;
border: 1px solid #fff;
color: #fff;
margin-bottom: -74px;
margin-right: -23px;
}
.single_wrapper_details .single_room_cost .btn:hover,
body#accomodation_page .single_wrapper_details .single_room_cost .btn:hover {
background: #444;
color: #fff;
}
.welcome .room_media a,
.accomodation_single_room .room_media a {
display: block;
}
.welcome .left_room_title>h6,
.accomodation_single_room .left_room_title>h6 {
font-family: "Rubik", serif;
font-size: 18px;
text-transform: none;
}
.welcome .left_room_title>p,
.accomodation_single_room .left_room_title>p {
font-family: "Rubik", serif;
font-size: 18px;
}
.welcome .left_room_title>p>span,
.accomodation_single_room .left_room_title>p>span {
font-size: 11px;
}
/* --------------------------------------------------------
end welcome area CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
8. start Hotel Facilities area CSS
-----------------------------------------------------------*/
.hotel_facilities_area {
background: url(../images/hotel-facilities-bg.jpg) no-repeat fixed 0 0;
background-size: cover;
background-position: fixed;
}
.hotel_facilities {
padding-bottom: 143px;
padding-top: 123px;
}
.hotel_facilities .nav.nav-tabs {
border: medium none;
margin: 0 auto;
text-align: center;
}
.hotel_facilities_content .nav-tabs>li{
display:flex;
width: auto;
}
.hotel_facilities_content .nav-tabs>li>a {
background: #eeefed none repeat scroll 0 0;
border: medium none;
border-radius: 0;
height: 100px;
margin: 0;
width: 129px;
text-transform: uppercase;
padding: 10px 14px;
font-size: 12px;
color: #222;
}
.hotel_facilities_content .nav-tabs>li.active>a {
background: #fff;
}
.hotel_facilities_content .nav.nav-tabs>li>a>img {
display: block;
margin: 12px auto 10px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a>img {
color: #62ac1e;
cursor: pointer;
border: none;
background:#eeefed;
opacity: .8;
}
.hotel_facilities_content .tab-content {
background: #fff none repeat scroll 0 0;
padding: 55px;
}
.hotel_facilities_content .single-tab-details {}
.hotel_facilities_content .single-tab-details>h6 {
font-family: "Rubik", sans-serif;
margin-bottom: 14px;
margin-top: 14px;
}
.hotel_facilities_content .single-tab-details>h3 {
margin-bottom: 27px;
}
.hotel_facilities_content .single-tab-details>p {
line-height: 25px;
margin-bottom: 20px;
margin-top: 0;
}
.hotel_facilities_content .our_services {
padding-top: 3px;
}
.hotel_facilities_content .our_services>a {
color: #16b4ef;
text-transform: uppercase;
}
/* --------------------------------------------------------
end Hotel Facilities area CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
11. start contact us area CSS
-----------------------------------------------------------*/
.contact_us {
background: #62ac1e;
padding: 25px 35px;
}
.contact_us a,
.contact_us h6,
.contact_us p {
color: #fff;
}
.contact_us a:hover {
color: #313a45;
}
.contact_us h6 {
font-family: 'Rubik', sans-serif;
}
.contact_us p {
font-size: 20px;
margin: 0;
margin-top: 5px;
line-height: 22px;
font-family: "Rubik", serif;
}
.contact_us .news_letter>input {
background: #62ac1e none repeat scroll 0 0;
border: 0;
padding: 14px 3px;
border-bottom: 1px solid #fff;
width: 100%;
position: relative;
line-height: 20px;
outline: none;
font-family: 'Rubik', sans-serif;
text-transform: uppercase;
font-size: 14px;
}
.contact_us .news_letter>a.btn-blue {
position: absolute;
right: 5%;
top: 12%;
}
.contact_us ::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
.contact_us ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.contact_us .social_icons {
padding: 11px 24px;
}
.contact_us .social_icons ul,
body#about_us_page .single_staff .social_icons ul,
body#staff_page .single_staff .social_icons ul {
margin: 0;
padding: 0;
list-style: none;
}
.contact_us .social_icons ul li,
body#about_us_page .single_staff .social_icons ul li,
body#contact_us_page .social_icons>ul>li,
body#staff_page .social_icons>ul>li {
float: left;
}
.contact_us .social_icons ul li a {
padding-left: 15px;
}
.contact_us .social_icons ul li a i,
body#contact_us_page .social_icons>ul>li>i {
font-size: 30px;
}
/* --------------------------------------------------------
end contact us area CSS
-----------------------------------------------------------*/
.trvl-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.contact-socials ul{
padding-left: 15px;
}
.trvl-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff
}
.trvl-overlay-panel.uk-flex>*>:last-child,
.trvl-overlay-panel>:last-child {
margin-bottom: 0
}
.trvl-overlay-panel h1,
.trvl-overlay-panel h2,
.trvl-overlay-panel h3,
.trvl-overlay-panel h4,
.trvl-overlay-panel h5,
.trvl-overlay-panel h6 {
color: inherit
}
.trvl-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.trvl-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
color: inherit
}
.trvl-overlay-active :not(.uk-active)>.trvl-overlay-panel:not(.uk-ignore),
.trvl-overlay-hover:not(:hover):not(.uk-hover) .trvl-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.trvl-overlay-image {
padding: 0
}
.trvl-overlay-top {
bottom: auto
}
.trvl-overlay-bottom {
top: auto
}
.trvl-overlay-left {
right: auto
}
.trvl-overlay-right {
left: auto
}
.trvl-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.trvl-overlay-blur,
.trvl-overlay-fade,
.trvl-overlay-grayscale,
.trvl-overlay-scale,
.trvl-overlay-spin,
[class*=uk-overlay-slide] {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity transform filter
}
.trvl-overlay-active .trvl-overlay-fade,
.trvl-overlay-active .trvl-overlay-scale,
.trvl-overlay-active .trvl-overlay-spin,
.trvl-overlay-active [class*=uk-overlay-slide] {
transition-duration: .8s
}
.trvl-overlay-fade {
opacity: .7
}
.trvl-overlay-active .uk-active>.trvl-overlay-fade,
.trvl-overlay-hover:hover .trvl-overlay-fade {
opacity: 1
}
.trvl-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1)
}
.trvl-overlay-active .uk-active>.trvl-overlay-scale,
.trvl-overlay-hover:hover .trvl-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.trvl-overlay-spin {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg)
}
.trvl-overlay-active .uk-active>.trvl-overlay-spin,
.trvl-overlay-hover:hover .trvl-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.trvl-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.trvl-overlay-active .uk-active>.trvl-overlay-grayscale,
.trvl-overlay-hover:hover .trvl-overlay-grayscale {
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
[class*=uk-overlay-slide] {
opacity: 0
}
.trvl-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.trvl-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.trvl-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.trvl-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.trvl-overlay-active .uk-active>[class*=uk-overlay-slide],
.trvl-overlay-hover:hover [class*=uk-overlay-slide] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.trvl-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .3);
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.trvl-overlay-toggle.uk-hover .trvl-overlay-area,
.trvl-overlay-toggle:hover .trvl-overlay-area,
.trvl-overlay.uk-hover .trvl-overlay-area,
.trvl-overlay:hover .trvl-overlay-area {
opacity: 1
}
.trvl-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.trvl-overlay-area:not(:empty) {
font-size: 0
}
.trvl-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.trvl-overlay-area-content {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff
}
.trvl-overlay-area-content>:last-child {
margin-bottom: 0
}
.trvl-overlay-area-content a:not([class]),
.trvl-overlay-area-content a:not([class]):hover {
color: inherit
}
.trvl-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, .5);
color: #fff;
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.trvl-overlay-toggle.uk-hover .trvl-overlay-caption,
.trvl-overlay-toggle:hover .trvl-overlay-caption,
.trvl-overlay.uk-hover .trvl-overlay-caption,
.trvl-overlay:hover .trvl-overlay-caption {
opacity: 1
}
/*----------------------------------------------------*/
/* Latest News area css
============================================================================================ */
.latest_news_area {
padding: 95px 0px;
}
.latest_news_area .sec_middle_title {
padding-bottom: 60px;
}
.latest_n_item .l_n_image {
position: relative;
overflow: hidden;
z-index: 3;
}
.latest_n_item .l_n_image:before {
content: "";
background: rgba(0, 0, 0, 0.4);
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.latest_n_item .l_n_image img {
max-width: 100%;
-webkit-transition: all 400ms linear 0s;
-o-transition: all 400ms linear 0s;
transition: all 400ms linear 0s;
}
.latest_n_item .l_n_image .date {
z-index: 3;
}
.latest_n_item .ctn_bx{
box-shadow: 0px 4px 16px 0px rgba(204,204,204,1);
padding: 20px;
}
.latest_n_item .ctn_bx h4 {
font-size: 18px;
line-height: 26px;
color: #242424;
font-weight: 500;
letter-spacing: .36px;
padding: 20px 0px 15px 0px;
}
.latest_n_item .ctn_bx p {
font-size: 15px;
line-height: 24px;
font-family: "Rubik", sans-serif;
letter-spacing: .30px;
padding-bottom: 20px;
}
.latest_n_item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.latest_n_item:hover:before {
opacity: 1;
}
.latest_n_item .date {
position: absolute;
left: 0px;
bottom: 0px;
background: #09357a;
text-align: center;
color: #FFF;
padding: 8px 20px;
border-radius: 0px;
border: 1px solid #FFF;
border-left: none;
}
.latest_n_item .date h5 {
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
letter-spacing: .66px;
padding-top: 0px;
line-height: 22px;
color: #fff;
}
.latest_n_item .date h5 span {
font-size: 16px;
line-height: 16px;
}
/* End Latest News area css
============================================================================================ */
.section-testimonials .fly-card {
margin-bottom: 0;
}
.section-testimonials .boxed {
padding: 30px;
}
.testimonial-5{
background-image: url(../images/testimonials.jpg);
}
.testimonial-5 .testi-details{
background: transparent;
}
.fly-card .boxed {
background-color: #fff;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
-webkit-transition: box-shadow 0.1s;
-moz-transition: box-shadow 0.1s;
-o-transition: box-shadow 0.1s;
-ms-transition: box-shadow 0.1s;
transition: box-shadow 0.1s;
}
.testimonials-slider .testimonial-quote {
font-style: italic;
color: #4b4b4b;
line-height: 2;
padding-top: 5px;
margin-bottom: 1.4em;
min-height: 100px;
border: none;
}
.testimonials-slider .testimonial-author {
height: 64px;
padding: 12px 0 0 90px;
position: relative;
}
.testimonials-slider .testimonial-author .avatar {
width: 64px;
height: 64px;
position: absolute;
top: 0;
left: 0;
}
.testimonials-slider .testimonial-author .name {
font-size: 16px;
font-weight: 600;
color: #232829;
margin-bottom: .4em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.testimonials-slider .testimonial-author .job {
font-size: 14px;
color: #62ac1e;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.testimonials-slider .testimonial-quote::before {
content: "“ ";
}
.testimonials-slider .testimonial-quote::after {
content: " “";
}
.testimonials-slider .owl-controls .owl-buttons .owl-prev, .testimonials-slider .owl-controls .owl-buttons .owl-next {
top: auto;
left: auto;
right: 40px;
bottom: 0;
margin-top: 0;
border-radius: 50%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* Owl Slider Basics */
/*-----------------------------------*/
.owl-carousel {
display: block;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 0.5s ease-in-out;
-moz-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out;
-ms-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper:before,
.owl-carousel .owl-wrapper:after {
content: '';
display: table;
}
.owl-carousel .owl-wrapper:after {
clear: both;
}
.owl-carousel .owl-item {
float: left;
}
/*
.owl-carousel .owl-item.loading {
min-height: 150px;
background: url('images/AjaxLoader.gif') no-repeat center center;
}
*/
.owl-carousel .owl-controls {
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 479px) {
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
width: 30px;
}
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before,
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\f111';
font-family: 'fontawesome';
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: 'liga';
font-feature-settings: "liga" 1;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: -12%;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:active,
.owl-carousel .owl-controls .owl-buttons .owl-next:active {
background-color: rgba(35, 40, 41, 0.06);
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
left: auto;
right: 0;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: '\f112';
}
.owl-carousel .owl-controls .owl-pagination {
position: absolute;
left: 0;
right: 0;
bottom: -60px;
}
.owl-carousel .owl-controls .owl-page {
display: inline-block;
cursor: pointer;
}
.owl-carousel .owl-controls .owl-page span {
display: block;
width: 20px;
height: 5px;
margin: 10px 5px;
background: #c2c2c2;
border-radius: none;
}
.owl-carousel .owl-controls .owl-page.active span {
width: 35px;
height: 5px;
margin: 10px 5px;
background: #62ac1e;
border-radius: none;
}
.owl-carousel .owl-controls .owl-page.owl-numbers {
width: auto;
height: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
border-radius: 30px;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* insurance service */
.insurance-service-sec{
padding: 70px 0;
}
.insurance-serive{
text-align: center;
border:1px solid #777;
padding:20px 15px;
}
.insurance-serive i{
font-size: 60px;
}
/*----- count down----*/
.comming-pg {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
}
.comming-pg figure img{
margin: 0 auto;
display: inherit;
}
.count-down {
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
margin: 30px 0px;
}
.count-down>div {
border: 2px solid #fff;
padding: 15px 0;
width: 120px;
text-align: center;
text-transform: uppercase;
line-height: 1;
position: relative;
font-size: 24px;
}
.landing-pg .count-down {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.landing-pg .count-down>div, .furniture-offer .count-down>div{
border: 0;
padding: 0;
}
.count-down .time {
display: block;
padding-bottom: 5px;
font-weight: 700;
}
.sidebar-offer .count-down>div {
border: 0;
padding: 10px 0;
font-size: 12px;
}
span.coln {
font-size: 23px;
}
.sidebar-offer span.coln {
font-size: 18px;
position: relative;
top: -8px;
}
.lingarie-offer .count-down {
width: 75%;
margin: 0 0 40px;
}
.social {
margin: 0;
padding: 0;
text-align: center;
}
.social li {
display: inline-block;
list-style: none;
margin: 0 0 0 3px;
font-size: 13px;
}
/*.social li a {
border: 1px solid #ffffff;
display: block;
width: 30px;
height: 30px;
text-align: center;
color: #ffff;
line-height: 2;
}*/
.social li a:hover {
border-color: transparent;
transform: translateY(-2px);
}
.social.share li a {
border: 0;
padding: 5px;
width: initial;
height: initial;
line-height: initial;
}
/*Confirmation*/
.booking-confirmation {
list-style: none;
padding-left: 0;
}
.trvl-sm{
display: inline-block;
}
.d-flex span{
float: right;
}
.card{
display: inline;
}
.d-flex{
padding: 10px 0;
}
.trvl-info{
margin: 10px 0;
}
.trvl-btn{
margin: 10px 0;
}
.trvl-info ul{
padding-left: 0;
list-style: none;
}
.trvl-bold{
font-weight: 700;
}
/* search overlau*/
/* The overlay effect with black background */
/* The content */
.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
display: inline-block;
}
/* Close button */
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
}
/* Style the search field */
.overlay .overlay-content{
display: inherit;
}
.overlay input[type=text] {
padding: 7px 15px;
font-size: 27px;
border: none;
float: left;
width: 80%;
background: white;
}
.overlay_home1 input[type=text] {
padding:15px;
font-size: 16px;
border: none;
float: left;
width: 80%;
background: white;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
/* Style the submit button */
.overlay button {
float: left;
width: 20%;
padding: 10px;
font-size: 17px;
border: none;
cursor: pointer;
}
.overlay button:hover {
background: #bbb;
}
/*!
* Slider for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 80% !important;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 3px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
border-bottom-color: #0480be;
margin-top: 0;
}
.slider.slider-vertical {
height: 210px;
width: 20px;
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
margin-left: -5px;
left: 50%;
top: 0;
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0;
}
.slider.slider-vertical .slider-handle {
margin-left: -5px;
margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
border-left-color: #0480be;
margin-left: 0;
}
.slider input {
display: none;
}
.slider .tooltip-inner {
white-space: nowrap;
}
.slider-track {
position: absolute;
cursor: pointer;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.slider-selection {
position: absolute;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.slider-handle {
position: absolute;
width: 15px;
height: 15px;
background-color: #777777;
background-image: -moz-linear-gradient(top, #777777, #333333);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#333333));
background-image: -webkit-linear-gradient(top, #777777, #333333);
background-image: -o-linear-gradient(top, #777777, #333333);
background-image: linear-gradient(to bottom, #777777, #333333);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
opacity: 0.8;
border: 0px solid transparent;
}
.slider-handle.round {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.slider-handle.triangle {
background: transparent none;
}
.rangeslider .left{
margin-top: 30px;
left: -10px;
}
/***
====================================
scroll down animation
====================================
**/
.arrow {
text-align: center;
margin: 8% 0;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
/*
================================
================================
*/
.brands-carousel .border-box{
border:1px solid #c1c1c1;
padding: 20px 0;
}
.brands-carousel{
padding: 100px 0 0 ;
}
.inline h2{
display: inline-block;
}
.inline ul li ins{
text-decoration: none;
font-size: 18px;
font-weight: 500;
}
.inline ul li:hover ins{
color: #62ac1e;
}
.about-section{
padding: 50px;
background-color: #f5f5f5;
position: relative;
width: 100%;
overflow: hidden;
background-size: 100% auto;
}
.deals-list li{
font-size: 20px;
margin-bottom: 20px;
}
.deals-list li a{
display: table-cell;
}
.deals-list li .table-cell {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
line-height: 1.5;
color: #fff;
}
.clr-777{
color: #777;
}
.index-3-footer ul {
padding:0;
}
.index-3-footer ul li{
margin-top: 10px;
display: inline-block;
}
.index-3-footer ul li a{
font-size: 26px;
color: #fff;
padding-right: 20px;
}
.index-3-footer ul li a:hover{
font-size: 26px;
color: #62ac1e;
}
.tour_booking .checkbox label, .radio label{
padding-left: 0;
}
.margin_left{
margin-left: 20px;
}
h3.wishlist{
color: #09357a;
line-height: 2;
}
h2.blue{
color: #09357a;
line-height: 2;
}
.checkbox label{
padding-left: 0;
}
.sidebar h3.form_title{
color: #333;
line-height: 60px;
font-size: 20px;
margin: 0 0 20px;
text-transform: uppercase;
text-align: center;
font-weight: 500;
}
.sidebar .roboto{
font-size: 16px;
color: #777;
line-height: 1.5;
}
.cars_chauffer .form-group .form-control{
padding: 10px 5px 14px 15px;
color: #bbb;
}
.cars_chauffer .form-group .form-control::placeholder{
color: #bbb;
}
.car_label{
margin-left: 30px;
color: #777;
font-size: 16px;
}
.checkbox span{
margin-left: 25px;
}
.review-rating .list-group-item{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border:none;
}
.sidebar .border_box{
padding: 30px ;
border:2px solid #eee;
}
.cat_cars span.badge{
display: inline-block;
min-width: 10px;
padding: 3px 10px;
font-size: 16px;
font-weight: normal;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: white;
border-radius: 10px;
color: #777;
}
.cat_cars .list-group-item{
border:none;
font-size: 16px;
font-weight: 500;
transition: .1s;
color: #777;
}
.cat_cars .list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.cat_cars .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.review-rating i{
font-size: 18px;
}
.review-rating input[type=checkbox], input[type=radio]{
margin-right: 20px;
}
#cars .review-rating input[type=checkbox], input[type=radio]{
margin-right: 20px;
vertical-align: super;
}
.review-rating .badge-pill{
font-size: 16px;
font-weight: 500;
font-family: "Roboto", sans-serif;
}
.cat_cars ul li{
font-size: 16px;
font-weight: 600;
font-family: "Roboto", sans-serif;
}
.review-rating .d-flex{
padding:5px 0;
}
.cat_cars ul li:hover{
margin-left: -10px;
}
.cat_cars ul li:hover span{
margin-right: -10px;
}
.login-form .clr-777{
color: #777;
font-size: 14px;
font-family: "Roboto",sans-serif;
line-height: 2;
}
.btm_padding{
padding-bottom: 130px;
}
.details-availabilty ul{
padding-left: 0;
}
.details-availabilty ul li:first-child{
padding-left: 0;
}
.details-availabilty ul li {
display: inline-block;
font-size: 18px;
padding:20px 10px;
font-family: "Rubik", sans-serif;
font-weight: 500;
}
.details-availabilty ul li a{
color: #222;
padding-right: 10px;
}
.date-box {
background: #fff;
width: 50px;
height: 50px;
border: 1px solid #ccc;
border-bottom: 5px solid #62ac1e;
text-align: center;
vertical-align: middle;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.51);
}
.date-box .default-bg{
width: 70px;
height: 5px;
}
.margin_btm{
margin-bottom: 10px;
}
.sections_padding{
padding:100px 0;
}
.margin_btm .para h3{
color: #333;
font-weight: 500;
line-height: 2;
}
.margin_btm .para p{
color: #777;
font-family: "Roboto", sans-serif;
}
.comment-form .form-control {
display: block;
border: 0px;
width: 100%;
height: 50px!important;
font-size: 16px;
line-height: 1.42857143;
color: #000;
background-color: transparent;
background-image: none;
border-radius: 0px;
box-shadow: none;
margin-bottom: 20px;
padding: 10px 5px 14px 15px;
border: 1px solid #ccc;
background: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.footer-widgets .widget h4{
text-transform: uppercase;
}
/*
==============================
Typography
==============================
*/
.typography-bg{
background-image: url("../images/typography-bg.jpg");
width: 100%;
background-size: cover;
height: 600px;
background-repeat: no-repeat;
background-position: center;
padding:150px 0 0;
}
.typography-bg h1{
color: #ffc000;
text-align: right;
position: absolute;
}
.color-picker h1{
color: #09357a;
line-height: 2;
}
.color-picker .color-1{
width: 50px ;
height: 50px;
background-color: #bf1b19;
}
.color-picker .color-2{
width: 50px ;
height: 50px;
background-color: #09357a;
}
.color-picker .color-3{
width: 50px ;
height: 50px;
background-color: #62ac1e;
}
.color-picker .color-4{
width: 50px ;
height: 50px;
background-color: #ffc000;
}
.color-picker .color-5{
width: 50px ;
height: 50px;
background-color: #fcff00;
}
.color-picker .color-6{
width: 50px ;
height: 50px;
background-color: #333333;
}
.color-picker .color-7{
width: 50px ;
height: 50px;
background-color: #777777;
}
.color-picker .color-8{
width: 50px ;
height: 50px;
background-color: #bbbbbb;
}
.color-picker .color-9{
width: 50px ;
height: 50px;
background-color: #dddddd;
}
.color-picker .color-10{
width: 50px ;
height: 50px;
background-color: #f5f5f5;
}
.color-picker .color-11{
width: 50px ;
height: 50px;
background-color: #f7f7f7;
}
.color-picker .color-12{
width: 50px ;
height: 50px;
background-color: #ffffff;
}
.google_fonts ul{
padding-left:0;
}
.google_fonts h1{
font-family: "Rubik", sans-serif;
color: #09357a;
font-weight: 500;
line-height: 2;
}
.googlefonts ul li{
list-style: none;
padding:10px 0;
font-size: 18px;
color: #777;
font-family: "Roboto", sans-serif;
}
.fontstyle ul li{
list-style: none;
padding:17px 0;
font-size: 18px;
color: #777;
font-family: "Roboto", sans-serif;
}
.font-sizes{
padding-bottom: 40px;
}
.fontstyle{
height: 200px;
}
.fontstyle p{
color: #777;
}
.fontstyle h1{
line-height: 2;
}
.fontstyle h3{
color: #777;
}
.Bredcrumb{
padding: 0 0 100px;
}
.Bredcrumb h1.title{
color: #09357a;
line-height: 2;
}
.Bredcrumb h1.sub-title{
color: #777;
font-size: 150px;
}
.Bredcrumb h5{
color: #777;
font-family: "Rubik", sans-serif;
}
.Bredcrumb h5.font-72{
font-size: 72px;
margin-bottom: 40px;
}
.Bredcrumb h5.font-60{
font-size: 60px;
margin-bottom: 40px;
}
.Bredcrumb h5.font-48{
font-size: 48px;
margin-bottom: 40px;
}
.Bredcrumb h5.font-44{
display: inline-block;
font-size: 44px;
margin-bottom: 40px;
}
.Bredcrumb h5.font-36{
font-size: 36px;
display: inline-block;
margin-bottom: 40px;
margin-left: 60px;
}
.Bredcrumb h5.font-30{
font-size: 30px;
display: inline-block;
margin-bottom: 40px;
}
.Bredcrumb h5.font-24{
display: inline-block;
font-size: 24px;
margin-bottom: 40px;
margin-left: 80px;
}
.Button_style h1{
color: #09357a;
}
.btn_padding{
padding: 30px 0;
}
.Button_style a{
color: white;
}
.Button_style .btn{
margin-bottom: 40px;
margin-right:10px;
}
.Button_style .Button_1{
padding:12px 30px;
border-radius: 30px;
background-color: #62ac1e;
border:none;
}
.Button_style .Button_2{
padding:12px 30px;
border-radius: 30px;
background: #bf1b19;
overflow: hidden;
}
.Button_style .Button_2 span i{
color: #fff;
}
.Button_style .Button_3{
width: 40px;
}
.Button_style .Button_3{
padding:6px;
border-radius: 100px;
}
.Button_style .red{
background-color: #bf1b19;
border:none;
}
.Button_style .grey{
background-color: #ebebeb;
border:none;
}
.Button_style .grey i{
color: #7777;
}
.Button_style .Button_3 i{
font-size:24px;
text-align: center;
}
.Button_style .Button_4{
padding:12px 30px;
background-color: #fff;
border:1px solid #000;
color: #333;
border-radius: 30px;
}
.Button_style .Button_5{
padding:12px 40px;
background-color: #bf1b19;
border:none;
color: #ffff;
border-radius: 30px;
}
.Button_style .Button_6{
padding:12px 40px;
background-color: #bf1b19;
border:none;
color: #ffff;
border-radius: 30px;
}
.activity-tabs .nav-tabs .active{
background-color: #3e3e3e;
color: #66a91e;
}
.hotel_facilities_content .nav-tabs .active{
color: #62ac1e;
background-color: #3e3e3e
}
.Button_style .Button_7{
padding:12px 30px;
background-color: #09357a;
border:none;
border-radius: 0;
color: #ffff;
}
.Button_style .Button_8{
padding:12px 25px;
background-color: #bf1b19;
border:none;
border-radius: 0;
color: #ffff;
}
.Button_style .Button_9{
padding:8px 25px;
background-color: #fdfdfd;
border:none;
border-radius: 0;
color: #333;
}
.Button_style .Button_10{
padding:12px 25px;
background-color: #62ac1e;
border:none;
border-radius: 0;
color: #ffff;
}
.Button_style .Button_11{
padding:12px 25px;
background-color: #fdfdfd;
border:1px solid #000;
border-radius: 0;
color: #bf1b19;
}
.Button_style .Button_12{
padding:10px 25px;
background-color: #FDFDFD;
border:1px solid #62ac1e;
border-radius: 0;
color: #62ac1e;
}
.Button_style .Button_13{
height: 50px;
width: 150px;
background-color: #FDFDFD;
border:1px solid #7777;
border-radius: 0;
color: #777;
margin-bottom: 0;
}
.Button_style .Button_14{
height: 50px;
width: 300px;
background-color: #FDFDFD;
border:1px solid #7777;
border-radius: 0;
color: #ffc411;
margin-bottom: 0;
}
.Button_style .Button_15{
height: 50px;
width: 380px;
background-color: #62ac1e;
border:1px solid #62ac1e;
border-radius: 0;
color: #ffff;
margin-bottom: 0;
}
.Button_style .Button_16{
width: 50px;
height: 80px;
background-color: #bf1b19;
border:1px solid #bf1b19;
border-radius: 0;
color: #ffff;
margin-bottom: 0;
}
/* End Typography */
.cruise-area .form-group select{
background-color: #fff;
padding: 10px;
color: #bbb;
}
.flight-area .form-group select{
background-color: #fff;
padding: 10px;
color: #bbb;
}
.flight-area .form-group .form-control{
color: #bbb;
}
.widget .rubik{
font-family: "Rubik", sans-serif;
font-size: 36px;
color: #09357a
}
.widget p{
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #7777;
}
.typography_footer .widget{
padding: 20px;
}
.typography_footer_btm{
background: #333;
padding: 16px 0px;
}
.typography_footer_btm h6{
font-family: "Roboto",sans-serif;
}
.offers_para{
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom:50px;
}
.footer_padding{
padding: 40px 0 0;
}
.owl-brands .owl-prev{
position: absolute;
left: -25px;
top: 45px;
z-index: 999;
background-color: #ffff;
}
.owl-brands .owl-controls .owl-buttons .owl-next{
position: absolute;
right: -25px;
top: 45px;
z-index: 999;
background-color: #ffff;
}
.owl-brands .owl-controls .owl-buttons div{
background-color: #fff;
}
.owl-brands .owl-controls{
margin-top: 0;
}
.single-place img{
width: 100%;
}
.details-sec .single-place{
padding: 0;
}
.details-sec .owl-carousel .owl-controls .owl-buttons .owl-next{
position: absolute;
right: 0;
margin: 0;
top: 40%;
width: 50px;
height: 120px;
background-color: rgba(0,0,0,0.71);
border:none;
color: #fff;
}
.details-sec .owl-carousel .owl-controls .owl-buttons .owl-prev{
position: absolute;
left: 0;
margin: 0;
top: 40%;
width: 50px;
height: 120px;
background-color: rgba(0,0,0,0.71);
border:none;
color: #fff;
transition: .5;
}
.details-sec{
padding: 150px 0 0;
}
.dropdown .dropdown-submenu .caret {
border: 4px solid transparent;
border-left-color: #777;
float: right;
margin-top: -16px!important;
display: block;
}
.dropdown .dropdown-menu .caret {
position: absolute;
right: 10px;
border: 4px solid transparent;
border-left-color: #777;
float: right;
margin-top: 6px;
}
/*
================================
================================
*/
.form-icons{
position: relative;
}
.form-icons span{
position: absolute;
right: 15px;
top: 15px;
font-size: 20px;
cursor: pointer;
}
.subscribe .submit_news{
font-size: 15px;
font-family: "Rubik", sans-serif;
padding: 11px 20px;
width: 150px;
height: 50px;
}
.zero_margin{
margin: 0;
}
.about-section h5{
font-size: 16px;
text-transform: uppercase;
}
.tp-caption a.index3-btn{
background: #093479;
color: #ffffff;
padding: 20px 40px;
text-transform: capitalize;
border:1px solid #093479;
font-family: "Rubik", sans-serif;
}
.tp-caption a.index3-btn:hover{
background: #ffffff;
color: #093479;
}
.tp-leftarrow{
left: -20px !important;
}
.tp-rightarrow{
top: 50%;
left: 101.4% !important;
}
/* --------------------------------------------------------
2:- Owl Carousel
-----------------------------------------------------------*/
.owl-carousel img.testi-clinetimg{
position: absolute;
right: 30px;
top: 90%;
width: auto;
}
.owl-carousel img.review-clinetimg{
position: absolute;
right: 30px;
top: 90%;
width: auto;
}
.company-logo-area .item_inner img{
width: 150px;
}
/*----- Owl Nav -------*/
.owl-carousel .owl-nav{
position: absolute;
right: 0;
top: -70px;
}
.owl-carousel .owl-nav button{
width: 30px;
height: 30px;
margin: 5px;
}
.owl-carousel .owl-nav button.owl-next{
font-size: 20px;
border:1px solid #62ac1e;
color: #62ac1e;
font-weight: 300;
}
.owl-carousel .owl-nav button.owl-prev{
font-size: 20px;
border:1px solid #62ac1e;
color: #62ac1e;
font-weight: 300;
}
.owl-carousel .owl-dot{
width: 35px;
height: 5px;
background-color: #c1c1c1;
}
/*----- Owl Dots -------*/
.owl-carousel .owl-dots{
text-align: center;
}
.owl-carousel button.owl-dot{
width: 20px;
height: 5px;
background-color: #c2c2c2;
margin: 0px 3px;
outline: none;
}
.owl-carousel .owl-dot.active{
width: 40px;
height: 5px;
background-color: #62ac1e;
border-radius: 5px;
outline: none;
}
.owl-brands.owl-carousel .owl-dots{
display: none;
}
.owl-brands.owl-carousel .owl-nav{
display: block;
position: relative;
}
.owl-brands.owl-carousel .owl-nav .owl-next{
position: absolute;
right: -20px;
top: 0;
z-index: 99;
background-color: #ffffff;
}
.owl-brands.owl-carousel .owl-nav .owl-prev{
position: absolute;
left: -20px;
top: 0;
z-index: 999;
background-color: #ffffff;
}
.testimonial-list.owl-carousel .owl-dots{
display: block;
margin-top: 40px;
}
.tour-list.owl-carousel .owl-nav{
display: block;
}
.tour-list.owl-carousel .owl-nav{
position: absolute;
right: 0;
top: -90px;
}
.blog-slider1.owl-carousel .owl-nav{
top: 30px;
display: block;
position: relative;
text-align: center;
margin-left: -30px;
}
.blog-slider2.owl-carousel .owl-nav{
top: 30px;
display: block;
position: relative;
text-align: center;
margin-left: -30px;
}
footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.list-inline {
display: flex;
}
.maling-lst{
margin:auto;
}
.form-inline{
display: block;
}
.fade {
opacity: 1!important;
}
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
width: 100%;
}
.input-group {
display: inline-block;
}
.caro {
display: block;
}
.navbar-toggler {
position: absolute;
float: right;
right: 0px;
top: -83px;
}
.togle-br{
position: inherit;
float: right;
right: 0px;
top: 0;
margin-left: auto;
}
.btn.btn-primary{
margin-top: 8px;
margin-left: 8px;
margin-bottom: 10px;
}
.navbar-nav .dropdown-menu {
/* position: absolute;*/
float: none;
}
.ind-shoptoggle{top: 0;}
.btnind4 h5{
font-size: 17px;
}
.usd li{
display: block!important;
}
.groupindex{
display: inline-flex;
}
.glrnav li a{
padding: 0 6px;
}
.acttivitiesbtn{
margin-bottom: 10px;
}
.bookingdet-form .form-group>* {
display: block;
}
.contact-padd-top{
margin-top: 20px;
}
.color-black{
color: black;
}
.color-white{
color: white;
}
.gallery-bottom{
margin-bottom: 30px;
}
.paralax{
background-image: url("../images/paralax.jpg");
height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.overlay-offer:hover {
background: linear-gradient( #ff06 , #ff000061);
}
.min_img:hover {
background: linear-gradient( #ff06 , #ff000061);
}
.section-paddings{
padding: 50px 0px 50px 0px;
}
.section-padding-comment{
padding: 15px 0px 50px 0px;
}
.top-bar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.top-bar li {
float: left;
}
.top-bar .img {
padding: 0px 0px 0px 0px;
width: 60%;
}
.top-bar-mobile {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width 115px;
float:right;
margin-right: 30px;
}
.top-bar-mobile li {
float: left;
}
.top-bar-mobile .img {
padding: 0px 0px 0px 0px;
width: 50%;
}
.marging-top-lan{
padding-top: 4px;
}
.inq{
font-size: 14px;
font-weight: 500;
margin-right: 10px;
border: 1px solid #62ac1e !important;
border-radius: 20px;
padding: 5px;
padding: 4px 10px;
background: linear-gradient( #ff06 , #ff000061) !important;
}
.inq:hover{
background: transparent !important;
}
.inner-page-htop-c{
background-color: rgba(255, 255, 255,0.6);
}
.menu-bg .inner-page-htop-c{
background-color: #fff;
}
.m-top{
margin-top: 8px;
}
.m-top-2{
margin-top: 15px;
}
.m-comment{
margin-left:10px;
}
////
a {
outline: none;
color: #3498db;
text-decoration: none;
}
a:hover,
a:focus {
color: #528cb3;
}
section.team { }
.grid {
display: block;
margin: 0 auto;
width: 100%;
padding-left: 0;
font-size: 0;
text-align: center;
}
.grid figure {
margin: 0.1em;
width: 340px;
height: 240px;
background: #3085a3;
display: inline-block;
position: relative;
overflow: hidden;
text-align: center;
}
/* Common style */
.grid figure img {
position: relative;
display: block;
opacity: 0.8;
height: 240px;
@media(max-width: 1260px) {
height: 270px;
}
}
.grid figure figcaption {
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figcaption h2 {
text-transform: uppercase;
word-spacing: -0.15em;
font-weight: 300;
margin: 1em;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
margin: 1em;
}
.grid figure h2 span {
font-weight: 800;
}
figure.effect-steve {
z-index: auto;
background: #000;
}
figure.effect-steve:before {
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
opacity: 0;
}
figure.effect-steve figcaption {
z-index: 1;
}
figure.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0);
}
figure.effect-steve h2,
figure.effect-steve p {
color: #2d434e;
}
figure.effect-steve .cl{
background: #f1f1f1;
}
figure.effect-steve h2 {
position: absolute;
padding: 0.25em;
bottom: 10px;
width: 100%;
}
figure.effect-steve p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-steve:hover:before {
opacity: 1;
}
figure.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px);
}
figure.effect-steve:hover h2:before {
opacity: 0;
}
figure.effect-steve:hover p {
background: linear-gradient( #ffff00bd , #ff0000b8);
opacity: 1;
color:white;
}
.grid figure,
figcaption,
img {
z-index: 0;
}
.grid figure figcaption h2 {
font-size: 24px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.grid figure figcaption h2:hover {
background: linear-gradient( #ffff00bd , #ff0000b8);
color:white;
}
.grid figcaption p {
font-size: 16px;
font-weight: 200;
position: absolute;
bottom: 0;
margin: 0;
height: 25%;
}
figure:hover h2 {
background: #f1f1f1;
transition: transform 0.35s;
transform: translateY(-2.5em);
}
h1.slogan {
text-align: center;
background-color: #2d434e;
font-weight: 100;
margin: 0;
padding: 20px;
}
.cl:hover{
background: linear-gradient( #ff06 , #ff000061);
}
.contact-padd-top-2{
margin-top: 35px;
}
/*mobile navigation*/
.sidepanel {
width: 0;
position: fixed;
z-index: 99999 !important;
height: 100%;
top: 0;
right: 0;
background-color: #f6f6f6;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidepanel a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 20px;
color: #111;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #818181;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
}
.footer-contact-imgs{
margin-right: 8px;
margin-bottom: 20px !important;
}
.box-text{
font-size: 21px;
}
.top-bar-mobile-email{
float: left;
list-style: none;
}
.top-bar-mobile-email a{
color: #000;
}
.mobile-flag-container{
}
.top-bar-mobile-phone{
float: left;
list-style-type: none;
color: #fff;
}
.top-bar-mobile-phone a{
color: #fff;
}
.mobile-flags-container{
z-index: 999;
} |