@media screen and (-webkit-min-device-pixel-ratio:0) { html, body { overflow-x: hidden } }

* { outline:0 }

html { overflow-x: hidden }

body {  padding: 0 0 0 0; background-size: cover; font-size: 16px; font-family: Arial, sans-serif; color: #32325d;
        overflow-x: hidden !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
        box-sizing: border-box }

body.modal-open { overflow: hidden }
.text-danger { color: #f05a6c}

.centeredText { text-align: center }

.mobileOnly { display: none }

.navbar-nav { float: right !important; margin: 0 }
.navbar ul { padding-left: calc(35px + 5vw) } 

.navbar-header { margin-left: 30px /*calc(100vw / 8.5 )*/ !important}

header { margin:0 ; padding:0 ; height: 91px }

.flexContainer select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; border:1px solid green }

@-moz-document url-prefix() {
	.modal-body > #file { padding: 10px 10px 45px 10px !important }
	.modal-body #WizardPictureFile { padding: 10px 10px 45px 10px }
}

#MessagesWinksWindow .close img { top:5px; left:5px }

.modal-body { padding: 0 15px 15px 15px }
.modal-content { border: 1px solid #e5e5e5; box-shadow: 0 3px 4px rgba(0,0,0,.45); }
.modal-login [data-toggle="modal"] , .modal-join [data-toggle="modal"] { color: #f05b6d !important; cursor:pointer }
.modalProfileIcons img { margin-left:3px ; margin-right: 7px }
.modal-content .userPicture { width: 100%; margin: 0; border-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.modal-body > #file { padding: 10px 10px 35px 10px; margin: 0 0 35px 0 ; background: #F8F8F8 }
.modal-body #WizardPictureFile { padding: 10px 10px 35px 10px; margin: 0 0 35px 0 ; background: #F8F8F8 }

.modal-header { border:0 }
.modal-header > h4 { color: white }
.modal-header > h4 + span { color: white }
.modal-footer { }
.modal-header .close { margin-top: 0 !important;outline:0 }
.modal-header { border-top-left-radius: 25px; border-top-right-radius: 25px; }

#sidebarModal ul { margin: 0; padding: 0; }

/* Login Modal */
    .modal-login .modal-body { width: 78%;margin: 15px auto 0 auto; }
    .modal-login .modal-content { max-width: 400px;border-radius: 25px;margin: 0 auto; }
    .modal-login .modal-content .btn { font-weight: 900 !important; background: #f05b6d !important;outline:0 }
    .modal-login .modal-content .modal-header { border-radius: 25px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    text-align: center; font-size: 30px; font-weight: 900; color: #32325d; padding: 0 10px 0 0 }
/* Login Modal end */

/* Join Modal */
    .modal-join .modal-body { width: 75%;margin:15px auto 0 auto; }
    .modal-join .modal-content { max-width: 450px;border-radius: 25px;margin: 0 auto; }
    .modal-join .modal-content .btn { font-weight: 900 !important; background: #f05b6d !important; margin: 15px 0 20px 0; }
    .modal-join .modal-content .modal-header { border-radius: 25px;border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;text-align: center;font-size: 30px;font-weight: 900; color:#32325d; }
/* Join modal end */

.modalCloseTopArea { position: fixed; top: 0px; width: 66%; height: 0 }

/* Menu modal */

.modal-sidebar {	position:absolute; left:0; top:58px; max-width:320px;position:fixed; box-shadow: 2px 3px 9px rgba(0,0,0,0.25); }

.modal-sidebar .modal-dialog { max-width: 320px; margin:0 ; border:0px solid transparent ; height:100% ;  transition: all .1s ease-out;}

.modal-sidebar span  a { color: white !important; font-weight: 900; font-size: 30px; position: relative;top: -13px; }

.close img { width: 38px;position: relative;top: 25px;left: -25px;}
.close img:hover { filter: brightness(166%) }
.modal-sidebar .close img { width: 38px;position: relative;top: -20px;left: -5px;}

#MessageBox .close img, #winksWindow .close img { top: 0; left: 5px; }

.headerM2 .close img { width: 25px; position: relative; top: 15px;left: -20px; display: none }

.modal-sidebar .modal-content { max-width: 320px; height: 100%; transition: all .1s ease-out; border-radius:0 !important;overflow:hidden;background:rgba(255,255,255,0.976)}
.modal-sidebar .modal-header { border-bottom:0 } #sidebarModal .modal-footer { border-top:0 }
.modal-sidebar .modal-header { padding: 8px 7px 8px 15px !important}
.modal-sidebar .modal-body { margin-top: -17px;padding: 0 !important; }
.modal-sidebar button { position: relative; left: 0px; top: 0px }
.modal-sidebar ul { margin:0;padding:0;}
.modal-sidebar li { list-style: none; padding: 15px 0 15px 15px; border-top: 1px solid #ddd; }
.modal-sidebar li a { font-size: 21px !important; font-weight: bold; color: #30325d !important;}
.modal-sidebar li a:hover { color: #30ae90 !important }
.modal-sidebar .modal-body li.active { background: #04a6f9; color: white }
.modal-sidebar .modal-body li.active a { color: white !important }
.modal-sidebar .modal-body li.active img { filter: invert(100)}
.sidebarTrigger { display:none }
.sidebarMenuIcon { width: 27px; height: 27px; float: left; margin: 1px 10px 0 0; opacity:0.66}
/* Menu modal end */


a { text-decoration: none }

a:hover { text-decoration: none !important }

/* removes menu opener bug */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent !important }

.nav > li > a { padding: 0px 15px; font-weight:600 }
.navbar-default .navbar-nav > li { padding-right: 0.5em; position:relative; top:5px }
.navbar-default .navbar-nav > li > a { color: #019cea !important}
.navbar-default .navbar-nav > .active > a { border-radius:25px; background: #04a6f9 !important; color:#fff !important }
.navbar-default .navbar-nav > .active > a:hover {  }

.navbar-collapse { border-top: 0 solid transparent !important;}

.dl-horizontal dt { white-space: normal }

p { font-size: 17px }

.centered-text { text-align:center !important}

.alert-success {background-color: #bff0c89d !important}    

.jumbotron h1 {
    font-size: 52px !important;
}

.btn-group { outline: none; }

h1, h2, h3 { }
h2 { font-size:27px !important }

.btn-delete-account { color: #fff; }
.btn-delete-account:hover { color: #fff !important; }

.headerMenudropDown li a { width: 90% }

.menu-nikname .col-xs-4 a , .menu-nikname .col-xs-5 a { position: relative;top: 10px;left: 10px;color: #32325d;opacity: 1 }

.menu-nikname .col-xs-4 a:hover { color: #06a6f9 }

.menu-nikname .col-xs-4 .menu-icon , .menu-nikname .col-xs-5 .menu-icon { width: 18px; height: 18px; top: 9px;opacity: 1 }
.menu-nikname a { width: 100% !important }

.glyphicon { width: 100% }

.noHover { pointer-events: none }

.dropdown-menu { top: 60px !important; right: 10px !important; padding:0 !important}
.dropdown-menu li>a { padding: 5px 0 5px 15px !important; line-height: 1.5 !important;color: #32325d;}

.dropdown-menu li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; color: #06a6f9 !important }
.dropdown-menu>li>a:hover { }

.daterangepicker { z-index: 1050 !important; border:1px solid #ddd; left: -300px }

.dropdown-menu {

  visibility: hidden;
  transform-origin: top;
  animation-fill-mode: forwards; 
  transform: scale(1, 1) translateY(-40px);
  display: block; 
  transition: all 200ms ease;
  padding:0;
  font-size:16px; font-weight: normal;
}
.open > .dropdown-menu {
  transform: scale(1, 1) translateY(0); opacity: 1; visibility: visible; }

.dropdown-backdrop { background: transparent !important }

.daterangepicker .dropdown-menu .calendar { visibility: visible !important; opacity: 1 !important }

.searchBox1 > .dropdown > .dropdown-menu > li:last-child { height: 57px;padding-top: 15px;border-bottom:0;background: #f8f8f8; } 

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 2px 2px 2px 0px !important }

.inverted { filter: invert(100%) }

.container { margin-top: 0; width: 1075px !important; padding-right: 15px; padding-left: 12px }

.mainPageProfiles { padding: 5px 5px 5px 5px !important;min-height: 65vh; }

.confirmationRequired , .confirmationSent , .confirmationSuccess { padding: 0 5px 0 10px !important; top: 0; position: relative; min-height: 93vh }

.MyPhotosMyProfileMyAccount { padding-left: 20px !important; padding-top: 15px;position:relative;min-height: 93vh; }

.MyPhotosMyProfileMyAccount .form-horizontal { padding:0px 25px;max-width:710px }
.MyPhotosMyProfileMyAccount .row { padding: 0px 25px 0 25px;max-width:710px }

.MyPhotosMyProfileMyAccount .btn-group a:hover { color: black !important; }
.MyPhotosMyProfileMyAccount .btn-group a:first-child { margin-right: 7.5px; }
.MyPhotosMyProfileMyAccount .btn-group a:first-child:hover { color:white !important  }
.MyPhotosMyProfileMyAccount .btn-group a:last-child:hover { color:white !important  }

.MyPhotosMyProfileMyAccount .btn.active.btn-success { background: #03c87e !important}
.MyPhotosMyProfileMyAccount .btn.active.btn-danger { background: #f05b6d !important}

.MyPhotosMyProfileMyAccount .btn { margin-top:1em} .MyPhotosMyProfileMyAccount .btn:hover { color: #FFF;}

.editProfileSubTitle { padding: 5px 7px; margin: 0 0 10px 15px;font-size: 16px;font-weight: bold; max-width: 700px;width: 100%; color: #000;}

.SubscriptionMyAccount { padding-left: 20px !important; padding-top: 15px;position:relative;min-height: 93vh; }
.SubscriptionMyAccount .form-horizontal { max-width: 100% }
.SubscriptionMyAccount .form-horizontal .form-group { margin-left: 10px }
.SubscriptionMyAccount hr {  }
.SubscriptionMyAccount .form-horizontal .form-group { margin-left: -2px }

.editPhotosRow { width: 104% }
.deleteAccount { color: red }

/* Payment Page */
#coll1  h3 { font-size: 17px !important;margin-top: 0px !important; }
#coll1  p { font-size: 15.25px !important }

#coll2  h3 { font-size: 17px !important;margin-top: 0px !important; }
#coll2  p { font-size: 15.25px !important }

.paymentPage { padding: 20px 5px 0 10px !important; top: 0;position:relative;min-height: 93vh; }
.paymentButtons { width: 100%; margin-left: -2px !important; min-height:150px }
.paymentButtons > .paymentLeft { padding: 6px 10px 0 0 !important;}
.paymentButtons > .paymentRight {  }

.paymentPage .leftSideContent { margin:0 }
.paymentPage .leftSideContent span { font-size:17px }
.paymentPage .leftSideContent a { text-decoration:none;color:#000000; }
.paymentPage .leftSideContent a span img { height:52px; padding-right: 2px; image-rendering: optimizequality }

.paymentPage .rightSideContent ul { list-style-type: none;position:relative;left:-25px;top: 16px;}
.paymentPage .rightSideContent ul img { height: 17px;position: relative;left: -9px;top: -2px }
.paymentPage .rightSideContent > span { font-size:27px; color:#000;font-weight:bolder;margin-left:30px;margin-top: 15px; }
.paymentPage .rightSideContent {margin: 5px;  padding: 0px 0 0 50px;  background: #fbfbfb; border: 2px solid #ddd; border-radius: 9px; line-height: 30px; font-size: 17px;min-height: 310px}

.paymentPage .leftSideContent .choosePlanButtons { border: 0; border-radius: 9px; box-shadow: 0 0 3px #0000007a; height: 97px; margin: 0 0 10px 0; text-align: center; position:relative }

.paymentPage .leftSideContent .choosePlanButtons:hover {filter: brightness(105%)}

.paymentPage .leftSideContent .choosePlanButtons div { font-size: 24px; float: left; height: 100%; width: 180px; padding-top: 30px;font-weight: bolder;padding-left:20px}

.paymentPage .leftSideContent .choosePlanButtons div:nth-child(2) { width: 300px;padding: 25px 0 0 50px; line-height: 25px; font-weight: normal}

.c1 , .c2 , .c3 { background-repeat: no-repeat; background-size: 40px 97px }

.c1 { background-image: url(/images/design/pas1.png) }
.c2 { background-image: url(/images/design/pas2.png) }
.c3 { background-image: url(/images/design/pas3.png) }

.paymentPage hr { margin-top: 15px; margin-bottom: 15px;border: 0;border-top: 1px solid #ddd !important;}

#paymentButtonAR, #paymentButtonBR, #paymentButtonCR {
	border: 1px solid #eee;border-radius: 9px; margin-bottom: 5px; width: 38%; float: right;padding: 35px 16px; font-size: 18px; text-align: center
} 
/* Payment Page END */


/* Payment gateway Page */
.gateW1, .gateW2, .gateW3 { height: 97px;
    border-radius: 9px; margin-bottom: 10px; border: 0px solid #eee; box-shadow: 0 0 3px #0000007a;
    text-align: left;padding-left: 175px; }

.gateW1:hover, .gateW2:hover, .gateW3:hover { filter:brightness(108%); cursor: pointer }
	
.gateW1 { padding-top: 25px;font-size:12px } .gateW2 { padding-top: 25px } .gateW3 { padding-top: 18px }
.gateW1 img {  } 
/* Payment gateway Page END */

.systemMessagePage , .paymentSuccess { width: 99% ; max-width: 745px; border: 0;border-radius: 9px;margin: 0 auto;padding: 25px 25px 25px 10px;margin-top: -10px;float: left; }

.well {
    background: rgb(255,255,255); 
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
    box-shadow: inset 0 0 6px white !important;
}

.well-xs { padding: 0 !important; background: white !important;}
.selected-on { border:2px solid transparent;border: 2px solid #03c87e; }
.selected-off { background:#f4f4f4;border:2px solid transparent }
.onlineNewMembers { margin-top:15px }

/* Show locals and travelers buttons */

.controlButtons .selected-on { background:#29ad8b !important;color:#fff; border-radius: 5px; }

.controlButtons .selected-off { background:#dedede !important;border:2px solid transparent;color: #777777 !important;border-radius: 5px; } 

.controlButtons { margin:1px 0 0 0; }

#ShowLocals { width:50%;font-size:18px; padding: 7px 0;float:left; position: relative; left: -25px; text-align: center;background:#f4f4f4;
border-top-left-radius: 0;  border-bottom-left-radius: 0; border-left: 0;}

#ShowTravels { width:50%;font-size:18px; padding: 7px 0;float:left; position: relative; left: -25px; text-align: center;background:initial;border-top-right-radius: 0;
    border-bottom-right-radius: 0;border-right: 0; }
    
#ShowLocals:hover, #ShowTravels:hover { cursor: pointer }
/* Show locals and travelers buttons end */



.language-pick, .into-pick , .lookfor-pick {
    padding: 5px;
    border-radius: 15px;
    font-size: 13px;
    color: #000;
    display: inline-block;
	margin: 0 0 4px 3px;
    width: 97.5%;
	text-align: center;    
	cursor: pointer;
}

#RegionsSelectWindow .lookfor-pick { display: table-cell;
padding: 5px;
    border-radius: 15px;
    font-size: 13px;
    color: #000;
    display: inline-block;
    margin: 0 0 4px 3px;
    width: 97.5%;
    text-align: center;
    cursor: pointer; }

#RegionsSelectWindow .close img { top: 25px; left: -18px; }

.show-male, .show-female, .show-TouristsAndForeigners, .show-PeopleFromMyCountry, .show-PeopleFromMyCountry, .show-sexuality, .show-familystatus, .show-lookingfor {
	padding: 5px; border-radius: 5px; font-size: 13px; color: #000; display: inline-block; margin: 0 0 4px 0px; text-align: center; cursor: pointer; min-width: 95px; border-radius:15px}

#PreferencesModal .control-label { text-align: right !important; font-size: 14px }

.accountPageTopSection { padding-top: 22px;padding-left: 10px !important;padding-right: 10px !important }
.transparent { background: transparent !important;opacity:0; }
.ui_container {
	width: 100vw;
    margin: 0;
    padding: 25px 0 0 0 ;
    height: 565px;
    background: #eee;
    background-image: url(/images/design/frontpage1.jpg);
    display: table-cell;
    vertical-align: middle;
    background-position: 35% 29%;
    background-size: cover;
    animation-name: bganimation;
    -webkit-animation-name: bganimation;
    -moz-animation-name: none;
    animation-duration: 0.85s;
    -webkit-animation-duration: 0.85s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-iteration-count: 1;
    box-shadow: inset 0 0 50px rgba(0,0,0,0.25);
}

.ui_container-logged-in {width:100vw;margin:0;padding:0;height:150px;display: table-cell;vertical-align: middle;}
.ui_container-logged-in > .container { padding-top:75px }

.flexContainer { display: flex; max-width: 511px;z-index:250}

.flexContainer div { 
    border: 1px solid #32325d66; flex: 1; height: 40px; text-align: center; padding-top: 0px;
    margin-right: 10px; border-radius: 25px; align-items: center; display: flex; justify-content: center;
    font-size: 18px; font-weight: 900;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 75%, #e8e8e8 60%, #ffffff 97%); 
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 75%,#e8e8e8 60%,#ffffff 97%); 
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 75%,#e8e8e8 60%,#ffffff 97%);
}
.flexContainer div:hover { opacity:0.95 }

.flexContainer div:last-child { margin-right:0 } 
.flexContainer div:hover { cursor: pointer }    
.flexContainer div img { width: 27.5px; margin-right: 5px; opacity: 0.5;height: 27.5px;position: relative;top: 0; }

.flexContainer > div > ul { left: initial; margin-top: -10px; }

.flexContainer .open>.dropdown-toggle.btn-default , .flexContainer .open>.dropdown-toggle.btn-default:hover, .flexContainer .open>.dropdown-toggle.btn-default:active {border:0!important;background:transparent;outline:0 }
#FilterStatus { position: relative; top: 2px; font-weight: 900; font-size: 18px;color:#32325d }
#filterButton  {border:0!important;background:transparent;outline:0;padding:3px;font-size:15px!important;color:#000;font-weight: normal !important;}

.filterDropdown { border: 1px solid #888 }

#TouristsAndLocalsDropdown  { margin-right: -8px; }

.searchButton { background: #fff; border-radius: 5px; border: 1px solid #ddd; height: 45px; font-size: 18px;width: 50px !important;
    text-align: center; margin-top: 2px; padding-top: 10px !important;box-shadow: inset 0 0 41px rgba(220,240,220,0.22); }
    
.searchButton:hover { filter:brightness(108%); cursor: pointer }
.searchButton:active { filter:brightness(97%) }

.searchButton span { color: black }	
.searchButton > img { position: relative;top: 0px;left: 3px;width: 25px; }

.filterButton { top: 2px;border-radius: 5px;background: #fff;padding: 14px 2px 15px 6px!important;left: 19px;max-width: 200px;border: 1px solid #ddd;font-size: 95%;
    text-align: center; height: 45px; }
    
.dummyPlaceHold { max-width: initial; text-align: left; margin-left: -5px; padding: 15px 0 0 15px !important; height: 62px; pointer-events: none; margin-right: 21px; margin-bottom: 4px; }    
.dummyPlaceHold img:first-child { float: left;padding-right: 10px;}
.dummyPlaceHold span { position: relative; top: 4px; font-size: 18px; }

.filterButton:hover { filter:brightness(108%) }
.filterButton a { text-decoration:none;color:#000; }
.filterButton a:hover { text-decoration:none;color:#000 }

.buttonIcon , buttonIcon2 { float: left ; margin-top:-3px;  } 
.buttonIcon {width: 29px;height: 29px;margin-right: 0;margin-top: -6px;margin-left: 7px; }
.buttonIcon2 { filter:invert(100%); filter: invert(100%); width: 35px; margin-left: 5px; }


.filterButtonClearView {margin: 0px 0 -3px 5px !important ;margin-bottom: -3px;}

@keyframes bganimation {
	0% {background-position: 35% 20%; filter:brightness(250%)}
	25% { filter:brightness(150%)}
	50% { filter:brightness(120%)}
	75% { filter:brightness(110%)}
 	100% {background-position: 35% 29%;filter:brightness(100%)}
}

.nomargin { margin: 0 !important }
.shadow1 { text-shadow: 3px 1px 9px rgba(0,0,0,1) }
.shadow2 { text-shadow: 0 0 5px rgba(0,0,0,0.33) }
input[type=radio] {	width: 40px; height: 20px; margin: 0; position: relative;top: 5px; }
.nopadding { padding: 0 !important; }
.padding1 { padding: 15px 20px 20px 20px !important; }
.padding2 { padding-right: 15px !important; }
.padding3 { padding-left: 15px !important; padding-right: 15px !important;}
.padding4 { padding-left: 8px !important; padding-right: 15px !important; padding-top: 10px !important; }
.padding5 { padding-left: 15px !important; }
.padding6 { padding: 2px 0 0 16px !important; }
.padding7{ padding-left: 0 !important;padding-top:2.5vw !important; }
.padding8{ padding-left: 0vw !important; }
.padding9{ margin-left: 0 }
.caret { border-top: 8px dashed !important;border-right: 7px solid transparent !important; border-left: 7px solid transparent !important; left: 0 !important; color:#000; margin-left: -3px !important;}
.headerM2 .caret { margin-top: 20px;left: -7px !important;position: relative; }

.profPicTitle { background-color: #9bb3b9; color: white; padding: 5px; position: relative;left: 50%; margin-left: -31%;width: 60%; border-radius: 9px;}

.profPicTitle2 { color: #006c84; padding: 5px; position: relative; left: 50%; margin-left: -26%; width: 50%; }

.divider1 { padding: 13px 0 0 12px;
    background-image: url(/images/design/divider1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 50px;
    color: #1d9de0;
    background-size: contain;
    max-width: 710px; }

.tag1 { padding: 5px 10px !important; margin: 5px 0px 15px 0px; display: inline-block; border: 2px solid #03c87e; border-radius: 25px; }

.gradient1 { background: -moz-linear-gradient(-45deg, rgba(210,230,234,1) 0%, rgba(255,255,255,0) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(210,230,234,1) 0%,rgba(255,255,255,0) 99%);
    background: linear-gradient(135deg, rgba(210,230,234,1) 0%,rgba(255,255,255,0) 99%);
    border-top-left-radius: 9px; border-bottom-left-radius: 9px; position: relative;left: -15px;
}

.gradient2 {

}

.gradient3 {
    background: rgb(249,252,247);
    background: -moz-linear-gradient(-45deg, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); 
    background: -webkit-linear-gradient(-45deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); 
    background: linear-gradient(135deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); 
}

.gradient4{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 	
}

.gradientChooseYourPlan {
    background: -moz-linear-gradient(135deg, #06a6f936 0%,rgba(255,255,255,0) 99%);
    background: -webkit-linear-gradient(135deg, #06a6f936 0%,rgba(255,255,255,0) 99%);
    background: linear-gradient(135deg, #06a6f936 0%,rgba(255,255,255,0) 99%);
    border-top-left-radius: 7px; border-bottom-left-radius: 7px; position: relative; left: -4px !important; padding: 10px 0 10px 11px;
    font-size:19px !important; color: #000 !important ;
    
}

.table-responsive { width: 100%; }

td a { display: block; width: 100% }

hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #fff !important;}

.control-label { font-size: 16px; border-right: 10px solid transparent; position: relative; display: inline-block; margin-bottom: 5px; text-align: left !important; }
.control-label > b > span { margin-left:1em  }



.form-control { font-size: 17px !important;color: #000;display: block;width: 100%;height: 35px;padding: 5px 10px;line-height: 1.42857143;background-color: #fff;background-image: none;border: 1px solid #bbb;border-radius: 9px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

    .MyPhotosMyProfileMyAccount .form-horizontal .form-group .form-control { border-radius: 10px; margin:3px 0 }
    .MyPhotosMyProfileMyAccount .form-horizontal .form-group textarea.form-control { border-radius: 10px }
    .MyPhotosMyProfileMyAccount .divider1 { width: 100vw !important; overflow: visible;margin-left: -25px;}
    .MyPhotosMyProfileMyAccount .control-label { color:#333177 }

.destinationTravelManager { position: relative }
.destinationTravelManager input { }

.destField { margin-bottom: 10px !important; padding: 6px 37px !important; }

.purposeVisitHeading { margin-top:5px;margin-bottom: 5px; padding: 0; font-size: 15px;color: #32325d; font-weight: bold; }

.formDestination #destination , #from , #to { font-size: 16px !important; position: relative; top: 1px }

.MyTravelDestinationInModal { padding: 10px 0 0 15px; margin: 0px 0px 5px 0 ; border-bottom: 1px dotted #ccc; line-height: 1.425em;
    width: 100%; }

.MyTravelDestinationInModal:last-child { border-bottom: 0 }
.MyTravelDestinationInModal img { width: 25px }

.destinationCard { border-top: 1px dotted #333; margin: 0 0 20px 0 }

.destinationCard > .redCloseX { 
    font-weight: normal; float: none; padding: 0;
    border-radius: 5px; /*background: linear-gradient(45deg, #f4f3f3, #049cea11);*/
    margin: 0 ; display: inline-block; width: 100px;
}

.destinationInfo a:hover { filter:brightness(105%)}

.myTravelsCard { font-size:15px ; margin-left:10px !important; line-height: 1.75em; }
.myTravelsCard div { text-align: left }
.myTravels-icon { width:24px;height:24px;margin: 0 5px 0 0;float:left }

.table-hover { width:100%; font-size: 14px }

.addDestinationBtn {
    border: 1px solid #32325d66;
    height: 40px;
    margin: 0 0 20px 10px;
    border-radius: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 900;
    width: 99%; max-width:200px;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 75%, #e8e8e8 60%, #ffffff 97%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 75%,#e8e8e8 60%,#ffffff 97%);
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 75%,#e8e8e8 60%,#ffffff 97%); }

.addDestinationBtn:hover { cursor: pointer }

.addDestinationBtn img { width: 27.5px;
    margin-right: 5px;
    opacity: 0.5;
    height: 27.5px;
    position: relative;
    top: 0; }

.destinationInfo { text-align: left }
.destinationImg { width: 49px; float: left; margin-right: 10px; position: relative; top: -2px; left: 5px }
.destinationItemText { font-weight: bold; width: 100%; display: flex; padding: 10px; }

.iconImage { width: 24px; position: absolute; top: 7.5px; left: 8px; z-index: 1;}
.field-validation-error { font-size: 12px;font-weight: 400; position: relative; margin-left:4px }



.form-group { margin-bottom: 0px !important; }
.form-horizontal .form-group { margin-bottom: 5px !important; }

.fullwidth { width: 100% }

#RegionsContainer .form-group-margin { margin-bottom: 10px; }	

/* Homepage and Main Account page profiles align */
	.Profiles {  position: relative; left: 0 }	
	.Profiles2 { position: relative; left: 0 }
/* Homepage and Main Account page profiles align end*/

#container-homepage { background-image: url('/images/design/homepage-form-background.png');background: rgba(0,0,0,0.25);}

.navbar {}

.navbar-default {
    height: 90px !important;
    padding: 20px 0 0 0 !important;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    background-color: #fff !important;
    box-shadow: 0 0 10px #0075a688;
}


.smallUserPic { width: 90px !important; filter: invert(0%) !important; height: 90px !important;
    float: none; margin-left: calc(50% - 45px); margin-top: -30px; margin-bottom: 5px; border-radius: 50%;
    border: 6px solid white; box-shadow: 0 0 15px rgba(4,166,249,0.5);
}

.userPicInsideMenu {
    width: 100px !important;
    filter: invert(0%) !important;
    height: 100px !important;
    float: none;
    margin-left: calc(50% - 53px);
    margin-top: -30px;
    margin-bottom: 5px;
    border-radius: 50%;
    border: 0 solid white;
    box-shadow: 0 0 15px rgb(54 171 230);
}

.dropdown > .dropdown-toggle > .smallUserPic { border: 0 solid rgba(255,255,255,0.75) !important; box-shadow: 0 0 1px 1px rgb(1 156 234); }

.dropdown > .dropdown-toggle > .smallUserPic:hover{ filter:brightness(108%); }






.navbar-toggle { border: 0px solid rgba(0,0,0,0.1) !important; padding: 6px 10px !important }

.navbar-default .navbar-toggle .icon-bar { background-color: #019cea !important; border: 0 solid transparent !important; margin-top:6px !important}

.navbar-toggle .icon-bar { width: 27px !important; height: 3px !important; border-radius: 5px; }   

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: rgba(255,255,255,0.25) !important;  }


.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.animated {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: 9;
    border: 2px solid rgba(50,0,0,0.33) !important;
}

.pulse {
    animation-name: pulse;
    animation-duration: 4s;
    transform-origin: center center;
    box-shadow: 0 0 6px rgba(255,255,255,0.33);
    font-size: 25px !important;
}

.jumboButton { min-height: 50px; max-width: 100% !important }

@keyframes pulse {
    0% { transform: scale(1) }
    80% { transform: scale(1) }
    90% { transform: scale(1.06) }
    100% { transform: scale(1) }
}

#homepage-form { background: rgba(255,255,255,0.92); background-size: cover; border-radius: 9px; box-shadow: 1px 1px 9px rgba(0,0,0,0.25);
    margin-top: 0; position: relative; min-width: 320px !important; padding-left: 25px !important; }

#homepage-form-bg { }

.topLeftMenu { padding-left:20px;float:right }
.topLeftMenu a { color: fff ; display: inline-flex; padding: 3px 0 0 15px; color: white; font-size:20px; font-weight:normal }
.topLeftMenu a:hover {  color: #fff !important}
.topLeftMenu a:active { color: yellow !important}

.secMenuSpacer { border-right: 1px solid #fff; height: 60px; width: 21.75%; float: left; }

.secMenuContainer { width: 100% !important; height: 55px; background: #187; position: relative; top: 75px !important; margin: 0 0 75px 0 !important;
	padding: 0 !important; transition: initial; opacity:0; display:none; }

.secMenuContainer .nav li:first-child { border-left: 1px solid #fff }
.secMenuContainer .nav li { float: none; border-left: 1px solid #fff; vertical-align: middle; width: 25%; display: table-cell !important; padding-top: 0 }
.secMenuContainer .nav li:last-child { border-right: 1px solid #fff }
.secMenuContainer .nav li:hover { filter: brightness(110%) }
.secMenuContainer .menuIcon { width:28px; padding-bottom:3px }
.secMenuContainer .navbar-nav { background: transparent !important ; border: 0; margin: 0 !important; height: 53px; max-width: 1000px }

.navbar-default .navbar-nav>li>a:hover { filter: brightness(110%) }
.navbar-nav>li>a { padding-top: 7px !important; padding-bottom: 7px !important; color: white; font-size: 20px; }
.navbar-nav>li:hover { background: rgba(255,255,255,0.075) }

.secMenuContainer > .navbar-default { border:1px solid red;display : flex; justify-content: space-between ; background: transparent !important; }

.editPhotoContainer { text-align:center; max-width:400px; font-size: 125% }
.editPhotoContainer a { color:black }

.profilePicChange { width: 100%;max-width: 400px;height: 250px;border: 2px solid white;float: none;display: table-cell; border-radius: 9px; }

.profilePicChange:hover { cursor: pointer; filter: brightness(105%); }

.navbar { margin-bottom: 0 !important; }
.navbar-brand { font-size: 32px !important; padding: 7px 0 0 25px !important  }
.navbar-right { width: 265px; direction: rtl; display: flex;margin-top:0 }

#sitelogo { display: inline; padding-right: 30px; }

.homepage_title { font-weight: bold; color: #006c84 !important; text-shadow: 1px 1px 5px rgba(255,255,255,1) !important; }

.secondary_title { font-size: 42px; color: #e2e8e4 !important; text-shadow: 2px 0 7px rgba(0,0,0,1) !important;
}

.headerM2 { z-index: 2;clear: right;padding: 0;width:fit-content;float:left	}

.headerlogo { height: 40px; }
.headerLogoInMenu { width:175px ; margin-left: 8px; padding-bottom: 8px; }

.loginDesctopButton { color: #019cea;
    padding: 1px 15px 0px 15px;
    background: transparent;
    border-radius: 10px;
    border: 2px solid #019cea;
    margin-right: 10px;
    font-size: 17px;
    margin-top: 16px;
 }

.loginDesctopButton:hover { filter: brightness(105%) ; color: #00afff }

#loginMobileButton { color: #4997d2; padding: 3px 15px 3px 15px; background: transparent; border-radius: 3px; border: 1px solid #4997d2;margin-right: 8px; }

#loginMobileButton:hover { filter: brightness(108%)  }

.joinDesctopButton { 
    color: #019cea;
    padding: 1px 15px 0px 15px;
    background: transparent;
    border-radius: 10px;
    border: 2px solid #019cea;
    margin-right: 10px;
    font-size: 17px;
    margin-top: 16px;}

.joinDesctopButton:hover { filter: brightness(108%); color: #00afff }

#joinMobileButton { color: #4997d2 !important; padding: 3px 15px 3px 15px; border-radius: 3px;margin-right: 8px;border: 1px solid #4997d2; }

#joinMobileButton:hover { color: #fff !important; background: #ffa810 !important }

.homeIconsArea { padding: 45px 7.5vw;margin: 0; }
.homeIconsArea p { text-align:center; font-size: 16px;padding: 0 10px;}
.homeIconsArea img { width: 130px; max-width: 25vw }
.homeIconsArea h2 { font-weight: 900; text-align: center }
.homePopularCitiesArea { padding: 0; margin: 0 20px 0 10px }
.homePopularCitiesArea span { text-align:center;position:relative; padding-left: 1px;display: block; font-weight: 700 }
.homePopularCitiesArea img { width: 100% ; border-radius: 5px; border: 2px solid white; max-height: 185px }
.homePopularCitiesArea img:hover { filter:brightness(108%); cursor: pointer }

.homeSearchArea { padding: 20px 45px 0 15px }
.homeSearchArea > span { color:#000000;font-size: 23px;margin-top:20px;min-width:328px }
.homeSearchArea > p { color: #333 !important;font-size: 40px;font-weight: bolder;position: relative;top: 20px; }
.homeSearchArea form { border-radius: 5px; width:100%; padding: 0; max-width: 695px; text-align: center; margin: 0 auto }
.homeSearchCountries {  border-radius: 5px ; width: 100%; margin-left: 12px !important }

.homeWelcomeArea { width: 450px;height: 290px;padding: 35px 40px 0px 0px !important;border-radius: 15px;margin-left: 10vw; }
    
.homeWelcomeArea span .homeline1 { font-size: 39px;line-height: 1em;font-weight: 900;color: #fff; }  
.homeWelcomeArea span .homeline2 { position: relative; font-size: 24px; color: #fff; top: 13px;line-height: 1em }
.homeWelcomeArea span .homeline3 { position: relative; font-size: 24px;  color: #fff; top: 13px;line-height: 1em; }
.homeWelcomeArea > h1 { text-align: center; color:#fff !important; font-size:50px !important;font-weight: 700 }


.callToActionButton { border: 2px solid #ffffffee;color: #fff;background: #f05a6c !important;border-radius: 50px;
    font-size: 20px !important;padding: 10px 20px 10px 20px;font-weight: 700;margin: 40px 0px 10px 0px;
    width: 230px;text-align: center;float: left; }

.callToActionButtonB { border: 1px solid rgba(255,255,255,0.33);box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);color: #fff;background:#30ae90 !important;color: white; border-radius: 9px;font-size: 21px !important;padding: 15px;font-weight: 700;margin: 10px auto;display:none }
.callToActionButton > a, .callToActionButtonB > a { color: #fff; text-decoration: none }
.callToActionButton:hover , .callToActionButtonB:hover { filter:brightness(105%);cursor:pointer }
.callToActionButton:active , .callToActionButtonB:active { filter:brightness(110%);cursor:pointer;text-decoration:none }

.alreadyHaveAccount { font-size: 15px !important; text-align: center; padding-top: 0px; line-height: 17px; display: inline-block; }

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-right:-60px}

.modalTitle { text-align: center; font-size: 28px; font-weight: 700;color: #019cea; }
.destinationFlag { width:21px;margin-top: -3px; } 
.comboFlagIcon { height: 20px; margin-top: -4px; border: 0;}
.comboPlaneIcon { width:21px;opacity:0.8;margin-right: 2px; }
.comboHomeIcon { width: 21px;margin-top: -1px;opacity: 0.33; margin-right: 0; }
.comboNewDestinationIcon { width:25px;margin-top:-8px;margin-right: -2px; }

.tt-query { border-radius: 4px !important; border: 0 solid #fff !important }
.twitter-typeahead { width: 100%;}


/* Wizard steps */
.wizardStep1 h1 , .wizardStep2 h1 , .wizardStep3 h1  {
				color: #000 !important; font-weight: bold; padding-bottom: 20px; margin-top: 10px; font-size: 28px}
				
.wizardStep1 , .wizardStep2 , .wizardStep3 { text-align:center }
.wizardStep1 img , .wizardStep2 img , .wizardStep3 img { text-align: center; margin-bottom:20px;max-width: 100%; }

.js-btn-step { min-width:145px }
.btn-grey { background:#bbb !important }

.wizardStep1 , .wizardStep2 , .wizardStep3 { margin-top: 10px; }
.wizardStep2 h2 { height: 1px; padding: 0; margin: 0; }

.wizardStep2 .form-group { margin-left: 0 !important; margin-right: 0 !important;  margin-bottom: 0px !important;}

.wizardStep1 img { max-width: 100% }
.wizardStep1 p { text-align: center;font-size: 13px;margin-top: 0px;margin-bottom: -7px; }
.wizardStep2 { padding: 0 15px }

.wizardStep3 img { margin: 0 auto; display:block; max-width:100% ; margin-bottom:15px}
.wizardStep3 .profilePicChange { width: 83%}

.wizardFooter { text-align: center !important }


/* Frontpage */
.fieldIcon1 { padding-left: 37px; border-radius: 5px; max-height: 45px; overflow: visible; background-image: url(/images/design/map-marker-icon.png);
    background-repeat: no-repeat; background-position: 1.33% 50%; background-size: 30px 30px; box-shadow: 0 0 5px rgba(0,0,0,0.75) }

.dropdown-menu .divider {margin: 10px 0 10px 0 !important }    
    
/* Header Login form mods */

.navbar-right { margin-right:0 !important }

.headerLogin { margin-top: 10px; width: 100% }
.form-inline { text-align: center }
.form-inline .form-control { width: 100% !important;background : #f4f4fa;border-radius: 10px;border:1px solid #888 }
.jumbotron { min-height: 650px; background-size: cover; padding-top: 85px !important; padding-bottom: 20px !important; min-width: 320px }

.btn { line-height: 1.2 !important; font-size: 20px !important; background-color: #f05b6d; color:#fff; border-radius: 25px !important;outline:0 !important }

.btn:hover { background-color: #ff687a;color:#fff }

.btn.focus, .btn:focus { background-color: #ff687a;color:#fff }

.talkToUserIcons { float:left;cursor:pointer }
.talkToUserIcons:hover { filter: brightness(108%) }

#TalkToBlock { position: relative; top: 0px; left: 7px; }
#TalkToHeart { }
#TalkToWink	 { }


.triangleDropDown { float: right; margin-right: 5px; top: 3px; font-size: 18px; position: relative }
.triangleDropdown .btn:hover {color: #000 !important}

.close { opacity: 0.95 !important; position: absolute; right: -18px; top: -18px; z-index:200; outline:0 }
.close:active{ outline: none; }

.headerMenudropDown .close { opacity: 0.95 !important; width: 30px; position: absolute; right: 4px; top: 6px; z-index:200; outline:0 }


.profileUsername { font-size: 22px;margin: 15px 0 0 0;padding: 0 12px 0 12px;text-transform: capitalize;font-weight: 900;color: #32325d}

.redCloseX { color: red; font-weight: 900 }
.redCloseX  img { width: 27px }

.btn-block { height: 50px }
.btn-success { background: #f05a6c !important;border: 0 !important }
.btn-success:hover { background: #ff687a !important; border: 0 !important }
.btn-primary { color: white !important; background-color: #006c84 !important }

/* User profile modal*/

#MainPic{ width: 100%;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
        border-radius:15px;
}

#ProfileModal .modal-body { padding: 10px !important }
#ProfileModal .modal-dialog { }
#ProfileModal .modal-header { padding-left: 26px;height:150px;margin-bottom:-150px;border-bottom: 0; }


#ProfileModal .modal-content , #PreferencesModal .modal-content { max-width: 800px; margin:0 auto; border-radius: 25px;  }

.modal-content .row { margin-right: 0; margin-left: 0 }

#UploadPictureModel .modal-content , #DeletePictureModel .modal-content , #DeleteAccountModal .modal-content , #PreferencesModal .modal-content , #TravelManagerModal .modal-content , #WizardEditModal .modal-content { border-radius: 25px }


#UploadPictureModel .modal-dialog .modal-header { color: #000; height: 0px; opacity: 0;}
#DeletePictureModel .modal-dialog .modal-header { color: #000; height: 0px; opacity: 0;}
#DeleteAccountModal .modal-dialog .modal-header { color: #000; height: 0px; opacity: 0;}
#WizardEditModal .modal-dialog .modal-header { background:#06a6f9;color:#fff }


#PreferencesModal .modal-dialog .modal-header { color:#32325d ; border-top-left-radius: 25px; border-top-right-radius: 25px }

#TravelManagerModal .modal-dialog .modal-header { color:#32325d ; border-top-left-radius: 25px; border-top-right-radius: 25px }

#WizardEditModal .modal-dialog .modal-header { background:#06a6f9;color:#fff ; border-top-left-radius: 25px; border-top-right-radius: 25px }

#ThumbsWrap { position: relative; margin: 1px auto; width: 66%;  }

.modalProfileThumb { width: 30%; margin-right: 0px;  outline: 1px solid rgba(255,255,255,1); display: inline-flex; }
.modalProfileThumb img { width: 100%;padding: 0px;margin: 0;box-sizing: border-box;height: 50px;border-radius:5px }
.modalProfileThumb img:hover { cursor: pointer; filter: brightness(108%)  }

.formDestination img { width: 25px }
.formDestination #myTravelsFlag  { width: 22px;box-shadow: 0 0 2px #aaa;margin-top: -2px; }

.MyTravelDestinationInModal #myTravelsFlag {
    width: 31px;
    height: 31px;
    margin-top: -3px;
    border: 0;
    border-radius: 100%;
    box-shadow: 0px 0px 4px -1px black;
    transform: rotate(-15deg);
    float: left;
    margin-right: 10px;
}

.profileFlag { height: 32px; padding-right: 10px; position: relative; top: 1px; padding-bottom: 5px; float: left }
.profileInfo { padding-bottom:10px}
.profileInfoIcon { height: 16px; width: 16px; position: relative; top: -3px; padding: 0; float: none; opacity:0.7 }
.profileInfoFlag { height: 20px;position: relative;top: -2px;transform: rotate(-15deg); }
.profileLanguages { float: left; height: 19px; padding-right: 8px }

.profileInfo .row p { position:relative; top:0 }
.profileInfo > .row > .col { text-align: center }

.profileLastLogin { display: block }
.profileLastLogin img {  opacity: 0.5;}
.profileAboutMe { line-height: 1.1em; }
.profileAboutMe div {padding-left: 14px;}
#ProfileModal .divider1 { height: 50px }
.profilePlaneIcon {max-width: 21px;margin-left: 0;margin-top: -1px;}
@-moz-document url-prefix() {  .profilePlaneIcon { max-width: 21px;position: relative;left: -1px;margin-right: -4px;margin-top: -2px;}	}


#messagesWindow { position: relative;
    width: 80% !important;
    border: 1px solid #38386288;
    height: 60px;
    border-radius: 10px;
    background: #fff;
    left: 8px; margin-top: 20px;box-shadow: 0px 2px 3px rgba(0,0,0,0.25);}


#reportWindow { position: absolute !important; bottom: 70px;
    border: 2px solid #aaa; margin-left: calc( 50% - 170px);
    border-radius: 9px; width: 340px;height: 210px;
    padding: 0 15px 20px;
    z-index: 201; background: #fff; display: none;
    box-shadow: 0 0 150px 1500px rgba(0,0,0,0.5);
}

#reportWindow select  { border-radius: 20px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143;
    color: #555; background-color: #fff; background-image: none; border: 1px solid #bbb;width: 300px; position: relative;border-radius: 5px;
     }

#reportWindow .close img { top:0;left:0 }
#reportWindow textarea { margin: 5px 0 9px 0; padding-left: 15px }

@-moz-document url-prefix() {  #reportWindow textarea { margin: 0 0 5px 0;padding-left: 15px;height: 70px; }  }

.thanks4report { text-align: center; padding: 25% 0 0 0; display:none }

#winksWindow { position: absolute !important;
    bottom: 70px;border: 2px solid #f4cb00; margin-left: calc( 50% - 170px); border-radius: 9px; width: 340px; padding: 10px 8px; z-index: 201; background: #fff; display: none; box-shadow: 0 0 150px 1500px rgba(0,0,0,0.5) }

#WinkBox{ margin-left:9px }

#MessagesWinksWindow { position: absolute; top: 250px;left:44%;	margin-left: -150px;border: 1px solid #f4cb00; min-height: 205px !important;border-radius: 9px; width: 340px;display: block;z-index: 201;background: #fff;display: none;box-shadow: 0 0 40px rgba(0,0,0,0.50); }

.winkIcon { width: 45px ; cursor: pointer; margin-left:3px }
.winkIcon:hover {filter: brightness(110%) }

.winkIconLastMessages { width: 35px; }

.messagesPage .winkIcon { width: 40px; margin-bottom: -5px;margin-top: -5px; }

.talkToPage { padding-left:19px !important; }
.talkToPage .winkIcon {  }
.talkToPage #MessagesWinksWindow .winkIcon { width: 45px }
.talkToPage .talkToUserIcons { padding-left:10px; padding-right:10px; }
.talkToPage .row { width: 107.35% }

.talkToPage .sendBox { padding: 20px }

#textBox1 { width: 100%;height: 100%;padding: 10px; resize: none; border: 0; border-right: 1px dotted #ddd }

/* #messagesText { float: left; width: 78%; height: 150px; overflow: hidden; border-radius: 9px } */
#messagesText { float: left;
    width: 99%;
    height: 3em;
    overflow: hidden;
    border-radius: 25px; }


#sendButton { background: #f05a6c;
    position: absolute;
    width: 60px;
    margin: 0;
    cursor: pointer;
    border-radius: 10px;
    right: -67px; }

#sendButton:hover { filter: brightness(110%) }

#sendButton2 { position: absolute;
    top: 27px; left: 10px; width: 75px; height: 75px;
    margin-top: -25px; cursor: pointer; border: 0;
    background: #f05a6c; padding: 7px; border-radius: 9px;
    display: table-cell; border-radius: 10px; }

#sendButton2:hover { filter: brightness(110%) }

#MessageText { outline: none;font-size: 16px !important;border: 1px solid #32325d;margin-left: 3px;
    resize: none;height: 75px;width: 99%;padding: 8px;border-radius: 10px;overflow: hidden;padding-right: 35px;
    margin-bottom: 10px;box-shadow: 0px 2px 3px rgba(0,0,0,0.25); }
				 
#MessageText:focus { outline: none; border: 1px solid #090; box-shadow: 0 0 10px rgba(0,0,0,0.33) }

#MessageBox textarea { height: 100% !important;margin: 0;border: 0;box-shadow: 0 0 3px rgba(0,128,0,0);background: #fff /*#f4fbf9*/ }
#MessageBox textarea:focus { border: 0; box-shadow: 0 0 3px rgba(0,128,0,0) }

.navbar-collapse.collapse.off { display: block!important }
.navbar-collapse.collapse.off ul { margin: 0; padding: 0 }
.navbar-nav.no-collapse>li,  .navbar-nav.no-collapse { float: left !important }
.navbar-right.no-collapse { float: right!important }

/* triangles for text speech START */
.triangle-border:before { content: ""; position: absolute; bottom: -20px; left: 40px; border-width: 20px 20px 0; border-style: solid; border-color: #ddd transparent; display: block; width: 0; }
.triangle-border { position: relative; padding: 15px; margin: 0.35em 0 0.35em; border: 3px solid #ccc; color: #333; background: #F8F8F8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.triangle-border:after { content: ""; position: absolute; bottom: -13px; left: 47px; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; }
.triangle-border.left:before { top: 10px; bottom: auto; left: -25px; border-width: 15px 25px 15px 0; border-color: transparent #ccc }
.triangle-border.left { margin-left: 25px; min-height: 52px; }
.triangle-border.left:after { top: 16px; bottom: auto; left: -20px; border-width: 9px 21px 9px 0; border-color: transparent #F8F8F8 }
.triangle-border.right:before { top: 10px; bottom: auto; left: auto; right: -25px;  border-width: 15px 0 15px 25px; border-color: transparent #ccc }
.triangle-border.right { margin-right: 25px }
.triangle-border.right:after { top: 16px; bottom: auto; left: auto; right: -21px; border-width: 9px 0 9px 21px; border-color: transparent #F8F8F8 }
/* triangles for text speech END */
    
/* New Speech Bubbles START*/
.speechBubbleLeft { position: relative; padding: 8px; margin: 0.45em 1em 0.45em 0em; border: 0; color: #000; background: #efefef; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height: 35px; width: 100%; left: 30px;}

.speechBubbleRight { position: relative; padding: 8px; margin: 0.45em 1em 0.45em 1.60em ; border: 0; color: #000; background: #1d9de018;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  min-height: 35px; width: 100%; }

.speechBubbleLeft:before { content: ""; position: absolute; border-style: solid; width: 0; vertical-align: bottom; bottom: 15px; left: -11px; border-width: 10px 12px 0 0; border-color: transparent #efefef;}

.speechBubbleRight:before { content: ""; position: absolute; border-style: solid; width: 0; vertical-align: bottom; bottom: 15px; right: -11px; border-width: 10px 0 0 12px; border-color: transparent #ecf6fc; }
/* New Speech Bubbles END */

.messageDate {
    font-size: 12px;
    color: #32325d;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 3px 0 8px 0;
    margin: 0;
    left: 25px;
    line-height: 1px;
}

.messageDate::before { content: "";
    display: block;
    width: 100%;
    background-color: #eee;
    height: 1px; }

.messageDate span { position: relative; padding: 0 1em; background: #fff; }    
.messageContent { margin-top: 0px;width: 100%;font-size: 100%; }

.messageDate2 { font-size: 14px; color: #aaa; float: right; position: relative;  top: 5px; margin-bottom: -15px; }

.glyphicon-envelope:before { content: "\2709"; left: -5px; top: 3px;  position: relative; }

/* messages overview page */
    
.message { color: #000; border-radius: 9px;max-width: 735px !important; margin: 1px 0; padding: 0; border-left: 7px white solid;border-right: 5px white solid; border-bottom:1px solid #ddd; }

.aboutMeInfoCol1{
	width: 87px; float: left;
}

.profileIcon1 , .profileIcon2 , .profileIcon3 , .profileIcon4 , .profileIcon5{ cursor: pointer }

.profileIcon1 { cursor: pointer }
.profileIcon1:hover, .profileIcon2:hover, .profileIcon3:hover, .profileIcon4:hover { filter: brightness(108%) }

.profileIcon2 { position: relative; left: 5px }
.profileIcon2:hover { filter: brightness(107%) }

.profileIcon3:hover { filter: brightness(125%) }
.profileIcon4:hover { filter: brightness(125%) }
.profileIcon5:hover { filter: brightness(125%) }

.blockquote {
	padding:0; margin-bottom: -5px; font-size: 15px; font-weight:400;
    color: #000 !important; font-family: Arial, Helvetica, sans-serif;
    max-width:99%;margin-left: 7px;
}
/* "Get Started" button on homepage */
.b1 {
    opacity: 0; transition: opacity 0.5s ease-in; width: 100%; height: 50px;
    float: right; position: absolute; top: -20px; z-index: 2; border: 1px solid white !important;
}

#b1xbutton {
    width: 35px; height: 35px;
    position: absolute;
    top: 15px; right: 12px;
    color: black; border-radius: 50%;
    z-index: 100; visibility: hidden; opacity: 0.20;
}
/* frontpage */
.homepage-bottom-area-wrapper {	background: #fff; border-radius: 9px; box-shadow: 0 0 25px white }

.circle { width: 100% }

/* Profiles page view - after login */
.TouristsInRegion {
    border-radius: 5px;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.LocalsInRegion {
    border-radius: 5px;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.TouristsTitle {
    width: 100%; padding: 15px;
    margin-top: 0; margin-bottom: 10px;
    color: #000; font-size: 25px;
}

.LocalsTitle {
    width: 100%; padding: 15px; margin-top: 0;
    margin-bottom: 10px; color: #000; font-size: 25px;
}

.userSearchResults {
	font-size: 16px;position: relative; float: left;clear: right;padding: 0;
    width: 23.1%;height: 280px;margin: 8px; background: white;border: 0;
    border-radius: 15px;background: #fff; overflow:hidden;
    text-align:center; box-shadow: 0 0 12px rgba(3,66,206,0.25);
}

.userSearchResults:hover { filter: brightness(105%) }

.userSearchResultsPicture { max-height: 200px; overflow: hidden }

.userSearchResultsBottom { padding: 2px 0 0 0; min-height: 29px; border-bottom:0px solid  rgba(244,244,244,1);width: calc(100% - 1px) }

.userSearchResultsBottom2 {
	padding-left: 10px;
	padding-top: 2px;
    min-height: 53px;
    width: calc(100% - 1px);
    background: transparent
}

.myTravelBottom { padding: 2px 0 0 0; min-height: 29px; max-height:85px; border-bottom:0px solid  rgba(244,244,244,1);width: calc(100% - 1px) }

.myTravelBottom > .nikName > span { font-size: 22px; color: #019cea  }
.myTravelBottom > .nikName > .userCity > span { font-size: 16px }
.myTravelBottom .onlineStatus { padding: 0px 0 15px 0; margin-top: -10px; color: #888; text-align: center}

.myTravelBottom2 {padding-left: 10px;
    min-height: 35px;
    width: calc(100% - 1px);
    background: transparent;}

.myTravelUnderUserPic { 
    
    text-align: center;
    padding: 15px 15px 5px 15px !important;
    display: table;
    font-size: 22px;
    margin: 0 auto;
}

.myTravelUnderUserPic > .myTravelsCard { padding:0; margin:0; }

.myTravelStats { display: flex; padding: 10px 0 15px 0; border-bottom: 1px solid #eee; margin: 5px 0 15px 0;font-size:16px }

.userPicture { border: 0px solid rgba(0,0,0,0.1);width: 87.5%; min-height: 185px; background: white; margin-top: 15px; border-radius: 2px }

@supports (-ms-ime-align: auto) {.userPicture {z-index:10000}}

.NextLinkButton { top: 10px;position: relative;font-size: 20px !important; background-color: #019cea; color: #fff;   border-radius: 25px !important; padding:10px 15px; margin:5px}
.NextLinkButton:hover { filter:brightness(103%) }

.PrevLinkButton { top: 10px; position: relative;font-size: 20px !important; background-color: #aaa; color: #fff;   border-radius: 25px !important; padding:10px 15px; margin:5px}

.PrevLinkButton:hover { filter:brightness(103%) }

.flag { height: 28px; position: absolute; top: 4px; left: 11px; border: 0;
        transform: rotate(-15deg); border-radius: 50% }
.flag2 { width: 25px; float: left; position: relative; left: -7px; top: 5px;}
.flag3 { width: 20px; position: relative; top: -2px; transform: rotate(-15deg);}
.flag4 { width: 31px; position: relative; top: -2px; transform: rotate(-15deg); right:4px }

.userIconsContainer { position: absolute;bottom: 2px;right: 1px;	}

.online , .offline { width: 17px;
    height: 17px;
    float: right;
    position: absolute;
    right: 5px;
    top: 6.5px;
    z-index: 1; }

.online { background-image: url(/images/design/online.png) }

.leftBlock .online, .leftBlock .offline { right: 0px;top: 0px; }

.offline { background-image: url(/images/design/offline.png) }



.air-indicator-container { 
	display: block; text-align: center; background: transparent; font-size: 12px;
    color: #32325d; font-weight: 700;padding: 3px;position: absolute;
	bottom: 0; width: 100%;left: -7px
}

.air-indicator-container span { margin-left:-2px;font-weight: 100; }

.air-indicator-container-mobile { 
	display: block; text-align:center;
    font-size: 13px;
    font-weight: 700;
    color: #3271c1;
    padding: 9px 0 0 2px;
    position: absolute;
    right: 0;width: 90px;min-width:140px
}


.airplane-indicator-landing  { height: 16px; margin-top: -7px; margin-left: 9px; margin-right: -1px }		.airplane-indicator-takeoff { height: 16px; margin-top: -7px; margin-left: 3px; margin-right: -1px; }

.travelPurposeIndicator { height: 20px; margin-top: -9px; margin-left: 9px; margin-right: -1px; padding:0 3px 0 3px }

.travelPurposeIndicatorMyTravels { height: 20px;margin-top: -9px;margin-left: -5px;margin-right: -1px;padding: 0 3px 0 3px; }

#LocalsInRegion { position: relative; top: -15px;}

.nikName {
    text-transform: capitalize; color: #32325d;position: relative; width: 100%;padding: 0 0 5px 0;font-size: 18px; text-align: center; font-weight: 900; line-height: 30px;
}


.userText::first-letter {text-transform: capitalize;}
.userText { font-size: 13px; padding: 0;line-height: 15px;margin-left: 0; max-height: 30px; overflow-y: hidden; max-width: 97%}
.userCity { font-size: 13px;padding:0;margin: -3px 0 4px 0;line-height: 17px;text-align: center;max-height: 30px;overflow-y: hidden;font-weight: normal;color: #000; }
    
.smallUserPic { width: 40px !important;height: 40px !important;margin-top: 5px;float: right;border-radius: 50%; margin-right: 10px; margin-left: auto; }

.smallUserPic:active { position:relative;top:1px }


.mobilePictureButton { display:none }

.smallUserPicTalkTo { width: 43px !important;
    height: 43px !important;
    border-radius: 50%;
    margin-top: 0;
    float: left;
    margin-right: 7px;
    border: 1px solid rgba(0,0,0,0.2);}

.headerMenudropDown { 
    width: 330px; font-size:14px;
    top: -28px !important;
    right: -20px !important;
    height: 101vh;
    padding: 15px !important;
    box-shadow: 0 0 7px #00759655 !important;
    background: #ffffff; 
    background: -moz-linear-gradient(top, #ffffff 50%, #f1f1f1 100%); 
    background: -webkit-linear-gradient(top, #ffffff 50%,#f1f1f1 100%); 
    background: linear-gradient(to bottom, #ffffff 50%,#f1f1f1 100%); 
} 

.menu-nikname { padding: 20px 15px 0;margin: -5px 0 10px 0;}
.niknameText { margin-bottom:1em;color:#32325d;text-transform: capitalize; font-size: 25px; line-height: 1.25em; font-weight: 900;text-align:center; }

.menu-icon { width: 23px; height: 23px; margin: 0 0 0 5px; position: relative;top: 6px;float: left;}
.menu-item { font-size:18px; display: flex; padding:10px 0px 10px 0px;direction: ltr; border-top: 1px solid #ddd;margin: 0 5px 0 5px;}

.menu-icon-2 { width: 23px;height: 23px;position: relative;top: -1px;left: 1px;float: left;filter: brightness(0.25);margin: 0 15px 0 0; }

.modalicon1 { width: 30px; margin: 3px 0px -6px 10px; position: relative; top: -7px; display: inline-flex; }

.menu-item-mobile-only { font-size:18px; padding:15px 0px 9px 0px;direction: ltr; border-bottom: 1px solid #ddd;margin: 0 10px 0 8px; display:none }

.menu-item-mobile-only-homepage { font-size:18px; padding:10px 0px 9px 0px;direction: ltr; border-top: 1px solid #ddd;margin: 0 0px 0px -7px; display:none }

.topmenu-item1 {
    font-size: 21px;
    margin-left: 5px;
    border-radius: 5px;
}

.oval {
    position: relative;width: 270px;padding: 50px 40px;margin: 1em auto 50px;
    text-align: center;color: #fff;background: #5a8f00;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
    background: -moz-linear-gradient(#b8db29, #5a8f00);
    background: -o-linear-gradient(#b8db29, #5a8f00);
    background: linear-gradient(#b8db29, #5a8f00);
    -webkit-border-top-left-radius: 220px 120px;-webkit-border-top-right-radius: 220px 120px;
    -webkit-border-bottom-right-radius: 220px 120px;-webkit-border-bottom-left-radius: 220px 120px;
    -moz-border-radius: 220px / 120px; border-radius: 220px / 120px;
}

#DesktopUnReadMessageCount { position: relative;left: 30px;font-weight: 300;font-size: 14px;top: -8px;padding: 1px 6px;background: #f05b6d;color: white;border-radius:50% }

#MobileUnReadMessageCount { position: relative; left: -17px; font-weight: 300; font-size: 14px; }

#DesktopUnReadNewsCount { position: relative;left: 48px;font-weight: 300;font-size: 14px;top: 6px;padding: 1px 6px;background: #f05b6d;color: white;border-radius: 50%;z-index: 1;margin-left: -20px; }
#MobileUnReadNewsCount { position: relative;left: 39px;font-weight: 300;font-size: 14px;top: -1px;padding: 0px 4px;background: #f05b6d;color: white;border-radius: 50%;z-index: 1; }

.messages_wrapper {
    background-image: url(/images/design/cloud-wrapper.png);
    background-size: 53px 44px;
    background-repeat: no-repeat;
    height: 48px;
    border: 0 solid red;
    float: left;
    padding: 12px 44px 0 23px;
    font-size: 16px;
    font-weight: 100;
    width: 67px;
    margin-right: -5px;
    color: red;
    margin-top: 2px}

.messages_wrapper_outside {
	width: 150px;
    display: inline-block;
    height: 48px;
    background-position: 6px 5px;
    float: right;
    padding-top: 15px;
    font-size: 16px;
    font-weight: bolder;
    direction: rtl;
}

.headerBell {width: 50px;height: 40px;float: right;top: 5px;position: relative;margin-right: 7px}

.headerUserIcon {width: 50px;height: 40px;float: right;top: 4px;position: relative; }


.messages_wrapper_mobile {
    display: none;
}

.talkto_message_bk_color {
    background-color: #caedff;
}

.talkto_message_bk_color2 {
    background-color: #fccb90;
}

/* Search box combo */
.searchBox1 {  }
.searchBox1 li { padding: 0; border-bottom: 1px solid #ddd; }


.accountPageTopSection > .container > .row {  }

#DrBtn { width: 94.5%;
    height: 40px;
    background: white;
    color: #32325d;
    text-align: left;
    margin-left: 11px;
    border: 1px solid rgba(0,0,0,0.2)!important;
    padding-top: 0;
    line-height: 2 !important;
    overflow: hidden;    
}
    
.dropDownResults { color:#888 !important;font-size:13px;margin-left:0em;font-weight: normal;}

.dropDownResult3rd { margin: 12px;font-size: 13px;float: right;color: #32325d;position: relative;top: -10px; }


#RegionsSelectWindow { 
	width: 500px;
    max-width: 95vw;
    background: #fff;
    padding: 0 15px 15px 15px;
    border-radius: 7px;
    position: absolute;
    top: 15px;
    border: 0px solid rgba(0,0,0,.25);
    box-shadow: 0 0 10px -5px black;
    z-index: 1051;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;}

#DrBtn:hover > span , #DrBtn:active > span { color: initial } 

#TravelList { position: absolute; width:100%; padding:0 ; margin-left: 13px; border-radius: 3px;overflow:hidden;max-width:500px;margin-top: -18px; }

.srch-term {
    padding-left: 10px !important;
    background: white;
    transition: all 1s;
    height: 45px;font-size: 22px !important;
    width: 100% !important;
}

.controlButton1 {
    background-color: #32b092 !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
    height: 62px;
    min-width: 118px;
    color: #fff;
    position: relative;
    left: -2px;
    z-index: 100;
    width: 100%;
}

.controlButton1:hover {
	filter: brightness(75%);
	cursor: pointer;
}

/* Logged in - main page - top jumbotron */
.accountmain {
	background-image: url('/images/design/homepage-bg1-wide.jpg');
    height: 350px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 45px;
    width: 100vw;
    box-shadow: inset 0 0 25px 10px rgba(0,0,0,0.15);
}

.searchBarWrapper { margin: 0 auto; border-radius: 5px; width: 100%; max-width: 660px; min-width: 100px }

.btn-info { color: #fff; background-color: #f05b6d !important; border: 0px solid red !important;outline:0  }

	 
.datesTravel1 { left: -4px; max-width: 92% }



.modalProfileIcons { padding: 5px 10px 4px 10px !important;
    text-align: left;
    border-radius: 0;
    position: relative;
    width: 41%;

    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
 }
    
.flexElement {}
.flexElement:nth-child(1) {
    -webkit-order: 1;-ms-flex-order: 1;order: 1;
    -webkit-flex: 0.4 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    text-align: center;
    }

.flexElement:nth-child(2) {
    -webkit-order: 2;-ms-flex-order: 2;order: 2;
    -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    text-align: center;
    }

.flexElement:nth-child(3) {
    -webkit-order: 3; -ms-flex-order: 3; order: 3;
    -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    text-align: center;
    }

.flexElement:nth-child(4) {
    -webkit-order: 4; -ms-flex-order: 4; order: 4;
    -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    text-align: center;
    }
    
#LastMessages { margin-top:-20px}
.lastMessagesTime { font-size: 11px !important; color: #aaa !important; float: right; position: relative; top: 8px; right: 15px; padding: 0 0 5px 25px;}

.lastMessagesMessage {	font-size: 15px !important; border-bottom: 1px dotted #bbb; padding: 7px 0 7px 14px;min-height: 37px;width: 100%;}
.lastMessagesMessage:last-child { border-bottom:0 }
.modal-body > .formDestination { border-radius: 0; display: flow-root; padding-bottom: 4px; position: relative; top: 17px;  }
.modal-body > #TravelDestinations { margin-top:-25px }
#TravelDestinations a { font-size: 15px; color: #000 }
#TravelDestinations a:hover { text-decoration: underline !important }
.formDestination > .form-group:last-child { margin-bottom: 0 !important;  }
.datePositionMyTravels {  top:-5px }
.formPrefrences { border-radius: 9px;padding-left: 6% !important; position:relative; top:-15px}
.modal_dialog { width: 600px; max-width: 100% !important; height: auto; max-height: 100%;}
.modal_dialog login { border: 1px solid red; width: 400px; max-width: 400px !important; height: auto; max-height: 100% }

.footerPage { padding-left: 20px !important; padding-right: 25px !important; }
.footerPage p { font-size:14px !important }
.footerPage h1 { font-size:28px !important }
.footerPage h2 { font-size:22px !important }

.footerPage a { color: #000 ; text-decoration: underline }

.contactPage { padding-left: 20px !important;padding-right: 25px !important;padding-top:5px;min-height: 90vh;  }

.touristsByCountryPage { padding-left: 20px !important;padding-right: 25px !important;padding-top: 0 }

.contactPage , .touristsByCountryPage , .messagesPage , .footerPage , .myTravelPage
{ position: relative; min-height:87.5vh;}

.talkToPage {  }

.myTravelPage { 
    padding: 5vh 20px;
    width: 100vw !important;
    min-height: 94vh;
    background: url(/images/design/MyTravelBackground.jpg);
    background-size: cover;
    background-position: 0% 100%;
}

.myTravelPage > .row { max-width: 750px; margin: 0 auto; padding: 35px 10px 0 10px; position:relative; max-height: 650px; overflow: hidden }

.myTravelPageContainer { border: 1px solid #ceefff;
    border-radius: 25px;
    background: rgba(255,255,255,0.95);
    padding: 25px 5px 5px 5px; }

.myTravelPageContainer .socialButtons {  }
.myTravelPageContainer .socialButtons img {  }

.myTravelUserPicContainer { 
    margin: 0 auto;
    width: min-content;
    text-align: center;
    padding: 0;
     }

.myTravelUserPic { 
    border-radius: 10px;
    width: 33vw;
    padding-bottom: 0;
    max-width: 250px; 
}



.myTravelButton { 
    padding-top: 12px;font-weight: bold;
}

.sayHelloButton {  
    margin: 0;
    color: #000;
    background: #f05b6d;
    border-radius: 25px;
    height: 50px;
    padding: 10px; 
}

.sayHelloButton a { color: #fff } 

#MessageList { margin: 10px 0 20px 0;
    height: 480px;
    overflow-x: hidden;
    max-height: 47.5vh;
    border-bottom: 1px solid #00000015;
    width: 95.5% }

#MessageList .rightBlock { left: 35px; margin: 10px 0 0 0 }

.messageRightSideDesktopOnly { 
	float: right;
    width: 280px;
    padding:7px;
    height: 54vh;
    position: absolute;
    right: 25px; top: 4px; border-radius: 5px;
 }

.friendsPagesRightSideDesktopOnly {
	float: right;
    width: 280px;
    padding:7px;
    height: 54vh;
    position: absolute;
    right: 25px; top: 5px; border-radius: 5px;
}


.editPagesRightSideDesktopOnly {
	float: right;
    width: 280px;
    padding:7px;
    height: 54vh;
    position: absolute;
    right: 25px; top: 15px; border-radius: 5px;
}

/* Landing */

.landingPage { padding: 0 !important; }

.jumbo { 
    width: 100vw; margin: 0; padding: 0;height: 100vh; background: #fff;
    display: block; background-size: cover; box-shadow: inset 0 0 55px rgba(0,0,0,0.25);
    background-position: 1% 1%;
    border-bottom:1px solid #eee; transform-origin:center center;
    -webkit-animation: ZoomInOut 2.5s ease-out; -moz-animation: ZoomInOut 2.5s ease-out; -ms-animation: ZoomInOut 2.5s ease-out; -o-animation: ZoomInOut 2.5s ease-out; animation: ZoomInOut 2.5s ease-out;   
}

.var1 { background-image: url(/images/landing/desktop-01.jpg) !important }
.var2 { background-image: url(/images/landing/desktop-01.jpg) !important }
.var3 { background-image: url(/images/landing/desktop-13.jpg) !important }
.var4 { background-image: url(/images/landing/desktop-12.jpg) !important }
.var5 { background-image: url(/images/landing/desktop-11.jpg) !important }
.var6 { background-image: url(/images/landing/desktop-06.jpg) !important }
.var7 { background-image: url(/images/landing/desktop-08.jpg) !important }
.var8 { background-image: url(/images/landing/desktop-16.jpg) !important }

.varLanding1a { background-image: url(/images/landing/desktop-04.jpg) !important }
.varLanding1b { background-image: url(/images/landing/desktop-06.jpg) !important } 
.varLanding1c { background-image: url(/images/landing/desktop-14.jpg) !important; background-position: 90% 0%;}
.varLanding1d { background-image: url(/images/landing/desktop-09.jpg) !important; background-position: 90% 0%;}
.varLanding1e { background-image: url(/images/landing/desktop-10.jpg) !important; background-position: 70% 0%;}
.varLanding1f { background-image: url(/images/landing/desktop-11.jpg) !important; background-position: 90% 0%;}

.varLanding2a { background-image: url(/images/landing/desktop-07.jpg) !important }
.varLanding2b { background-image: url(/images/landing/desktop-15.jpg) !important } 
.varLanding2c { background-image: url(/images/landing/desktop-03.jpg) !important; background-position: 90% 0%;}
.varLanding2d { background-image: url(/images/landing/desktop-12.jpg) !important; background-position: 90% 0%;}
.varLanding2e { background-image: url(/images/landing/desktop-17.jpg) !important; background-position: 90% 0%;}


/* mobile background pictures settings on line ~1575 */

.landingBox { width:40vw;text-align: center ; background: rgba(255,255,255,0.75); border-radius: 11px ; position: absolute; top:5vw; left: 10%;
			  padding-top:25px; border: 1px solid white; box-shadow: inset 0 0 5px rgba(255,255,255,0.75);max-width: 650px;
      -webkit-animation: fadein 2s ease; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s ease; /* Firefox < 16 */
        -ms-animation: fadein 2s ease; /* Internet Explorer */
         -o-animation: fadein 2s ease; /* Opera < 12.1 */
            animation: fadein 2s ease;
}
				 
.landingBox > p { text-align: center }
.landingBox > p > img { width: 50%; max-width:225px }
.landingBox h1 { color: #000 ; font-weight: 700 }

.landingBox #landingTxt { font-weight:500;font-size:32px;color: black !important; }
.landingBox #countryTxt { font-weight:700;font-size:39px;color: black !important;position: relative; top: -8px; }

.landingBox .minisite-btn { padding: 17px;
    margin: 10px 25px 25px 25px;
    box-shadow: 0 0 15px #fff;
    font-size: 28px !important;
    font-weight: 700;
    border: 0;
    background-color: #f05a6c;
    color: white;
    border-radius: 35px !important;
}

.landingBox .minisite-btn:hover { filter: brightness(110%); cursor: pointer }
.landingBox b { cursor: pointer; text-decoration: underline }

.bottomSection { padding: 15px 5px 15px 15px; position: relative; width: 100%; max-width: 1065px; margin: 0 auto }
.bottomSection #Travelers { }
.landingPage h1 , .bottomSection h2 { font-size: 28px !important }
.bottomSection h1 , .bottomSection h2 { border: 0; text-align: center }
.bottomSection p { text-align: center }

.modal-backdrop { background-color: transparent !important }

@keyframes fadein {
    from { opacity: 0; top:-25px }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; top:-25px}
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; top:-25px}
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; top:-25px }
}

	@keyframes ZoomInOut {
	    0% { filter: brightness(100%) }
	    50% { filter: brightness(147%) }
	    100% { filter: brightness(100%) }
	}
	/* Firefox < 16 */
	@-moz-keyframes ZoomInOut {
	    0% { filter: brightness(100%) }
	    50% { filter: brightness(147%) }
	    100% { filter: brightness(100%) }
	}
	/* Safari, Chrome and Opera > 12.1 */
	@-webkit-keyframes ZoomInOut {
	    0% {  filter: brightness(100%) }
	    50% {  filter: brightness(127%) }
	    100% {  filter: brightness(100%) }
	}
	/* Opera < 12.1 */
	@-o-keyframes ZoomInOut {
	    0% { filter: brightness(100%) }
	    50% { filter: brightness(142%) }
	    100% { filter: brightness(100%) }
	}

/* Landing END*/



/* Account/Friend pages */

.userMenu { max-width: 725px; height: 50px; width: 104.25%; margin-left: -10px; margin-bottom: 5px;}
 
.userMenu .userMenuItem { 
    padding: 7px 15px 4px 20px; font-size: 18px; display: inline-block;
    text-align: left; line-height: 20px; height: 40px; font-weight: 900;
    border: 1px solid #32325d66; border-radius: 25px; position: relative;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 75%, #efefef 60%, #ffffff 97%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 75%,#efefef 60%,#ffffff 97%);
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 75%,#efefef 60%,#ffffff 97%);
}

.userMenu .userMenuItem .circle { width: 20px;
    width: 25px; height: 25px; border-radius: 50%;
    background: #019cea; font-weight: 100; font-size: 12px; font-weight: bold;
    color: white; position: absolute; top: -10px; right: -5px; border: 3px solid white;
}

.userMenu .userMenuItem:last-child {}
.userMenuItem a { color: #333160 }
.userMenuItem span { font-size: 85% }

/* EDIT pages menu */
/* EDIT pages menu */
.userMenu2 { max-width: 710px; height: 36px; width: 106%; margin-left: -10px; margin-bottom: 5px;
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); 
	border: 1px solid rgba(0,0,0,0.05); border-radius: 5px;
 }
 
.userMenu2 .userMenuItem2 { height:100%; padding: 3px 20px; font-size: 18px; display: inline-block;  max-width: 715px; min-width: 90px; text-align: center; border-right: 1px solid rgba(0,0,0,0.15);font-weight:700 }
.userMenu2 .userMenuItem2:last-child { border-right:0 }
.userMenuItem2 a { color:#000 }


.userMenu3 {
    width: 96%;
	max-width: 1032px; 
	margin-top: -1px;   
    margin-left: 15px;
    margin-bottom: 10px;
	background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );  
    border: 1px solid #ddd;
    border-radius: 5px; height:36px
}

.userMenu3 .userMenuItem3 { height: 100%;
    padding: 3px 9.5px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    max-width: 715px;
    min-width: 50px;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.15); }
    
.userMenu3 .userMenuItem3:last-child { border-right:0 }
.userMenuItem3 a { color:#000;font-weight: bolder; }



.followPage , .followMePage, .blockPage  { padding-top: 20px; min-height:100vh;position:relative }
 .newsPage { padding-top: 5px; min-height:100vh;position:relative }

.friends .blockPage { padding-top: 8px; min-height:600px;position:relative }


.friendsPageItem {
    color : #000;max-height: 90px;max-width: 750px;
    border-radius: 9px;margin: 0;
    padding: 5px 0 5px 0;
    border-left: 5px white solid;
    border-left: 5px white solid;
    border-right: 5px white solid;
    border-bottom:1px solid #ddd;position:relative;
}


    .newsPage .rightBlock  { top: initial;top: 10px; }
    .messagesPage .rightBlock { border:1px solid red}

	.rightBlock img { width: 25px;position: relative;left: 0;top: 0;float: right }
	.rightBlock span { position:relative; top:-2px ; color: #06a6f9;}	
	
    .middleBlock { float:left; padding-left: 25px; width: 70%; line-height: 1.5; color: #333160; padding-top:10px }
	.middleBlock span:first-child { font-weight: 900; font-size: 18px; display: inline-flex;text-transform: capitalize; }
	
    .messagesPage .middleBlock span:first-child , .secondTextLine {  }

	.secondTextLine { overflow: visible; width: 110%;color: #33315f !important; }	
    .secondTextLine::first-letter { text-transform: capitalize}
    #secondTextLine { padding-top: 3px}
    .messagesPage .middleBlock { margin: 10px 0px 0px 25px ; top: 0;}
    .messagesPage .secondTextLine  { color: #f15a6d; font-weight: normal }
    .messagesPage .messagesCountLine { color: #f15a6d; font-weight: 900; font-size:15px }

    .middleBlock span:nth-child(5) { display: inline-block;color: #aaa;right: 0;position: absolute; top: 1.65em; }	

	.middleBlock img { float:left; width:22px; position: relative; top: 2px;margin-right:3px }
    .iconClock1 { height: 14px; width: 14px !important; float:left !important }
    .iconClockNews { position: absolute; right: 0; top: 18px;color:#aaa;line-height: 19px; }
    .iconClockNews img { height: 14px; width: 14px }
    .ifBlockIcon img { width: 20px; height: 20px; position: relative; top: 0.5px; left: -4px; margin-right:0}

    .PartialBlockListIcon , .PartialFollowMeListIcon , .PartialFollowListIcon { top: 0px !important }


.leftBlock { 
    float: left;
    position: relative;
    margin: 0px auto;
    min-height: 81px !important;
    width: 89px; }

.leftBlock img , .rightBlock img { height: 72.5px;
    width: 72.5px;
    margin-left: 15px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 50%;
    border: 0 solid white;
    box-shadow: 0 0 5px 1px rgb(1 156 234); margin:3px 0;
} 

.talkToPage .leftBlock img  , .talkToPage .rightBlock img { box-shadow: 0 0 0px rgba(4,166,249,0.5); transform: scale3d(1.5, 1.5, 1.5); }
.talkToPage .leftBlock { float: none }

.leftBlock span , .rightBlock span { color:#000;background: #d2dce7;position:absolute;bottom: -4px;height: 15px;font-weight:normal;font-size:12px;width:100%;text-align:center;left:0; }

.rightBlock {
    float: left;
    position: relative;
    margin: 25px 0 0 0;
    min-height: 85px !important;
    left: 85px;
}


#showMore { text-decoration: underline; max-width: 725px; text-align: center;padding-top:20px;padding-bottom:5px }	
/* Account/Friend pages END*/

/* Footer */
footer { padding-top: 15px; min-height: 130px; border-top: 1px dotted #4e4e9d; background: #32325d; }
footer .container { background: transparent; border-radius: 9px }
.row .footer { margin: 0 auto; padding: 5px 0 0 40px }	
.row .footer div span { font-weight: 700;font-size: 100%;color: #fff; }	
.row .footer ul { padding-left: 0px;list-style: none;padding-top: 5px; font-size: 14px }
.row .footer ul a {color:#fff}
.row .footer .facebookicon { width: 45px; padding: 5px; margin: 5px 25% 0 25%; }
.row .footer .footerlogo { width:150px; padding-bottom:20px }
.logoFooter { min-width: 300px; left:-50px }
.logoFooter p { font-size: 12px !important; text-align: left;margin:0;color:#fff }
.footerDivider { padding: 0 5px 0 15px !important;height: 85px;margin-bottom: 10px; }
.footerDivider:last-child { border:0 }
/* Footer end */

.premiumMember > a  { color: #32325d;font-weight: normal; margin-left: -7px; }
.premiumMember > a:hover  { color:#32325d; font-weight: normal; }

.freeMember  { color: #32325d;font-weight: normal;margin-bottom: 10px; margin-left: -7px; }
.freeMember > a  { color: #32325d; font-weight: normal  }
.freeMember > a:hover { color: #06a6f9 }

.logout > a { color: #32325d; }
.logout > a:hover { color: #06a6f9 }

.menu-nikname img { filter: invert(100%) }

.mainPicTip { position: absolute;top: 14px;left: 5px;background: #03c87e;padding: 4px 6px;border-radius: 10px;font-size: 15px;color: #fff;text-shadow: 0 0 5px black;z-index:1} 

.contactPage .form-horizontal {padding-left: 15px; padding-right:10px;}

.ProfileRightCol { padding-left: 10px !important;top: -15px;}


/*===================*/
/* WOOBLE TOP
/*===================*/

@-webkit-keyframes wobble-top-on-hover {
  16.65% {
    -webkit-transform: skew(-10deg);
    transform: skew(-12deg);
    filter:brightness(120%);
  }
  33.3% {
    -webkit-transform: skew(8deg);
    transform: skew(10deg);
     filter:brightness(110%);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    filter:brightness(105%);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
    filter:brightness(103%);      
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
    filter:brightness(101%);      
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
    filter:brightness(100%);      
  }
}
@keyframes wobble-top-on-hover {
  16.65% {
    -webkit-transform: skew(-10deg);
    transform: skew(-12deg);
    filter:brightness(120%);      
  }
  33.3% {
    -webkit-transform: skew(8deg);
    transform: skew(10deg);
    filter:brightness(110%);      
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    filter:brightness(105%);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
    filter:brightness(103%);      
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
    filter:brightness(101%);      
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
    filter:brightness(100%);      
  }
}
.wobble-top-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.wobble-top-on-hover:hover, .wobble-top-on-hover:focus, .wobble-top-on-hover:active {
  -webkit-animation-name: wobble-top-on-hover;
  animation-name: wobble-top-on-hover;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.wizardSelect { margin-top: -6px }

.panel-default>.panel-heading { 
    background: #fff !important; 
}

#accordion { max-width: 500px }

.sideMenuStats1 { padding: 0.75em; position: relative; left: -3px; top:-8px; border-radius:9px }

.sideMenuStats1 a { top:0 !important; left:0 !important; color: #32325d; }

.socialButtons { margin: 0; padding: 10px 0 0 0; display: inline-block }

.socialButtons img { width: calc(80.5vw / 6 ); max-width: 50px; margin-bottom: 10px; padding:9px}


.myTravelContent { position: relative }
.myTravelContent .myTravelUserPicContainer { }
.myTravelContent .myTravelUserPicContainer img {  }
.myTravelContent .myTravelUserPic {  }
.myTravelContent .myTravelBottom .nikName { text-align: center }
.myTravelContent .myTravelBottom .nikName .userCity { text-align: center }

.myTravelContent .myTravelBottom > .nikName > span { color: #32325d }
 
/* Media queries START         */
/* Large Devices, Wide Screens */
/* (1920x1080) Full HD Display */

@media  screen and (max-width: 1920px) {

	/* Menu align fix for very large monitors */
	.secMenuSpacer { width: 22.25%;	}
 	#TravelList {  margin-left: 13px; } 
}

@media screen and (orientation: landscape) and (max-width: 728px) {

	.userPicture { height:145px; width:100%; }
	.userMenu3 { width: 96%; margin-left:0}

}	

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {

	.navbar-default .navbar-collapse, .navbar-default .navbar-form { /* max-width: 1060px */ }
	.secMenuSpacer { width: 10.5% }
     #frontpage-title { top: -15px; left: -50px }
    .row { margin-left: -10px }
	#TravelList {  margin-left: 12px; }  		
}

@media only screen and (max-width : 1200px) {
   .userSearchResults { width: 23%; margin: 5px;}
    .picFrameDefault, .picFrameMain { left: 15% }
  	.secMenuSpacer { width: 9% }
	#TravelList {  margin-left: 12px;padding: 0;width: 93.5%;margin-top: -5px; }
    .navbar-default .navbar-nav > li {padding-right: 0px}
    .navbar-header {margin-left: 0 !important }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.mainPageProfiles { padding: 12px 5px 5px 17px !important }
	
	.modalProfileThumb img { height: 55px }
	.userCity {  padding: 0 5px 0 8px }

	/* Landing */
	#TravelList {  margin-left: 0; }  
	.jumbo { width: 100%; background-size: cover; background-position: 0% 0%; padding-left: 35px; padding-right: 35px;
       -webkit-animation: none; 
       -moz-animation: none; 
        -ms-animation: none; 
         -o-animation: none; 
            animation: none;
	}
	
	.landingBox { width:100%; position: relative; left: 0; top:45vh; border: 1px solid white; max-width: initial }
	.landingBox > p { text-align: center }
	.landingBox > p > img { width: 50% }
	.landingBox h1 { font-size: 27px }
	
	.var1 { background-image: url(/images/landing/mobile-08.jpg) !important }
	.var2 { background-image: url(/images/landing/mobile-05.jpg) !important }
	.var3 { background-image: url(/images/landing/mobile-03.jpg) !important; background-position: 22%;}
	.var4 { background-image: url(/images/landing/mobile-04.jpg) !important }
	.var5 { background-image: url(/images/landing/mobile-04.jpg) !important; background-position: 50%;}
	.var6 { background-image: url(/images/landing/mobile-10.jpg) !important }
	.var7 { background-image: url(/images/landing/mobile-10.jpg) !important; background-position: 50%;}
	.var8 { background-image: url(/images/landing/mobile-08.jpg) !important }	
	/* Landing End */
	
    /* landing general 1*/
	.varLanding1a { background-position: 90% 0%; }
	.varLanding1b { background-position: 80% 0; }
	.varLanding1c { background-position: 90% 0; }
	.varLanding1d { background-position: 80% 0; }
	.varLanding1e { background-position: 80% 0; }
	.varLanding1f { background-position: 80% 0; }			

    /* landing general 2*/
	.varLanding2a {  }
	.varLanding2b { background-position: 50% 0%;} 
	.varLanding2c { background-position: 66% 0%;}
	.varLanding2d { background-position: 66% 0%;}	

	#DrBtn { margin-left: initial; width:100% }
	
	
    .filterButton { margin: 0; background: #fff;margin-top: 0; font-size: 15px }

	.profileInfo .row p { position:relative; top:5px }

    .container {width: initial !important }
	
	.profilePicChange {height: 250px}
	input[type=file] {border:0;margin-bottom: 25px;padding: 10px 0 32px 0 }
	
	.userSearchResults { height: 285px }

	.userSearchResultsBottom2 { padding-top: 5px;padding-left: 0;  }
	.userText {color: #000;font-size: 13px;padding: 0 5px 0 8px;line-height: 17px;margin-left: 0 ; max-width: 94%}
    .nikName {top: 3px;left: -1px;margin-bottom: 5px;}

    .buttonIcon { width: 25px; height: 25px; margin-right: 3px ; margin-top: -4px;margin-top: -1px; }

    .picFrame1 {
        transform-origin: bottom right;
        transform: scale(1,1);
    }

    .userSearchResults {
        width: 23.5%;
    }

    .b1 {
        opacity: 0;
        position: relative;
        top: 280px;
        font-size: 22px !important;
    }

    #frontpage-title {
        position: relative;
        top: -75px;
    }

    .jumbotron {
        padding-top: 100px !important;
        background-size: auto;
        margin-bottom: 0 !important;
    }

    .jumbotron h1 {
            font-size: 35px !important;
    }

    .jumboButton {
        min-height: 50px;
        max-width: 90% !important;
    }

    .row {
        padding-left: 0;
        padding-right: 0;
    }

	.headerLogoInMenu { width: 150px; padding-left: 0; padding-bottom: 8px }
	
    .secondary_title {
        max-height: 10px;
        font-size: 26px;
    }

    .form-horizontal {padding: 0;}
    


    #homepage-form {
        padding-left: 9% !important;
    }

    .messageCount {
        color: #fff !important;
    }

    .notransition {
          -webkit-transition: none !important;
          -moz-transition: none !important;
          -o-transition: none !important;
          transition: none !important;
    }
    
}


/* Small Devices, Tablets *//* Small Devices, Tablets *//* Small Devices, Tablets *//* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    
    .myTravelContent { position: relative }
    .myTravelContent .myTravelUserPicContainer { }
    .myTravelContent .myTravelUserPicContainer img { width: 30vw ; height: unset }
    .myTravelContent .myTravelUserPic { width: 30vw; height: 75px; margin: 0 10px 0 0 }
    .myTravelContent .myTravelBottom .nikName { text-align: left }
    .myTravelContent .myTravelBottom .nikName .userCity { text-align: left }
    
    .myTravelPageContainer .socialButtons { float: right; position: initial; bottom: unset; right: unset; }

    
    .myTravelUserPic { width: 30vw; height: 75px; margin: 0 10px 0 0 }
    
    .myTravelPage > .row { padding: 10px 10px 35px 10px; margin-top: 75px; overflow: unset }
    
    .socialButtons img { 
        width: calc(75vw / 6 - 1px );
        margin-bottom: 20px;
        padding: 16px;
        max-width: unset;
        position: relative;
        left: 0;
        top: 10px;
    }
    
    .destinationCard { text-align: center }
    
    .destinationCard > .redCloseX { display: inline }
    
    .wizardSelect { margin-top: 0; margin-bottom:5px }
    
    #reportWindow .close img { top: -8px; left: 8px }
    
    .iconClockNews { right: 5px;top: 68px;font-size: 12.5px; }
    .iconClockNews img { height: 13px; width: 13px }
    .ifBlockIcon img { width: 20px; height: 20px}
    
    .paymentPage .leftSideContent .choosePlanButtons { height: 120px; margin: 0 0 15px 0 }
    .paymentPage .leftSideContent .choosePlanButtons div { font-size: 20px;width: 27%;padding-top: 45px;line-height: 22px }
    
    .paymentPage .leftSideContent .choosePlanButtons div:nth-child(2) { width: 60%; padding: 35px 0 0 70px  }
    
    .c1 , .c2 , .c3 { background-size: auto auto }
    

    
    .navbar ul  { padding-left:15px }
    .headerMenudropDown .close { display: none }
    .PrevLinkButton,.NextLinkButton { font-size: 16px } 
    
    
    #mobileOnlyUserMenu { top: 0; font-size: 15px }
    #mobileOnlyUserMenu > .modal-dialog { margin:0 !important }
    #mobileOnlyUserMenu .modal-content { border: 0 !important; border-radius:0;background: #fafafa;}
    
    #mobileOnlyUserMenu .modal-body {padding: 0 0 15px 5px; height:91vh; }
    #mobileOnlyUserMenu li>a { padding:5px 0 5px 15px; color:#32325d  }
    
.fade { opacity: 1; -webkit-transition: opacity 0.015s ease-in; -moz-transition: opacity 0.015s ease-in;
       -ms-transition: opacity 0.1s ease-in; -o-transition: opacity 0.015s ease-in;  transition: opacity 0.1s ease-in; }
        
    .mobilePictureButton {
        display: block;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        border: 0 solid white;
        box-shadow: 0 0 1px 1px rgb(1 156 234);
        position: absolute;
        left: 60px;
        top: 7px;
    }
    
    
    .ProfileRightCol { padding-left: initial }
    #ProfileModal .modal-body { padding: 0px !important }
    .homePageDropDown { width: 100vw; position: fixed; margin-top: 5px; border-radius: 0; }
    .navbarhomemobile { margin: -1px 0 0 0; padding: 0px 0 0px 10px }
    
    #MainPic { border-radius: 0}
    .navbar-brand {margin-right: 0px !important}
    .triangleDropDown { top: 13px }

    #RegionsSelectWindow .close img {top: 10px;left: 0px;}
    .footerPage a { color: #000; text-decoration: underline; font-size: 80%;}
    
    .divider1 { height: 45px; padding: 18px 0 0 12px;}
    .gradientChooseYourPlan { margin-top: 32px }
    .leftBlock { margin:0 }
    .iconImage { top: 3.5px }
    .MyPhotosMyProfileMyAccount .form-horizontal { padding:0px 13px }
    .MyPhotosMyProfileMyAccount .row { padding: 0px 13px 5px 13px }
    
    .mainPicTip { top: 10px;left: 5px;padding: 0 5px;font-size: 12px;height: 1.35em; }
    
    .MyPhotosMyProfileMyAccount .form-horizontal .form-group .form-control { border-radius: 10px; }
    
    .MyPhotosMyProfileMyAccount .form-horizontal .form-group textarea.form-control { border-radius: 10px;margin-bottom:0 }
    
    .MyPhotosMyProfileMyAccount .divider1 { width: 100vw !important; overflow: visible;margin-left: -25px;padding: 5px 0 0 10px;}
    
    .MyPhotosMyProfileMyAccount .control-label { color:#333177 }    
    
    .messagesPage .middleBlock { margin: 10px 0px 0px 2px ; top: 0;}
    
    #sendButton2 { top: 24px;left: 16px;width: 55px;height: 55px; }
    
    #MessageText {
        margin-left: 3px;  resize: none;height: 58px;width: 101%;padding: 8px;overflow: hidden;padding-right: 35px;margin-bottom: 5px
    }
    .talkToPage .sendBox { padding: 15px 5px 10px 5px;}
    .talkToPage .row { width: 107.25% }
    .userPicture { margin-top: 9px;border-top-left-radius: 3px;border-top-right-radius: 3px; }
    .middleBlock { padding-left:5px; margin-top:2px }

    #MessageList .leftBlock .offline { right: -15px;top: 10px; }
    #MessageList .rightBlock {left: 7.5px}
    .modal-header { border-top-left-radius: initial;border-top-right-radius: initial;}
    
    #ProfileModal .modal-dialog { margin: 0 !important }
    #ProfileModal .modal-content { border:0; border-radius:0 }

    .flexContainer { margin: 15px 20px 0 20px }
    .flexContainer div , #FilterStatus { font-size: 16px; font-weight: bold }
    
    .userSearchResultsPicture { max-height: 135px; overflow: hidden } /* picture height cut container */
    
    .online, .offline { position: absolute; right: 5px !important; top: 10px !important;}
    
    .menu-item-mobile-only , .menu-item-mobile-only-homepage { display: flex }
    
    
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding: 0 !important }
    
    
    
    .navbar-default { padding: 11px 0 0 0 !important;}
        
    .niknameText , .freeMember { text-align: center }
   
    .premiumMember > a  {  margin-left: -2px; }
	.freeMember  { margin-left: 0px; margin-right: 36px; }
    
    input[type=radio] { width: 30px; height: 16px; margin: 0; position: relative;top: 3px;}
    
    .form-control { color: #32325d; display: block; width: 100%; height: 35px; padding: 4px 12px; margin: -3px 0 5px 0 }
    
    .wizardStep2 .form-control { width: 99% }
    
    .form-horizontal .control-label {padding-top: 0px}
    
    .mobileOnly { display: block !important }
    
    .modal-login .modal-body , .modal-join .modal-body { width: 90%;margin: 15px auto 0 auto; }   
    
    .loginDesctopButton { font-size: 17px; margin: 16px 10px 2px 2px;float: left;padding: 1px 10px 0px 10px;
    border-radius: 10px; border: 2px solid #019cea;
    color: #019cea;position: absolute;right: 0; }

    .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px }
    
    .row .footer .footerlogo {
    width: 150px;
    padding: 20px;
    margin: 0 auto;
    margin-left: 35%;
    }
    .row .footer div span {font-weight: 900;font-size: 12px;color: #fff;letter-spacing: -1px;}
    
    .row .footer .facebookicon {width: 45px;padding: 5px;margin: 5px 25% 0 25%;position: absolute;top: -42px;left: 15%;}
    .homeWelcomeArea span .homeline1 { font-size: 32px }
	.homeWelcomeArea span .homeline2 { }
    .homeWelcomeArea span .homeline3 { top: 15px }
    .navbar-header { margin-left: -35px !important }
    .navbar-brand { }
    .headerlogo { position: absolute;left: 36vw; top: 29px; height: 32px; }
    .sidebarTrigger { display: block; position: relative; top: -5px; }
	.headerLogoInMenu { padding-top: 12px }
    .frontPagePicture { width: 100vw; margin-left: -15px; }
	.filterButtonClearView { margin: 6px 2px 0px 3px !important; font-size: 15px; }

	.menu-item { padding: 10px 0px 7px 0px }

	.modalCloseTopArea { position: initial;
    top: initial;

    min-height: 64px;
    width: 100%;
    padding: 25px 0 0 30px;
    text-align: center;}
    
	.modal-sidebar { top:0px }
	.modal-sidebar , .modal-sidebar .modal-content , .modal-sidebar .modal-dialog { max-width: initial; height:100%; margin:0 !important}	
    .modal-sidebar .modal-content { border-top-left-radius: 0 !important; border-top-right-radius:0 !important }

	.caret { margin-top:18px }

    .filterButton { margin: 0; padding: 18px 0px 0px 7px !important; margin-top: 6px;  }

	.searchButton {width: 65px !important;  }
    
	.dropdown-menu { border:0 !important }
	
	.menu-icon { width: 30px;height: 30px;margin: 3px 0 2px 5px;position: relative;top: -3px;float: left}
    
	.dropdown-menu>li>a { line-height: 1.15 !important }
	.searchBox1 > .dropdown > .dropdown-menu > li:last-child { height: 50px;padding-top: 13px } 	
	
	.headerBell { width: 41px; height: 33px; float: right; top: 10px; margin-right: 0}
    
	.headerUserIcon { width: 41px; height: 33px; float: left; top: 8px; margin-right: 3px; }

 	.homeLandPartialTravelers { position: relative;left: -3px; }
 	
	.headerMenudropDown {
		width: 100vw !important;
        position: fixed !important;
        left: 0 !important;
        top: 63px !important;
        border-radius: 0 !important;
        background: #ffffff !important;    	
        padding: 0px !important;
        box-shadow: 0 0 0 0px #00000033 !important;
        height: auto;
	}
    
    /*.headerMenudropDown { -webkit-transition: none; transition: none }*/
	
	.paymentPage , .paymentGatewayPage { padding: 0 5px 0 10px !important; top: -10px;position:relative;min-height:600px }
	.paymentButtons > .paymentLeft { padding: 0 !important }

    
    .dropdown-menu li>a {  }

	.dropdown-menu .divider { background: rgba(128,128,128,0.2) !important}

	.menu-nikname { margin: 0; padding: 0px 15px 10px; list-style: none }
	 
	.ui_container { animation-iteration-count: 0; height: auto }
	
    .homeWelcomeArea { width: 100%; margin-top: 0px; margin-left: 10.25vw;
    max-width: 360px; height: 85vh; text-align: center; padding: 41vh 40px 0px 0px !important;}
    
	.homeWelcomeArea > h1 { font-size: 33px !important; font-weight:normal }

	#loginMobileButton { font-size: 14px;position:relative; top:-3px;margin-right: 0; }
	#joinMobileButton { font-size: 16px;position:relative; top:-4px }

	.searchButton { font-size: 15px;margin: 9px 0px 0px 0px;margin-right: 8px; } 
	.searchButton > img { margin-top: -7px !important; margin-left: -5px; width: 34px; }	

	.modalProfilePicFixTemp {
	    max-height:none;
    }

	.profilePicChange {
	    height: 225px;
	}

	#DrBtn { background: #fff;height: 49px;overflow: hidden;padding: 4px 0 0 10px;line-height: 1 !important;	}

	.searchbox1 {top:-5px}
	

	.fieldIcon1 {
	}

	.srch-term {
	    padding-left: 5px !important;
	}

	.homeSearchArea { display: block }

    #TravelList { margin-left: 0; margin-top: -14px; border: 1px solid #ccc !important;  }

    .controlButton1 { border-radius: 5px !important; left: 0 }

    .nikName { font-size: 16px }
	
	.destinationFlag { width:24px } 

    .profileFlag { height: 30px;padding-right: 7px;float: left; }

	#DesktopUnReadMessageCount { left:8px; }
	
	#MobileUnReadMessageCount { color: white;background: #f05b6d;padding: 0px 4px;border-radius: 50%; }	

	.navbar-toggle { background-color: rgba(255,255,255,0.15) !important ;}	
	
    
    .headerMessages	{
		background-image: url(/images/design/cloud-wrapper.png);
	    background-size: 41px 36px; background-repeat: no-repeat;
	    width: 56px; height: 45px; float: right; margin: 8px -5px 0 10px; }
    
    .messages_wrapper_outside {
        display: flex;
        align-items: normal;
        justify-content: right;
        height: 48px;
        width: 54vw;
        background-position: 6px 5px;
        padding-top: 7px;
        font-size: 16px;
        font-weight: bolder;
        z-index: 220; 
    }
    
    .messages_bell_outside {
        display: inline-block;
	    background-size: 50px 40px;
	    background-repeat: no-repeat;
	    height: 48px;
	    width: 70px;
	    background-position: 6px 5px;
	    float: right;
	    padding-top: 12px;
	    font-size: 16px;
	    font-weight: bolder;
	    position: absolute;
	    left: -55px;
	    top: 1px;
	    z-index: 100;  
	}
    
#messagesWindow { width: 78% !important; }

#winksWindow { bottom: 70px; top: auto; left: 0vw; } 
#reportWindow { bottom: 70px; top: auto; left: 0vw; }     

   .messages_wrapper_mobile { display: block }
   .messages_wrapper { display: none }

    .userSearchResults { width: 31%; overflow: hidden; height: 295px; }

    .b1 { opacity: 1; position: relative; left: -10%; top: 280px; font-size: 22px !important }

    #b1xbutton {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 16px;
        right: 16px;
        color: black;
        border-radius: 50%;
        z-index: 100;
        visibility: visible;
    }

    #frontpage-title {
        top: 15px;
        left: 44px;
    }

    .jumbotron {
        padding: 15px !important;
        padding-top: 55px !important;
        margin-bottom: 0 !important;
        background-position: 15% 85%;
    }

    .navbar-nav {

    }

    .navbar-right {
   		float: right!important;
   		margin-right: -10px;
    }

    .form-inline {
        text-align: center;
    }

    .headerLogin {
        margin-top: 10px;
        width: 100% !important;
    }

    .collapse.in { display: none; }

    .userPicture { /* height: auto */ }

    .jumboButton { min-height: 50px; max-width: 82% !important }

   .navbar-collapse {
        padding-right: 0 !important;
        float: right;
        position: relative;
        top: 10px;
        left: 4px;
        border-top: 0 solid transparent !important;
        width: 245px;
    }

    .navbar-right {
        padding: 6px;
        padding-left: 15px !important;
    }
 
	.profileInfoIcon { position:relative; top:-2px; padding-left:25px }
	.profileInfoFlag {  }	
	
	.modalProfileThumb img { height: 65px }
	
	.modal-dialog { margin: 5px 5px 0 5px !important; max-height:90vh }
	/* .modal-dialogFIX1 { position:relative; left:11vw } */
	.modalProfileIcons { position: relative; 
    text-align: center;
    background: transparent; }
	.modalProfileIcons img { margin-left:3px ; margin-right: 7px }

	.speechBubbleRight , .speechBubbleLeft	{ width:92% }

/* secMenu */
.navbar-nav>li>a {font-size: 3.75vw !important; padding-top: 14px !important }
.nav-nav>li>a { padding: 0 !important; }

.ui_container { 
    background: rgb(44, 106, 234);
    background: linear-gradient(349deg, rgba(0,212,255,1) 9%, rgba(53,116,255,1) 47%);
    background-image: url(/images/design/frontpage1mobile.jpg);
    background-size: cover;text-shadow: 0 0 5px black;
}

/* Show locals and travelers buttons */
	.controlButtons { margin:8px 0 0 0; }
	#ShowLocals { width:49.5%;font-size:16px; padding:2px;float:right; position: relative; left: 0; }
	#ShowTravels{ width:49.5%;font-size:16px; padding:2px;float:left; position: relative; left: 2px; }


.air-indicator-container-mobile { display: block; font-size: 10px; font-weight: bold; padding: 0; position: absolute; bottom: 2px; left: -4px; width: fit-content; }

.messages_wrapper_outside p { width: 57px; height: 25px;text-align: left}

/* Footer */
footer { min-height: 80px;margin-top: 20px; }
footer .container { background: transparent; border-radius: 0px;  }

.row .footer { margin: 0 0 0 20px;padding: 0 !important;border-bottom: 0; }	
.row .footer div span { font-weight: 700 }	
.row .footer ul { padding-left: 0px;list-style: none; }
.row .footer ul a {color:#ffffffaa}

.logoFooter { min-width: initial; left: initial }
    
.footerDivider { padding: 0 !important;height: auto;margin-bottom: 0;text-align: left;line-height: 30px }
    
.row .footer ul {padding-left: 0px;list-style: none;padding-top: 5px;font-size: 12px;line-height: 1.75em;}
.footerDivider a { color:#000 ; padding: 0 5px 0 0 ; font-weight:normal ; text-decoration: underline}

/* Footer end */

}


/* Extra Small Devices, Phones *//* Extra Small Devices, Phones *//* Extra Small Devices, Phones *//* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    
    .myTravelBottom .onlineStatus { position: relative;text-align: left;left: -1px;top: 5px;}
    
    .socialButtons img { padding: 5px; max-width: unset }
    
    .myTravelPage { padding:5vh 10px;
        box-shadow: unset;background: url(/images/design/MyTravelBackgroundMobile.jpg);
        background-repeat: no-repeat;background-size: contain;background-position: 0 -13%; }
    
    .myTravelUserPicContainer { float: left }
    .myTravelContent { border-bottom: 1px solid #eee;margin-bottom: 10px }
    .myTravelUnderUserPic { font-size: 22px; width: 100%;padding: 0 2px !important;box-shadow: none;margin-top: 0 }
    
    .messageDate { padding: 6px 0 6px 0 }
    .addDestinationBtn { margin: 10px 0 20px 10px }
    
    .menu-icon-2 { width: 24px; height: 24px;margin: 0 20px 0 0; left: 15px; }
    .sideMenuStats1 { top:-25px }
    
    .secondTextLine { display: -webkit-inline-box; width: 100%; }
    
    .mobilePictureButton { height: 30px; width: 30px; right: 12px; top: 2px; position:relative }
    
    .headerUserIcon { top: 0 }
    .loginDesctopButton { margin: 3.5px 10px 2px 2px; position: absolute; right: 0; }
    
    .row .footer .footerlogo  { margin: 0 auto; width: 100%; padding: 20px 120px; }

    .headerMessages	{  margin: 0 12px 0 0 }
    .headerBellContainer { position: absolute; top: 19px; left:39px }
	.headerBell { top: 0px }

    
    /*-- NEW DESIGN START */
    .online, .offline { right:3.5px !important }
 
    /*.bg1 .sidebarTrigger { left: 8px }  fixes mobile ||| menu horizontal position difference on home and logged in views */
        
    .headerlogo { position: absolute;left: 34%;top: 22px;height: 24px; }
    
    .callToActionButton { border: 2px solid #ffffff33;color: #fff;background: #f05a6c !important;
    border-radius: 50px;font-size: 24px !important;padding: 10px;font-weight: 700;
    position: relative;width: 280px;margin: 5vh calc(50% - 140px);text-shadow: none; box-shadow: none; }
    
    .sidebarTrigger { display: block; position: relative; top: -14px; }
    
	#winksWindow > .close , #MessageBox > .close { right: -13px }
    #reportWindow > .close , #MessageBox > .close { right: -13px }

	.flexContainer > div > ul { margin-top: -20px; }
	.filterDropdown { min-width: initial !important; width: 105px; border:1px solid #ccc !important; border-top:0!important}
	
	.padding9{ margin-left: -10px !important; }
	
	.profileLastLogin { font-size:14px}

    .flexContainer { margin: 5px 0 0 0 }
    div.userMenu.flexContainer { margin: 5px 0 0 -8px }
	.flexContainer div { height: 35px; color: #32325d; z-index: 5  }
	.flexContainer div img {  width: 20px;height: 20px;position: relative;top: 0;left: 3px;}
    
	header {height: 54px}

	.varLanding1a { background-image: url(/images/landing/mobile-10.jpg) !important; background-position: 90% 0%; }
	.varLanding1b  { background-image: url(/images/landing/mobile-10.jpg) !important; background-position: 80% 0; }
	.varLanding1c	{ background-image: url(/images/landing/mobile-01.jpg) !important; background-position: 33% 0; }
	.varLanding1d	{ background-image: url(/images/landing/mobile-01.jpg) !important; background-position: 33% 0; }
	.varLanding1e	{ background-image: url(/images/landing/mobile-05.jpg) !important; background-position: 33% 0; }
	.varLanding1f	{ background-image: url(/images/landing/mobile-05.jpg) !important; background-position: 33% 0; }

	.varLanding2a { background-image: url(/images/landing/mobile-05.jpg) !important; background-position: 10% 0%; }
	.varLanding2b { background-image: url(/images/landing/mobile-07.jpg) !important; background-position: 40% 0; }
	.varLanding2c { background-image: url(/images/landing/mobile-06.jpg) !important; background-position: 33% 0; }
	.varLanding2d { background-image: url(/images/landing/mobile-13.jpg) !important; background-position: 33% 0; }
    .varLanding2e { background-image: url(/images/landing/mobile-09.jpg) !important; background-position: 73% 0; }
	
	.landingBox #countryTxt { font-size: 32px }
	.landingBox { padding-top:10px }

	.close { right: -3px;top: -5px; }
	.close img { width: 30px; position: relative; top: 21px; left: -18px; }
    #MessageBox .close img , #winksWindow .close img { top: -10px; left: 10px; }
    
    #MessagesWinksWindow .close img { top: -10px;left: 20px;}
    
	.mobileHeihgtFix { margin-top:-7px }
    
	.buttonIcon { margin: 3px 0 0 14px }
	.buttonIcon2 { filter:invert(100%); filter: invert(100%); width: 35px; margin-left: 5px; }

	.dummyPlaceHold { width: 46.25% !important }
	.dummyPlaceHold img:first-child { width: 31px; padding: 4px; }
	.dummyPlaceHold span { position: relative; top: 6px;left: 3px;font-size: 14px; }
	
	.mainPageProfiles { padding: 5px 0px 5px 0px !important }
	
	.formPrefrences { padding-left: 5px !important }
	.formPrefrences .control-label { border-right:0 }

	.triangleDropDown { font-size: 12px;margin-top: -2px;position: relative;left: -2px; top:3px }

	.show-male, .show-female, .show-TouristsAndForeigners, .show-PeopleFromMyCountry, .show-PeopleFromMyCountry, .show-sexuality, .show-familystatus, .show-lookingfor {
		min-width: 95px }
	
	#PreferencesModal .control-label , .control-label  { text-align: left !important; font-size: 14px }

	.formDestination #myTravelsFlag {width: 17px;margin-right: 2px;margin-top: -3px;}

	.profilePlaneIcon { margin-left: -1px }

	.air-indicator-container-mobile span {margin-left: -2px; font-weight: 400 }

	.wizardStep3 .profilePicChange { width: 92% }
	
    .filterButton { margin: 0;padding: 0 !important;height: 32px;background: #fff;margin-top: 7px;border: 1px solid #d8d8d8 !important;left: 0; }
        
	.filterButtonClearView { margin: 7px 0px 4px 5px !important; padding: 8px 0 0 0 !important; height: 32px; background: #fff; width: 52% !important; font-size: 13px }
	.filterButtonClearView img { margin-top:-5px;margin-left: 5px;}
	    
	.language-pick, .into-pick , .lookfor-pick { width: 91.33% }

	.form-group-margin { margin-left:0 }	
	
	.wizardStep3 img { max-width: 100%; height: 50%; }

	.footerPage { position: relative; left: 5px; top:5px; margin-right: 5px !important; }

	#DrBtn { background: #fff; height: 38px; overflow: hidden; padding: 4px 0 0 10px; line-height: 1.5em !important;margin-bottom:4px }

	.SubscriptionMyAccount { padding-top: 5px; padding-left: 15px !important;}
	.accountPageTopSection { padding-top: 20px; padding-left: 5px !important;padding-right: 9px !important }

	.navbar-default { height: 65px !important;}
    
    .leftBlock { left: -7px; }	.leftBlock img { height: 64px; width: 64px; margin: 10px 0; } /* news page */
    .rightBlock { left: -30px } .rightBlock img { height: 64px; width: 64px; margin: 10px 0; }
    
	.modalProfileThumb img { height: 45px; border-radius: 2px }
	.paymentPage input { margin: 0; width: 100%; transform: scale(0.7); }
	.homePopularCitiesArea span {font-size: 13px}
	.homeSearchArea { padding: 0 45px 0 15px }
	.homeSearchArea > p { font-size: 23px ; margin-left:10px;margin-bottom:0 }	
	.homePopularCitiesArea img { width: 100%; max-height: 125px; }
	.profileIcon1 { cursor: pointer; }

	.air-indicator-container-mobile { color: #32325d;font-size: 12px; padding: 0; margin: 0; position: absolute; bottom: 1px; min-width: 140px;font-weight: 400;left: 3px; width: 100%;text-align: center;}
	
	.userSearchResults { border:0  }
    
	 #Travelers:nth-child(2) { border: 1px solid red }
	
	.airplane-indicator-landing , .airplane-indicator-takeoff { height: 16px;margin-left: -4px;position: relative;top: 1px}
	.travelPurposeIndicator { height: 16px; position: relative; top: 2px; }
	.travelPurposeIndicatorMyTravels { height: 16px; position: relative; top: 2px; }	
	   
	.mobileViewProfileLeft { width: 46%; display: block; float: left }
	.mobileViewProfileRight { width: 52% ;min-height: 100px;display: block; float:right ;text-align: left;position: relative; }

	.flag { height: 21px; left: 2px; top: 6px; }
	
	.userSearchResultsBottom { border-radius: 0;margin: 0;display: flex }
	
	@-moz-document url-prefix() {  
		.userSearchResultsBottom {margin: 5px 0 5px 0 }
		.nikName { top: 2px; margin-left: 7px; }
	}
	
	.air-indicator-container { font-size: 10px; padding: 2px 0 0 2px; }


    /*
	.paymentPage .leftSideContent #paymentButtonAL { height:120px;padding-top: 37px; }
	.paymentPage .leftSideContent #paymentButtonBL { height:120px;padding-top: 37px; }
	.paymentPage .leftSideContent #paymentButtonCL { height:120px;padding-top: 37px; }

	.paymentPage .leftSideContent #paymentButtonAR { height:120px;padding-top: 45px; }
	.paymentPage .leftSideContent #paymentButtonBR { height:120px; padding-top: 45px;}
	.paymentPage .leftSideContent #paymentButtonCR { height:120px; padding-top: 45px;}
    
    */
    
	.paymentPage .leftSideContent span { font-size:17px }
	.gateW1 {padding-top: 27px } 	.gateW2 {padding-top: 36px }

	.systemMessagePage , .paymentSuccess { padding: 15px; margin-top: 28px }
	
  	#paymentButtonAR, #paymentButtonBR, #paymentButtonCR {font-size: 18px;   padding: 23px 0;   text-align: center }
	
	.paymentPage .rightSideContent ul img {height: 13px;position: relative;left: -5px;top: -2px }
	.paymentPage .rightSideContent { margin: 10px 0;padding: 15px 0 15px 0;background: #fff; border: 0px solid #ddd;border-radius: 9px;  line-height: 25px; font-size: 17px; min-height: 190px }
	.paymentPage .rightSideContent > span { margin-left: 18px; margin-top: 15px; font-size:25px	}	

	.gateW1, .gateW2, .gateW3 { height: 120px;border: 0; border-radius: 9px; box-shadow: 0 0 3px #0000007a; margin-bottom:15px;padding-left:50px }
    
    	.gateW1 { padding-top: 35px;font-size:12px } .gateW2 { padding-top: 33px } .gateW3 { padding-top: 35px }
	
	.editPhotosRow {width: auto }

	.speechBubbleRight , .speechBubbleLeft	{ width:100% }
	#TravelList { margin-left: 0;width: 100%;margin-top: -20px; }

	/* Landing */
	.jumbo { padding-left: 28px;padding-right: 22px; }
	.landingBox { }
	.landingBox > p {  }
	.landingBox > p > img { width: 55%;padding: 10px 0 0 0; }
	.landingBox h1 { font-size: 22px }
	.landingBox .minisite-btn { font-size: 20px !important }		
	.bottomSection { padding: 0;position: relative;left: 2px;width: calc(100% - 9px); }
	.bottomSection #Travelers { }
	.landingBox #landingTxt { font-size:24px }	

	.landingBox .minisite-btn { margin: 0px 23px 9px 25px }
	
	/* Account/friends pages */
	.userMenu { height: 45px }	
	.followPage .userMenu { width: 105% }    
	.userMenu .userMenuItem { padding: 9px 0px 0 0px;font-size: 14px; min-width: 31%; }
	.userMenu2 .userMenuItem2 { padding: 7px 5px 1px 4px; font-size: 13.5px; min-width: 65px }	
	.userMenu3 .userMenuItem3 { font-size: 14.5px; padding: 6px 9.5px; }		
	
	
	/* secMenu */
	.navbar-nav>li>a {font-size: 4.5vw }
	.secMenuContainer .nav li:first-child { border-left: 0 }
	.secMenuContainer .nav li:last-child { border-right: 0 }
	.secMenuContainer .container { padding-right: 0; padding-left: 0 }
	.secMenuContainer .nav li { width: 1%; }	
	
	.searchButton { height: 32px }		
	.searchButton > img { margin-top: -2px !important; margin-left: -5px;width: 35px }
	
	.userCity { font-size: 13px;padding: 0; max-height: 30px;font-weight: normal}
	.userSearchResultsBottom2 { padding-left: 5px; float:left } 
	   
 	.confirmationRequired , .confirmationSent , .confirmationSuccess { padding-left: 10px !important;margin-left: 15px !important; margin-right: 10px !important;top: -15px; }

	.MyPhotosMyProfileMyAccount { padding: 20px 15px !important;margin: 0;top: 0px; }
	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 3px !important}

	.modalTitle { font-size: 24px }
	.modalTitle > img { max-width:100% }
	.lastMessagesTime { right: 7px;font-size: 11px !important }
	.secMenuContainer { top: 65px; margin-bottom: 65px }
	.form-control { font-size:17px !important }
	.messagesPage { padding-top:15px }
	.talkToPage { position:relative }
	.talkToPage .talkToUserIcons { padding-left:12px; padding-right:5px; }
	#MessageList { width:100%; margin:10px 0 0px 0}

	.messageDate2 { font-size: 11px;float:right;right: -20px }

	.profilePicChange { height: 130px }
	.secMenuButton { font-size: 15px; font-weight: bolder; padding-top: 24px; padding-left: 0; padding-right: 0 }
	 h1, .h1 { font-size: 25px !important }	
	.modal-content .userPicture { margin-right: 20.5%; border:1px solid #fff }
	.searchbox1 { top: 2px	}
    .nikName { font-size: 16px; top: 1px;position: relative; margin-bottom: 0; font-weight: 700; margin-left: 5px;padding:3px }
    .userText { font-size: 13px;position: relative;line-height: 14px;max-height: 35px; padding: 0 5px 0 0;max-width: 89%; }
    .landingPage .userText { font-size: 13px !important; }
    .padding5 { padding-left: 5px !important }
	.buttonIcon {  }
    .profileRightSide { padding-right: 2%;width: 48%;text-align: right;vertical-align: top }
    .profileInfoIcon { height: 15px;width: 17px; top:-2px; padding-left:0 }
    .profileInfoFlag {  }    
    
	.userMenu3 { width: 102%; margin-left: -4px }    
    
	/* modal destination */
		.destinationFlag { width: 21px; position: relative; top: 0 } 
		.table>tbody>tr>td { padding:3px !important; vertical-align: middle; }
		#TravelDestinations { font-size: 13px; margin-top:0; }
		.redCloseX { left:1px } .redCloseX img { width: 23px }
		.caret { display:none !important; border-top: 5px dashed !important; border-right: 4px solid transparent !important; border-left: 5px solid transparent !important; left: 0; }
	/* modal destination end*/
	
	.datesTravel1 { left: 7px }
	
    .profileFlag { height: 30px; padding-right: 15px }
    .btn { line-height: 1.128571429 !important }
    .fa { font-size: 100% !important; position: relative !important; top: 1px !important }
    .jumboButton { min-height: 50px; max-width: 82% !important }
    .fix1 { position: relative !important; left: 10% !important }

	/* important bootstrap override to fix logo jumps on mobile */
	.navbar-brand{ margin: 0 !important;  } 	
    .userSearchResults { 
	    width: calc(50% - 6px);
		height: 210px;
	    border-radius: 7px;
	    padding: 0;
	    margin: 3px 3px;
	    border: 1px solid rgba(0,0,0,0.125);
    }

    #homepage-form {
        margin-top: -110px;
        padding-left: 15% !important;
    }

    #frontpage-title {
        top: 30px;
        left: 20px;
    }

    .b1 {
        opacity: 1;
        position: relative;
        left: -25px;
        top: 280px;
        font-size: 22px !important;
    }

    #b1xbutton {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 12px;
        right: 8px;
        color: black;
        border-radius: 50%;
        z-index: 100;
        visibility: visible;
    }

    .b2 { width: 100%}

    .row { padding-left: 0;padding-right: 0 }

    .controlButton1 {
        font-size: 16px !important;
    }

    .container-fluid {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

/* Custom, iPhone Retina *//* Custom, iPhone Retina *//* Custom, iPhone Retina *//* Custom, iPhone Retina *//* Custom, iPhone Retina */
@media only screen and ( max-width : 360px ) {
    
    .userSearchResults { width: calc(50% - 6px); border-radius: 5px; padding: 0; margin: 3px ; border: 1px solid rgba(0,0,0,0.15) }  
    .homeWelcomeArea { margin-left: 9.75vw;margin-right: 7vw;min-width: 275px; }	 
	.buttonIcon { margin: 3px 0 0 13px }
    
}


/* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 *//* Iphone4 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3)
{
    .homeWelcomeArea {margin-left: 3vw;margin-right: 4vw;min-width: 296px;padding: 15px !important }
    .homeIconsArea { padding: 0; margin: 6px }
    .homeLandPartialTravelers { left: 0 }
	.homeIconsArea p { text-align: center;font-size: 16px }    
    .filterButtonClearView { font-size: 10px }
	.dummyPlaceHold { width: 40.5% !important }
	.filterButtonClearView { font-size: 11px }	
	.buttonIcon { margin: 3px 0 0 9px }
	#MobileUnReadNewsCount {position: relative;left: 45px;font-weight: 300;font-size: 14px;top: -5px;padding: 1px 4px; }
	.iconImage { right: 9px; left: initial;}
	.profilePlaneIcon { max-width: 20px; margin-left: 0px !important; margin-top: -4px }	
	.destinationFlag {width: 17px !important}	
	.show-male, .show-female, .show-TouristsAndForeigners, .show-PeopleFromMyCountry, .show-PeopleFromMyCountry, .show-sexuality, .show-familystatus, .show-lookingfor {width: 81px !important; min-width: 81px}
}


/* Iphone 6/7/8 Plus */
@media only screen and (min-device-width : 414px) and (max-device-width : 414px) {
	.headerBell { margin-right: 1.25vw; }
}

/* Iphone X */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
	.TravelManagerModal { height: auto }
}

/* Custom, iPhone Retina */
@media only screen and ( max-width : 320px ) {

	.homeSearchArea > p { font-size: 18px   }
	
	.headerMessages {
	    background-image: url(/images/design/cloud-wrapper.png);
	    background-size: 40px 40px;
	    background-repeat: no-repeat;
	    width: 37px;
	    height: 45px;
	    float: right;
	    margin: -5px 10px 0 22px;
	}
	
	.headerBell { margin-right: 0px }

	.landingBox .minisite-btn { font-size: 16px !important	}

	#winksWindow { left: 5vw }

	.userSearchResults { width: 84vw }
		
	.mobileViewProfileLeft { width: 43% !important  }
	.mobileViewProfileRight { width: 55% !important }

	.homeWelcomeArea .shadow1 span:nth-child(1) { font-size: 44px;  }
	.homeWelcomeArea .shadow1 span:nth-child(3) { font-size:30px; position:relative; top:-10px  }

	.paymentPage .rightSideContent { font-size: 15px }
	.paymentPage .rightSideContent > span { font-size: 20px }
	
	/* Account/friends pages */
	.userMenu2 .userMenuItem2 { padding: 9px 3px 0 4px; font-size: 12px; min-width: 65px }	
	.userMenu3 .userMenuItem3 { font-size: 11.5px }	
	/* Account/friends pages END*/	
	
	.speechBubbleRight , .speechBubbleLeft	{ width:95% }	

	/* Account/friends pages */
	.userMenu .userMenuItem { padding: 9px 5px; font-size: 13px; min-width: 65px }
	/* Account/friends pages END*/
	
	.navbar-nav>li>a { padding: 4px 15px !important; }
    
  	.userPicture { min-height: 190px }
    
    .profileInfoIcon { padding-left: 3px; }

	.searchButton { width: 58px !important } 
	.searchButton > img { margin-top: -11px !important; width: 38px }
    
	.form-control { font-size: 12px !important; display: block; width: 100%; height: 34px; padding: 2px 3px !important }
	.fieldIcon1 { padding-left: 40px; max-height: 34px; background-position: 3.25% 50%; background-size: 26px 26px }
	
    #sendButton2 { width: 65px }
    
    .control-label { font-size: 13px }

	.secMenuButton { font-size: 12px; margin-top: 6px }    
  	.profilePicChange { height: 110px }
    .profileFlag { height: 17px; padding-right: 0; position: relative; top: 10px; left: -5px }

    #b1xbutton { width: 25px; height: 25px; position: absolute; top: 15px; right: 15px }

    .b1 { position: relative; left: -25px !important }

	.navbar-brand{padding: 7px 0 15px 0 !important }
    
    .userSearchResults { width: calc(100% - 12px);  min-height: 285px !important }

    .row { padding-left: 6px; padding-right: 6px; }

	.homeWelcomeArea span .homeline1 { font-size: 18px }
	.homeWelcomeArea span .homeline2 { font-size: 27px }	

    #homepage-form { padding-left: 12% !important }

    /* modal destination */
   	.destinationFlag { width:11px } 
	.table>tbody>tr>td { padding:2px !important; }
	#TravelDestinations { font-size: 10px }
	.redCloseX { left:1px}
}