@import url("http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic&subset=latin,latin-ext");

* {
	margin: 0;
	padding: 0;
}

body{
font-family:"Roboto", sans-serif;
font-size:18px;
font-weight:300;
color:#545454;
margin:0;
padding:0;
background-color:#dfdfdf;
}

header,nav,section,article,aside,footer,hgroup,figure{display:block;}
img{border:0px;outline:none;}
h1,h2,h3,h4,h5{font-weight:100;}
a{border:0px;outline:none;text-decoration:none;color:#747474;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover{color:#1f7582;}
::selection{background:#40595a;color:#fff;}
::-moz-selection{background:#40595a;color:#fff;}
::-webkit-selection{background:#40595a;color:#fff;}
strong{font-weight:500;}

/*   === Defaults ===   */

#wrapper{}
section{width:1000px;margin:0 auto;overflow:hidden;}
.slide{background-attachment:fixed;width:100%;height:auto;position:relative;margin:65px 0; }
.content{width:100%;height:800px;padding:65px 0;}
.slide h2{font-size:72px;font-weight:100;}
.slide h3{font-size:20px;font-weight:300;}
.slide ul{font-size:20px;font-weight:300;}

/*   === Header ===   */

header{position:fixed;top:0px;width:100%;height:45px;padding:10px 0;z-index:1000;
background: #343a36; /* Old browsers */
background: -moz-linear-gradient(45deg,  #343a36 0%, #3b3338 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#343a36), color-stop(100%,#3b3338)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* IE10+ */
background: linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343a36', endColorstr='#3b3338',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#logo{width:148px;height:36px;float:left;margin:5px 20px 0 0;background:url(images/albart_logo_s.png) no-repeat;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#logo:hover{background:url(images/albart_logo_sa.png) no-repeat;}
#headtext{float:left;color:#747474;line-height:1.1em;padding-top:2px;}
#headtext span{font-size:16px;}
#lang{position:absolute;top:18px;right:18px;}
#lang a{display:inline-block;background:#2c2429;width:16px;height:20px;font-size:14px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:4px 6px;}
#lang a.active{color:#1f7582;}

			/*   === Home ===   */

#home{display:block;overflow:hidden;text-align:center;background:url(images/home3.jpg) no-repeat;background-position:50% 0%;height:920px;margin-top:65px;}
#homeslide{position:relative;}
#biglogo{display:block;overflow:hidden;text-align:center;background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;height:180px;margin-top:157px;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#biglogo:hover{background-position:50% 0%;
-webkit-animation-name:bgimgchange;-webkit-animation-duration:20s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:bgimgchange;-moz-animation-duration:20s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:bgimgchange;-o-animation-duration:20s;-o-animation-iteration-count:infinite;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:bgimgchange;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function: linear;animation-fill-mode: forwards;}

@-webkit-keyframes bgimgchange{
	0% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
}
@-moz-keyframes bgimgchange {
	0% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
}
@-o-keyframes bgimgchange {
	0% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
}
@keyframes bgimgchange {
	0% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2a1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2a2.png) no-repeat;background-position:50% 0%;}
}
.bgimgchange{-webkit-animation-name:bgimgchange;-moz-animation-name:bgimgchange;-o-animation-name:bgimgchange;animation-name:bgimgchange;}

@-webkit-keyframes bgimgchange2 {
	0% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
}
@-moz-keyframes bgimgchange2 {
	0% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
}
@-o-keyframes bgimgchange2 {
	0% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
}
@keyframes bgimgchange2 {
	0% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	16% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	32% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	48% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
	64% {background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;}
	80% {background:url(images/albart_logo_l2b2.png) no-repeat;background-position:50% 0%;}
}
.bgimgchange2{-webkit-animation-name:bgimgchange2;-moz-animation-name:bgimgchange2;-o-animation-name:bgimgchange2;animation-name:bgimgchange;}

#hometext{position:absolute;margin:0 auto;top:150px;right:20%;}
#hometext ul{text-align:left;}
#hometext ul li{list-style-type:none;color:#c5c5c5;font-weight:200;font-size:30px;padding-top:7px;opacity:0.3;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#hometext ul li:hover{opacity:0.8;}
#hometext ul li span{list-style-type:none;color:#c5c5c5;font-weight:200;font-size:18px;position:relative;top:-3px;}

			/*   === Webdesign ===   */

#webdesign {/*background:url(images/webbg.jpg) no-repeat;*/}
.webdesignwrap h2{position:absolute;top:0;left:62%;}
.webdesignwrap p span{position:absolute;top:100px;left:65%;font-size:30px;font-weight:100;}
.webdesignpic{width:540px;height:595px;overflow:hidden;position:absolute;top:0;right:60%;}
#webdesignpicbg{width:540px;height:595px;overflow:hidden;position:absolute;top:0;right:60%;}
#webinfo-wrap{position:absolute;top:40px;left:45%;display:inline-block;text-align:center;}
#webinfo-icon{width:25px;height:25px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:2px solid #535353;font-weight:500;color:535353;text-align:center;cursor:pointer;
display:inline-block;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#webinfo-icon:hover{color:#719138;border:2px solid #719138;}
#webinfo-text{width:140px;padding:30px;background:#535353;text-align:left;color:#dfdfdf;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-top:20px;opacity:1;}
#webinfo-text p{color:#dfdfdf;}
#webinfo-text ul li{list-style-type:disc;padding:5px 0;color:#719138;margin-left:20px;font-size:14px;}
#webinfo-text ul li h3{color:#dfdfdf;font-size:14px;font-weight:300;}

#wrgr01{position:absolute;top:150px;left:62%;}
#wrgr02{position:absolute;top:150px;left:67%;}
#wrgr03{position:absolute;top:150px;left:72%;}
#wrgr04{position:absolute;top:150px;left:77%;}
#wrgr05{position:absolute;top:260px;left:62%;}
#wrgr06{position:absolute;top:260px;left:67%;}
#wrgr07{position:absolute;top:260px;left:72%;}
#wrgr08{position:absolute;top:260px;left:77%;}
#wrgr09{position:absolute;top:370px;left:62%;}
#wrgr10{position:absolute;top:370px;left:67%;}
#wrgr11{position:absolute;top:370px;left:72%;}
#wrgr12{position:absolute;top:370px;left:77%;}

.webref-grid{display:block;text-align:center;width:100%;width:72px;height:72px;opacity:0.7;
-webkit-transition:all 0.4s ease-in-out 0.2s;-moz-transition:all 0.4s ease-in-out 0.2s;-o-transition:all 0.4s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;}
.webref-grid:hover{opacity:1;}
.webref-item{width:100%;height:100%;border-radius:50%;position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1);cursor:default;}
.webref-info-wrap, .webref-info { position: absolute; width: 60px; height: 60px; border-radius: 50%; }
.webref-info-wrap {top:6px;left:6px;background:#535353;box-shadow:0 0 0 10px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);}
.webref-info > div {display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-position:center center;-webkit-backface-visibility:hidden;}
.webref-info .webref-info-front{ -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.webref-info .webref-info-back{opacity:0;pointer-events:none;text-align:center;background:#535353;
/*background:#5ea020;
background: -moz-linear-gradient(-45deg,  #5ea020 0%, #83d829 50%, #bfc11d 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5ea020), color-stop(50%,#83d829), color-stop(100%,#bfc11d));
background: -webkit-linear-gradient(-45deg,  #5ea020 0%,#83d829 50%,#bfc11d 100%);
background: -o-linear-gradient(-45deg,  #5ea020 0%,#83d829 50%,#bfc11d 100%);
background: -ms-linear-gradient(-45deg,  #5ea020 0%,#83d829 50%,#bfc11d 100%);
background: linear-gradient(135deg,  #5ea020 0%,#83d829 50%,#bfc11d 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea020', endColorstr='#bfc11d',GradientType=1 );*/
-webkit-transform: scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform: scale(1.5);-webkit-transition:all 0.4s ease-in-out 0.2s;-moz-transition:all 0.4s ease-in-out 0.2s;-o-transition:all 0.4s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s; }
.webref-img-1{background:url(images/webref01.jpg);background-position:center center;}
.webref-img-2{background:url(images/webref02.jpg);background-position:center center;}
.webref-img-3{background:url(images/webref03.jpg);background-position:center center;}
.webref-img-4{background:url(images/webref04.jpg);background-position:center center;}
.webref-img-5{background:url(images/webref05.jpg);background-position:center center;}
.webref-img-6{background:url(images/webref06.jpg);background-position:center center;}
.webref-img-7{background:url(images/webref07.jpg);background-position:center center;}
.webref-img-8{background:url(images/webref08.jpg);background-position:center center;}
.webref-img-9{background:url(images/webref09.jpg);background-position:center center;}
.webref-img-10{background:url(images/webref10.jpg);background-position:center center;}
.webref-img-11{background:url(images/webref11.jpg);background-position:center center;}
.webref-img-12{background:url(images/webref12.jpg);background-position:center center;}

.webref-info h4{text-align:center;color:#dfdfdf;font-size:15px;padding:15px 0 0 0;}
.webref-info h4 a{display:block;color:#dfdfdf;font-style:normal;font-weight:500;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:4px;}
.webref-info h4 a:hover{color:#61a521;}
.webref-item:hover .webref-info-front{ -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
.webref-item:hover .webref-info-back{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }

						/* == Transforms == */
@-webkit-keyframes fadeInDownin{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeInDownout{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeInDownin {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeInDownout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeInDownin {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeInDownout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeInDownin {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeInDownout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}

.webdesignwrap #wrgr01 + .webdesignpic>#pic01, .webdesignwrap #wrgr02 + .webdesignpic>#pic02, .webdesignwrap #wrgr03 + .webdesignpic>#pic03, .webdesignwrap #wrgr04 + .webdesignpic>#pic04, .webdesignwrap #wrgr05 + .webdesignpic>#pic05, .webdesignwrap #wrgr06 + .webdesignpic>#pic06, .webdesignwrap #wrgr07 + .webdesignpic>#pic07, .webdesignwrap #wrgr08 + .webdesignpic>#pic08, .webdesignwrap #wrgr09 + .webdesignpic>#pic09, .webdesignwrap #wrgr10 + .webdesignpic>#pic10, .webdesignwrap #wrgr11 + .webdesignpic>#pic11, .webdesignwrap #wrgr12 + .webdesignpic>#pic12{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
.webdesignwrap #wrgr01:hover + .webdesignpic>#pic01, .webdesignwrap #wrgr02:hover + .webdesignpic>#pic02, .webdesignwrap #wrgr03:hover + .webdesignpic>#pic03, .webdesignwrap #wrgr04:hover + .webdesignpic>#pic04, .webdesignwrap #wrgr05:hover + .webdesignpic>#pic05, .webdesignwrap #wrgr06:hover + .webdesignpic>#pic06, .webdesignwrap #wrgr07:hover + .webdesignpic>#pic07, .webdesignwrap #wrgr08:hover + .webdesignpic>#pic08, .webdesignwrap #wrgr09:hover + .webdesignpic>#pic09, .webdesignwrap #wrgr10:hover + .webdesignpic>#pic10, .webdesignwrap #wrgr11:hover + .webdesignpic>#pic11, .webdesignwrap #wrgr12:hover + .webdesignpic>#pic12{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

#webinfo-icon + #webinfo-text{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#webinfo-icon:hover + #webinfo-text{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

#webdesign ::selection{background:#719138;color:#fff;}
#webdesign ::-moz-selection{background:#719138;color:#fff;}
#webdesign ::-webkit-selection{background:#719138;color:#fff;}
*:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

			/*   === Retouch ===   */
			
.ps-slider{position:relative;}
#windowwrap{width:100%;height:800px;overflow:hidden;display:block;position:absolute;opacity:0.5;z-index:90;}
.ww{background:#000;width:50%;height:800px;overflow:hidden;position:absolute;}
.ww1{position:absolute;top:0;left:0%;}
.ww2{position:absolute;top:0;left:50%;}
#alert{padding:5px 10px;font-size:12px;font-weight:500;color:#282828;text-transform:uppercase;position:absolute;top:40px;right:0;text-align:right;z-index:90;
background: #327fbc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #327fbc 0%, #4799c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#327fbc), color-stop(100%,#4799c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* IE10+ */
background: linear-gradient(135deg,  #327fbc 0%,#4799c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327fbc', endColorstr='#4799c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#retouchinfo-wrap{position:absolute;top:40px;right:80px;display:inline-block;text-align:center;z-index:95;}
#retouchinfo-icon{width:27px;height:27px;border:2px solid #327fbc;font-weight:500;color:#327fbc;text-align:center;cursor:pointer;box-sizing:border-box;
display:inline-block;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#retouchinfo-icon:hover{color:#4799c3;border:2px solid #4799c3;}
#retouchinfo-text{width:140px;padding:30px;background:#535353;text-align:left;color:#dfdfdf;margin-top:20px;opacity:1;}
#retouchinfo-text p{color:#dfdfdf;}
#retouchinfo-text ul li{list-style-type:disc;padding:5px 0;color:#4799c3;margin-left:20px;font-size:14px;}
#retouchinfo-text ul li h3{color:#dfdfdf;font-size:14px;font-weight:300;}

#retouchinfo-icon + #retouchinfo-text{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#retouchinfo-icon:hover + #retouchinfo-text{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

#retouch ::selection{background:#327fbc;color:#fff;}
#retouch ::-moz-selection{background:#327fbc;color:#fff;}
#retouch ::-webkit-selection{background:#327fbc;color:#fff;}

			/*   === Logos ===   */

#logos{}
#logos section{width:1340px;margin:0 auto;overflow:hidden;}
#logowrap{margin:0 auto;text-align:center;overflow:hidden;display:inline-block;}
.logobox{display:inline-block;text-align:center;overflow:hidden;width:290px;height:130px;position:relative;/*margin:0 auto;*/margin:20px;opacity:0.4;
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.logobox:hover{opacity:1;}
.lb01{background:url(images/logo01a.png) no-repeat;}	
.lb01:hover{background:url(images/logo01.png) no-repeat;}
.lb02{background:url(images/logo02a.png) no-repeat;}	
.lb02:hover{background:url(images/logo02.png) no-repeat;}
.lb03{background:url(images/logo03a.png) no-repeat;}	
.lb03:hover{background:url(images/logo03.png) no-repeat;}
.lb04{background:url(images/logo04a.png) no-repeat;}	
.lb04:hover{background:url(images/logo04.png) no-repeat;}
.lb05{background:url(images/logo05a.png) no-repeat;}	
.lb05:hover{background:url(images/logo05.png) no-repeat;}
.lb06{background:url(images/logo06a.png) no-repeat;}	
.lb06:hover{background:url(images/logo06.png) no-repeat;}
.lb07{background:url(images/logo07a.png) no-repeat;}	
.lb07:hover{background:url(images/logo07.png) no-repeat;}
.lb08{background:url(images/logo08a.png) no-repeat;}	
.lb08:hover{background:url(images/logo08.png) no-repeat;}
.lb09{background:url(images/logo09a.png) no-repeat;}	
.lb09:hover{background:url(images/logo09.png) no-repeat;}
.lb10{background:url(images/logo10a.png) no-repeat;}	
.lb10:hover{background:url(images/logo10.png) no-repeat;}
.lb11{background:url(images/logo11a.png) no-repeat;}	
.lb11:hover{background:url(images/logo11.png) no-repeat;}
.lb12{background:url(images/logo12a.png) no-repeat;}	
.lb12:hover{background:url(images/logo12.png) no-repeat;}
.lb13{background:url(images/logo13a.png) no-repeat;}	
.lb13:hover{background:url(images/logo13.png) no-repeat;}
.lb14{background:url(images/logo14a.png) no-repeat;}	
.lb14:hover{background:url(images/logo14.png) no-repeat;}
.lb15{background:url(images/logo15a.png) no-repeat;}	
.lb15:hover{background:url(images/logo15.png) no-repeat;}
.lb16{background:url(images/logo16a.png) no-repeat;}	
.lb16:hover{background:url(images/logo16.png) no-repeat;}
img{border:0px;}

#logos ::selection{background:#b24a42;color:#fff;}
#logos ::-moz-selection{background:#b24a42;color:#fff;}
#logos ::-webkit-selection{background:#b24a42;color:#fff;}

			/*   === Mobile ===   */

#mobile{background:#535353;color:#dfdfdf;position:relative;}
.mobilewrap h2{position:absolute;top:0;right:65%;}
.mobilewrap h3{position:absolute;top:0;right:65%;}
.mobilewrap p span{position:absolute;top:100px;right:63%;font-size:30px;font-weight:100;}
.mobilewrap ul{position:absolute;top:150px;right:63%;width:380px;}
.mobilewrap ul li{list-style-type:none;display:inline-block;margin:0 30px 30px 0;}
#mobilepic{width:540px;height:595px;overflow:hidden;position:absolute;top:0;right:60%;}
/*#mobilepicbg{width:540px;height:595px;overflow:hidden;position:absolute;top:0;right:60%;}*/
#content_area1{position:absolute;top:30px;left:68%;}
#appdesignpicbg{width:257px;height:503px;overflow:hidden;position:absolute;top:30px;left:68%;}

.mobilewrap #appinfo-wrap{position:absolute;top:40px;left:43%;display:inline-block;text-align:center;z-index:95;}
.mobilewrap #appinfo-wrap #appinfo-icon{width:25px;height:25px;border:2px solid #dfdfdf;font-weight:500;color:#dfdfdf;text-align:center;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; display:inline-block;text-align:center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.mobilewrap #appinfo-wrap #appinfo-icon:hover{color:#c69a41;border:2px solid #c69a41;}
#appinfo-text{padding:30px;width:150px;background:#dfdfdf;margin-top:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.mobilewrap #appinfo-wrap #appinfo-text ul{position:relative !important;top:0 !important;right:0 !important;width:auto !important;padding:0px !important;text-align:left !important;color:#dfdfdf !important;}
.mobilewrap #appinfo-wrap #appinfo-text ul li{list-style-type:disc !important;display:list-item !important;padding:5px 0 !important;color:#c69a41 !important;margin:0 0 0 20px !important;font-size:14px !important;}
.mobilewrap #appinfo-wrap #appinfo-text ul li h4{color:#535353 !important;font-size:14px !important;font-weight:300 !important;}

#appinfo-icon + #appinfo-text{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#appinfo-icon:hover + #appinfo-text{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

.appli{position:relative;width:90px;height:90px;overflow:hidden;display:block;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.round0wrap{width:84px;height:84px;overflow:hidden;display:block;position:absolute;top:3px;left:3px;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.round0{width:84px;height:84px;overflow:hidden;display:block;background-color: rgba(256, 256, 256, 0.1);border-radius:42px;-webkit-border-radius:42px;-moz-border-radius:42px;position:absolute;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.appli:hover > .round0wrap .round0{background-color: rgba(0, 0, 0, 0.1);}
.appli.current .round0wrap .round0{background-color: rgba(0, 0, 0, 0.1);}

.round1wrap{width:76px;height:76px;overflow:hidden;display:block;position:absolute;top:7px;left:7px;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.round1{width:38px;height:76px;overflow:hidden;display:block;background-color: rgba(256, 256, 256, 0.3);border-radius:0 38px 38px 0;-webkit-border-radius:0 38px 38px 0;-moz-border-radius:0 38px 38px 0;position:absolute;left:38px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.appli:hover > .round1wrap{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);}
.appli:hover > .round1wrap .round1{background-color: rgba(0, 0, 0, 0.3);}
.appli.current .round1wrap .round1{background-color: rgba(0, 0, 0, 0.3);}
.appli.current .round1wrap{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);}
.round2wrap{width:90px;height:90px;overflow:hidden;display:block;position:absolute;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.round2{width:90px;height:45px;overflow:hidden;display:block;background-color: rgba(256, 256, 256, 0.2);border-radius:0 0 45px 45px;-webkit-border-radius:0 0 45px 45px;-moz-border-radius:0 0 45px 45px;position:absolute;top:45px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.appli:hover > .round2wrap{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.appli:hover > .round2wrap .round2{background-color: rgba(0, 0, 0, 0.2);}
.appli.current .round2wrap .round2{background-color: rgba(0, 0, 0, 0.2);}
.appli.current .round2wrap{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.appref{width:70px;height:70px;overflow:hidden;display:block;background:#343;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;position:absolute;top:10px;left:10px;opacity:0.5;
-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.appref img{width:70px;height:70px;}
.appli:hover > .appref{opacity:1;}
.appli.current .appref{opacity:1;}

.ac-wrapper{width:100%;position:relative;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 25%;-moz-perspective-origin:50% 25%;perspective-origin:50% 25%;}
.ac-wrapper h2{top:20%;width:50%;position:absolute;font-weight:300;font-size:4em;text-align:right;padding:0 180px 0 50px;}
.ac-wrapper h2 span{display: block;font-size: 60%;color: #c0c0c0;}
.ac-device{background:url(images/iPhone4.png) no-repeat;width:254px;height:500px;margin:0 auto;position:relative;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.ac-device a{height: 328px;width: 217px;display: inline-block;position: relative;overflow: hidden;margin: 88px 0 0 20px;}
.ac-device a img{display:block;position:absolute;}
.ac-wrapper h3{position:absolute;font-size:2.5em;left:190px;width:100%;top:180px;margin-left:0px;font-weight:200;color:#dfdfdf;
transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);font-weight:200;}
.ac-device nav{position:absolute;bottom:1em;left:100%;margin-left:2em;width:100%;background:none;}
.ac-device nav span{display:block;font-size:40px;font-weight:100;cursor:pointer;color:#dfdfdf;line-height:0.7;margin:5px;float:left;width:36px;height:36px;border-radius:18px;text-align:center;background:#535353;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.ac-device nav span:hover{background:#c6953c;}
.ac-grid{position:absolute;width:615px;left:50%;margin-left:-306px;height:100%;z-index:1000;top:-40px;opacity:0;pointer-events: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:translateZ(-350px);-moz-transform:translateZ(-350px);transform: translateZ(-350px);}
.ac-grid a{width:175px;display:block;position:relative;float:left;margin:15px;cursor:pointer;-webkit-box-shadow: 5px 5px 50px 0 rgba(0,0,0,0.5);background:#c6953c;
box-shadow: 5px 5px 50px 0 rgba(0,0,0,0.5);-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.ac-grid a img{display:block;width:100%;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.ac-grid a:hover{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;opacity:0.8;}
.ac-grid a:hover:before{content: "";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background: rgba(198,149,60, 0.5);
-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.ac-wrapper.ac-gridview .ac-device {-webkit-transform: translateZ(-350px);-moz-transform: translateZ(-350px);transform: translateZ(-350px);opacity:0.2;}
.ac-wrapper.ac-gridview .ac-grid{-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;pointer-events: auto;}

#mobile ::selection{background:#edca69;color:#fff;}
#mobile ::-moz-selection{background:#edca69;color:#fff;}
#mobile ::-webkit-selection{background:#edca69;color:#fff;}

			/*   === Books ===   */
			
#dtp.content{height:600px;}
#dtp.content .dtpwrap{display:inherit;}
.ie #dtp.content .dtpwrap{display:none;}
.dtpwrap h2{position:absolute;top:10px;left:68%;}			
.dtpwrap{}
.dtpwrap ul{position:absolute;top:130px;left:68%;width:330px;}
.dtpwrap ul li{list-style-type:none;display:inline-block;margin:0 10px 10px 0;}
.dtpwrap ul li a{position:relative;}
.dtpwrap ul li a img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:90px;height:90px;box-sizing:border-box;position:relative;
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:10px solid #c3c3c3;}
.dtpwrap ul li a:hover img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:20px solid #c6bcc4;box-sizing:border-box;}
.dtpwrap ul li a.current img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:20px solid #c6bcc4;box-sizing:border-box;}

.dtpwrap ul li a:before{width:90px;height:90px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-70px;bottom:0;left:0px;right:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;background: rgba(160,63,145, 0.0);z-index:1;}
.dtpwrap ul li a:hover:before{width:50px;height:50px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-50px;bottom:0;left:20px;right:0;background: rgba(160,63,145, 0.5);z-index:1;}
.dtpwrap ul li a.current:before{width:50px;height:50px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-50px;bottom:0;left:20px;right:0;background: rgba(160,63,145, 0.5);z-index:1;}

#content_area2{position:absolute;top:30px;left:5%;}
#options{position:absolute;}

.dtpwrap #content_area2 #options p{display:block;overflow:hidden;}
.dtpwrap #content_area2 #options ul{position:relative;top:0;left:0;width:auto;margin-top:50px;}
.dtpwrap #content_area2 #options ul li{list-style-type:none;display:block;width:16px;height:22px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#888;margin:0px;border:0px;outline:none;cursor:pointer;font-size:14px;padding:7px 10px;color:#000;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom:10px;}
.dtpwrap #content_area2 #options ul li:hover{background:#a53d92;}
.dtpwrap #content_area2 #options ul li#dtpp6{display:none;}
.dtppic{width:850px;height:450px;overflow:hidden;position:absolute;top:-142px;left:100px;z-index:1;}

#options ul li#dtpp1 + .dtppic>#pic01, #options ul li#dtpp2 + .dtppic>#pic02, #options ul li#dtpp3 + .dtppic>#pic03, #options ul li#dtpp4 + .dtppic>#pic04, #options ul li#dtpp5 + .dtppic>#pic05{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#options ul li#dtpp1:hover + .dtppic>#pic01, #options ul li#dtpp2:hover + .dtppic>#pic02, #options ul li#dtpp3:hover + .dtppic>#pic03, #options ul li#dtpp4:hover + .dtppic>#pic04, #options ul li#dtpp5:hover + .dtppic>#pic05{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

#options ul li#dtpp6 + .dtppic>#pic06{-webkit-animation-name:fadeInDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: ease-in;-webkit-animation-fill-mode: forwards;-webkit-animation-delay: 400ms;
-moz-animation-name:fadeInDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#options ul li#dtpp6:hover + .dtppic>#pic06{-webkit-animation-name:fadeInDownin;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: ease-in;-webkit-animation-fill-mode: forwards;-webkit-animation-delay: 400ms;
-moz-animation-name:fadeInDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeInDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeInDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

@-webkit-keyframes fadeSizeDownin{
	0% {width:670px;background:none;}
	100% {width:1130px;background:#dfdfdf;}
}
@-webkit-keyframes fadeSizeDownout{
	0% {width:1130px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@-moz-keyframes fadeSizeDownin {
	0% {width:670px;background:none;}
	100% {width:1130px;background:#dfdfdf;}
}
@-moz-keyframes fadeSizeDownout {
	0% {width:1130px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@-o-keyframes fadeSizeDownin {
	0% {width:670px;background:none;}
	100% {width:1130px;background:#dfdfdf;}
}
@-o-keyframes fadeSizeDownout {
	0% {width:1130px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@keyframes fadeSizeDownin {
	0% {width:670px;background:none;}
	100% {width:1130px;background:#dfdfdf;}
}
@keyframes fadeSizeDownout {
	0% {width:1130px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
.fadeSizeDown{-webkit-animation-name:fadeSizeDown;-moz-animation-name:fadeSizeDown;-o-animation-name:fadeSizeDown;animation-name:fadeSizeDown;}

@-webkit-keyframes fadeSizeDownin2{
	0% {width:670px;background:none;}
	100% {width:1030px;background:#dfdfdf;}
}
@-webkit-keyframes fadeSizeDownout2{
	0% {width:1030px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@-moz-keyframes fadeSizeDownin2 {
	0% {width:670px;background:none;}
	100% {width:1030px;background:#dfdfdf;}
}
@-moz-keyframes fadeSizeDownout2 {
	0% {width:1030px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@-o-keyframes fadeSizeDownin2 {
	0% {width:670px;background:none;}
	100% {width:1030px;background:#dfdfdf;}
}
@-o-keyframes fadeSizeDownout2 {
	0% {width:1030px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
@keyframes fadeSizeDownin2 {
	0% {width:670px;background:none;}
	100% {width:1030px;background:#dfdfdf;}
}
@keyframes fadeSizeDownout2 {
	0% {width:1030px;background:#dfdfdf;}
	100% {width:670px;background:none;}
}
.fadeSizeDown2{-webkit-animation-name:fadeSizeDown2;-moz-animation-name:fadeSizeDown2;-o-animation-name:fadeSizeDown2;animation-name:fadeSizeDown2;}

#bookcontainer1{float:left;width:460px;height:450px;position:relative;top:0;left:100px;margin:0 auto 40px;-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}
#box1{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;}
#bookcontainer2{float:left;width:320px;height:450px;position:relative;top:0;left:100px;margin:0 auto 40px;-webkit-perspective: 1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}
#box2{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;}
#bookcontainer3{float:left;width:440px;height:450px;position:relative;top:0;left:100px;margin:0 auto 40px;-webkit-perspective: 1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;}
#box3{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;}
#bookinfo{float:left;width:180px;position:relative;top:0;left:150px;}
#bookinfo p{font-size:13px;padding:7px 0;font-weight:300;}
#bookinfo p span{font-weight:300;text-transform:uppercase;color:#000;}

#box1 figure{display:block;position:absolute;font-size:90px;text-align:center;font-weight:bold;color:white; }
#box1.panels-backface-invisible figure{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
#box1 .front, #box1 .back{width:460px;height:450px; }
#box1 .right, #box1 .left{width:40px;height:450px;left:210px;}
#box1 .top, #box1 .bottom{width:460px;height:40px;top:205px;}
#box1 .front{}
#box1 .back{}
#box1 .right{}
#box1 .left{}
#box1 .top{}
#box1 .bottom{}
#box1 .front{-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);-o-transform:translateZ(20px);transform:translateZ(20px);}
#box1 .back{-webkit-transform:rotateY(-180deg) translateZ(20px);-moz-transform:rotateY(-180deg) translateZ(20px);-o-transform:rotateY(-180deg) translateZ(20px);transform:rotateY(-180deg) translateZ(20px);}
#box1 .right{-webkit-transform:rotateY(90deg) translateZ(230px);-moz-transform:rotateY(90deg) translateZ(230px);-o-transform:rotateY(90deg) translateZ(230px);transform:rotateY(90deg) translateZ(230px);}
#box1 .left{-webkit-transform:rotateY(-90deg) translateZ(230px);-moz-transform:rotateY(-90deg) translateZ(230px);-o-transform:rotateY(-90deg) translateZ(230px);transform:rotateY(-90deg) translateZ(230px);}
#box1.show-front{-webkit-transform:translateZ(-20px);-moz-transform:translateZ(-20px);-o-transform:translateZ(-20px);transform:translateZ(-20px);}
#box1.show-back{-webkit-transform:translateZ(-20px) rotateY(-180deg);-moz-transform:translateZ(-20px) rotateY(-180deg);-o-transform:translateZ(-20px) rotateY(-180deg);transform:translateZ(-20px) rotateY(-180deg);}
#box1.show-right{-webkit-transform:translateZ(-230px) rotateY(-90deg);-moz-transform:translateZ(-230px) rotateY(-90deg);-o-transform:translateZ(-230px) rotateY(-90deg);transform:translateZ(-230px) rotateY(-90deg);}
#box1.show-left{-webkit-transform:translateZ(-230px) rotateY(90deg);-moz-transform:translateZ(-230px) rotateY(90deg);-o-transform:translateZ(-230px) rotateY(90deg);transform:translateZ(-230px) rotateY(90deg);}

#box2 figure{display:block;position:absolute;font-size:90px;text-align:center;font-weight:bold;color:white; }
#box2.panels-backface-invisible figure{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
#box2 .front, #box2 .back{width:320px;height:450px; }
#box2 .right, #box2 .left{width:40px;height:450px;left:140px;}
#box2 .top, #box2 .bottom{width:320px;height:40px;top:205px;}
#box2 .front{}
#box2 .back{}
#box2 .right{}
#box2 .left{}
#box2 .top{}
#box2 .bottom{}
#box2 .front{-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);-o-transform:translateZ(20px);transform:translateZ(20px);}
#box2 .back{-webkit-transform:rotateY(-180deg) translateZ(20px);-moz-transform:rotateY(-180deg) translateZ(20px);-o-transform:rotateY(-180deg) translateZ(20px);transform:rotateY(-180deg) translateZ(20px);}
#box2 .right{-webkit-transform:rotateY(90deg) translateZ(160px);-moz-transform:rotateY(90deg) translateZ(160px);-o-transform:rotateY(90deg) translateZ(160px);transform:rotateY(90deg) translateZ(160px);}
#box2 .left{-webkit-transform:rotateY(-90deg) translateZ(160px);-moz-transform:rotateY(-90deg) translateZ(160px);-o-transform:rotateY(-90deg) translateZ(160px);transform:rotateY(-90deg) translateZ(160px);}
#box2.show-front{-webkit-transform:translateZ(-20px);-moz-transform:translateZ(-20px);-o-transform:translateZ(-20px);transform:translateZ(-20px);}
#box2.show-back{-webkit-transform:translateZ(-20px) rotateY(-180deg);-moz-transform:translateZ(-20px) rotateY(-180deg);-o-transform:translateZ(-20px) rotateY(-180deg);transform:translateZ(-20px) rotateY(-180deg);}
#box2.show-right{-webkit-transform:translateZ(-160px) rotateY(-90deg);-moz-transform:translateZ(-160px) rotateY(-90deg);-o-transform:translateZ(-160px) rotateY(-90deg);transform:translateZ(-160px) rotateY(-90deg);}
#box2.show-left{-webkit-transform:translateZ(-160px) rotateY(90deg);-moz-transform:translateZ(-160px) rotateY(90deg);-o-transform:translateZ(-160px) rotateY(90deg);transform:translateZ(-160px) rotateY(90deg);}

#box3 figure{display:block;position:absolute;font-size:90px;text-align:center;font-weight:bold;color:white; }
#box3.panels-backface-invisible figure{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
#box3 .front, #box3 .back{width:440px;height:450px; }
#box3 .right, #box3 .left{width:40px;height:450px;left:200px;}
#box3 .top, #box3 .bottom{width:440px;height:40px;top:205px;}
#box3 .front{}
#box3 .back{}
#box3 .right{}
#box3 .left{}
#box3 .top{}
#box3 .bottom{}
#box3 .front{-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);-o-transform:translateZ(20px);transform:translateZ(20px);}
#box3 .back{-webkit-transform:rotateY(-180deg) translateZ(20px);-moz-transform:rotateY(-180deg) translateZ(20px);-o-transform:rotateY(-180deg) translateZ(20px);transform:rotateY(-180deg) translateZ(20px);}
#box3 .right{-webkit-transform:rotateY(90deg) translateZ(220px);-moz-transform:rotateY(90deg) translateZ(220px);-o-transform:rotateY(90deg) translateZ(220px);transform:rotateY(90deg) translateZ(220px);}
#box3 .left{-webkit-transform:rotateY(-90deg) translateZ(220px);-moz-transform:rotateY(-90deg) translateZ(220px);-o-transform:rotateY(-90deg) translateZ(220px);transform:rotateY(-90deg) translateZ(220px);}
#box3.show-front{-webkit-transform:translateZ(-20px);-moz-transform:translateZ(-20px);-o-transform:translateZ(-20px);transform:translateZ(-20px);}
#box3.show-back{-webkit-transform:translateZ(-20px) rotateY(-180deg);-moz-transform:translateZ(-20px) rotateY(-180deg);-o-transform:translateZ(-20px) rotateY(-180deg);transform:translateZ(-20px) rotateY(-180deg);}
#box3.show-right{-webkit-transform:translateZ(-220px) rotateY(-90deg);-moz-transform:translateZ(-220px) rotateY(-90deg);-o-transform:translateZ(-220px) rotateY(-90deg);transform:translateZ(-220px) rotateY(-90deg);}
#box3.show-left{-webkit-transform:translateZ(-220px) rotateY(90deg);-moz-transform:translateZ(-220px) rotateY(90deg);-o-transform:translateZ(-220px) rotateY(90deg);transform:translateZ(-220px) rotateY(90deg);}

.bc1 .front{background:url(images/dtp01front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc1 .back{background:url(images/dtp01back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc1 .right{background:url(images/dtpright.png) repeat-x;}
.bc1 .left{background:url(images/dtp01left.jpg) no-repeat;}
.bc2 .front{background:url(images/dtp02front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc2 .back{background:url(images/dtp02back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc2 .right{background:url(images/dtpright.png) repeat-x;}
.bc2 .left{background:url(images/dtp02left.jpg) no-repeat;}
.bc3 .front{background:url(images/dtp03front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc3 .back{background:url(images/dtp03back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc3 .right{background:url(images/dtpright.png) repeat-x;}
.bc3 .left{background:url(images/dtp03left.jpg) no-repeat;}
.bc4 .front{background:url(images/dtp04front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc4 .back{background:url(images/dtp04back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc4 .right{background:url(images/dtpright.png) repeat-x;}
.bc4 .left{background:url(images/dtp04left.jpg) no-repeat;}
.bc5 .front{background:url(images/dtp05front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc5 .back{background:url(images/dtp05back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc5 .right{background:url(images/dtpright.png) repeat-x;}
.bc5 .left{background:url(images/dtp05left.jpg) no-repeat;}
.bc6 .front{background:url(images/dtp06front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc6 .back{background:url(images/dtp06back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc6 .right{background:url(images/dtpright.png) repeat-x;}
.bc6 .left{background:url(images/dtp06left.jpg) no-repeat;}
.bc7 .front{background:url(images/dtp07front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc7 .back{background:url(images/dtp07back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc7 .right{background:url(images/dtpright.png) repeat-x;}
.bc7 .left{background:url(images/dtp07left.jpg) no-repeat;}
.bc8 .front{background:url(images/dtp08front.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc8 .back{background:url(images/dtp08back.jpg) no-repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bc8 .right{background:url(images/dtpright.png) repeat-x;}
.bc8 .left{background:url(images/dtp08left.jpg) no-repeat;}

.show-front{width:36px;height:36px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#888;margin:0px;border:0px;outline:none;cursor:pointer;font: -webkit-small-control;font-size:14px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom:10px;}
.show-front:hover{background:#a53d92}
.show-back{width:36px;height:36px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#888;margin:0px;border:0px;outline:none;cursor:pointer;font: -webkit-small-control;font-size:14px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom:10px;}
.show-back:hover{background:#a53d92;}
.show-front.current, .show-back.current{background:#a53d92}

#dtp ::selection{background:#a53d92;color:#fff;}
#dtp ::-moz-selection{background:#a53d92;color:#fff;}
#dtp ::-webkit-selection{background:#a53d92;color:#fff;}

			/*   === Books ===   */
			
#dtp.content .dtpwrap2{display:none;}
.ie #dtp.content .dtpwrap2{display:inherit;}
.dtpwrap2 h2{position:absolute;top:10px;left:68%;}			
.dtpwrap2{}
.dtpwrap2 ul{position:absolute;top:130px;left:68%;width:330px;}
.dtpwrap2 ul li{list-style-type:none;display:inline-block;margin:0 10px 10px 0;}
.dtpwrap2 ul li a{position:relative;}
.dtpwrap2 ul li a img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:90px;height:90px;box-sizing:border-box;position:relative;
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border:10px solid #c3c3c3;}
.dtpwrap2 ul li a:hover img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:20px solid #c6bcc4;box-sizing:border-box;}
.dtpwrap2 ul li a.current img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:20px solid #c6bcc4;box-sizing:border-box;}

.dtpwrap2 ul li a:before{width:90px;height:90px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-70px;bottom:0;left:0px;right:0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;background: rgba(160,63,145, 0.0);z-index:1;}
.dtpwrap2 ul li a:hover:before{width:50px;height:50px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-50px;bottom:0;left:20px;right:0;background: rgba(160,63,145, 0.5);z-index:1;}
.dtpwrap2 ul li a.current:before{width:50px;height:50px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;content: "";display:block;position:absolute;top:-50px;bottom:0;left:20px;right:0;background: rgba(160,63,145, 0.5);z-index:1;}

#content_area3{position:absolute;top:30px;left:5%;}
#options{position:absolute;z-index:10;}

.dtpwrap2 #content_area3 #options p{display:block;overflow:hidden;}
.dtpwrap2 #content_area3 #options ul{position:relative;top:0;left:0;width:auto;}
.dtpwrap2 #content_area3 #options ul li{list-style-type:none;display:block;width:16px;height:22px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#888;margin:0px;border:0px;outline:none;cursor:pointer;font-size:14px;padding:7px 10px;color:#000;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom:10px;}
.dtpwrap2 #content_area3 #options ul li:hover{background:#a53d92;}
.dtpwrap2 #content_area3 #options ul li#dtpp6{display:none;}
.dtppic.dtppic2{width:850px;height:570px;overflow:hidden;position:absolute;top:-50px;left:80px;z-index:1;}
#bookcontainer4{float:left;width:539px;height:569px;position:relative;top:-50px;left:10px;margin:0 auto 40px;}
#bookinfo2{float:left;width:180px;position:relative;top:0;left:50px;}
#bookinfo2 p{font-size:13px;padding:7px 0;font-weight:300;}
#bookinfo2 p span{font-weight:300;text-transform:uppercase;color:#000;}

#dtp ::selection{background:#a53d92;color:#fff;}
#dtp ::-moz-selection{background:#a53d92;color:#fff;}
#dtp ::-webkit-selection{background:#a53d92;color:#fff;}

			/*   === Contact ===   */

#contact{display:block;overflow:hidden;text-align:center;background:url(images/contact.jpg) no-repeat;background-position:50% 0%;height:760px;position:relative;}
#contact.content{padding:30px 0;}
#contact h2{position:absolute;top:450px;left:45%;font-size:30px;font-weight:100;text-align:center;display:block;}
#contact h2 a{letter-spacing:normal;-webkit-transition:all 3s ease;-moz-transition:all 3s ease;transition:all 3s ease;text-align:center;color:#4e4d5f;}
#contact h2 a:hover{letter-spacing:0.5em;color:#4e4d5f;}
#behanceicon{position:absolute;top:500px;left:45%;font-size:30px;font-weight:100;text-align:center;display:block;}
#behancefollow{position:absolute;top:490px;left:48%;font-size:30px;font-weight:100;text-align:center;display:block;}
#behancefollow a:hover{color:#1085f6;}

#contact ::selection{background:#4e4d5f;color:#fff;}
#contact ::-moz-selection{background:#4e4d5f;color:#fff;}
#contact ::-webkit-selection{background:#4e4d5f;color:#fff;}

/*   === Footer ===   */	

footer{width:100%;}
footer a{color:#fff;}
footer a:hover{color:#fff;text-decoration:underline;}
#footertop{width:100%;overflow:hidden;background:#276c70;}
#footerbottom{width:100%;overflow:hidden;background:#194f52;}
#footertop_content{background:url(images/footer_transp.png);padding:50px 0 50px 4%;color:#fff;}
#footertop_content h4{font-size:16px;text-transform:uppercase;font-weight:400;color:#b3d2ce;padding-bottom:10px;letter-spacing:3px;}
#footertop_content p{font-size:14px;font-weight:300;color:#b3d2ce;}
#footertop_content p span{font-size:15px;font-weight:500;}
#footerboxes{overflow:hidden;}
.footerbox{float:left;overflow:hidden;width:20%;padding-right:5%;}
#footerbottom_content{background:url(/images/footer_transp.png);padding:20px 30px;}
#footerbottom_content p{font-size:11px;font-weight:400;color:#75aba8;}

/*   === Navigation ===   */	

nav{width:100%;overflow:hidden;position:fixed;bottom:0px;/*background:#363636;*/z-index:1000;
background: #343a36; /* Old browsers */
background: -moz-linear-gradient(45deg,  #343a36 0%, #3b3338 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#343a36), color-stop(100%,#3b3338)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* IE10+ */
background: linear-gradient(45deg,  #343a36 0%,#3b3338 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343a36', endColorstr='#3b3338',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav ul{list-style-type:none;}
nav li{display:inline-block;width:14.28%;text-align:center;}
nav li.selected{background:#aaa;}
nav a{display:block;text-decoration:none;padding:80px 0 20px 0;}
nav li:hover{background: #2c6d7a;}

nav li.homenav a{background:url(images/navicon01.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.homenav a:hover{background:url(images/navicon01.png) no-repeat;background-position:50% 50%;color:#747474;}
nav li.homenav.selected a{background:url(images/navicon01.png) no-repeat;background-position:50% 50%;color:#747474;}
nav li.homenav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.homenav{background: #2d3c35; /* Old browsers */
background: -moz-linear-gradient(135deg,  #2d3c35 0%, #425d5f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2d3c35), color-stop(100%,#425d5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* IE10+ */
background: linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3c35', endColorstr='#425d5f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.homenav.selected{background: #2d3c35; /* Old browsers */
background: -moz-linear-gradient(135deg,  #2d3c35 0%, #425d5f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2d3c35), color-stop(100%,#425d5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* IE10+ */
background: linear-gradient(135deg,  #2d3c35 0%,#425d5f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3c35', endColorstr='#425d5f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.webdesignnav a{background:url(images/navicon02.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.webdesignnav a:hover{background:url(images/navicon02a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.webdesignnav.selected a{background:url(images/navicon02a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.webdesignnav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.webdesignnav{background: #708e39; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #708e39 0%, #7da531 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#708e39), color-stop(100%,#7da531)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* IE10+ */
background: linear-gradient(135deg,  #708e39 0%,#7da531 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708e39', endColorstr='#7da531',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.webdesignnav.selected{background: #708e39; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #708e39 0%, #7da531 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#708e39), color-stop(100%,#7da531)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #708e39 0%,#7da531 100%); /* IE10+ */
background: linear-gradient(135deg,  #708e39 0%,#7da531 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708e39', endColorstr='#7da531',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.retouchnav a{background:url(images/navicon03.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.retouchnav a:hover{background:url(images/navicon03a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.retouchnav.selected a{background:url(images/navicon03a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.retouchnav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.retouchnav{background: #327fbc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #327fbc 0%, #4799c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#327fbc), color-stop(100%,#4799c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* IE10+ */
background: linear-gradient(135deg,  #327fbc 0%,#4799c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327fbc', endColorstr='#4799c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.retouchnav.selected{background: #327fbc; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #327fbc 0%, #4799c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#327fbc), color-stop(100%,#4799c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #327fbc 0%,#4799c3 100%); /* IE10+ */
background: linear-gradient(135deg,  #327fbc 0%,#4799c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327fbc', endColorstr='#4799c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.logosnav a{background:url(images/navicon04.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.logosnav a:hover{background:url(images/navicon04a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.logosnav.selected a{background:url(images/navicon04a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.logosnav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.logosnav{background: #954544; /* Old browsers */
background: -moz-linear-gradient(135deg,  #954544 0%, #c84e3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#954544), color-stop(100%,#c84e3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* IE10+ */
background: linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#954544', endColorstr='#c84e3f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.logosnav.selected{background: #954544; /* Old browsers */
background: -moz-linear-gradient(135deg,  #954544 0%, #c84e3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#954544), color-stop(100%,#c84e3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* IE10+ */
background: linear-gradient(135deg,  #954544 0%,#c84e3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#954544', endColorstr='#c84e3f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.mobilenav a{background:url(images/navicon05.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.mobilenav a:hover{background:url(images/navicon05a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.mobilenav.selected a{background:url(images/navicon05a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.mobilenav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.mobilenav{background: #c2872c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #c2872c 0%, #cbac55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c2872c), color-stop(100%,#cbac55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* IE10+ */
background: linear-gradient(135deg,  #c2872c 0%,#cbac55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2872c', endColorstr='#cbac55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.mobilenav.selected{background: #c2872c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #c2872c 0%, #cbac55 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c2872c), color-stop(100%,#cbac55)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #c2872c 0%,#cbac55 100%); /* IE10+ */
background: linear-gradient(135deg,  #c2872c 0%,#cbac55 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2872c', endColorstr='#cbac55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.dtpnav a{background:url(images/navicon06.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.dtpnav a:hover{background:url(images/navicon06a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.dtpnav.selected a{background:url(images/navicon06a.png) no-repeat;background-position:50% 50%;color:#363636;}
nav li.dtpnav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.dtpnav{background: #9f4091; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9f4091 0%, #db21a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9f4091), color-stop(100%,#db21a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* IE10+ */
background: linear-gradient(135deg,  #9f4091 0%,#db21a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f4091', endColorstr='#db21a1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.dtpnav.selected{background: #9f4091; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9f4091 0%, #db21a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9f4091), color-stop(100%,#db21a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #9f4091 0%,#db21a1 100%); /* IE10+ */
background: linear-gradient(135deg,  #9f4091 0%,#db21a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f4091', endColorstr='#db21a1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

nav li.contactnav a{background:url(images/navicon07.png) no-repeat;background-position:50% 40%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li.contactnav a:hover{background:url(images/navicon07.png) no-repeat;background-position:50% 50%;color:#747474;}
nav li.contactnav.selected a{background:url(images/navicon07.png) no-repeat;background-position:50% 50%;color:#747474;}
nav li.contactnav{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav li:hover.contactnav{background: #393039; /* Old browsers */
background: -moz-linear-gradient(135deg,  #393039 0%, #504f62 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#393039), color-stop(100%,#504f62)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* IE10+ */
background: linear-gradient(135deg,  #393039 0%,#504f62 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393039', endColorstr='#504f62',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
nav li.contactnav.selected{background: #393039; /* Old browsers */
background: -moz-linear-gradient(135deg,  #393039 0%, #504f62 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#393039), color-stop(100%,#504f62)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(135deg,  #393039 0%,#504f62 100%); /* IE10+ */
background: linear-gradient(135deg,  #393039 0%,#504f62 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393039', endColorstr='#504f62',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


.btn-01{background:none;display:block;padding:20px 50px;font-weight:300;font-size:24px;font-weight:300;display:inline-block;cursor:pointer;color:#000;text-decoration:none;border:1px solid #000;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;font-family:'Roboto', sans-serif;font-weight:100;}
.btn-01:hover{color:#77aa22;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #77aa22;}




/*   === Media query ===   */

@media screen and (min-width: 1441px) and (max-width: 1680px) {
#wrgr01{position:absolute;top:150px;left:62%;}
#wrgr02{position:absolute;top:150px;left:68%;}
#wrgr03{position:absolute;top:150px;left:74%;}
#wrgr04{position:absolute;top:150px;left:80%;}
#wrgr05{position:absolute;top:260px;left:62%;}
#wrgr06{position:absolute;top:260px;left:68%;}
#wrgr07{position:absolute;top:260px;left:74%;}
#wrgr08{position:absolute;top:260px;left:80%;}
#wrgr09{position:absolute;top:370px;left:62%;}
#wrgr10{position:absolute;top:370px;left:68%;}
#wrgr11{position:absolute;top:370px;left:74%;}
#wrgr12{position:absolute;top:370px;left:80%;}
}

@media screen and (min-width: 1px) and (max-width: 1440px) {
#home{background:url(images/home3b.jpg) no-repeat;height:679px;background-position:50% 0%;}
#biglogo{background:url(images/albart_logo_l2b1.png) no-repeat;background-position:50% 0%;height:180px;margin-top:107px;}
#biglogo:hover{background-position:50% 0%;
-webkit-animation-name:bgimgchange2;-webkit-animation-duration:20s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:bgimgchange2;-moz-animation-duration:20s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:bgimgchange2;-o-animation-duration:20s;-o-animation-iteration-count:infinite;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:bgimgchange2;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function: linear;animation-fill-mode: forwards;}
#hometext{position:absolute;top:150px;right:20%;}
#hometext ul{text-align:left;}
#hometext ul li{font-size:22px;padding-top:7px;}

#webinfo-wrap{position:absolute;top:40px;left:40%;}
#wrgr01{position:absolute;top:135px;left:62%;}
#wrgr02{position:absolute;top:135px;left:69%;}
#wrgr03{position:absolute;top:135px;left:76%;}
#wrgr04{position:absolute;top:135px;left:83%;}
#wrgr05{position:absolute;top:230px;left:62%;}
#wrgr06{position:absolute;top:230px;left:69%;}
#wrgr07{position:absolute;top:230px;left:76%;}
#wrgr08{position:absolute;top:230px;left:83%;}
#wrgr09{position:absolute;top:325px;left:62%;}
#wrgr10{position:absolute;top:325px;left:69%;}
#wrgr11{position:absolute;top:325px;left:76%;}
#wrgr12{position:absolute;top:325px;left:83%;}

#logos.content{height:auto;}
#logos section{width:95%;}

.mobilewrap #appinfo-wrap{position:absolute;top:40px;left:45%;}
.mobilewrap h2{position:absolute;top:0;right:60%;}
.mobilewrap p span{position:absolute;top:100px;right:58%;font-size:30px;font-weight:100;}
.mobilewrap ul{position:absolute;top:150px;right:58%;width:380px;}
#content_area1{position:absolute;top:30px;left:67%;}
#appdesignpicbg{width:257px;height:503px;overflow:hidden;position:absolute;top:30px;left:67%;}

.dtpwrap h2{position:absolute;top:10px;left:70%;}	
.dtpwrap ul{position:absolute;top:130px;left:70%;width:330px;}

#options ul li + .dtppic{-webkit-animation-name:fadeSizeDownout;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeSizeDownout;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeSizeDownout;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeSizeDownout;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#options ul li:hover + .dtppic{-webkit-animation-name:fadeSizeDownin;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeSizeDownin;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeSizeDownin;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeSizeDownin;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}

#contact{background:url(images/contactb.jpg) no-repeat;background-position:50% 0%;height:555px;position:relative;}
#contact h2{position:absolute;top:350px;left:45%;font-size:30px;}
#behanceicon{position:absolute;top:400px;left:45%;font-size:30px;font-weight:100;text-align:center;display:block;}
#behancefollow{position:absolute;top:390px;left:50%;font-size:30px;font-weight:100;text-align:center;display:block;}
}

@media screen and (max-width: 1280px) {
#options ul li + .dtppic{-webkit-animation-name:fadeSizeDownout2;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeSizeDownout2;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeSizeDownout2;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeSizeDownout2;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
#options ul li:hover + .dtppic{-webkit-animation-name:fadeSizeDownin2;-webkit-animation-duration:0.4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwards;
-moz-animation-name:fadeSizeDownin2;-moz-animation-duration:0.4s;-moz-animation-iteration-count:1;-moz-animation-timing-function: linear;-moz-animation-fill-mode: forwards;
-o-animation-name:fadeSizeDownin2;-o-animation-duration:0.4s;-o-animation-iteration-count:1;-o-animation-timing-function: linear;-o-animation-fill-mode: forwards;
animation-name:fadeSizeDownin2;animation-duration:0.4s;animation-iteration-count:1;animation-timing-function: linear;animation-fill-mode: forwards;}
}

@media screen and (min-height: 1px) and (max-height: 800px) {
header{position:fixed;top:0px;width:100%;height:35px;padding:5px 0;}
#logo{width:123px;height:30px;margin:3px 10px 0 0;background:url(images/albart_logo_s.png) no-repeat;background-size:123px 30px;}
#logo:hover{background:url(images/albart_logo_sa.png) no-repeat;background-size:123px 30px;}
#headtext{padding-top:1px;font-size:15px;}
#headtext span{font-size:13px;}
#lang{position:absolute;top:9px;right:18px;}
	
section{width:95%;}
.slide{margin:45px 0; }
.content{height:600px;padding:45px 0;}

#home{margin-top:45px;}
#webdesignpicbg{width:408px;height:450px;}
#webdesignpicbg img{width:408px;height:450px;}
.webdesignpic{width:408px;height:450px;}
.webdesignpic img{width:408px;height:450px;}

#retouch.content{padding:45px 0 0 0;height:700px;}
#windowwrap{height:700px;}
.ww{height:700px;}

.mobilewrap ul{position:absolute;top:120px;right:65%;width:350px;}
.mobilewrap ul li{margin:0 20px 20px 0;}
#appdesignpicbg{width:204px;height:400px;}
#appdesignpicbg img{width:204px;height:400px;}
.ac-device{background:url(images/iPhone4.png) no-repeat;width:204px;height:400px;background-size:204px 400px;}
.ac-device a{height:261px;width:174px;position:relative;margin:71px 0 0 16px;}
.ac-device a img{height:261px;width:174px;}
.ac-wrapper h3{position:absolute;left:150px;top:70px;}
.ac-device nav{margin-left:20px;}
.ac-grid{position:absolute;width:525px;left:50%;margin-left:-247px;height:100%;z-index:1000;top:-40px;}
.ac-grid a{width:135px;}

nav li{display:inline-block;width:14.28%;text-align:center;}
nav a{display:block;text-decoration:none;padding:20px 0 20px 0px;}
nav li.homenav a{background:none;}
nav li.homenav a:hover{background:none;}
nav li.homenav.selected a{background:none;}
nav li.webdesignnav a{background:none;}
nav li.webdesignnav a:hover{background:none;}
nav li.webdesignnav.selected a{background:none;}
nav li.retouchnav a{background:none;}
nav li.retouchnav a:hover{background:none;}
nav li.retouchnav.selected a{background:none;}
nav li.logosnav a{background:none;}
nav li.logosnav a:hover{background:none;}
nav li.logosnav.selected a{background:none;}
nav li.mobilenav a{background:none;}
nav li.mobilenav a:hover{background:none;}
nav li.mobilenav.selected a{background:none;}
nav li.dtpnav a{background:none;}
nav li.dtpnav a:hover{background:none;}
nav li.dtpnav.selected a{background:none;}
nav li.contactnav a{background:none;}
nav li.contactnav a:hover{background:none;}
nav li.contactnav.selected a{background:none;}
}

@media screen and (min-height: 1px) and (max-height: 800px) and (min-width: 1px) and (max-width: 1440px) {
.mobilewrap ul{position:absolute;top:120px;right:60%;width:350px;}
}

@media screen and (min-height: 801px) and (max-height: 900px) {
	#retouch.content{padding:45px 0 0 0;height:700px;}
	#windowwrap{height:700px;}
	.ww{height:700px;}
}

@media screen and (max-height: 700px) {
#retouch.content{padding:45px 0 0 0;height:600px;}
#windowwrap{height:600px;}
.ww{height:600px;}
}

@media screen and (max-height: 600px) {
#retouch.content{padding:45px 0 0 0;height:500px;}
#windowwrap{height:500px;}
.ww{height:500px;}
}