/******* GENERAL STRUCTURE *********/

/******* NICE SCROLL *********/

/******* MENU *********/

/******* ABOUT *********/

/******* TEAM *********/

/******* CULTURE ********/

/******* SERVICES ***********/

/******* PRALLAX SERVICES 1 *********/

/******* PRALLAX SERVICES 2 ************/

/****** PRALLAX SERVICES 3 **********/

/****** WORK **********/

/****** BLOG POST **********/

/****** BLOG POST 2 **********/

/****** SINGLE POST **********/

/****** FOOTER **********/

/****** GOOGLE MAPS **********/


@font-face {
    font-family: 'quicksand';
    src: url("../fonts/quicksand.eot");
    src: url("../fonts/quicksand.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand.woff") format("woff"), url("../fonts/quicksand.ttf") format("truetype"), url("../fonts/quicksand.svg#svgFontName") format("svg");
}
@font-face {
    font-family: 'quicksand regular';
    src: url("../fonts/quicksand-regular.eot");
    src: url("../fonts/quicksand-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/quicksand-regular.woff") format("woff"), url("../fonts/quicksand-regular.ttf") format("truetype"), url("../fonts/quicksand-regular.svg#svgFontName") format("svg");
}



@font-face {
	font-family: 'Novecento';
	src:url('../fonts/Novecentowide-Bold.eot');
	src:url('../fonts/Novecentowide-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Novecentowide-Bold.woff') format('woff'),
		url('../fonts/Novecentowide-Bold.ttf') format('truetype'),
		url('../fonts/Novecentowide-Bold.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}
html{
    overflow-x:hidden;
}
html, body{
    margin:0;width:100%;
    height:100%;
    padding:0;
    font-family: 'quicksand regular', verdana, Arial, sans-serif;
    color: #333;
    background: #000;
}
a {
	color:#000cff;
	text-decoration: none;
}
a:hover {
	color:#27CFC3;
	text-decoration: none;
}
img {
    border: 0;
    max-width: 100%;
}
.gmnoprint img { max-width: none; }

.hidden_effect {
    opacity: 0;
}
.visible {
    opacity: 1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/**** NICE SCROLL  ****/

#ascrail2000 {
    background-color: #666;
    width: 16px!important;
    z-index: 100000;
    z-index: 100000!important;
}

/**** END NICE SCROLL  ****/



#fbsection1 {
    background: url(/) no-repeat center center fixed;
    height:100%;
    margin:0;
    padding:0;
	opacity: 1;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#fbsection2 {
    background: #000;
    height:100%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.video-background {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#video-1 
{
    right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
    width: auto; height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block {     
    z-index: 1000;
    height: 100%;
    position: relative;
    color: #333;
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
}

.effectopacity {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    opacity:0.5;
    background-repeat: repeat-y;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-animation: animate-effectopacity 3s forwards linear;
    -moz-animation: animate-effectopacity 3s forwards linear;
    -o-animation: animate-effectopacity 3s forwards linear;
    -ms-animation: animate-effectopacity 3s forwards linear;
    animation: animate-effectopacity 3s forwards linear;
}

@-webkit-keyframes animate-effectopacity {
    from {
    background-position: 0 -100px,  0 200px;
}
to {
    background-position: 0 1500px,  0 610px;
}
}@-moz-keyframes animate-effectopacity {
    from {
    background-position: 0 -100px,  0 200px;
}
to {
    background-position: 0 1500px,  0 610px;
}
}@-ms-keyframes animate-effectopacity {
    from {
    background-position: 0 -100px,  0 200px;
}
to {
    background-position: 0 1500px,  0 610px;
}
}@-o-keyframes animate-effectopacity {
    from {
    background-position: 0 -100px,  0 200px;
}
to {
    background-position: 0 1500px,  0 610px;
}
}@keyframes animate-effectopacity {
    from {
    background-position: 0 -100px,  0 200px;
}
to {
    background-position: 0 1500px,  0 610px;
}
}

.tablet-logo {
    border: 0px solid rgba(39, 207, 195, 0.5);
    width: 100%;
    height: 300px;
    position: absolute;
    top: 48%;
    text-align:center;
    margin-top: -150px;
}


.inner-tablet-logo {
	display:none;
}
.slide-txt {
	text-transform: uppercase;
}

.tablet-logo .inner-tablet-logo h3 {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6);
}
.tablet-logo .inner-tablet-logo h1 {
    padding-top: 13px;
    color: #fff;
    font-size:80px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6);
    margin-top: -1px;
}

.banner-txt {
    margin: 0 auto;
    width: 300px;
    top: 50%;
    z-index: 10000;
    position: absolute;
    left: 30%;
    color:#ddd;
}

h1 {
    font-size: 60px;
    font-style: normal;
    font-family: 'Novecento', Arial;
	font-size: 70px;
	letter-spacing: 3px;
	color:#fff;
}

.sub-title {
	font-size:18px;
}
.section-title:before {
    content: '';
    position: absolute;
    top: 155px;
    left: 39.3%;
    width: 60px;
    height: 5px;
    background-color: #000cff;
}
#services .section-title:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 1.2%;
    width: 60px;
    height: 5px;
    background-color: #000cff;
}
#work .section-title:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 1.2%;
    width: 60px;
    height: 5px;
    background-color: #000cff;
}
#blog .section-title:before {
    content: '';
    position: absolute;
    top: 95px;
    left: 1.2%;
    width: 60px;
    height: 5px;
    background-color: #000cff;
}
.tablet-logo .inner-tablet-logo h1+span {
    color: #fff;
    font-size: 13px;
    padding-top: 7px;
    display: block;
    margin-left: 38%;
}

