/*PartyDo Style*/
/*Theme colors: mainbg#f9fafb orange#f54545 blue#3f5d70 grayfont#cad1d6*/
/*GENERAL*/
::-webkit-scrollbar
{
	width: 10px;  /* for vertical scrollbars */
	height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
html {
    height: 100%;
}
body{
	min-height: 100%;
 	background: url("../../images/intro_bg_new.png");
 	background-repeat: repeat-x;
	background-color:#f8fafc;
    padding-top: 150px;
    /*
    padding-bottom: 150px;
    */
    position: relative;
}
body,h1,h2,h3,h4,h5,h6 {
    font-family: 'Noto Sans', sans-serif;
	color: #3f5d70;
}
textarea {
    resize: none;
}
h1{
	font-size: 42px;
	line-height: 56px;
	font-weight: 700;
}
h2{
	font-size: 36px;
	line-height: 56px;
	font-weight: 300;
	color: #FC6143;
}
h3{
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
}
h4{
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
}
p{
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}
.small{
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
}
.bold{
	font-weight: 700 !important;
}
.regular{
	font-weight: 300 !important;
}
.italic{
	font-style: italic;
}
.underline{
	text-decoration: underline;
}

.input-group{
    margin-top: 10px;
}
.col-centered{
	float: none;
	margin: 0 auto;
}
.hidden{
	display: none !important;
	visibility: hidden !important;
}
.expanded{
	height: 100% !important;
}
.visible{
	display: block ;
	visibility: visible !important;
}
.ui-menu{
	z-index: 1100;
}
/* Barvy */
.magma-border{
    border: 1px solid #FC6143;
    -webkit-box-shadow: 0 0 15px 0 rgba(252,97,67,0.3);
    box-shadow: 0 0 15px 0 rgba(252,97,67,0.3);
}   
.magma-border.highlight:hover{
    -webkit-box-shadow: 0 0 25px 0 rgba(252,97,67,0.4);
    box-shadow: 0 0 25px 0 rgba(252,97,67,0.4);
} 
.grey-border{
    border: 1px #B3BABE solid;
}
.grey-border.highlight:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
}
.hot-lava{
	background: linear-gradient(138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
}
.magma{
	background-color: #FC6143;
}
.whitewater{
	background-color: #F8FAFC;
}
.white{
	background-color: #FFF;
}
.rock{
	background-color: #D6DCE0;
}
.cloudy{
	background-color: #7E97A0;
}
.dusk{
	background-color: #3F5D70;
}
.magma-text{
	color: #FC6143;
}
.whitewater-text{	
	color: #F8FAFC;
}
.rock-text{
	color: #D6DCE0;
}
.cloudy-text{
	color: #7E97A0;
}
.dusk-text{
	color: #3F5D70;
}
/* buttons */
.batn{ /*total soucet*/
	border-radius: 100px;
	min-width: 170px;
	padding: 4px 30px;
	display: inline-block;
	text-align: center;
}
.batn:hover{
	text-decoration: none;
	outline: none;
}
.batn:active{
	padding: 3px 27px;
	margin: 1px 3px;
	min-width: 164px;
	outline: none;
}
.batn:focus{
	text-decoration: none;
	outline: none;
}
.batn-sm{
	height: 48px;
	width: 48px;
	border-radius: 100px;
	background: #FC6143;
	background: -webkit-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: -o-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: -moz-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	box-shadow: 0 0 22px 0 rgba(255,90,85,0.49);
	border: none;
	color: #fff;
	font-size: 13px;
	transition: 0.3s all ease-in-out;
}
.batn-xs{
	height: 30px;
	width: 30px;
	border-radius: 100px;
	background: #FC6143;
	background: -webkit-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: -o-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: -moz-linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	background: linear-gradient(-138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	box-shadow: 0 0 0px 0 rgba(255,90,85,0.49);
	border: none;
	color: #fff;
	font-size: 10px;
	transition: 0.3s all ease-in-out;
}
.batn-sm:active{
	
}
.batn-full-width{
	width: 100% !important;
}
.batn-full-width:active{
	padding: 3px 30px !important;
	margin: 1px 1% !important;
	width: 98% !important;
}
.batn.disabled{
	color: #AFB6BA;
	background-color: #F8Fafc;
	border: 1px solid #EEF1F2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
	cursor: default;
}
.batn-group{
	font-size: 0;/*Dulezite jinak zvnikne whitespace mezi inline elementama pokud nejsou na stejnem radku v kodu*/
}
.batn-group .batn:first-of-type{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;	
	border-right: 2px solid;
}
.batn-group .batn:last-of-type{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* IE compatibility (pointer-events) */
.batn.disabled:hover{
	color: #AFB6BA;
	background-color: #F8Fafc;
	border: 1px solid #EEF1F2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
	cursor: default;
}
.batn.disabled:focus{
	color: #AFB6BA;
	background-color: #F8Fafc;
	border: 1px solid #EEF1F2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
	cursor: default;
}
.batn.disabled:active{
	color: #AFB6BA;
	background-color: #F8Fafc;
	border: 1px solid #EEF1F2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
	cursor: default;
}
/* konec IE compatibility (pointer-events) */
.batn > span{
	font-size: 18px;
	font-weight: 300;
	line-height: 40px;
	vertical-align: middle;
}
.batn-hot-lava{
	background: linear-gradient(138deg, #FC6143 2%, #FF5655 42%, #FF4876 96%);
	color: #fff;
	text-decoration: none;
	border: none;
}
.batn-hot-lava > span{
	font-weight: 700  !important;
}
.batn-hot-lava:hover{
	border: none;
	color: #fff;
	background: linear-gradient(138deg, rgb(232,77,47) 2%, rgb(235,66,65) 42%, rgb(235,52,111) 96%);
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
}
.batn-hot-lava:focus{
	border: none;
	background: linear-gradient(138deg, rgb(232,77,47) 2%, rgb(235,66,65) 42%, rgb(235,52,111) 96%);
	color: #fff;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
}
.batn-hot-lava:active{
	border: none;
	background: linear-gradient(138deg, rgb(232,77,47) 2%, rgb(235,66,65) 42%, rgb(235,52,111) 96%);
}
.batn-red{
	background-color: #FC6143;
	color: #fff;
	text-decoration: none;
	border: none;
}
.batn-red span {
	font-weight: 700;
}
.batn-red:hover{
	border: none;
	color: #fff;
	background-color: #D84B40;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
}
.batn-red:focus{
	border: none;
	background-color: #D84B40;
	color: #fff;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.74);
}
.batn-red:active{
	border: none;
	background-color: #B63E35;
}

.btn-magma{
    background-color: #FC6143;
    color: #fff;
}

.batn-white{
	background-color: #F8FAFC;
	color: #3F5D70;
	font-weight: 300 !important;
	text-decoration: none;
	border: 1px #B3BABE solid;
}
.batn-white:hover{
	background-color: #f8fafc;
	-webkit-box-shadow: 0px 2px 20px 0px #B3BABE;
	-moz-box-shadow: 0px 2px 20px 0px #B3BABE;
	box-shadow: 0px 2px 20px 0px #B3BABE;
	border: 1px #B3BABE solid;
}
.batn-white:focus{
	background-color: #f8fafc;
	-webkit-box-shadow: 0px 2px 20px 0px #B3BABE;
	-moz-box-shadow: 0px 2px 20px 0px #B3BABE;
	box-shadow: 0px 2px 20px 0px #B3BABE;
	border: 1px #B3BABE solid;
}
.batn-white:active{
	background-color: #EDF0F2;
	-webkit-box-shadow: 0px 2px 20px 0px #B3BABE;
	-moz-box-shadow: 0px 2px 20px 0px #B3BABE;
	box-shadow: 0px 2px 20px 0px #B3BABE;
	border: 1px #B3BABE solid;
}

.batn-outline{
	background-color: #F8FAFC;
	color: #FC6143;
	font-weight: 300 !important;
	text-decoration: none;
	border: 1px #FC6143 solid;
}
.batn-outline:hover{
	background-color: #F8FAFC;
	color: #FC6143;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	border: 1px #FC6143 solid;
}
.batn-outline:focus{
	background-color: #F8FAFC;
	color: #FC6143;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	border: 1px #FC6143 solid;
}
.batn-outline:active{
	background-color: #F7EDED;
	color: #FC6143;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	-moz-box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	box-shadow: 0px 2px 20px 0px rgba(253,90,77,0.33);
	border: 1px #FC6143 solid;
}
/* input icon addons */
/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

.required{
    color: #FC6143;
}

/*HEADER*/
/*bootstrap overwrite - dropdown menu */
.dropdown-menu{
	right: 0;
	left: auto;
	border-radius: 5px;
}
.dropdown-menu > li > a{
	color: #3F5D70;
	padding: 7px 20px;
}
.dropdown-menu > li > a:hover{
	color: #3F5D70;
	background-color: #D6DCE0;
	font-weight: 700;
}
/*!bootstrap overwrite!*/
.responsive-menu{
	display: block;
	position: fixed;
	width: 100%;
	height: 0%;
	background-color: #F8FAFC;
	z-index: 1001;
	-webkit-transition: height 0.35s ease-in-out;
	-moz-transition: height 0.35s ease-in-out;
	-ms-transition: height 0.35s ease-in-out;
	-o-transition: height 0.35s ease-in-out;
	transition: height 0.35s ease-in-out;
	overflow: hidden;
}
.batn-menu{
	border-radius: 100px;
	padding: 10px !important;
	width: 150px;
	display: block;
	margin: 0 auto;
}
.batn-menu.batn-hot-lava span{
	color: #fff;
}
.responsive-menu-content.short{
	padding-bottom: 0;
}
.responsive-menu-header{
	height: 100px;
}
.responsive-menu-content{
	overflow: auto;
	min-height: 400px;
	padding-bottom: 100px;
}
.responsive-menu-content ul{
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.responsive-menu-content ul li{
	padding: 21px;
    font-weight: 300;
}
.responsive-menu-content ul li.long{
	padding: 10px;
}
.responsive-menu-content ul li:hover{
    font-weight: 700;
}
.responsive-menu-content li a{
	color: #3F5D70;
	font-size: inherit;
	padding: 20px;
}
.responsive-menu-profile-name{
    color: #3F5D70;
    font-weight: 700;
    margin-left: 10px;
    font-size: 15px;
    padding-top: 30px;
    display: inline-block;
}
.responsive-menu-profile-picture{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
}
.responsive-menu-image{
	text-align: center;
	width: 150px;
	margin: 0 auto;
	display: block;
}
.responsive-menu-logo{
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
	width: 100px;
}
.responsive-menu-footer{
	height: 100px;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #7E97A0;
	width: 100%;
	background-color: #F8FAFC;
	text-align: center;
}
.profile-name > a{
	color: #3F5D70;
	font-weight: 700;
	margin-left: 10px;
	font-size: 15px;
}
.profile-name a span{
	font-size: 7px;
	margin-left: 15px;
}
.profile-picture{
	height: 50px;
	width: 50px;
	border-radius: 50%;
	margin-left: 10px;
	background-size: cover;
	display: inline-block;
	line-height: 50px;
	vertical-align: middle;
}
.notification-icon{
	display: inline-block;
	margin-right: -8px;
	font-size: 25px;
	float: left;
}
.notification-count{
	background-color: #FC6143;
	color: #fff;
	border-radius: 100px;
	display: inline-block;
	border: 2px solid #fff;
	font-size: 12px;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 21px;
	vertical-align: middle;
}
.topnav {
    font-size: 14px; 
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
.topnav-slider{
	position: absolute;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    height: 0px;
    width: 100%;
    min-height: 0;
    left: 0px;
    top: 0px;
    padding: 0px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.topnav-container{
	max-width: 1200px;
	margin: 0 auto;
}
.topnav .search-button{
	height: 40px;
	width: 40px;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: -1px; 
}
.floating-nav{
	height: 70px;
    background-color: #F8FAFC;
    border-bottom: 1px solid #d6dce0;
	-webkit-box-shadow: 0px 2px 9px 0px rgba(126,151,160,0.28);
	-moz-box-shadow: 0px 2px 9px 0px rgba(126,151,160,0.28);
	box-shadow: 0px 2px 9px 0px rgba(126,151,160,0.28);
}
.floating-nav .logo{
	margin-top: 18px;
}
.floating-nav .logo > img{
	height: 34px;
}
.floating-nav .navbar-menu{
	margin-top: 10px;
	margin-bottom: 10px;
}
.floating-nav .navbar-left{
	height: 70px;
}
.floating-nav .head-box > p{
	height: 70px;
}
.floating-nav .head-box .double-searchbar{
	margin-top: 15px;
}
.floating-nav .head-box .suggestion-box{
	top: 70px;
}
.floating-nav .batn{
	border: none;
	background: transparent;
	height: 50px;
	box-shadow: none;
}
.floating-nav .batn:hover{
	text-decoration: underline;	
}
.floating-nav .batn-hot-lava{
	color: #FC6143;
}
.floating-nav .batn-sm{
	height: 40px;
	width: 40px;
}
.floating-nav .menu-icon{
	top: 19px;
}
.menu-icon{
	display: none;
	visibility: none;
	position: absolute;
	top: 40px;
	right: -20px;
    z-index: 1002;
}
/*menu hamburger*/
#hamburger {
  width: 35px;
  height: 36px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #3F5D70;
  border-radius: 20px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 5px;
}

#hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 29px;
  left: 5px;
}
/*hamburger*/
.menu-icon > .glyphicon{
	line-height: unset;
}
.logo{
	display: block;
	float: left;
	margin-top: 50px;
	transition: all 0.3s ease-in-out;
}
.logo img{
	height: 50px;
	transition: all 0.3s ease-out;
}
.batn-back-label{
	margin-left: 8px;
	font-size: 20px;
}
/*searchbar*/
.head-box .double-searchbar{
	height: 40px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 55px;
	transition: margin-top 0.4s ease-in-out;
	-webkit-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.20);
}
.head-box .search-bar-element{
}
#villageSuggestor2 #villageSuggestor1, .search-bar-element{
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.head-box .search-place-box{
	padding: 0px;
}
.head-box .search-place-box .glyphicon{
	line-height: 40px;
}
.head-box .search-button-box{
}
.head-box .search-button{

}
.head-box .search-button:hover{

}
.head-box .suggestion-box{
	top: 95px;
    transition: all 0.4s ease-in-out;
    padding: 10px;
}
.head-box .suggestion-box > ul {

}
.head-box .suggestion-box > ul > li{

}
.head-box .suggestion-box > ul > li > a{
	font-size: 14px;
}
/*!searchbar*/
.navbar-menu{
	margin-top: 55px;
	transition: all 0.5s ease-in-out;
	padding: 0;
	max-width: 425px;
}
.navbar-menu .batn{
	float: right;
}
.navbar-menu.login-menu{
	display: inline-block;
	float:right;
}
.notifications a{
	color: #3f5d70;
}
.headerapp-desc{
	display: table-cell;
	vertical-align: middle;
	height: 150px;
	transition: visibility 0s;
	transition: height 0.4s ease-in-out;
	color: #3f5d70;
	font-size: 14px;
	font-weight: 400;
}
.nav-button-blank{
	border: 1px solid #f54545 !important;
	border-radius: 30px !important;
	color: #f54545 !important;
	background-color: #f8fafc !important;
	color: #f54545 !important;	
}
.nav-button-blank:hover{
	border: 1px solid #f54545 !important;
	border-radius: 30px !important;
	color: #f54545 !important;
	background-color: #f8fafc !important;
	color: #f54545 !important;	
}
.nav-button-full{
	border-radius: 30px !important;
	color: #fff !important;
	background-color: #f54545 !important;	
}
.nav-button-full:hover{
	border-radius: 30px !important;
	color: #fff !important;
	background-color: #f54545 !important;	
}
.navbar-menu > li {
	padding: 0px !important;
	display: inline-block;
	list-style-type: none;
}

/*LANDING*/
.lead {
    font-size: 18px;
    font-weight: 400;
}
.ds-box{
	margin-bottom: 56px;
}
.double-searchbar{
	background-color: white;
	border: 1px solid #bfbfbf;
	border-radius: 30px;
	height: 50px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 64px;
	padding-right: 0px;
	padding-left: 20px;
	-webkit-box-shadow: 0px 16px 40px 0px rgba(151,167,177,0.44);
	-moz-box-shadow: 0px 16px 40px 0px rgba(151,167,177,0.44);
	box-shadow: 0px 16px 40px 0px rgba(151,167,177,0.44);
}
.search-bar-element{
	height: 100%;
	color: #000000;
	border: none;
	outline: none;
	padding: 5px 0px;
}
.search-bar-element:focus{
	border-bottom: 1px solid #bfbfbf;
}
.search-place-box{
	height: 100%;
	border-left: 1px solid #bfbfbf;
}
.search-place-box .glyphicon{
	line-height: 50px;
	text-align: center;
	top: 0;
	padding: 0;
}
.search-button-box{
	height:100%;
	padding: 0px;
}
.search-button{
	height: 48px;
	border-radius: 100px;
	width: 48px;
	color: #fff;
	border: none;
	outline: none;
	float: right;
	font-size: 15px;
	margin-right: -1px;
}
.suggestion-box{
	background-color: #F8FAFC;
	border-radius: 30px;
	position: absolute;
	padding: inherit;
	width: 100%;
	z-index: 800;
	top: 50px;
	padding: 20px;
	border: 1px solid #3F5D70;
	margin-top: 10px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.suggestion-box > ul {
	padding: 0px;
	list-style-type: none;	
}
.suggestion-box > ul > li{
	display: inline-block;
}
.suggestion-box > ul > li > a{
	color: #7E97A0;
	padding: 10px;
	font-size: 17px;
	display: block;
}
.intro-header {
    text-align: center;
    color: #f8f8f8;
    /*background: url(../../images/intro-bg.jpg) no-repeat center center;*/
    background-size: cover;
}
.intro-message {
    position: relative;
    padding-top: 48px;
    color: #3f5d70;
    display: block;
}
.intro-message > h1 {
	margin: 48px 0;
}
.intro-message .glyphicon
{
	color: #808080;
}
.intro-divider {
    width: 100px;
    border-top: 1px solid #3f5d70;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.providers-category{
    background-color: transparent;
    padding: 15px;
}
.category-heading{
	height: 346px;
    width: 100%;
	margin: 0;
	border-radius: 10px;
    background-size: cover !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
   	display: table; /*for vertical alignment*/
   	    -webkit-box-shadow: 0 0 45px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 45px 0 rgba(0,0,0,0.25);
}
.category-heading > h3{
	display: table-cell; /*for vertical aligment*/
	vertical-align: middle; 
	text-align: center; 
    color: #fff;
    font-size: 40px;
    text-shadow: 0 0 20px #000000;
}
.landing-subcat .batn{
	margin: 10px 7px;
}
.walkthrough{
	margin-bottom: 50px;
}
.imagebox{	
	height: 200px;
}
.imagebox img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 100px; /*width & height / 2 to make a circle*/
}
.walkthrough-point{
	margin-top: 30px;
}
.walkthrough > .walkthrough-point:nth-of-type(odd) > .imagebox{
	float: left !important;
}
.walkthrough > .walkthrough-point:nth-of-type(even) > .imagebox{
	float: right !important;
}
.walkthrough > .walkthrough-point:last-of-type{
	border-top: 1px dotted #7E97A0;
	padding-top: 20px;
}
.textbox{
	
}
.news{
	margin-bottom: 50px;
}
.news > h2{
	color: #3F5D70;
}
.news a{
	color: #7E97A0;
}
.news a:hover{
	color: #3F5D70;	
}
.news-article{
	/*height: 90px;*/
	margin-top: 30px;
}
.article-comp{
	height: 100%;
	padding: 0;
}
.article-img{
	padding: 0;
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	height: 100%;
}
.article-heading{
    width: 100%;
    height: 30%;
    margin: 0;
    text-align: left;
    padding-left: 20px;
}
.article-text{
    height: 70%;
    overflow:hidden !important;
    padding-top: 5px;
    padding-right: 10px;
}
.article-text > p{
    font-size: 12px !important;
    text-align: left !important;
    line-height: 20px;
}
.landing-blank{
    height: 150px;
}
/*SIGNIN + LOGIN*/
.login-feature-nav{
	margin-top: 20px;
}
.login-feature-nav > ul{
	padding: 0px !important;
	list-style: none;	
}
.login-feature-nav > ul > li{
	display: inline-block;
	margin-right: 30px;
	font-weight: 100;
	font-size: 17px;
	color: #7E97A0;
}
.login-feature-nav:last-of-type{
	margin-right: 0px;
}
.login-feature-nav .active, .login-feature-nav .active:hover{
	border-bottom: 2px solid #FC6143;
	color: #FC6143;
}
.login-feature-nav > ul > li > a{
	display: block;
	color: #7E97A0;
	text-decoration: none;
}
.login-feature-nav a:hover{
	color: #3F5D70;
	border-bottom: 1px solid #3F5D70;
}
.login-feature-heading h2{
	font-size: 24px;
	font-weight: 100;
	margin: 30px 0 20px 0;
}
.login-feature-list{
	
}
.login-feature-list > ul{
	list-style: none;
	padding: 0px !important;
}
.login-feature-list > ul > li{
	display: block;
	overflow: overlay;
	margin-top: 17px;
}
.login-feature-list i{
	font-size: 45px;
	color: #FC6143;
}
.login-feature-list p{
	font-weight: 100;
	color: #7E97A0;
}
.forgot-already {
	margin-top: 7px;
}
.portfolio-item {
    margin-bottom: 25px;
}
.login-form{
    margin-top: 30px;
}
.login-btns{
    margin-top: 30px;
}
.signin-to-signup{
    margin-top: 20px;
    text-align: center;
}
.login-content{
	border-radius: 20px;
	border: 1px solid #FC6143;
	background: #F8FAFC;
	padding: 35px;
    -webkit-box-shadow: 0 0 15px 0 rgba(252,97,67,0.3);
    box-shadow: 0 0 15px 0 rgba(252,97,67,0.3);
}
.login-content button{
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 600;
	border-radius: 50px;
	color: #fff;
}
.login-content input{
	background-color: transparent;
	border: none;
	padding: 0 0 0 30px;
	-webkit-box-shadow: unset;
    box-shadow: unset;
    float: none !important;
    font-size: 17px;
}
.login-content input:focus{
	outline: none;
	border: none;
	box-shadow: none;
}
.login-input-box i{
	position: absolute;
	padding-top: 9px;
	color: #7E97A0;
}
.top-space{
	margin-top: 30px;
}
.login-content label{
	color: #7E97A0;
	font-size: 16px;
	margin-bottom: 10px;
}
.login-input-box{
	position: relative;
	border: 1px solid #cad1d6;
	font-size: 17px;
	padding: 7px 20px;
	border-radius: 15px !important;
}
.button-login{
	background-color: #FC6143;
}
.button-login-fb{
	background-color: #3B5998;

}
.credentials-heading{
	color: #FC6143;
	text-align: center;
	margin-top: 0;
}
.fb-icon{
	float: left;
	margin: 5px 0 0 5px;
}
/*COMPANIES*/
.batn-filter{
	display: inline-block;
	font-size: 14px;
	color: #7E97A0;
	background-color: #F8FAFC;
	border: 1px solid #D6DCE0;
	outline: none;
	border-radius: 5px;
}
.batn-filter.active{
	color: #F8FAFC;
	background-color: #3F5D70;
}
.batn-filter:hover{
	color: #F8FAFC;
	background-color: #3F5D70;
	outline: none;
}
.batn-filter i{
	font-weight: 300;
}
#filters{
    padding: 0;
}
#reservation{
    padding: 0;
}
#closebtn-providers{
    position: absolute;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: none;
    z-index: 110;
    text-decoration: none;
    color: gray;
    padding: 0 10px;
    -webkit-transition: color 0.5s linear;
    -moz-transition: color 0.5s linear;
    transition: color 0.5s linear;
}
#closebtn-providers:hover{
    color: black;
}
#tag-area{
	/*
	margin: 15px 0;
	*/
}
.pagination{
	text-align: center;
	width: 100%;
	margin: 50px 0;
}
.pagination > li {
	
}
.pagination > li > a{
	border: none;
	background-color: transparent;
	margin-right: 35px;
	float: none;
	color:  #3F5D70;
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
}
.pagination > li:last-of-type > a{
	margin-right: 0px;
}
.pagination > li > a:hover{
	background-color: #D6DCE0;
}
.pagination > li > .active{
	background-color: #3F5D70;
	color: #F8FAFC;
}
.checkbox-filter > div > h4{
	display: inline-block;
}
.checkbox-filter > div i{
	display: inline-block;
	font-size: 18px;
	font-weight: 100;
	margin-left: 5px;
	color: #D6DCE0;
}
.filter-cb a{
	color: #3F5D70;
	text-decoration: none;
	font-weight: 300;
}
.filter-cb :checked + label a{
	font-weight: 700;
}
.tag-box{
	display: inline-block;
}
.filter-tag{
	color: #7E97A0;
	white-space: nowrap;
	display: inline-block;
	margin:0;
}
.filter-tag a i{
	font-size: 15px;
	font-weight: lighter;
	padding-left: 2px;
	color: #7E97A0;	
}
#filters-modal .modal-footer{
	text-align: center;
}
.resp-button-module{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    z-index: 100;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}
.resp-button-module button{
	height: 48px;
}
.resp-button-module span{
	line-height: normal;
	display: inline-block;
	float:left;
}
.resp-button-module i{
	display: inline-block;
	font-size: 18px;
	margin-top: 2px;
	margin-right: 10px;
	float:left;
}
.responsive-sidebar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

