/*
Theme Name: C+HoAr
Theme URI: 
Author: 2Code
Author URI: 
Description: C+HoAr theme by 2Code
Version: 1.0
Text Domain: cplushoar
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
html, body {
	height: 100%;
}
body {
	overflow: hidden;
	font-family: 'Teko', sans-serif;
	color: #000;
	max-width: 100%;
	position: relative;
}
a {
	text-decoration: none;
	outline: none !important;
}
.scroll-wrapper {
	height: 100%;
	overflow: hidden;
}
.wrapper {
	background-color: #EAEEFF;
	width: 600px;
	height: 600px;
	margin: 50px auto;
}
.title_box,
.box {
	width: 270px;
	height: 220px;
	display: inline-block;
	position: relative;
}
.boxwrapper.box {
	height: 264px;
}
.title_box {
	transition: all 300ms ease-out;
	/*display: none;*/
	opacity: 0;
	z-index: 1001;
}
.boxwrapper:hover .title_box {
	opacity: 1;
}
.boxwrapper {
	float: left;
	margin: 20px 0 0 20px;
	cursor: pointer;
}
.boxwrapper.chaos {
	cursor: default;
}
.boxfloat {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}
.boxfloat:not(.boxordered) {
	-webkit-transition: all 20000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: all 20000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	     -o-transition: all 20000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	        transition: all 20000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

	-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	    
	    z-index: 1000;
}
.boxfloat.boxordered {
	-webkit-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	     -o-transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	        transition: all 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

	-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	        transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.boxfloat:hover {
	/*outline: 1px solid #C7CEED;*/
}
/*.box1_1 {
	background: url('/img/o-1-l-1.png') no-repeat center top transparent;
}
.box1_2 {
	background: url('/img/o-1-l-2.png') no-repeat center top transparent;
}
.box1_3 {
	background: url('/img/o-1-l-3.png') no-repeat center top transparent;
}
.box1_4 {
	background: url('/img/o-1-l-4.png') no-repeat center top transparent;
}
.box2_1 {
	background: url('/img/o-2-l-1.png') no-repeat center top transparent;
}
.box2_2 {
	background: url('/img/o-2-l-2.png') no-repeat center top transparent;
}
.box2_3 {
	background: url('/img/o-2-l-3.png') no-repeat center top transparent;
}
.box2_4 {
	background: url('/img/o-2-l-4.png') no-repeat center top transparent;
}
.box3_1 {
	background: url('/img/o-3-l-1.png') no-repeat center top transparent;
}
.box3_2 {
	background: url('/img/o-3-l-2.png') no-repeat center top transparent;
}
.box3_3 {
	background: url('/img/o-3-l-3.png') no-repeat center top transparent;
}
.box3_4 {
	background: url('/img/o-3-l-4.png') no-repeat center top transparent;
}
.box4_1 {
	background: url('/img/o-4-l-1.png') no-repeat center top transparent;
}
.box4_2 {
	background: url('/img/o-4-l-2.png') no-repeat center top transparent;
}
.box4_3 {
	background: url('/img/o-4-l-3.png') no-repeat center top transparent;
}
.box4_4 {
	background: url('/img/o-4-l-4.png') no-repeat center top transparent;
}*/


/*body*/
body {
	overflow: visible;
}

/*navbar menumain*/
.mainmenu.navbar {
	margin-bottom: 56px;
}
.mainmenu.navbar-inverse {
	background-color: #000;
	border: 0;
}
.mainmenu.navbar-inverse .navbar-nav > .current-menu-item > a,
.mainmenu.navbar-inverse .navbar-nav > .current-category-ancestor > a {
	background-color: #fff;
	color: #000;
}
.mainmenu .navbar-brand {
	height: 80px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.mainmenu .navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 30px;
	padding: 30px 22px;
}

/*navbar menusecond*/
.menusecond.navbar-nav > li > a {
	font-size: 20px;
	color: #000;
	transition: background-color 300ms linear;
	outline: none;
}
.menusecond.navbar-nav > .active > a {
	background-color: #000;
	color: #fff;
}
.switch {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
	background-image: url('img/sprites.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
	position: relative;
	z-index: 1000;
}
.chaos_switch {
	background-position: 0 0;
}
.chaos_switch.active,
.chaos_switch:hover {
	background-position: 0 -50px;
}
.order_switch {
	background-position: -50px 0;
}
.order_switch.active,
.order_switch:hover {
	background-position: -50px -50px;
}

/*realisations list*/
.floating_boxes {
	width: 100%;
	margin-top: 40px;
	background: url('img/line.gif') repeat-x center top transparent;
	min-height: 200px;
	padding: 50px 50px 150px 50px;
}














div.bx {
	background-color: green;
	margin: 10px;
	width: 100px;
	height: 100px;
	float: left;
	transition: all 1s;
}



.tiles {
	width: 100%;
	margin-top: 40px;
	background: url('img/line.gif') repeat-x center top transparent;
	min-height: 200px;
	padding: 20px 0 150px;
}
.tiles .tile {
	/*overflow: hidden;*/
	position: relative;
	padding: 0;
	margin: 0;
}
.tiles .tile .short {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #57534d;
	top: 0;
	display: none;
	position: absolute;
	z-index: 201;
	font-size: 18px;
	color: #fff;
	padding: 30px 25px;
}
.tiles .tile .short div.short_text {
	overflow: hidden;
	height: 100%;
}
.tiles .tile .short .arrow {
	width: 60px;
	height: 20px;
	display: block;
	background: url('img/arrow.png') no-repeat center top transparent;
	bottom: 21px;
	right: 18px;
	position: absolute;
}
.tiles .tile > img {
	width: 100%;
}
.tiles .tile .thumb img {
	width: 100%;
	height: 100%;
}
.tiles .tile > a {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background: url('img/dummy.gif') no-repeat center top transparent;
	z-index: 202;
}
.tiles .tile > a > span {
	display: block;
	height: 100%;
	padding: 28px 25px;
	background: url('img/tilebg.png') repeat-x center top transparent;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}
.tiles > .container {
	position: relative;
}
.tiles > .container > .row {
	margin-left: 0;
	margin-right: 0;
	/*position: relative;*/
}

.tile .thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
}


#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}
footer {
	height: 100px;
	background-color: #000;
	color: #fff;
	padding: 30px 0;
	font-size: 26px;
}
footer > div {
	
}





/*li {
  perspective: 400px;
}

.tile a {
  transform: rotate3d(1,0,0, 90deg);
  
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  pointer-events: none;
  background-color: transparentize($turquoise, .1);
}

.in-top > a {
   transform-origin: 50% 0%;
   animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right > a {
  transform-origin: 100% 0%;
  animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom > a {
  transform-origin: 50% 100%;
  animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left > a {
  transform-origin: 0% 0%;
  animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top > a {
  transform-origin: 50% 0%;
  animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right > a {
  transform-origin: 100% 50%;
  animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom > a {
  transform-origin: 50% 100%;
  animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left > a {
  transform-origin: 0% 0%;
  animation: out-left 300ms ease 0ms 1 forwards;
}

@keyframes in-top {
  from {transform: rotate3d(-1,0,0, 90deg)}
  to   {transform: rotate3d(0,0,0, 0deg)}}
@keyframes in-right {
  from {transform: rotate3d(0,-1,0, 90deg)}
  to   {transform: rotate3d(0,0,0, 0deg)}}
@keyframes in-bottom {
  from {transform: rotate3d(1,0,0, 90deg)}
  to   {transform: rotate3d(0,0,0, 0deg)}}
@keyframes in-left {
  from {transform: rotate3d(0,1,0, 90deg)}
  to   {transform: rotate3d(0,0,0, 0deg)}}

@keyframes out-top {
  from {transform: rotate3d(0,0,0, 0deg)}
  to   {transform: rotate3d(-1,0,0, 104deg)}}
@keyframes out-right {
  from {transform: rotate3d(0,0,0, 0deg)}
  to   {transform: rotate3d(0,-1,0, 104deg)}}
@keyframes out-bottom {
  from {transform: rotate3d(0,0,0, 0deg)}
  to   {transform: rotate3d(1,0,0, 104deg)}}
@keyframes out-left {
  from {transform: rotate3d(0,0,0, 0deg)}
  to   {transform: rotate3d(0,1,0, 104deg)}}*/
  


/*POST*/
#tile_post {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	top: 0;
  	left: 0;
  	background-color: #fff;
  	z-index: 1002;
  	display: none;
  	overflow: auto;
}
#tile_post .navbar-brand {
	height: 80px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: -15px;
}
#tile_post .row_title {
	margin-top: 22px;
	min-height: 80px;
}
#tile_post h2 {
	font-size: 30px;
	color: #000;
}
#tile_post h3 {
	font-size: 24px;
	color: #000;
}
#tile_post .buttons {
	padding-top: 14px;
}
#tile_post .buttons a {
	float: right;
}
#tile_post .buttons a[href="#info"] {
	
}
#tile_post .buttons a[href="#close"] {
	margin-left: 46px;
}
#tile_post .buttons a[href="#close"] i {
	font-size: 25px;
	margin-top: 12px;
	display: block;
}
#tile_post .buttons i {
	color: #000;
	font-size: 48px;
}
#tile_post .rotator,
#tile_post .rotator .gallery {
	width: 100%;
	/*height: 590px;*/
}
#tile_post .text {
	margin-top: 94px;
	padding-bottom: 150px;
}
#tile_post .text .row {
	margin-bottom: 22px;
}
#tile_post .infotab_title {
	font-weight: 400;
	font-size: 26px;
}
#tile_post .infotab_text {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	padding-top: 4px;
}