/****** IMAGE OWNER ******/

.photoWrap {
  width: 220px;
  height: 220px;
  position: relative;
  display: inline-block;
}

.photoContainer {
  background-color: #000;
  padding: 10px;
  width: 200px;
  height: 200px;
  border-radius: 110px;
}

.photo {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 100px;
  position: relative;
  z-index: 2;
  margin-top: 1px;
}

.photo img {
  height: 180px;
  width: auto;
  margin-top: -1px;
}

.photoTab {
  background: #000;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 55px;
  left: 155px;
  z-index: 1;
  -moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}

.photoText {
  text-align: left;
  position: absolute;
  top: 50px;
  left: 250px;
  width: 300px;
}

.photoText h2 {
  display: inline-block;
  margin: 0;
  color: #fff;
  border-bottom: 1px dotted #fff;
  margin-bottom: 5px;
}

.credits {
  margin-top: 100px;
  background: #f7f7f7;
  padding: 10px;
}


@-webkit-keyframes slide {
  from {
      -webkit-transform: translateY(0px);
  }
  to {
      -webkit-transform: translateY(15px);
  }
}
@-moz-keyframes slide {
  from {
      -moz-transform: translateY(0px);
  }
  to {
      -moz-transform: translateY(15px);
  }
}
@-o-keyframes slide {
  from {
      -o-transform: translateY(0px);
  }
  to {
      -o-transform: translateY(15px);
  }
}
@keyframes slide {
  from {
      transform: translateY(0px);
  }
  to {
      transform: translateY(15px);
  }
}
.photoWrap.float {
  -webkit-animation: slide 4s linear infinite;
  -webkit-animation-direction: alternate;
  
  -moz-animation: slide 4s linear infinite;
  -moz-animation-direction: alternate;
  
  -o-animation: slide 4s linear infinite;
  -o-animation-direction: alternate;
  
  animation: slide 4s linear infinite;
  animation-direction: alternate;
}

/********* MENU  ********/
h1.logo {
	font-size:35px;
	color:#fff;
	margin:0;
}
.site-header {
    height: 70px;
    position: absolute;
    width: 100%;
    z-index: 99999;
}
.f-nav{position:fixed;top:0;z-index:99999;}
.header-inner {
    width: 100%;
    position: relative;
    z-index: 999;
    background-color: rgba(255,255,255,.2);
    
}
.header-inner .brand {
    padding: 12px 0;
    position: relative;
    top: 0;
    z-index: 2;
    float:left;
}
.header-inner .brand a {
    display: block;
    white-space: nowrap;
    height: 100%;
}
.header-inner .brand a img {
    max-width: 100%;
    max-height: 100%;
}
.main-nav {
    position: relative;
    z-index: 2;
    padding-top: 20px;
}