.bottomBar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
    z-index: 100;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}
.providers{
    margin-top: -20px;
}
.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 130px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}
.company-heading > h1{
	font-size: 36px !important;
	margin-top: 0;
}
.company-image{
    border-radius: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   	width: 100%;
   	height: 350px;
   	margin-bottom: 10px;
}
.company-item {
	color: #3F5D70 !important;
	margin-bottom: 20px;
}
.company-item h4{
	font-weight: 500;
	font-size: 20px;
	margin-top: 0px;
	height: 28px;
	overflow:hidden;
}
.company-item p{
	display: inline-block;
	margin: 0 0 0 0;
	padding: 2.5px;
}
.company-item .detail-tag{
	overflow: hidden;
}
.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

/* COMPANY DETAIL */
/*fotorama*/
.fotorama__stage__frame{
	overflow: hidden !important;
}
.fotorama__stage__frame img{
	border-radius: 10px !important;
}
.fotorama__thumb{
	border-radius: 10px;
}
.fotorama__thumb-border{
	border-radius: 10px;
}
/*!fotorama!*/
.company-heading {
	min-width: 65%;
	float: left;
	display: inline-block;
}
.company-stats{
	min-width: 35%;
	display: inline-block;
	float: left;
}
.company-header{
	padding: 0 15px;
	margin-bottom: 20px;
	display: block;
	overflow: auto;
}
.detail-nav{
	padding: 0;
}
.detail-nav a:not(.batn-red){
	color: #3F5D70;
}
.detail-nav a:hover:not(.batn-red){
	color: #7E97A0;
}
.detail-nav a:active:not(.batn-red){
	text-decoration: underline;
}
.detail-nav td:last-of-type{
	width: 100%;
}
.detail-heading{
	font-size: 32px;
	margin: 30px 0 15px 0;
}
.detail-tag{
	border-radius: 5px !important;
	background-color: #D6DCE0 !important;
	padding: 5px !important;
	color: #7E97A0 !important;
	white-space: nowrap;
	display: inline-block;
	font-size: 12px;
	font-weight: 100;
}
.company-detail .detail-tag{
	margin: 5px;
}
.contact-provider-form{
	overflow: overlay;
	padding: 15px;
	border-radius: 30px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(190,190,190,0.25);
	box-shadow: 0 0 10px 0 rgba(190,190,190,0.25);
	color: #3F5D70 !important;
}
.contact-provider-form .messagebox{
	/*min-height: 200px;*/
	font-size: 18px !important;
	color: #3F5D70 !important;
	font-weight: 100;
	border-radius: 10px;
}
.form-provider-heading .icon{
	font-size: 30px !important;
	color: #3F5D70 !important;
}
.form-provider-heading > h2{
	font-weight: 400;
	font-size: 24px;
	color: #3F5D70;
}
.contact-provider-form input{
	border-radius: 10px;
	/*
	padding: 20px 20px 20px 40px;
	*/
	padding-left:40px;
	height:auto;
	font-size: 18px !important;
	color: #3F5D70 !important;
	font-weight: 100;
}
.contact-provider-form i{
	font-size: 18px !important;
	padding: 11px;
	color: #7E97A0 !important;
}
.social{
	margin-top:40px;
}
.social-heading{
	font-size: 32px;
}
.social-icons{
	/*
	margin-top: 48px;
	margin-bottom: 48px;
	*/
}
.showMeYourPhone{
	min-width: 280px;
	width:100%;
	text-align:left;
	display: none;
}
@media only screen and (max-width:991px){
	.showMeYourPhone{
		width:100%;
		text-align:center;
		display: none;
	}
}
.companies-more{
	margin-top: 38px;
}
.company-credits{
	margin-top: 56px;
	margin-bottom: 96px;
}
.company-credits-text{
	font-size: 14px;
	color: #D6DCE0;
}
.company-credits-logo{
	font-size: 36px;
}

