/* 1 col */
.cb_1{
	min-height: 1px;
}



/* float right */
.cb_float-right > div{
	min-height: 1px;
}
  	.cb_float-right_left{
		float: left;
		margin: 0px 30px 25px 0px !important;
		max-width: 50%;
		position: relative;
		z-index: 15;
	}
	@media only screen and (max-width: 769px) {
		.cb_float-right_left{
			width:auto;
			max-width:100%;
			margin: 0px 0px 25px 0px !important;
		}
	}
  	.cb_float-right_left img{
		width:100%;
	}
  	.cb_float-right_right{
	}



/* float left */
.cb_float-left > div{
	min-height: 1px;
}
  	.cb_float-left_right{
		float: right;
		margin: 0px 0px 25px 30px !important;
		max-width: 50%;
		position: relative;
		z-index: 15;
	}
	@media only screen and (max-width: 769px) {
		.cb_float-left_right{
			width:auto;
			max-width:100%;
			margin: 0px 0px 25px 0px !important;
		}
	}
  	.cb_float-left_right img{
		width:100%;
	}
  	.cb_float-left_left{
	}



/* 2 cols 1/2-1/2 */
.cb_1-2_1-2 > div{
	min-height: 1px;
}
  	.cb_1-2_1-2_left{
		float: left;
		width: 48%;
		margin-right: 4% !important;
	}
  	.cb_1-2_1-2_right{
		float: left;
		width: 48%;
	}



/* 2 cols 1/3-2/3 */
.cb_1-3_2-3 > div{
	min-height: 1px;
}
  	.cb_1-3_2-3_left{
		float: left;
		width: 40%;
		margin-right: 2% !important;
	}
  	.cb_1-3_2-3_right{
		float: left;
		width: 55%;
	}
	


/* 2 cols 2/3-1/3 */
.cb_2-3_1-3 > div{
	min-height: 1px;
}
  	.cb_2-3_1-3_left{
		float: left;
		width: 65%;
		margin-right: 5% !important;
	}
  	.cb_2-3_1-3_right{
		float: left;
		width: 30%;
	}
	


/* 3 cols 1/3-1/3-1/3 */
.cb_1-3_1-3_1-3 > div{
	min-height: 1px;
}
  	.cb_1-3_1-3_1-3_left{
		float: left;
		width: 30%;
		margin-right: 5% !important;
	}
  	.cb_1-3_1-3_1-3_middle{
		float: left;
		width: 30%;
		margin-right: 5% !important;
	}
  	.cb_1-3_1-3_1-3_right{
		float: left;
		width: 30%;
		margin-right: 5% !important;
	}

/* ############################################################################################# 
## RWD ##################################################################################
############################################################################################# */
@media only screen and (max-width: 769px) {

  	.cb_float-right_left, .cb_float-left_right, .cb_1-2_1-2_left, .cb_1-2_1-2_right, .cb_1-3_2-3_left, .cb_1-3_2-3_right, .cb_2-3_1-3_left, .cb_2-3_1-3_right, .cb_1-3_1-3_1-3_left, .cb_1-3_1-3_1-3_middle, .cb_1-3_1-3_1-3_right{
		float: none;
		width:100%;
		margin:0 0 30px 0;
	}
}
	
	
	
	
/* ############################################################################################# 
## Forms ##################################################################################
############################################################################################# */

.form_field textarea.small{
	height: 40px;
}
.form_field input.small{
	width: 150px;
}
.form_field input.verysmall{
	width: 40px;
}
.form_field input.calendar{
	width: 80px;
}

.misc_icons /* calendar_icon, message_active_icon, message_inactive_icon, user_icon, arrow_down_icon, small_arrow_down_icon, cache_icon */
{
	background-repeat: no-repeat;
	display: inline-block;
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.calendar_icon{		
	background-image: url(../../cms/images/core/b_calendar.svg); 
	background-size:22px 22px;
}





/* ############################################################################################# 
## Popups ##################################################################################
############################################################################################# */

.dark_layer{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    height: 130%;
    position: fixed;
    top: -30%;
    width: 100%;
    z-index: 1000;
	display: none;
}

.popup{
    background: #fff none repeat scroll 0 0;
    display: none;
    margin: 100px 20%;
    max-height: 60%;
    overflow: auto;
    padding: 25px 25px 40px;
    position: fixed;
    width: 60%;
    z-index: 1060;
}
	.popup .close {
		background: #666666 none repeat scroll 0 0;
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		font-weight: bold;
		margin: -30px 0 0 60%;
		padding: 5px 10px;
		position: fixed;
	}

	
	
	
	
/* ############################################################################################# 
## Parallax ##################################################################################
############################################################################################# */

.cms_bgimage_parallax_fixed{
   background-attachment: fixed !important;
}

.cms_bgimage_parallax_relative{
   background-attachment: scroll !important;
}