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

}

[data-icon]:before {
  font-family: "cam" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-size: 4em;
  font-family: "cam" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-anti-shake:before {
  content: "\65";
}
.icon-megapixels:before {
  content: "\66";
}
.icon-iso:before {
  content: "\61";
}
.icon-filters:before {
  content: "\63";
}
.icon-email:before {
  content: "\62";
}

i.icon-email {
    height: 108px;
        display: inline-block;
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url( '/theme/js/boxsizing.htc' );
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}
	html, body {
		font-family: 'ITCAvantGardeStdXLt', Helvetica, Arial, sans-serif;
  margin: 0;
    -webkit-overflow-scrolling: touch;
	height: 100%;
	font-size: 25px;
    color: #e6e6e6;
}
body {
	background: url(../images/body-back.jpg) repeat #000000;
	background-size: auto 200%;
}
.left {
float:left;
}
.right {
	float:right;
}
.text-left, .text-right, .text-center {
	    width: 100%;
    display: block;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.one-fourth, .three-fourth, .one-third, .two-third, .half {
	display:inline-block;
	vertical-align:middle;
}
.one-fourth {
width:25%;
}
.three-fourth {
	width:75%;
}
.one-third {
width:33%;
}
.two-third {
	width:66%;
}
.half {
	width:50%;
}
.clr {
	clear:both;
}
.rightpad {
	padding-right:10%!important;
}
.fixed {
	position:fixed;
	top:0;
	left:0;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: #00eabf;
    text-decoration: none;
}
.blue {
	color:#00eabf;
}
p {
	margin: 0 0 1em 0;
	padding:0 30px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
	padding:0 30px;
}
h1 {
	font-size:52px;
}
h2 {
	font-size:48px;
}
h3 {
	font-size:40px;
}
a, input, textarea, button, i, i:before {
		-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
	}
section {
	width:auto;
	position:relative;
	clear:both;
}
.table {
	height:100%;
		overflow:hidden;
	display:table;
	width:100%;
}
.table .row {
	display:table-row;
	width:100%;
	    height: 100%;
}
.table .cont {
    display: table-cell;
    vertical-align: middle;
}
.cont {
    text-align: center;
	padding: 40px 0;
	position:relative;
}
.contfor3dimages {
	position:relative;
	max-width:400px;
	margin:0 auto;
}
.cont.three-fourth {
	padding-left:25%;
}
.narrow {
    max-width: 1200px;
    margin: 0 auto;
}
#top.table .cont {
    position: fixed;
    width: 100%;
    height: 100%;
}

#second {
	height: 150%;
	margin-top:0;
	background:url(../images/2525-side.png) 0 50% no-repeat #000000;
	box-shadow: 0 -30px 30px 0px #000000;
	-webkit-box-shadow: 0 -30px 30px 0px #000000;
}
#more {
	background: #000000;
    box-shadow: 0 2px 20px 0px #000000;
	-webkit-box-shadow: 0 2px 20px 0px #000000;
}
#third {
	background:url(../images/thirdback.jpg) 0 0 repeat-x;
	background-size:100% 100%;
}
#fourth {
    box-shadow: inset 0 -2px 20px 0px #000000;
	-webkit-box-shadow: inset 0 -2px 20px 0px #000000;
}
#photoicons {
	padding:0 30px;
}
#bubble1, #bubble2, #scheme, #grid, #contactback {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	    z-index: -1;
}

img.side3d.first, img.side3d.third {
	position:absolute;
	top:0;
	left:0;
}
img.side3d.second {
    position: relative;
    z-index: 2;
}
section#fifth {
    box-shadow: inset 0 -2px 20px 0px #000000;
    -webkit-box-shadow: inset 0 -2px 20px 0px #000000;
}
#fifth:before {
	content: '';
    background: #434343;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
#sixth {
	background-color:#000000;
}
#contact {
	color:#464646;
		overflow-x: hidden;
}
#contact .cont {
	padding:0;
}
#contact .narrow {
    padding: 40px 0;
}
#form-messages {
text-align: left;
    font-weight: bold;
    color: #00eabf;
    font-size: 16px;
    width: 35%;
	    position: absolute;
    left: 0;
    top:100%;
}
form#ajax-contact {
    text-align: right;
	position:relative;
	padding: 0 30px;
}
input[type="text"], input[type="email"] {
	margin: 0 1% 25px 0;
 border: 1px solid #b9b9b9;
	width:49%;
    padding: 10px;
}
input:focus, textarea:focus {
    outline: none;
    box-shadow: inset 0 0 5px 0 #c3c3c3;
}
 input[type="email"] {
	margin: 0 0 25px 1%;
 }
