/* CSS Document */


/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - General & Basic Styles   */
/*   02 - Header & Navigation      */
/*   03 - Slider                   */
/*   04 - Main Page Elements       */
/*   05 - Revolution Slider        */
/*   06 - Shortcodes Elements      */
/*   07 - Portfolio Styles         */
/*   08 - Single Project Styles    */
/*   09 - Blog Styles              */
/*   10 - Single post Styles       */
/*   11 - Sidebar Styles           */
/*   12 - Footer Styles 		   */
/*   13 - Plugins Styles 	  	   */


@import url(http://fonts.googleapis.com/css?family=Vollkorn:400,700);
/*------------------------------------------*/

/*	     01 - General & Basic Styles

/*------------------------------------------*/

body {
	font-family: 'Vollkorn', serif;
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	color: #495257;
}
strong, b {
	font-weight: 600;
}
img {
	max-width: 100%;
	height: auto;
}
ul {
	list-style: none;
}
ul {
	padding: 0;
	margin: 0;
}
a {
	transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
}
a:hover {
	color: #444;
}
a, a:hover {
	text-decoration: none;
}
i {
	font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Vollkorn', serif;
	font-weight: 400;
	margin: 0;
	color: #444;
}
h1 {
	font-size: 24px;
	line-height: 30px;
}
h2 {
	font-size: 22px;
	line-height: 28px;
}
h3 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 16px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 12px;
	line-height: 18px;
}
p {
	color: #495257;
	font-size: 15px;
	font-family: 'Vollkorn', serif;
	line-height: 22px;
}
p strong {
	font-weight: 600;
}
.accent-color-bg {
	color: #fff;
}
.fittext {
	font-size: 38px;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 35px;
	color: rgba(0,0,0, 0.8);
}
.fittext strong {
	font-weight: 700;
}
.page-content p {
	margin-bottom: 15px;
}
.wite-text {
	color: #fff;
}
.uppercase {
	text-transform: uppercase;
}
.image-text {
	margin-right: 10px;
}
a.main-button, input[type="submit"] {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-family: 'Vollkorn', serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 15px 30px 10px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
a.main-button:hover, input[type="submit"]:hover {
	background: #444;
	color: #fff;
}
a.main-button i {
	font-size: 1.2em;
}
input[type="submit"] {
	border: none;
}
.tooltip .tooltip-inner {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
#content {
	padding: 60px 0;
}
#content.full-sections {
	padding: 0;
}
.section {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.section.repeat-bg {
	background-repeat: repeat;
	-webkit-background-size: auto !important;
	-moz-background-size: auto !important;
	-o-background-size: auto !important;
	background-size: auto !important;
}
.bg-parallax {
	background-attachment: fixed;
}
.section-video {
	position: absolute;
	z-index: 33;
	left: 0;
	top: -100px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}
.section-video object {
	display: block;
	width: 100% !important;
	height: auto !important;
}
.section-video img {
	display: block;
	width: 100% !important;
	height: auto !important;
}
.section-video-content {
	z-index: 35;
	position: relative;
	opacity: 0.98;
}
.section-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 34;
	opacity: 0.7;
}
.light-section {
	color: #fff;
}
.darker_section {
	background-color: #f5f5f5;
}
.light-section .testimonials {
	color: #495257;
}
.light-section .testimonials .testimonial-content p {
	color: #c4c4c4;
}
#container {
	background-color: #fff;
}
.boxed-page {
	position: relative;
	width: 1220px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.boxed-page header {
	width: 1220px;
}
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999999999;
}
.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}
.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
 @-webkit-keyframes rotatee {
100% {
-webkit-transform: rotate(360deg)
}
}
 @keyframes rotatee {
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
 @-webkit-keyframes bouncee {
 0%, 100% {
-webkit-transform: scale(0.0)
}
 50% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncee {
 0%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
50% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
/*------------------------------------------*/

/*	     02 - Header & Navigation

/*------------------------------------------*/



header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	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;
}
.admin-bar header {
	top: 32px;
}
.fixed-header {
	opacity: 0.95;
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.top-bar {
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
}
.top-bar.color-bar {
	border-bottom: 0;
}
.top-bar.color-bar a {
	color: rgba(255,255,255,.6);
}
.top-bar.color-bar a:hover {
	color: rgba(255,255,255,1) !important;
}
.top-bar.color-bar ul.social-list li a i {
	border-left: 1px solid rgba(255,255,255,.1);
}
.top-bar.color-bar ul.social-list li:last-child a i {
	border-right: 1px solid rgba(255,255,255,.1);
}
.top-bar.color-bar .contact-details li a:before {
	color: rgba(255,255,255,.2);
}
.top-bar.dark-bar {
	background-color: #444;
	border-bottom: 0;
}
.top-bar.dark-bar a {
	color: rgba(255,255,255,.4);
}
.top-bar.dark-bar a:hover {
	color: rgba(255,255,255,1) !important;
}
.top-bar.dark-bar ul.social-list li a i {
	border-left: 1px solid rgba(255,255,255,.08);
}
.top-bar.dark-bar ul.social-list li:last-child a i {
	border-right: 1px solid rgba(255,255,255,.08);
}
.top-bar.dark-bar .contact-details li a:before {
	color: rgba(255,255,255,.2);
}
.top-bar a {
	color: #495257;
}
.top-bar .contact-details {
	line-height: 33px;
}
.top-bar .contact-details li {
	display: inline-block;
	padding: 0 10px;
	border-left: 1px solid #495257;
	line-height: 0;
}
.top-bar .contact-details li:first-child {
	padding-left: 0;
	border-left: none;
}
.top-bar .contact-details li a {
	display: block;
}
ul.social-list {
	float: right;
}
ul.social-list li {
	float: left;
}
ul.social-list li a {
	display: inline-block;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
ul.social-list li a:hover {
	color: #fff;
}
ul.social-list li a.facebook:hover {
	background-color: #507CBE;
}
ul.social-list li a.twitter:hover {
	background-color: #63CDF1;
}
ul.social-list li a.google:hover {
	background-color: #F16261;
}
ul.social-list li a.dribbble:hover {
	background-color: #E46387;
}
ul.social-list li a.linkdin:hover {
	background-color: #90CADD;
}
ul.social-list li a.tumblr:hover {
	background-color: #4D7EA3;
}
ul.social-list li a.flickr:hover {
	background-color: #E474AF;
}
ul.social-list li a.instgram:hover {
	background-color: #4D4F54;
}
ul.social-list li a.vimeo:hover {
	background-color: #87D3E0;
}
ul.social-list li a.skype:hover {
	background-color: #36C4F3
}
ul.social-list li a i {
	font-size: 1em;
	display: block;
	width: 34px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border-left: 1px solid #f2f2f2;
}
ul.social-list li:last-child a i {
	border-right: 1px solid #f2f2f2;
}
.wpb-mobile-menu {
	display: none;
}
.slicknav_menu {
	display: none;
}
.navbar-toggle {
	display: none;
}
.navbar {
	margin-bottom: 0;
	background: #fff;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
.navbar-brand {
	position: relative;
	padding: 27px 0;
	margin: 0!important;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-nav {
	margin-right: -15px!important;
	position: relative;
	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;
}
.navbar-default .navbar-nav > li {
	margin-left: 6px;
}
.navbar-default .navbar-nav > li:first-child {
	margin-left: 0;
}
.navbar-default .navbar-nav > li:last-child a {
	padding-right: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #495257;
	display: block;
	font-size: 15px;
	padding: 28px 15px 22px 15px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	font-weight: 400;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
	border-bottom: 2px solid;
}
.navbar-default .navbar-nav > li > a i {
	margin: 0 -2px 0 -5px;
}
.navbar-default .navbar-nav > li > a:after {
	position: absolute;
	bottom: 0;
	content: '';
	left: 50%;
	display: block;
	height: 5px;
	width: 5px;
	opacity: 0;
	margin: 0 0 -3px -2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}
.navbar-default .navbar-nav > li > a.active:after {
	opacity: 1;
}
.navbar-default .navbar-nav .dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	width: 180px;
	background-color: #fff;
	visibility: hidden;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav > li.drop:hover .dropdown {
	visibility: visible;
	opacity: 1;
}
.dropdown li, .sup-dropdown li {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.dropdown li:first-child, .sup-dropdown li:first-child {
	border-top: none;
}
.dropdown li a, .sup-dropdown li a {
	display: block;
	color: #495257;
	font-size: 13px;
	font-family: 'Vollkorn', serif;
	padding: 11px 16px;
	text-decoration: none;
	text-transform: capitalize;
	transition: padding 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out;
	-webkit-transition: padding 0.2s ease-in-out;
	-o-transition: padding 0.2s ease-in-out;
}
.dropdown > li:hover > a, .sup-dropdown li:hover > a {
	padding-left: 18px;
}
.dropdown li a i {
	margin: 0 0 0 -4px;
}
.navbar-default .navbar-nav .sup-dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	width: 180px;
	background-color: #fff;
	margin-top: 10px;
	transition: margin-top 0.2s ease-in-out;
	-moz-transition: margin-top 0.2s ease-in-out;
	-webkit-transition: margin-top 0.2s ease-in-out;
	-o-transition: margin-top 0.2s ease-in-out;
	visibility: hidden;
	z-index: 3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
	visibility: visible;
	margin-top: 0;
}
/*================================================== 

     Slideshow

 ================================================== */



/*-- Main slide --*/



#main-slide .item_inner {
	position: relative;
}
#main-slide .slider_overlay {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}
#main-slide .item img {
	width: 100%;
}
#main-slide .item .slider-content {
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 100ms;
	-moz-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}
.slider-content h2 {
	text-transform: uppercase;
}
#main-slide .slider-content {
	top: 50%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}
#main-slide .carousel-indicators {
	bottom: 30px;
}
.carousel-indicators li {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}
#main-slide .carousel-control.left,  #main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
#main-slide .carousel-control.left span {
	padding: 15px;
}
#main-slide .carousel-control.right span {
	padding: 15px;
}
#main-slide .carousel-control .fa-angle-left,  #main-slide .carousel-control .fa-angle-right {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}
#main-slide .carousel-control .fa-angle-left {
	left: 0;
}
#main-slide .carousel-control .fa-angle-right {
	right: 0;
}
#main-slide .carousel-control i {
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 36px;
	font-size: 32px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#main-slide .slider-content h2 {
	font-size: 76px;
	font-weight: 100;
	color: #555;
}
#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
	color: #fff;
}
#main-slide .slider-content h3 {
	font-size: 24px;
	font-weight: 400;
	margin-top: 40px;
	text-align: center;
	color: #555;
}
.slider.btn {
	padding: 14px 30px 10px;
	margin-top: 40px;
	font-size: 18px;
	border-radius: 0;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.slider.btn:focus, .slider.btn:active {
	color: #fff;
}
.slider.btn.btn-default {
	margin-left: 4px;
	background: #ECECEC
}
.slider.btn.btn-default:hover {
	background: #000;
	color: #fff;
}
.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}
.slider-content-right {
	position: relative;
}
.image-background {
	position: relative;
	background-size: cover;
}
.image-background::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}
/*-- Animation --*/