.main-nav>ul {
    margin: 0 -15px;
}

.main-nav ul {
    position: relative;
	float:right;
}
.main-nav ul li {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    position: relative; 
    display:inline-block;
}

.nav>li {
    position: relative;
    display: block;
}
.main-nav ul li a {
    color: #fff;
    padding: 13px 15px 13px 15px;
    display: block;
    border-top: 1px solid #e8e8e8;
    position: relative;
    background-color: transparent!important;
}

.main-nav ul li li {
    margin-left: 30px;
}
.main-nav ul li a.active {
    color:#b9b9b9;
    border-top: 1px solid #000;
}

.main-nav ul li ul.sub-menu {
    z-index:1;
    visibility:hidden;
    opacity:0;
    margin-top:10px;
    filter:alpha(opacity=0);
    -webkit-transition:500ms ease;
    -moz-transition:500ms ease;
    -o-transition:500ms ease;
    transition:500ms ease;
}
.main-nav ul li li {
    min-width: 150px;
    margin-left: 0;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: 0px solid #e8e8e8;
}
.main-nav ul li ul li:last-child {
    border-bottom: 1px solid #e8e8e8;
}
.main-nav ul li ul {
    background-color: #000cff;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    text-align: left;
    position: absolute;
    top: 100%;
    padding:0;
    right: 0;
}
.main-nav ul li a.link-submenu:hover + .sub-menu, .main-nav ul li ul:hover{
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}
.main-nav ul > li > a:first-child:hover{
	color:#000!important;
}
.main-nav ul li a .sub-toggle {
	display:none;
}

/********  MENU MOBILE *********/

.nav-toggle {
	display:none;
}


/********  ABOUT *********/
.about-content {
	color:#fff;
	z-index: 9999;
    position: relative;	
    background-color:#000;
}
.about-content h1 {
	font-family: 'Novecento', Arial;
	letter-spacing: 3px;
    text-transform: uppercase;
    margin-top:160px;
    text-align: center;
}

.info-cube {
	margin-bottom:70px;
}
.about-content .about-sub-txt{
	margin:40px 0 100px 0;
	font-size: 22px;
	text-align: center;
}

#owl-demo .item{
  margin: 1px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.about-content .light p {
	margin-top:80px;
}
.light a.btn-portfolio {
	font-family: 'Novecento', Arial;
	padding:10px;
	border:2px solid #e2e2e2;
	color:#000cff;	
}

.item .work-info {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    padding: 0px 10px;
    text-align: center;
    height: 100%;
    width: 100%;
    font-size: 11px;
    top: 0px;
    left: 0px;
    color: #fff;
    font-family: 'Novecento', Arial;
}
.item .work-info p{
    font-family: quicksand regular;
    font-size: 16px;
    color: #000;
}
.vert-center .link-i {
	color: #fff;
	padding:10px;
	background-color:#000;
	font-size: 18px;
	border-radius:100%;
}
.vert-center .link-i:hover {
	color: #000;
	background-color:#fff;
	cursor: pointer;
	
}
.item:hover .work-info{
	opacity: 0.8;
	background-color: #000cff;
}


#section2 {
    background: url(../images/background1.jpg) no-repeat center center fixed;
    height:40%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.content-color {
	background-color:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
}
#section2 .content-counter {
	margin-top:50px;
}
#section2 .col-md-3 p {
	text-align:center;
	color: #fff;
}
.counter {
	font-family: 'Novecento', Arial;
	color: #fff;
	font-size: 60px;
	margin-top:70px;
}
.counter .perc {
	color:#000cff;
}

/******* TEAM ***********/
.team-content h1 {
    margin-top: 80px;
}
.team-content {
	margin-bottom:100px;
}
.team-content .section-title:before {
    top: 70px;
    left: 36.5%;
}

				

/******** CULTURE  ******/

#culture {
	background-color:#000;
	color:#fff;
	margin-bottom: 100px;
	margin-top: 100px;
}
#culture h1 {
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 40px;
}

