/*
* Loki HTML v 1.0
* Copyright 2014, manuelvega
* DATE : 12/17/2014
* URL : http://themeforest.net/user/manuelvega
*/



/* Table of Contents
==================================================
  

  1. GENERAL STYLES
  2. HEADER 
  3. SERVICES
  4. ABOUT & PROCESS
  5. SERVICES & FUN FACTS
  6. TEAM
  7. WORK HARD & CLIENT SAY
  8. PRICING
  9. PORTFOLIO
 10. BLOG & BREADCRUMS
 11. TWITTER & BANNER
 12. CONTACT & FOOTER
 13. ANIMATIONS
 14. MEDIA QUERYS
 15. SWITCHER
 16. PARALLAX
 17. FLICKR



/* 1 - GENERAL STYLES
================================================== */



@import url("css/colors/orange.css");
a, a.active, .a:hover {color: #8d8d8d; text-decoration: none;}
body {width: 100%;height: 100%;background: #fff;font-family: Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 400;text-align: center;}
.body {width: 100%;overflow: hidden;}
html {width: 100%;height: 100%;}
h1,h2,h3,h4,h5,h6 {margin: 0 0 35px;text-transform: uppercase;font-family: "Roboto";font-weight: 700;color: #323232;}
h1 {font-size:50px;}
h2 {font-size:40px;}
h3 {font-size:28px;}
h4 {font-size:25px;}
h5 {font-size:20px; letter-spacing:0;}
h6 {font-size:15px; font-weight: bold; letter-spacing: 0; color: #4d4d4d;}
p {margin: 0 0 25px;font-size: 18px;line-height: 35px;font-weight: normal; color: #9d9d9d;}
ul {list-style:none; padding: 0;}
#preloader {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;background-repeat: no-repeat;background-position: center;z-index: 999;position: fixed;background-image: url(img/preloader.gif);}
.clear {clear: both;}



/* 2 - HEADER
================================================== */



#main-nav {width:100%;-webkit-transition:all .3s ease 10ms;-moz-transition:all .3s ease 10ms;-o-transition:all .3s ease 10ms;transition:all .3s ease 10ms;height:80px;z-index:9998;font-family:Raleway,sans-serif;opacity:1;position:relative}
.menu-white-style {background-color:#212121!important;border-bottom:1px solid #ccc;}
.menu-white-style .navigation ul li a {color: #909090;}
.menu-white-style #desktop-menu>li>a {color:#909090}
.menu-white-style .navigation li.active a {color: #212121;}
.menu-white-style .navigation li a:hover {color: #212121;}
header {top:0; position:fixed; width: 100%; z-index:9999;}
.navbar {padding-top: 20px; z-index:999;}
.navigation ul li {display:inline; font-family: Arial; font-weight: bold; padding-left: 30px; font-size:12px;}
.navigation.black ul li a {color: #505050;}
.navigation.black ul li a.active {background-color: #3aceff; padding: 10px 20px; border-radius:15px; color: #212121;}
.navigation ul li a {color: #8c8c8c; text-transform: uppercase;}
.navigation ul li.active a {color: #fff;}
.navigation ul li a:hover {color: #fff;}
.navigation ul {float: right; margin-top: 10px; margin-right: 30px;}
.section {padding-top:120px;}
.heading p {padding: 0 50px;}
.heading .detail {background-color: #fff; height: 5px; width: 50px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom:100px;}
.heading h2 {font-family: 'Roboto'; font-weight: 400; margin-bottom: 10px;}
.heading h5 {font-family: 'Open Sans'; font-size:20px; text-transform: lowercase; font-weight: 100; color: #fff;}
.heading.dark h5 {color: #a3a3a3; font-weight: normal;}
.heading.dark .detail {background-color:#d6d6d6; margin-bottom: 80px;}
.heading.dark p {margin-bottom: 80px;}
header.small {height: 60px;border: 1px solid #e9e9e9;}
header.small .main_nav {margin-top: 23px;}
header.small {height: 60px;}
header {position:fixed; width: 100%;z-index: 999;top: 0;height: 78px;border-bottom: 1px solid rgb(105, 105, 105); /* The Fallback */
border-bottom: 1px solid rgba(255, 255, 255, .15);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */} 
.main_nav {float: right; margin-top: 32px; }
.main_nav li {float: left; text-transform: uppercase;font-size:13px; margin-right:38px;font-weight: bolder;z-index: 1;list-style: none;position: relative;float: left;display: inline;}
.main_nav li a {color:#B8B8B8;}
.main_nav li.active a, .main_nav li a:hover {color:white; text-decoration: none;}
.social_nav i {color:white;}
.social_nav { float: right;margin-right: -15px;}
.social_nav li {float: left;  }
.social_nav li i {padding:28px;
border-left: 1px solid rgb(105, 105, 105); /* The Fallback */
border-left: 1px solid rgba(255, 255, 255, .15);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.social_nav .fa-2x {font-size: 1.5em!important;}
.parallax.second .caption p {color: #b3b3b3; font-size:16px!important;}
header.small .main_nav {margin-top: 18px;}
header.small .main_nav a {color: #565656; font-size:12px;}
.small #logo_dark  { display: block; margin-top:5px; width: 130px}
header.small .social_nav li i {padding: 20px;}
header.small {background-color: #fff;}
#response .submit_post {background-color: #212121;}
.responsive_container {width: 100%;position: fixed;z-index: 100;}
.mobile_nav_trigger {float: right;margin-right: -15px;}
.responsive_nav {margin-top: -1px;}
.mobileAreaMenu {background: #212121; width: 100%;margin-top: -10px;}
.menu_trigger {float: right;color:white;}
.menu_trigger i:hover {color:white;}
.menu_trigger i {padding: 24px; color:white;}
.small .menu_trigger i {padding:17px; color:#212121;}
.small .menu_trigger i:hover {color: #212121;}
.menu_trigger, .mobileAreaMenu, .responsive_nav {display: none;}
header.small .mobileAreaMenu li a {color: #555555;}
header.small .mobileAreaMenu li a:hover { color: #fff;}
.mobileAreaMenu li a {color: #555555;line-height: 28px;padding: 10px 0;border-bottom: 1px solid #2F2F2F;display: block;padding-left: 30px;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mobileAreaMenu a:hover{color: #fff;}
.mobileAreaMenu li {display: block;width: 100%;margin: 0;padding: 0;}
header {-moz-transition:  .15s ease-in-out;-webkit-transition:  .15s ease-in-out;-o-transition:  .15s ease-in-out;-ms-transition:  .15s ease-in-out;transition:  .15s ease-in-out;}
.responsive_container {width: 100%;position: fixed;z-index: 100;}
.responsive_nav {margin-top: -1px;background-image: url(img/geometry.png);background-color: #212121;}
.menu_trigger {float: right;}
.menu_dark {background-color: #212121; padding: 10px 15px; margin-top: -5px;}
.menu_trigger i:hover {color:white;}
.menu_trigger i {color:white; position: relative; margin-top: 5px;}
.menu_trigger, .mobileAreaMenu, .responsive_nav {display: none;}
.responsive_nav {z-index:0;}
.mobileAreaMenu a {color: #565656;text-transform: uppercase;border: none;text-align: left;font-weight:bold;}
.mobileAreaMenu li:hover a {}
.mobileAreaMenu li {font-family: Arial; font-weight: bold; font-size:12px;padding: 8px;cursor: pointer;margin: 15px auto;cursor: pointer;text-align: center;}
.mobileAreaMenu li:hover {}




/* 3 - SERVICES
================================================== */


button.login {border:1px solid #959595; padding: 10px 30px; background: transparent; color: #959595; font-family: 'Roboto'; text-transform: uppercase; font-weight: bold;float: right;}
.login .social ul li {display: inline; margin-left: 20px;}
.login .social {float: left; margin:12px 0 0 0;}
.login {}



/* 4 - ABOUT & PROCESS
================================================== */



section {z-index: 1;}
section#about {background:url(img/about/pattern.png);}
section#about .heading {margin-top: 120px;}
section#about .heading h2 {color: #fff;}
section#about p {color: #fff;}
#about .process {margin-bottom: 120px;}
#about .process img {margin-bottom: 60px;}
#about .process p {margin-bottom: 60px;}
.parallax.first {height: 903px;}
.sub_process {text-align: left; position: relative;}
.sub_process img {float: left; margin-right: 35px;}
.sub_process h5 {color: #fff; margin-bottom:20px;}
.sub_process p {font-size: 15px; color: #9d9d9d; font-weight: normal; margin-left: 80px;}
.sub_process .detail {background-color: #6b6b6b; height: 3px; width: 20px; margin-left: 80px; margin-bottom: 30px;}
.sub_process .arrow {position: absolute; top:80px; left:10px;}
.sub_process .arrow2 {position: absolute; top:80px; left:-40px;}
.process .heading h2 {color: #fff; margin-top: 120px;}
.process .heading h5 {color: #5f5f5f; font-weight: normal;}
button.border {background: transparent; border:2px solid #fff; padding: 15px 30px; color: #fff; text-transform: uppercase; font-size:13px; font-weight: 400;}



/* 5 - SERVICES & FUN FACTS
================================================== */



.fun-facts {margin-top: -1px;}
.fun-facts .fact {width: 25%; height: 300px; float: left; padding-top: 50px;}
.fun-facts .fact img {position: absolute; left:45%;}
.fact h1 {color: #fff; margin: 30px 0 0 40%;}
.fact h6 {color: #fff; margin-top: 20px; font-weight: 400; position: absolute; left:40%; top:55%;}
.fact .detail {background-color: #fff; height: 5px; width: 50px; margin-left: auto; margin-right: auto; margin-top: 50px; position: absolute; top:60%; left:45%;}
.services-list {text-align: left; margin-top: 120px; margin-bottom: 50px;}
.services-list .service {margin-bottom: 80px;}
.services-list .service i {float: left; margin-right: 30px;}
.services-list .service p {font-size: 16px;}
.services-list .service h6 {margin-bottom: 20px;}



/* 6 - TEAM
================================================== */



.humaan i {padding: 0 10px;}
#humaans {display: block;position: relative;margin-top: -100px;}
#humaans .humaan {width: 25%;height: 538px;display: block;float: left;text-align: center;position: relative;-webkit-tap-highlight-color: transparent; }
#humaans .humaan video {position: absolute;bottom: 0;left: 50%;margin-left: -125px; }
#humaans .humaan:hover {cursor: help; }
#humaans .humaan:hover .text {opacity: 1;top: 150px; }
#humaans .humaan:hover .image {opacity: .1; }
#humaans .humaan .image {position: absolute;width: 100%;height: 538px;display: block;bottom: 0;background-repeat: no-repeat;background-position: center bottom;transition: opacity .2s ease-in-out;opacity: 1; }
#humaans .humaan .text {position: absolute;top: 170px;padding: 0 20%;text-align: left;color: #3a4046;opacity: 0;transition: all .3s ease-in-out; }
#humaans .humaan .text h3 {font-size: 18px;line-height: 22px;font-weight: 700;margin: 0 0 5px; }
#humaans .humaan .text p {font-size: 14px;line-height: 24px; }
#humaans .humaan .text p.title {font-weight: 400;font-style: normal;font-size: 15px;line-height: 22px;text-transform: uppercase; font-weight: bold;}
#humaans .humaan .text .icn {display: inline-block;margin-right: 8px; }
#being-humaan {border-top: 8px solid #3a4046;padding-top: 95px;padding-bottom: 150px;text-align: center; }
#being-humaan > p {color: #91a4af;font-style: italic;font-size: 30px;line-height: 48.6px; }
#being-humaan p.title {font-weight: 400;font-style: normal;font-size: 15px;line-height: 30px;color: #3b3e40;text-transform: uppercase; }
#being-humaan p.title strong {font-weight: 500; }



/* 7 - WORK HARD & CLIENT SAY
================================================== */



.clients-say {background: url(img/works/bg960x500orange.jpg) no-repeat; height: 500px; width: 50%; float: right; text-align: left;}
.clients-say .overlay {height: 500px;}
.clients-say .caption {padding-top: 80px; margin-left: 100px;}
.clients-say .caption h3 {color: #fff; margin: 0;}
.clients-say .caption p {color: #fff; font-size:15px;}
.clients-say .testimonial {margin-left: 100px; margin-top: 50px;}
.clients-say .testimonial p {color: #fff; font-size:15px; padding-right: 200px; margin-top: 20px;}
.work-hard {
	height: 500px;
	width: 50%;
	float: left;
	text-align: left;
	position: relative;
	background-image: url(img/works/bg960x500.jpg);
	background-repeat: no-repeat;
}
.work-hard .overlay {opacity: 0.9;background: #242322; height: 500px;}
.work-hard .caption {padding-top: 80px; margin-left: 200px;}
.work-hard .caption h3 {color: #fff; margin: 0;}
.work-hard .caption p {color: #fff; font-size:15px;}
.work-hard .fact-wrap {margin-left: 200px; margin-top:50px;}
.work-hard .fact {background: url(img/parallax/shape.png) no-repeat; height: 100px; float: left; margin-right: 80px;}
.work-hard .fact img {padding: 32px 27px;}
.work-hard .fact h3 {color: #fff; position: absolute; top: 72%; background: none; margin-left: 22px;}
.work-hard .fact p {text-align: center; color: #fff; font-size:15px; line-height: 25px;}



/* 8 - PRICING
================================================== */



.parallax.third {height: 790px;}
.pricing-table {margin-top: 160px;}
.pricing-table .pricing_header {background-color: #1f1f1f; }
.pricing-table .pricing_sub_header {background-color: #1f1f1f;border-top: 1px solid #242424;border-bottom: 1px solid #242424;}
.pricing-table .pricing_header h1 {margin-bottom: 0;margin-top: 0;color:#fff;padding: 20px 0px;text-align: center;font-size: 20px;text-transform: uppercase;}
.pricing-table .pricing_sub_header h1 {color: #fff; text-align: center; margin: 0;padding: 25px 0px 15px 0px; font-size: 22px;}
.pricing-table .pricing_sub_header span {font-size: 13px;font-weight: lighter;color: #a4a4a4;margin-left: 5px;}
.pricing-table .features li {padding:15px; text-align: center; background-color: #1f1f1f;border-bottom: 1px solid #242424;color: #616161;font-size: 13px;}
.pricing-table ul {border-bottom:0;margin-bottom: 0;}
.pricing_footer {-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;background-color: #1f1f1f;  border-top:0;padding:30px 0px; text-align: center;}
.pricing_footer h3 {margin: 0; color:white; text-align: center;}
.pricing_footer h3 a {color:#a4a4a4;}
.pricing_footer a.button {background: #f48011;display: inline;text-transform: uppercase;border-radius: 2px;font-size: 12px;color:white;font-weight: bold; padding: 10px;}
.pricing_button:hover {color:white; background-color: #00CCEB;}



/* 9 - PORTFOLIO
================================================== */



.grid .portfolio-item .commands { float: right;}
.grid .portfolio-item .commands a {text-indent: initial;opacity: 1;position: initial;font-size: 18px;color: #323232;}
.grid .portfolio-item img {position: relative;display: block;min-height: 100%;}
.grid .portfolio-item div.figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid .portfolio-item div.figcaption::before,
.grid .portfolio-item div.figcaption::after {pointer-events: none;}
.grid .portfolio-item a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid .portfolio-item div.figcaption { position: absolute;left: 0;width: 100%;}
.grid .portfolio-item a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid .portfolio-item h2 {word-spacing: -0.15em;font-weight: 300;}
.grid .portfolio-item h2 span {font-weight: 800;}
.grid .portfolio-item h2 {}
.over {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;
background-size:cover;
-moz-transition: .45s ease-in-out;
-webkit-transition: .45s ease-in-out;
-o-transition: .45s ease-in-out;
-ms-transition: .45s ease-in-out;
transition: .45s ease-in-out;	}
.portfolio-item:hover .over{opacity: .8}
.portfolio-item.effect div.figcaption {top: auto;bottom: 0;padding: 1em;height: 3.75em;background: #fff;color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);}
.portfolio-item h2 {float: left;font-size: 32px;}
.portfolio-item div.figcaption > span {float: right;}
.portfolio-item  p {position: absolute;bottom: 8em;padding: 2em;color: #fff;text-transform: none;font-size: 90%;opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;}
.portfolio-item h2,
.portfolio-item div.figcaption > span {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);}
.portfolio-item div.figcaption span i {padding: 10px;}
.portfolio-item div.figcaption > span::before {display: inline-block;padding: 8px 10px;font-family: 'feathericons';speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-eye::before {content: '\e000';}
.icon-paper-clip::before {content: '\e001';}
.icon-heart::before {content: '\e024';}
.portfolio-item h2 {display: inline-block;}
.portfolio-item:hover p {opacity: 1;}
.portfolio-item:hover div.figcaption,
.portfolio-item:hover h2,
.portfolio-item:hover div.figcaption > span {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.portfolio-item:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.portfolio-item:hover div.figcaption > span:nth-child(4) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.portfolio-item:hover div.figcaption > span:nth-child(3) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.portfolio-item:hover div.figcaption > span:nth-child(2) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
#options {margin: 0 auto;}
#filters {text-align: center; margin-bottom: 60px;}
#filters li {display: inline; margin-right:15px;}
#filters li a {font-family: 'Roboto'; text-transform: uppercase;background-color: #363636;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:11px;behavior: url(css/PIE.htc);color: #fff;padding: 8px;font-weight: bold;}
#filters li.active a, #filters li a:hover, #colums_triggers li a:hover {text-decoration:none;-moz-transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;transition: .15s ease-in-out;}
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;}
.portfolio_item {-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s}
.portfolio_item {width: 24.9%; }
#portfolioAjaxControlls {float:right; margin-bottom:30px;height: 80px; position: relative;}
#portfolioData {margin-bottom: 50px;}
#portfolioAjaxControlls .inner {
display: block;
position: absolute;
overflow: hidden;
width: 31px;
height: 31px;
margin-left: -10px;
margin-top: -10px;
background: #535353 url('images/icons/controlls_ajax.png') 0px -13px;
border-radius: 20px;
z-index: 5;
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;
}
.item-data h3 {margin:0;}
.grid {	overflow: hidden;}
#portfolioAjaxControlls .outer {display: block;position: absolute;margin-top: -25px;margin-left: -25px;width: 61px;height: 61px;border-radius: 40px;background: rgba(153,153,153,0.1);}
.ie8 .inner {behavior: url(css/PIE.htc); } 
#ajax_close {position: absolute;top:55px;right: 30px;}
#portfoliod {display: none;}
#ajax {height: auto !important;border-top: 110px solid transparent;margin-top: -110px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
#ajax-content {position: relative;}
#slout-controls ul {display: none;padding: 0;margin: 0 auto 50px;}
.s-controls-down {margin: 50px auto 0;}
#slout-controls ul li {float: left;list-style: none;margin: 0 7px !important;}
#slout-controls ul li a {}
.close {width: 41px;height: 41px;opacity: 1 !important;margin-top: 0 !important;}
#slout-controls ul li:hover,#slout-controls ul li a:hover,.close:hover {opacity: 1;}
.project-single {width:100% !important;padding-bottom:70px;}
.project-single h4 {color: #545454;text-transform: uppercase;font-size: 35px;text-align: center;font-weight: 400;margin-top: 50px;margin-bottom: 15px;}
.project-single h6 {font-size: 15px;color: #817e7e;text-align: center;font-weight: 600;text-transform: uppercase;margin-bottom: 50px;}
.project-single p {color: #a1a7a8;font-size: 16px;line-height: 27px;}
.load-hidden {display: none;}
.lmore {border: 8px solid #efefef;display: table;width: 100%;text-align: center;font-family: Oswald;text-transform: uppercase;color: #696969;font-size: 40px;padding: 25px 15px;cursor: pointer;}
.lmore:hover {border-color: #36e9da;color: #36e9da;}
#portfolioAjaxControlls {float:right; margin-bottom:30px;height: 80px; position: relative;}
#portfolioData {margin-bottom: 50px;}
#portfolioAjaxControlls .inner {display: block;position: absolute;overflow: hidden;width: 31px;height: 31px;margin-left: -10px;margin-top: -10px;background: #535353 url('images/icons/controlls_ajax.png') 0px -13px;
border-radius: 20px;
z-index: 5;
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;}
#portfolioAjaxControlls .outer {display: block;position: absolute;margin-top: -25px;margin-left: -25px;width: 61px;height: 61px;border-radius: 40px;background: rgba(153,153,153,0.1);}
.ie8 .inner {behavior: url(css/PIE.htc); } 
#ajax_close {position: absolute;top:55px;right: 30px;}
.grid .portfolio-item .commands { float: right;}
.grid .portfolio-item .commands a {text-indent: initial;opacity: 1;position: initial;font-size: 18px;color: #323232;}
.grid .portfolio-item img {position: relative;display: block;min-height: 100%;}
.grid .portfolio-item div.figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid .portfolio-item div.figcaption::before,
.grid .portfolio-item div.figcaption::after {pointer-events: none;}
.grid .portfolio-item a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid .portfolio-item div.figcaption { position: absolute;left: 0;width: 100%;}
.grid .portfolio-item a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid .portfolio-item h2 {font-size:16px;font-weight: 800;}
.grid .portfolio-item h2 span {font-weight: 800;}
.grid .portfolio-item h2 {margin-left: 25px; margin-top: -3px;}
.over {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;
background-size:cover;
-moz-transition: .45s ease-in-out;
-webkit-transition: .45s ease-in-out;
-o-transition: .45s ease-in-out;
-ms-transition: .45s ease-in-out;
transition: .45s ease-in-out;	}
.portfolio-item:hover .over{opacity: .8}
.portfolio-item.effect div.figcaption {top: auto;bottom: 0;padding: 1em;height: 3.75em;background: #fff;color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);}
.portfolio-item h2 {float: left;font-size: 32px;}
.portfolio-item div.figcaption > span {float: right;}
.portfolio-item  p {position: absolute;bottom: 8em;padding: 2em;color: #fff;text-transform: none;font-size: 90%;opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;}
.portfolio-item h2,
.portfolio-item div.figcaption > span {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);}
.portfolio-item div.figcaption span i {padding: 10px;}
.portfolio-item div.figcaption > span::before {
display: inline-block;padding: 8px 10px;font-family: 'feathericons';speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-eye::before {content: '\e000';}
.icon-paper-clip::before {content: '\e001';}
.icon-heart::before {content: '\e024';}
.portfolio-item h2 {display: inline-block;}
.portfolio-item:hover p {opacity: 1;}
.portfolio-item:hover div.figcaption,
.portfolio-item:hover h2,
.portfolio-item:hover div.figcaption > span {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.portfolio-item:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.portfolio-item:hover div.figcaption > span:nth-child(4) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.portfolio-item:hover div.figcaption > span:nth-child(3) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.portfolio-item:hover div.figcaption > span:nth-child(2) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
#portfolioAjaxControlls {float:right; margin-bottom:30px;height: 80px; position: relative;}
#portfolioData {margin-bottom: 50px;}
#portfolioAjaxControlls .inner {
display: block;
position: absolute;
overflow: hidden;
width: 31px;
height: 31px;
margin-left: -10px;
margin-top: -10px;
background: #535353 url('images/icons/controlls_ajax.png') 0px -13px;
-webkit-border-radius: 	20px;
-moz-border-radius: 	20px;
border-radius: 			20px;
z-index: 5;
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;
}
.item-data h3 {margin:0;}
#portfolioAjaxControlls .outer {
display: block;
position: absolute;
margin-top: -25px;
margin-left: -25px;
width: 61px;
height: 61px;
-webkit-border-radius: 	40px;
-moz-border-radius: 	40px;
border-radius: 			40px;
background: rgba(153,153,153,0.1);
}
.ie8 .inner {behavior: url(css/PIE.htc); } 
#ajax_close {position: absolute;top:55px;right: 30px;}
#portfoliod {display: none;}
.grid {	overflow: hidden; padding-top:-100px;}
.grid.isotope {margin-top: 0;}
.grid .portfolio-item {position: relative;z-index: 1;float: left;width: 24.9%;height: 400px;background: #3085a3;background-size: cover;text-align: center;cursor: pointer;overflow: hidden;background-position: center;}
#logo {
float: left;margin-top: 15px;}
#logo_dark {display: none;float: left;margin-top: 25px;}
header.small #logo {display: none;}
.video_wrap {
	height: 970px;
}



/* 10 - BLOG & BREADCRUMS
================================================== */



.breadcrum {background:url(img/blog/breadcrum.jpg); padding: 100px 0; text-align: center; color: #fff; text-transform: uppercase;}
.breadcrum h3 {color: #fff; letter-spacing: 4px; font-size: 30px; margin:30px 0 20px 0;}
.breadcrum p {text-transform:none; color: #fff; margin-top: 20px;}
.breadcrum .line {height: 5px; background-color: #fff; width: 100px; margin: 0 auto;}
section#blog {background: url(img/blog/pattern.jpg);}
section#blog .entrie .date p {text-transform: uppercase; color: #6f6f6f; font-family: 'Roboto'; font-weight: 400; font-size:15px; margin: 0;}
section#blog .entrie h5 {font-family: 'Roboto'; color: #666666; text-transform: none;}
section#blog .entrie {border-bottom:1px solid #cacaca; padding: 35px 0 10px 0;}
section#blog .entrie:last-child {border:none;}
section#blog button {color: #fff; border:none; border-radius:5px; margin:80px 0 100px 0; padding: 10px 20px; font-weight: bold; font-family: 'Roboto'; font-size:15px; text-transform: uppercase;}
#blog {margin-bottom: -8px;} /*FIX FOR THE BLOG BUTTONS MARGIN*/
.wrapper_blog_title {z-index: 100; position: absolute; bottom:20px;}
.wrapper_blog_title, .wrapper_blog_title h2, .wrapper_blog_title a{ color: white;}
.blog-item-home{ height: 500px; background-size:cover;padding: 25px; position: relative; background-position: center;display: inline-table;
width: 100%;}
.blog_buttons {  background:#f0f0f0;}
.read_allnews {text-align: center;padding: 50px;}
.read_next_story { float: right;padding: 50px;}
.read_prev_story{ padding: 50px;}
.read_prev_story i, .read_allnews i {margin-right: 10px;}
.read_next_story i {margin-left: 10px;}
.read_allnews, .read_next_story, .read_prev_story{padding: 30px 10px;text-transform: uppercase; font-weight: bold;margin-top: 10px;}
.read_more:hover { color:white;}
.read_more a:hover{ color: white!important;}
.over_blog {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: .3;background-color:#000000;background-size:cover;
-moz-transition: .45s ease-in-out;
-webkit-transition: .45s ease-in-out;
-o-transition: .45s ease-in-out;
-ms-transition: .45s ease-in-out;
transition: .45s ease-in-out;}
.blog-item-home:hover .over_blog {opacity: .7}
.blog_wrapper {padding:70px 0px;}
#blog_header { min-height: 300px;padding-top: 150px;}
.blog_title_heading {margin-top: 20px;}
.blog_title_heading h1 {color: white;text-transform: uppercase;font-weight: lighter;letter-spacing: 2px;font-size: 26px;display: inline;padding: 10px 20px;}
.the-date-big span {display: block;display: block;color: white;}
.the-date-big {position: absolute;-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;z-index: 100;width: 80px;height: 80px;text-align: center;padding-top: 15px;}
.the-date-big:hover { background-color:#323232;}
.the-date-big .number {font-size: 15px;font-weight: bold;}
.the-date-big .month {font-size: 18px;}
.comment-body p {font-size:15px;}
.blog-item {background-color: #ffffff; margin-bottom: 70px;}
.img-container-blog {min-height: 400px;position: relative;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;margin-bottom: 30px;background-position: center;}
.the-title h1 {line-height: 25px;margin: 15px 0px;}
.the-title h1 a {font-size: 24px; color: #323232;}
.blog-item.blog-post { margin-bottom: 0;}
.blog-item .metas {border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;}
.the-title {margin: 25px 0px 0px 0px;}
.blog-item .metas .the-comments a, .blog-item .metas .the-date a, .blog-item .metas .the-author a {background-repeat: no-repeat;float: left;margin-bottom: 15px;color: #9da0a4;margin-right: 20px;font-size: 13px;}
.metas .the-date i, .metas .the-author i, .metas .the-comments i  {padding-right:8px; color:#363636;}
.read_more_small img {margin-top:5px; }
.read_more_small {
background: #9da0a4;	
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;
padding: 0px 7px;
margin-top: 4px;
float: right;}
.read_more_small i {color: white;}
.blog-boddy {border-bottom: 1px solid #ECECEC;padding-bottom: 30px;}
.used_tags span {font-weight: bold}
.used_tags {font-size: 12px; }
.used_tags span, .used_tags li {float: left; margin-right:10px;}
.about_the_author {background-color: rgb(241, 241, 241);margin-top: 30px;padding: 30px;border: 1px solid rgb(233, 233, 233);}
.author_avatar {width: 100px;height: 100px;background-size: cover;float: left;margin-right: 30px;}
.about_the_author h4 {display: inline;}
.about_the_author  p {font-size: 13px;line-height: 24px;margin-bottom: 0;}
.comment {margin-bottom: 25px;border:1px solid rgb(233, 233, 233);background-color: #FFF;font-size: 14px;}
.comment-body {padding: 10px;}
.comment .replybutton {float: right;margin-top: 0px;background-color: #F7F7F7;margin-right: 0px;font-size: 11px;color: #999;padding: 8px;}
.post-info {position: relative;padding: 9px 9px 9px 69px;margin-bottom: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 11px;
line-height: 50px;
vertical-align: middle;
color: #999;
background-color: #F7F7F7;
-webkit-background-clip: border;
behavior: url(css/PIE.htc);
border-bottom: 1px solid rgb(233, 233, 233);
}
.post-info .post-avatar {
position: absolute;
top: 10px;
display: inline-block;
left: 10px;
width: 50px;
height: 50px;
background-position: center;
}
.post-author {
font-size: 14px;
margin-right: 10px;
margin: 0px 5px;
margin-right: 10px;
}
.post-info .post-author {font-weight: bold;color:#232527;}
.comment .ago {float: right;font-size: 11px;}
.comment.reply {margin-left: 50px;}
.label_comment {display: initial;}
.reply-input div {margin-bottom: 25px;}
.blogpost-title {margin-top: 40px;margin-bottom: 20px;}
#response .submit_post {margin-top:20px;color: white;width:200px;border-radius: 2px;
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;
border:none;
}
#response .submit_post:hover {background-color: #25292c;}
#response input, #response textarea{outline: none;padding: 6px 10px;border: none;color: #838383;background-color: #E2E2E2;width: 100%;margin: 0;box-shadow: none;}
.label_comment {display: initial;}
#blog p {font-size:16px!important;}
.blog_wrapper {text-align: left;}
.blog-boddy p {font-size:15px;}
.tags li a {
display: inline-block;
padding: 9px;
line-height: 9px;
text-transform: uppercase; 
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
behavior: url(css/PIE.htc);
color: #E7E7E7;
letter-spacing: 1px;
font-size:10px;
}
.tags li {
float: left;
background-color: #323232;
margin-right: 7px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
margin-bottom: 10px;
behavior: url(css/PIE.htc);
-webkit-transition-duration: 0.15s;
-moz-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
-ms-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.categories li {padding: 10px 0px;border-bottom: 1px dashed rgb(213, 213, 213);text-transform: capitalize;}
ul.page-numbers {list-style: none;margin: 1em auto;padding: 0;color: #555555;text-transform: uppercase;font-size: 90%;}
ul.page-numbers li {display: inline;}
ul.page-numbers a.page-numbers {
margin: 2px;
padding: 5px 10px;
display: inline-block;
border-top: 1px solid #fff;
text-decoration: none !important;
font-size: smaller !important;
text-shadow: white 0 1px 0;
background: white;
border: 1px solid rgb(223, 223, 223);}
ul.page-numbers a.page-numbers:first-child, ul.page-numbers a.page-numbers.first {margin-left: 0;}
ul.page-numbers a.page-numbers:last-child, ul.page-numbers a.page-numbers.last {margin-right: 0;}
ul.page-numbers a.page-numbers:hover, ul.page-numbers a.page-numbers:focus {color: #333333;}
ul.page-numbers a.page-numbers.more {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0 none !important;
background: transparent !important;
margin-left: 0;
margin-right: 0;
}
ul.page-numbers a.page-numbers.active {
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
border-color: #505050 !important;
color: #f2f2f2 !important;
text-shadow: black 0 1px 0;
background-color: #676767;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5f5f), color-stop(100%, #5c5c5c));
background-image: -webkit-linear-gradient(#5f5f5f, #5c5c5c);
background-image: -moz-linear-gradient(#5f5f5f, #5c5c5c);
background-image: -o-linear-gradient(#5f5f5f, #5c5c5c);
background-image: linear-gradient(#5f5f5f, #5c5c5c);
}
ul.page-numbers .prev:before {content: "\2039";padding-right: 0.5em;}
ul.page-numbers .next:after {content: "\203A";padding-left: 0.5em;}
ul.page-numbers .dots {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0 none !important;
background: transparent !important;
color: #999999 !important;
margin-left: 0.25em;
margin-right: 0.25em;
}
ul.page-numbers .current {
background: #5f5f5f;
margin-right: 2px;
padding: 5px 10px;
display: inline-block;
border-top: 1px solid #fff;
text-decoration: none !important;
font-size: smaller !important;
border-color: #505050 !important;
color: #f2f2f2 !important;
text-shadow: black 0 1px 0;
}



/* 11 - TWITTER & BANNER
================================================== */



.action-box {background-color: #212121; padding: 5px 0 25px 0;}
.action-box h5 {color: #fff; font-weight: normal; text-transform: none; float: left; padding-top: 35px;}
button.button-box {background-color: transparent; border:2px solid #fff; padding: 15px; color: #fff; float: right;}
button.button-box i {padding-right: 10px; color: #fff;}
.twitter { text-align: left; background-color: #202020;}
.twitter .icon {width: 200px; padding-left: 80px; float: left; margin-right: 50px; height: 150px; padding-top: 60px;}
.tweet {font-family: 'Roboto'; font-size:16px; padding-left: 150px; padding: 30px 0 0 0;}
.tweet img {display: none;}
.tweet .date {margin-top: 15px;}
.tweet a {color: #fff;}




/* 12 - CONTACT & FOOTER
================================================== */



#contact {position: relative; text-align: left;}
#contact p {font-size:14px;}
#map {width: 100%;height: 1124px; z-index:-1;}
.contact_wrap {background-color: #202020; z-index:999; position: absolute; top:0; width: 450px; padding:0 50px; margin-left: -300px;}
.get-in-touch, .come-visit {border-bottom: 1px solid #363636;}
.get-in-touch h5, .come-visit h5, .send-message h5 {margin-top: 40px; color: #fff; text-transform: none; font-weight: normal;}
.get-in-touch h5 {margin-top: 80px;}
.get-in-touch a, .come-visit a {color: #fff;}
input, textarea {width: 300px; background-color: #242424; border:none; margin: 10px 0; padding: 10px; color: #5c5c5c; font-weight: normal; padding-left: 20px; font-family: 'Roboto';}
input.submit_buttom {margin-bottom: 50px; color: #fff; text-transform: uppercase; font-weight: bold; border-radius:2px;}
footer {background-color: #202020; padding: 100px 0 50px 0;}
footer .detail {margin-top: 50px;}
footer .detail h6, footer .detail p {font-family: 'Open Sans'; font-style: italic; color: #fff; text-transform: none; font-weight: normal;}
footer .detail p, .subfooter p {font-style: normal; color: #5a5a5a; font-size:14px; line-height: 25px;}
.subfooter {background-color: #202020; border-top:1px solid #2b2b2b; padding: 30px 0 10px 0;}
.subfooter p {font-size:13px;}
.subfooter a {text-transform: uppercase; font-size:11px;}



/* 13 - ANIMATIONS
================================================== */



.animated { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .zoomIn, .bounce, .fadeIn { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }



/* 14 - MEDIA QUERYS
================================================== */



/* QUERIES FROM 1920px TO 1620px */

@media only screen and (min-width: 1620px) and (max-width: 1920px) {
}



/* QUERIES FROM 1620px TO 1200px 
================================================== */


@media only screen and (min-width: 1200px) and (max-width: 1620px) {

.parallax.second .caption p {padding: 0 100px;}
.work-hard, .clients-say {display: none;}
.grid .portfolio-item {width: 33%;}
.contact_wrap {margin-left: 1px;}

}


/* QUERIES FROM 1200px TO 960px */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
p {font-size:16px;}
.process img {width: 800px;}
img.phones {display: none;}
.sub_process img {width: 30px;}
.fun-facts {display: block;}
.parallax.second .caption p {padding: 0 100px;}
.work-hard, .clients-say {display: none;}
#pricing {display: none;}
.grid .portfolio-item {width: 33%;}
button.button-box {float: left;}
.contact_wrap {margin-left: 1px;}


}



/* QUERIES FOR IPAD */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.process img {width: 600px;}
p {font-size:16px;}
img.phones {display: none;}
.sub_process img {width: 30px;}
.fun-facts {display: none;}
.parallax.second .caption p {padding: 0 50px;}
.work-hard, .clients-say {display: none;}
#pricing {display: none;}
.grid .portfolio-item {width: 49.5%;}
button.button-box {float: left;}
.contact_wrap {margin-left: 1px;}
}




/* 480PX*/

@media only screen and (min-width: 480px) and (max-width: 767px)  {

.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.flickr {display: none;}
p {font-size:16px;}
.process img {width: 400px;}
img.phones {display: none;}
.sub_process img {width: 30px;}
.fun-facts {display: none;}
.parallax.second .caption p {padding: 0 50px;}
.work-hard, .clients-say {display: none;}
#pricing {display: none;}
#humaans .humaan {width: 100%;}
.grid .portfolio-item {width: 100%;}
button.button-box {float: left;}
.action-box h5 {text-align: left;}
.contact_wrap {margin-left: 1px;}

}




/* 300PX*/

@media only screen and (max-width: 480px)  {
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.flickr {display: none;}
p {font-size:16px;}
.process img {width: 250px;}
img.phones {display: none;}
.sub_process img {width: 30px;}
.fun-facts {display: none;}
.parallax.second .caption p {padding: 0 50px;}
.work-hard, .clients-say {display: none;}
#pricing {display: none;}
#humaans .humaan {width: 100%;}
.grid .portfolio-item {width: 100%;}
button.button-box {float: left;}
.action-box h5 {text-align: left;}
.contact_wrap {margin-left:-50px;}
.parallax.first {display: none;}
h2 {font-size:25px;}
input, textarea {width: 250px;}
}



/* 15 - SWITCHER
================================================== */



#switch {background: #FBFBFB;width:  123px;position: fixed;display: none;top: 126px;z-index: 9999;margin-left: -200px;border-radius: 0 0 4px 0;border-right: 1px solid white;border-bottom: 1px solid white;
-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.4);behavior: url(css/PIE.htc);}
#switch h4 {font-size:14px; margin-bottom: 0px;}
#switch ul li {text-transform:uppercase;margin-bottom:10px;}
#show {z-index: 99999;margin-left:0px;position:fixed;left:0;top:20%;background: rgb(35, 35, 35);-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;margin-top:10px;padding: 5px;cursor: pointer;behavior: url(css/PIE.htc);}
#show h4,#hide {cursor:pointer;line-height:13px;margin-bottom:0px;font-size: 12px;margin-bottom: 0px;}
#setting {height: 39px;background-image: url('img/setting.png');width: 53px;}
.wrap_pattern,.switchlayout {margin-bottom:10px;}
.wrap_pattern h4 {margin-bottom: 5px!important;}
.content-switcher{padding: 5px 16px 16px 16px;overflow: hidden;}
.content-switcher h6 {margin-top: 20px;}
.content-switcher .m-btn{padding: 5px 10px;font-size: 12px;min-width: 70px;}
.button.small.color.switch {font-size: 12px;text-transform: none;width: 70px;margin: 5px 0px; font-weight: normal}
ul.color {margin-top: -40px;}
h5#hide {margin-top: 80px; font-weight: bold;}
.button, .order_button, a.order_button:focus {position: relative;top:40px;padding: 5px;border-radius:5px;}
#switch ul li a {color: #fff;}



/* 16 - PARALLAX
================================================== */


.parallax.second {height: 791px;}
.parallax.second .caption {padding-top: 250px;}
.parallax.second .caption .detail {
	background-color: #fff;
	height: 5px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.parallax.second .caption h2 {color: #fff; font-weight: 400; margin-bottom: 50px;}
.parallax.second .caption p {
	font-size: 20px;
	margin-bottom: 50px;
	padding-top: 0;
	padding-right: 200px;
	padding-bottom: 0;
	padding-left: 200px;
}



/* 17 - FLICKR
================================================== */



.flickr_item_home {height: 250px; overflow: hidden;float: left;width: 20%; background-size: cover;}
.controlls_flickr li {font-size:14px;}
.controlls_flickr li a {color: white;}
.controlls_flickr {margin-top:15px;}
.col2 {width:49%; float: left;margin-right:20px;}
.col2.last {margin-right:0;}



/* 18 - FLOATING LINK
================================================== */



#floating_link {
	position: fixed;
	right: 0;
	top: 400px;
	display: block;
	width: 33px;
	height: 59px;
	text-indent: 1000px;
	overflow: hidden;
	background-image: url(img/pmc_login.png);
	z-index: 2;
	background-repeat: no-repeat;	
}