.carousel .item.active .animated1 {
}
.carousel .item.active .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}
.carousel .item.active .animated3 {
	-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
	animation: bounceInLeft 1s ease-in-out 500ms both;
}
.carousel .item.active .animated4 {
	-webkit-animation: flipInX 1s ease-in 500ms both;
	animation: flipInX 1s ease-in 500ms both;
	text-align: center;
}
.carousel .item.active .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}
.carousel .item.active .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
	text-align: center;
}
.carousel .item.active .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}
.carousel .item.active .animated8 {
	-webkit-animation: fadeInDown 1s ease-in 1000ms both;
	animation: fadeInDown 1s ease-in 1000ms both;
}
.page_title {
	padding-top: 190px;
	padding-bottom: 190px;
}
 @media all and (max-width:767px) {
.page_title {
	padding-top: 50px;
	padding-bottom: 50px;
}
}
.page_title h1 {
	font-size: 60px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}
/*------------------------------------------*/

/*	   03 - Main Page Elements

/*------------------------------------------*/



.page-banner {
	padding: 30px 0;
	background: url(../images/slide-02-bg.jpg) center;
	border-bottom: 1px solid #eee;
}
.page-banner h2 {
	font-weight: 500;
	text-transform: uppercase;
}
.page-banner p {
	font-weight: 400;
}
ul.breadcrumbs {
	float: right;
	margin-top: 15px;
}
.no-subtitle ul.breadcrumbs {
	margin-top: 4px;
}
ul.breadcrumbs li {
	font-family: 'Vollkorn', serif;
	font-size: 13px;
	font-weight: 400;
	margin-left: 3px;
	color: #999;
	float: left;
}
ul.breadcrumbs li:before {
	content: '/';
	margin: 0 4px 0 2px;
	color: #bbb;
}
ul.breadcrumbs li:first-child {
	margin: 0;
}
ul.breadcrumbs li:first-child:before {
	content: '';
	margin: 0;
}
ul.breadcrumbs li a {
	color: #495257;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
label {
	font-size: 13px;
	color: #495257;
	font-weight: 400;
	cursor: pointer;
}
label .required {
	color: #ED2C3A;
	margin-left: 2px;
}
input[type="submit"] {
	outline: none;
}
.widget-search input[type="search"],  #contact-form input[type="text"],  #contact-form textarea,  #respond input[type="text"],  #respond textarea, .email {
	color: #495257fb5;
	font-size: 13px;
	font-family: 'Vollkorn', serif;
	border: 1px solid #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	outline: none;
	width: 100%;
	padding: 7px 14px;
	display: block;
	margin-bottom: 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;
}
.widget-search input[type="search"]:focus,  #contact-form input[type="text"]:focus,  #contact-form textarea:focus,  #respond input[type="text"]:focus,  #respond textarea:focus {
	border-color: #ddd;
	box-shadow: 0 0 3px #eee;
	-o-box-shadow: 0 0 3px #eee;
	-moz-box-shadow: 0 0 3px #eee;
	-webkit-box-shadow: 0 0 3px #eee;
}
.mail_response {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.name-missing, .email-missing, .message-missing {
	opacity: 0;
	color: #ED2C3A;
	margin-left: 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;
}
.error-page {
	padding: 90px 0;
	text-align: center;
}
.error-page h1 {
	font-size: 160px;
	line-height: 140px;
	font-weight: 400;
	color: #333;
}
.error-page h3 {
	font-size: 64px;
	line-height: 70px;
	font-weight: 400;
}
.error-page p {
	font-size: 22px;
	line-height: 28px;
	color: #495257;
	margin-bottom: 25px
}
#map {
	position: relative;
	height: 350px;
	width: 100%;
}
/*------------------------------------------*/