.company_detail_anchor{display: block; position: relative; top: -60px; visibility: hidden;}

/*DROPZONE*/
.dropzone{
    background-color:transparent;
    border: 2px #D6DCE0 dashed;
    margin: 0px auto;
    border-radius: 15px;
    background: url('/assets/images/ilustrace/uploader_inactive@2x.png') no-repeat top center;
    background-size:  15%;
    padding-bottom: 10px;
}
.dz-message-inactive{
    padding-top: 60px;
}

.dropzone.dz-drag-hover{
    background: url('/assets/images/ilustrace/uploader_active@2x.png') no-repeat top center;
    background-size:  15%;
    border: 2px #7E97A0 dashed;
}

.dropzone.dz-drag-hover .dz-message-inactive{
    color: transparent;
}

/*FOOTER*/
footer {
    background-color: #3F5D70;

    width: 100%;
	/*
	position: absolute;
	height: 150px;
	bottom: 0;
    padding-top:50px;
    padding-bottom:50px;
    */
}
footer li > a{
	color: #D6DCE0;
}
p.copyright {
    margin: 15px 0 0;
    color: #fff;
}

.foot-bot {
	color: #fff;
}
a.foot-bot:hover {
	color: #E3E3E3;
}

.btn-foot {
	color: black;
}
.btn-foot:hover {
	color: grey;
}
/*responsive*/
/*lg*/
@media only screen and (min-width:1200px){
	#filters{
	    display: block;
	}
	#reservation{
	    display: block;
	}
	body{
	    overflow: auto;
	}
	#sidebar{
	    overflow: auto;
	}
	#closebtn-providers{
	    display: none;
	}
}
/*md*/
@media only screen and (min-width:992px){
	#filters{
	    display: block;
	}
	#reservation{
	    display: block;
	}
	body{
	    overflow: auto;
	}
	#sidebar{
	    overflow: auto;
	}
	#closebtn-providers{
	    display: none;
	}
	.batn-group.mobile{
		visibility: hidden;
		display: none;
	}
}
/*sm*/
@media only screen and (max-width:991px) {
	.companies-sidebar{
		visibility: hidden;
		display: none;
	}
	.batn.bigscreen{
		visibility: hidden;
		display: none;
	}
	.batn-group .batn{
		min-width: 0;
		height: 40px;
		padding: 2px 8px;
	}
	.batn-group .batn:active{
		padding: 1px 7px;
		margin: 1px 1px;
	}
	.batn-group .batn span{
		font-size: 16px;
		font-weight: 300;
	}
	.batn-group .batn i{
		font-size: 18px;
		margin-top: 0;
		margin-right: 3px;
	}
	.navbar-menu{
		transition: all 0.4s ease-in-out;
	}
	.headerapp-desc{
		visibility: hidden;
		display: none;
	}
	.contact-provider-form{
	    padding: 0 50px;
	}
	.noscroll{
	    overflow: hidden;
	}
	.provider-list{
	    height: 100%;
	}
	.head-box{	
	
	}
	#sidebar{
	    clear: both;
	    position: fixed;
	    z-index: 90;
	    left: 0;
	    bottom: -100px;
	    right: 0;
	    background-color: white;
	    overflow-y: auto;
	    height: 0px;
	    -webkit-transition: 0.5s;
	    -moz-transition: 0.5s;
	    transition: 0.5s;
	    padding-bottom: 70px;
	    padding-top: 50px;	    
	}
	#filters{
	    display: none;
	} 
	#reservation{
	    display: none;
	}
	.responsive-sidebar{
	    visibility: visible;
	    opacity: 1;
	}
}
/*xs*/
@media only screen and (max-width:767px) {
	body{
		padding-top: 100px;
	}
	.contact-provider-form {
    padding: 0 10px;
	}
	.navbar-menu-collapse ul li{
		margin: 10px 0px 0px 0px !important;
		display: block;
	}
	.navbar-menu-collapse ul li > a{
		padding: 10px 50px;
	}
	.navbar-menu{
		margin: 0px !important;
		padding-bottom: 20px;
		text-align: center;
		max-width: 100%;
	}
    .intro-message {
        padding-bottom: 15%;
    }
    .intro-divider {
        width: 100%;
    }
	.logo{
		margin-top: 25px;
	}
    .login-btns button:first-of-type{
    	margin-bottom: 10px;
    }
    .topnav{
		height: 100px;
	}
	.navbar-menu-collapse{
		display: block;
		overflow: hidden;
	    position: absolute;
	    padding: 0px;
	    width: 100%;
	    left: 0px;
	    top: 100px;
	    max-height: 0px;
	    transition: all 0.5s ease-in-out;
	}
	.menu-icon{
		visibility: visible;
		display: block;
	}
	.login-content{
		margin-top: 15px;
	}
	#companies-chameleon{
		margin-top: 30px;
		float: none;
	}
	.head-box{
		visibility: hidden;
		display: none;
	}
}
/*CUSTOM*/
@media only screen and (max-width:575px){
	.double-searchbar{
		height: 40px;
		font-size: 15px;
	}
	.search-bar-element{
		padding: 3px 0px;
	}
	.search-place-box{
		padding: 0 0 0 10px;
	}
	.search-place-box .glyphicon{
	line-height: 40px;
	}
	.search-button{
		padding: 0;
		height: 40px;
		width: 40px;
	    margin-top: -1px;
		margin-right: -1px;
	}
	.category-heading{
		height: 160px;
	}
	.providers-category{
		padding: 7px 0;
	}
	.suggestion-box{
		top: 40px;
	}
	#companies-chameleon{
		margin-bottom: 0px;
	}
	h1{
		font-size: 28px;
		line-height: normal;
	}
	h2{
		font-size: 25px;
		line-height: normal;
	}
	h3{
		font-size: 22px;
		line-height: normal;
	}
	h4{
		font-size: 18px
		line-height: normal;
	}
}