.content-accordion {
	padding-right:0;
	margin-right:0;
}
.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	font-family: 'quicksand regular', Arial, sans-serif;
	font-weight: 500;
	padding: 0px 20px 10px 20px;
	position: relative;
	z-index: 20;
	display: block;
	border:1px solid #000cff;
	height: 40px;
	cursor: pointer;
	color: #fff;
	line-height: 33px;
	font-size: 19px;
	background: #000;
}
.ac-container label:hover{
	background: #000;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #000;
	color: #fff;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: #000;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #fff;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}



.customer-quote ul li {
	display:inline-block;
}
.customer-quote ul{
	text-align:center;
	margin:0 auto;
}
.customer-quote .fa-quote-left {
	color:#000cff;
	margin-right:5px;
}
.customer-quote .fa-quote-right {
	color:#000cff;
	margin-left:5px;
}
.customer-quote p {
	display:inline-block;
	text-align: center;
}

.customer-title {
	text-align:center;
	margin-bottom:20px;
}

/******* SERVICES *******/
#services {
    margin-bottom: 100px;
	padding-top: 100px;
	color:#fff;
}
#services .sub-title{
    margin-bottom: 70px;
    text-transform: uppercase;
}
.service {
    position: relative;
    margin-bottom: 30px;
}
.service-icon {
    float: left;
    position: relative;
    z-index: 0;
    margin-right: 15px;
}
.service-info {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.service-name {
    margin-top: 7px;
    margin-bottom: 20px;
}
.service-icon i.fa {
    position: relative;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    color: #000cff;
}
.service-icon i.show-icon {
	z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 144px;
    height: 144px;
    line-height: 144px;
    font-size: 144px;
    color: #0c0c0c;
}

.row-second {
	margin-top:20px;
}

/***** PRALLAX SERVICES  *****/

#parallaxservices {
    background: url(../images/background4.jpg) no-repeat center center fixed;
    height:50%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***** PRALLAX SERVICES 2 *****/

#parallaxservices2 {
    background: url(../images/33.jpg) no-repeat center center fixed;
    height:50%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***** PRALLAX SERVICES 3 *****/

#parallaxservices3 {
    background: url(../images/parallax3.jpg) no-repeat center center fixed;
    height:50%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallaxservices2 h3 {
	text-align:center;
	font-family:'Novecento', Sans-Serif;
	color:#fff;
	margin-top:20px;
	font-size:30px;
	font-weight: 400;
	margin-bottom: 5px;
}
.pricing {
	background-color:rgba(0,0,0,0.6);
	border:1px solid #000cff;
	height:100%;
	color:#fff;
	text-align:left;
	margin-top:70px;
	-webkit-transition: all 0.3s linear;  
	   -moz-transition: all 0.3s linear;
          transition: all 0.3s linear;
	-webkit-transform: scale(1);  
	   -moz-transform: scale(1);
      -ms-transform: scale(1);  
          transform: scale(1);   
}
.pricing:hover{
	-webkit-transform: scale(1.1); 
	  -moz-transform: scale(1.1); 
      -ms-transform: scale(1.1);  
          transform: scale(1.1);  
}
.pricing .line {
	text-align:center;
	width:100%;
	margin-bottom:20px;
}
#parallaxservices2  .pricing h3.serv-price {
	font-size:50px;
	margin-bottom:20px;
}
.pricing h3.serv-price span{
	font-size:16px;
	font-family: 'quicksand regular', verdana, Arial, sans-serif;
}
.pricing ul li {
    list-style-type: none;
    text-align:left;
    margin-bottom:10px;
}
#parallaxservices3 .col-md-4:first-child{
	padding-left:0;
}
#parallaxservices3 .col-md-4:last-child{
	padding-right:0;
}
.mbYTP_wrapper {
	position: absolute; 
	z-index: 0; 
	min-width: 100%; 
	min-height: 100%; 
	left: 0px; 
	top: 0px; 
	overflow: hidden; 
	opacity: 0;
}
.YTPOverlay {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}
#video {
	height:350px;
}
.section-title-video {
	background-color:rgba(0,0,0,0.5);
	padding-bottom:30px;
}
.section-title-video h2, .section-title-video p{
	color:#fff;
}
/******* WORK *******/
#work {
    margin-bottom: 100px;
	padding-top: 100px;
	color:#fff;
}
#work .sub-title{
    margin-bottom: 70px;
    text-transform: uppercase;
}
.filter-buttons {
    padding: 0 0 32px;
    margin-bottom: 0;
}
.filter-buttons li.active {
    border: 2px solid #000cff;
    background: #6cd8d4;
    color: #000;
}
.filter-buttons li {
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    border: 2px solid #000cff;
    color: #fff;
    background-color:#000cff;
    text-decoration: none;
    padding: 5px 10px;
    font-family: 'Open sans',Sans-Serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.grid {
    list-style: none;
    width: 100%;
    padding: 0px;
}
.grid li {
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 0px 0px 2px 2px;
}

/* Caption Style 6 */
#Grid:after{
	content: '';
	display: inline-block;
	width: 100%;
}
#Grid .mix{
	display: none;
}
.grid li {	
	max-width:100%;
}

