@charset "UTF-8";
/* CSS Document */



/* Pre loader */


 


   .sk-cube-grid {
      width: 40px;
      height: 40px;
      margin: 100px auto;
    }
    .sk-cube-grid .sk-cube {
      width: 33%;
      height: 33%;
      background-color: rgba(160,154,146,1);
      float: left;
      -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
      animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }
    .sk-cube-grid .sk-cube1 {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
    }
    .sk-cube-grid .sk-cube2 {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
    }
    .sk-cube-grid .sk-cube3 {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
    }
    .sk-cube-grid .sk-cube4 {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s;
    }
    .sk-cube-grid .sk-cube5 {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
    }
    .sk-cube-grid .sk-cube6 {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
    }
    .sk-cube-grid .sk-cube7 {
      -webkit-animation-delay: 0s;
      animation-delay: 0s;
    }
    .sk-cube-grid .sk-cube8 {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s;
    }
    .sk-cube-grid .sk-cube9 {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
    }
    @-webkit-keyframes sk-cubeGridScaleDelay {
      0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
      }
      35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
      }
    }
    @keyframes sk-cubeGridScaleDelay {
      0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
      }
      35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
      }
    }
    #preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
		padding-top: 300px;
      z-index: 2;
	background:linear-gradient(2deg, rgba(214,209,201,1) 0%, rgba(245,241,235,1) 10%, rgba(255,255,255,1) 60%);
		  }


/* Fonts */




@font-face {
    font-family: 'museo100';
    src: url('../fonts/museosans-100-webfont.eot');
    src: url('../fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-100-webfont.woff') format('woff'),
		url('../fonts/museosans-100-webfont.woff2') format('woff2'),
         url('../fonts/museosans-100-webfont.ttf') format('truetype'),
         url('../fonts/museosans-100-webfont.svg#museo100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo300';
    src: url('../fonts/museosans-300-webfont.eot');
    src: url('../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-300-webfont.woff') format('woff'),
		 url('../fonts/museosans-300-webfont.woff2') format('woff2'),
         url('../fonts/museosans-300-webfont.ttf') format('truetype'),
         url('../fonts/museosans-300-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500-webfont.woff') format('woff'),
		url('../fonts/museosans_500-webfont.woff2') format('woff2'),
         url('../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'breakdown';
    src: url('../fonts/font_breakdown-webfont.eot');
    src: url('../fonts/font_breakdown-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font_breakdown-webfont.woff') format('woff'),
		 url('../fonts/font_breakdown-webfont.woff2') format('woff2'),
         url('../fonts/font_breakdown-webfont.ttf') format('truetype'),
         url('../fonts/font_breakdown-webfont.svg#breakdown') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2 {
margin-top: 0;
}

 body{
	font-family: 'museo300', sans-serif;
	font-weight: normal;
	font-style: normal;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	font-family: 'museo300', sans-serif;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:hover {
	font-family: 'museo500', sans-serif;
	text-decoration: none;
	color: rgba(55,141,191,1);
}

.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: rgba(55,141,191,1);
	text-decoration: none;
}
a:link {
	font-family: 'museo300', sans-serif;
	text-decoration: none;
	color: rgba(179,173,164,1);
}
a:visited {
	font-family: 'museo300', sans-serif;
	text-decoration: none;
	color: rgba(179,173,164,1);
}

a:active {
	font-family: 'museo500', sans-serif;
	text-decoration: none;
	color: rgba(179,173,164,1);
}	
a,
button {
	color: rgba(55,141,191,1);
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1 {
	font-family: 'breakdown', sans-serif;
	color: rgba(179,173,164,1);
	margin-top: 0px;
	font-style: normal;
	text-transform: normal;
}
h2,
h3,
h4,
h5,
h6 {
	font-family: 'museo100', sans-serif;
	font-weight: normal;
	color: rgba(179,173,164,1);
	margin-top: 0px;
	font-style: normal;
	font-weight: 400;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a {
	color: rgba(55,141,191,1);
}
h4 a,
h5 a,
h6 a {
	color: rgba(55,141,191,1);
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	color: rgba(160,154,146,1);
	margin-bottom: 15px;
}

p2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	color: rgba(214,209,201,1);
	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid #000;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: rgba(250,250,250,1);
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #444;
	color: rgba(250,250,250,1);
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: rgba(250,250,250,1);
	text-shadow: none;
}
::selection {
	background: #444;
	color: rgba(250,250,250,1);
	text-shadow: none;
}
*::-moz-placeholder {
	color: rgba(250,250,250,1);
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: rgba(250,250,250,1);
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #444 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #ebe4dd
}
/* button style */

.btn {
	-moz-user-select: none;
	background: #000;
	border: medium none;
	border-radius: 3px;
	color: rgba(250,250,250,1);
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
	padding: 15px 36px;
	text-align: center;
	text-transform: uppercase;
	transition: .3s;
	vertical-align: middle;
	white-space: nowrap;
	font-family: 'museo300';
}
.btn:hover{background:#000;
	color: rgba(250,250,250,1);}

.breadcrumb > .active {
	color: rgba(55,141,191,1);
}



/* Page Elements*/

#backgroundcontainer{
position: fixed;
top: 0;
left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
 background: linear-gradient(2deg, rgba(214,209,201,1) 0%, rgba(245,241,235,1) 10%, rgba(255,255,255,1) 60%);


}

#fullcontainer {
position: fixed;
top: 0;
left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
 
	

}


#backgroundcontainer2 {
position: fixed;
top: 0;
left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
 background: linear-gradient(2deg, rgba(32,30,28,1) 5%, rgba(42,40,38,1) 20%, rgba(63,62,61,1) 100%);


}

#fullcontainer2 {
position: fixed;
top: 0;
left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
 
	

}


 
	
