/* Defalt CSS */
html{
    height:100%;
}
body {
    background: none repeat scroll 0 0 #FAFAFA;
    color: #ffffff;
    font-family: 'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    height:100%;
    /*overflow:auto;
    -webkit-overflow-scrolling: touch;
    position:relative;*/
}
a{
	color:#fb5b45;
	text-decoration:none;
	outline:none !important;
}
a:hover{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}
.main-content{
  /*overflow: auto;
  position:relative;
  top: 0; 
  height: 100%; 
  width: 100%;
  z-index:9999;*/
  
}
.main-bg-color{
	background-color:#fb5b45 !important;
}
.clearfix {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
.bl-spacer {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
.default-anchor{
	top:-80px;
	display: block;
	height: 0;
	overflow: hidden;
	position: relative; 
	visibility: hidden;
	width: 0;
}
/* BEGIN STYLE PAGES */
/*loading page*/
#loaddingOverlay {
    background-color: #3d3d3d;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#jpreOverlay {
	background-color: #3d3d3d;
}
#jpreLoader{
	width:100%;
	height:115px;
}
.loading-logo{
	background:url(../images/loading2.png) no-repeat top center;
	height:115px;
}
#jpreBar {
	
}
#jpreBar span{
	display:block;
	background:url(../images/loading1.png) bottom left;
	height:8px;
}
/*loading page */
/*site-slideshow */
#home-text-slideshow {
    background-attachment: fixed;
    background-image: url("../images/slideshow1.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}
.home-text-slideshow-inner {
    position: relative;
    vertical-align: middle;
    z-index: 3;
}
.home-text-slideshow-wraper{
	 width: 100%;
    overflow: hidden;
}
.home-text-slideshow-slides {
    position: relative;
	width: 100%;
}

.home-text-slideshow-slide {
    width: 100%;    
    float: left;
}
/*********
 * WORKS *
 *********/
.site-works {
	background-color: #303030;
}

/* Filter */
.site-works .filters {
    text-align: center;
    margin-bottom: 50px;
}
.site-works .filters ul {
    padding: 0;
    margin: 0;
}

.site-works .filter {
    display: inline;
    cursor: pointer;
    border: 1px solid #464646;
    background-color: #3e3e3e;
    padding: 5px 10px;
    margin: 0 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.site-works .filter:hover {
    border: 1px solid #FB5B45;
}

.site-works .active {
    background-color: #FB5B45;
}

/* Grid */
.site-works .grid-wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.site-works .grid {
    margin-left: -3px;
    margin-right: -3px;
    font-size: 0; /* fix float = none */
    line-height: 0; /* fix float = none */
}

.site-works figure {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
    display: none; /* mixitup effect */
    float: none; /* fix mixitup height animation */
    font-size: 13px; /* set font size */
    line-height: 22px; /* set line height */
}

.site-works figure img {
    width: 100%;
    height: auto;
    /*-webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: gray; filter: grayscale(100%); 
    filter: url(../images/grayscale.svg#greyscale);*/
}

.site-works figcaption {
    position: absolute;
    background-color: #FB5B45;
    text-align: center;
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    margin:0; 
    height:auto; 
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.site-works figcaption:hover {
    opacity: 1;
}

.site-works .table {
    display: table;
    width: 100%;
    height: 100%;
}

.site-works .table-cell {
    display: table-cell;
    vertical-align:middle;
}

.site-works .title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;    
}

.site-works figcaption:hover .title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.site-works .line {
    border-top: 1px solid #FFFFFF;
    height: 1px;
    width: 80px;
    margin: 10px auto 3px auto;
}

.site-works .terms {
    padding: 5px 0 10px 0;
    margin: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
}

.site-works figcaption:hover .terms {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.site-works .terms  li {
    display: inline-block;
}

.site-works .terms li + li:before {
    content: '/';
    padding-right: 3px;
}

/* 3D Effect */
/* Credit: http://tympanus.net/codrops/2014/03/27/3d-grid-effect */
.noscroll {
    overflow: hidden;
}

.site-works .grid-wrap {
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.site-works .grid {
    position: relative;
    -webkit-transition: all 0.65s linear;
    transition: all 0.65s linear;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.site-works .view-full .grid {
    -webkit-transform: translateZ(-1500px);
    transform: translateZ(-1500px);
}

.site-works .grid .placeholder {
    width: 25%;
    height: 25%;
}

.site-works .grid figure {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.site-works .grid figure.active {
    opacity: 0;
}

.site-works .grid .placeholder {
    pointer-events: none;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.65s linear;
    transition: all 0.65s linear;
}

.site-works .placeholder > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.site-works .placeholder .front img {
    width: 100%;
    height: 100%;
}

.site-works .placeholder .back {
    background: white;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.site-works .view-full .placeholder {
    -webkit-transition: all 0.65s 0.1s linear;
    transition: all 0.65s 0.1s linear;
}

.site-works .vertical .view-full .placeholder {
    -webkit-transform: translateZ(1500px) rotateX(-179.9deg);
    transform: translateZ(1500px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */
}

.site-works .horizontal .view-full .placeholder {
    -webkit-transform: translateZ(1500px) rotateY(-179.9deg);
    transform: translateZ(1500px) rotateY(-179.9deg);
}

.site-works .grid figure img {
    display: block;
    width: 100%;
}

.site-works .content,
.site-works .loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Careful, does not work in IE < 11 http://caniuse.com/#search=pointer-events */
}

.site-works .content {
    overflow-y: scroll;
    height: 0; /* What seems to be the problem, officer? Well, we have a second scroll bar in Chrome! */
    background: #fff;
    visibility: hidden;
    z-index: 400;
    -webkit-overflow-scrolling: touch;
}

.site-works .loading {
    opacity: 0;
    z-index: 1;
    color: #FB5B45;
    font-size: 3em;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    text-align: center;
}

.site-works .loading.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.site-works .content.show {
    height: auto;
    pointer-events: auto;
    visibility: visible;
}

.site-works .content > div {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    background: #fff;
}

.site-works .content > div.show {
    height: auto;
    opacity: 1; 
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.site-works .close-content {
    position: fixed;
    z-index: 1000;
    top: 20px;
    right: 7px;
    font-size: 1.5em;
    background-color: #FB5B45;
    color: #fff;
    cursor: pointer;
    pointer-events: none;
    padding: 3px 5px;
    margin: 10px 25px 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.site-works .close-content:hover {
    
}

.site-works .content > div.show ~ .close-content {
    opacity: 1;
    pointer-events: auto;
}

/* content */
.site-works .content-img,
.site-works .content-title,
.site-works .content-detail,
.site-works .content-text {
    max-width: 1170px;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    padding: 0 15px;
}

.site-works .vertical .content-img,
.site-works .vertical .content-title,
.site-works .vertical .content-detail,
.site-works .vertical .content-text {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.site-works .content > div.show .content-img,
.site-works .content > div.show .content-title,
.site-works .content > div.show .content-detail,
.site-works .content > div.show .content-text {
    opacity: 1;
}

.site-works .vertical .content > div.show .content-img,
.site-works .vertical .content > div.show .content-title,
.site-works .vertical .content > div.show .content-detail,
.site-works .vertical .content > div.show .content-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.site-works .content-text:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.site-works .content-text:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.site-works .content-img {
    margin: 30px auto;
    position: relative;
}

.site-works .content-img img {
    width: 100%;
    height: auto;
}

.site-works .content-title {
    color: #FB5B45;
    margin: 0 auto;
    font-weight: 600;
    font-size: 26px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.site-works .content-detail {
    margin: 0 auto;
    padding: 0;
}

.site-works .content-detail-left,
.site-works .content-detail-right {
    padding: 0;
    margin: 0;
    color: #3D3D3D;
}

.site-works .content-detail-right {
    margin-top: 10px;
}

.site-works .content-text {
    text-align: left;
    margin: 0 auto;
    padding: 10px 15px;
}

.site-works .content-text:last-child {
    padding-bottom: 10px;
}

.site-works .content-label {
    color: #FB5B45;
    text-transform: uppercase;
    width: 65px;
    display: inline-block;
}

.site-works .content-colon {
    color: #FB5B45;
    display: inline-block;
    width: 10px;
}

.site-works .content-field {
    text-transform: uppercase;
    display: inline-block;
}

.site-works .content-field ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.site-works .content-field li {
    display: inline-block;
}

.site-works .content-field li + li:before {
    content: "/";
    padding-right: 5px;
}

.site-works .content-quote-title {
    color: #FB5B45;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 1.3em;
}

.site-works .content-quote-person {
    color: #FB5B45;
    margin-top: 20px;
}

/* Works images swiper */
.site-works .swiper-work-imgs {
    overflow: hidden;
}

.site-works .swiper-work-imgs .swiper-slide {
    width: 100%;
    float: left;
}

.site-works .work-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.site-works .work-pagination .swiper-pagination-switch {
   width: 15px;
   height: 15px;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background-color: #FFFFFF;
}


/* Simple fallback */
/* if any of these are not supported, a simple fallback will be shown */
.no-pointerevents .content,
.no-csstransforms3d .content,
.no-csstransitions .content,
.no-pointerevents .content > div,
.no-csstransforms3d .content > div,
.no-csstransitions .content > div,
.no-pointerevents .close-content,
.no-csstransforms3d .close-content,
.no-csstransitions .close-content {
    opacity: 1;
    visibility: visible;
    display: none;
    height: auto;
}

.no-pointerevents .show .close-content,
.no-csstransforms3d .show .close-content,
.no-csstransition .show .close-content,
.no-pointerevents div.show,
.no-csstransforms3d div.show,
.no-csstransitions div.show,
.no-csstransitions .dummy-img,
.no-csstransitions .dummy-text,
.no-csstransforms3d .dummy-img,
.no-csstransforms3d .dummy-text, 
.no-pointerevents .dummy-img,
.no-pointerevents .dummy-text {
    display: block !important;
    opacity: 1;
}

/***********
 * QUOTES *
 ***********/
.site-quotes {
    clear: both;    
}

.site-quotes .background {
    background:url(../images/quotes-bg.jpg) 50% 0 no-repeat;
}

.site-quotes .layer {
    background-color: #404040;
    opacity: 0.9;
}

.site-quotes .container {
    position: relative;
}

.site-quotes .icon {
    font-size: 4em;
    text-align: center;
    margin: 50px 0 20px 0;
}

.site-quotes .swiper-quotes {
    width: 100%;
    float: left;
    overflow: hidden;
}

.site-quotes .swiper-slide {
    width: 100%;    
    float: left;
}

.site-quotes .swiper-slide p {
    font-size: 1.5em;
    line-height: 2em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.site-quotes .swiper-slide span {
    font-weight: 700;
    color: #FB5B45;
}

.site-quotes .line {
    clear: both;
    border-top: 2px solid #FB5B45;
    width: 120px;
    margin: 15px auto;
    padding: 0;
}

.site-quotes .author {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 50px;
    margin-top: 50px;
}

.site-quotes .quotes-pagination {
    position: absolute;
    left: 0;
    bottom: 90px;
    text-align: center;
    width: 100%;
}

.site-quotes .swiper-pagination-switch {
    border: 0;
    display: inline-block;
    width: 35px;
    height: 3px;
    background-color: #FFFFFF;
    border-radius: 0;
    margin: 0 2px;
    cursor: pointer;
}

.site-quotes .swiper-active-switch {
    background-color: #FB5B45;
}


/*************
 * FUN FACTS *
 *************/
.site-funfacts {
    position: relative;
    overflow: hidden;
    background: url(../images/funfacts-bg.jpg);
} 
.site-funfacts .layer {
    background-color: #404040;
    opacity: 0.9;
}

.site-funfacts .content {
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
}

.site-funfacts video {
    position: absolute; 
    top: 0; 
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
}

.site-funfacts .background {
    background: url(../images/funfacts.png) 50% 50% no-repeat;
    width: 170px;
    height: 177px;
    margin: 0 auto;
}

.site-funfacts .number {
    padding-top: 40px;
    font-size: 4em;
    line-height: 2em;
    font-weight: 700;
}

.site-funfacts .icon {
    font-size: 3em;
    padding-top: 15px;
}

.site-funfacts .fact {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 1.5em;
    text-transform: uppercase;
}




/*site-header*/
.site-header{
	height:84px;
	background-color:#3d3d3d;
    width: 100%;
    z-index: 5000;
    position:absolute;
}
.site-header:after{
	content: "";
    width: 0;
    position: absolute;
    bottom: -20px;
    left:50%;
    margin-left:-75px;
    border-top: 20px solid #3d3d3d;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
}
.site-header.stuck {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99999;
}

.site-logo {
    margin:0 auto;
    width: 130px;
    height: 75px;
    background-color: #fb5b45;
    position: absolute;

    z-index: 5001;
    text-align:center;
    margin-left:auto;
    line-height:72px;
}
.site-logo:after{
	content: "";
    width: 0;
    position: absolute;
    left:40;

    border-top: 18px solid #fb5b45;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    bottom:-18px;
    margin-left:-65px;
}
.site-menu{
}
.navbar-default{
	background:none;
	border:0px;
	border-radius:0px;
}
.navbar-default .navbar-toggle{
	border:0px;
	background:none;
	color:#fff;
	font-size:40px;
	line-height:80px;
	margin-right:30px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:none !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:0px;
	postion:relative;
}
#mainnav-collapse{
}
#mainnav-collapse ul#mainnav{
	/*clear:left;
    float:left;*/
    position:relative;
    /*left:50%;*/
    text-align:center;
    margin:0 auto;
    
}
.main-nav, .main-nav * {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.main-nav ul li{
	display: block;
    position: relative;
    float:left;
    /*right:50%;*/
}
.main-nav ul li a{
	color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 88px;
    height:88px;
    padding: 0 15px;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
}
.main-nav ul li.current-menu-item a{
	/*color:#FB5B45;*/
}
.main-nav ul li > a:hover,
.main-nav ul li > a:focus,
.main-nav ul li.active > a{
	color:#fb5b45;
	background: none;
}
.main-nav ul li ul{
  padding: 0;
  position: absolute;
  top: 84px;
  left: 0;
  width: 200px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.main-nav ul li ul li{
  background: #3e3e3e; 
  display: block;
  right:inherit;
  width:100%;
  text-align:left;
}
.main-nav ul li ul li a{
	height:40px;
	line-height:40px;
	font-weight:500;
}
.main-nav ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
/*site-header*/
/*site-footer*/
.site-footer{
	background-color:#303030;
}
.copyright-text{
	text-align:center;
	padding:25px 0px;
	line-height:30px;

}
.copyright-text a:hover{
	color:#fff;
	text-decoration:none;
}
.footer-social{
	text-align:center;
}
.footer-social h3{
	height:30px;
	line-height:30px;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:700;
}
.footer-social-icons{
	text-align:center;
	padding:0px;
	margin-top:15px;
	margin:15px 0px 78px 0px;
}
.footer-social-icons a{
	list-style:none;
	display:inline-block;
	width:45px;
	height:52px;
	line-height:52px;
	background:url(../images/footer-social-icon.png) #383838;
	margin-left:10px;
	cursor:pointer;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	font-size:20px;
	color: #fff;
	overflow: hidden;
}

.footer-social-icons a:hover{
	background-color:#fb5b45;
}
.footer-social-icons a span{
	float: left;
	text-indent: 100px;
}

/*site-footer*/
.heading-style-1{
	color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    text-transform:uppercase;
    text-align:center;
    margin:0px 0px 20px 0px;
    padding:45px 0px 30px 0px;
    background:url(../images/heading-bg-hexa.png) center bottom no-repeat;
}
.heading-style-2{
	color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    text-transform:uppercase;
}
.heading-style-3{
	color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform:uppercase;
    text-align:center;
}
.heading-style-3:after{
	border-bottom: 1px solid #FFFFFF;
    content: "";
    display: block;
    margin: 0 auto;
    padding-top: 15px;
    margin-bottom:30px;
    width: 50px;
}
/*site-services*/
#site-services{
}
#site-services-inner{
	/*padding-top:80px;*/
}
.bl-services-grid {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.bl-services-grid:before,
.bl-services-grid:after {
    content: " ";
    display: table;
}
 
.bl-services-grid:after {
    clear: both;
}
 
.bl-services-grid li {
    width: 25%;
    float: left;
    height: 345px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -moz-border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 
.bl-services-grid li:nth-child(-n+4){
    border-top: none;
}
 .bl-services-grid li:nth-child(4n-1),
.bl-services-grid li:nth-child(4n-2),
.bl-services-grid li:nth-child(4n-3) {
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
}
.bl-services-grid li > a {
    display: block;
    height: 100%;
    color: #fff;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
.bl-services-grid .fa {
    padding: 80px 0 0 0;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    font-size:70px;
    -webkit-font-smoothing: antialiased;
	margin-left:-16px;
}
.bl-services-title{
	margin: 20px 0 10px 0;
    padding: 20px 0 0 0;
    font-size: 28px;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
    text-transform:uppercase;
    font-weight:700;
}
.bl-services-grid .bl-services-title:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 71px;
    height: 6px;
    top: 0px;
    left: 50%;
    margin: -5px 0 0 -36px;
    -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
    -moz-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}
.bl-services-grid .bl-services-viewmore {
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transform: translateY(10px);
    -moz-transform: -moz-translateY(10px);
    -ms-transform: -ms-translateY(10px);
    transform: translateY(10px);
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -webkit-transition: transform 0.3s, opacity 0.2s;
}
.bl-services-grid .bl-services-viewmore .bl-services-viewmore-text{
	display:none;
	color:#fb5b45;
	text-transform:none;
	padding:0px 10px;
}
.bl-services-grid li:hover .bl-services-viewmore,
.touch .bl-services-grid li .bl-services-viewmore {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.bl-services-grid li:hover .bl-services-viewmore .bl-services-viewmore-text{
	display:block;
}
.bl-services-grid li:hover .bl-services-viewmore .bl-services-viewmore-link{
	display:none;
}
.bl-services-grid li > a:hover {
    background: #fff;
}
.bl-services-grid li > a:hover .fa {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.bl-services-grid li > a:hover .fa,
.bl-services-grid li > a:hover .bl-services-title {
    color: #fb5b45;
}
 
.bl-services-grid li > a:hover .bl-services-title {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    transform: translateY(-28px);
}
.bl-services-grid li > a:hover .bl-services-title:before {
    background: #fb5b45;
    margin-top: 70px;
}
.serviceAnimate{
	visibility: hidden;
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-delay:0.0s;
	-moz-animation-delay:0.0s;
	-ms-animation-delay:0.0s;
	-o-animation-delay:0.0s;
	animation-delay:0.0s;
}
/* site pricing */
#site-pricing{
	background-color:#303030;
}
#site-pricing p{
	text-align:center;
}
.pricing-table{
}
.pricing-animate{
	visibility: hidden;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	-ms-animation-duration:0.3s;
	-o-animation-duration:0.3s;
	animation-duration:0.3s;-
	webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-ms-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s
}
.pricing-plan{
	background-color:#3e3e3e;
	border:1px solid #464646;
	margin-bottom:30px;
	cursor:pointer;
}
.pricing-plan-icon{
	margin:10px auto;
	text-align:center;
	font-size:25px;
	line-height:52px;
	color:#fff;
	background:#fb5b45 url(../images/price-plan-icon-bg.png)no-repeat;
	height:52px;
	width:193px;
}
.pricing-plan-icon i{
	margin-left:3px;
}
.pricing-plan-title{
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	margin:15px 0px 15px 0px;
}
.pricing-plan-price{
	height:52px;
	line-height:52px;
	text-align:center;
	font-size:20px;
	font-weight:600;
}
.pricing-plan-price span{
	font-size:30px;
}
.pricing-plan-description ul{
	padding:0px;
	margin:0px;
}
.pricing-plan-description li{
	list-style:none;
	text-align:center;
	height:52px;
	line-height:52px;
	font-size:13px;
	color:#747474;
	border-bottom:1px solid #454545;
}
.pricing-plan-description li i.fa{
	color:#fff;
	font-size:15px;
}
.pricing-plan-description li i.gray{
	color:#d0d0d0;
}
.pricing-plan-button{
	height:78px;
	line-height:78px;
	text-align:center;
}
.btn{
	height:39px;
	line-height:39px;
	padding:0px 10px;
	display:inline-block;
	color:#fff;
	border-radius:3px;
	text-transform:uppercase;
	border:1px solid #fb5b45;
	font-weight:600;
}
a.btn:hover{
	color:#fff;
}
.feature-plan,.pricing-plan:hover{
	background-color:#fb5b45;
	
}
.feature-plan .pricing-plan-icon,.pricing-plan:hover .pricing-plan-icon{
	background:url(../images/price-plan-feature-icon-bg.png) center center no-repeat;
	color:#fb5b45;
}
.feature-plan .pricing-plan-price,.pricing-plan:hover .pricing-plan-price{
	background-color:#3e3e3e !important;
}
.feature-plan .pricing-plan-description li,.pricing-plan:hover .pricing-plan-description li{
	color:#fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.feature-plan .pricing-plan-title,.pricing-plan:hover .pricing-plan-title{
	color:#fff;
}
.feature-plan .btn,.pricing-plan:hover .btn{
	border:3px solid #fff !important;
}
.our-partner{
	padding:0px;
	margin:0px;
	list-style:none;
/*	visibility: hidden;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	-ms-animation-duration:0.3s;
	-o-animation-duration:0.3s;
	animation-duration:0.3s;
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s; */
}
.our-partner li{
	float:left;
	list-style:none;
	display:block;
	text-align:center;
	width:165px;
	height:86px;
	line-height:86px;
	border:1px solid #464646;
	margin-right:30px;
	margin-bottom:60px;
}
.our-partner li:last-child{
	margin-right:0px;
}
.our-partner a{
	display:block;
	text-align:center;
	height:86px;
	line-height:86px;
	border:1px solid #464646;
	margin-bottom:60px;
	padding:0px 10px;
}
.our-partner a img{
	max-width:100%;
}
/*About Us*/
.site-aboutus-inner{
	padding-top:80px;
}


.aboutus-item-icon{
	background:url('../images/about-us-icon.png') top left no-repeat #fb5b45;
	width:129px;
	height:147px;
	line-height:147px;
	text-align:center;
	cursor:pointer;
	
}
.aboutus-items-list .aboutus-item{
	display:inline-block;
	margin-right:120px;
	visibility: hidden;
}
.aboutus-items-list .aboutus-item.last{
	margin-right:0px !important;
	float:right;
}
.aboutus-item-icon i{
	font-size:48px;
	line-height:147px;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.aboutus-item-icon-hover,
.aboutus-selected .aboutus-item-icon{
	background:url('../images/about-us-icon.png') bottom left no-repeat #fb5b45;
}

.aboutus-items-list{
	list-style:none;
	padding:0px;
	width:100%;
}
.aboutus-run-animation{	
	border:1px solid #fb5b45; /* tip trick fix chrome browser animation. without it chrome will not work. I dont know why */
}
@-webkit-keyframes bgRun {
	0% {
		background-size:1% 6px;		
	}
	100% {
		background-size:100% 6px;		
	}
}
@-moz-keyframes bgRun {
	0% {
		background-size:1% 6px;		
	}
	100% {
		background-size:100% 6px;		
	}
}
@keyframes bgRun {
	0% {
		background-size:1% 6px;		
	}
	100% {
		background-size:100% 6px;		
	}
}
.animated.aboutus-run-animation{
	background:url('../images/about-us-separate-line.png') 0px 70px no-repeat;
	background-size:100% 6px;
	-webkit-animation-duration:1.0s;
	-moz-animation-duration:1.0s;
	-o-animation-duration:1.0s;
	animation-duration:1.0s;
	-webkit-animation-name:bgRun;
	-moz-animation-name:bgRun;
	-o-animation-name:bgRun;
	animation-name:bgRun;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.aboutus-item.animated{	
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
}
.aboutus-item.animated:nth-child(1){
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-ms-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;
}
.aboutus-item.animated:nth-child(2){
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}
.aboutus-item.animated:nth-child(3){
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	animation-delay:0.4s;
}
.aboutus-item.animated:nth-child(4){
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-o-animation-delay:0.6s;
	animation-delay:0.6s;
}
.aboutus-item.animated:nth-child(5){
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-o-animation-delay:0.9s;
	animation-delay:0.9s;
}
#aboutus-item-text-selected{
	-webkit-transition: all 0.1s;
	transition: all 0.1s;	
}
.aboutus-text-holder-effect{
	opacity:1;
}
.aboutus-item-icon-hover i,
.aboutus-selected .aboutus-item-icon i{
	color:#fb5b45;
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}


@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
.aboutus-item-text{
	text-align:center;
	padding:60px 0 80px;
	display:none;
}
#aboutus-item-text-selected .aboutus-item-text{
	display:block;
}
.aboutus-item-text .aboutus-item-title{
	font-size:18px;
}
.aboutus-item-description{
	padding:30px 0 50px;
	
}

.aboutus-item-text a.aboutus-item-btn-more{
	font-size:14px;	
	border:2px solid #FFFFFF;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:13px 16px;
	color:#FFFFFF;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display:inline-block;
}
.aboutus-item-text a.aboutus-item-btn-more:hover{
	color:#fb5b45;
	background:#FFFFFF;
}

/*site-features*/
#site-features{
	
}
#site-features .feature-description{
	margin-bottom:65px;
}
.feature-item{
	margin-bottom:40px;	
	visibility: hidden;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
.feature-item .feature-icon{
	font-size:40px;	
}
.feature-item .feature-title{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.feature-item .feature-title,
.feature-item .feature-text{
	margin-left:40px;
	float:left;
    line-height: 30px;
}
.feature-item-right-align .feature-title,
.feature-item-right-align .feature-text{
	float:right;
	margin-right:40px;
	margin-left:0px;
	text-align:right;
}

.feature-item .feature-text {
    font-size: 12px;
}
.feature-item .feature-icon{
	position:absolute;
	left:0px;
}
.feature-item-right-align .feature-icon{
	left:auto;
	right:0px;
}

.site-features .feature-img {
    text-align: center;
    visibility: hidden;
    height: 100%;
    overflow: hidden;
}

.feature-img img {
    width: 80%;
}

/*site-features end*/
/*site-map*/
.map-content{
	color:#333;
}
#site-map{
	-webkit-transition: -webkit-transform 1.3s, all 1.2s;
    -moz-transition: -moz-transform 1.3s, all 1.2s;
    -webkit-transition: transform 1.3s, all 1.2s;
}
.showmap{
	height:552px;
	overflow:hidden;
}
.hidemap{
	height:0px;
	overflow:hidden;
}
.gray_effect{
    -webkit-filter: grayscale(100%);
  	-moz-filter: grayscale(100%);
  	-ms-filter: grayscale(100%);
  	-o-filter: grayscale(100%);
  	filter: grayscale(100%);
  	filter: url(../images/grayscale.svg#greyscale);
  	filter: gray; /* IE 6-9 */
}
/*site-contact*/
.site-contact{
}
.contact-dropdown-text{
	cursor:pointer;
}
.contact-click{
	color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    text-transform:uppercase;
    text-align:center;
    padding:30px 0px 20px 0px;
    line-height:45px;
}
#contact-click-icon{
	color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    text-transform:uppercase;
    text-align:center;
    padding-bottom:30px;
}
.icon-down,.icon-up{
	font-family:FontAwesome;
}
.icon-down:before{
	content: "\f078";
}
.icon-up:before{
	content: "\f077";
}
.contact-dropdown{
	color:#fff;
}
.contact-form{
	margin-top:20px;
	margin-bottom:50px;
}
.contact-form .input-text{
	float:left;
	width:-webkit-calc(50% - 15px);
	width:-moz-calc(50% - 15px);
	width:calc(50% - 15px);
	margin-bottom:20px;
	border:1px solid #fff;
	background:none;
	color:#fff;
	height:32px;
	text-indent:10px;
}
.contact-form .your-name,.contact-form .your-website{
	margin-right:30px;
}
.contact-form textarea{
	background:none;
	width:100%;
	height:125px;
	text-align:left;
	color:#fff;
	text-indent:10px;
	margin-bottom:20px;
}
.contact-form .submit-button{
	width:100%;
	border:0px;
	background-color:#fff;
	text-align:left;
	height:34px;
	font-weight:700;
	text-transform:uppercase;
	text-indent:10px;
}
.contact-form ::-webkit-input-placeholder {
	color: #fff;
}
.contact-form :-moz-placeholder {
	color: #fff;
}
.contact-form ::-moz-placeholder {
	color: #fff;
}
.contact-form :-ms-input-placeholder {
	color: #fff;
}
.contact-infor{
	margin-top:20px;
}
.contact-infor-line{
	margin-bottom:55px;
}
.contact-infor-icon{
	float:left;
	width:37px;
	height:37px;
	background-color:#fff;
	border-radius:50%;
	text-align:center;
	line-height:37px;
	font-size:18px;
	margin-right:15px;
}
.contact-infor-icon span {
	color: #fb5b45;
	line-height: 37px;
	width: 41px;
	float: left;
}
.contact-infor-title{
	float:left;
	width:100px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	margin-right:50px;
}
.contact-infor-title span{
	font-weight:700;
	font-size:24px;
	line-height:35px;
}
/*hack tooltip bootrap */
.tooltip-inner{background-color:#fb5b45;}
.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{
	border-top-color:#fb5b45;
}
.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{
	border-bottom-color:#fb5b45;
}
.tooltip-inner{
	border-radius:0px;
}
/*site-ourteam*/

.photostack {
	background: #ddd;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.js .photostack {
	height: 700px;
}

.photostack-start {
	cursor: pointer;
}

/* Wrapper and figures */

/* The size of this wrapper can be smaller if the items should not be scattered across the whole container */ 
.photostack > div {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background:#303030;
}

.photostack figure {
	width:270px;
	position: relative;
	display: inline-block;	
	padding: 3px;
	text-align: center;
	margin: 5px;
	background:#383838;
	/*border:1px solid #828282;	*/	
}
.photostack figure img{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);	
	filter: url(../images/grayscale.svg#greyscale);
	width:262px;
}

.photostack figure.photostack-current {	
	background:#fb5b45;
	
}
.photostack figure.photostack-current img {		
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0);
	filter: none; 
	filter: grayscale(0);
}

.js .photostack figure {
	position: absolute;
	display: block;
	margin: 0;
}

.photostack figcaption h2 {
	margin: 20px 0 0 0;
	color: #a7a0a2;
	font-size: 16px;
}

.photostack-img {
	outline: none;
	display: block;	
}

.photostack-back {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	font-family: "Give You Glory", cursive;
	color: #a7a0a2;
	padding: 50px 40px;
	text-align: left;
	font-size: 22px;
	line-height: 1.25;
}

.photostack-back p {
	margin: 0;
}

.photostack-back p span {
	text-decoration: line-through;
}

/* Navigation dots */
.photostack nav {
	position: absolute;
	width: 100%;
	bottom: 30px;
	z-index: 90;
	text-align: center;
	left: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.photostack-start nav {
	opacity: 0;
}
 
.photostack nav span {
	/*
	position: relative;
	display: inline-block;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #aaa;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
	transition: transform 0.6s ease-in-out, background 0.3s;
	-webkit-transform: scale(0.48);
	transform: scale(0.48);
	*/
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    margin: 0 3px;
    cursor: pointer;
}

.photostack nav span:last-child {
	margin-right: 0;
}

.photostack nav span:after {
	/*
	content: "\e600";
	font-family: 'icons';
	font-size: 80%;
	speak: none;
	display: inline-block;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	color: #fff;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	*/
}

.photostack nav span.current {
	/*background: #888;
	-webkit-transform: scale(1);
	transform: scale(1);*/
	background-color: #FFFFFF;
}

.photostack nav span.current.flip {
	/*
	-webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
	transform: scale(1) rotateY(-180deg) translateZ(-1px);
	background: #555;
	*/	
}

.photostack nav span.flippable:after {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

/* Overlays */

/* Initial overlay on photostack container */
.js .photostack-start:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.js .photostack-start:before {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

/* Button on photostack container */
/*
.js .photostack-start:after {
	content: 'Meet our team';
	text-transform:uppercase;
	font-weight: 700;
	position: absolute;
	border: 2px solid #fff;
	text-align: center;
	white-space: nowrap;
	font-size:40px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 101;
	padding:45px 35px;
	transition: all 0.3s ease 0s;
}

.js .photostack-start:hover:after{
	background:#FB5B45;	
	border: 2px solid #FB5B45;
}
*/
.js .photostack-start:before,
.js .photostack-start:after {
	opacity: 1;
	visibility: visible;
}

.js .photostack-start:before,
.js .photostack-start:hover:after,
.touch .photostack-start:after  {
	
	
}
.photostack > div.custommeet_our_team {
	font-weight: 700;
	position: absolute;
	border: 2px solid #fff;
	text-align: center;
	white-space: nowrap;
	font-size:40px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 101;
	width: auto;
	height: auto;
	padding:45px 35px;
	transition: all 0.3s ease 0s;
}
.photostack > div.custommeet_our_team p {margin: 0;}
.js .photostack-start:hover > div.custommeet_our_team{
	background:#FB5B45;	
	border: 2px solid #FB5B45;
}

.js .photostack-start > div.custommeet_our_team {
	opacity: 1;
	visibility: visible;
}
.photostack.photostack-transition > div.custommeet_our_team {display: none;}
/* Overlay on figure */
.photostack figure:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	background: rgba(0,0,0,0.05);
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

/* Hide figure overlay when it becomes current */
figure.photostack-current:after {
	-webkit-transition: opacity 0.6s, visibility 0s 0.6s;
	transition: opacity 0.6s, visibility 0s 0.6s;
	opacity: 0;
	visibility: hidden;
}

/* Special classes for transitions and perspective */
.photostack-transition figure {
	-webkit-transition: -webkit-transform 0.6s ease-in-out, background 1s, border 1s;
	transition: transform 0.6s ease-in-out, background 1s, border 1s;
}

.photostack-perspective {
	-webkit-perspective: 1800px;
	perspective: 1800px;
}

.photostack-perspective > div,
.photostack-perspective figure {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.photostack-perspective figure,
.photostack-perspective figure div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.photostack-perspective figure.photostack-flip {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.csstransformspreserve3d figure.photostack-flip .photostack-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	display: block;
}

.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
	display: block;
}

.photostack figure .name{
	background:url(../images/ourteam_small_background_line.png) no-repeat center bottom;
	padding-bottom:14px;
	font-size:20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}
.photostack figure .title{
	font-size:12px;
	text-transform:uppercase;
}
.photostack figure .description{
	
}
.photostack figure .socialicon{
	margin-top:20px;
}
.photostack figure .socialicon a{
	color:#FFFFFF;
	margin:0px 5px;
	font-size:18px;
}
figure.photostack-current{
	z-index:2;
}
/* The no-JS fallback look does not need to be boring ;) */
.no-js .photostack figure {
	box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
}

.no-js .photostack figure:after {
	display: none;
}

.no-js .photostack figure:nth-child(3n) {
	-webkit-transform: translateX(-10%) rotate(5deg);
	transform: translateX(-10%) rotate(5deg);
}

.no-js .photostack figure:nth-child(3n-2) {
	-webkit-transform: translateY(10%) rotate(-3deg);
	transform: translateY(10%) rotate(-3deg);
}

/* Some custom styles for the demo */

/* Since we don't have back sides for the first photo stack, we don't want the current dot to become too big */
#ourteam nav span.current {
	/*
	background: #888;
	-webkit-transform: scale(0.61);
	transform: scale(0.61);
	*/
}
/*site-features end*/

/*site-ourteam end*/
/*listing-blog page*/
.page-heading{
	background:url(../images/blog_listing_heading.jpg) no-repeat;
	padding:210px 0px;
	text-align:center;
	background-size: 100%;		
}
.page-heading h1{
	font-size: 60px;
    line-height:100%;
    font-style: normal;
    font-weight: 800;
    text-transform:uppercase;
    text-align:center;
}
.page-heading h1:after{
	border-bottom: 3px solid #FFFFFF;
    content: "";
    display: block;
    margin: 0 auto;
    padding-top: 15px;
    margin-bottom:15px;
    width: 180px;
}
.page-heading h2{
	font-size:14px;
	line-height:150%;
	font-weight:700;
}
.page-heading-blog-detail{
	padding:140px 0px 100px 0px;
}
.page-content{
	padding:40px; 0px;
	color:#666666;
	font-weight: 400;
    line-height: 25px;
}
.grid-item-2{
	width:-webkit-calc(50% - 15px);
	width:-moz-calc(50% - 15px);
	width:calc(50% - 15px);
}
.grid-item{
	border:1px solid #e6e6e6;
	position:relative;
	margin-bottom:30px;
}
.grid-item .post-image img{
	width:100%;
}
.responsive-media-yes {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.responsive-media-yes iframe,
.responsive-media-yes object,
.responsive-media-yes embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-audio { margin: 0 0 1.5em 0 ;padding-bottom: 100px !important;}
.post-video iframe { border: none !important }
.post-video { margin: 0 0 1.5em 0 ;padding-bottom: 100px !important;}
.post-video iframe { border: none !important }

.grid-item .post-entry-title{
	border-bottom:1px solid #e6e6e6;
}
.grid-item .post-entry-title h3{
	padding:20px;
	margin:0px;
}
.chat-title h3{
	padding:20px 20px 20px 90px !important;
}
.grid-item .post-entry-title h3 a{
	color:#666;
	font-size:20px;
	font-weight:400;
}
.post-link{
	padding:10px 20px;
	-moz-hyphens: auto;
    word-break: break-all;
}
.post-link a:hover{
	color:#3d3d3d;
}
.grid-content{
	 padding:20px;
	 line-height: 25px;
	 font-weight:400;
}
.grid-content-quote{
	 background-color:#3d3d3d;
	 padding:20px 20px 20px 90px;
	 line-height: 30px;
	 font-weight:400;
	 color:#fff;
	 font-size:16px;
}
.read-more{
	display:inline-block;
	padding:5px 10px;
	border:3px solid #fb5b45;
	margin:0px 20px 20px 20px;
	color:#fb5b45;
	font-size:14px;
    -webkit-transiton: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -transition: all 0.3s;
}
.read-more.read-more-gril-item {margin: 0;}
.read-more:hover{
	color:#fff;
	background-color:#fb5b45;
	border-color:#fb5b45;
}
.read-more-quote{
	display:block;
	font-size:20px;
	margin-top:10px;
}
.read-more-quote:hover{
	color:#fff;
}
.post-type{
	width:52px;
	height:52px;
	font-size:24px;
	color:#fff;
	background-color:#fb5b45;
	text-align:center;
	line-height:52px;
	position:absolute;
	top:0px;
	left:20px;
}
.post-type:after{
	content: "";
    width: 0;
    position: absolute;
    left:50%;
    border-top: 17px solid #fb5b45;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    bottom:-17px;
    margin-left:-26px;
    color:#fb5b45;
}
#blog-load-more{
	height:45px;
	line-height:45px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
	cursor:pointer;
	border:2px solid #fb5b45;
	text-transform:uppercase;
}
#blog-load-more:hover{
	background-color:#fb5b45;
	color:#fff;
	-webkit-transiton: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -transition: all 0.3s;
}
#infscr-loading{
	position:absolute;
	bottom:0px;
	z-index:100;
}
.large-item{
	border:1px solid #e6e6e6;
	position:relative;
	margin-bottom:30px;
}
.large-item .post-image img{
	width:100%;
}
.large-item .post-entry-title h3{
	padding:20px 20px 0px 20px;
	margin:0px;
}
.large-item .post-entry-title h3 a{
	color:#666;
	font-size:20px;
	font-weight:400;
}
.post-main{
	position:relative;
}
.post-main-comments .post-type{
	top:-20px;
}

.post-meta{
	float:left;
	width:75px;
	margin:60px 25px;
	height:100px;
}
.post-large{
	float:left;
	width:-webkit-calc(100% - 125px);
	width:-moz-calc(100% - 125px);
	width:calc(100% - 125px);
}
.post-type-large{
	top:-30px;
	left:35px;
}
.post-meta span{
	display:block;
	width:37px;
	height:37px;
	line-height:37px;
	float:left;
	text-align:center;
}
.post-meta span a,.post-meta-sharethis i{
	color:#a5a5a5;
	cursor:pointer;
}
.post-meta-author,.post-meta-comment{
	border-right:1px solid #e4e4e4;
}
.post-meta-author,.post-meta-date{
	border-bottom:1px solid #e4e4e4;
}
.post-large .grid-content{
	padding-top:10px;
}
.popover-content a:hover{
	color:#a5a5a5;
}
.popover-content i{
	margin-right:10px;
}

.pagination{
	margin-top:10px;
}
.pagination a, .pagination span {
    border: 1px solid #dedede;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px;
    text-decoration:none;
    color:#6f6f6f;
}
.pagination a:hover {
    border-color: #fb5b45;
}
.pagination span.current {
    background: none repeat scroll 0 0 #fb5b45;
    border-color: #fb5b45;
    color: #FFFFFF;
    font-weight: bold;
}
.post-navigation a[rel=prev]:before,.pagination-prev:before{
	font-family: FontAwesome;
	content:'\f053';
	padding:0px 4px;
	font-size:11px;
	line-height:11px;
}
.post-navigation a[rel=next]:after,.pagination-next:after{
	font-family: FontAwesome;
	content:'\f054';
	padding:0px 4px;
	font-size:11px;
	line-height:11px;
}
/*sidebar widget */
.sidebar .widget {
    margin-bottom: 20px;
    clear:both;
}
.col-single .moduletable h3,
.sidebar .heading h3 {
    border-bottom: 1px solid #dddddd;
    color: #666666;
    font-weight: 500;
    line-height: 40px !important;
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:15px;
}
.search-form div{
	border:1px solid #dddddd;
	height:37px;
}
.searchinput{
	width:80%;
	width: -webkit-calc(100% - 35px);
	width: -moz-calc(100% - 35px);
	width: calc(100% - 35px);
	float:left;
	background-color:#fff;
	border:0px;
	height:35px;
	text-indent:10px;
}
.search input.button,
.search_btn{
	float:left;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	border:1px;
	color:#fff;
	display:block;
	cursor:pointer;
	background: #fb5b45;
}
.search input.button:before,
.search_btn:before {
	font-family: FontAwesome;
  	content: "\f002";
}
.widget ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.widget_popular li,.recent-post-with-image li{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #dddddd;
	overflow: auto;
}
.widget_popular li img,.recent-post-with-image li img{
	float:left;
	margin-right:15px;
	width:80px;
}
.widget_popular li .post-desc,.recent-post-with-image li .post-desc{
    width: -webkit-calc(100% - 95px);
	width: -moz-calc(100% - 95px);
	width: calc(100% - 95px);
	float:left;
}
.widget_popular .post-date,.recent-post-with-image .post-date{
	display:block;
	margin-top:10px;
}
.textwidget img{
	width:100%;
}
/*blog detail*/
.post-author{
    border: 1px solid #dddddd;
    display: block;
    margin: 60px 0 30px 0px;
}
.post-author h4{
	padding-top:20px;
	padding-bottom:8px;
	text-transform:uppercase;
	font-weight:400;
	color:#fb5b45;
	font-size:18px;
}
.author-avatar{
	float:left;
	margin-bottom:10px;
	margin-right:25px;
	margin-left:25px;
	margin-top:-30px;
}
.author-avatar img {
    border: 3px solid #fb5b45;
    width:120px;
    height:120px;
    display: block;
}
.author-description{
	padding-right:20px;
	padding-bottom:35px;
	margin-left:170px;
}
.author-social{
	text-align:center;
	position:relative;
}
.author-social a{
	color:#666;
	display:inline-block;
	padding:0px 5px;
	margin:30px 0px;
}
.post-comments{
	margin-top:30px;
}
.commentlist{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:30px;
}
.commentlist ul{
	list-style:none;
}
.commentlist li{
	margin:0;
	padding:0;
}
.commentlist .the-comment{
	border-bottom:1px solid #dddddd;
	margin-bottom:30px;
	overflow:auto;
	margin-top:30px;
}
.commentlist .the-comment .comment-text *:last-child{
	margin-bottom:0;
}
.commentlist div.avatar{
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}
.commentlist div.avatar img{
	width:90px;
	height:90px;
	border:3px solid #fb5b45;
}
.comment-box{
	margin-left:110px;
	margin-bottom:30px;
}
.comment-box:after{
	clear:both;
}
.commentlist .comment-text p{
	margin:0;
}
.commentlist .comment-author{
	text-align:right;
	color:#999999;
}
.commentlist .comment-author strong{
	padding-right:5px;
	float:left;
	font-size:15px;
	font-weight:400;
}
.comment-text{
	margin-top:5px;
}
.comment-left{
	float:left;
	width:48%;
	margin-right:4%;
	color:#515151 !important;
}
.comment-left p{
	font-weight: 400;
    margin: 0 0 16px !important;
}
.comment-text-div{
	float:left;
	width:48%;
	color:#515151 !important;
}
.form-control2{
	width:100%;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 1px;
	color:#999;
	padding:8px;
}
.textarea-comment{
	border:1px solid #D4D4D4 !important;
	border-radius:1px;
	width:100%;
	color:#999;
}
.comment-submit{
	height:30px;
	line-height:30px;
	background-color:#fb5b45;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #fb5b45;
	text-transform:uppercase;
	padding:0px 10px;
	width:100%;
}
.comments-heading{
	border-bottom:1px solid #dddddd;
	margin-bottom:20px;
}
.comments-heading h3{
	font-size:18px;
	font-weight:400;
}
/*typography */
.page-content h1{
	font-size:24px;
	margin-bottom:5px;
	margin-top:10px;
}
.page-content h2{
	font-size:20px;
	margin-bottom:5px;
	margin-top:10px;
}
.page-content h3{
	font-size:18px;
	margin-bottom:5px;
	margin-top:10px;
}
.page-content h4{
	font-size:16px;
	margin-bottom:5px;
	margin-top:10px;
}
.page-content h5{
	font-size:14px;
	margin-bottom:5px;
	margin-top:10px;
}
.page-content h6{
	font-size:14px;
	margin-bottom:5px;
	margin-top:10px;
}

/* shortcodes */
/* social icon */
.social-icon {
    background-color: #EFEFEF !important;
    display: block;
    float: left;
    height: 40px;
    margin: 0 8px 8px 0;
    overflow: hidden;
    width: 40px;
}
.social-icon a {
    display: inline-block !important;
    height: 40px;
    line-height:40px;
    text-align:center;
    font-size:20px;
    transition: all 0.2s ease 0s;
    width: 40px;
    color:#666666;
}
.social-icon a span,
.social-icon a i{
	position:relative;
}
.social-icon a span:before {
	line-height: 40px;
}
.social-icon a:hover {
    color:#FFFFFF;
 	background-color:#259b9a;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	overflow:hidden;
}
.social-icon a:hover span,
.social-icon a:hover i{
 	animation: 0.5s ease 0s normal none 1 socialEffect;
	-webkit-animation: 0.5s ease 0s normal none 1 socialEffect;
}
/*social background color */
 .social-facebook a:hover{
 	background-color:#3B5998 !important;
 }
 .social-twitter a:hover{
 	background-color:#48C4D2 !important;
 }
 .social-linkedin a:hover{
 	background-color:#71B2D0 !important;
 }
 .social-rss a:hover{
 	background-color:#FE9900 !important;
 }
 .social-dribbble a:hover{
 	background-color:#EF5B92 !important;
 }
 .social-youtube a:hover{
 	background-color:#F45750 !important;
 }
 .social-pinterest a:hover{
 	background-color:#CB2027 !important;
 }
 .social-flickr a:hover{
 	background-color:#F1628B !important;
 }
 .social-vimeo a:hover{
 	background-color:#62A0AD !important;
 }
 .social-tumblr a:hover{
 	background-color:#3A5976 !important;
 }
 .social-google a:hover{
 	background-color:#D94A39 !important;
 }
 .social-weibo a:hover{
 	background-color:#D52B2A !important;
 }
 .social-dropbox a:hover{
 	background-color:#80BFB9 !important;
 }
 .social-skype a:hover{
 	background-color:#18B7F1 !important;
 }
 .social-instagram a:hover{
 	background-color:#46759C !important;
 }
 .social-email a:hover{
 }
 .social-github a:hover{
 	background-color:#7292A2 !important;
 }
 .social-appstore a:hover{
 	background-color:#606060 !important;
 }
 .social-android a:hover{
 	background-color:#A5C63B !important;
 }
 .social-html5 a:hover {
    background-color: #F3642C;
}
.social-windows a:hover {
    background-color: #03aeda;
}
.social-xing a:hover {
    background-color: #006466;
}
.social-bitbucket a:hover {
    background-color: #013567;
}
.social-css3 a:hover {
    background-color: #3399ff;
}
.social-stack-exchange a:hover {
    background-color: #9DBFDB;
}
.social-vk a:hover {
    background-color: #7691AF;
}
.social-bitcoin a:hover {
    background-color: #F7931A;
}
.social-foursquare a:hover {
    background-color: #343434;
}
.social-gittip a:hover {
    background-color: #643614;
}
.social-maxcdn a:hover {
    background-color: #ff7012;
}
.social-renren a:hover {
    background-color: #337267;
}
.social-trello a:hover {
    background-color: #2b4152;
}
.social-linux a:hover {
    background-color: #312f30;
}
.social-adn a:hover {
    background-color: #000;
}
.social-adn a:hover {
    background-color: #000;
}
.social-pagelines a:hover {
    background-color: #358cf1;
}
@keyframes socialEffect
 {
	0%   {
		transform:translate(0,50px);
		-ms-transform:translate(0,50px); /* IE 9 */
		-webkit-transform:translate(0,50px); /* Safari and Chrome */
	}
	50%  {
		transform:translate(0,0);
		-ms-transform:translate(0,0); /* IE 9 */
		-webkit-transform:translate(0,0); /* Safari and Chrome */
	}
 }
 @-webkit-keyframes socialEffect
 {
	0%   {
		transform:translate(0,50px);
		-ms-transform:translate(0,50px); /* IE 9 */
		-webkit-transform:translate(0,50px); /* Safari and Chrome */
	}
	50%  {
		transform:translate(0,0);
		-ms-transform:translate(0,0); /* IE 9 */
		-webkit-transform:translate(0,0); /* Safari and Chrome */
	}
 }