.grid li figure > img {
	display: block;
	position: relative;
	overflow:hidden;
    -webkit-transition:all 500ms linear; 
       -moz-transition:all 500ms linear; 
         -o-transition:all 500ms linear; 
        -ms-transition:all 500ms linear; 
            transition:all 500ms linear;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2c3f52;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
}
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}


.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.view {
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view .mask .link-i {
	color: #fff;
	padding:10px;
	background-color:#000;
	font-size: 18px;
	border-radius:100%;
	-webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view .mask .link-i:hover {
	color: #000;
	background-color:#fff;
	cursor: pointer;
	
}
.view img {
   display: block;
   position: relative;
   width:100%;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   font-weight:600;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(255,255,255,0.2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   height:100%;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}

.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view-sixth:hover .link-i {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -o-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateY(-10px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/******* BLOG POST *******/
#fbsection_blog {
    background: url(../images/blog/camera.jpg) no-repeat center center fixed;
    height:30%;
    margin:0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.blog-header {
    z-index: 10000;
    position:fixed;
}
#blog h1{
	margin-top:100px;
}

#blog .col-md-12 {
	box-shadow:0 1px 0 #333;
	padding-bottom:30px;
}
#blog .col-md-12:last-child {
	padding-bottom:80px;
}
.blog-post {
	background-color: rgba(0,0,0,0.6);
    border: 0px solid #000cff;
    height: 100%;
    color: #fff;
    text-align: left;
    margin-top: 80px;   
}
.blog-post-txt {
	color:#fff;
	margin-top:30px;
	margin-bottom:30px;
}
.content-square {
	text-align:center;
	margin:5px auto;
	width:100%;
	top:100px;
	position:absolute;
}
.blog-post .square {
	padding:10px;
	position:relative;
	background-color:#000cff;
	z-index: 200;
	text-align: center;
	vertical-align: middle;
	margin-bottom:20px;
	width:100px;
	height:100px;
	opacity:0.6;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.8);
	box-shadow: 0 1px 1px rgba(0,0,0,0.8);
}
.blog-post .square:last-child {
	margin-bottom:0px;
}
.blog-post .square p {
	margin: 20px auto;
	text-align: center;
	vertical-align: middle;
}
.blog-post-txt .fa {
	color:#333;
}
.blog-post-txt .fa-quote-left {
	margin-right:5px;
}
.blog-post-txt .fa-quote-right {
	margin-left:5px;
}
.blog-post .square:last-child p{
    margin: 30px auto;
}
.blog-post .square:hover{
	opacity:1;
}

/****** BLOG POST 2 *******/

.content-autor {
	width:100%;
	margin-top:10px;
}
.content-autor .bdata{
	float:left;
	margin-right:10px;
	color:#000cff;
}
.bdata .fa {
	margin-right:10px;
	color:#fff;
}
.blog-post2 {
	background-color: rgba(0,0,0,0.6);
    border: 0px dashed #000cff;
    height: 100%;
    color: #fff;
    text-align: left;
    margin-top: 80px;   
}
.read-post {
	padding:10px;
	background-color:#000cff;
	color:#fff;
	border:1px solid #27CFC3;
}
a.read-post:hover {
	background-color:#27CFC3;
	color:#fff;
	border:1px solid #000cff;
}

/*****  SINGLE POST  ****/
.post-author {
	background-color:#000cff;
	border:1px solid #27CFC3;
	color:#fff;
	margin-left:5px;
	padding:5px 0 5px 5px;
	font-size:16px;
}
.single-post .col-md-8 {
	padding-left:5px;
}
.blog-post-right {
	color:#fff;
	margin-top:80px;
	margin-bottom:30px;
}
.blog-post-right h3{
	color:#27CFC3;
	margin-bottom:20px;
}
.blog-post-right i {
	margin-right:5px;
}
.post-tags {
	float:left;
	margin-right:10px;
	text-transform: uppercase;
}
.category-post ul{
	padding:0;
}
.category-post ul li{
	margin-bottom:10px;
	list-style-type: none;
}
.category-post ul li a{
	color:#fff;
}
.category-post ul li a i{
	color:#000cff;
}
#blog .col-md-12.single-post {
	box-shadow:0 0px 0 #333;
}
#blog .col-md-12.single-post .col-md-8{
	padding-bottom:80px;
}
.flickr_badge_image {
    float: left;
    margin: 0px;
}
.flickr_badge_image a {
    border: 3px solid rgba(0, 0, 0, 0);
    display: inline-block;
}

