.navbar.navbar-static .navbar-header {
float: left;
}
.navbar .navbar-toggle.toggle-left {
float: left;
margin-left: 15px;
}
.navbar .navbar-toggle.toggle-right {
float: right;
margin-right: 15px;
}
.navbar .navbar-toggle.toggle-sidebar,
[data-toggle="sidebar"] {
display: block;
} .row1 .sidebar {
position: fixed; 
display: block;
top: 100px;
bottom: 0;
z-index: 9999; max-height: none;
overflow: auto;
}
.sidebar-left {
left: 0;
}
.sidebar-right {
right: 0;
}
.sidebar-right2 {
right: 0;
} .row .sidebar.sidebar-left.sidebar-xs-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
} .row .sidebar.sidebar-right.sidebar-xs-show,
.row .sidebar.sidebar-right2.sidebar-xs-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (min-width: 768px) {
.row .sidebar.sidebar-left.sidebar-sm-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
} .row .sidebar.sidebar-right.sidebar-sm-show,
.row .sidebar.sidebar-right2.sidebar-sm-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@media (min-width: 992px) {
.row .sidebar.sidebar-left.sidebar-md-show {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
.row .sidebar.sidebar-right.sidebar-md-show,
.row .sidebar.sidebar-right2.sidebar-md-show {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@media (min-width: 1170px) {
.row .sidebar.sidebar-left.sidebar-lg-show {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.row .sidebar.sidebar-right.sidebar-lg-show,
.row .sidebar.sidebar-right2.sidebar-lg-show {
right: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
} .sidebar-animate {
-webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
} .sidebar.sidebar-left {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.sidebar.sidebar-right,
.sidebar.sidebar-right2 {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.sidebar.sidebar-right.sidebar-open,
.sidebar.sidebar-right2.sidebar-open {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
} @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
}
p {
font-family: 'Poppins', sans-serif;
font-size: 1.1em;
font-weight: 300;
line-height: 1.7em;
color: #999;
}
a,
a:hover,
a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.wrapper {
margin-top: 75px;
}
.nav {
display: block !important;
}
.navbar {
padding: 15px 10px;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav.nav-sidebar li {
border-bottom: 1px solid #eee;
}
.nav.nav-sidebar li a {
font-size: 13px;
}
.navbar-btn {
box-shadow: none;
outline: none !important;
border: none;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
} .wrapper {
display: flex;
align-items: stretch;
}
#sidebar {
min-width: 250px;
max-width: 250px;
}
#sidebar .sidebar-header {
padding: 20px;
}
#sidebar ul.components {
padding: 20px 0;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
}
#sidebar ul li a:hover {
background: #fff;
}
a[data-toggle="collapse"] {
position: relative;
}
a[aria-expanded="false"]::before,
a[aria-expanded="true"]::before {
content: '\e259';
display: block;
position: absolute;
right: 20px;
font-family: 'Glyphicons Halflings';
font-size: 0.6em;
}
a[aria-expanded="true"]::before {
content: '\e260';
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
} #content {
padding: 20px;
min-height: 100vh;
transition: all 0.3s;
} @media (max-width: 768px) {
#sidebar {
margin-left: -250px;
}
#sidebar.active {
margin-left: 0;
}
#sidebarCollapse span {
display: none;
}
}   .row1 .sidebar {
padding-top: 15px;  border: none;
}
.resoult-tab {
justify-content: flex-start;
flex-direction: column;
width: 300px;
height: 0px;
background: #fff;
border-radius: 10px;
box-shadow: 0 6px 30px -10px #d5dbed;
overflow: hidden;
transition: height 359ms cubic-bezier(0.27, 0.7, 0, 0.99);
}
.heading-css {
font-size: 70px;
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
font-weight: 700;
color: #fff;
}
.small-heading-clsss {
font-size: 22px;
margin-top: 0px;
margin-bottom: 30px;
color: #fff;
font-weight: 400;
line-height: 1.3em;
}
.resoult-tab-active {
position: absolute;
width: 300px;
max-height: 200px;
overflow-y: auto;
height: calc(calc(var(--sh) / 2) * 4);
transition: height 399ms cubic-bezier(0.27, 0.7, 0, 0.99);
}
li {
list-style: none;
}
.ul li {
font-size: 14px;
margin-bottom: 10px;
}
.navbar {
position: fixed !important;
}
.mt-cf {
margin-top: 4%;
}
.sidebar-ph {
background-color: #664b42 !important;
font-weight: bold !important;
font-size: 20px !important;
color: #fff !important;
border-color: #664b42 !important;
}
.markercluster-map-place {
height: 400px !important;
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #664b42 !important;
text-align: center;
opacity: 1 !important
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
background-color: #fff !important;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
font-size: 30px;
color: #FFF;
line-height: 18px;
}
.owl-carousel .owl-nav button.owl-prev:hover span,
.owl-carousel .owl-nav button.owl-next:hover span {
color: #664b42;
}
.desc {
text-align: justify;
line-height: 22px;
font-family: 'Jost', sans-serif;
}
.top-search {
font-size: 14px !important;
width: 300px !important;
height: 35px !important;
border-radius: 50px !important;
border-color: #664b42 !important;
}
.searchbutton {
position: absolute;
border-radius: 50px !important;
margin-left: 270px;
background-color: #664b42 !important;
}  body {
padding-top: 50px;
} .sub-header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
} .navbar-fixed-top {
border: 0;
} .bg-app-parimary {
color: #fff !important;
background-color: #664b42 !important;
}
.bg-app-parimary a {
color: #fff;
}
.ril__caption {
background-color: transparent !important;
justify-content: center !important;
} .sidebar-right2 {
display: none;
}
@media (min-width: 768px) {
.sidebar-search {
max-height: 100vh;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
padding: 20px 50px 20px 50px !important;
overflow-x: hidden;
overflow-y: auto; background-color: #fff;
border-right: 2px solid #664b42;
}
} .sidebar-open {
background-color: #fafafa  !important;
display:block !important;
z-index: 11111;
top:306px;
}
.sidebar.sidebar-right2.sidebar-open {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.sidebar.sidebar-right2.sidebar-open {
background-color: #fff !important;   
z-index:99999;
}
.search-result {
cursor: pointer;
color: #664b42;
}
.search-result:hover {
color: #000
} .nav-sidebar {
margin-right: -21px; margin-bottom: 20px;
margin-left: -20px;
}
.nav-sidebar>li>a {
padding-right: 20px;
padding-left: 20px;
}
.nav-sidebar>.active>a,
.nav-sidebar>.active>a:hover,
.nav-sidebar>.active>a:focus {
color: #fff;
background-color: #428bca;
}
.maincontent {
margin-top: 75px;
} .main { padding: 50px !important;
}
@media (min-width: 768px) {
.main {
padding-right: 40px;
padding-left: 40px;
}
}
.main .page-header {
margin-top: 0;
border-bottom: none !important;
}
.search-result {
border-bottom: 1px solid #eee;
}
.page-title {
color: maroon !important;
font-size: 40px !important;
}
.row1 .search-input {
height: 35px !important;
width: 300px !important;
border-radius: 5px !important;
margin-right: 10px;
font-size: 14px !important;
}
.fusion-social-networks{text-align:center;}
.row1 .search-button {
height: 35px !important;
border-color: maroon !important;
border: 2px solid maroon !important;
border-radius: 5px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 700 !important;
color: maroon !important;
}
.img-carousel {
height: 125px;
}
.main-place-content {
padding-left: 40px;
padding-right: 40px;
}
.vegas-wrapper,
.vegas-overlay,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
}
.vegas-overlay {
opacity: .5;
background: transparent url(//www.timetravelrome.com/wp-content/themes/Avada-Child-Theme/js/overlays/02.png) center center repeat;
}
.vegas-timer {
top: auto;
bottom: 0;
height: 2px;
}
.vegas-timer-progress {
width: 0%;
height: 100%;
background: white;
-webkit-transition: width ease-out;
transition: width ease-out;
}
.vegas-timer-running .vegas-timer-progress {
width: 100%;
}
.vegas-slide,
.vegas-slide-inner {
margin: 0;
padding: 0;
background: transparent center center no-repeat;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
body .vegas-container {
overflow: hidden !important;
position: relative;
}
.vegas-video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
body.vegas-container {
z-index: -2;
}
body.vegas-container>.vegas-timer,
body.vegas-container>.vegas-overlay,
body.vegas-container>.vegas-slide {
position: fixed;
z-index: -1;
} _::full-page-media,
_:future,
:root body.vegas-container>.vegas-slide,
:root body.vegas-container>.vegas-overlay {
bottom: -76px;
}  .vegas-transition-fade,
.vegas-transition-fade2 {
opacity: 0;
}
.vegas-transition-fade-in,
.vegas-transition-fade2-in {
opacity: 1;
}
.vegas-transition-fade2-out {
opacity: 0;
} .vegas-transition-blur,
.vegas-transition-blur2 {
opacity: 0;
-webkit-filter: blur(32px);
filter: blur(32px);
}
.vegas-transition-blur-in,
.vegas-transition-blur2-in {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
}
.vegas-transition-blur2-out {
opacity: 0;
} .vegas-transition-flash,
.vegas-transition-flash2 {
opacity: 0;
-webkit-filter: brightness(25);
filter: brightness(25);
}
.vegas-transition-flash-in,
.vegas-transition-flash2-in {
opacity: 1;
-webkit-filter: brightness(1);
filter: brightness(1);
}
.vegas-transition-flash2-out {
opacity: 0;
-webkit-filter: brightness(25);
filter: brightness(25);
} .vegas-transition-negative,
.vegas-transition-negative2 {
opacity: 0;
-webkit-filter: invert(100%);
filter: invert(100%);
}
.vegas-transition-negative-in,
.vegas-transition-negative2-in {
opacity: 1;
-webkit-filter: invert(0);
filter: invert(0);
}
.vegas-transition-negative2-out {
opacity: 0;
-webkit-filter: invert(100%);
filter: invert(100%);
} .vegas-transition-burn,
.vegas-transition-burn2 {
opacity: 0;
-webkit-filter: contrast(1000%) saturate(1000%);
filter: contrast(1000%) saturate(1000%);
}
.vegas-transition-burn-in,
.vegas-transition-burn2-in {
opacity: 1;
-webkit-filter: contrast(100%) saturate(100%);
filter: contrast(100%) saturate(100%);
}
.vegas-transition-burn2-out {
opacity: 0;
-webkit-filter: contrast(1000%) saturate(1000%);
filter: contrast(1000%) saturate(1000%);
} .vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.vegas-transition-slideLeft2-out {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .vegas-transition-slideRight,
.vegas-transition-slideRight2 {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.vegas-transition-slideRight2-out {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .vegas-transition-slideUp,
.vegas-transition-slideUp2 {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.vegas-transition-slideUp2-out {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .vegas-transition-slideDown,
.vegas-transition-slideDown2 {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.vegas-transition-slideDown2-out {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.vegas-transition-zoomIn2-out {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
} .vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.vegas-transition-zoomOut2-out {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
} .vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
-webkit-transform: scale(2) rotate(35deg);
-ms-transform: scale(2) rotate(35deg);
transform: scale(2) rotate(35deg);
opacity: 0;
}
.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.vegas-transition-swirlLeft2-out {
-webkit-transform: scale(2) rotate(-35deg);
-ms-transform: scale(2) rotate(-35deg);
transform: scale(2) rotate(-35deg);
opacity: 0;
} .vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
-webkit-transform: scale(2) rotate(-35deg);
-ms-transform: scale(2) rotate(-35deg);
transform: scale(2) rotate(-35deg);
opacity: 0;
}
.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
.vegas-transition-swirlRight2-out {
-webkit-transform: scale(2) rotate(35deg);
-ms-transform: scale(2) rotate(35deg);
transform: scale(2) rotate(35deg);
opacity: 0;
} .vegas-animation-kenburns {
-webkit-animation: kenburns ease-out;
animation: kenburns ease-out;
}
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.vegas-animation-kenburnsUp {
-webkit-animation: kenburnsUp ease-out;
animation: kenburnsUp ease-out;
}
@-webkit-keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.5) translate(0, 10%);
transform: scale(1.5) translate(0, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUp {
0% {
-webkit-transform: scale(1.5) translate(0, 10%);
transform: scale(1.5) translate(0, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDown {
-webkit-animation: kenburnsDown ease-out;
animation: kenburnsDown ease-out;
}
@-webkit-keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.5) translate(0, -10%);
transform: scale(1.5) translate(0, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDown {
0% {
-webkit-transform: scale(1.5) translate(0, -10%);
transform: scale(1.5) translate(0, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsLeft {
-webkit-animation: kenburnsLeft ease-out;
animation: kenburnsLeft ease-out;
}
@-webkit-keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 0);
transform: scale(1.5) translate(10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 0);
transform: scale(1.5) translate(10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsRight {
-webkit-animation: kenburnsRight ease-out;
animation: kenburnsRight ease-out;
}
@-webkit-keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 0);
transform: scale(1.5) translate(-10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 0);
transform: scale(1.5) translate(-10%, 0);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsUpLeft {
-webkit-animation: kenburnsUpLeft ease-out;
animation: kenburnsUpLeft ease-out;
}
@-webkit-keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 10%);
transform: scale(1.5) translate(10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, 10%);
transform: scale(1.5) translate(10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsUpRight {
-webkit-animation: kenburnsUpRight ease-out;
animation: kenburnsUpRight ease-out;
}
@-webkit-keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsUpRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, 10%);
transform: scale(1.5) translate(-10%, 10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDownLeft {
-webkit-animation: kenburnsDownLeft ease-out;
animation: kenburnsDownLeft ease-out;
}
@-webkit-keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, -10%);
transform: scale(1.5) translate(10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownLeft {
0% {
-webkit-transform: scale(1.5) translate(10%, -10%);
transform: scale(1.5) translate(10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.vegas-animation-kenburnsDownRight {
-webkit-animation: kenburnsDownRight ease-out;
animation: kenburnsDownRight ease-out;
}
@-webkit-keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, -10%);
transform: scale(1.5) translate(-10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
@keyframes kenburnsDownRight {
0% {
-webkit-transform: scale(1.5) translate(-10%, -10%);
transform: scale(1.5) translate(-10%, -10%);
}
100% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
}
.clear {
clear: both
}
.display-none {
display: none !important
}
.align-left {
text-align: left
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
.no-margin-bottom {
margin-bottom: 0
}
.opacity-0 {
opacity: 0 !important;
visibility: hidden !important
}
.opacity-03 {
opacity: 0.3 !important
}
.opacity-1 {
opacity: 1 !important;
visibility: visible !important
}
.index-999 {
z-index: -999 !important
}
.left-part {
background: rgba(32, 35, 45, 0.75);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.left-part .content {
position: absolute;
z-index: 0;
left: 0;
padding: 0;
top: 50vh;
width: 100%;
padding: 0 10%;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
visibility: visible
}
.left-part .content .brand-logo {
max-width: 160px;
margin-bottom: 10px
}
.left-part .content .alert-text {
color: #00c8aa
}
.left-part .content .timer {
display: inline-block;
width: 140px
}
.left-part .content p.text-intro {
color: #000;
line-height: 1.3em;
font-weight: 400;
font-size: 22px;
margin-top: 15px;
margin-bottom: 30px
}
.left-part .text-annex {
position: absolute;
left: 20px;
bottom: 5%;
display: block;
z-index: 9;
width: calc(100% - 20px);
text-align: center;
overflow: hidden;
white-space: nowrap;
-webkit-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
-ms-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1);
transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1)
}
.left-part .text-annex a {
color: #fff;
font-size: 0.8em;
text-transform: uppercase;
margin-right: 10px;
border: none;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.left-part .text-annex a:hover {
color: #00c8aa;
background: transparent
}
.right-part {
width: 100%;
height: 100vh !important;
position: fixed;
left: 0;
z-index: -1;
top: 0;
border: 20px solid #20232D
}
.light-btn {
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
background: transparent;
text-transform: uppercase;
font-weight: 700;
padding: 0.7em 2em;
color: #fff;
margin-right: 10px;
border: 2px solid #fff;
overflow: hidden;
position: relative;
line-height: 1
}
.light-btn:hover {
background: #fff;
color: #2B2D35;
border-color: #fff
}
.action-btn {
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
background: #00c8aa;
text-transform: uppercase;
font-weight: 700;
padding: 0.7em 2em;
color: #fff;
border: 2px solid #00c8aa;
overflow: hidden;
position: relative;
line-height: 1
}
.action-btn:hover {
background: #fff;
color: #2B2D35;
border-color: #fff
}
.dialog,
.dialog__overlay {
width: 100%;
height: 100%;
top: 0;
left: 0
}
.dialog {
position: fixed;
z-index: 999;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
pointer-events: none
}
.dialog__overlay {
position: absolute;
z-index: 1;
background: rgba(31, 34, 46, 0.9);
opacity: 0;
transition: opacity 0.3s
}
.dialog--open .dialog__overlay {
opacity: 1;
pointer-events: auto
}
.dialog__content {
width: 50%;
max-width: 500px;
min-width: 290px;
background: transparent;
padding: 0;
text-align: center;
position: relative;
z-index: 5;
opacity: 0;
overflow: hidden;
background-size: cover;
background: #20232D;
border: 10px solid #2B2D35
}
.dialog__content::before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
border: 1px solid #00c8aa;
background: rgba(32, 35, 45, 0.8)
}
.dialog--open .dialog__content {
pointer-events: auto
}
.dialog .close-newsletter {
position: absolute;
top: 0;
right: 0;
border: none;
background: transparent;
width: 40px;
height: 40px;
line-height: 35px;
color: #fff;
font-size: 20px;
opacity: 0.5
}
.dialog .close-newsletter:hover {
opacity: 1
}
.dialog .dialog-inner {
padding: 90px 70px 30px;
overflow: hidden
}
.dialog .dialog-inner::before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1
}
.dialog .dialog-inner h4 {
color: #fff;
font-size: 40px;
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
font-weight: 700;
margin-bottom: 10px
}
.dialog .dialog-inner p {
color: #f2f3f7;
font-size: 16px
}
.dialog__overlay {
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.dialog.dialog--open .dialog__content {
-webkit-animation-name: anim-open;
-moz-animation-name: anim-open;
animation-name: anim-open
}
.dialog.dialog--close .dialog__content {
-webkit-animation-name: anim-close;
-moz-animation-name: anim-close;
animation-name: anim-close
}
@-webkit-keyframes anim-open {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
100% {
opacity: 1;
-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)
}
}
@-moz-keyframes anim-open {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
100% {
opacity: 1;
-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)
}
}
@keyframes anim-open {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
100% {
opacity: 1;
-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)
}
}
@-webkit-keyframes anim-close {
0% {
opacity: 1;
-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)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
}
@-moz-keyframes anim-close {
0% {
opacity: 1;
-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)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
}
@keyframes anim-close {
0% {
opacity: 1;
-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)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-ms-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
}
#contact-form {
margin-top: 20px
}
#contact-form .form-control {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: none;
font-weight: 400;
outline: medium none;
height: 40px;
width: 100%;
color: #000;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
text-align: left
}
#contact-form .form-control:hover,
#contact-form .form-control:focus {
box-shadow: none
}
#contact-form .form-control::-webkit-input-placeholder {
color: #747c83 !important
}
#contact-form .form-control::-moz-placeholder {
color: #747c83 !important
}
#contact-form .form-control:-moz-placeholder {
color: #747c83 !important
}
#contact-form .form-control:-ms-input-placeholder {
color: #747c83 !important
}
#contact-form textarea.form-control {
min-height: 90px
}
#contact-form button#valid-form {
font-weight: 400;
padding: 1em 2em;
font-size: 1em;
display: block;
margin: 0 auto 0;
background: #00c8aa;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
font-weight: 700;
width: 100%;
line-height: 10px
}
#contact-form button#valid-form:hover {
background: #00af94;
color: #fff
}
#block-answer {
min-height: 60px;
margin-top: 1em;
text-align: center;
color: #F7F7F7
}
.success-message,
.error-message {
color: #757A86
}
.success-message p,
.error-message p {
color: #F7F7F7 !important
}
.success-message .ion-checkmark-round,
.error-message .ion-checkmark-round {
color: #27AE60
}
.error-message .ion-close-round {
color: #FF1D4D
}
@media only screen and (max-width: 1024px) {
.left-part {
background: rgba(32, 35, 45, 0.75);
z-index: 2;
width: 100%
}
.left-part .content {
text-align: center
}
.left-part .light-btn {
max-width: 50%;
margin: auto;
text-align: center;
float: none
}
.left-part .text-annex {
width: 100%;
left: 0;
text-align: center
}
.left-part .text-annex a {
float: none
}
.left-part .action-btn {
max-width: 50%;
margin: auto;
text-align: center;
margin-top: 10px;
float: none
}
.right-part {
width: 100%;
position: fixed;
left: 0
}
.dialog__content {
width: 70%;
max-width: 70%;
min-width: 65%
}
.dialog .dialog-inner {
padding: 90px 40px 30px;
overflow: hidden
}
}
@media only screen and (max-width: 768px) {
.left-part .light-btn,
.left-part .action-btn {
display: block;
max-width: 70%;
width: 70%
}
.left-part .dialog__content {
width: 80%;
max-width: 80%;
min-width: 75%
}
.left-part .dialog .dialog-inner {
padding: 40px 20px 0;
overflow: hidden
}
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 40px
}
.left-part {
position: absolute;
height: auto;
min-height: 100%;
overflow: hidden
}
.left-part .content {
position: relative;
top: 0;
width: 100%;
padding: 10% 10%;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.left-part .content .timer {
width: 80px
}
.left-part .content .light-btn,
.left-part .content .action-btn {
display: block;
max-width: 100%;
width: 100%
}
.left-part .text-annex {
position: relative;
bottom: auto;
padding-bottom: 10%
}
.right-part {
position: fixed !important;
height: 100% !important;
width: 100vw !important;
border: none !important;
overflow: hidden !important
}
.dialog__content {
width: 95%;
max-width: 95%;
min-width: 75%
}
.dialog .close-newsletter {
top: 2px;
right: 5px
}
.dialog .dialog-inner {
padding: 40px 10px 0
}
.dialog .dialog-inner p {
font-size: 13px
}
.dialog .dialog-inner h4 {
font-size: 25px;
margin-bottom: 20px
}
}
@media screen and (max-device-width: 667px) and (orientation: landscape) {
.left-part {
position: absolute;
height: auto;
min-height: 100%;
overflow: hidden
}
.left-part .content {
position: relative;
top: 0;
width: 100%;
padding: 10% 10%;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.left-part .text-annex {
position: relative;
bottom: auto;
padding-bottom: 10%
}
.right-part {
position: fixed !important;
height: 100% !important;
border: none !important;
overflow: hidden !important
}
.dialog__content {
width: 100%;
max-width: 100%;
min-width: 75%;
height: 100vh;
overflow: scroll
}
.dialog__content:before {
border: none
}
.dialog .close-newsletter {
top: 2px;
right: 5px
}
.dialog .dialog-inner {
padding: 20px 20px 0
}
.dialog .dialog-inner h4 {
font-size: 25px;
margin-bottom: 5px
}
}  @media (min-width: 768px) and (max-width: 1024px) {
.sidebar {
top: 5.3% !important;
}
.tab-none {
display: none;
}
.main {
margin-left: 0px !important;
padding: 0px !important;
}
.page-header {
margin: 40px 20px 20px 20px;
}
.main-place-content {
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 600px) {
#main {
margin-top: 25px;
}
.new-sidebar {
background-color: #fff !important;
}
.tab-none {
display: none;
}
.main {
margin-left: 0px !important;
padding: 0px !important;
}
.page-header {
margin: 40px 20px 20px 20px;
}
.main-place-content {
padding-left: 0px;
padding-right: 0px;
}
.for-mobile-nav {
order: 3;
margin: 7.5px 55px;
}
.top-search {
width: 200px !important;
}
.searchbutton {
margin-left: 170px !important;
}
}
.leaflet-top,
.leaflet-bottom {
z-index: 998 !important;
width: 90% !important;
}
.cursor-pointer {
cursor: pointer;
} .new-sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 65px;
left: 0;
background-color: #664b42;
overflow-x: hidden;
transition: 0.5s;
padding-top: 0px;
z-index: 9999;
}
.new-sidebar .sidebar-search {
padding: 0px 10px 0px 10px !important;
color: #fff;
}
.new-sidebar a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #fff;
display: block;
transition: 0.3s;
}
.new-sidebar a:hover {
color: #000;
}
.new-sidebar .closebtn {
position: absolute;
top: -25px;
right: 5px;
font-size: 36px;
margin-left: 50px;
z-index: 9999;
color: #664b42;
}
.level1-border-right {
border-right: 3px solid #f7aa25;
}
.level2-border-right {
border-right: 3px solid #858383;
}
.level1-border-bottom {
border-bottom: 3px solid #f7aa25;
line-height: 2.1em;
}
.level2-border-bottom {
border-bottom: 3px solid #858383;
line-height: 2.1em;
}
.imgIcon {
height: 25px;
width: 25px;
}
.openbtn {
font-size: 20px;
cursor: pointer;
background-color: #664b42;
color: white;
padding: 10px 15px;
border: none;
}
.openbtn:hover {
background-color: #444;
}
#main {
transition: margin-left .5s;
padding: 16px;
}
.leaflet-fade-anim .leaflet-popup {
bottom: -25px !important;
} @media screen and (max-height: 450px) {
.new-sidebar {
padding-top: 15px;
}
.new-sidebar a {
font-size: 18px;
}
}
.card-img-top {
max-height: 215px;
}