/*	     05 - Shortcodes Elements

/*------------------------------------------*/



/*************** Dividers ***************/



.margin-60 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.margin-top {
	margin-top: 30px;
}
.hr1 {
	height: 1px;
}
.hr2 {
	height: 0;
	border-bottom: 1px solid #eee;
}
.hr3 {
	height: 0;
	border-bottom: 1px dotted #eee;
}
.hr4 {
	height: 0;
	border-bottom: 1px dashed #eee;
}
.hr5 {
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
/*************** Buttons ***************/



.btn {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.btn-system {
	display: inline-block;
	color: #fff;
	margin-right: 5px;
	font-weight: 400;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	border: 0;
	text-transform: uppercase;
	font-weight: 400;
}
.btn-system:last-child {
	margin-right: 0;
}
.btn-system {
	font-size: 1em;
	width: auto;
}
.btn-system.border-btn {
	background-color: transparent;
	border: 1px solid;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.btn-system:hover {
	color: #fff;
	opacity: 0.8;
}
.btn-system.border-btn:hover {
	opacity: 1;
	color: #fff;
}
.btn-system.border-btn.btn-gray:hover {
	background-color: #444;
	color: #fff;
}
.btn-system.border-btn.btn-black:hover {
	background-color: #111;
	color: #fff;
}
.btn-system.border-btn.btn-wite:hover {
	background-color: #fff;
}
.btn-system.btn-gray {
	background-color: #444;
}
.btn-system.btn-black {
	background-color: #111;
}
.btn-system.btn-wite {
	background-color: #fff;
}
.btn-system.border-btn.btn-gray {
	background-color: transparent;
	border: 1px solid #444;
	color: #444;
}
.btn-system.border-btn.btn-black {
	background-color: transparent;
	border: 1px solid #111;
	color: #111;
}
.btn-system.border-btn.btn-wite {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}
.btn-large {
	font-size: 14px;
	padding: 9px 22px;
}
.btn-medium {
	font-size: 14px;
	padding: 7px 18px;
}
.btn-small {
	padding: 5px 15px;
}
.btn-mini {
	padding: 3px 12px;
}
.btn-large.border-btn {
	padding: 8px 22px;
}
.btn-medium.border-btn {
	padding: 6px 18px;
}
.btn-small.border-btn {
	padding: 4px 15px;
}
.btn-mini.border-btn {
	padding: 2px 12px;
}
/*************** Lists ***************/



ul.icons-list {
	margin-bottom: 6px;
}
ul.icons-list li, ul.list-unstyled li {
	margin-bottom: 4px;
}
ul.icons-list li i {
	font-size: 14px;
	margin-right: 4px;
}
/*************** Icons ***************/





.section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.service {
	padding-bottom: 10px;
}
.icon-small {
	font-size: 2em;
	color: #444;
	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;
}
.icon-small:hover, .service-box:hover .icon-small {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}
.icon-medium {
	font-size: 2.5em;
	color: #495257;
	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;
}
.icon-medium:hover, .service-box:hover .icon-medium {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}
.icon-large {
	font-size: 3em;
	color: #007fde;
	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;
}
/*.icon-large:hover, .service-box:hover .icon-large {

	text-shadow: 5px 5px 2px rgba(255,255,255,0);

}*/



.icon-mini-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 1.2em;
	color: #fff;
	top: 4px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}
.icon-medium-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2em;
	color: #fff;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}
.icon-large-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2.6em;
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	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;
}
.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*First Icon Effect */

.icon-effect-1 {
	background-color: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.gray-icon.icon-effect-1 {
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-1:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}
.gray-icon.icon-effect-1:after {
	background: #444;
}
.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1 {
	color: #444;
}
.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
/*Seconed Icon Effect */

.icon-effect-2 {
	background: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}
.gray-icon.icon-effect-2 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-2:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}
.gray-icon.icon-effect-2:after {
	background: #444;
}
.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2 {
	color: #fff;
}
.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/*Third Icon Effect */

.icon-effect-3 {
	background: #fff;
}
.gray-icon.icon-effect-3 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before {
	-webkit-animation: toRightFromLeft 0.4s forwards;
	-moz-animation: toRightFromLeft 0.4s forwards;
	animation: toRightFromLeft 0.4s 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;
}
}
/*Fourth Icon Effect */