ul.comments-post {
	width:100%;
	margin-top:50px;
	padding-left:0px;
	padding-bottom:50px;
	box-shadow:0 1px 0 #333;
}
ul.comments-post{
	 list-style-type: none;
}
ul.comments-post ul{
	 list-style-type: none;
}
.comments-post .comment-face {
	padding-left:0;
	float:left;
	margin-right:20px;
}
.comment-name {
	font-family: 'Novecento', Arial;
	font-size:16px;
}
h3.comment-number{
	color:#fff;
	margin-bottom:30px;
	font-family: 'Novecento', Arial;
	margin-top:80px;
}
.comment-txt {
	width:100%;
}
.comments-post p{
	color:#fff;
}
ul.comments-post ul.sub-comment {
	margin-left:15%;
	padding:0;
	margin-top:30px;
}
ul.comments-post ul.sub-comment li.first-post {
	box-shadow:0 1px 0 #333;
	padding-bottom:20px;
}
ul.comments-post ul.sub-comment li {
	padding-top:40px;
}

.comment-form .comment-reply-title {
    text-transform: uppercase;
    font-family: 'Novecento', Arial;
    font-size: 20px;
    color:#fff;
}
.comment-form .comment-notes {
	color:#fff;
	margin-bottom:20px;
}

.form-control {
	border-radius: 1px;
	height: 44px;
	margin-bottom:10px;
}
.btn-primary {
	background-color: #000cff;
    border-color: #27CFC3;
    border-radius: 1px;
}
.btn-primary:hover {
	background-color: #27CFC3;
    border-color: #000cff;
}
/******* FOOTER *******/

#footer-outer {
    font-size: 14px;
	color: #ccc;
	position: relative; 
	z-index: 10;
	background-color: #0f0f0e;
}

#footer-outer .hr {
	border-bottom: 1px solid #2b2b2b;
}

.email-form input, .email-form textarea {
    display: block;
    padding: 10px 15px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 13px;
    background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dotted #484848;
    color: #e2e2e2;
    font-family: 'quicksand regular', verdana, Arial, sans-serif;
}
.email-form input:focus, .email-form textarea:focus {
    outline: none;
    border: none;
    background: #484848;
    box-shadow: none;
}
.email-form [type="submit"] {
    width: 120px;
    background: #333;
    border: 2px solid transparent;
    color: #fff;
    border-radius:2px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.email-form .btn:hover, .email-form .btn:active, .email-form .btn:focus {
    border: 2px solid #333;
    color: #fff;
    background: #4d4d4d;
}
#contact_form .success{display:none; font-size:13px;color: #e2e2e2;}
#contact_form .error{display:none; font-size:13px;color: #e2e2e2;}

/***GOOGLE MAPS****/
#map_container {
	width: 100%;
	position: relative;
	margin-top:50px;
	border-color: rgba(111, 111, 111, 0.1);
    border-style: solid;
    border-width: 7px;

}
#map_canvas {
    height: 645px;
    position: relative;
    top: 0px;
    width: 100%;
    
}

