/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);


	html {
		overflow-x: hidden;
	}

    body {
		color: #333;
		overflow-x: hidden; 
		font-size: 14px;
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	
	.clear { display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0; }
	
	a, a > *,
	button, button > * {
		color: inherit;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	a:hover, a > *:hover, a:focus, a > *:focus {
		text-decoration: none;
	}
	
	.nav a {
		color: inherit;
	}
	
	p {
		position: relative;
		margin-bottom: 20px;
		line-height: 20px;
	}
	
	.lead {
		font-size: 14px;
		line-height: 22px;
		text-align:justify;
	}

	hr {
		margin-bottom: 40px;
		margin-top: 40px;
		clear: both;
		border-color: rgba(0,0,0,0.10);
	}

	.dark hr {
		border-color: rgba(255,255,255,0.15);
	}

    img {
        display: block;
        max-width: 100%;
        height: auto;
        -webkit-backface-visibility: hidden;
    }
	.text-center {
	text-align:center;
	}
	.text-white {
	color:#fff;
	}
	section, .section {
		position: relative;
	}
	.bdr-side {
	border-left:20px solid #7EC029;
	border-right:20px solid #7EC029;
	}
	/*strong {
		font-weight: 500;
	}*/

	.container {
		position: relative;;
	}

	/* Headings */
	
	h1,h2,h3,h4,h5,h6 {
		position: relative;
		font-family: inherit;
		margin-top: 0px;
	}
	
	h1,h2,h3,h4 {
		font-weight: 100;
	}
	
	h5,h6 {
		font-weight: 400;
	}
	
	h1 { font-size: 42px; }
	h2 { font-size: 36px; }
	h3 { font-size: 30px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	h6 { font-size: 14px; }
	
	h1 { margin-bottom: 32px; }
	h2 { margin-bottom: 30px; }
	h3 { margin-bottom: 24px; }
	h4 { margin-bottom: 20px; }
	h5 { margin-bottom: 18px; }
	h6 { margin-bottom: 11px; }
	
	
	
/* ----------------------------------------------------------------------------- */
/* --- 2. BASIC 
/* ----------------------------------------------------------------------------- */

	.bg-white { background-color: #fff; }
	.bg-white-transparent { background-color: rgba(255,255,255,0.5); }
	.bg-black { background-color: #0f0f0f; }
	.bg-black-transparent { background-color: rgba(0,0,0,0.5); }
	.bg-grey { background-color: #f6f6f6; }
	.bg-green { background-color: #7EC029; }
	.bg-danger { background-color: #7EC029; }
	.bg-info { background-color: #23aae2; }
	.bg-success { background-color: #7ec029; }
	.bg-yellow { background-color: #f0bc08; }
	.bg-warning { background-color: #ef7d18; }

	.bordered-bottom { border-bottom: 1px solid rgba(0,0,0,0.10); }
	.dark .bordered-bottom { border-bottom: 1px solid rgba(255,255,255,0.15); }
	.bordered-top { border-top: 1px solid rgba(0,0,0,0.10); }
	.dark .bordered-top { border-top: 1px solid rgba(255,255,255,0.15); }

	.bg-image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size:  cover;
		background-repeat: no-repeat; 
		z-index: 0;
	}
	
	.dark { color: #fff; }

	.padded-70 { padding: 70px; }
	.padded-60 { padding: 60px; }
	.padded-40 { padding: 40px; }
	.padded-30 { padding: 30px; }
	.padded-10 { padding: 10px; }
	.padded-5 { padding: 5px; }

	.padded-vertical-70 { padding-top: 70px; padding-bottom: 70px; }
	.padded-vertical-60 { padding-top: 60px; padding-bottom: 60px; }
	.padded-vertical-40 { padding-top: 40px; padding-bottom: 40px; }
	.padded-vertical-30 { padding-top: 30px; padding-bottom: 30px; }
	.padded-vertical-10 { padding-top: 10px; padding-bottom: 10px; }

	.padded-top-70 { padding-top: 70px; }
	.padded-top-60 { padding-top: 60px; }
	.padded-top-40 { padding-top: 40px; }
	.padded-top-30 { padding-top: 30px; }
	.padded-top-30 { padding-top: 20px; }
	.padded-top-10 { padding-top: 10px; }

	.margin-bottom-0 { margin-bottom: 0px !important; }
	.margin-bottom-5 { margin-bottom: 5px !important; }
	.margin-bottom-10 { margin-bottom: 10px !important; }
	.margin-bottom-20 { margin-bottom: 20px !important; }
	.margin-bottom-30 { margin-bottom: 30px !important; }
	.margin-bottom-40 { margin-bottom: 40px !important; }

	.margin-horizontal-10 { margin-left: 10px !important; margin-right: 10px !important; }
	.margin-horizontal-20 { margin-left: 20px !important; margin-right: 10px !important; }

	.margin-left-10 { margin-left: 10px !important; }
	.margin-left-20 { margin-left: 20px !important; }
	.margin-left-30 { margin-left: 30px !important; }

	.margin-right-20 { margin-right: 10px !important; }
	.margin-right-20 { margin-right: 20px !important; }
	.margin-right-30 { margin-right: 30px !important; }

	.icon-before { padding-right: 10px; }
	.icon-after { padding-left: 10px; }
	.icon-before-and-after { padding-right: 8px; padding-left: 8px; }
	
	.font-alt { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
	.text-uppercase { text-transform: uppercase;}
	.text-light { font-weight: 100; }
	.text-sm { font-size: 12px; }
	.text-xs { font-size: 11px; }

	.text-danger { color: #7EC029; }
	.text-info { color: #23aae2; }
	.text-success { color: #7ec029; }
	.text-yellow { color: #f0bc08; }
	.text-warning { color: #ef7d18; }
	.text-muted { color: rgba(0,0,0,0.5); }
	.text-muted-2x { color: rgba(0,0,0,0.25); }
	.dark .text-muted { color: rgba(255,255,255,0.4); }
	.dark .text-muted-2x { color: rgba(255,255,255,0.2); }

	.link-hover-reset:hover, .link-hover-reset:focus { color: inherit; }

	.overlay {
		position:  absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	/*.overlay-black { background: #000; }*/
	.overlay-white { background: #fff; }
	
	.parallax { width: 100%; background-attachment: fixed; background-position: 50% 0px; }

	.sep {
		display: inline-block;
		height: 2px;
		width: 70px;
		clear: both;
		margin: 16px 0px;
		content: ' ';
	}

	.sep-no-top {
		margin-top: 0;
	}
	
	@-webkit-keyframes sep-stretch-right  {
		0% { width:0%; }
		100% { width: 70px; }
	}
	
	@-moz-keyframes sep-stretch-right {
		0% { width:0%; }
		100% { width: 70px; }
	}
	
	@-o-keyframes sep-stretch-right {
		0% { width:0%; }
		100% { width: 70px; }
	}
	
	@keyframes sep-stretch-right {
		0% { width:0%; }
		100% { width: 70px; }
	}
	
	.stretch-right { width: 0%; }
	
	.sep-animated {
		visibility: hidden;
	}

	.sep-animated.visible {
		visibility: visible;
	}

	.sep-animation {
		-webkit-animation-fill-mode:both;
		-moz-animation-fill-mode:both;
		-ms-animation-fill-mode:both;
		-o-animation-fill-mode:both;
		animation-fill-mode:both;
		
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
		animation-delay: 0.3s;
		
		-webkit-animation-duration: 1.5s;
		-moz-animation-duration: 1.5s;
		-ms-animation-duration: 1.5s;
		-o-animation-duration: 1.5s;
		animation-duration: 1.5s;
		
		-webkit-animation-name: sep-stretch-right;
		-moz-animation-name: sep-stretch-right;
		-ms-animation-name: sep-stretch-right;
		-o-animation-name: sep-stretch-right;
		animation-name: sep-stretch-right;
	}

	.sep-default { background-color: #e5e5e5; }
	
/* ----------------------------------------------------------------------------- */
/* --- 3. HEADER
/* ----------------------------------------------------------------------------- */
.header-top{
	position:relative;
	font-size:16px;
	padding:10px 0px 10px 0px;
	background:#7EC029;
	color:#ffffff;
	border-bottom:1px solid #e7e7e7;
}

.header-top a{
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}
.links-nav {
list-style-type:none;
padding:0px;
margin:0px;
}
.links-nav li{
	position:relative;
	float:left;
	padding:0px 10px;
	color:#fff;
	font-size:16px;
	line-height:14px;
	font-weight:400;
	border-right:1px solid #dbdbdb;
	font-family: 'Roboto', sans-serif;
}

.links-nav li:last-child{
	border:0px;
	padding-right:0px;
}

.top-left .links-nav li:first-child{
	padding-left:0px;
}

.links-nav li a{
	position:relative;
	color:#fff;
	font-size:14px;
	line-height:14px;
}

.links-nav li a:hover{
	color:#333;
}

.links-nav li span{
	padding-right:0px;
	font-size:18px;
	color:#345D00;	
}
#header .social-icons {
margin-top:-5px;
margin-bottom:0px;
}
	#header {
		z-index: 150;
	}

	.header {
		z-index: 100;
		position: relative;
	}

	.header.wide {
		padding: 0px 80px;
	}

	.header-white {
		background: #fff;
	}

	.header-black {
		background: #020202;
		color: #fff;
	}

	.header.transparent {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: none;
	}

	.header-white.transparent.sticky {
		background: #fff;
		color: #333;
	}

	.header-black.transparent.sticky {
		background: #020202;
		color: #fff;
	}
	
	.header.sticky {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 200;
	}
	
	.logo {
		position: relative;
		bottom: 8px;
	}
	
	/* Top Bar */
	
	.top-bar {
		line-height: 15px;
		padding-top: 14px;
		padding-bottom:  14px;
	}
	
	.push-down {
		position:relative;
		top: 5px;
	}
	
	/* Navigation */
	
	.nav-bar {
		padding-top:20px;
	}

	.nav-main {
		font-weight: 500;
		font-size: 12px;
	}

	.nav-main li {
		position: relative;
	}
	
	.nav-main > li {
		position: relative;
		float: left;
		margin-right: 30px;
	}

	.nav-main > li:last-child {
		margin-right: 0;
	}

	.nav-main > li > a {
		display: inline-block;
		padding: 14px 0px 20px;
	}
	
	.nav-main > li > a:hover,
	.nav-main > li > a:focus {
		background: none;
	}
	
	.nav-main > li.has-dropdown > a:hover,
	.nav-main > li.has-dropdown > a:focus,
	.nav-main > li.has-dropdown-wide > a:hover,
	.nav-main > li.has-dropdown-wide > a:focus {
		color: inherit;
	}

	.nav-main > li.has-dropdown-wide {
		position: static;
	}
	
	.nav-main > li.has-dropdown:after,
	.nav-main > li.has-dropdown-wide:after {
		margin-left: 4px;
		font-family: 'FontAwesome';
		content: "\f107 ";
		opacity: .5;
	}
	
	.nav-main > li.has-dropdown:hover:after,
	.nav-main > li.has-dropdown-wide:hover:after {
		opacity: 1;
	}
	
	.nav-main > li > .nav-main-dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		transition: all 0.35s ease-in-out 0.1s;
		-webkit-transition: all 0.35s ease-in-out 0.1s;
		-o-transition: all 0.35s ease-in-out 0.1s;
		opacity: 0;	
		visibility: hidden;
		transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}

	.nav-main > li.has-dropdown-wide > .nav-main-dropdown {
		width: 100%;
		padding: 20px 30px;
	}

	.nav-main > li.has-dropdown:after,
	.nav-main > li.has-dropdown-wide:after {
		margin-left: 4px;
		font-family: 'FontAwesome';
		content: "\f107 ";
		opacity: .5;
	}

	.nav-main > li > .nav-main-dropdown ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.nav-main > li:hover > .nav-main-dropdown {
		opacity: 1;	
		visibility: visible;
		transform: translateY(0px);
		-ms-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}

	.nav-main > li ul li.has-dropdown:after {
		position: absolute;
		top: 9px;
		right: 14px;
		font-family: 'FontAwesome';
		content: "\f105 ";
		opacity: .5;
	}

	.nav-main > li ul li:hover.has-dropdown:after {
		opacity: 1;
	}

	.nav-main ul ul {
		position: absolute;
		top: 0;
    	left: 100%;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		opacity: 0;	
		visibility: hidden;
		transform: translateX(-10px);
	}

	.nav-main ul li:hover > ul {
		opacity: 1;	
		visibility: visible;
		transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
	
	.dropdown-dark .nav-main-dropdown ul,
	.dropdown-dark .has-dropdown-wide .nav-main-dropdown {
		background: #111;
		color: #fff;
	}
	
	.dropdown-dark .text-muted { color: rgba(255,255,255,0.45); }
	.dropdown-dark .text-muted-2x { color: rgba(255,255,255,0.25); }

	.dropdown-white .text-muted { color: rgba(0,0,0,0.5); }
	.dropdown-white .text-muted-2x { color: rgba(0,0,0,0.25); }

	.dropdown-white .nav-main-dropdown ul,
	.dropdown-white .has-dropdown-wide .nav-main-dropdown {
		background: #fff;
		color: #333;
	}


	
	.nav-main.dropdown-dark li ul li {
		border-bottom: 1px solid #2e2e2e;
	}
	
	.nav-main.dropdown-white li ul li {
		border-bottom: 1px solid #e2e2e2;
	}
	
	.nav-main li ul li:last-child {
		border-bottom: none;
	}
	
	.nav-main li ul a {
		position: relative;
		display: inline-block;
		padding: 10px 15px;
		min-width: 200px;
		font-size: 11px;
		font-weight: 400;
		overflow: hidden;
		border-left: 2px solid rgba(0,0,0,0);
		display: block;
	}
	
	.nav-main > li ul a:hover,
	.nav-main > li ul a:focus {
		color: #fff;
	}

	/* Mobile Menu */

	.mobile-menu {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		display: none;
	}

	.mobile-menu  ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.mobile-menu > ul {
		list-style: none;
		padding: 0px 0px 10px;
		margin: 0;
		display: none;
		overflow-y: scroll;
	}

	.header-white .mobile-menu {
		background: #fff;
		color: #333;
	}

	.header-black .mobile-menu {
		background: #020202;
		color: #fff;
	}

	.mobile-menu ul li {
		position: relative;
	}

	.mobile-menu ul li.has-dropdown > a:after,
	.mobile-menu ul li.has-dropdown-wide > a:after {
		position: absolute;
		top: 16px;
		right: 55px;
		font-family: 'FontAwesome';
		content: "\f107 ";
		opacity: .5;
	}

	.mobile-menu ul li.has-dropdown > a:hover:after,
	.mobile-menu ul li.has-dropdown-wide > a:hover:after {
		opacity: 1;
	}

	.mobile-menu ul li.has-dropdown.active > a:after,
	.mobile-menu ul li.has-dropdown-wide.active > a:after {
		opacity: 1;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.mobile-menu ul a {
		font-size: 12px;
	}

	.header-white .mobile-menu ul a {
		border-bottom: 1px solid #e4e4e4;
	}

	.header-black .mobile-menu ul a {
		border-bottom: 1px solid #2e2e2e;
	}

	.mobile-menu ul li a {
		position: relative;;
		padding: 15px 50px;
		display: block;
	}

	.mobile-menu ul li > ul,
	.mobile-menu ul li > .nav-main-dropdown {
		display: none;
	}

	.mobile-menu ul li li a {
		padding: 12px 50px;
	}

	.header-white .mobile-menu ul li li a {
		background: #fbfbfb;
	}

	.header-black .mobile-menu ul li li a {
		background: #0d0d0d;
	}

	.mobile-menu ul li li a {
		font-size: 11px;
	}

	.mobile-menu ul li li li a {
		padding: 12px 50px 12px 60px;
	}

	.mobile-menu ul li li li li a {
		padding: 12px 50px 12px 70px;
	}

	.header-white .mobile-menu ul li li li a {
		background: #f6f6f6;
	}

	.header-white .mobile-menu ul li li li li a {
		background: #f6f6f6;
	}

	.header-black .mobile-menu ul li li li a {
		background: #0f0f0f;
	}

	.header-black .mobile-menu ul li li li li a {
		background: #141414;
	}

	.mobile-menu-toggle {
		position: relative;
		display: block;
		width: 30px;
		height: 10px;
		content: ' ';
		top: -3px;
		display: none;
	}

	.mobile-menu-toggle:after,
	.mobile-menu-toggle:before {
		position: absolute;
		left: 0;
		height: 2px;
		width: 30px;
		background: #333;
		content: ' ';
		transition: all 0.20s ease-in;
		-webkit-transition: all 0.20s ease-in;
		-o-transition: all 0.20s ease-in;
	}

	.header-black .mobile-menu-toggle:after,
	.header-black .mobile-menu-toggle:before,
	.header.transparent.dark .mobile-menu-toggle:after,
	.header.transparent.dark .mobile-menu-toggle:before {
		background: #fff;
	}

	.header-white.transparent.sticky .mobile-menu-toggle:after,
	.header-white.transparent.sticky .mobile-menu-toggle:before {
		background: #333;
	}

	.mobile-menu-toggle:after { top: 0px; }
	.mobile-menu-toggle:before { bottom: 0px; }

	.mobile-menu-toggle.active:after { 
		transform: rotate(45deg); 
		-ms-transform: rotate(45deg); 
		-webkit-transform: rotate(45deg); 
		top: 5px; 
	}
	.mobile-menu-toggle.active:before { 
		transform: rotate(-45deg); 
		-ms-transform: rotate(-45deg); 
		-webkit-transform: rotate(-45deg); 
		bottom: 3px; 
	}

	/* Header Elements */


	.nav-bar .btn { margin-top: -9px; }
	
	.nav-bar .social-icons,
	.nav-bar .btn-xs {
		margin-top: -5px;
	}
	.nav-bar .btn-sm { margin-top: -7px; }

 	.top-bar > span,
	.top-bar div > span {
		line-height: 27px;
		display: inline-block;
	}


/* ----------------------------------------------------------------------------- */
/* --- 4.  SLIDERS
/* ----------------------------------------------------------------------------- */

	#home,
	#home .bg-image {
		overflow: hidden;
	}

	.home-default,
	.home-default .bg-image {
	min-height:550px;	
	background-position: center center;
	background-size: cover;
	}

	.home-sm,
	.home-sm .bg-image {
		/*min-height: 500px;*/
	}
	
	#home .bg-carousel {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

	.slide-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.photo-slide {
		height: 100%;
	}
	.photo-slide .slide-txt {
	color:#fff;
	margin-top:130px;
	text-align:left;
	}
	.banner-links {
	text-align:center; position:absolute; z-index:99;
	top:32vw;
    left:7vw;
    /*transform: translate(-0%, -50%);*/
	}

/* ----------------------------------------------------------------------------- */
/* --- 4.  PAGES
/* ----------------------------------------------------------------------------- */

	.title-bar {
		position: relative;
	}

	/* Sign In */

	.sign-in-content {
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-bottomright: 2px;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		padding: 15px;
	}

	.sign-in-head {
		padding: 32px 15px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}

	/* Blog */
	
	.post {
		margin-bottom: 30px;
	}

	.post-carousel .owl-wrapper {
		padding-bottom: 25px;
	}
	
	.post:last-child {
		margin-bottom: 0;
	}

	.post:first-child {
		margin-bottom: 30px;
	}


	.post-image {
		background-color: #F6F6F6;
	}

	.post-image-thumb {
		position: relative;
		overflow: hidden;
		z-index: 1;
		background-color: #F6F6F6;
	 }
	 
	.post-image-thumb img {
		transition: all 0.80s ease-in-out;
		-o-transition: all 0.80s ease-in-out;
		-webkit-transition: all 0.80s ease-in-out;
	}
	 
	.post:hover .post-image-thumb img {
		transform: scale(1.15,1.15)
	}
	
	.post-horizontal .post-image-thumb {
		float: left;
		width: 50%;
	}
	
	.post-horizontal .post-content {
		float: left;
		/*margin-top: 35px;*/
	}

	.post-vertical .post-content {
		margin-top: -75px;
		margin-left: 15px;
	}
	
	.post-content {
		position: relative;
		padding: 25px;
		background: #f8f8f8;
		border:1px solid #ccc;
		-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
		box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1);
		
		transition: all 0.20s ease-in;
		-o-transition: all 0.20s ease-in;
		-webkit-transition: all 0.20s ease-in;
		z-index: 2;
	}
	
	.post:hover .post-content {
		-webkit-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);
		box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1);
	}
	
	.post-labels,
	.post-title {
		margin-bottom: 15px;
		font-weight:bold;
	}
	
	.post-meta {
		text-transform: uppercase;
		font-size: 10px;
		color: #579B00;
		padding-bottom: 15px;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 15px;
	}
	
	.post-meta span  {
		display: inline-block;
		margin-right: 14px;
	}
	
	.post-meta span i {
		margin-right: 6px;
	}

	.post-author {
		padding: 25px;
		margin-bottom: 20px;
		border-left: 2px solid;
	}

	.post-author-photo {
		float: left;
	}

	.post-author-photo img {
		width: 70px;
		height: 70px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	.post-author-content {
		padding-left: 90px;
		webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	/* Comments */

	.comments {
		margin-bottom: 30px;
	}

	.comments,
	.comments ul {
		list-style: none;
		padding: 0;
	}

	.comments ul {
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 95px;
	}
	
	.comments li {
		margin-bottom: 25px;
	}

	.comments li:last-child {
		margin-bottom: 0;
	}

	.comment-avatar {
		float: left;
		width: 65px;
		height: 65px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		overflow: hidden;
	}

	.comment-avatar img {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

    .comment-content {
		padding-left: 95px;
	}

	.comment-head {
		margin-bottom: 15px;
	}

	.comment-text {	
		padding: 15px;
		background: #f6f6f6;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-bottom: 15px;
	}

	.comment-title {
		padding-right: 100px;
	}

	/* Twitter Feed */

	.tweet .loading {
		font-size:  10px;
		margin-bottom:  0;
		text-transform: uppercase;
		opacity: 0.6;
	}

	.tweet ul {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.tweet li {
		position: relative;
		padding-top: 25px;
		margin-bottom: 20px;
	}

	.tweet li:last-child {
		margin-bottom: 0;
	}

	.tweet-horizontal li {
		width: 50%;
		float: left;
		padding-left: 70px;
		margin-bottom: 0;
	}

	.tweet-horizontal li:before {
		position: absolute;
		top: 21px;
		left: 0;
		font-family: "FontAwesome";
		display: inline-block;
		text-align: center;
		overflow: hidden;
		font-size: 22px;
		width: 52px;
		height: 52px;
		color: #51d2f3;
		background: #fff;
		content: "\f099";
		font-size: 25px;
		padding-top: 9px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		-webkit-transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		-o-transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}

	.tweet-horizontal li:hover:before {
		transform: scale(1.2,1.2);
		-o-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
	}

	.tweet_time {
		position: absolute;
		top: 0;
		left: 0;
		background: #f6f6f6;
		padding: 2px 5px;;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 400;
		color: #232323;
		webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-style: normal;
	}

	.tweet-horizontal .tweet_time {
		left: 70px;
		background: #51d2f3;
		color: #fff;
	}

	.tweet_time a:hover, .tweet_time a:focus {
		color: #232323;
	}

	.dark .tweet_time a:hover, .dark.tweet_time a:focus {
		color: #fff;
	}

	.tweet_join {
		opacity: .6;
	}

	.tweet-horizontal .tweet_join, .tweet-horizontal .tweet_text {
		font-size: 15px;
		font-weight: 300;
	}

	.tweet_text a {
		font-weight: 500;
	}

	.tweet_text a:hover, .tweet_text a:focus {
		color: #51d2f3;
	}

	/* Portfolio */

	.gallery-item {
		position: relative;
		margin-bottom: 30px;
	}

	.gallery-item-image {
		position: relative;
		transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.gallery-item-title {
		padding-top: 30px;
	}

	.gallery-item-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden; 
		transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.gallery-item-overlay.overlay-black { background: rgba(0,0,0,0.6); }
	.gallery-item-overlay.overlay-white { background: rgba(255,255,255,0.8); }

	.gallery-item:hover .gallery-item-overlay {
	    opacity: 1;
		visibility: visible; 
	}

	.gallery-item-overlay:after,
	.gallery-item-overlay:before {
		position: absolute;
		bottom: 50%; 
		left: 50%;
		content: ' ';
		transition: all 0.20s ease-out 0.4s;
		-webkit-transition: all 0.20s ease-out 0.4s;
		-o-transition: all 0.20s ease-out 0.4s;
		opacity: 0;
	}

	.gallery-item-overlay.overlay-black:after,
	.gallery-item-overlay.overlay-black:before {
		background: #fff;
	}

	.gallery-item-overlay.overlay-white:after,
	.gallery-item-overlay.overlay-white:before {
		background: #333333;
	}

	.gallery-item-overlay:after { 
		height: 2px;
		width: 60px; 
		margin-left: -30px;
		transform: translateX(-300%);
		-ms-transform: translateX(-300%);
		-webkit-transform: translateX(-300%);
		-moz-transform: translateX(-300%);
	}
	.gallery-item-overlay:before { 
		height: 60px;
		width: 2px; 
		margin-bottom: -30px;
		transform: translateY(-300%);
		-ms-transform: translateY(-300%);
		-webkit-transform: translateY(-300%);
		-moz-transform: translateY(-300%);
	}

	.gallery-item:hover .gallery-item-overlay:after,
	.gallery-item:hover .gallery-item-overlay:before {
		opacity: 1;
	}

	.gallery-item:hover .gallery-item-overlay:after {
		transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
	}

	.gallery-item:hover .gallery-item-overlay:before {
		transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}

	.gallery-client .gallery-item-image {
		opacity: .4;
	}

	.gallery-client:hover .gallery-item-image {
		opacity: 1;
	}

	/* Google Map */

	.google-map {
		height: 300px;
	}

	.google-map img {
		max-width: none;
	}

	/* Team */

	.team-member-image {
		overflow: hidden;
	}

	.team-member-image img {
		transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}

	.team-member:hover .team-member-image img {
		transform: scale(1.2,1.2);
		-o-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
	}

	/* Animations */

	.animations-list > * {
		cursor: pointer;
	}

/* ----------------------------------------------------------------------------- */
/* --- 5.  FOOTER
/* ----------------------------------------------------------------------------- */

	footer {
		font-size: 12px;
	}

	.copyright .icon-xs {
		margin-top: -5px;
	}

/* ----------------------------------------------------------------------------- */
/* --- 6.  ELEMENTS
/* ----------------------------------------------------------------------------- */

	/* Basic Elements
	------------------------------------------- */
	
	.underline-link {
		font-size: 11px;
		text-decoration: underline;
	}

	.underline-link:hover, .underline-link:focus {
		color: inherit;
		text-decoration: none;
	}
	
	/* Icons 
	------------------------------------------- */
	
	.icon {
		position: relative;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		font-size: 40px;
		width: 52px;
	}
	
	.icon-circle {
		border: 2px solid;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		height: 80px;
		width: 80px;
		font-size: 30px;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
	}
	
	.icon > i {
		position: relative;
	}
	
	.icon-circle > i {
		margin-top: 22px;
	}

	.icon-primary.icon-circle {
		color: inherit;
	}
	
	.icon.icon-filled {
		color: #fff;
	}
	
	.icon-filled > i {
		top: 1px;
	}

	.icon-box-hover:hover .icon.icon-primary {
		color: #333;
	}

	a.icon.icon-circle:hover,
	.icon-box-hover:hover .icon.icon-circle {
		color: #fff;
	}

	.icon-box-hover .icon,
	a.icon {
		transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}
	
	a.icon:before,
	.icon-box-hover .icon-circle:before {
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		content: ' ';
		transform: translateY(100%);
		-ms-transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transition: all 0.35s ease-out;
		-webkit-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	
	a.icon:hover:before, a.icon:focus:before,
	.icon-box-hover .icon:hover:before, a.icon:focus:before,
	.icon-box-hover:hover .icon:before, a:focus .icon:before { 
		transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-webkit-border-radius: 0; 
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.icon-box-hover .icon-circle:hover, .icon-box-hover .icon-cricle:focus,
	.icon-box-hover:hover .icon-circle, .icon-box-hover :focus .icon-cricle {
		color: #fff;
	}
	
	.icon-xs 									{ font-size: 12px; width: 28px; height: 28px; }
	.icon-xs > i  								{ margin-top: 7px; }
	.icon-xs.icon-circle > i  					{ top: -2px; }
	
	.icon-sm 									{ font-size: 24px;  width: 46px; height: auto; }
	.icon-sm.icon-circle						{ height: 64px; width: 64px; }
	.icon-sm.icon-circle > i  					{ margin-top: 18px; }
	
	.icon-lg 									{ font-size: 56px;  width: 84px; height: auto; }
	.icon-lg.icon-circle						{ height: 110px; width: 110px; }
	.icon-lg.icon-circle > i  					{ margin-top: 24px; }
	
	.left-space-md { padding-left: 62px; }
	.left-space-lg { padding-left: 92px; }
	.left-space-xlg { padding-left: 130px; }

	.icon-box {
		margin-bottom: 20px;
	}
	.icon-box h6 {
	font-weight:bold;
	}
	/*.icon-box span {
	float:left;
	}
	.icon-box h6 {
	float:left;
	margin-left:10px;
	margin-top:20px;
	}*/
	
	/* Social Icons  */

	.social-icons {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.icon-facebook:hover																						     { color: #1f4578; }
	.icon-facebook.icon-circle														 								 { border-color: #1f4578; }
	.icon-facebook.icon-filled, .icon-facebook.icon-circle:before													 { background-color: #1f4578; }
	.icon-facebook.icon-filled:before 																				 { background-color: #123462; }
	.icon-facebook.icon-filled:hover																				 { border-color: #123462; }

	.icon-twitter:hover					 	 																		 { color: #50c8e6; }
	.icon-twitter.icon-circle									 	 											  	 { border-color: #50c8e6; }
	.icon-twitter.icon-filled, .icon-twitter.icon-circle:before													     { background-color: #50c8e6; }
	.icon-twitter.icon-filled:before 																				 { background-color: #2bb0d1; }
	.icon-twitter.icon-filled:hover																					 { border-color: #2bb0d1; }

	.icon-google-plus:hover																							 { color: #e13d3d; }
	.icon-google-plus.icon-circle																					 { border-color: #e13d3d; }
	.icon-google-plus.icon-filled, .icon-google-plus.icon-circle:before												 { background-color: #e13d3d; }
	.icon-google-plus.icon-filled:before 																			 { background-color: #d01e1e; }
	.icon-google-plus.icon-filled:hover																				 { border-color: #d01e1e; }

	.icon-linkedin:hover																							 { color: #008fc3; }
	.icon-linkedin.icon-circle																					 { border-color: #008fc3; }
	.icon-linkedin.icon-filled, .icon-linkedin.icon-circle:before												 { background-color: #008fc3; }
	.icon-linkedin.icon-filled:before 																			 { background-color: #00749e; }
	.icon-linkedin.icon-filled:hover																				 { border-color: #00749e; }

	.icon-behance:hover																							 { color: #0098fd; }
	.icon-behance.icon-circle																					 { border-color: #0098fd; }
	.icon-behance.icon-filled, .icon-behance.icon-circle:before												 { background-color: #0098fd; }
	.icon-behance.icon-filled:before 																			 { background-color: #0080d5; }
	.icon-behance.icon-filled:hover																				 { border-color: #0080d5; }

	.icon-dribbble:hover																							 { color: #f16092; }
	.icon-dribbble.icon-circle																					 { border-color: #f16092; }
	.icon-dribbble.icon-filled, .icon-dribble.icon-circle:before												 { background-color: #f16092; }
	.icon-dribbble.icon-filled:before 																			 { background-color: #dc3971; }
	.icon-dribbble.icon-filled:hover																				 { border-color: #dc3971; }

	.icon-dropbox:hover																							 { color: #0093eb; }
	.icon-dropbox.icon-circle																					 { border-color: #0093eb; }
	.icon-dropbox.icon-filled, .icon-dropbox.icon-circle:before												 { background-color: #0093eb; }
	.icon-dropbox.icon-filled:before 																			 { background-color: #006fb2; }
	.icon-dropbox.icon-filled:hover																				 { border-color: #006fb2; }

	.icon-github:hover																							 { color: #757575; }
	.icon-github.icon-circle																					 { border-color: #757575; }
	.icon-github.icon-filled, .icon-github.icon-circle:before												 { background-color: #757575; }
	.icon-github.icon-filled:before 																			 { background-color: #414040; }
	.icon-github.icon-filled:hover																				 { border-color: #414040; }

	.icon-skype:hover																							 { color: #16bef1; }
	.icon-skype.icon-circle																					 { border-color: #16bef1; }
	.icon-skype.icon-filled, .icon-skype.icon-circle:before												 { background-color: #16bef1; }
	.icon-skype.icon-filled:before 																			 { background-color: #09a2d0; }
	.icon-skype.icon-filled:hover																				 { border-color: #09a2d0; }

	.icon-tumblr:hover																							 { color: #3a5974; }
	.icon-tumblr.icon-circle																					 { border-color: #3a5974; }
	.icon-tumblr.icon-filled, .icon-tumblr.icon-circle:before												 { background-color: #3a5974; }
	.icon-tumblr.icon-filled:before 																			 { background-color: #214463; }
	.icon-tumblr.icon-filled:hover																				 { border-color: #214463; }

	.icon-instagram:hover																							 { color: #bd7f55; }
	.icon-instagram.icon-circle																					 { border-color: #bd7f55; }
	.icon-instagram.icon-filled, .icon-instagram.icon-circle:before												 { background-color: #bd7f55; }
	.icon-instagram.icon-filled:before 																			 { background-color: #9e5c2f; }
	.icon-instagram.icon-filled:hover																				 { border-color: #9e5c2f; }

	.icon-youtube:hover																							 { color: #eb3c31; }
	.icon-youtube.icon-circle																					 { border-color: #eb3c31; }
	.icon-youtube.icon-filled, .icon-youtube.icon-circle:before												 { background-color: #eb3c31; }
	.icon-youtube.icon-filled:before 																			 { background-color: #d2251a; }
	.icon-youtube.icon-filled:hover																				 { border-color: #d2251a; }
	
	
	/* Buttons
	------------------------------------------- */
	
	.btn {
		position: relative;
		color: inherit;
		font-size: 12px;
		font-weight: 400;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border: none;
		padding: 7px 32px;
		text-transform: uppercase;
		overflow: hidden;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
 		box-sizing: border-box;         /* Opera/IE 8+ */
		border: 2px solid;
		background: none;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transition: all 0.35s ease-out;
		-webkit-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
	}

	.safari .btn,
	.chrome .btn { 
		-webkit-transition: none;
	}

	.safari .btn { 
		-webkit-mask-image: -webkit-radial-gradient(circle, white, black); 
	}

	.btn:before {
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		content: ' ';
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		transition: all 0.35s ease-out;
		-webkit-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
	}
	
	.btn:hover:before, .btn:focus:before { 
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	
	.btn.btn-filled {
		color: #fff;
		transition: all 0.25s ease-out;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
	}
	
	.btn:hover, .btn:focus {
		background: none;
		color: #fff;
	}
	
	.btn > .btn-inner {
		position: relative;
		z-index: 2;
	}
	
	.btn-link {
		border: none;
	}

	.btn:active {
		box-shadow: none;
	}

	.btn-sm, .btn-group-sm > .btn {
		padding: 5px 25px;
		font-size: 11px;
	}
	
	.btn-xs, .btn-group-xs > .btn {
		padding: 4px 18px;
		font-size: 10px;
	}
	
	.btn-lg, .btn-group-lg > .btn {
		padding: 14px 39px;
		font-size: 13px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

	.btn-default, .btn-default:hover, .btn-default:focus { border-color: #e4e4e4; }
	.btn-default:before, .btn-default.btn-filled, .btn-default.btn-filled:hover, .btn-default.btn-filled:focus { background-color: #e4e4e4; }
	.btn-default.btn-filled:hover, .btn-default.btn-filled:focus { border-color: #d6d6d6; }
	.btn-default.btn-filled:before { background-color: #d6d6d6; }

	.dark .btn-default, .dark .btn-default:hover, .dark .btn-default:focus, .dark .btn-default.focus, .dark .btn-default:active, .dark .btn-default.active, .dark .open > .dropdown-toggle.btn-default {
		border-color: #fff;
	}
	.dark .btn-default:before {
		background: #fff;
	}
	.btn-default.btn-filled, .btn-default:hover, .btn-default:focus { color: #333; }

	.btn-success, .btn-success:hover, .btn-success:focus { border-color: #7ec029; }
	.btn-success:before, .btn-success.btn-filled, .btn-success.btn-filled:hover, .btn-success.btn-filled:focus { background-color: #7ec029; }
	.btn-success.btn-filled:hover, .btn-success.btn-filled:focus { border-color: #5e9e0c; }
	.btn-success.btn-filled:before { background-color: #5e9e0c; }

	.btn-danger, .btn-danger:hover, .btn-danger:focus { border-color: #7EC029; }
	.btn-danger:before, .btn-danger.btn-filled, .btn-danger.btn-filled:hover, .btn-danger.btn-filled:focus { background-color: #7EC029; }
	.btn-danger.btn-filled:hover, .btn-danger.btn-filled:focus { border-color: #5E9E0C; }
	.btn-danger.btn-filled:before { background-color: #5E9E0C; }

	.btn-yellow, .btn-yellow:hover, .btn-yellow:focus { border-color: #f0bc08; }
	.btn-yellow:before, .btn-yellow.btn-filled, .btn-yellow.btn-filled:hover, .btn-yellow.btn-filled:focus { background-color: #f0bc08; }
	.btn-yellow.btn-filled:hover, .btn-yellow.btn-filled:focus { border-color: #da8a00; }
	.btn-yellow.btn-filled:before { background-color: #da8a00; }

	.btn-warning, .btn-warning:hover, .btn-warning:focus { border-color: #ef7d18; }
	.btn-warning:before, .btn-warning.btn-filled, .btn-warning.btn-filled:hover, .btn-warning.btn-filled:focus { background-color: #ef7d18; }
	.btn-warning.btn-filled:hover, .btn-warning.btn-filled:focus { border-color: #cb5f00; }
	.btn-warning.btn-filled:before { background-color: #cb5f00; }

	.btn-info, .btn-info:hover, .btn-info:focus { border-color: #23aae2; }
	.btn-info:before, .btn-info.btn-filled, .btn-info.btn-filled:hover, .btn-info.btn-filled:focus { background-color: #23aae2; }
	.btn-info.btn-filled:hover, .btn-info.btn-filled:focus { border-color: #0787bc; }
	.btn-info.btn-filled:before { background-color: #0787bc; }

	.btn-black, .btn-black:hover, .btn-black:focus { border-color: #121212; }
	.btn-black:before, .btn-black.btn-filled, .btn-black.btn-filled:hover, .btn-black.btn-filled:focus { background-color: #121212; }
	.btn-black.btn-filled:hover, .btn-black.btn-filled:focus { border-color: #020202; }
	.btn-black.btn-filled:before { background-color: #020202; }


	.btn-primary.btn-filled, .btn-primary-dark, .btn-primary-dark:hover, .btn-primary-dark:focus {
		 color: #fff; 
	}
 
	.btn span > i {
		opacity: .5;
	}

	.btn-link:hover, .btn-link:focus {
		color: inherit;
	}
	
	.btn-link:before {
		display: none;
	}
	
	.btn.btn-pull-up { margin-top: -20px; }
	
	/* Label
	------------------------------------------- */
	
	.label {
		display: inline-block;
		padding: 3px 5px;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 400;
		webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.label-default { background: #F6F6F6; color: #333; }
	.label-black   { background: #020202; }
	.label-success { background-color: #7ec029; }
	.label-danger { background-color: #7EC029; }
	.label-yellow { background-color: #f0bc08; }
	.label-warning { background-color: #ef7d18; }
	.label-info { background-color: #23aae2; }
	.label-black { background-color: #020202; }

	/* Form Elements
	------------------------------------------- */
	
	input {
		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-weight: 400;
	}

	label a {
		text-decoration: underline;
	}

	label a:hover,
	label a:focus {
		color: inherit;
		text-decoration: none;
	}

	.form-group,
	.checkbox-group {
		position: relative;
		display: block;
	}

	.checkbox {
		position: relative;
		display: block;
		min-height: none;
	}
	
	.radio label, .checkbox label {
		min-height: 0;
	}

	/* Checkbox */
	
	input[type="checkbox"] {
		position: absolute;
		visibility: hidden;  
	}
	
	label.checkbox-label {
		position: relative;
		padding-left: 23px;
		cursor: pointer;
	}
	
	label.checkbox-label:before {
		position: absolute;
		top: 1px;
		left: 0;
		display: block;
		width: 16px;
		height: 16px;
		background: #ededed;
		webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		content: ' ';
		z-index: 0;
	}
	
	label.checkbox-label:after {
		position: absolute;
		top: 0px;
		left: 2px;
		display: block;
		font-family: 'FontAwesome';
		font-weight: 100;
		font-size: 12px;
		color: #c0c0c0;
		content: '\f00c';
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	/* Input */
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	textarea:focus,
	.form-control:focus {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.dark input[type="text"],
	.dark input[type="email"],
	.dark textarea,
	.dark select,
	.dark .form-control {
		background: rgba(255,255,255,0.13);
		color: #fff;
	}


	
	.dark input[type="text"]:focus,
	.dark input[type="email"]:focus,
	.dark textarea:focus,
	.dark select:focus,
	.dark .form-control:focus {
		background: rgba(255,255,255,0.2);
	}
	
	.dark ::-webkit-input-placeholder ,
	.dark ::-moz-placeholder,
	.dark :-ms-input-placeholder,
	.dark input:-moz-placeholder { 
		color: rgba(255,255,255,0.5); 
	}
	
	.dark input.bg-white {
		color: #333;
		background: #fff;
	}
	
	.dark input.bg-white:::-webkit-input-placeholder,
	.dark input.bg-white:::-moz-placeholder,
	.dark input.bg-white::-ms-input-placeholder,
	.dark input.bg-white::-moz-placeholder,
	.dark input.bg-white:focus::-webkit-input-placeholder,
	.dark input.bg-white:focus::-moz-placeholder,
	.dark input.bg-white:focus:-ms-input-placeholder,
	.dark input.bg-white:focus:-moz-placeholder { 
		color: #333 
	}
	
	.dark input.bg-white:focus {
		color: #333;
		background: #fff;

	}
	
	.form-control {
		height: 42px;
		padding: 8px 16px;
		font-size: 13px;
		border: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: #f6f6f6;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.form-control:focus {
		background-color: #f0f0f0;
	}

	.bg-grey .form-control {
		background: #fff;
	}

	.input-lg, .form-group-lg .form-control {
		font-weight: 200;
	    height: 58px;
	    -webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.input-sm, .form-group-sm .form-control {
	    height: 30px;
	    -webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.input-group-addon {
		border: none;
		background: #fff;
		margin-right: -1px;
		padding-right: 0;
	}
	
	.input-group-addon {
		border: none;
		background: #fff;
		margin-right: -1px;
		padding-right: 0;
	}
	
	.form-control-btn {
		border: none;
		font-size: 12px;
		font-weight: 400;
		border: none;
		padding: 9px 19px;
		text-transform: uppercase;
		height: 42px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		z-index: 3;
	}

	.form-bottom-bar {
		position: relative;
	}

	.form-bottom-bar > span {
		position:  relative;
		top: 10px;
	}

	.form-group label.error,
	.form-bottom-bar label.error,
	.checkbox-group label.error {
		position: absolute;
		top: 100%;
		left: 0;
		margin-top: 3px;
		text-transform: uppercase;
		font-size: 10px;
		background: rgba(0,0,0,0.8);
		color: #fff;
		z-index: 10;
		padding: 2px 6px;
		margin: 0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	/* Lists */

	ul, ol {
		margin-bottom: 20px;
	}
	
	.list-navigation {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	.list-navigation li {
		margin-bottom: 8px;
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	.list-navigation li a {
	font-size:12px;
	}

	.list-navigation li a:hover,
	.list-navigation li a:focus {
		text-decoration: underline;
	}

	.list-unstyled li {
		margin-bottom: 9px;
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	
	.list-unstyled li a {
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	
	.list-unstyled-icons .inline-icon {
		float: left;
		margin-left: -20px;
	}
	
	.list-unstyled-icons li {
		padding-left: 25px;
		margin-bottom: 20px;
	}

	.list-unstyled-icons li:last-child {
		margin-bottom: 0px;
	}
	
	.list-inline > li {
		padding-right: 10px;
		padding-left: 10px;
	}

	/* Breadcrumbs */

	.breadcrumb {
		font-size: 15px;
		background: none;
		padding: 16px 0px;
		margin: 0;
		color:#fff;
	}

	.breadcrumb > li + li:before {
		font-family: "FontAwesome";
	    padding: 0px 10px;
	    content: "\f105 ";
		color:#eee;
	}
.breadcrumb li.active {
color:#7EC029;
}
	.dark .breadcrumb > li + li:before {
		opacity: 1;
	}

	/* Pagination */

	.pagination > li > a, .pagination > li > span {
		color: #232323;
		border-color: #e4e4e4;
		border-top: none;
		border-bottom: none;
		padding: 12px 16px;
		font-size: 11px;
	}

	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
		background-color: #fff;
	}

	.pagination > li:last-child > a, .pagination > li:last-child > span { 
		border-right: none;
	}

	.pagination > li:first-child > a, .pagination > li:first-child > span { 
		border-left: none;
	}

	.pagination-sm > li > a, .pagination-sm > li > span {
		padding: 8px 12px;
		font-size: 10px;
	}

	.pagination-lg > li > a, .pagination-lg > li > span {
		padding: 14px 20px;
		font-size: 12px;
	}
	
	/* Modal */

	.modal-content {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.modal-body {
		padding: 20px;
	}

	.modal-header .close {
		position: relative;
		z-index: 3;
	}

	/* Navs */

	.nav-sidebar li {
		border-bottom: 1px solid #e4e4e4;
		font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
	}
.nav-sidebar li i {
float:left;
margin-top:12px;
font-weight:normal;
color:#666;
}
	/*.nav-sidebar li:nth-child(2n) a {
		background-color: #f6f6f6;
	}*/

	.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus, .nav-sidebar > li.active > a {
		color: #fff;
	}

	.bg-black .nav-sidebar li {
		border-color: #484848;
	}

	.bg-black .nav-sidebar li:nth-child(2n) a {
		background-color: #292929;
	}

	.nav-tabs li a,
	.nav-pills li a {
		font-size: 12px;
		font-weight: 400;
		padding: 8px 30px;
		
	}
	
	.nav-tabs li a:hover, .nav-tabs li a:focus,
	.nav-pills li a:hover, .nav-pills li a:focus {
		color: inherit;
		background: #f2f2f2;
	}
	
	.nav-tabs li a {
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	
	.nav-pills li a {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	/* Testimonial */

	/*.testimonial {
		margin-bottom: 45px;
	}

	.testimonial-content {
		position: relative;
		padding: 18px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.testimonial-content:before {
		position: absolute;;
		bottom: -10px;
		left: 25px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 14px 0 0;
		border-color: #000 transparent transparent;
		content: '';
	}

	.testimonial-content.bg-grey:before { border-color: #F6F6F6 transparent transparent; }
	.testimonial-content.bg-white:before { border-color: #FFF transparent transparent; }

	.testimonial-author {
		margin-top: 20px;
	}*/

	.testimonial-author .testimonial-icon {
		float: left;
	}

	.testimonial-author .author-name {
		font-weight: 500;
		line-height: 12px;
		display: block;
	}

	.testimonial-photo {
		float: left;
		width: 60px;
		height: 60px;
	}

	.testimonial-with-photo .testimonial-author-txt {
		margin-left: 75px;
		padding-top: 14px;
	}

	.testimonial-with-icon .testimonial-icon {
		margin-top: 3px;
	}

	.testimonial-with-icon .testimonial-author-txt {
		margin-left: 25px;
	}

	/* Counter */

	.counter-box {
		text-align: center;
	}

	.counter-number {
		display: block;
		text-align: center;
		font-size: 56px;
		font-weight: 100;
	}

	/* Images */

	.img-rounded {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.img-thumbnail {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	/* Blockquote */

	blockquote {
		border-left-width: 3px;
	font-size: 17.5px;
	font-weight: 100;
	}

	blockquote footer {
		font-size: 11px;
		font-weight: 400;
	}

	/* Alerts */

	.alert {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	/* Wells */

	.well {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	/* Progress Bars */

	.progress {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	.progress-bar {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow: none;
	}

	.progress-bar-default { background: #e5e5e5; color: #333; }
	.progress-bar-black   { background: #020202; }
	.progress-bar-success { background-color: #7ec029; }
	.progress-bar-danger { background-color: #7EC029; }
	.progress-bar-yellow { background-color: #f0bc08; }
	.progress-bar-warning { background-color: #ef7d18; }
	.progress-bar-info { background-color: #23aae2; }
	.progress-bar-black { background-color: #020202; }

	/* Tooltip / Popover */

	.popover {
		-webkit-box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15);
		box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15);
		border: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: 12px;
	}
	
	.popover.bottom > .arrow { border-bottom-color: #fff; }
	.popover.top > .arrow { border-top-color: #fff; }
	.popover.left > .arrow { border-left-color: #fff; }
	.popover.right > .arrow { border-right-color: #fff ; }
	
	.tooltip-inner {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: 10px;
		text-transform: uppercase;
	}

	/* Accordion */

	.panel-group .panel {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow: none;
	}

	.panel-group .panel + .panel {
		margin-top: -1px;
	}
	
	.panel-default > .panel-heading {
		border: #e5e5e5;
		background: #fff;
		padding: 14px 18px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}

	.panel-body {
		padding: 18px;
	}

	.panel-title a:hover,
	.panel-heading:hover a {
		color: #fff;
	}

	/* Carousel */

	.owl-multiple-items .owl-item > * {
		margin-right: 30px;
	}

	/* Pricing Tables */

	.pricing-column {
		text-align: center;
		margin-bottom: 20px;
	}

	.pricing-head {
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		padding-bottom: 20px;
	}

	.pricing-head > *,
	.pricing-content > * {
		display: block;
	}

	.pricing-head .pricing-title {
		padding: 10px 20px;
		margin-bottom: 10px;
		text-transform: uppercase;
		font-size: 11px;
		border-bottom: 1px solid rgba(0,0,0,0.09);
	}

	.pricing-head.dark .pricing-title {
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}

	.pricing-head .pricing-value {
		font-size: 46px;
		font-weight: 100;
	}

	.pricing-head .pricing-caption {
		opacity: .6;
	}

	.pricing-content > {
		border-left: 1px solid #E2E2E2;
		border-right: 1px solid #E2E2E2;
	}

	.pricing-content > * {
		border-bottom: 1px solid #E2E2E2;
		padding: 10px 20px;
	}

	.pricing-bottom {
		padding: 15px 20px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}

/* ----------------------------------------------------------------------------- */
/* --- 7. LOADER
/* ----------------------------------------------------------------------------- */

	#page-loader {
		position:fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9100 !important;
		width: 100%;
		height: 100%;
	}
	
	#page-loader .loader-part {
		position:fixed;
		width: 200%;
		margin-left: -50%;
		height: 50%;
		background: #fff;
	}
	
	#page-loader.loader-white .loader-part 			{ background: #fff; }
	#page-loader.loader-black .loader-part 		{ background: #020202; }
	
	.loader-part-one {
		top: 0;
		right: 0;
		left: 0;
	}
	
	.loader-part-two {
		bottom: 0;
		right: 0;
		left: 0;
	}
	
	.pace {
		position: absolute;
		width: 100%
	}
	.pace .pace-progress {
		position: fixed;
		z-index: 2000;
		top: 50%;
		left: 0;
		height: 2px;
		-webkit-transition: width 1s;
		-moz-transition: width 1s;
		-o-transition: width 1s;
		transition: width 1s;
	}

	#page-loader.loader-primary .pace-progress {
		background: #fff;
	}

/* ----------------------------------------------------------------------------- */
/* --- 8. CURTAIN
/* ----------------------------------------------------------------------------- */

	#page-curtain {
		position:fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9100;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#page-curtain .curtain-part {
		position:fixed;
		width: 200%;
		margin-left: -50%;
		height: 50%;
		background: #fff;
	}

	.curtain-part-one {
		top: -50%;
		right: 0;
		left: 0;
	}
	
	.curtain-part-two {
		bottom: -50%;
		right: 0;
		left: 0;
	}
	
	#page-curtain.curtain-white .loader-part 			{ background: #fff; }
	#page-curtain.curtain-black .loader-part 			{ background: #020202; }

/* ----------------------------------------------------------------------------- */
/* --- 9.  MEDIA QUERIES
/* ----------------------------------------------------------------------------- */

	@media only screen and (min-width: 1200px) {

		
	}

	@media only screen and (max-width: 1199px) {

		.parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center!important; }

	}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {

		.header.wide {
			padding-left: 80px;
			padding-right: 80px;
		}
	
	}

	@media only screen and (max-width: 991px) {

		.header .nav-main {
			display: none;
		}

		.logo {
		    bottom: 15px;
		}

		#header .mobile-menu,
		#header .mobile-menu-toggle {
			display: block;
		}

	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.header.wide {
			padding-left: 50px;
			padding-right: 50px;
		}
		
	}

	@media only screen and (max-width: 767px) { 

		.header.wide,
		.mobile-menu ul li a {
			padding-left: 30px;
			padding-right: 30px;
		}

		.mobile-menu ul li.has-dropdown > a:after,
		.mobile-menu ul li.has-dropdown-wide > a:after {
			right: 55px;
		}

		.mobile-menu ul li li a {
			padding-left: 40px;
		}

		.mobile-menu ul li li li a {
			padding-left: 50px;
		}

		.mobile-menu ul li li li li a {
			padding-left: 60px;
		}
		.photo-slide .slide-txt {
	color:#fff;
	margin-top:10px;
	text-align:left;
	padding-bottom:30px;
	}
	.photo-slide .slide-txt h4 {
	font-size:14px;
	}
	.photo-slide .slide-txt .btn {
	margin-bottom:30px;
	}
	
	.extra-topspace {
	margin-top:180px;
	}

		.tweet li {
		    width: 100%;
		    float: none;
		    margin-bottom: 40px;
		}

		.tweet li:last-child {
		    margin-bottom: 0;
		}

		.comment-avatar {
			display: none;
		}

		.comment-content {
			padding-left: 0;
		}

		.comments ul {
			padding-left: 40px;
		}

	}
	
	@media only screen and (max-width: 479px) {

		.post-horizontal .post-image-thumb {
		    float: none;
		    width: 100%;
		}

		.post-horizontal .post-content {
		    float: none;
		    width: 100%;
		    margin-top: 5px;
		    margin-left: 0;
		}

	}

/* ----------------------------------------------------------------------------- */
/* --- 10.  BACKGROUNDS
/* ----------------------------------------------------------------------------- */

	.bg-image-1 { background-image: url('../home_page_banner/a1.JPG'); }
	.bg-image-2 { background-image: url('../home_page_banner/a2.JPG'); }
	.bg-image-3 { background-image: url('../home_page_banner/a3.jpg'); }
	.bg-image-4 { background-image: url('../home_page_banner/a4.jpg'); }
	.bg-image-5 { background-image: url('../home_page_banner/a5.jpg'); }
	.bg-image-6 { background-image: url('../home_page_banner/a6.jpg'); }
	.bg-image-7 { background-image: url('../home_page_banner/a7.jpg'); }
	.bg-image-8 { background-image: url('../images/backgrounds/background08.jpg'); }
	.bg-image-9 { background-image: url('../images/backgrounds/background09.jpg'); }
	
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #222;
  padding:8px 8px!important;
  margin:3px;
  border-radius:5px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:15px;
  /*width:200px;*/
  text-align:center;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #7EC029;
  border-radius:5px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.testimonial{
    margin: 20px 0;
}
.testimonial .testimonial-content{
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 5%;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    border: 8px solid rgba(255,255,255,0.15);
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 0 0;
}
.testimonial .post{
    font-size: 12px;
    color: #fff;
}
.testimonial .description{
    display: inline-block;
    width: 75%;
    padding: 30px 20px;
    border: 1px solid rgba(255,255,255,0.15);
    font-size: 14px;
    color: #fff;
    margin: 0;
    position: relative;
}
.testimonial .description:before{
    content: "";
    border: 10px solid transparent;
    border-right: 10px solid rgba(255,255,255,0.15);
    position: absolute;
    top: 20px;
    left: -21px;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #fff;
    border: 1px solid #fff;
}
.owl-theme .owl-controls .owl-page span{
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
}
@media only screen and (max-width: 767px){
    .testimonial .testimonial-content{
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .testimonial .description{
        width: 100%;
    }
    .testimonial .description:before{
        border: 10px solid transparent;
        border-bottom: 10px solid rgba(255,255,255,0.15);
        position: absolute;
        top: -20px;
        left: 47.5%;
    }
}


.scroll-container {
    height: 10em;
    margin: 1em auto;
    overflow: hidden;
    background: transparent;
    position: relative;
    box-sizing: border-box;
}

.marquee {
    top: 8em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   10em }
    100% { top: -11em }
}

/* Make it look pretty */
.microsoft .marquee {
	margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
    font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.microsoft:before, .microsoft::before,
.microsoft:after,  .microsoft::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 2em;
    background-image: linear-gradient(top, #FFF, rgba(255,255,255,0));
}

.microsoft:after, .microsoft::after {
    bottom: 0;
    transform: rotate(180deg);
}

.microsoft:before, .microsoft::before {
    top: 0;
}

.category-widget{
width:320px;
	position:relative;
	list-style-type:none;
}

.category-widget li{
	position:relative;
	border-bottom:1px solid #efefef;
}

.category-widget li a{
	position:relative;
	font-size:13px;
	color:#333;
	padding:10px 0px;
	padding-left:24px;
	display:block;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.category-widget li a:before{
	position:absolute;
	content: "\f0da";
	font-family: 'FontAwesome';
	left:5px;
	font-size:14px;
	top:50%;
	line-height:24px;
	margin-top:-12px;
	display:inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.category-widget li a:hover{
	color:#7EC029;
}

.hvr-shutter-out-vertical-1 {
  background: #0B66C3;
}
.hvr-shutter-out-vertical-1:before {
  background: #1977D8;  
  }
.hvr-shutter-out-vertical-2 {
  background: #CD1D9D;
}
.hvr-shutter-out-vertical-2:before {
  background: #DB35AE;  
  }
.hvr-shutter-out-vertical-3 {
  background: #0CBF3F;
}
.hvr-shutter-out-vertical-3:before {
  background: #31CE5E;  
  }
.hvr-shutter-out-vertical-4 {
  background: #CD7707;
}
.hvr-shutter-out-vertical-4:before {
  background: #DC8F2A;  
  }
.hvr-shutter-out-vertical-5 {
  background: #D11414;
}
.hvr-shutter-out-vertical-5:before {
  background: #DC2A2A;  
  }
.hvr-shutter-out-vertical-6 {
  background: #A634C7;
}
.hvr-shutter-out-vertical-6:before {
  background: #B649D6;  
  }
  
.listing {
	position:relative;
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}
.listing li{
	position:relative;
	border-bottom:1px solid #efefef;
	padding:5px 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666;
	padding-left:24px;
}

.listing li:before{
	position:absolute;
	content: "\f0da";
	font-family: 'FontAwesome';
	left:5px;
	font-size:14px;
	top:50%;
	line-height:24px;
	margin-top:-12px;
	display:inline-block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.hvr-shutter-out-vertical.large-size {
  font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:16px;
  width:200px;
}
@media (max-width:768px) {
.home-default,
	.home-default .bg-image  {
min-height: 100% !important;
		height: 100% !important;
		background-position: left center;
	background-size: cover;
		
		}
		
	.banner-links {
	text-align:center; position:absolute; z-index:99;
	top:40vw;
    left:0;
    /*transform: translate(-0%, -50%);*/
	}	
.hvr-shutter-out-vertical {
  font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:12px;
  /*width:40%;*/
  text-align:center;
}
.hvr-shutter-out-vertical.large-size {
  font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:16px;
  width:45%;
  float:left;
}
.owl-carousel-1 {
position:absolute;
top:-250px !important;
}
.owl-carousel-2 {
position:absolute;
top:-220px !important;
}
.category-widget{
width:100%;
	position:relative;
	list-style-type:none;
	border:0px solid red;
	margin-left:-10px;
}
.bdr-side {
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	}
.top-left {
float:none !important;
display:block;
text-align:center!important;
margin-bottom:10px;
}
.links-nav {
float:none !important;
text-align:center !important;
}
.links-nav li{
float:none !important;
text-align:center !important;
display:inline-block;
}
.text-muted {
float:none !important;
display:block;
text-align:center!important;
margin-bottom:0px;
}
}


/* liMarquee.css */

/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}


/* Red.css */

/* -----------------------------------------------------------------------------
	Trener - Multipurpose Coaching & Training HTML/CSS Bootstrap Theme
	v.1.0
------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* --- RED COLOR SCHEME
/* ----------------------------------------------------------------------------- */

a:hover, a:focus, a.underline-link.text-primary:hover, a.underline-link.text-primary:focus, 
.text-primary,
.checkbox-label.checked:after,
.list-navigation,
.basic-link,
.nav-main > li.has-dropdown:hover:after, .nav-main > li.has-dropdown-wide:hover:after,
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
.icon-primary, .icon-box-hover:hover .icon {
	color: #7EC029;
}

.pace .pace-progress,
.sep-primary,
.bg-primary,
.btn-primary:before,
.btn-primary.btn-filled, 
.overlay-primary,
.nav-main > li ul a:before, .nav-main > li ul a:hover, .nav-main > li ul a:focus,
.icon-primary.icon-filled,
.label-primary, .label-primary[href]:hover, .label-primary[href]:focus,
 .icon-primary:before,
.owl-theme .owl-controls .owl-page.active span,
#page-loader.loader-primary .loader-part,
.btn-primary-dark:hover:before, .btn-primary-dark:focus:before,
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus, .nav-sidebar > li.active > a,
.panel-default > .panel-heading:hover {
	background-color: #7EC029;
}

.border-primary,
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.icon-primary,
.btn-primary-dark:hover, .btn-primary-dark:focus,
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.post-author  {
	border-color: #7EC029;
}

.testimonial-content.bg-primary:before { border-color: #7EC029 transparent transparent; }

a.text-primary:hover, a.text-primary:focus,
.nav-main li.highlighted a:hover, .nav-main li.highlighted a:focus {
	color: #5E9E0C;
}

.btn-primary.btn-filled:hover:before, .btn-primary.btn-filled:focus:before,
.bg-primary .form-control-btn,
.icon-box-hover .icon.icon-primary.icon-filled:hover:before, .icon-box-hover .icon-primary.icon-filled:focus:before,
.icon-box-hover:hover .icon-primary.icon-filled:before, .icon-box-hover:focus .icon-primary.icon-filled:before,
.btn-primary-dark,
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #5E9E0C;
}

.btn-primary.btn-filled:hover, .btn-primary.btn-filled:focus,
.btn-primary-dark,
.icon-box-hover:hover .icon-primary.icon-filled, .icon-box-hover:focus .icon-primary.icon-filled {
	border-color: #5E9E0C;
}

.icon-primary.icon-filled1 {
background-color:#C62929;
border:2px solid #C62929;
}
.icon-primary.icon-filled2 {
background-color:#1977D8;
border:2px solid #1977D8;
}
.icon-primary.icon-filled3 {
background-color:#EFE20B;
border:2px solid #EFE20B;
}
.icon-primary.icon-filled4 {
background-color:#E6117A;
border:2px solid #E6117A;
}



/* ============================================================== 
    # Banner Styles
=================================================================== */
.swiper-container {
	 width: 100%;
	 position:relative;
}
 .swiper-slide {
	 background-size: cover;
	 background-position:left center;
	 min-height: 37vw;
	 /*display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;*/
}
 .swiper-pagination-bullet {
	 background-color: transparent;
	 border: 2px solid #fff;
	 border-radius: 50%;
	 width: 12px;
	 height: 12px;
	 opacity: 1;
}
 .swiper-pagination-bullet-active {
	 background-color: #fff;
}
 .swiper-button-container {
	 background-color: rgba(0, 0, 0, .25);
}

 .swiper-button-prev {

	 background-image: url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
 .swiper-button-next {
 
	 background-image: url("data:image/svg+xml;
	charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}