/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Prisma.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 27th Jul 2016*/
/* Author: Creantz.*/
/* Website: http://www.creantz.net */
/* Copyright: (C) 2016 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER STYLES*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body
{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; 
}
body{
	font-weight:500;
	/*overflow-x:hidden !important; */
}

a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}

.ease{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.ease:hover{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.text-center > .img-responsive{
	display: block;
	display: inline-block;
}

p{
	font-size: 14px;
	line-height:21px;
	font-weight: 400;
}
h1,h2,h3,h4,h5,h6,p,a,ul,li{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
li {
	list-style: none;
}




/*--------------------------------------------------------------------------------*/
								/*Common Spacing and Padding*/
/*--------------------------------------------------------------------------------*/

.add-top{
	margin-top: 140px;
}
.add-bottom{
	margin-bottom: 140px;
}
.add-top-half{
	margin-top: 70px;
}
.add-bottom-half{
	margin-bottom: 70px;
}
.add-min-top-half{
	margin-top: 40px;
}
.add-min-bottom-half{
	margin-bottom: 40px;
}
.add-min-top-quarter{
	margin-top: 20px;
}
.add-min-bottom-quarter{
	margin-bottom: 20px;
}
.pad-top{
	padding-top: 140px;
}
.pad-bottom{
	padding-bottom: 140px;
}
.pad-top-half{
	padding-top: 70px;
}
.pad-bottom-half{
	padding-bottom: 70px;
}
.pad-min-top-half{
	padding-top: 40px;
}
.pad-min-bottom-half{
	padding-bottom: 40px;
}
.pad-min-top-quarter{
	padding-top: 20px;
}
.pad-min-bottom-quarter{
	padding-bottom: 20px;
}
.pad-bottom-content {
	padding-bottom: 15px;
}

.no-padding{
	padding: 0;
}

.no-pad-bottom {
	padding-bottom: 0;
}

.display-none {
	display: none;
}

/*--------------------------------------------------------------------------------*/
								/* Common Objects */
/*--------------------------------------------------------------------------------*/

.float-clear{
	clear: both;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center, .align-center{
	text-align: center;
}
.vertical-align{
	position: relative;
	top: 50%;
	 -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.horizontal-align{
	position: relative;
	left: 50%;
	 -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.trans-bg{
	background: transparent;
}
.video-bg.player, .bgplayer{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover !important;
    position: absolute;
    z-index: 0;
}
.video-overlay{
	background-image: url(../images/pattern-bg.png);
	background-position: center center; 
	background-repeat: repeat;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,.5);
}
.prisma-video-section .play-pause-svg{
	position: absolute;
	z-index: 200;
	top: 50px;
	right: 50px;
}
.video-content-wrap{
	position: relative;
	z-index: 2
}
.section-bgimg {
	background-position: center center;
	background-size: cover;
}
.static-position {
	position: static;
}
.img-fullwidth {
	width: 100%;
}

.fullwidth {
	width: 100%;
}

.fullheight {
	height: calc(100vh);
}

.fullheight-and-onefourth {
	height: calc(100vh + 25vh);
}

.uppercase {
	text-transform: uppercase;
}

.bold-font {
	font-weight: 700;
}

.normal-font {
	font-weight: 400;
}

.background-fixed {
	background-attachment: fixed;
}
.covered-bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.animated-bg{
	background-position: 0 0;
	background-repeat: repeat-x;
	background-attachment: fixed;
	animation: animatedBackground 13s linear infinite;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
img.img-responsive{
	display: inline-block;
}
.prisma-button{
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 4px;
	padding: 12px;
	padding-left: 16px;
	border:2px solid;
	margin: 5px;
	display: inline-block;
	transition:all 0.4s ease;
	 -moz-transition:all 0.4s ease;
	  -webkit-transition:all 0.4s ease;
	   -o-transition:all 0.4s ease;
	    -ms-transition:all 0.4s ease;
}
.prisma-button.outline-style{
	background: transparent;
}

/*-------------------------------*/
	/*Preloader Style*/
/*-------------------------------*/

body.preloader-running{
    overflow: hidden;
}
div#preloader {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#status  {
     width: 200px;
     height: 200px;
     position: fixed;
     left: 50%;
     top: 50%;
     background-image: url(../images/loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.slider-overlay{
	opacity: 0.8;
	position: absolute;
	z-index: 0;
}
div.vegas-body-bg-slider {
  position: absolute !important;
  z-index: -1;
}
.prisma-page-section{
	position: relative;
}
/*-------------------------------*/
	/*Non-Sticky Navigation Style*/
/*-------------------------------*/

.top-float{
	height: 10px;
}
.non-sticky-menu{
	position: absolute;
	z-index: 5;
}

/*-------------------------------*/
	/*Sticky Navigation Style*/
/*-------------------------------*/
.sticky-nav{padding: 20px 0px; position: fixed; z-index: 996;  background: #FFF; width: 100%; top: 0px; left: 0px; border-bottom: #673653 solid 1px; display: none;}
.logo-holder{width: auto; height: 40px; float: left;}
.sticky-menu{width: auto; min-width: 10px; float: right; text-align: right; padding-top: 10px;}
.sticky-menu li{display: block; float: left; text-align: left; margin-right: 25px;}
.sticky-menu li:last-child{margin-right: 0px;}
.sticky-menu li a{color: #b4b4b4; text-transform: uppercase; font-weight: 100; font-size: 16px; text-decoration: none !important;}
.sticky-menu li a:hover, .sticky-menu li a.active{color: #673653;}
nav li a{ text-transform: uppercase;}

@media screen and (max-width: 815px){
	header{min-height: 10px;}
	.non-sticky-menu{display: none;}
	.sticky-nav{display: block !important;}
}

/*-------------------------------*/
	/*Mobile Navigation Style*/
/*-------------------------------*/
.tinynav { display: none; margin-right:10px;}

/* styles for mobile */
@media (max-width: 782px) {
  
  
  
}
@media (max-width: 550px) {
  
  
}





/*-------------------------------*/
	/*Intro Style*/
/*-------------------------------*/

/*-------------------------------*/
	/*Home 01 Style*/
/*-------------------------------*/
.home-01-bg{
	background-image: url(../images/home/home-01/1.jpg);
}
.intro-content img{
	height: 200px;
}

.intro-content h1.intro-text{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 170px;
	letter-spacing: 2px;
	padding-left: 2px;
}
.intro-01-content h2{
	font-size: 36px;
	letter-spacing: 12px;
	font-weight: 600;
	line-height: 50px;
	margin-top: 40px;
	position: relative;
}
.intro-01-content h2:after{
	content: '';
	position: absolute;
	display: inline-block;
	bottom: -40px;
	width: 100px;
	height: 2px;
	background: #FFF;
	left: 50%;
	transform: translateX(-50%);

}
/*-------------------------------*/
	/*Home 02 Style*/
/*-------------------------------*/
.home-02-bg{
	background-image: url(../images/home/home-02/1.jpg);
}
.intro-02-content img{
	width: 100px;
	height: auto;
}
.intro-02-content h1{
	font-size: 300px;
}


/*-------------------------------*/
	/*Home 03 Style*/
/*-------------------------------*/
.prisma-home-canvas{
	position: absolute;
	top: 0;
	left: 0;
}
.intro-03-content h1{
	font-size: 200px;
	font-weight: 600;
	letter-spacing: 12px;
	
}
.intro-03-content h3{
	letter-spacing: 1px;
}
.intro-03-button-wrap{
	margin-top: 60px;
}


/*-------------------------------*/
	/*Home 04 Style*/
/*-------------------------------*/
.intro-04-slide.slide-01-bg{
	background-image: url(../images/home/home-04/bg1.jpg);
}

.intro-04-slide.slide-02-bg{
	background-image: url(../images/home/home-04/bg2.jpg);
}

.intro-04-slide.slide-03-bg{
	background-image: url(../images/home/home-04/bg3.jpg);
}
.intro-04-slider-wrap .owl-controls{
	position: absolute;
	z-index: 99;
	bottom: 50px;
	width: 100%;
}
.intro-04-slider-wrap .owl-controls .owl-dots .owl-dot span{
	display: inline-block;
	width: 75px;
	height: 5px;
	border-radius: 0 !important;
}
.intro-04-slide-content h1{
	font-size: 105px;
	font-weight: 600;
	line-height: 95px;
}
.intro-04-slide-content h3{
	font-size: 12px;
	letter-spacing: 4px;
	display: inline-block;
	padding: 10px 12px;
	padding-top: 12px;
	margin-top: 20px;
}




/*-------------------------------*/
	/*Home 05 Style*/
/*-------------------------------*/

.home-05-bg{
	background-image: url(../images/home/home-05/bg.jpg);
}
.intro-05-content{
	top: 70%;
}
.intro-05-content h1{
	font-size: 100px;
}
.intro-05-content h3{
	font-size: 32px;
}





/*-------------------------------*/
	/*Home 06 Style*/
/*-------------------------------*/
.intro-06-wrap{
	padding-left: 10%;
	padding-right: 10%;
}

.intro-06-content h1{
	letter-spacing: 3px;
	font-size: 42px;
}

.intro-06-content h4{
	margin-top: 10px;
	font-size: 28px;
	letter-spacing: 1px;
	line-height: 32px;
	position: relative;
}

.intro-06-content h4::after{
	content: "";
	background: #CCC;
	display: inline-block;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -18px;
	left: 0px;
}


.featured-works-container .featured-work-item.size-one-half{
	width: 50%;
}
.featured-works-container .featured-work-item.size-full{
	width: 100%;
}

.featured-works-container .featured-work-item{
	position: relative;
}
.featured-works-container .featured-work-item img{
	width: 100%;
	height: auto;
	opacity: 0.5;
}
.featured-works-container .featured-work-item .featured-work-details{
	position: absolute;
	bottom: 40px;
	left: 25px;
}
.featured-works-container .featured-work-item .featured-work-details h4{
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.featured-works-container .featured-work-item .featured-work-details h1{
	font-size: 28px;
	position: relative;
}
.featured-works-container .featured-work-item .featured-work-details h1::after{
	content: '';
	position: absolute;
	display: inline-block;
	background: #FFF;
	width: 0px;
	height: 2px;
	left: 0;
	bottom: -10px;
	transition:all 0.4s ease;
	 -moz-transition:all 0.4s ease;
	  -webkit-transition:all 0.4s ease;
	   -o-transition:all 0.4s ease;
	    -ms-transition:all 0.4s ease;
}
.featured-works-container .featured-work-item .featured-work-details h1:hover::after{
	width: 100px;
}




/*-------------------------------*/
	/*Home 07 Style*/
/*-------------------------------*/

.home-07-bg{
	background-image: url(../images/home/home-07/bg.jpg);
}
#rain-canvas-container{
	position: absolute;
}
.intro-07-content h3{
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 15px;
}

.overlap-box{
	display: inline-block;
	position: relative;
	border: #FFF solid 5px;
	font-size: 36px;
	letter-spacing: 15px;
	padding: 22px 20px 20px 35px;
	margin-bottom: 50px;
}
.overlap-box::after{
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 15px #FFF solid;
	border-bottom: 15px #FFF solid;
	top: 15px;
	left: 15px;
	width: 100%;
	height: 100%;
}






/*-------------------------------*/
	/*Home 08 Style*/
/*-------------------------------*/

.home-08-bg{
	background-image: url(../images/home/home-08/bg.jpg);
}
.intro-08-content h4{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 30px;
	display: inline-block;
	border-top: #FFF solid 1px;
	padding-top: 18px;
}

.intro-08-content h1{
	margin-bottom: 15px;
	
	font-size: 108px;
	line-height: 108px;
}





/*-------------------------------*/
	/*Home 09 Style*/
/*-------------------------------*/
.intro-09-content h1{
	font-size: 64px;
	font-weight: 600;
	letter-spacing: 4px;
	padding: 15px 24px;
	display: inline-block;
}
.intro-09-content h4{
	margin-top: 20px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 6px;
	display: inline-block;
}

/*-------------------------------*/
	/*Home 10 Style*/
/*-------------------------------*/

.intro-10-content h3{
	font-size: 14px;
	letter-spacing: 10px;
	line-height: 21px;
	font-weight: 400;
	margin-top: 15px;
	display: inline-block;
	padding-left: 10px;
}

.intro-10-content h1{
	display: inline-block;
	font-weight: 600;
	font-size: 36px;
	letter-spacing: 14px;
	padding-left: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.section-heading{ 
	font-size: 80px; 
	line-height: 80px; 
	text-align: center; 
	font-weight: 700; 
	text-transform: uppercase; 
	letter-spacing: 0px; 
	 
}
.page-heading .section-heading{
	display: inline-block; 
	padding: 30px 10px 40px; 
	padding-bottom: 30px;
	border: #673653 solid 1px;
}
.page-heading .section-heading span{ 
	color: #FFF; 
	background: #673653; 
	padding: 10px 20px 20px;
	padding-bottom: 10px;
	display: ruby-base;
}
.sub-title
{
	margin-top: 10px;
	font-size: 18px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}
@media screen and (max-width: 615px){
	.section-heading{font-size: 50px; line-height: 50px;}
}
@media screen and (max-width: 425px){
	.section-heading{font-size: 40px; line-height: 40px;}
}

@media screen and (max-width: 350px){
	.section-heading{font-size: 30px; line-height: 30px;}
}

.promo-txt{
	margin-top: 20px; 
	position: relative; 
	margin-bottom: 27px;  
	padding-bottom: 13px; 
	border-bottom: #673653 solid 1px; 
	text-align: center; 
}
.promo-txt p{
	font-size: 34px; 
	line-height: 41px; 
	text-transform: lowercase; 
	font-weight: 100; 
	color: #673653; 
	padding: 0px 10px;
}

.promo-txt .bottom-arrow{
	border-right: #673653 solid 1px; 
	border-bottom: #673653 solid 1px; 
	background:#FFF; 
	display: inline-block; 
	width:20px; height:20px; 
	position:absolute; 
	left: 50%;  
	bottom:-11px; 
	transform:translateX(-50%) rotate(45deg); 
	-ms-transform:translateX(-50%) rotate(45deg); /* IE 9 */ 
	-moz-transform:translateX(-50%) rotate(45deg); /* Firefox */ 
	-webkit-transform:translateX(-50%) rotate(45deg); /* Safari and Chrome */ 
	-o-transform:translateX(-50%) rotate(45deg); /* Opera */ 
	z-index:1;
}

.sub-heading{
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 2px;
    padding-bottom: 10px;
}
.hero-txt{
	font-size: 20px;
    letter-spacing: 4px;
    line-height: 35px;
    padding-left: 4px;
    font-weight: 600;
}



.play-pause-svg button {
   outline: none;
   border: 0px solid;
   background: transparent;
}

.ytp-play-button {
   opacity: 1;
}

.ytp-play-button:hover {
   cursor: pointer;
   opacity: 1;
}

.prisma-video-section.playing .ytp-play-button {
	opacity: 0;
}

.prisma-video-section.playing:hover .ytp-play-button {
	opacity: 0.3;
}

.prisma-video-section.playing .ytp-play-button:hover {
	opacity: 0.7;
}

.ytp-play-button {
    padding: 0;
    width: 75px;
    height: 75px;
    border: 0;
    background-color: white;
    outline: none;
}

.prisma-video-section .play-pause-svg svg path {
	fill: #fff;
}
.mb_YTPBar{
	display: none !important;
}

/* 04 - PAGES & SECTIONS SETUP*/

/* FEATURES PAGE */
.sti-menu li a h3{
	top: 200px;
}

/* STATISTICS PAGE */

.stat{
	
	text-align: center;
}
.stat .stat-img
{	
	height: 100px;
	
}
.stat .stat-img img
{
	margin-top: 10px;
	width: 70px;
	height: auto;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
.stat:hover > .stat-img > img{margin-top: 0px;}
.stat-number{font-size: 48px; }
.stat-des{ 
	font-size: 12px;
	letter-spacing: 2px;
}






/* ABOUT PAGE */


.progress-circle-item-wrap p{
	margin-top: 20px;
	font-weight: 400;
}
.progress-circle{
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.progress-circle canvas{
	display: block;
	margin: 0 auto;
}
.progress-circle strong{
	font-size: 20px;
	line-height: 27px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.progress-circle-slider.owl-theme .owl-controls{
	display: none;
}



.hexagon img{
	max-height: 300px;
	margin-left: 0%;
}
.team{margin-top: 0px; margin-bottom: 46px;}
.team ul{
padding: 0;

position: relative;
list-style: none;
margin: 0 auto;
margin-top: 30px;
}

.team ul li{
display: inline-block;
position: relative;

animation: thumbs 1.4s linear;
-moz-animation: thumbs 1.4s linear; /* Firefox */
-webkit-animation: thumbs 1.4s linear; /* Safari and Chrome */
-o-animation: thumbs 1.4s linear; /* Opera */
}


@media (min-width: 1200px) {
  	.team ul li:nth-child(5){margin-left: 118px;}
	.team ul li:nth-child(8){margin-left: 236px;}
	.team ul li:nth-child(10){margin-left: 354px;}
	.team ul li{margin-bottom: -30px;}
}




.hexagon.staff01{
	background: url(../images/team/staff01.png) no-repeat center center;
}
.hexagon.staff02{
	background: url(../images/team/staff02.png) no-repeat center center;
}
.hexagon.staff03{
	background: url(../images/team/staff03.png) no-repeat center center;
}
.hexagon.staff04{
	background: url(../images/team/staff04.png) no-repeat center center;
}
.hexagon.staff05{
	background: url(../images/team/staff05.png) no-repeat center center;
}
.hexagon.staff06{
	background: url(../images/team/staff06.png) no-repeat center center;
}

.hexagon.staff07{
	background: url(../images/team/staff07.png) no-repeat center center;
}
.hexagon.staff08{
	background: url(../images/team/staff08.png) no-repeat center center;
}
.hexagon.staff09{
	background: url(../images/team/staff09.jpg) no-repeat center center;
}
.hexagon.staff10{
	background: url(../images/team/staff10.jpg) no-repeat center center;
}
	.team .hexagon:hover{
		background-position: -40px center;
		}

	.hexagon .title{
		position: absolute;
		color: white;
		top: 110px;
		text-align: center;
		z-index: 40000;
		width: 216px;
		opacity: 0;
		filter: alpha(opacity=0);
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-webkit-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		}

	.hexagon .title i{
		padding-top: 5px; 
		font-size: 12px; 
		letter-spacing: 2px; 
		font-weight: 600;
	}
		
	.hexagon.about .title{
		top: 115px;
	}
	
	.hexagon.contact:hover{
		background: #ebebeb;
	}
	.hexagon .title.contact{
		opacity: 1;
		filter: alpha(opacity=100);
		top: 95px;
	}
		.hexagon.contact:hover .title.contact{
			opacity: 0;
			filter: alpha(opacity=0);
			margin-left: 20px;
		}

	.hexagon.contact img{
		transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;

	}
	
	
	
	.hexagon i{
		font-size: 13px;
		font-style: normal;
		font-weight: 100;
		display: block;
		line-height: 16px;
	}

.hexagon:hover div{
	opacity: 1;
	filter: alpha(opacity=100);
}

.hexagon {
    background: Black;
    width: 216px;
    height: 250px;
    position: relative;
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 10px;
    transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
    }

	.hexagon:hover{
/*	    border-radius:220px;
	    margin-bottom: 27px;
	    height: 216px;
*/	}

.hexagon .overlay{
	width: 216px;
	height: 250px;
	position: absolute;
	opacity: .5;
	filter: alpha(opacity=50);
	top: 0;
	left: 0;
	z-index: 99;
	background: #673653;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.hexagon:hover .overlay{
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.hexagon span {
    position: absolute;
    display: block;
    transition: all 0.3s ease;
    border-left: 108px solid white;
    border-right: 108px solid white;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 200;
}

	
	
.hexagon .top {
	opacity: 1;
	filter: alpha(opacity=100);
    top: 0;
    border-bottom: 65px solid transparent;
}
.hexagon .bottom{
	opacity: 1;
	filter: alpha(opacity=100);
    bottom: 0;
    border-top: 65px solid transparent;
    
}





/* Testimonials */

.testimonial{
	text-align: center; 
	color: #F8F8F8; 
}

.testimonial .client-name
{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
	color: #a38697;
	border-top: #a38697 solid 1px;
}

.testimonial .company{
	font-size: 12px; 
	letter-spacing: 1px;
	font-weight: 100; 
	color: #a38697;

}
.testimonial .hexagon{
	float: none;
	display: inline-block;
	overflow: visible;
	opacity: 0.5;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
.testimonial:hover > .hexagon{
	opacity: 0.9;
}
.testimonial .hexagon .top, .testimonial .hexagon .bottom{
	left: -2px;
}

.testimonial-01{
	background: url(../images/testimonials/01.png) no-repeat center center;
	background-size: cover;
}
.testimonial-02{
	background: url(../images/testimonials/02.png) no-repeat center center;
	background-size: cover;
}
.testimonial-03{
	background: url(../images/testimonials/03.png) no-repeat center center;
	background-size: cover;
}
.testimonial-04{
	background: url(../images/testimonials/04.png) no-repeat center center;
	background-size: cover;
}
.testimonial-05{
	background: url(../images/testimonials/05.png) no-repeat center center;
	background-size: cover;
}
.testimonial-06{
	background: url(../images/testimonials/06.png) no-repeat center center;
	background-size: cover;
}



/* Services */
.cbp-ig-grid .cbp-ig-title{
	font-size: 22px;
	letter-spacing: 4px;
}
.cbp-ig-grid .cbp-ig-category{
	margin-top: 12px;
}



/* Portfolio */

.works-filter-panel{
  padding-bottom: 80px;
}
.works-filter-wrap{
}
.filter-notification{
    margin-left: 10px;
}
.filter-notification{
    font-size: 14px;
}
.works-filter{
  list-style: none;
  padding: 0;
  margin: 0;
}
.works-filter li{
  display: inline-block;
  margin-bottom: 5px;
}
.works-filter li a{
  font-size: 14px;
  line-height: 21px;
  padding: 12px;
  display: inline-block;
}
.works-container{
    padding: 0;
 
  overflow: hidden;
}
.works-filter li:last-child:after{
    display: none;
}

 .works-item{
  overflow: hidden;
 }
 .works-item a{
            opacity: 0;
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: 100;
            text-align: center;
            text-decoration: none !important;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-item a:hover{
            text-decoration: none !important;
            opacity:1;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .info a:hover{
            cursor: url("../images/plus.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .zoom a:hover{
            cursor: url("../images/zoom.png") 40 40, crosshair;
            -webkit-transition: all .4s ease-in-out;
               -moz-transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                 -o-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
        }
        .works-item-inner{
            text-align: left;
            padding: 0 100px;
        }
        .works-thumbnails-view{
          
        }
        .works-thumbnails-view .works-item-inner{
            text-align: left;
            padding: 40px;
        }
        .works-thumbnails-view .works-item-inner p > span {
            font-size: 14px;
            letter-spacing: normal;
            line-height: 21px;
            margin-top: 0;
            border-bottom: solid 5px;
            padding-bottom: 5px;
            text-transform: none;
        }
        .works-item-inner h3 > span{ 
            font-size: 12px;
            letter-spacing: normal;
            line-height: 19px;
            text-transform: none;
            margin-bottom: 5px;
            border-bottom: solid 2px;
            font-weight: 200;
        }
        .works-item-inner p > span{  
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 8px;
            margin-top: 0px;
            text-transform: uppercase;
        }
        .works-item a:hover 
        .works-item-inner h3{ 
        }
        .works-item a:hover 
        .works-item-inner p{  
        }

.works-item-fade{
  opacity: 0.1;
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}

.works-item-fade a{
  display: none !important;
}
.works-masonry-container{
 
}
.works-masonry-container .works-item-one-third {
  margin: 0 !important;
  padding: 0 !important;
  width: 33.3% !important;
}
.works-masonry-container .works-item-two-third {
  margin: 0 !important;
  padding: 0 !important;
  width: 66.6% !important;
}
.works-masonry-container .works-item-one-half {
  margin: 0 !important;
  padding: 0 !important;
  width: 50% !important;
}
.works-masonry-container .works-item-one-fourth {
  margin: 0 !important;
  padding: 0 !important;
  width: 25% !important;
}
.works-masonry-container .works-item-full-width {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.works-masonry-container .works-item-one-third-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 31.3% !important;
}
.works-masonry-container .works-item-one-half-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 48% !important;
}
.works-masonry-container .works-item-two-third-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 64.6% !important;
}
.works-masonry-container .works-item-one-fourth-spaced{
  margin: 1% !important;
  padding: 0 !important;
  width: 23% !important;
}


/* 6. Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Portfolio Isotope 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: -o-transform, opacity;
    transition-property: transform, opacity;
}

.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;
}




/* PROMO PAGE */
#promo.prisma-page-section{
	background-image: url(../images/promo-bg.jpg);
}
.promo-text-wrap h3{
	font-size: 42px;
	line-height: 60px;
}
.cd-headline.clip .cd-words-wrapper, .cd-headline.clip .cd-words-wrapper b{
	width: auto;
	padding: 0px;
}




/* BLOG PAGE */
.blog-masonry-container{
	padding-left: 100px;
	padding-right: 100px;
}
.blog-masonry-container .blog-item-one-fourth-spaced{
  margin: 1.1% !important;
  padding: 0 !important;
  width: 20% !important;
}

.blog-item{
  overflow: hidden;
}
.blog-item .blog-image-wrapper{
	position: relative;
}
.blog-item .blog-image-wrapper img{
	width: 100%;
	height: auto;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.blog-item .blog-image-wrapper .blog-image-overlay{
	width: 100%; 
	height: 100%;
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.blog-masonry-container .blog-item:hover > .blog-image-wrapper .blog-image-overlay{
	opacity: 0;
}

.blog-masonry-container .blog-item .blog-item-content-wrap{
	padding: 25px;
}
.blog-masonry-container .blog-item .blog-item-content-wrap h1.blog-item-main-title{
	font-size: 20px;
	line-height: 27px;
	margin-bottom: 10px;
}
.blog-masonry-container .blog-item .blog-item-content-wrap h3{
	font-size: 14px;
	line-height: 21px;
	border-bottom:#CCC solid 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.blog-masonry-container .blog-item .blog-item-attrs .post-link a i:before{
	font-size: 25px;
	transform: translate(7px, 4px);
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.blog-masonry-container .blog-item .blog-item-attrs .post-link a:hover i:before{
	transform: translate(17px, 4px);
}


.blog-masonry-container .blog-item .blog-item-attrs .post-link{
	float: left;
}
.blog-masonry-container .blog-item .blog-item-attrs .comments-count{
	float: right;
	transform: translateY(5px);
}



/* SOCIAL ICONS */

.social-icons a.social-icon{
	display: inline-block;
	border: 2px solid #FFF;
	color: #FFF;
	margin-right: 20px;
	text-align: center;
	width: 80px;
	height: 80px;
	font-size: 30px;
	background: transparent;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.social-icons a.social-icon span::before{
	transform:translateY(50%);
}




/* CONTACT PAGE */
.map-wrap{
	position: relative;
}
.map-wrap #prisma-map {
	height: 500px;
}
.map-wrap .over-map-contents{
	position: absolute;
	z-index: 99;
	top: 50%;
	transform:translateY(-50%);
	left: 15%;
}
.map-wrap .over-map-contents .map-content-item{
	display: inline-block;
	padding: 0px 10px;
	font-size: 36px;
	margin-bottom: 7px;
}

#contactForm input, #contactForm textarea
{
	border-radius:0px;
	padding: 14px 12px 10px 12px; 
	font-size: 20px; 
	transition: all .5s ease-out; 
	-webkit-transition: all .5s ease-out; 
	-moz-transition: all .5s ease-out; 
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	background: none;
	margin-top: 10px;
	box-shadow: none !important;
	
}

#contactForm .txt-input{height: 50px;}
#contactForm textarea{ height: 188px;resize:none;}
@-moz-document url-prefix(){
   #contactForm textarea{ height: 177px;resize:none;}
}
#contactForm .button:hover{ color: #FFF; text-shadow:0px;}
.contact_web_url{
	display: none;
}



/* ===================================*/
/* 04 - FOOTER STYLES */
/* ===================================*/
footer{
	width:100%; 
	padding-top:50px; 
	
}
.foot-link{
	text-align:center; 
	padding-bottom:50px;
}
.foot-link .heading{
	font-size: 20px; 
	letter-spacing: 1px; 
}
.foot-link span{
	text-transform:uppercase; 
	font-size:12px; 
}
.foot-link span + .clear{
	margin-bottom: 20px;
}
.foot-link a span{
	font-size:40px; 
	text-decoration: none !important;
}
.foot-link a:hover span{
	color:#FFF; 
	text-decoration:none;
}

.credits{
	width:100%; 
	padding:25px 0px; 
	text-align:center; 
	text-transform:uppercase; 
	font-size:12px;
	letter-spacing: 2px;
}