/*BACKEND*/
/*MESSAGES*/
.messagesWrapper{
    min-height: 100%;
    background: url(../../images/intro_bg_new.png);
    background-repeat: repeat-x;
    background-color: #f8fafc;
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
}
.msg-offer-detail{
	display: inline-block;
	list-style-type: none;
	padding: 0;
}
.msg-offer-detail span{
	color: #FC6143;
	font-size: 16px;
	margin-right: 10px;
}
.msg-offer-detail li{
	display: inline-block;
	font-size: 17px;
	margin-left: 20px;
}
.msg-offer-detail li:first-of-type{
	margin-left: 0px;
}
.msg-enemy-profile{
    display: inline-block;
}
.msg-profile-name{
    color: #3F5D70;
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    float: left;
    margin-left: 15px;
}
.profile-picture-sm{
	background-size: cover;
	height: 30px;
	width: 30px;
	float: left;
	border-radius: 100px;
	display: inline-block;
}
.msg-default-box{
	text-align: center;
}
.msg-default-img{
	/*
	height: 250px;
	*/
}
.msg-container{
    padding-top: 150px;
    margin-top: -150px;
    position: absolute;
    min-height: 100%;
    width: 100%;
}
.msg-col{
	height: 100%;
	max-height: 100%;
	margin-top: -150px;
	padding-top: 150px;
	position: absolute;
	overflow: hidden;
	left: 0px;
}
.msg-topbar{
	height: 40px;
	background-color: #fff;
	position: relative;
	z-index: 500;
	border-bottom: 1px solid #D6DCE0;
	overflow: hidden;
}
.msg-topbar.requests{
	padding: 0px 15px;
}
.msg-row{
	padding-left: 15px;
	padding-right: 15px;
}
.msg-scroll-element {
    overflow-y: auto;
    position:relative;
    height: 100%;
}
.msg-col-box{
	background-color: #fff;
	margin: -15px;
	padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    height: 100%;
}
.msg-col-box.requests{
	padding: 15px 0px;
}
.msg-col:first-of-type .msg-col-box{
	margin-left: 15px;
	border: 1px solid #D6DCE0;
}
.msg-col:last-of-type .msg-col-box{
	margin-right: 15px;
}
.msg-absolute-fix{
    position: relative;
    height: 100%;
}
.msg-absolute-fix.top{
    padding-top: 40px; /*same as height of msg-col top bar*/
	margin-top: -40px; /*same as negative height of msg-col top bar*/
}
.msg-absolute-fix.bottom{
    padding-bottom: 70px; /*same as height of msg-sendmsg-bar -15 padding*/
	margin-bottom: -70px; /*same as negative height of msg-sendmsg-bar +15 padding*/
}
.msg-sendmsg-bar{
	position: absolute;
	bottom: 0;
	height: 85px;
	display: block;
	background-color: #F8FAFC;
	z-index: 500;
	left: 0;
	right: 0;
	margin: 0 -15px -15px -15px;
}
.offerSingleBox:hover{
	background-color: #F8FAFC;
}
.offerSingleBox.active{
	background-color: #D6DCE0;
	border-left: 5px solid #3F5D70;
	padding-left: -5px;
}
.offerSingleBox.active .msg-request-heading{
	color: #3F5D70;
	font-weight: 700;
}
.msg-request-heading{
	margin: 10px 0;
}
.msg-status.unread{
	border-radius: 50px;
	background-color: #FC6143;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	text-align: center;
	position: relative;
	top: 38px;
	left: -8px;
}
.msg-request-text{
	margin: 0;
	height: 50px;
	overflow: hidden;
	color: #7E97A0;
}
.msg-attachment{
	margin-right: 10px;
}
.msg-attachment hr{
	margin-top: 10px;
	margin-bottom: 15px;
}
.msg-attachment hr:first-of-type{
	margin-top: 5px;
	margin-bottom: 5px;
}
.msg-col-text{
	height: 100%;
}	
/*viktor style*/
.offerSingleBox {
	background-color: #fff;
    border-bottom: 1px solid #D6DCE0;
    /*border-right: 1px solid #D6DCE0;*/
    height: 120px;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0 15px;
}
.offerSingleBox a{
	width: 100%;
	height: 100%;
	display: block;
}
.messageBox {
    padding: 5px;
    border-radius: 10px;
    max-width: 50%;
    word-wrap: break-word;
    margin: 0px;
    margin: 8px 10px 0px 10px;
    padding: 15px;
}
.msg-conversation .clearfix:last-of-type .messageBox{
	margin-bottom: 8px;
}
.messageBoxMe {
    background-color: #7E97A0;
    color: #fff;
}
.messageBoxThem {
    background-color: #F8FAFC;
    color: #3F5D70;
}
.msg-status-me{
	text-align: right;
	margin: 10px 8px;
}
.msg-text{
	height: 100% !important;
	border: none;
	box-shadow: none !important;
	background-color: inherit;
}
.msg-attach{
	opacity: 0;
	position: absolute;
	height: 0;
	z-index: -1;
	display: none !important;
}
.msg-message{
	height: 100%;
	border-top: 1px solid #D6DCE0;
}
.msg-attach-button{
	width: 100%;
	line-height: 85px;
	vertical-align: middle;
	font-size: 24px;
	text-align: center;
	margin: 0;
}
.msg-attach-button span{
	cursor: pointer;
}
.msg-sendbutton-box{
	line-height: 85px;
	vertical-align: middle;
	text-align: center;
}
.msg-sendNow{
	background-color: inherit;
	border: none;
	font-size: 24px;
}
.msg-col-btm{
	height: 100%;
}
/*!viktor style!*/
/*USER PROFILE*/
.gmap > div {
    border-radius: 15px;
}


