.Smart-imap-btn {
	background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
	background-size:400% 400%;
	-webkit-animation:gradientbg 15s ease infinite;
	animation:gradientbg 5s ease infinite;
	 
 }
 
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
	}

.blink {
    animation: blink 1s infinite; /* 1s duration, infinite repeat */
	color: darkblue !important;
	} 

input[type="text"]{
	width: 100% !important;
	cursor: text;
	padding: 5px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out!important;	
}


.container-imap {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container-imap {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-imap {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-imap {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-imap {
        max-width: 1140px;
    }
}
.col-md-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.iform-control {
    display: block;
    width: 100%;

    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .iform-control {
        transition: none;
    }
}
.iform-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.iform-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}
.iform-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.iform-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
.iform-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}
.iform-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
.iform-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
.iform-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
}
select.iform-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}
.iform-control-range {
    display: block;
    width: 100%;
}
.iform-group {
    margin-bottom: 1rem;
}
.iform-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.iform-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

/************************* Hotels / Trips viator **************************/

hr.style-two { 
border: 0; 
height: 1px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

.locations-by-groups-wrap {
 position:relative;
 margin:0 0 50px
}
.locations-by-groups {
 list-style:none;
 margin:0;
 padding:0
}
.locations-by-groups-group {
 padding:50px 0 0;
 margin:0
}
.locations-by-groups-group:first-child {
 padding:0
}
.locations-table-pinterest-photo:hover img {
 -webkit-transform:scale(1.5);
 -ms-transform:scale(1.5);
 transform:scale(1.5)
}
.locations-table-pinterest {
 width:100%;
 table-layout:fixed;
 padding:0;
 margin:0
}
.locations-div-pinterest-list {
 padding:0
}
.locations-table-pinterest-list-item {
 overflow:hidden;
 display:inline-block;
 margin:30px 0 0;
 background:#fff;
 font-size:16px;
 background:#fff;
 box-shadow:0 1px 1px rgba(29,26,22,0.2);
 display:inline-block;
 max-width:320px;
}
.locations-table-pinterest-photo {
 position:relative;
 overflow:hidden;
 height:240px;
 min-width:370px;
 width:100%
}
.locations-table-pinterest-photo a {
 position:relative;
 display:block;
 height:100%
}
.locations-table-pinterest-photo img {
 display:block;
 height:100%;
 width:100%;
 -webkit-transition:-moz-transform 8s linear;
 -moz-transition:-moz-transform 8s linear;
 -o-transition:-moz-transform 8s linear;
 transition:-moz-transform 8s linear;
 -webkit-transition:-o-transform 8s linear;
 -moz-transition:-o-transform 8s linear;
 -o-transition:-o-transform 8s linear;
 transition:-o-transform 8s linear;
 -webkit-transition:-ms-transform 8s linear;
 -moz-transition:-ms-transform 8s linear;
 -o-transition:-ms-transform 8s linear;
 transition:-ms-transform 8s linear;
 -webkit-transition:-webkit-transform 8s linear;
 -moz-transition:-webkit-transform 8s linear;
 -o-transition:-webkit-transform 8s linear;
 transition:-webkit-transform 8s linear;
 -webkit-transition:transform 8s linear;
 -moz-transition:transform 8s linear;
 -o-transition:transform 8s linear;
 transition:transform 8s linear
}
.locations-table-pinterest-photo:hover img {
 -webkit-transition:-moz-transform 10s linear;
 -moz-transition:-moz-transform 10s linear;
 -o-transition:-moz-transform 10s linear;
 transition:-moz-transform 10s linear;
 -webkit-transition:-o-transform 10s linear;
 -moz-transition:-o-transform 10s linear;
 -o-transition:-o-transform 10s linear;
 transition:-o-transform 10s linear;
 -webkit-transition:-ms-transform 10s linear;
 -moz-transition:-ms-transform 10s linear;
 -o-transition:-ms-transform 10s linear;
 transition:-ms-transform 10s linear;
 -webkit-transition:-webkit-transform 10s linear;
 -moz-transition:-webkit-transform 10s linear;
 -o-transition:-webkit-transform 10s linear;
 transition:-webkit-transform 10s linear;
 -webkit-transition:transform 10s linear;
 -moz-transition:transform 10s linear;
 -o-transition:transform 10s linear;
 transition:transform 10s linear
}
.locations-table-pinterest-name {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 width:100%;
 background:rgba(0,0,0,0.55);
 -webkit-transition:all 2s linear;
 transition:all 2s linear
}
.locations-table-pinterest-name span {
 display:inline-block;
 vertical-align:middle;
 max-width:100%;
 box-sizing:border-box;
 overflow:hidden;
 margin-left: -12%;
 padding:0 18px;
 font-size:1em;
 font-weight:600;
 white-space:nowrap;
 text-overflow:ellipsis;
 color:#fff
}
@media all and (max-width: 1070px) {
 .locations-table-pinterest-name span {
  font-size:1em
 }
}


a {
 text-decoration:none;
 color:#000;
 -webkit-tap-highlight-color:transparent;
 outline:none
}
a:active {
 outline:none
}
a.custom-link {
 line-height:1.250em;
 color:#76bd22;
 border-bottom:1px solid #8ebb5e;
 -webkit-transition:border-color 0.15s linear;
 -moz-transition:border-color 0.15s linear;
 -o-transition:border-color 0.15s linear;
 transition:border-color 0.15s linear
}
a.custom-link:hover {
 border-bottom:1px solid transparent
}
.locations-by-groups h2 {
 font-size:1.5em;
 line-height:1.5em;
 font-weight:400
}

/*---------------------- End Countries Style ----------------- */

/*--------------------------- Show-Hide ---------------------- */
/* https://gist.github.com/toddparker/32fc9647ecc56ef2b38a */


/* Label styles: style as needed */
label {
  display:block;
  margin: 2em 1em .25em .75em;
  font-size: 1.25em;
  color:#333;
}

/* Container used for styling the custom select, the buttom class adds the bg gradient, corners, etc. */
.dropdown-trip {
  position: relative;
  display:block;
  margin-top:0.5em;
  padding:0;
  width: 90%;
}

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.dropdown-trip select {
  margin:0;
  background:none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  /* Remove select styling 
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;  */
  
  /* Magic font size number to prevent iOS text zoom */
  font-size:1.25em;
  /* General select styles: change as needed */
  /* font-weight: bold; */
  color: #444;
  padding: .6em 1.9em .5em .8em;
  line-height:1.3;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select */

.dropdown-trip::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 50%;
  right: 1em;
  margin-top:-4px;
  z-index: 2;
  
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(102,102,102)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;  
  /* These hacks make the select behind the arrow clickable in some browsers */
  pointer-events:none;
}



/* Focus style */
select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:1px solid #aaa;
}