#footer-line {
    font-size: 14px;
	padding-top: 10px;
	color: #ccc;
	position: relative; 
	z-index: 10;
	background-color: #000cff;
}

#footer-outer .title {
    text-align:center;
	color: #fff;
	padding-top: 75px;
	margin-bottom: 0px;
	font-family: 'Novecento', Arial;
	letter-spacing: 3px;
}

#footer-outer .txt {
    text-align:center;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 75px;
	margin-bottom: 0px;
}

#footer-outer .row {
	padding: 55px 0px;
	margin-bottom: 0px;
}

#footer-outer .widget h4 {
	color: #fff;
	font-size: 20px;
	font-family: 'Novecento', Arial;
    letter-spacing: 2px; 
    text-transform: uppercase;
	margin-bottom: 20px;
}

#footer-outer .widget {
	margin-bottom: 30px;
}
#footer-outer .widget ul{
	padding:0;
}
#footer-outer .widget ul li{
    list-style-type: none;
}
#footer-outer a {
	color: #ccc;
}

#footer-outer a:hover {
	color: #27CFC3;
}

#footer-outer .nectar-button:hover {
	color: #fff!important;
}

#footer-outer .widget ul li {
	margin-bottom: 7px;
}

#footer-outer #copyright {
	padding: 20px 0px;
	font-size: 12px;
	background-color: #0f0f0e;
	color: #777;
}
ul#social {
	float:right;
}
#footer-outer #copyright li {
	float: left;
	margin-left: 20px;
	list-style-type: none;
}

#footer-outer #copyright .container div:last-child {
	margin-bottom: 0px;
}

#footer-outer #copyright li a, #header-secondary-outer #social li a {
	display: block;
	height: 24px; 
	position: relative;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	background-position: center top;
}

#footer-outer #copyright li a i, #header-secondary-outer #social li a i {
	color: #666666;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#footer-outer #copyright li a i:hover {
	color: #27CFC3;
}

#footer-outer #copyright li a.vimeo, #footer-outer #copyright li a.behance, #header-secondary-outer #social li a.behance, #header-secondary-outer #social li a.vimeo {
	background-color: #666;
}

#footer-outer #copyright li a.vimeo:hover, #footer-outer #copyright li a.behance:hover, #header-secondary-outer #social li a.behance:hover, #header-secondary-outer #social li a.vimeo:hover {
	background-color: #27CFC3;
}

#footer-outer #copyright p {
	margin-top: 3px;	
}

#footer-outer #copyright .col ul {
	float: right;
}

.logo-footer {
	text-align:center;
	margin-bottom:40px;
}



#header-secondary-outer #social .vimeo, #header-secondary-outer #social .vimeo span { background-image: url(img/icons/social/vimeo-header.png); }
#header-secondary-outer #social .behance, #header-secondary-outer #social .behance span { background-image: url(img/icons/social/behance-header.png); }


#footer-outer i, #header-secondary-outer #social i {
	font-size: 20px;
	width: auto;
	background-color: transparent!important;
}

#footer-outer #copyright i.icon-be {
	font-size: 24px;
}

#header-secondary-outer #social li .icon-be {
	font-size: 18px!important;
}

/***************** Flickr widget ******************/

#footer-outer .col #flickr > div img {
	background-color: #444;
	border-color: #4d4d4d;
}

#footer-outer .col #flickr > div a:hover img {
	border-color: #616161;
	background-color: #616161;
}


#footer-outer .col .widget_recent_entries span, #footer-outer .col .recent_posts_extra_widget .post-widget-text span {
	display: block;
	line-height: 17px;
	color: #999;
	font-size: 11px;
	margin-bottom: 6px;
}

#footer-outer #footer-widgets .col ul li {
	padding: 8px 0px;
	list-style: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #444;
}

#footer-outer #footer-widgets .col ul li:first-child {
	padding-top: 0px!important;
}

#footer-outer #footer-widgets .col ul li:last-child {
	margin-bottom: 0px;
	border-bottom: 0px!important;
}

#footer-outer #footer-widgets .col p {
	padding-bottom: 20px;
}

#footer-outer #footer-widgets .col p:last-child {
	padding-bottom: 0px;
}