/*IND*/
.ind_wr {
	position: absolute;
	z-index: 1100;
}
.ind {
	position: absolute;
}
.ind_wr > div {
	position: relative;
	width: 100%;
	height: 100%;
}
.ind_top {
	top: 0;
	left: 0;
	width: 50%;
}
.ind_top .ind {
	width: 18px;
	height: 9px;
	background: url('img/triangles.png') no-repeat center top transparent;
	top: -9px;
	right: -4px;
}
.ind_right {
	top: 0;
	right: 0;
	height: 50%;
}
.ind_right .ind {
	width: 9px;
	height: 18px;
	background: url('img/triangles.png') no-repeat right top transparent;
	right: -9px;
	bottom: -4px;
}
.ind_bottom {
	bottom: 0;
	right: 0;
	width: 50%;
}
.ind_bottom .ind {
	width: 18px;
	height: 9px;
	background: url('img/triangles.png') no-repeat center bottom transparent;
	bottom: -9px;
	left: -4px;
}
.ind_left {
	bottom: 0;
	left: 0;
	height: 50%;
}
.ind_left .ind {
	width: 9px;
	height: 18px;
	background: url('img/triangles.png') no-repeat left top transparent;
	left: -9px;
	top: -4px;
}



.navbar-toggle {
	margin-top: 20px;
}