/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

option {
  font-weight:normal;
}


/* These are just demo button-y styles, style as you like */
.button {
  border: 1px solid #bbb;
  border-radius: .3em;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  background: #f3f3f3; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.output {
}

.showme {
  display: none;
}

.showme1 {
  display: none;
}

.showme2 {
  display: none;
}

.showme3 {
  display: none;
}
.showme4 {
  display: none;
}
.showme5{
  display: none;
}
.showme6 {
  display: none;
}
.showme7 {
  display: none;
}
.showme7 {
  display: none;
}
.showme8 {
  display: none;
}
.showme9 {
  display: none;
}
.showme10 {
  display: none;
}
.showme11 {
  display: none;
}
.showme12 {
  display: none;
}
.showme13 {
  display: none;
}
.showme14 {
  display: none;
}
.showme15 {
  display: none;
}
.showme16 {
  display: none;
}
.showme17 {
  display: none;
}
.showme18 {
  display: none;
}
.showme19 {
  display: none;
}
.showme20 {
  display: none;
}
.showme21 {
  display: none;
}
.showme22 {
  display: none;
}
.showme23 {
  display: none;
}
.showme24 {
  display: none;
}
.showme25 {
  display: none;
}
.showme26 {
  display: none;
}
.showme27 {
  display: none;
}
.showme28 {
  display: none;
}
.showme29 {
  display: none;
}
.showme30 {
  display: none;
}

/*----------------- Animated Border ----------------------------*/

.rgb:before, .rgb:after {
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.rgb:after {
	filter: blur(35px);
}