#pagewrapper {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}
#pagewrapperEM {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: museo300, Monaco, monospace;
}


#cubeholder {
	height: auto;
	width: 1200px;
	padding-top: 80px;
	padding-bottom: 60px;

	margin-right: auto;
	margin-left: auto;
	overflow: visible;
		
		
}

#minicubeholder {
	height: auto;
	width: 300px;
	padding-top: 20px;
	padding-bottom: 60px;

	margin-right: auto;
	margin-left: auto;
	overflow: visible;
		
		
}


/* 2 header */
.logo {
  margin-top: 48px;
}
.main-menu-area {
  border-bottom: 1px solid #ccc9c7;
  padding: 0 59px;
}
.main-menu ul{}
.main-menu ul li {
  display: inline-block;
  position: relative;
}
.main-menu ul li > a {
	color: rgba(160,154,146, 1);
	display: block;
	font-size: 14px;
	font-family: 'museo500', sans-serif;
	padding: 35px 22px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.main-menu ul li:last-child a{padding-right:0}
.main-menu ul li:first-child a{padding-left:0}
.main-menu ul li:hover > a,.main-menu ul li.active > a{font-family: 'museo500', sans-serif; color:rgba(55, 141, 191, 1);}


/* sub-menu */
.main-menu ul li .sub-menu {
  background: #ffffff none repeat scroll 0 0;
  border-top: 3px solid #A09A92;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 120%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 220px;
  z-index: 9;
}
.main-menu ul li:hover .sub-menu{opacity:1;top:100%;visibility:visible}
.main-menu ul li .sub-menu li{display:block}
.main-menu ul li .sub-menu li a {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 13px 20px;
  text-transform: capitalize;
}
.main-menu ul li:hover > .sub-menu li > a:hover{color:#fff;background:#A09A92;}



/* footer */
.footer-area{}
.footer-icon{}
.footer-icon a {
	background: #B3ADA4;
	display: inline-block;
	border: 1px solid #B3ADA4;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	color: #fafafa;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	margin-right: 5px;
	transition: .3s;
}
.footer-icon a:last-child{margin-right:0;}
.footer-icon a:hover{background:none;color:#B3ADA4;}
.copyright {
	margin-top: 14px;
}
.copyright p {
	margin-bottom: 0;
	color: rgba(179, 173, 164, 1);
}
.copyright p i{color:rgba(179, 173, 164, 1); font-family: 'museo300', sans-serif; }

.copyright p a {color:rgba(179, 173, 164, 1); font-family: 'museo500', sans-serif; font-size: 14px; }

.copyright p a:hover {color:rgba(55, 141, 191, 1); font-family: 'museo500', sans-serif; }



/*************************************************/



/* the Cube
.cubeviewport {


	
-webkit-perspective: 1200px;
-webkit-perspective-origin: 50% 300px;
-webkit-transform: scale(.9,.9);

-moz-perspective: 1200px;
-moz-perspective-origin: 50% 300px;
-moz-transform: scale(.9,.9);
	opacity: 0.95;
	overflow: visible;

}

 
 
.cube {
position: relative;
margin-left: auto;
margin-right: auto;
height: 600px;
width: 600px;
overflow: visible;
-webkit-transition: -webkit-transform 50ms linear;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(5deg) rotateY(35deg);

-moz-transition: -moz-transform 50ms linear;
-moz-transform-style: preserve-3d;
-moz-transform: rotateX(5deg) rotateY(35deg);
}

.cube h2 {
color: rgba(55,141,191,1);
padding-top: 0;
margin-top: 0;
}

.cube a {
color: #fff;
}

.cube > div {
position: absolute;
height: 580px;
width: 580px;
padding: 0px;
background-color: rgba(0, 0, 0, 0.75);

font-size: 1em;
line-height: 1em;
color: #fff;
 border: 2px solid #abc2d0;
border-radius: 1px; 
}

.cube > div:first-child  {
	-webkit-transform: rotateX(90deg) translateZ(290px);
	-moz-transform: rotateX(90deg) translateZ(290px);
	text-align: left;
		background-color: rgba(171,194,208,.8);
}

.cube > div:nth-child(2) {
	-webkit-transform: translateZ(290px);
	-moz-transform: translateZ(290px);
	text-align: left;
		  background: linear-gradient(2deg, rgba(41,44,46,1) 0%, rgba(57,93,115,1) 30%, rgba(171,194,208,.8) 100%);
}

.cube > div:nth-child(3) {
	-webkit-transform: rotateY(90deg) translateZ(290px);
	-moz-transform: rotateY(90deg) translateZ(290px);
	text-align: left;
		   background: linear-gradient(2deg, rgba(41,44,46,1) 0%, rgba(57,93,115,1) 30%, rgba(171,194,208,.8) 100%);
}

.cube > div:nth-child(4) {
	-webkit-transform: rotateY(180deg) translateZ(290px);
	-moz-transform: rotateY(180deg) translateZ(290px);
	text-align: left;
	 background: linear-gradient(2deg, rgba(41,44,46,1) 0%, rgba(57,93,115,1) 30%, rgba(171,194,208,.8) 100%);
}

.cube > div:nth-child(5) {
	-webkit-transform: rotateY(-90deg) translateZ(290px);
	-moz-transform: rotateY(-90deg) translateZ(290px);
	text-align: left;
		  background: linear-gradient(2deg, rgba(41,44,46,1) 0%, rgba(57,93,115,1) 30%, rgba(171,194,208,.8) 100%);
}

.cube > div:nth-child(6) {
	-webkit-transform: rotateX(-90deg)  translateZ(290px);
	-moz-transform: rotateX(-90deg) 11 translateZ(290px);
	font-family: museo300, Monaco, monospace;
	text-align: left;
	background-color: rgba(41,44,46,.8);
}



#topfacecontainer {
	overflow: hidden;
	height: 578px;
	width: 578px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	background-image: url('../images/cube_panels/test_frames.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}
#bottomfacecontainer {
	overflow: hidden;
	height: 578px;
	width: 578px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;

	background-image: url('../images/cube_panels/test_frames6.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}
#face1container {
	overflow: hidden;
	height: 578px;
	width: 578px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	background-image: url('../images/cube_panels/test_frames3.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}


    

#face2container {
	
	overflow: hidden;
	height: 578px;
	width: 578px;
	padding: 0px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	background-image: url('../images/cube_panels/test_frames4.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}
#face3container {
	overflow: hidden;
	height: 578px;
	width: 578px;
	
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	background-image: url('../images/cube_panels/test_frames5.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}
#face4container {

	overflow: hidden;
	height: 578px;
	width: 578px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	background-image: url('../images/cube_panels/test_frames2.png');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
	
	
}

.cubeboxwhenbig {
	height: 516px;
	width: 516px;
	overflow: hidden;

}

.cubeboxwhensmall {
	height: 300px;
	width: 300px;
	overflow: hidden;
	background-color: #000;
}
*/


/* the miniCube*/
.minicubeviewport {

overflow: visible;
	
-webkit-perspective:1200px;
-webkit-perspective-origin: 50% 300px;
-webkit-transform: scale(1.1,1.1);

-moz-perspective: 1200px;
-moz-perspective-origin: 50% 300px;
-moz-transform: scale(1.1,1.1);
	opacity: 0.95;
	overflow: visible;


}

 
 
.minicube {
position: relative;
margin-left: auto;
margin-right: auto;
height: 300px;
width: 300px;
overflow: visible;
-webkit-transition: -webkit-transform 50ms linear;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(-18deg) rotateY(-22deg);

-moz-transition: -moz-transform 50ms linear;
-moz-transform-style: preserve-3d;
-moz-transform: rotateX(-18deg) rotateY(-22deg);
}

.minicube h2 {
color: #fff;
padding-top: 0;
margin-top: 0;
}

.minicube a {
color: #fff;
}

.minicube > div {
position: absolute;
height: 294px;
width: 294px;
padding: 5px;
background-color: rgba(0, 0, 0, 0.75);

font-size: 1em;
line-height: 1em;
color: #fff;
 border: 2px solid #fff;
border-radius: 1px; 
}

.minicube> div:first-child  {
	-webkit-transform: rotateX(90deg) translateZ(146px);
	-moz-transform: rotateX(90deg) translateZ(146px);
	text-align: left;
		background-color: rgba(245,241,235,.8);
}

.minicube> div:nth-child(2) {
	-webkit-transform: translateZ(146px);
	-moz-transform: translateZ(146px);
	text-align: left;
		background: linear-gradient(0deg, rgba(214,209,201,.8) 0%,  rgba(245,241,235,.8) 100%);
}

.minicube> div:nth-child(3) {
	-webkit-transform: rotateY(90deg) translateZ(146px);
	-moz-transform: rotateY(90deg) translateZ(146px);
	text-align: left;
	background: linear-gradient(0deg, rgba(214,209,201,.8) 0%,  rgba(245,241,235,.8) 100%);
}

.minicube> div:nth-child(4) {
	-webkit-transform: rotateY(180deg) translateZ(146px);
	-moz-transform: rotateY(180deg) translateZ(146px);
	text-align: left;
		background: linear-gradient(0deg, rgba(214,209,201,.8) 0%,  rgba(245,241,235,.8) 100%);
}

.minicube> div:nth-child(5) {
	-webkit-transform: rotateY(-90deg) translateZ(146px);
	-moz-transform: rotateY(-90deg) translateZ(146px);
	text-align: left;
		background: linear-gradient(0deg, rgba(214,209,201,.8) 0%,  rgba(245,241,235,.8) 100%);
}

.minicube> div:nth-child(6) {
	-webkit-transform: rotateX(-90deg)  translateZ(146px);
	-moz-transform: rotateX(-90deg) 11 translateZ(146px);
	font-family: museo300, Monaco, monospace;
	text-align: left;
background-color: rgba(214,209,201,.8);
}



#minitopfacecontainer {
	overflow: hidden;
	height: 280px;
	width: 280px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#minibottomfacecontainer {
	overflow: hidden;
	height: 280px;
	width: 280px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	/* background-image: url(./images/Backgroundmonkey.gif);
    background-repeat: no-repeat; 
	background-size: 100% 100%;*/
}
#miniface1container {
	overflow: hidden;
	height: 280px;
	width: 280px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#miniface2container {
	
	overflow: hidden;
	height: 280px;
	width: 280px;
	padding: 0px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#miniface3container {
	overflow: hidden;
	height: 280px;
	width: 280px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#miniface4container {

	overflow: hidden;
	height: 280px;
	width: 280px;
	
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	
	}


/* Zoom and blur experiment */
/* As of June 10th 2012: filters are webkit only */
/*************************************************/

.zoom-wrapper {
-webkit-animation: zoom-in 5s linear infinite alternate;
-webkit-filter: blur(0);
-webkit-transform-style: preserve-3d;
}

@-webkit-keyframes zoom-in {
    from {
        -webkit-transform: translateZ(-1000px);
        -webkit-filter: blur(3px);
    }
    to {
        -webkit-transform: translateZ(100px);
        -webkit-filter: blur(0);
    }
}
#pagewrapper #cubeholder .cubeviewport .cube div #face2container {
	text-align: left;
}


