@charset "utf-8";





/*	----------------------------------------------------------------------------------------------------
	CUSTOM FONTS
	---------------------------------------------------------------------------------------------------- */

/* body font -------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

/* customized icons font -------------------------------------------------- */
@font-face { font-family:'devm8'; src:url('../fonts/devm8.eot?-bxwx33'); src:url('../fonts/devm8.eot?#iefix-bxwx33') format('embedded-opentype'), url('../fonts/devm8.woff?-bxwx33') format('woff'), url('../fonts/devm8.ttf?-bxwx33') format('truetype'), url('../fonts/devm8.svg?-bxwx33#devm8') format('svg'); font-weight:normal; font-style:normal; }
[class^="custom-icon-"],
[class*=" custom-icon-"] { font-family:'devm8'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.custom-icon-arrow-left:before { content:"\e600"; }
.custom-icon-arrow-right:before { content:"\e601"; }
.custom-icon-close:before,
.toggle-navbar .custom-icon-list.custom-icon-close:before { content:"\e602"; }
.custom-icon-cloud:before { content:"\e603"; }
.custom-icon-coffee:before { content:"\e604"; }
.custom-icon-devm8-logo-new:before { content:"\e605"; }
.custom-icon-devm8-logo-old:before { content:"\e606"; }
.custom-icon-facebook:before { content:"\e607"; }
.custom-icon-linkedin:before { content:"\e608"; }
.custom-icon-list:before { content:"\e609"; }
.custom-icon-monitor:before { content:"\e60a"; }
.custom-icon-moustache:before { content:"\e60b"; }
.custom-icon-phone:before { content:"\e60c"; }
.custom-icon-tools:before { content:"\e60d"; }
.custom-icon-twitter:before { content:"\e60e"; }
.custom-icon-user-bubble:before { content:"\e60f"; }





/*	----------------------------------------------------------------------------------------------------
	CONTENT STYLES
	---------------------------------------------------------------------------------------------------- */


/* elements, typography -------------------------------------------------- */
.clearfix:after { display:table; content:" "; clear:both; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
::selection { color:#333132; background:#f2bf0e; }
::moz-selection { color:#333132; background:#f2bf0e; }
:active,
:focus,
:hover { outline:0 none; border:0 none; }
* { margin:0; padding:0; border:0 none; outline:0 none; }
body,
html { position:relative; width:100%; height:100%; }
body { color:#333132; font-family:'Lato', Helvetica, Arial, sans-serif; font-weight:400; line-height:20px; font-size:12px; cursor:default; }
.slide { position:relative; width:100%; min-height:100%; padding:50px 30px 30px 70px; background-attachment:fixed; background-size:cover; -webkit-transition:all ease 1s 0.15s; -moz-transition:all ease 1s 0.15s; -o-transition:all ease 1s 0.15s; transition:all ease 1s 0.15s; }
.slide.white-text,
.slide.white-text * { color:#fff; text-shadow:1px 2px 1px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.5); }
.slide.collapsed { padding-left:30px; }
.container { width:100%; margin-left:0; }
ul,
ol { list-style:none; }
li { display:inline-block; }
h1,
h2,
h3,
h4,
h5,
h6 { margin:0; padding:0; color:#333132; line-height:1; }
h1,
h2 { font-size:32px; font-weight:400; margin-top:20px; margin-bottom:60px; }
h3 { font-size:24px; font-weight:400; margin-bottom:10px; }
p { margin:0; padding:0; font-weight:400; }
.lead { font-size:20px; font-weight:300; }
small,
.small { font-size:12px; line-height:16px; color:#777; }
@media (min-width:768px) {
	body { line-height:22px; font-size:14px;  }
	.slide { padding:70px 50px 50px 100px; }
	.slide.collapsed { padding-left:50px; }
	.container { width:550px; }
	h1,
	h2 { font-size:42px; margin-top:30px; margin-bottom:90px; }
	h3 { font-size:26px; margin-bottom:15px; }
	.lead { font-size:22px; }
	small,
	.small { font-size:12px; line-height:16px; }
}
@media (min-width:992px) {
	body { line-height:22px; font-size:14px;  }
	.slide { padding:100px 70px 70px 120px; }
	.slide.collapsed { padding-left:70px; }
	.container { width:700px; }
	h1,
	h2 { font-size:50px; margin-top:50px; margin-bottom:150px; }
	h3 { font-size:28px; margin-bottom:15px; }
	.lead { font-size:26px; }
	small,
	.small { font-size:14px; line-height:18px; }
}
@media (min-width:1200px) {
	body { line-height:24px; font-size:16px;  }
	.slide { padding:125px 85px 125px 135px; }
	.slide.collapsed { padding-left:85px; }
	.container { width:970px; }
	h1,
	h2 { font-size:70px; margin-top:0; margin-bottom:200px; }
	h3 { font-size:30px; margin-bottom:20px; }
	.lead { font-size:30px; }
	small,
	.small { font-size:14px; line-height:18px; }
}


/* ITEM: navbar -------------------------------------------------- */
#navbar { position:fixed; display:inline-block; top:0; left:0; width:200px; height:100%; min-height:400px; padding:20px 20px 20px 20px; text-align:center; background:#f2bf0e; z-index:100; -webkit-transition:left ease 0.7s; -moz-transition:left ease 0.7s; -o-transition:left ease 0.7s; transition:left ease 0.7s; }
#navbar.collapsed { left:-200px; }
#navbar .toggle-navbar { position:absolute; top:20px; right:-40px; width:40px; height:40px; background:#f2bf0e; cursor:pointer; z-index:102; }
#navbar .toggle-navbar span { position:relative; width:40px; height:40px; line-height:40px; font-size:14px; color:#fff; }
#navbar .navbar-logo { position:relative; display:block; width:auto; height:18px; margin:12px 0 15px 0; }
#navbar ul.nav { list-style:none; margin:0; padding:0; }
#navbar ul.nav li { display:block; width:100%; margin:0; padding:0; text-align:left; border-bottom:1px solid rgba(255,255,255,0.3); }
#navbar ul.nav li:first-child { border-top:1px solid rgba(255,255,255,0.3); }
#navbar ul.nav li a { padding:10px 5px; text-align:left; text-indent:0; font-size:14px; font-weight:600; color:#fff; line-height:20px; -webkit-transition:all ease 0.25s; -moz-transition:all ease 0.25s; -o-transition:all ease 0.25s; transition:all ease 0.25s; }
#navbar ul.nav li a:hover { color:#323230; background:transparent; }
#navbar .navbar-footer { width:160px; position:absolute; bottom:0; }
#navbar .navbar-footer .social { margin:10px 0 15px 0; }
#navbar .navbar-footer .social a { display:inline-block; position:relative; top:0; width:36px; height:36px; line-height:36px; margin:0 6px; text-decoration:none; font-size:14px; color:#fff; cursor:pointer; border:1px solid rgba(255,255,255,0.3); -moz-border-radius:36px; -webkit-border-radius:36px; border-radius:36px; -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s; }
#navbar .navbar-footer .social a:hover { border-color:#fff; top:-5px; text-decoration:none; }
#navbar .navbar-footer .copy { font-size:12px; color:#fff; line-height:18px; margin-bottom:5px; }
@media (min-width:768px) {
	#navbar { width:260px; padding:20px 30px 30px 30px; min-height:480px; }
	#navbar.collapsed { left:-260px; }
	#navbar .toggle-navbar { top:20px; right:-50px; width:50px; height:50px; }
	#navbar .toggle-navbar span { width:50px; height:50px; line-height:50px; font-size:18px; }
	#navbar .navbar-logo { height:24px; margin:13px 0 20px 10px; }
	#navbar ul.nav li a { font-size:16px; line-height:24px; padding:15px 10px; }
	#navbar .navbar-footer { width:200px; }
	#navbar .navbar-footer .social { margin:10px 0 15px 0; }
	#navbar .navbar-footer .social a { width:46px; height:46px; line-height:46px; font-size:16px; -moz-border-radius:46px; -webkit-border-radius:46px; border-radius:46px; }
	#navbar .navbar-footer .copy { line-height:20px; margin-bottom:10px; }
}
@media (min-width:992px) {
	#navbar { width:300px; padding:30px 35px 35px 35px; min-height:570px; }
	#navbar.collapsed { left:-300px; }
	#navbar .toggle-navbar { top:30px; right:-70px; width:70px; height:70px; }
	#navbar .toggle-navbar span { width:70px; height:70px; line-height:70px; font-size:22px; }
	#navbar .navbar-logo { height:26px; margin:22px 0 30px 10px; }
	#navbar ul.nav li a { font-size:18px; line-height:30px; padding:15px 10px; }
	#navbar .navbar-footer { width:230px; }
	#navbar .navbar-footer .social { margin:15px 0 20px 0; }
	#navbar .navbar-footer .social a { width:50px; height:50px; line-height:50px; font-size:18px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
	#navbar .navbar-footer .copy { line-height:22px; margin-bottom:15px; }
}
@media (min-width:1200px) {
	#navbar { width:310px; padding:30px 40px 40px 40px; min-height:600px; }
	#navbar.collapsed { left:-310px; }
	#navbar .toggle-navbar { top:30px; right:-80px; width:80px; height:80px; }
	#navbar .toggle-navbar span { width:80px; height:80px; line-height:80px; font-size:24px; }
	#navbar .navbar-logo { height:28px; margin:26px 0 40px 10px; }
	#navbar ul.nav li a { font-size:18px; line-height:40px; padding:10px; }
	#navbar .navbar-footer { width:230px; }
	#navbar .navbar-footer .social { margin:20px 0 30px 0; }
	#navbar .navbar-footer .social a { width:54px; height:54px; line-height:54px; font-size:20px; -moz-border-radius:54px; -webkit-border-radius:54px; border-radius:54px; }
	#navbar .navbar-footer .copy { line-height:24px; margin-bottom:20px; }
}


/* ITEM: modal -------------------------------------------------- */
.modal-backdrop,
.modal-backdrop.in { background:#fff; zoom:1; filter:alpha(opacity=75); opacity:0.75; }
.modal { padding:0 45px; }
.modal-dialog { width:100%; margin:20px 0; }
.modal-content { border:0; -moz-box-shadow:0 0 50px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 50px rgba(0,0,0,0.1); box-shadow:0 0 50px rgba(0,0,0,0.1); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.modal-body { position:relative; padding:0; }
.modal .close { position:absolute; width:40px; height:40px; top:0; right:0; line-height:40px; font-size:14px; background:#f2bf0e; text-align:center; color:#fff; zoom:1; filter:alpha(opacity=100); opacity:1; text-shadow:none; z-index:1060; -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s; }
.modal .close:hover { background:#777; }
.modal .info { position:relative; top:0; right:0; width:100%; height:auto; margin-top:175px; float:right; overflow:hidden; z-index:1053; }
.modal .info .pin { position:absolute; top:0; left:0; width:100%; height:25px; z-index:1055; }
.modal .info .pin .triangle { position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:0 0 25px 25px; border-color:transparent transparent #ffffff transparent; }
.modal .info .pin .rectangle { position:absolute; top:0; left:25px; width:100%; height:25px; background:#fff; }
.modal-body,
.modal .info,
.modal .info .texts { min-height:150px; }
.modal .info .texts { position:relative; width:100%; height:100%; margin:25px 0 0 0; padding:5px 20px 20px 20px; background:#fff; z-index:1054; }
.modal .info .texts h3 { margin:0 0 20px 0; }
.modal .info .texts p { font-size:12px; color:#777; margin:0 0 15px 0; }
.modal .info .texts .lead { font-size:16px; font-weight:700; color:#777; }
.modal .image { position:absolute; top:0; left:0; float:none; width:100%; height:200px; background-position:50% 50%; background-repeat:no-repeat; background-color:#ccc; background-size:cover; overflow:hidden; cursor:pointer; z-index:1052; }
@media (min-width:768px) {
	.modal { padding:0; }
	.modal-dialog { width:520px; margin:30px auto 30px 65px; }
	.modal .close { width:auto; height:auto; top:30px; right:30px; line-height:1; font-size:20px; background:transparent; color:#777; zoom:1; filter:alpha(opacity=50); opacity:0.5; text-shadow:none; }
	.modal .close:hover { background:transparent; filter:alpha(opacity=100); opacity:1; }
	.modal .info { width:65%; height:100%; margin-top:0; }
	.modal .info .pin { width:35px; height:100%; }
	.modal .info .pin .triangle { border-width:0 0 35px 35px; border-color:transparent transparent #ffffff transparent; }
	.modal .info .pin .rectangle { top:35px; left:0; height:100%; }
	.modal-body,
	.modal .info,
	.modal .info .texts { min-height:350px; }
	.modal .info .texts { margin:0 0 0 35px; padding:35px 75px 20px 5px; }
	.modal .info .texts h3 { margin:0 0 20px 0; }
	.modal .info .texts p { font-size:12px; }
	.modal .info .texts .lead { font-size:16px; }
	.modal .image { float:left; width:50%; height:100%; }
}
@media (min-width:992px) {
	.modal { padding:0; }
	.modal-dialog { width:670px; margin:50px auto 50px 85px; }
	.modal .info .pin { width:35px; }
	.modal .info .pin .triangle { border-width:0 0 35px 35px; border-color:transparent transparent #ffffff transparent; }
	.modal .info .pin .rectangle { top:35px; }
	.modal-body,
	.modal .info,
	.modal .info .texts { min-height:400px; }
	.modal .info .texts { margin:0 0 0 35px; padding:40px 75px 30px 5px; }
	.modal .info .texts h3 { margin:0 0 25px 0; }
	.modal .info .texts p { font-size:13px; }
	.modal .info .texts .lead { font-size:18px; }
}
@media (min-width:1200px) {
	.modal { padding:0; }
	.modal-dialog { width:940px; margin:80px auto 80px 100px; }
	.modal .info .pin { width:45px; }
	.modal .info .pin .triangle { border-width:0 0 45px 45px; border-color:transparent transparent #ffffff transparent; }
	.modal .info .pin .rectangle { top:45px; }
	.modal-body,
	.modal .info,
	.modal .info .texts { min-height:450px; }
	.modal .info .texts { margin:0 0 0 45px; padding:50px 95px 30px 5px; }
	.modal .info .texts h3 { margin:0 0 30px 0; }
	.modal .info .texts p { font-size:14px; }
	.modal .info .texts .lead { font-size:20px; }
}


/* SLICE 1: home -------------------------------------------------- */
#home { background-image:url('../images/bg_01_xs.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size:cover; background-attachment:fixed; }
#home .logo { position:absolute; display:block; width:auto; height:20px; left:60px; top:30px; z-index:1; }
#home h1 { margin-top:150px; margin-bottom:0; }
#home .lead { margin-bottom:70px; }
@media (min-width:768px) {
	#home .logo { height:24px; left:70px; top:33px; }
}
@media (min-width:992px) {
	#home { background-image:url('../images/bg_01_lg.jpg'); }
	#home .logo { height:26px; left:90px; top:52px; }
}
@media (min-width:1200px) {
	#home .logo { height:28px; left:100px; top:56px; }
}


/* SLICE 2: services -------------------------------------------------- */
#services { background-image:url('../images/bg_02_xs.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size:cover; background-attachment:scroll; }
#services h1,
#services h2 { margin-bottom:150px; }
#services [class^="custom-icon-"],
#services [class*=" custom-icon-"] { display:inline-block; font-size:50px; margin-bottom:22px; }
#services .title { display:inline-block; text-align:center; }
#services h3 { display:inline-block; }
#services ul { margin-bottom:50px; }
#services ul.services-list li { display:block; margin:0 0 5px 0; padding-left:19px; }
#services ul.services-list li [class^="custom-icon-"],
#services ul.services-list li [class*=" custom-icon-"] { font-size:12px; margin:0 5px 0 -19px; zoom:1; filter:alpha(opacity=50); opacity:0.5; }
@media (min-width:768px) {
	#services h1,
	#services h2 { margin-bottom:250px; }
	#services [class^="custom-icon-"],
	#services [class*=" custom-icon-"] { font-size:60px; margin-bottom:26px; }
	#services ul { margin-bottom:50px; }
	#services ul.services-list li { padding-left:22px; }
	#services ul.services-list li [class^="custom-icon-"],
	#services ul.services-list li [class*=" custom-icon-"] { font-size:14px; margin:0 5px 0 -22px; }
}
@media (min-width:992px) {
	#services h1,
	#services h2 { margin-bottom:200px; }
	#services { background-image:url('../images/bg_02_lg.jpg'); }
	#services [class^="custom-icon-"],
	#services [class*=" custom-icon-"] { font-size:70px; margin-bottom:30px; }
	#services ul { margin-bottom:0; }
	#services ul.services-list li { padding-left:22px; }
	#services ul.services-list li [class^="custom-icon-"],
	#services ul.services-list li [class*=" custom-icon-"] { font-size:15px; margin:0 5px 0 -22px; }
}
@media (min-width:1200px) {
	#services h1,
	#services h2 { margin-bottom:250px; }
	#services [class^="custom-icon-"],
	#services [class*=" custom-icon-"] { font-size:90px; margin-bottom:35px; }
	#services ul { margin-bottom:0; }
	#services ul.services-list li { padding-left:22px; }
	#services ul.services-list li [class^="custom-icon-"],
	#services ul.services-list li [class*=" custom-icon-"] { font-size:16px; margin:0 5px 0 -22px; }
}


/* SLICE 3: technologies -------------------------------------------------- */
#technologies { background-image:url('../images/bg_03_xs.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size:cover; background-attachment:fixed; }
#technologies [class^="custom-icon-"],
#technologies [class*=" custom-icon-"] { display:inline-block; font-size:40px; margin-bottom:15px; }
#technologies .title { display:inline-block; text-align:center; }
#technologies ul { margin-bottom:50px; }
#technologies ul.technologies-list li { color:#757776; }
#technologies ul.technologies-list li:after { content:' /'; }
#technologies ul.technologies-list li:last-child:after { display:none; }
@media (min-width:768px) {
	#technologies [class^="custom-icon-"],
	#technologies [class*=" custom-icon-"] { font-size:50px; margin-bottom:20px; }
	#technologies ul { margin-bottom:50px; }
}
@media (min-width:992px) {
	#technologies { background-image:url('../images/bg_03_lg.jpg'); }
	#technologies [class^="custom-icon-"],
	#technologies [class*=" custom-icon-"] { font-size:56px; margin-bottom:25px; }
	#technologies ul { margin-bottom:0; }
}
@media (min-width:1200px) {
	#technologies [class^="custom-icon-"],
	#technologies [class*=" custom-icon-"] { font-size:70px; margin-bottom:25px; }
	#technologies ul { margin-bottom:0; }
}


/* SLICE 4: portfolio -------------------------------------------------- */
#portfolio { background-image:url('../images/bg_04_xs.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size:cover; background-attachment:fixed; }
#portfolio h2 {  }
#portfolio .row { padding:0 15px; }
#portfolio .work { overflow:hidden; position:relative; height:200px; padding:0; z-index:1; }
#portfolio .work .info { position:absolute; top:0; right:0; width:50%; height:100%; float:right; overflow:hidden; z-index:3; }
#portfolio .work .info .pin { position:absolute; top:0; left:0; width:35px; height:100%; z-index:5; }
#portfolio .work .info .pin .triangle { position:absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:0 0 35px 35px; border-color:transparent transparent #ffffff transparent; }
#portfolio .work .info .pin .rectangle { position:absolute; top:35px; left:0; width:100%; height:100%; background:#fff; }
#portfolio .work .info .texts { position:absolute; width:100%; height:100%; margin:0 0 0 35px; padding:40px 65px 20px 5px; background:#fff; z-index:4; }
#portfolio .work .info .texts h3 { cursor:pointer; }
#portfolio .work .image { position:absolute; float:left; width:65%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-color:#ccc; background-size:cover; overflow:hidden; cursor:pointer; z-index:2; }
@media (max-width:767px) {
	#portfolio h2 {  }
	#portfolio .work { height:auto; margin-bottom:15px; }
	#portfolio .work .info { position:relative; width:100%; height:auto; top:auto; bottom:0; margin-top:175px; }
	#portfolio .work .info .pin { width:100%; height:25px; }
	#portfolio .work .info .pin .triangle { border-width:0 0 25px 25px; border-color:transparent transparent #ffffff transparent; }
	#portfolio .work .info .pin .rectangle { left:25px; top:0; width:100%; height:25px; }
	#portfolio .work .info .texts { position:relative; margin:25px 0 0 0; padding:5px 20px 20px 20px; }
	#portfolio .work .image { float:none; top:0; bottom:auto; width:100%; height:200px; }
}
@media (min-width:768px) and (max-width:991px) {
	#portfolio h2 {  }
	#portfolio .work { height:200px; }
	#portfolio .work .info { position:relative; width:50%; }
	#portfolio .work:nth-child(2n) .info { left:0; float:left; }
	#portfolio .work .info .pin { width:35px; }
	#portfolio .work:nth-child(2n) .info .pin { left:auto; right:0; }
	#portfolio .work .info .pin .triangle { border-width:0 0 35px 35px; border-color:transparent transparent #ffffff transparent; }
	#portfolio .work:nth-child(2n) .info .pin .triangle { left:auto; right:0; border-width:35px 0 0 35px; border-color:transparent transparent transparent #ffffff; }
	#portfolio .work .info .pin .rectangle { top:35px; }
	#portfolio .work:nth-child(2n) .info .pin .rectangle { left:auto; right:0; }
	#portfolio .work .info .texts { margin:0 0 0 35px; padding:40px 65px 20px 5px; }
	#portfolio .work:nth-child(2n) .info .texts { margin:0 0 0 -35px; padding:40px 5px 20px 65px; }
	#portfolio .work .image { width:65%; }
	#portfolio .work:nth-child(2n) .image { float:right; right:0; }
}
@media (min-width:992px) and (max-width:1199px) {
	#portfolio { background-image:url('../images/bg_04_lg.jpg'); }
	#portfolio h2 { margin-bottom:70px; }
	#portfolio .work { height:330px; }
	#portfolio .work .info { width:100%; height:50%; top:auto; bottom:0; }
	#portfolio .work:nth-child(2n) .info { top:0; bottom:auto; }
	#portfolio .work .info .pin { width:100%; height:35px; }
	#portfolio .work:nth-child(2n) .info .pin { top:auto; bottom:0; }
	#portfolio .work .info .pin .triangle { border-width:0 0 35px 35px; border-color:transparent transparent #ffffff transparent; }
	#portfolio .work:nth-child(2n) .info .pin .triangle { border-width:0 35px 35px 0; border-color:transparent #ffffff transparent transparent; }
	#portfolio .work .info .pin .rectangle { left:35px; top:0; width:300px; height:35px; }
	#portfolio .work .info .texts { margin:35px 0 0 0; padding:0 20px 55px 20px; }
	#portfolio .work:nth-child(2n) .info .texts { margin:-35px 0 0 0; padding:55px 20px 35px 20px; }
	#portfolio .work .info .texts h3 { font-size:24px; }
	#portfolio .work .info .texts small,
	#portfolio .work .info .texts .small { font-size:13px; }
	#portfolio .work .image { float:none; top:0; bottom:auto; width:100%; height:65%; }
	#portfolio .work:nth-child(2n) .image { top:auto; bottom:0; }
}
@media (min-width:1200px) {
	#portfolio { background-image:url('../images/bg_04_lg.jpg'); }
	#portfolio h2 { margin-bottom:150px; }
	#portfolio .work { height:290px; }
	#portfolio .work .info { width:50%; }
	#portfolio .work:nth-child(4n) .info,
	#portfolio .work:nth-child(4n+3) .info { left:0; float:left; }
	#portfolio .work .info .pin { width:45px; }
	#portfolio .work:nth-child(4n) .info .pin,
	#portfolio .work:nth-child(4n+3) .info .pin { left:auto; right:0; }
	#portfolio .work .info .pin .triangle { border-width:0 0 45px 45px; border-color:transparent transparent #ffffff transparent; }
	#portfolio .work:nth-child(4n) .info .pin .triangle,
	#portfolio .work:nth-child(4n+3) .info .pin .triangle { left:auto; right:0; border-width:45px 0 0 45px; border-color:transparent transparent transparent #ffffff; }
	#portfolio .work .info .pin .rectangle { top:45px; height:245px; }
	#portfolio .work:nth-child(4n) .info .pin .rectangle,
	#portfolio .work:nth-child(4n+3) .info .pin .rectangle { left:auto; right:0; }
	#portfolio .work .info .texts { margin:0 0 0 45px; padding:50px 75px 30px 5px; }
	#portfolio .work:nth-child(4n) .info .texts,
	#portfolio .work:nth-child(4n+3) .info .texts { margin:0 0 0 -45px; padding:50px 5px 30px 75px; }
	#portfolio .work .image { width:65%; }
	#portfolio .work:nth-child(4n) .image,
	#portfolio .work:nth-child(4n+3) .image { float:right; right:0; }
}


/* SLICE 5: contact -------------------------------------------------- */
#contact { background-image:url('../images/bg_05_xs.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size:cover; background-attachment:scroll; }
#contact h2 { margin-bottom:30px; }
#contact .lead { font-weight:400; margin-bottom:50px; }
#contact .lead + p { font-size:18px; line-height:24px; }
#contact .contact-us a { -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s; }
#contact .contact-us a:hover { text-decoration:none; color:#f2bf0e; }
@media (min-width:768px) {
	#contact .lead { margin-bottom:100px; }
	#contact .lead + p { font-size:20px; line-height:26px; }
}
@media (min-width:992px) {
	#contact { background-image:url('../images/bg_05_lg.jpg'); }
	#contact .lead { margin-bottom:150px; }
	#contact .lead + p { font-size:22px; line-height:28px; }
}
@media (min-width:1200px) {
	#contact .lead { margin-bottom:200px; }
	#contact .lead + p { font-size:24px; line-height:30px; }
}





/*	----------------------------------------------------------------------------------------------------
	INTERNET EXPLORER FIXES
	---------------------------------------------------------------------------------------------------- */

/*	global IE -------------------------------------------------- */
.ie {  }

/*	IE 8 and lower -------------------------------------------------- */
.ie.lte8 {  }