.icon-effect-4 {
	background: #fff;
}
.gray-icon.icon-effect-4 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before {
	-webkit-animation: toLeftFromRight 0.4s forwards;
	-moz-animation: toLeftFromRight 0.4s forwards;
	animation: toLeftFromRight 0.4s forwards;
}
 @-webkit-keyframes toLeftFromRight {
 49% {
 -webkit-transform: translate(-100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
 @-moz-keyframes toLeftFromRight {
 49% {
 -moz-transform: translate(-100%);
}
 50% {
 opacity: 0;
 -moz-transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
 @keyframes toLeftFromRight {
 49% {
 transform: translate(-100%);
}
 50% {
 opacity: 0;
 transform: translate(100%);
}
 51% {
 opacity: 1;
}
}
/*Fifth Icon Effect */

.icon-effect-5 {
	background: #fff;
}
.gray-icon.icon-effect-5 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before {
	-webkit-animation: toTopFromBottom 0.4s forwards;
	-moz-animation: toTopFromBottom 0.4s forwards;
	animation: toTopFromBottom 0.4s forwards;
}
 @-webkit-keyframes toTopFromBottom {
 49% {
 -webkit-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
 @-moz-keyframes toTopFromBottom {
 49% {
 -moz-transform: translateY(-100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
 @keyframes toTopFromBottom {
 49% {
 transform: translateY(-100%);
}
 50% {
 opacity: 0;
 transform: translateY(100%);
}
 51% {
 opacity: 1;
}
}
/*six Icon Effect */

.icon-effect-6 {
	background: #fff;
}
.gray-icon.icon-effect-6 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
	-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before {
	-webkit-animation: toBottomFromTop 0.4s forwards;
	-moz-animation: toBottomFromTop 0.4s forwards;
	animation: toBottomFromTop 0.4s forwards;
}
 @-webkit-keyframes toBottomFromTop {
 49% {
 -webkit-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
 @-moz-keyframes toBottomFromTop {
 49% {
 -moz-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
 @keyframes toBottomFromTop {
 49% {
 transform: translateY(100%);
}
 50% {
 opacity: 0;
 transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
/*************** Service Box ***************/



.service-box .read-more {
	margin-top: 4px;
	font-weight: 500;
	margin-left: 2px;
}
.service-box .read-more i {
	display: inline-block;
	position: relative;
	top: 1px;
}
.image-service-box img {
	margin-bottom: 14px;
}
.image-service-box h4 {
	margin-bottom: 8px;
	padding: 0 10px;
	font-weight: 400;
}
.image-service-box p {
	padding: 0 10px;
}
.service-box {
	margin-bottom: 35px;
}
.service-center {
	text-align: center;
}
.service-icon-left .service-icon {
	float: left;
}
.service-icon-left .service-content {
	padding-left: 45px;
}
.service-icon-left-more .service-icon {
	float: left;
}
.service-icon-left-more .service-content {
	padding-left: 60px;
}
.service-center .service-icon {
	margin-bottom: 20px;
}
.service-center .service-content h4 {
	margin-bottom: 15px;
	font-size: 21px;
	color: #222;
}
.service-center .service-icon i {
	display: inline-block;
}
.service-box h4 {
	margin-bottom: 5px;
	font-weight: 400;
}
.service-box > div:first-child {
	padding: 0;
}
.service-boxed {
	margin-top: 30px;
	padding: 0 15px 20px 15px !important;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	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;
}
.service-boxed:hover {
	border-color: #e2e2e2;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 6px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
}
.service-boxed p {
	margin-bottom: 0;
}
/*************** Heading Titles ***************/



.classic-title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-weight: 400;
}
.classic-title span {
	padding-bottom: 6px;
	border-bottom: 1px solid;
	font-weight: 400;
}
.big-title {
	margin-bottom: 20px;
}
.big-title h1, .big-title h2 {
	font-size: 26px;
	line-height: 32px;
	color: #007fde;
	font-weight: 400;
}
.big-title h1 strong, .big-title h2 strong {
	font-weight: 400;
}
.big-title .title-desc {
	font-size: 16px;
	line-height: 22px;
	color: #495257;
}
.big-title h2 + .title-desc, .big-title h1 + .title-desc {
	margin-top: 4px;
}
/*------------------------------------------*/

/*	        06 - Portfolio Styles

/*------------------------------------------*/



.portfolio_section {
	padding-bottom: 45px;
}
.portfolio_section.full-width-inner-portfolio {
	padding-top: 0px;
	padding-bottom: 80px;
}
.portfolio_section p {
	margin-bottom: 35px;
}
.portfolio_section .slider.btn {
	margin-top: 70px;
}
.portfolio-item {
	margin-bottom: 30px;
}
.portfolio-4 {
	margin-left: 5px;
}
.portfolio-4 .portfolio-item {
	width: 24.99%!important;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 22px;
}
.portfolio-item .portfolio-border {
	padding: 3px;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-border {
	box-shadow: 0 1px 3px #f8f8f8;
	-o-box-shadow: 0 1px 3px #f8f8f8;
	-moz-box-shadow: 0 1px 3px #f8f8f8;
	-webkit-box-shadow: 0 1px 3px #f8f8f8;
}
.portfolio-item .portfolio-thumb {
	position: relative;
	overflow: hidden;
}
.portfolio-item .portfolio-thumb .thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-thumb .thumb-overlay {
	background: rgba(255,255,255,0.5);
}
.portfolio-item .portfolio-thumb .thumb-overlay i {
	color: rgba(255,255,255,0);
	position: absolute;
	top: 42%;
	left: 50%;
	display: block;
	margin-left: -27px;
	margin-top: -19px;
	font-size: 3em;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-thumb .thumb-overlay i {
	top: 50%;
	color: #444;
}
.portfolio-item .portfolio-details {
	position: relative;
	padding: 9px 12px 6px 12px;
}
.portfolio-item .portfolio-details .like-link {
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -9px;
}
.portfolio-item .portfolio-details .like-link i, .portfolio-item .portfolio-details .like-link span {
	color: #495257;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio-details .like-link:hover i, .portfolio-item .portfolio-details .like-link:hover span {
	color: #F54B5C;
}
.portfolio-item .portfolio-details .like-link i {
	padding-right: 5px;
}
.portfolio-item .portfolio-details h4 {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio-details a span {
	color: #495257;
}
.portfolio-item .portfolio-details span:after {
	content: ", ";
	margin-right: 2px;
}
.portfolio-item .portfolio-details span:last-child:after {
	content: "";
}
/*---- Isotope filtering ----*/

.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/* Start Campaign Section

==================================================================

*/



.campaign {
	background: #f1f1f1;
	padding: 30px 0;
}
.campaign img {
	max-width: 100%;
}
#portfolio-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
#portfolio-list li {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 50%;
	margin-left: -1px;
	margin-bottom: -4px;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portfolio-list li h3 {
	background: #fff;
	bottom: 0;
	font-size: 1.4em;
	font-weight: 400;
	left: 0;
	letter-spacing: 1px;
	margin: 0;
	padding: 20px;
	position: absolute;
	text-align: right;
	text-transform: none;
	width: 100%;
	transition: transform 0.2s ease 0s, color 0.2s ease 0s;
	-webkit-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
	-moz-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
	-o-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
	-ms-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
}
 @media only screen  and (max-width : 550px) {
#portfolio-list li {
	width: 100%;
}
}
 @media only screen  and (max-width : 767px)  and (min-width : 551px) {
#portfolio-list li {
	width: 49.9%;
}
}
 @media (min-width: 768px) {
#portfolio-list li {
	width: 33.21%;
}
}
 @media (min-width: 768px) {
.portfolio-4column #portfolio-list li {
	width: 24.8%;
}
}
 @media (min-width: 768px) {
.full-width-portfolio #portfolio-list li {
	width: 24.85%;
}
}
 @media (min-width: 768px) {
.portfolio-2column #portfolio-list li {
	width: 49.9%;
}
}
#portfolio-list li .header {
	display: none;
	margin: 2% 2% 0%;
	padding: 4% 0;
	font-size: 1.8em;
	line-height: 1.5;
	font-weight: 400;
	text-transform: none;
	color: #fff;
}
 @media (min-width: 992px) {
#portfolio-list li .header {
	display: block;
}
}
#portfolio-list li .body {
	display: none;
	font-size: 1em;
	color: #fff;
}
 @media (min-width: 992px) {
#portfolio-list li .body {
	display: block;
}
}
#portfolio-list li img {
	width: 100%;
	-webkit-transition: all 0.75s;
	-moz-transition: all 0.75s;
	-ms-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;
}
#portfolio-list li .portfolio-item-content {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	color: #050F1E;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portfolio-list li .more {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	display: inline-block;
	content: "i";
	font-size: 50px;
	font-style: normal;
	font-weight: 100;
	line-height: 76px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -40px;
	height: 80px;
	width: 80px;
	color: #fff;
	background: #000;
	border: 2px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
#portfolio-list li:hover h3 {
	color: #FFFFFF;
	transform: translate3d(0px, 70px, 0px);
	-webkit-transform: translate3d(0px, 70px, 0px);
	-moz-transform: translate3d(0px, 70px, 0px);
	-o-transform: translate3d(0px, 70px, 0px);
	-ms-transform: translate3d(0px, 70px, 0px);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
}
#portfolio-list li:hover > li:before {
	border-color: #2E3444;
	border-width: 14px;
}
#portfolio-list li:hover .portfolio-item-content {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
}
#portfolio-list li:hover .more {
	opacity: 0.75;
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	-o-opacity: .75;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
 @media (min-width: 992px) {
#portfolio-list li:hover .more {
	top: 60%;
	margin-top: 0;
}
}
#portfolio-list li:hover .more:hover {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	color: #556270;
	border-color: #fff;
	background: #fff;
}
/*============ pages ====================*/



.page-content h1,  .page-content h2,  .page-content h3,  .page-content h4 {
	color: #007fde;
	margin-bottom: 20px;
}
.page-content ul {
	margin-left: 20px;
}
.page-content ul li:before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #007fde;
	font-size: 15px;
}
.page-content li {
	margin-bottom: 5px;
}
/*------------------------------------------*/

/*		  07 - Single Project Styles

/*------------------------------------------*/





.project {
	padding-top: 30px;
}
.project-page {
	margin-bottom: 50px;
}
.project-slider {
	position: relative;
}
.project-slider img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.project-slider .thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: rgba(0,0,0,0);
	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;
}
.project-slider:hover .thumb-overlay {
	background: rgba(255,255,255,0.5);
}
.project-slider .thumb-overlay i {
	font-size: 3em;
	color: rgba(0,0,0,0);
	position: absolute;
	left: 50%;
	top: 42%;
	margin-left: -27px;
	margin-top: -19px;
	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;
}
.project-slider:hover .thumb-overlay i {
	top: 50%;
	color: #444;
}
.project-content h4 {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}
.project-content h4 span {
	padding-bottom: 8px;
	border-bottom: 1px solid;
}
.project-content p, .project-content ul {
	margin-bottom: 30px;
}
.project-content ul li {
	margin-bottom: 5px;
}
.recent-projects h4.title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}
.recent-projects h4.title span {
	padding-bottom: 8px;
	border-bottom: 1px solid;
}
.projects-carousel {
	width: 1150px !important;
}
.projects-carousel .item {
	margin-right: 15px;
	margin-bottom: 0;
}
.full-width-recent-projects .projects-carousel {
	width: 100% !important;
}
.full-width-recent-projects .projects-carousel .item {
	margin: 0;
}
.full-width-recent-projects .portfolio-item .portfolio-border {
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay {
	opacity: 0.65;
	z-index: 9994;
}
.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i {
	top: 25%;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i {
	color: #fff;
	top: 45%;
}
.full-width-recent-projects .portfolio-item .portfolio-details {
	position: absolute;
	bottom: -10px;
	opacity: 0;
	width: 100%;
	z-index: 9995;
	padding: 0 20px;
	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;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-details {
	bottom: 10px;
	opacity: 1;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-details h4 {
	color: rgba(255,255,255,.9);
}
.full-width-recent-projects .portfolio-item .portfolio-details a span {
	color: rgba(255,255,255,.8);
}
.full-width-recent-projects .portfolio-item .portfolio-details .like-link i, .full-width-recent-projects .portfolio-item .portfolio-details .like-link span {
	color: #fff;
}
/*------------------------------------------*/

/*			   08 - Blog Styles

/*------------------------------------------*/



.blog-title {
	margin-top: -50px;
	margin-bottom: 30px;
}
.blog-post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.blog-post .post-head {
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
}
.blog-post .post-head .thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: rgba(0,0,0,0);
	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;
}
.blog-post .post-head:hover .thumb-overlay {
	background-color: rgba(255,255,255,0.4);
}
.blog-post .post-head .thumb-overlay i {
	font-size: 3em;
	color: rgba(0,0,0,0);
	position: absolute;
	left: 50%;
	top: 42%;
	margin-left: -27px;
	margin-top: -19px;
	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;
}
.blog-post .post-head:hover .thumb-overlay i {
	color: #444;
	top: 50%;
}
.blog-post .post-head img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.blog-post .post-content {
	position: relative;
}
.blog-post .post-type {
	position: absolute;
	left: 0;
	top: 5px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #444;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.blog-post .post-type i {
	font-size: 1.2em;
	color: #fff;
}
.blog-post.quote-post .post-type {
	top: 0;
}
.post-content h2 {
	margin-bottom: 4px;
}
.post-content h2 a {
	color: #444;
	font-weight: 500;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.blog-post.quote-post .qoute-box {
	background: #444;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	padding: 20px 25px;
	color: #fff;
	margin-bottom: 10px;
}
.blog-post.quote-post .qoute-box a {
	color: #999;
}
.blog-post.quote-post .qoute-box h2 {
	font-family: 'Vollkorn', serif;
	font-size: 18px;
	line-height: 26px;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
}
.blog-post.quote-post .qoute-box .qoute-author {
	margin-left: 5px;
}
.blog-post.quote-post .qoute-box .qoute-author:before, .blog-post.quote-post .qoute-box .qoute-author:after {
	content: " - "
}
.blog-post .post-slider {
	position: relative;
}
ul.post-meta {
	margin-bottom: 10px;
}
ul.post-meta li {
	display: inline-block;
}
ul.post-meta li:after {
	content: "-";
	margin: 0 8px 0 8px;
}
ul.post-meta li:last-child:after {
	content: "";
	margin: 0;
}
ul.post-meta li, ul.post-meta li a {
	color: #495257;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.post-content p {
	margin-bottom: 15px;
}
/*Pagination*/

#pagination span, #pagination a {
	display: inline-block;
	text-align: center;
	height: 34px;
	width: 34px;
	color: #495257;
	line-height: 33px;
	border: 1px solid #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#pagination span.current {
	color: #fff;
}
#pagination a:hover {
	border-color: #ddd;
}
#pagination .all-pages, #pagination .next-page {
	width: auto;
	padding: 0 14px;
}
/*------------------------------------------*/

/*		    09 - Single post Styles

/*------------------------------------------*/



.blog-page, .blog-post-page {
	padding-top: 5px;
}
.blog-post-page .blog-post {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.blog-post-page ul.post-meta {
	margin-bottom: 12px;
}
.post-content h2 {
	font-weight: 500;
}
.post-bottom {
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #f6f6f6;
}
.post-tags-list {
	float: right;
	padding-top: 6px;
}
.post-tags-list a {
	display: inline-block;
	color: #495257;
	font-size: 12px;
	padding: 2px 8px;
	background: #eee;
	margin-bottom: 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.post-tags-list a:hover {
	color: #fff;
}
.post-share {
	float: left;
}
.post-share span {
	margin-right: 4px;
	font-size: 13px;
	color: #495257;
}
.post-share a {
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.post-share a.facebook {
	background-color: #507CBE;
}
.post-share a.facebook:hover {
	background-color: #3E68A8;
}
.post-share a.twitter {
	background-color: #63CDF1;
}
.post-share a.twitter:hover {
	background-color: #36BFED;
}
.post-share a.gplus {
	background-color: #F16261;
}
.post-share a.gplus:hover {
	background-color: #EF4545;
}
.post-share a.linkedin {
	background-color: #90CADD;
}
.post-share a.linkedin:hover {
	background-color: #72BBD3;
}
.post-share a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 1em;
}
.blog-post .author-info {
	display: block;
	margin-bottom: 10px;
}
.blog-post .author-info .author-image {
	float: left;
}
.blog-post .author-info .author-image img {
	width: 70px;
	height: 70px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border: 4px solid #eee;
}
.blog-post .author-info .author-bio {
	padding-left: 85px;
}
.blog-post .author-info h4 {
	margin-bottom: 4px;
	font-weight: 500;
}
.blog-post .author-info p:last-child {
	margin: 0;
}
#comments .comments-list {
	padding: 0;
	margin: 0 0 35px 0;
}
#comments .comments-title {
	font-weight: 500;
	margin-bottom: 20px;
}
#comments .comments-list li .comment-box {
	padding: 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
}
#comments .comments-list li ul {
	padding-left: 80px;
}
#comments .avatar {
	float: left;
}
#comments .avatar img {
	width: 60px;
	height: 60px;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border: 1px solid #e8e8e8;
}
#comments .comment-content {
	padding-left: 72px;
}
#comments .comment-content .comment-meta {
	margin-bottom: 5px;
}
.comment-content .comment-meta span:after {
	content: "-";
	margin: 0 5px;
	font-weight: 100;
	color: #495257;
}
.comment-content .comment-meta span:last-child:after {
	content: "";
	margin: 0;
}
.comment-content .comment-meta .comment-by {
	font-weight: 600;
	color: #444;
}
.comment-content .comment-meta .comment-date {
	color: #495257;
}
#respond .respond-title {
	font-weight: 500;
	margin-bottom: 15px;
}
/*------------------------------------------*/