/*COMPANY WIZARD*/
.img-center{
    margin: auto;
}

.pt20{
    padding-top: 20px;
}
.pt40{
    padding-top: 40px;
}
.pt60{
    padding-top: 60px;
}

.pb20{
    padding-bottom: 20px;
}
.pb40{
    padding-bottom: 40px;
}
.pb60{
    padding-bottom: 60px;
}


@media only screen and (min-width:992px){
    .wizardDownStripProfiles{
        position: fixed; 
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #FC6143;
        color: white;
    }
}

.wizardDownStripProfilesAll{
   display: none;    
}

.wizardDownStrip{
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FC6143;
    color: white;
}

.wizardDownStrip h4{
    color:white;
}
.wizardDownStrip.dusk, .wizardDownStripProfiles.dusk{
    background-color: #3F5D70;
}
.wizardDownStrip.cloudy, .wizardDownStripProfiles.cloudy{
    background-color: #7E97A0;
}
.duskFont{color: #3F5D70;}
.duskBorder{border: solid 1px #3F5D70;}

.paggination-page-active, .paggination-page-nonactive{
    display:inline-block;
    
    padding: 4px 10px;
    margin-right: 10px;
    border-radius: 50%;
    color: #7E97A0;
}

.paggination-page-active{
    background: #FC6143;
    border: 1px solid #FC6143;
    color: white;
    
}

.paggination-page-nonactive{
    border: 1px solid #7E97A0;
    
}

.profile_menu_row{
    padding-top: 65px;
    padding-left: 200px;
}

.floating-nav .profile_menu_row{
    padding-top: 25px;
    padding-left: 10px;
}
.profile_menu.active{
    font-weight:bold;
}
/*NEW ACCOUNT*/
.newacc-col{
	padding: 30px;
	border-radius: 30px;
	min-height: 405px;
	margin-top: 24px;
}
.newacc-header{
	overflow: overlay;
}
.newacc-header>div{
	display: inline-block;
}
.newacc-text{
	margin-top: 32px;
}
.newacc-text p{
	font-size: 1.4em;
	line-height: 1.55em;
}
.newacc-fake-btn{
	border-radius: 30px;
	padding: 15px 19px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-top: 40px;
}
.newacc-image{
	width: 100%;
	margin-top: 15px;
}
.newacc-image.user{
	width: 75%;
	margin: 0 auto;
	
}

.search-hr{padding:0px; margin:0px;}
.vill-search-info{padding: 5px;}

.loginCompanyText{display:none;}


.readonly{/*pointer-events: none;*/}

/*responsive*/
/*lg?*/
@media only screen and (max-width:1999px){
	.newacc-col{
		min-height: 360px;
	}
}
/*md*/
@media only screen and (min-width:992px) {
	.msg-back-batn{
		visibility: hidden;
		display: none;
	}
}
/*sm*/
@media only screen and (max-width:991px) {
	.msg-back-batn{
		display: inline-block;
		visibility: visible;
		position: relative;
		float: left;
		padding-right: 10px;
		border-right: 1px solid #D6DCE0;
		margin-right: 10px;
		font-size: 17px;
	}
	.msg-back-batn:hover button{
		background: linear-gradient(138deg, rgb(232,77,47) 2%, rgb(235,66,65) 42%, rgb(235,52,111) 96%);
	}
	.msg-back-batn:hover .magma-text{
		color: #ea3b55;
	}
	.msg-back-batn button{
		
	}
	.hidden-mobile-msg{
		visibility: hidden;
		display: none;
		opacity: 0;
	}
	.msg-col:first-of-type .msg-col-box{
		margin-left: 0;	
		margin-right: 0;
	}
	.msg-col .msg-col-box{
		margin: 0 !important;
	}
	.messageBox{
		max-width: 70%;
		font-size: 1em;
		padding: 10px;
	}
}
/*xs*/
@media only screen and (max-width:767px) {
	.msg-back-batn{
	    width: 100%;
	    position: absolute;
	    text-align: center;
	    border-right: none;
	    padding-right: 0;
	    margin-right: 0;
	    top: 40px;
	    height: 40px;
	    font-size: 14px;
	    padding-top: 7px;
	}
	.msg-back-batn button{
		height: 24px;
		width: 24px;
		font-size: 10px;
	}
	.msg-col .msg-col-box{
		border-radius: 0;
	}
	.msg-col:last-of-type .msg-col-box{
		padding: 10px;
		padding-top: 5px;
	}
	.msg-col{
		padding-top: 100px;
		margin-top: -100px;
	}
	.msg-container{
		padding-top: 185px;
		margin-top: -185px;
	}
	.msg-col:last-of-type .msg-topbar{
		height: 80px;
	}
	.msg-offer-detail{
		float: none;
		text-align: center;
		display: block;
		width: 100%;
		display: none;
	}
	.msg-enemy-link{
		display: block;
		text-align: center;
		height: 40px;
		border-bottom: 2px solid #D6DCE0;
		padding-top: 3px;
	}
	.msg-profile-name{
		height: 40px;
		overflow: hidden;
		display: block;
		word-wrap: break-word;
		float: none;
		max-width: 100%;
	}
	.profile-picture-sm{
		margin-right: 10px;
	}
	.msg-enemy-profile{
		float: none !important;
		display: inline-block;
	}
	.msg-col:first-of-type .msg-absolute-fix.top{
		padding-top: 24px;
		margin-top: -24px;
	}
	.msg-absolute-fix.top{
		padding-top: 85px;
		margin-top: -85px;
	}
	.messageBox{
		line-height: 1.4em;
	}
	.msg-text{
		line-height: 1.0em;
	}
	.msg-col-text{
		padding: 0;
	}
	.msg-col-btm{
		padding: 5px;
		display: inline-block;
	    width: 16.666666666%;
	    height: 50%;
	}
	.msg-col-btm label{
		line-height: inherit;
	}
	.msg-sendbutton-box{
		line-height: inherit;
		height: 100%;
		text-align: center;
	}
}
/*CUSTOM*/
@media only screen and (max-width:575px){

}