/* Light */
.dark-text p, .widget_links ul li a, .grey-section .symbol i, .light-section .symbol i{
	color: #A4AAB1;
}
.grey-section .line-left, .grey-section .line-right, .light-section .line-left, .light-section .line-right{
	background: #E1E4E7;
}
.dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6, .navbar-default .navbar-brand, .navbar-default .navbar-text, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text, h3.light, .light .numerical-container .value, .grey-section .numerical-container .value, .navbar-default.style2 .navbar-nav > li > a:after, .dropdown-menu > li > a, .tabs li, .light .social:before, .grey-section .social:before, .light .cl, .grey-section .figcaption a.thumb-link, .light-section .grid .figcaption a.thumb-link, .dark-text .flexslider .big-icon .number, .dark-text .skillbar-title span, black-section .grid .figcaption h3{
	color: #4A5157;
}

.heading-border{border-color: #4A5157;}
.filter li a{color: #4A5157;}
.light h4, .grey-section h4{
	color: #414A50;
}

.grid .figcaption, .projects-overlay, .tabs li{
	background: #fff;
}
.light-section .skillbar-bar, .grey-section .skillbar-bar{
	background: #E6E7E9;
}
.light a.p-button.border, .grey-section a.p-button.border{border: 1px solid #AEB6C0;color: #4A5157;}
.light .divider-contents, .grey-section .divider-contents{background: #f0f0f0;}
.light .divider-big .divider, .grey-section .divider-big .divider{
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
a.p-button{background: #4A5157;}
.numerical-c .col-xs-6.col-sm-3{border-right: 1px solid #eeeeee;}
.light a.p-button.border i, .grey-section a.p-button.border i{border-right: 1px solid #AEB6C0;}






/* 03 - IMGCENT */
.imgcent {
	max-width:370px;
	margin: 0 auto;
	display:block;

}

/* 04 - SECTION / SKINS */
section.nav-boxes{position: static;}
.grey-section{background-color: #F7F7F7;position: relative;padding: 30px 0 80px 0;}
.grey-section2{background-color: #F7F7F7;position: relative;padding:0;}
.section-title{
	position: relative;
	margin-bottom: 60px;
}
.section-title h2{
	letter-spacing: 2px;
	font-weight: 300;
	text-align: center;
}

.grey-section.section-arrow-down:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #F7F7F7;
	border-bottom: 0px solid transparent;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	left: 50.35%;
	bottom: -20px;
	margin-left: -24px;
	z-index: 10;
}

.grey-section.section-arrow-up:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #F7F7F7;
	border-top: 0 solid transparent !important;
	border-right: 20px solid transparent !important;
	border-left: 20px solid transparent !important;
	left: 50.35%;
	top: -19px;
	margin-left: -24px;
	z-index: 10;
}

.nopaddingbottom{
	padding-bottom: 0;
}
.nopadding{padding: 0;}
.dark-section.no-after-arrow:after{display: none;}
section i{padding-right: 0;}


/*05 - PAGE TITLES */
.divider.colored{
	width: 140px;
	height: 1px;
	margin: 35px auto;
}
.pagetitle{
	margin-top: 80px;
}
.pagetitle.no-parallax{
	margin-top: 160px;
}
.pagetitle .parallax{
	height: 300px;
}
.pagetitle .parallax-content {
	padding: 85px 0;
}
.pagetitle .section-title {
	margin-bottom: 0;
}
.section-title .title-desc-big{
	text-align: center;
	font-weight: 600;
	text-transform: none;
	width: 85%;
	margin: 0 auto;
	line-height: 1.4;
}


/* TOOLTIP DETAILS */
.tooltip-desc{display: none;}
.hi-icon:hover>.tooltip-desc{ 
	display: block; 
	-webkit-animation:Anim ease-in 1;
    -moz-animation:Anim ease-in 1;
    animation:Anim ease-in 1;
    -webkit-animation-duration:.15s;
    -moz-animation-duration:.15s;
    animation-duration:.15s; 
} 
.tooltip-content {
	color: #fff;
	top: auto;
	bottom: 100%;
	left: 50%;
	margin-left: -130px;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	display: block;
	min-width: 255px;
	text-align: center;
	background: #000000;
	background: rgba(0, 0, 0, .95);
}

.tooltip-content h5{
	text-align: left;
}

.tooltip-content p{
	font-size: 14px !important;
	color: #fff !important;
	font-weight: normal !important;
	margin: 0;
}
.tooltip-arrow-down {
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: auto;
	bottom: 100%;
	margin-bottom: 22px;
	width: 0; 
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 8px solid rgba(0, 0, 0, .95); 
}
.tooltip-content h5{padding: 0; margin: 0 0 10px 0;}
.tooltip-content ul{text-align: left;}
.tooltip-content ul li{
	list-style-type: none; 
	font-size: 14px !important;
	color: #fff !important;
	font-weight: normal !important;
}
.tooltip-content ul li i{
	top: 0 !important;
	padding-right: 5px;
}

/*
** 10 - PORTFOLIO */
.entries {
	width: 100%;
	margin-bottom: 30px;
}
#wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
}
#pageloader{
	margin: 40px auto;
	float: none;
	margin-bottom: 100px;
}
#works_masonry {
	position: relative;
	padding: 0;
	width: 100.1%;
	margin: 0 auto;
	display: block;
}
#works_masonry .one-third {
	margin: 0;
	overflow: hidden;
	line-height: 0;
	width: 20%;
	padding: 0;
	float: left;
}
.masonry_item.current {
	box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);
	z-index: 101;
}
.masonry_item {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.masonry_item .img_holder {
	overflow: hidden;
	display: block;
	position: relative;
}
.masonry_item .img_holder img {
	width: 100%;
	height: auto;
}

/** Thumbs Hover **/
.grid figure {
	margin: 0.5px;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
.grid .figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
}
.grid .figcaption h3 {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 1.2em;
	padding-bottom: 10px;
}
.grid .figcaption a {
	text-align: center;
	padding: 12px;
	display: inline-block;
}
.grid .figcaption a.thumb-link{
	padding: 16px 13px;
	top: -28px;
	right: 8px;
	font-size: 17px;
}

.cs-style-3 figure {
	overflow: hidden;
}
.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-ms-transition: -ms-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img, .iFigureHover {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.no-touch .cs-style-3.oldie figure:hover img,
.cs-style-3.oldie figure.cs-hover img, .iFigureHover {
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.cs-style-3 .figcaption {
	height: 70px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	-ms-transition: -ms-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-3 .figcaption:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #fff;
	border-top: 0 solid transparent !important;
	border-right: 20px solid transparent !important;
	border-left: 20px solid transparent !important;
	left: 50%;
	top: -19px;
	margin-left: -24px;
	z-index: 10;
}

.cs-style-3 .figcaption span{
	font-size: 11px;
	color: #999;
}
.no-touch .cs-style-3 figure:hover .figcaption,
.cs-style-3 figure.cs-hover .figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-ms-transition: -ms-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.no-touch .cs-style-3.oldie figure:hover .figcaption,
.cs-style-3.oldie figure.cs-hover .figcaption {
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.iFigCaption{
	opacity: 1 !important;
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	-ms-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s !important;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s !important;
	-ms-transition: -ms-transform 0.4s, opacity 0.1s !important;
	transition: transform 0.4s, opacity 0.1s !important;
}
.thumb-overlay{
	position: relative;
	float: right;
	top: -31px;
	right: 1px;
}

.thumb-link{
	position: relative;
	float: right;
	top: -31px;
	right: 6px;
}

/* Filter Categories */
.filter {
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 10px;
	top: -30px;
	position: relative;
}
	
.filter li {
	list-style: none;
	text-align: center;
	display: inline-block;
	margin: 15px 0 0 0;
}
	
.filter li a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 5px;
	padding-bottom: 2px;
	padding: 6px 10px;
	border: 1px solid transparent;
}

.filter li a:hover, .filter li a:hover, .filter li a.active, .grid .figcaption a.thumb-link:hover, .tp-caption a:hover{
  color: #f39200 !important;
}

.filter li a.active, .filter li a:hover, .panel-group .panel.active .panel-heading{
	border:1px solid #f39200;
	border-radius: 5px;
}

.grid{
	margin-bottom: 0;
}

/** Isotope **/
.isotope,.isotope .isotope-item{
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s;
}
.isotope{
	-webkit-transition-property:height,width;
	-moz-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;
	-o-transition-property:top,left,opacity;
	transition-property:transform,opacity;
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,.isotope.no-transition .isotope-item{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
}
.isotope.infinite-scrolling{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
.isotope-item{
	z-index:2;
}
.isotope-hidden.isotope-item{
	pointer-events:none;
	z-index:1;
}