/*			10 - SideBar Styles

/*------------------------------------------*/



.sidebar {
	margin-bottom: 30px;
}
.sidebar a {
	color: #495257;
}
.sidebar .widgets {
	overflow: hidden;
	margin-bottom: 50px;
}
.sidebar .widgets ul {
	margin: 0;
}
.widget-search input[type="search"] {
	position: relative;
	margin: 0;
	float: left;
	height: 37px;
	line-height: 37px;
	width: calc(100% - 38px);
	border-right: none;
	border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
}
.widget-search .search-btn {
	display: inline-block;
	width: 38px;
	height: 37px;
	border: none;
	color: #fff;
	font-size: 1.2em;
	line-height: 36px;
	text-align: center;
	border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.widget-search .search-btn:hover {
	background-color: #444;
}
.sidebar .widgets h2 {
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
}
.sidebar .widgets h2:before {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 2px;
	background-color: #ddd;
	margin: 0;
}
.widget_categories ul li a {
	padding: 8px 0;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #eee;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.widget_categories ul li:first-child a {
	padding-top: 0;
}
.widget_categories ul li a:hover {
	padding-left: 8px;
}
.sidebar .widget-popular-posts li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}
.sidebar .widget-popular-posts li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.sidebar .widget-popular-posts .widget-thumb {
	float: left;
	margin-right: 8px;
	border: 3px solid #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.sidebar .widget-popular-posts .widget-thumb img {
	width: 65px;
	height: 65px;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.sidebar .widget-popular-posts .widget-thumb:hover img {
	opacity: 0.7;
}
.sidebar .widget-popular-posts .widget-content h5 {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 5px;
	font-weight: 400;
}
.sidebar .widget-popular-posts .widget-content span {
	color: #bbb;
	font-size: 12px;
}
.sidebar .tagcloud a {
	display: inline-block;
	color: #495257;
	font-size: 12px;
	padding: 4px 10px;
	background: #eee;
	margin-bottom: 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.sidebar .tagcloud a:hover {
	color: #fff;
}
/*------------------------------------------*/

/*			 11 - Footer Styles

/*------------------------------------------*/



footer {
	background-color: #495257;
	padding-top: 50px;
	border-top: 4px solid #007fde;
	color: #cecece;
}
footer p {
	color: #ccc;
}
footer a {
	color: #cecece;
}
footer a:hover {
	color: #fff;
}
.footer-widget {
	margin-bottom: 25px;
}
.footer-widget h4 {
	color: #fff;
	padding-bottom: 8px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	position: relative;
	text-transform: uppercase;
}
.footer-widget h4 .head-line {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 3px;
	background-color: #333;
	margin: 0;
}
.footer-widget p {
	margin-bottom: 20px;
}
ul.footer-nav {
	float: right;
}
ul.footer-nav li {
	display: inline-block;
	float: left;
	margin-left: 15px;
}
ul.footer-nav li:first-child {
	margin-left: 0;
}
ul.footer-nav li a {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
ul.footer-nav li a:hover {
	color: #fff;
}
.back-to-top {
	display: none;
	position: fixed;
	bottom: 18px;
	right: 15px;
}
.back-to-top i {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	text-align: center;
	background-color: #444;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.iframe {
	border: none;
}
.services-2 {
	position: relative;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
.services-2-icon {
	display: inline-block;
	width: 100%;
	display: table;
}
.services-2-icon i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	margin-right: 15px;
	border-radius: 50%;
	float: left;
	text-align: center;
	font-size: 26px;
	background: #E93735;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.services-2:hover .services-2-icon i {
	display: block;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
.services-2-text {
	margin-left: 75px;
	overflow: hidden;
}
.services-2-icon h4 {
	font-family: 'Vollkorn', serif;
	color: #404449;
	font-size: 16px;
	font-weight: 400;
	margin: 15px 0px 0px 0px;
	text-align: left;
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
	width: 100%;
}
.services-2 p {
	color: #ACB2B8;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.services-3 {
	position: relative;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
.services-3-icon {
	display: inline-block;
	width: 100%;
	display: table;
}
.services-3-icon i {
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	margin-left: 15px;
	border-radius: 50%;
	float: left;
	text-align: center;
	font-size: 26px;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.services-3:hover .services-3-icon i {
	display: block;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
.services-3-text {
	margin-right: 75px;
	overflow: hidden;
}
.services-3-icon h4 {
	font-family: 'Vollkorn', serif;
	color: #404449;
	font-size: 16px;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
	text-align: right;
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
	width: 100%;
}
.services-3 p {
	color: #ACB2B8;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
.navbar-collapse {
	max-height: 340px;
}