textarea {
width: 100%;
    height: 250px;
 border: 1px solid #b9b9b9;
    padding: 10px;
}
button#submit {
    background: url() #ffffff;
    position: relative;
    font-size: 27px;
    z-index: 1;
    margin: 0 auto;
    display: block;
    padding: 10px 20px;
    border: 1px solid #b9b9b9;
    color: #464646;
    margin-top: -33px;
}
::-webkit-input-placeholder {
  font-family: 'ITCAvantGardeStdXLt', Helvetica, Arial, sans-serif!important;
}
:-moz-placeholder {
  font-family: 'ITCAvantGardeStdXLt', Helvetica, Arial, sans-serif!important;  
}
::-moz-placeholder {
  font-family: 'ITCAvantGardeStdXLt', Helvetica, Arial, sans-serif!important;  
}
:-ms-input-placeholder {  
  font-family: 'ITCAvantGardeStdXLt', Helvetica, Arial, sans-serif!important;
}
button#submit:hover, button#submit:active, button#submit:focus {
	cursor:pointer;
	-moz-transform: rotate(24deg);
-webkit-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
border: 1px solid #00eabf;
    outline: none;
}
.bottomline {
    font-size: 12px;
}
#slideleft, #slideright {
	 position: absolute;
    width: 100%;
    height: 100%;
	top:0;
	    z-index: 2;
}
#slideleft {
    -moz-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background-color: #000000;
       left: -50%;
}
#slideleft:before {
    content: 'Learn More';
    color: #ffffff;
    display: block;
    z-index: 100;
    font-size: 77px;
    position: absolute;
     -moz-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    top: 30%;
    left: 65%;
}
#slideright {
    -moz-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background-color: #000000;
    right: -50%;
}
#slideright:before {
    content: 'Make it Yours';
    color: #ffffff;
    display: block;
    z-index: 100;
    font-size: 77px;
    position: absolute;
    transform: skewX(45deg);
	-moz-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    top: 60%;
    right: 65%;
}
/*animation elements */
.animation-element {
  opacity: 0;
  position: relative;
   -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.animation-element.appear1 {
	opacity:0;
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.animation-element.appear1.in-view {
	opacity:1;
}
.animation-element.appear2 {
	opacity:0;
	 -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.animation-element.appear2.in-view {
	opacity:1;
}
.animation-element.appear3 {
	opacity:0;
	 -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.animation-element.appear3.in-view {
	opacity:1;
}
.animation-element.appear4 {
	opacity:0;
	 -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
.animation-element.appear4.in-view {
	opacity:1;
}
#logo.vanish {
  opacity: 0;
      -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
#logo {
  opacity: 1;
   -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
	-moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  position: absolute;
    left: 50%;
    top: 50%;
    margin: -246px 0 0 -268px;
}
.animation-element.slide-left {
  opacity: 0;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slidetoleft {
  opacity: 1;
      -webkit-transition-delay: 3s;
    transition-delay: 3s;
	-webkit-transition-timing-function: cubic-bezier(1, 0, .50, 1); 
    transition-timing-function: cubic-bezier(1, 0, .50, 1);
	-webkit-transition-duration: 1s; 
    transition-duration: 1s;
}
.animation-element.slidetoleft.in-view {
  opacity: 1;
  -moz-transform: skewX(0deg)!important;
    -webkit-transform: skewX(0deg)!important;
    -o-transform: skewX(0deg)!important;
    -ms-transform: skewX(0deg)!important;
    transform: skewX(0deg)!important;
	width:0!important;
left: 0!important;
}
.animation-element.slidetoright {
  opacity: 1;
       -webkit-transition-delay: 3s;
    transition-delay: 3s;
	-webkit-transition-timing-function: cubic-bezier(1, 0, .50, 1); 
    transition-timing-function: cubic-bezier(1, 0, .50, 1);
	-webkit-transition-duration: 1s; 
    transition-duration: 1s;
}
.animation-element.slidetoright.in-view {
  opacity: 1;
-moz-transform: skewX(0deg)!important;
    -webkit-transform: skewX(0deg)!important;
    -o-transform: skewX(0deg)!important;
    -ms-transform: skewX(0deg)!important;
    transform: skewX(0deg)!important;
	width:0!important;
right: 0!important;
}
.animation-element.slidetoleft:before, .animation-element.slidetoright:before {
  opacity: 1;
      -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
	-webkit-transition-timing-function: ease-in; 
    transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s; 
    transition-duration: 0.2s;
}
.animation-element.slidetoleft.in-view:before, .animation-element.slidetoright.in-view:before {
  opacity: 0;
}
.animation-element.rotate-left {
	opacity:1;
-moz-transform: rotate(0deg) translateX(0px);
-webkit-transform: rotate(0deg) translateX(0px);
-o-transform: rotate(0deg) translateX(0px);
-ms-transform: rotate(0deg) translateX(0px);
transform: rotate(0deg) translateX(0px);
-webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.animation-element.rotate-left.in-view {
	opacity: 1;
-moz-transform: rotate(-20deg) translateX(-175px);
-webkit-transform: rotate(-20deg) translateX(-175px);
-o-transform: rotate(-20deg) translateX(-175px);
-ms-transform: rotate(-20deg) translateX(-175px);
transform: rotate(-20deg) translateX(-175px);
}
.animation-element.rotate-right {
	opacity:1;
-moz-transform: rotate(0deg) translateX(0px);
-webkit-transform: rotate(0deg) translateX(0px);
-o-transform: rotate(0deg) translateX(0px);
-ms-transform: rotate(0deg) translateX(0px);
transform: rotate(0deg) translateX(0px);
-webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.animation-element.rotate-right.in-view {
	opacity: 1;
-moz-transform: rotate(20deg) translateX(175px);
-webkit-transform: rotate(20deg) translateX(175px);
-o-transform: rotate(20deg) translateX(175px);
-ms-transform: rotate(20deg) translateX(175px);
transform: rotate(20deg) translateX(175px);
}
@media (max-width: 1600px) {
#slideleft:before, #slideright:before {
    font-size: 60px;
}
}
@media (max-width: 1380px) {
#second h2 {
    font-size: 36px;
}
.cont.three-fourth {
    padding-left: 50%;
}
}
@media (max-width: 1300px) {
#slideleft:before {
	top: 35%;
    left: 55%;
}
#slideright:before {
top: 55%;
    right: 55%;
}
}
@media (max-width: 1000px) {
	#closed {
		width:50%;
	}
#slideleft, #slideright {
	 position: absolute;
    width: 50%;
    height: 100%;
	top:0;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #000000;
       left: 0;
}
#slideright {
	   left:50%;
}
#slideleft:before, #slideright:before {
	-moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 15%;
    left: 0;
    width: 100%;
    text-align: center;
        margin-top: -25px;
    font-size: 40px;
}
.animation-element.slidetoleft.in-view {
	width: 0!important;
	height:100%!important;
left: 0!important;
}
.animation-element.slidetoright.in-view {
	width: 0!important;
	height:100%!important;
left: 100%!important;
}
}
@media (max-width: 870px) {
#second {
   background-size:350px auto;
   background-position-y:0;
}
.cont.three-fourth {
    padding-left: 5%;
}
}
@media (max-width: 768px) {
	.rightpad {
    padding-right: 0%!important;
}
.half {
	width:auto;
	    display: block;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-size: 2em;
}
}
@media (max-width: 500px) {
	html, body {
    font-size: 20px;
	}
	h2 {
    font-size: 38px;
}
	#logo {
    position: static;
    left: inherit;
    top: inherit;
    padding: 0 20px;
	display: inline-block;
    max-width: 70%;
    height: auto;
	margin:0;
}
.table, .table .cont, .table .row {
	display:block;
	vertical-align:top;
	height: auto;
}
section#top {
	height:100%;
	display:table;
}

section#top .cont {
	display:table-cell;
	vertical-align:middle;
	position:relative!important;
}
	
section#top .row {
	display:table-row;
}
.cont.three-fourth {
    padding-left: 0;
    width: auto;
}
#second {
    background-position-y: 100%;
}
#second h2 {
    font-size: 24px;
}
#slideleft:before, #slideright:before {
        margin-top: -14px;
    font-size: 24px;
}
input[type="text"], input[type="email"] {
    width: 100%;
    padding: 10px;
    display: block;
    margin: 0 0 25px 0!important;
}
}