.boxwrapper .desc_box {
	transition: all 300ms ease-out;
	opacity: 0;
	clear: both;
	height: 44px;
	overflow: hidden;
	padding-left: 15px;
	font-size: 18px;
	/*background: url('img/arrow_b.png') no-repeat right 5px transparent;*/
}
.boxwrapper .desc_box .desc_box_1 {
	font-weight: 700;
}
.boxwrapper:not(.chaos):hover .desc_box {
	opacity: 1;
}
.boxwrapper .desc_box > div {
	height: 22px;
	overflow: hidden;
}




@media only screen and (max-width: 1180px) {
	.tiles .tile .short {
		font-size: 14px;
	}
	.scroll-wrapper {
		height: auto;
		overflow: none;
	}
}
@media only screen and (max-width: 970px) {
	.tiles .tile .short {
		font-size: 18px;
	}
}
@media only screen and (max-width: 768px) {
	.mainmenu.navbar-inverse .navbar-nav > .current-menu-item > a,
	.mainmenu.navbar-inverse .navbar-nav > .current-category-ancestor > a {
		background-color: #000;
		color: #fff;
	}
	.mainmenu.navbar {
		margin-bottom: 0;
	}
	.navbar-nav {
		margin-top: 0;
	}
	a.switch {
		display: none;
	}
	.boxwrapper .desc_box,
	.title_box {
		opacity: 1;
	}
}
@media only screen and (max-width: 550px) {
	.tiles .tile .short {
		font-size: 14px;
	}
}
@media only screen and (max-width: 400px) {
	.tiles .tile {
		width: 100%;
	}
}
@media only screen and (max-width: 250px) {
	.tiles .tile .short {
		font-size: 12px;
	}
}