/*************************************************/



/* portfolio-area */
.portfolio-area{}
.portfolio-wrapper{}
.portfolio-img{position:relative;}
.portfolio-img >a{position:relative;display:block;}
.portfolio-img >a:before{
	background: #B3ADA4 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	transition: .3s;
	opacity:0;
	top:0;
}
.portfolio-wrapper:hover .portfolio-img >a:before{opacity:1;}
.portfolio-img a{width:100%;}
.portfolio-img a img {
	width: 100%;
}
.portfolio-menu > button:focus {
  outline: 0 none;
}
.portfolio-menu button {
	color: rgba(179,173,164,1);
	font-family: 'museo300', sans-serif ;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	padding: 0;
	margin-right: 40px;
	border: medium none;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	background: none;
}
.portfolio-menu button:last-child{margin-right:0;}
.portfolio-menu > button:hover
{background:none;
	color: rgba(55,141,191,1);
	font-family: 'museo500', sans-serif ;
text-decoration: underline;}
.portfolio-menu > button.active
{background:none;
	color: rgba(214,209,201,1);
	font-family: 'museo500', sans-serif ;
	text-decoration: underline;}
.portfolio-content {
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
	opacity: 0;
	padding: 30px 20px 0 20px;
	right: 0;
	transition:.3s;
}
.portfolio-wrapper:hover .portfolio-content{opacity:1;bottom:30px;}
.portfolio-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}
.portfolio-content h4 > a{color:#fff;transition:.3s;}
.portfolio-content h4 > a:hover{color:rgba(55,141,191,1)}
.portfolio-content span {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}




/* project-details-area */
.project-details-area{}
.projct-details-wrapper{}
.project-img {
	margin-bottom: 19px;
}
.project-img img{width:100%;}
.project-details-text{}
.project-details-text h4 {
	color: #378DBF;
	font-family: 'museo500', sans-serif;
	font-size: 20px;
	margin-bottom: 6px;
}
.project-details-text p {
	margin-bottom: 19px;
}
.project-details-meta {
	margin-bottom: 13px;
}
.project-details-meta span {
	font-size: 12px;
	text-transform: uppercase;
	color: #B3ADA4;
	margin-right: 10px;
	position: relative;
}
.project-details-meta span:last-child{margin-right:0;}
.project-details-meta span::before {
	height: 13px;
	width: 1px;
	position: absolute;
	content: "";
	background: #B3ADA4;
	right: -5px;
	top: 3px;
}
.project-details-meta span:last-child::before {display:none;}
.project-details-meta span a{color:#B3ADA4;}
.project-details-text h3 {
	text-align: right;
	color: #B3ADA4;
	font-family: 'museo500', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
}
.project-details-text h3 span {
	font-size: 16px;
	margin-left: 3px;
}

/* contact */
.contact-form {}
.contact-title h2 {
	font-size: 20px;
	font-weight: 600;
	color: #B3ADA4;
	margin-bottom: 0;
}
.contact-form input {
	border: 1px solid #D6D1C9;
	height: 34px;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 100%;
	color: #A09A92;
	font-size: 14px;
	font-weight: 400;
	background: none;
}
.contact-form input::-moz-placeholder {
  color: #A09A92;
  font-size: 14px;
}
.contact-form textarea {
  border: 1px solid #D6D1C9;
  height: 120px;
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
  color: #A09A92;
  font-size: 14px;
  background:none;
}
.contact-form textarea::-moz-placeholder {
  color: #A09A92;
  font-size: 14px;
}
.contact-form button {
	font-size: 14px;
	font-weight: 600;
	padding: 11px 50px;
	color: #fff;
	transition: .3s;
	background: #B3ADA4;
	transition: .3s;
	border-radius: none;
	line-height: 1;
	display: inline-block;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
}
.contact-form button:hover{background:#378DBF;}
.address-wrapper {
	padding-left: 100px;
}
.address-icon {
	float: left;
}
.address-icon a {
	height: 40px;
	width: 40px;
	border: 1px solid #D6D1C9;
	color: #B3ADA4;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}
.address-info{}
.address-info li {
	overflow: hidden;
	padding-bottom: 18px;
}
.address-info li:last-child{padding-bottom:0;}
.address-text {
	overflow: hidden;
	padding-left: 17px;
}
.address-text h5 {
	color: #BF304D;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1;
}
.address-text span {
	color: #A09A92;
	font-size: 14px;
	color: #A09A92;
	line-height: 1;
}

/* about-area */
.about-area{}
.about-img{}
.about-img img{width:100%;}
.about-wrapper{}


.about-wrapper2{
	background: linear-gradient(2deg, rgba(32,30,28,1) 5%, rgba(42,40,38,1) 20%, rgba(63,62,61,1) 100%);
	padding-top:25px;
	padding-bottom:15px;
	padding-left:30px;
	padding-right:30px;

}


.about-text {
	padding-top: 42px;
	padding-left: 38px;
}
.about-text p {
	color:#A09A92;
	margin-bottom: 27px;
	padding-right: 25%;
}

.about-text p2 {
	color:#D6D1c9;
	margin-bottom: 25px;
	padding-right: 25%;
}
.about-title {
	font-weight: 600;
	font-size: 18px;
	color: #000000;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.about-link{}
.about-link li {
	color: #A09A92;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 3px;
	padding-left: 18px;
	position: relative;
}
.about-link li:last-child{padding-bottom:0;}
.about-link li::before {
	position: absolute;
	height: 2px;
	width: 6px;
	content: "";
	background: #F5F1EB;
	left: 1px;
	top: 10px;
}

/* brand */
.brand-active.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;

}

.brand-area{
	border-top-style: solid;
	border-bottom-style: solid;
  border-color: #F5F1EB;
	}



/* meassge form*/

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #378DbF;
  background-color: #F5F1EB;
  border: 1px solid #D6D1C9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #BF304D;
  background-color: #F5F1EB;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	
}	
	/* slideshow*/



.img-container {
  height: 800px;
  position: relative;
  margin: 0;
}

.img-container img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.img-container img.next {
  opacity: 1;
  z-index: 1;
}

.img-container img.prev {
  opacity: 1;
  z-index: 2;
}

.img-container img.fade-out {
  opacity: 0;
  transition: visibility 0s .5s, opacity .5s linear;
  visibility: hidden;
}


	/* lightmode only*/
:root {
         color-scheme: light only;
       }