/*---------------------------------------------------------------------------------
* 
* Templarte Master Stylesheet
* 
* Template:		RED - Responsive One/Multi Page HTML5 Website Template
* Author: 		Themetorium
* URL:			https://themetorium.net
* 
* Template main color: #F20000;
* 
---------------------------------------------------------------------------------*/


/* Table of Content
====================
*  Base Styles
*  Page preloader
*  Bage borders
*  Body content
*  Page content
*  Headings
*  Divider
*  Lists
*  Section
*  Cover
*  Intro
*  Intro slider
*  Intro Video
*  Intro 404 error
*  Page header
*  Content carousel
*  Scroll down arrow
*  Welcome section
*  Info boxes
*  What we to section
*  Split box
*  Portfolio grid
*  Portfolio grid item popup (single project item)
*  Testimonials section
*  Team section
*  Video demo section
*  Magnific Popup
*  Panels
*  Accordion
*  FAQ section
*  tt-Grid
*  Isotope
*  Sidebar
*  Sidebar widgets
*  Blog grid
*  Blog carousel
*  Blog single post
*  Pagination
*  Clients section
*  Counter Up
*  Contact Section
*  Map section
*  Buttons
*  Social buttons
*  Forms
*  Footer
*  Scroll to top button
*/



/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */

html, body {
	/*height: 100% !important;*/
	padding: 0;
	margin: 0;
}
body {
	background-color: #FFF;
	font-family: 'Oswald', sans-serif;
	line-height: 1.6;
	font-size: 19px;
	color: #000;
	border-left: 15px solid #FFF;
	border-right: 15px solid #FFF;
}
a {
	font-weight: normal;
	color: #F20000;
}
a:hover, a:focus {
	color: #F20000;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
img {
	max-width: 100%;
}
p {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -0.5px;
}
hr {
	border-color: rgba(146, 146, 146, 0.23);
}
pre {
	max-height: 300px;
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e1e1e8;
	border-radius: 4px;
	-webkit-tab-size: 3;
	tab-size: 3;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
::selection {
	background-color: #F20000;
	color: #FFF;
}

.lead {
	font-size: 21px;
	font-weight: normal;
}
.thumbnail {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}


/* ------------------------------------------------------------- *
 *  Page preloader (display loading animation while page loads)
/* ------------------------------------------------------------- */

#preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 99999;
}
#preloader .pulse {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 40px;
	background-color: #F20000;
	-webkit-animation: scaleout 1.0s infinite ease;
	animation: scaleout 1.0s infinite ease;
}
@-webkit-keyframes scaleout {
	0% { -webkit-transform: scale(0.0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}
@keyframes scaleout {
	0% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}


/* ------------------------------------ *
 *  Bage borders
/* ------------------------------------ */

.border-top, .border-bottom, .border-left, .border-right {
	position: fixed;
	background-color: #FFF;
	z-index: 99998;
}
.border-top {
	top: 0;
	left: 0;
	height: 15px;
	width: 100%;
}
.border-bottom {
	bottom: 0;
	left: 0;
	height: 15px;
	width: 100%;
}
.border-left {
	top: 0;
	left: 0;
	width: 15px;
	height: 100%;
}
.border-right {
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
}


/* ------------------------------------ *
 *  Body content
/* ------------------------------------ */

#body-content {
	position: relative;
	background-color: #FFF;
}


/* ------------------------------------------------------------- *
 *  Page content
/* ------------------------------------------------------------- */

#page-content {
	position: relative;
}


/* ------------------------------------ *
 *  Headings
/* ------------------------------------ */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: bold;
	font-weight: 600;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.h1, h1 { font-size: 42px; }
.h2, h2 { font-size: 36px; }
.h3, h3 { font-size: 31px; }
.h4, h4 { font-size: 26px; }
.h5, h5 { font-size: 22px; }
.h6, h6 { font-size: 19px; }

/* If background classes used */
.h1 [class*="bg-"], 
.h2 [class*="bg-"], 
.h3 [class*="bg-"], 
.h4 [class*="bg-"], 
.h5 [class*="bg-"], 
.h6 [class*="bg-"], 
h1 [class*="bg-"], 
h2 [class*="bg-"], 
h3 [class*="bg-"], 
h4 [class*="bg-"], 
h5 [class*="bg-"], 
h6 [class*="bg-"] {
	display: inline-block;
	padding: 0px 4px;
	margin-right: 3px;
}
.h1 [class*="bg-"]:hover, 
.h2 [class*="bg-"]:hover, 
.h3 [class*="bg-"]:hover, 
.h4 [class*="bg-"]:hover, 
.h5 [class*="bg-"]:hover, 
.h6 [class*="bg-"]:hover, 
h1 [class*="bg-"]:hover, 
h2 [class*="bg-"]:hover, 
h3 [class*="bg-"]:hover, 
h4 [class*="bg-"]:hover, 
h5 [class*="bg-"]:hover, 
h6 [class*="bg-"]:hover {
	text-decoration: none;
}


/* Custom headings
=================== */
.heading {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	z-index: 3;
}
.heading .heading-title {
	margin: 0;
	font-size: 36px;
	font-weight: bold;
}
.heading .heading-title [class*="bg-"] {
	display: inline-block;
	padding: 0px 7px;
}
@media (max-width: 768px) {
	.heading .heading-title [class*="bg-"] {
		padding: 0px 4px;
	}
}
.heading .heading-title [class*="bg-"] + [class*="bg-"] {
	margin-left: 5px;
}
@media (max-width: 768px) {
	.heading .heading-title [class*="bg-"] + [class*="bg-"] {
		margin-left: 2px;
	}
}

@media (min-width: 768px) {
	.heading p {
		font-size: 21px;
	}
}

/* Custom heading divider */
.heading .hr-short {
	margin-bottom: 20px;
}
.heading .heading-title + .hr-short {
	margin-top: 20px;
	margin-bottom: 0;
}

/* Custom heading aligns */
.heading-center {
	text-align: center;
}
.heading.heading-center .hr-short {
	margin-left: auto;
	margin-right: auto;
}

.heading-right {
	text-align: right;
}
.heading.heading-right .hr-short {
	margin-left: auto;
	margin-right: 0;
}

/* Custom heading sizes */
.heading.heading-xsm .heading-title {
	font-size: 28px;
}
.heading.heading-sm .heading-title {
	font-size: 42px;
}
.heading.heading-md .heading-title {
	font-size: 52px;
}
.heading.heading-lg .heading-title {
	font-size: 62px;
}
.heading.heading-xlg .heading-title {
	font-size: 80px;
}

@media (max-width: 1440px) {
	.heading .heading-title,
	.heading.heading-lg .heading-title,
	.heading.heading-xlg .heading-title {
		font-size: 52px;
	}
}
@media (max-width: 768px) {
	.heading .heading-title,
	.heading.heading-sm .heading-title,
	.heading.heading-md .heading-title,
	.heading.heading-lg .heading-title,
	.heading.heading-xlg .heading-title {
		font-size: 42px;
	}
}
@media (max-width: 480px) {
	.heading .heading-title,
	.heading.heading-sm .heading-title,
	.heading.heading-md .heading-title,
	.heading.heading-lg .heading-title,
	.heading.heading-xlg .heading-title {
		font-size: 36px;
	}
}


/* ------------------------------------ *
 *  Divider
/* ------------------------------------ */

hr.hr-short {
	display: block;
	width: 40px;
	height: 4px;
	background-color: #f20000;
	margin: 0 0 25px 0;
}
hr.hr-short.hr-short-center,
hr.hr-short.text-center {
	margin-left: auto;
	margin-right: auto;
}
hr.hr-short.hr-short-right,
hr.hr-short.text-right {
	margin-left: auto;
	margin-right: 0;
}


/* ------------------------------------ *
 *  Lists
/* ------------------------------------ */

.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}


/* ------------------------------------ *
 *  Section
/* ------------------------------------ */

section {
	position: relative;
	padding: 80px 0;
	overflow: hidden;
}
section .container {
	position: relative;
	z-index: 3;
}


/* ------------------------------------------------------------- *
 *  Cover (used as image cover)
/* ------------------------------------------------------------- */

.cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

[class*="cover-opacity-"]::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	z-index: 1;
	opacity: 0;
}


/* Cover opasity
================= */
.cover-opacity-0::before { opacity: 0; }
.cover-opacity-0-5::before { opacity: .05; }
.cover-opacity-1::before { opacity: .1; }
.cover-opacity-1-5::before { opacity: .15; }
.cover-opacity-2::before { opacity: .2; }
.cover-opacity-2-5::before { opacity: .25; }
.cover-opacity-3::before { opacity: .3; }
.cover-opacity-3-5::before { opacity: .35; }
.cover-opacity-4::before { opacity: .4; }
.cover-opacity-4-5::before { opacity: .45; }
.cover-opacity-5::before { opacity: .5; }
.cover-opacity-5-5::before { opacity: .55; }
.cover-opacity-6::before { opacity: .6; }
.cover-opacity-6-5::before { opacity: .65; }
.cover-opacity-7::before { opacity: .7; }
.cover-opacity-7-5::before { opacity: .75; }
.cover-opacity-8::before { opacity: .8; }
.cover-opacity-8-5::before { opacity: .85; }
.cover-opacity-9::before { opacity: .9; }
.cover-opacity-9-5::before { opacity: .95; }


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

#section-intro {
	position: relative;
	padding: 0;
	overflow: hidden;
}


/* Intro image 
=============== */
.intro-image-wrap {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.intro-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* Intro caption 
================= */
.intro-caption {
	position: absolute;
	bottom: 80px;
	left: 80px;
	z-index: 3;
	z-index: 2;
}
.intro-caption-title {
	font-size: 82px;
	font-weight: bold;
}
.intro-caption-title [class*="bg-"] {
	padding: 0px 10px;
}
.intro-caption-subtitle {
	margin: 15px 0 0 0;
	font-size: 28px;
}

@media (max-width: 992px) {
	.intro-caption-title {
		font-size: 68px;
	}
}
@media (max-width: 768px) {
	.intro-caption {
		bottom: 15%;
		left: 5%;
	}
	.intro-caption-title {
		font-size: 38px;
	}
	.intro-caption-title [class*="bg-"] {
		padding: 0px 4px;
	}
	.intro-caption-subtitle {
		font-size: 21px;
	}
}
@media (max-width: 320px) {
	.intro-caption-title {
		font-size: 32px;
	}
}


/* Intro made with love 
======================== */
.made-with-love {
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 14px;
	font-weight: 300;
	z-index: 3;
}


/* ------------------------------------------------ *
 *  Intro slider (works with OWL Carousel)
/* ------------------------------------------------ */

.intro-slider {
}


/* Intro slide item 
==================== */
.intro-slider .intro-slide-item {
	position: relative;
	overflow: hidden;
}

.intro-image.cc-image {
	height: 75vh;
	min-height: 75vh;
}

/* Zoom intro slide image on hover (no effect on small devices.) */
@media (min-width: 992px) {
	.intro-slider .owl-carousel.cc-hover-zoom .cc-item .intro-image-wrap {
		transform: scale(1);
		-webkit-transform: scale(1);
		-webkit-transition: transform 12s ease;
		transition: transform 12s ease;
	}
	.intro-slider .owl-carousel.cc-hover-zoom .cc-item .intro-slide-item:hover .intro-image-wrap {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	.intro-slider .owl-carousel.cc-hover-zoom .cc-item .intro-image-wrap .cc-image {
		transform: scale(1);
		-webkit-transform: scale(1);

		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
}


/* Intro slider dots (overwrites OWL Carousel dots) 
==================================================== */
.intro-slider .owl-dots, 
.intro-slider .owl-nav.disabled + .owl-dots {
	bottom: 100px;
}
.intro-slider .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 0px 4px;
	border-radius: 0;
}
.intro-slider .owl-dots .owl-dot:hover span {
	height: 15px;
}
.intro-slider .owl-dots .owl-dot.active span {
	height: 22px;
}

/* Hide intro slider dots on small screens */
@media (max-width: 992px) {
	.intro-slider .owl-dots{
		display: none !important;
	}
}


/* ----------------------------------------- *
 *  Intro Video (Youtube video background)
/* ----------------------------------------- */

.intro-video-bg {
}


/* Video background 
==================== */
.inline-YTPlayer {
	max-width: 100% !important;
}

.video-bg {
	position: relative;
	background-color: #000;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 0 !important;
}

/* Video cover */
.YTPOverlay {
}
.YTPOverlay.raster {
	background: url("../vendor/ytplayer/images/raster.png"); /* "raster.png" or "raster_dot.png" */
	background-color: rgba(0, 0, 0, 0.6);
}
.youtube-bg.fullscreen .YTPOverlay, .youtube-bg.fullscreen .YTPOverlay.raster {
	display: none;
}

/* Video control bar */
.mb_YTPBar, .mb_YTPBar .buttonBar {
	padding: 5px 5px 0px 5px;
}
.mb_YTPBar, .mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded, .mb_YTPBar .mb_YTPseekbar {
	height: 5px;
}
.mb_YTPBar.visible {
	opacity: .1;
}
.mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded {
	cursor: pointer;
}
.mb_YTPBar .mb_YTPseekbar {
	background: #F20000;
	cursor: pointer;
}


/* ----------------------------------------- *
 *  Intro 404 error
/* ----------------------------------------- */

#section-intro.intro-error {
}


/* ------------------------------------------------------------- *
 *  Page header
/* ------------------------------------------------------------- */

#page-header {
	position: relative;
	overflow: hidden;
}
.page-header-inner {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 8%;
	z-index: 1;
}
@media (min-width: 992px) {
	.page-header-inner.container,
	.page-header-inner[class*="max-width-"] {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 992px) {
	.page-header-inner {
		padding-top: 25%;
		padding-bottom: 20%;
		padding-left: 4%;
		padding-right: 4%;
	}
}
@media (max-width: 480px) {
	.page-header-inner {
		padding-top: 35%;
		padding-bottom: 20%;
	}
}


/* Page header caption 
======================= */
.page-header-caption {
	position: relative;
	margin: 0 auto;
	z-index: 4;
}
@media (max-width: 1282px) { 
	.page-header-caption {
		padding-left: 8%;
		padding-right: 8%;
	}
}
@media (max-width: 992px) {
	.page-header-caption {
		padding-left: 3%;
		padding-right: 3%;
	}
}

/* page header title */
.ph-title-wrap {
}
.page-header-title {
	margin: 0 0 15px 0;
	font-size: 52px;
	font-weight: bold;
	font-weight: 600;
	color: #000;
}
@media (max-width: 991px) {
	.page-header-title {
		font-size: 42px ;
	}
}
@media (max-width: 768px) {
	.page-header-title {
		font-size: 32px;
	}
}

.page-header-title span {
	display: inline-block;
	padding: 0px 10px;
	margin-right: 5px;
}

/* page header subtitle */
.ph-subtitle-wrap {
}
.page-header-subtitle {
	margin: 20px 0 0 0;
	font-size: 28px;
	color: #000;
}
@media (max-width: 992px) {
	.page-header-subtitle {
		margin-top: 8px;
	}
}
@media (max-width : 768px) {
	.page-header-subtitle {
		font-size: 21px;
	}
}

/* page header description */
.page-header-description {
	margin: 30px 0 0 0;
	line-height: inherit;
	font-size: 18px;
	color: #000;
}
.ph-desc-inner {
}
.page-header-description p {
}
@media (max-width: 767px) {
	.page-header-description {
		font-size: 16px;
	}
}

/* page header categories */
.ph-category-wrap {
}
.page-header-category {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
}
.page-header-category a,
.page-header-category span {
	position: relative;
	display: inline-block;
	background-color: #F20000;
	margin-bottom: 3px;
	padding: 2px 6px;
	color: #fff;
}
.page-header-category a:hover {
	opacity: .9;
}


/* Page header caption sizes 
============================= */
/* caption sizes xs */
.page-header-caption.ph-cap-xs .page-header-title {
	font-size: 32px;
}
.page-header-caption.ph-cap-xs .page-header-subtitle {
	font-size: 21px;
}

/* caption sizes sm */
.page-header-caption.ph-cap-sm .page-header-title {
	font-size: 44px;
}
.page-header-caption.ph-cap-sm .page-header-subtitle {
	font-size: 24px;
}

/* caption sizes lg */
.page-header-caption.ph-cap-lg {
	padding-bottom: 10px;
}
.page-header-caption.ph-cap-lg .page-header-title {
	font-size: 68px;
}
.page-header-caption.ph-cap-lg .page-header-subtitle {
	font-size: 28px;
}
.page-header-caption.ph-cap-lg .page-header-description {
	font-size: 20px;
}

/* caption sizes xlg */
.page-header-caption.ph-cap-xlg {
	padding-bottom: 15px;
}
.page-header-caption.ph-cap-xlg .page-header-title {
	font-size: 86px;
}
.page-header-caption.ph-cap-xlg .page-header-subtitle {
	font-size: 34px;
}
.page-header-caption.ph-cap-xlg .page-header-description {
	font-size: 20px;
}

/* caption sizes xxlg */
.page-header-caption.ph-cap-xxlg {
	padding-bottom: 20px;
}
.page-header-caption.ph-cap-xxlg .page-header-title {
	max-width: 100%;
	font-size: 6vw;
}
.page-header-caption.ph-cap-xxlg .page-header-subtitle {
	margin-top: 20px;
	font-size: 34px;
}
.page-header-caption.ph-cap-xxlg .page-header-description {
	font-size: 22px;
	font-weight: 400;
}

/* caption sizes on smaller screens */
@media (max-width: 991px) {
	.page-header-caption.ph-cap-sm .page-header-title,
	.page-header-caption.ph-cap-lg .page-header-title,
	.page-header-caption.ph-cap-xlg .page-header-title {
		font-size: 62px;
	}
	.page-header-caption.ph-cap-xlg .page-header-subtitle,
	.page-header-caption.ph-cap-xxlg .page-header-subtitle {
		font-size: 28px;
	}
	.page-header-caption.ph-cap-lg .page-header-description,
	.page-header-caption.ph-cap-xlg .page-header-description,
	.page-header-caption.ph-cap-xxlg .page-header-description {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.page-header-caption.ph-cap-sm .page-header-title,
	.page-header-caption.ph-cap-lg .page-header-title,
	.page-header-caption.ph-cap-xlg .page-header-title,
	.page-header-caption.ph-cap-xxlg .page-header-title {
		font-size: 36px;
	}
	.page-header-caption.ph-cap-sm .page-header-subtitle,
	.page-header-caption.ph-cap-lg .page-header-subtitle,
	.page-header-caption.ph-cap-xlg .page-header-subtitle,
	.page-header-caption.ph-cap-xxlg .page-header-subtitle {
		font-size: 21px;
	}
}


/* Page header aligns 
====================== */

/* page header align right */
.ph-right .page-header-caption {
	text-align: right;
}
.ph-right .page-header-caption .ph-title-wrap,
.ph-right .page-header-caption .ph-subtitle-wrap,
.ph-right .page-header-caption .page-header-description,
.ph-right .page-header-caption .page-header-title,
.ph-right .page-header-caption .page-header-subtitle {
	margin-left: auto;
	text-align: right;
}

/* page header align center */
.ph-center .page-header-caption {
	text-align: center;
}
.ph-center .page-header-caption .ph-title-wrap,
.ph-center .page-header-caption .ph-subtitle-wrap,
.ph-center .page-header-caption .page-header-description,
.ph-center .page-header-caption .page-header-title,
.ph-center .page-header-caption .page-header-subtitle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* Page header sizes 
===================== */
#page-header.ph-xs .page-header-inner {
	padding-top: 80px;
	padding-bottom: 40px;
}
#page-header.ph-sm .page-header-inner {
	padding-top: 140px;
	padding-bottom: 80px;
}
#page-header.ph-lg .page-header-inner {
	padding-top: 200px;
	padding-bottom: 140px;
}
#page-header.ph-xlg .page-header-inner {
	padding-top: 240px;
	padding-bottom: 200px;
}

@media (max-width: 991px) {
	#page-header.ph-xs .page-header-inner,
	#page-header.ph-sm .page-header-inner,
	#page-header.ph-lg .page-header-inner,
	#page-header.ph-xlg .page-header-inner {
		padding-top: 30%;
		padding-bottom: 15%;
	}
}
@media (max-width: 480px) {
	#page-header.ph-xs .page-header-inner,
	#page-header.ph-sm .page-header-inner,
	#page-header.ph-lg .page-header-inner,
	#page-header.ph-xlg .page-header-inner {
		padding-top: 45%;
		padding-bottom: 25%;
	}
}

/* page header full height (desktop only) */
@media (min-width: 992px) {
	#page-header.ph-full { 
		height: 100vh;
		min-height: 100vh;
	}

	/* caption position */
	#page-header.ph-full .page-header-inner { 
		display: table;
		width: 100%;
		height: 85%;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#page-header.ph-full .page-header-caption {
		display: table-cell;
		vertical-align: bottom;
		padding-left: 0;
		padding-right: 0;
	}

	#page-header.ph-full.ph-center .page-header-inner { 
		height: 100%;
	}
	#page-header.ph-full.ph-center .page-header-caption {
		display: table-cell;
		vertical-align: middle;
	}
}

/* page header full height (small screens only) */
@media (max-width: 991px) {
	#page-header.ph-full-m { 
		height: 100vh;
		min-height: 100vh;
	}

	/* caption position */
	#page-header.ph-full-m .page-header-inner { 
		display: table;
		width: 100%;
		height: 85%;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#page-header.ph-full-m .page-header-caption {
		display: table-cell;
		vertical-align: bottom;
		padding-left: 0;
		padding-right: 0;
	}

	#page-header.ph-full-m.ph-center .page-header-inner { 
		height: 100%;
	}
	#page-header.ph-full-m.ph-center .page-header-caption {
		display: table-cell;
		vertical-align: middle;
	}
}


/* Page header styles 
====================== */
/* page header caption light color */
.page-header-caption.ph-cap-light {
	color: #FFF;
}
.page-header-caption.ph-cap-light .page-header-title {
	color: #FFF;
}
.page-header-caption.ph-cap-light .page-header-subtitle {
	color: #FFF;
}
.page-header-caption.ph-cap-light .page-header-description {
	color: #FFF;
}


/* Page header image 
===================== */
.page-header-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* ---------------------------------------------------------------------- *
 *  Content carousel - CC
 *  Based on OWL Carousel: http://owlcarousel2.github.io/OwlCarousel2/
/* ---------------------------------------------------------------------- */

.owl-carousel {
}

.owl-carousel .owl-item {
	z-index: 9;
	overflow: hidden;
	/* image flickering fix */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Page swiping fix on mobile devices */
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}


/* Prev/Next nav buttons 
========================= */
.owl-nav {
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* owl-nav buttons */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	width: 35px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	overflow: hidden;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-nav button.owl-prev::before, 
.owl-carousel .owl-nav button.owl-next::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #F20000;
	z-index: -1;
	opacity: .6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover {
	width: 45px;
}
.owl-carousel .owl-nav button.owl-prev:focus, 
.owl-carousel .owl-nav button.owl-next:focus {
	outline: none;
}
.owl-carousel .owl-nav button.owl-prev {
	left: 0;
	padding-right: 3px;
}
.owl-carousel .owl-nav button.owl-next {
	right: 0;
	padding-left: 3px;
}

.owl-carousel .owl-nav button.owl-prev::after,
.owl-carousel .owl-nav button.owl-next::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.owl-carousel .owl-nav button.owl-prev::after {
	content: "\f053";
}
.owl-carousel .owl-nav button.owl-next::after {
	content: "\f054";
}

.owl-carousel:hover .owl-nav button.owl-prev {
	left: 0;
}
.owl-carousel:hover .owl-nav button.owl-next {
	right: 0;
}

@media (max-width: 992px) {
	.owl-carousel .owl-nav button.owl-prev, 
	.owl-carousel .owl-nav button.owl-next {
		top: 50%;
		width: 30px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.owl-carousel .owl-nav button.owl-prev:hover,
	.owl-carousel .owl-nav button.owl-next:hover {
		width: 35px;
	}
}

/* Prev/Next buttons disabled (no loop) */
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
	opacity: .3;
	cursor: default;
}
.owl-carousel .owl-nav button.owl-prev.disabled::before,
.owl-carousel .owl-nav button.owl-next.disabled::before {
	opacity: .6 !important;
}


/* Prev/Next nav buttons styles 
================================ */
/* Prev/Next buttons - show on hover */
body:not(.is-mobile) .owl-carousel.nav-hover .owl-nav {
	opacity: 0;
	visibility: hidden;
}
body:not(.is-mobile) .owl-carousel.nav-hover:hover .owl-nav {
	opacity: 1;
	visibility: visible;
}

/* Prev/Next buttons light */
.owl-carousel.nav-light .owl-nav button.owl-prev, 
.owl-carousel.nav-light .owl-nav button.owl-next {
	color: #222;
}
.owl-carousel.nav-light .owl-nav button.owl-prev::before, 
.owl-carousel.nav-light .owl-nav button.owl-next::before {
	background-color: #FFF;
	opacity: 1;
}
.owl-carousel.nav-light .owl-nav button.owl-prev:hover, 
.owl-carousel.nav-light .owl-nav button.owl-next:hover {
	color: #F20000;
}

/* Prev/Next buttons dark */
.owl-carousel.nav-dark .owl-nav button.owl-prev, 
.owl-carousel.nav-dark .owl-nav button.owl-next {
	color: #FFF;
}
.owl-carousel.nav-dark .owl-nav button.owl-prev::before, 
.owl-carousel.nav-dark .owl-nav button.owl-next::before {
	background-color: #111;
	opacity: .4;
}

/* Prev/Next buttons rounded */
.owl-carousel.nav-rounded .owl-nav button.owl-prev, 
.owl-carousel.nav-rounded .owl-nav button.owl-next {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100px;
}
.owl-carousel.nav-rounded .owl-nav button.owl-prev {
	left: 20px;
}
.owl-carousel.nav-rounded .owl-nav button.owl-next {
	right: 20px;
}
@media (max-width: 992px) {
	.owl-carousel.nav-rounded .owl-nav button.owl-prev, 
	.owl-carousel.nav-rounded .owl-nav button.owl-next {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}
}

/* Prev/Next buttons minimal */
.owl-carousel.nav-minimal .owl-nav button.owl-prev, 
.owl-carousel.nav-minimal .owl-nav button.owl-next {
	width: 70px;
	height: 70px;
	min-height: 60px;
	font-size: 26px;
	color: #222;
}
.owl-carousel.nav-minimal.nav-light .owl-nav button.owl-prev, 
.owl-carousel.nav-minimal.nav-light .owl-nav button.owl-next {
	color: #FFF;
}

.owl-carousel.nav-minimal .owl-nav button.owl-prev:hover, 
.owl-carousel.nav-minimal .owl-nav button.owl-next:hover {
	color: #F20000;
}

.owl-carousel.nav-minimal .owl-nav button.owl-prev::before, 
.owl-carousel.nav-minimal .owl-nav button.owl-next::before {
	background-color: transparent !important;
}


/* Prev/Next nav buttons positions 
=================================== */
/* Prev/Next buttons position outside (left/right) */
.owl-carousel.nav-outside .owl-nav button.owl-prev, 
.owl-carousel.nav-outside .owl-nav button.owl-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.owl-carousel.nav-outside .owl-nav button.owl-prev,
.owl-carousel.nav-outside:hover .owl-nav button.owl-prev {
	left: -70px;
}
.owl-carousel.nav-outside .owl-nav button.owl-next,
.owl-carousel.nav-outside:hover .owl-nav button.owl-next {
	right: -70px;
}

@media (max-width: 1540px) {
	.owl-carousel.nav-outside .owl-nav button.owl-prev, 
	.owl-carousel.nav-outside .owl-nav button.owl-next {
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
	}
	.owl-carousel.nav-outside .owl-nav button.owl-prev,
	.owl-carousel.nav-outside:hover .owl-nav button.owl-prev {
		left: 15px;
	}
	.owl-carousel.nav-outside .owl-nav button.owl-next,
	.owl-carousel.nav-outside:hover .owl-nav button.owl-next {
		right: 15px;
	}
}

/* Prev/Next nav buttons position outside top */
.owl-carousel.nav-outside-top .owl-nav {
	position: absolute;
	top: -50px;
	right: 0;
	width: 60px;
}

.owl-carousel.nav-outside-top .owl-nav button.owl-prev, 
.owl-carousel.nav-outside-top .owl-nav button.owl-next {
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 17px;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.owl-carousel.nav-outside-top .owl-nav button.owl-prev:hover::before, 
.owl-carousel.nav-outside-top .owl-nav button.owl-next:hover::before {
	opacity: 1;
}

.owl-carousel.nav-outside-top:hover .owl-nav button.owl-prev {
	left: 0;
}
.owl-carousel.nav-outside-top:hover .owl-nav button.owl-next {
	right: 0;
}

/* Prev/Next nav buttons position bottom right */
.owl-carousel.nav-bottom-right .owl-nav {
	position: absolute;
	top: auto;
	bottom: 85px;
	right: 3%;
	width: 92px;
}

.owl-carousel.nav-bottom-right .owl-nav button.owl-prev, 
.owl-carousel.nav-bottom-right .owl-nav button.owl-next {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 21px;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.owl-carousel.nav-bottom-right .owl-nav button.owl-prev::before, 
.owl-carousel.nav-bottom-right .owl-nav button.owl-next::before {
	opacity: .6;
}
.owl-carousel.nav-bottom-right .owl-nav button.owl-prev:hover::before, 
.owl-carousel.nav-bottom-right .owl-nav button.owl-next:hover::before {
	opacity: 1;
}

.owl-carousel.nav-bottom-right:hover .owl-nav button.owl-prev,
.owl-carousel.nav-bottom-right:hover .owl-nav button.owl-prev {
	left: 0;
}
.owl-carousel.nav-bottom-right:hover .owl-nav button.owl-next,
.owl-carousel.nav-bottom-right:hover .owl-nav button.owl-next {
	right: 0;
}

.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-prev::before, 
.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-next::before {
	opacity: .85;
}
.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-prev:hover::before, 
.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-next:hover::before {
	opacity: 1;
}

.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-prev.disabled::before,
.owl-carousel.nav-bottom-right.nav-light .owl-nav button.owl-next.disabled::before {
	opacity: 1 !important;
}

@media (min-width: 768px) {
	.owl-carousel.dots-right.nav-bottom-right .owl-nav {
		bottom: 110px;
	}
	.owl-carousel.dots-outside.nav-bottom-right .owl-nav {
		bottom: 85px;
	}
}
@media (max-width: 992px) {
	.owl-carousel.nav-bottom-right .owl-nav {
		bottom: 60px;
	}
}
@media (max-width: 768px) {
	.owl-carousel.nav-bottom-right .owl-nav {
		right: 5%;
		width: 84px;
	}
	.owl-carousel.nav-bottom-right .owl-nav button.owl-prev, 
	.owl-carousel.nav-bottom-right .owl-nav button.owl-next {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.owl-carousel.dots-outside.nav-bottom-right .owl-nav {
		bottom: 55px;
	}
}


/* Dots 
======== */
.owl-dots, .owl-nav.disabled + .owl-dots {
	position: absolute;
	bottom: 30px;
	margin-top: 0px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.owl-dots button.owl-dot {
	display: inline-block;
}
.owl-dots button.owl-dot:focus {
	outline: none;
}

.owl-dots button.owl-dot span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0px 3px;
	background-color: #a9a9a9;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
	background-color: #F20000;
}
.owl-dots button.owl-dot.active span {
}

@media (max-width: 768px) {
	.owl-dots, .owl-nav.disabled + .owl-dots {
		bottom: 10px;
	}
}

/* dots rounded */
.dots-rounded .owl-dots button.owl-dot span {
	border-radius: 10px;
}

/* disable dots on small screens */
/*@media (max-width: 768px) {
	.owl-dots, 
	.owl-nav.disabled + .owl-dots {
		display: none !important;
	}
	.dots-outside {
		margin-bottom: 0 !important;
	}
}*/


/* Dots positions
=================== */
/* Dots position outside */
.dots-outside {
	margin-bottom: 55px;
}
.dots-outside .owl-dots, .dots-outside .owl-nav.disabled + .owl-dots {
	bottom: -40px;
}

/* Dots position left */
.dots-left .owl-dots, .dots-left .owl-nav.disabled + .owl-dots {
	left: 3%;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Dots position right */
.dots-right .owl-dots, .dots-right .owl-nav.disabled + .owl-dots {
	left: inherit;
	right: 3%;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Dots position center right */
.dots-center-right .owl-dots {
	position: absolute;
	top: 50%;
	bottom: auto !important;
	left: auto !important;
	right: 15px;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.dots-center-right .owl-dots button.owl-dot {
	display: block;
	line-height: 0;
}
.dots-center-right .owl-dots button.owl-dot span {
	margin: 5px 0;
}


/* CC item 
=========== */
.owl-carousel .cc-item {
	position: relative;
	display: block;
	overflow: hidden;
}


/* CC item image
================= */
.owl-carousel .owl-item .cc-image {
	position: relative;
	display: block;
	/*min-height: 300px;*/
	z-index: 1;
}
.owl-carousel .owl-item .cc-image.bg-image {
}

.owl-carousel .owl-item img {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}


/* CC link 
=========== */
.cc-link {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.cc-link-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background-color: #FFF;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	font-size: 15px;
	color: #000;
	z-index: 3;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.cc-link:hover .cc-link-icon {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


/* CC item hover 
================= */
/* CC item hover zoom */
.owl-carousel.cc-hover-zoom .cc-item {
	overflow: hidden;
}
.owl-carousel.cc-hover-zoom .cc-item .cc-image,
.owl-carousel.cc-hover-zoom .cc-item img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.owl-carousel.cc-hover-zoom .cc-item:hover .cc-image,
.owl-carousel.cc-hover-zoom .cc-item:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}


/* CC item size (for background images only!)
============================================== */
.owl-carousel.owl-size-1 .cc-item .cc-image.bg-image { padding-bottom: 10% }
.owl-carousel.owl-size-2 .cc-item .cc-image.bg-image { padding-bottom: 20% }
.owl-carousel.owl-size-3 .cc-item .cc-image.bg-image { padding-bottom: 30% }
.owl-carousel.owl-size-4 .cc-item .cc-image.bg-image { padding-bottom: 40% }
.owl-carousel.owl-size-5 .cc-item .cc-image.bg-image { padding-bottom: 50% }
.owl-carousel.owl-size-6 .cc-item .cc-image.bg-image { padding-bottom: 60% }
.owl-carousel.owl-size-7 .cc-item .cc-image.bg-image { padding-bottom: 70% }
.owl-carousel.owl-size-8 .cc-item .cc-image.bg-image { padding-bottom: 80% }
.owl-carousel.owl-size-9 .cc-item .cc-image.bg-image { padding-bottom: 90% }
.owl-carousel.owl-size-10 .cc-item .cc-image.bg-image { padding-bottom: 100% }
.owl-carousel.owl-size-11 .cc-item .cc-image.bg-image { padding-bottom: 110% }
.owl-carousel.owl-size-12 .cc-item .cc-image.bg-image { padding-bottom: 120% }
.owl-carousel.owl-size-13 .cc-item .cc-image.bg-image { padding-bottom: 130% }
.owl-carousel.owl-size-14 .cc-item .cc-image.bg-image { padding-bottom: 140% }
.owl-carousel.owl-size-15 .cc-item .cc-image.bg-image { padding-bottom: 150% }
.owl-carousel.owl-size-16 .cc-item .cc-image.bg-image { padding-bottom: 160% }
.owl-carousel.owl-size-17 .cc-item .cc-image.bg-image { padding-bottom: 170% }
.owl-carousel.owl-size-18 .cc-item .cc-image.bg-image { padding-bottom: 180% }
.owl-carousel.owl-size-19 .cc-item .cc-image.bg-image { padding-bottom: 190% }
.owl-carousel.owl-size-20 .cc-item .cc-image.bg-image { padding-bottom: 200% }

@media (max-width: 1024px) {
	.owl-carousel.owl-size-8 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-9 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-10 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-11 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-12 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-13 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-14 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-15 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-16 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-17 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-18 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-19 .cc-item .cc-image.bg-image,
	.owl-carousel.owl-size-20 .cc-item .cc-image.bg-image { 
		padding-bottom: 70% 
	}
}

/* full height (for desktop only!) */
@media (min-width: 992px) {
	.owl-carousel.owl-size-full .cc-item .cc-image.bg-image { 
		height: 100vh;
		min-height: 100vh;
	}
}

/* full height (for small screen only!) */
@media (max-width: 991px) {
	.owl-carousel.owl-size-full-m .cc-item .cc-image.bg-image { 
		height: 100vh;
		min-height: 100vh;
	}
}


/* owl elements 
================ */
/* owl video */
.owl-carousel .owl-video-wrapper {
	z-index: 2;
}

/* owl video play icon */
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background-color: rgba(0, 0, 0, 0.7);
	background-position: center;
	cursor: pointer;
	z-index: 1;
	border-radius: 80px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* cursor grab icon */
.owl-carousel.cursor-grab .owl-stage {
	cursor: -webkit-grab;
	cursor: grab;
}
.owl-carousel.cursor-grab .owl-stage:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}


/* if owl lazy loading enabled 
=============================== */
.owl-lazy-wrap {
	position: relative;
}
.owl-lazy {
}
.owl-lazy.bg-image {
}
.owl-lazy-loader {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.owl-lazy-loader.owl-lazy-loading {
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.owl-carousel .owl-item .owl-lazy:not([src]), 
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: inherit;
}


/* ------------------------------------ *
 *  Scroll down arrow
/* ------------------------------------ */

.scroll-down-arrow {
	position: absolute;
	display: block;
	bottom: 40px;
	left: 50%;
	margin-left: -25px;
	z-index: 9;
}
.scroll-down-arrow a {
	display: block;
	width: 50px;
	height: 50px;
}
.scroll-down-arrow a > span {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1;
	-webkit-animation: mymove 1.4s infinite ease;
	animation: mymove 1.4s infinite ease;
}
@-webkit-keyframes mymove { /* Chrome, Safari, Opera */
	0% { top: 0; opacity: 0; }
	50% { opacity: 1; }
	100% { top: 7px; opacity: 0; }
}
@keyframes mymove { /* Standard */
	0% { top: 0; opacity: 0; }
	50% { opacity: 1; }
	100% { top: 7px; opacity: 0; }
}


/* If in page header (displayed only if "#page-header" contains class "ph-full" or "ph-full-m")
============================================ */
#page-header .scroll-down-arrow {
	display: none;
}
@media (min-width: 992px) {
	#page-header.ph-full .scroll-down-arrow,
	#page-header.ph-full-m .scroll-down-arrow {
		display: block;
	}
}

/* if page header caption contains class "ph-cap-light" */
body.ph-cap-light-on #page-header .scroll-down-arrow a {
	color: #FFF;
}


/* ------------------------------------ *
 *  Welcome section
/* ------------------------------------ */

.welcome-section {
	padding: 120px 0;
}
@media (max-width: 992px) {
	.welcome-section {
		padding: 13% 0;
	}
}

@media (min-width: 1200px) {
	.welcome-section .col-right .col-inner {
		padding-left: 40px;
	}
}


/* ------------------------------------------------------------- *
 * Info boxes
/* ------------------------------------------------------------- */

.info-box-wrap {
}

.info-box {
	position: relative;
	display: block;
	height: 92%;
	margin-bottom: 50px;
	text-align: center;
}

a.info-box {
	color: #222;
}
a.info-box:hover,
a.info-box:focus {
	text-decoration: none;
	color: inherit;
}

/* info box icon */
.info-box-icon {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 30px;
}

/* info box heading */
.info-box-heading {
}
.info-box-heading-title {
	margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: bold;
	font-weight: 600;
}
.info-box-heading-title a {
	position: relative;
	color: inherit;
	font-weight: bold;
	font-weight: 600;
}
.info-box-heading-title a:hover,
.info-box-heading-title a:focus {
	text-decoration: underline;
}

.info-box-wrap:not(.ib-alter-1):not(.ib-alter-2) .info-box-heading .hr-short {
	margin-left: auto;
	margin-right: auto;
}

/* info box info */
.info-box-info {
}
.info-box-text {
	line-height: 1.5;
	font-size: 19px;
}


/* Info box icon styles 
======================== */
/* info box icon color */
.info-box-wrap.ib-icon-color .info-box-icon {
	color: #F20000;
}

/* info box icon with background (transparent) */
.info-box-wrap.ib-icon-bg .info-box-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgb(136 136 136 / 20%);
	margin-bottom: 25px;
	text-align: center;
	font-size: 21px;
}

/* info box icon with background color */
.info-box-wrap.ib-icon-bg-color .info-box-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #F20000;
	margin-bottom: 25px;
	text-align: center;
	font-size: 21px;
	color: #FFF;
}

/* info box icon rounded */
.info-box-wrap.ib-icon-bg.ib-icon-rounded .info-box-icon,
.info-box-wrap.ib-icon-bg-color.ib-icon-rounded .info-box-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 24px;
	border-radius: 50%;
}

/* info box icon hover */
.info-box-wrap.ib-icon-hover.ib-icon-bg .info-box-icon {
	box-shadow: inset 0px 0px #F20000;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.info-box-wrap.ib-icon-hover.ib-icon-bg .info-box:hover .info-box-icon {
	color: #FFF;
	box-shadow: inset 0px -75px #F20000;
}

.info-box-wrap.ib-icon-hover.ib-icon-bg-color .info-box-icon {
	box-shadow: inset 0px 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.info-box-wrap.ib-icon-hover.ib-icon-bg-color .info-box:hover .info-box-icon {
	color: #FFF;
	box-shadow: inset 0px -75px rgba(0, 0, 0, 0.05);
}

/* info box icon animation */
.info-box-wrap.ib-icon-animate .info-box:hover .info-box-icon {
	animation: ibpulse .25s ease-in-out 2 alternate;
	-webkit-animation: ibpulse .25s ease-in-out 2 alternate;
}
@-webkit-keyframes ibpulse { /* Chrome, Safari, Opera */
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}
@keyframes ibpulse { /* Standard */
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}

/* hide info box icon */
.info-box-wrap.ib-hide-icon .info-box-icon {
	display: none;
}


/* Info box styles 
=================== */
/* info box boxed style */
.info-box-wrap.ib-boxed .info-box {
	background-color: #FFF;
	margin-bottom: 20px;
	padding: 7%;
	border-radius: 4px;
	border: 1px solid rgba(128, 128, 128, 0.2);
	-webkit-box-shadow: 0 15px 20px -12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 15px 20px -12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 20px -12px rgba(0, 0, 0, 0.2);
}
.info-box-wrap.ib-alter-1.ib-boxed .info-box {
	padding: 8%;
}

/* info box alter-1 (no effect on smaller screens!) */
.info-box-wrap.ib-alter-1 .info-box {
	text-align: left;
}
.info-box-wrap.ib-alter-1 .info-box-icon {
	margin-right: 15px;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1;
}
@media (min-width: 992px) {
	.info-box-wrap.ib-alter-1 .info-box-icon {
		float: left;
		vertical-align: top;
	}
}
.info-box-wrap.ib-alter-1 .info-box-info {
}
.info-box-wrap.ib-alter-1 .info-box-heading {
	margin-top: 8px;
}
@media (min-width: 992px) {
	.info-box-wrap.ib-alter-1 .info-box-heading {
		display: table-cell;
	}
}

.info-box-wrap.ib-alter-1.ib-icon-bg .info-box-icon,
.info-box-wrap.ib-alter-1.ib-icon-bg-color .info-box-icon {
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin-bottom: 0;
	font-size: 19px;
}
.info-box-wrap.ib-alter-1.ib-boxed.ib-icon-bg .info-box-icon,
.info-box-wrap.ib-alter-1.ib-boxed.ib-icon-bg-color .info-box-icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 0;
	font-size: 17px;
}

.info-box-wrap.ib-alter-1.ib-icon-bg.ib-icon-rounded .info-box-icon,
.info-box-wrap.ib-alter-1.ib-icon-bg-color.ib-icon-rounded .info-box-icon {
	border-radius: 50%;
}

/* info box text fixed height (shows only 3 lines) */
.info-box-wrap.ib-fixed-text .info-box-text {
	max-height: 4.5em;
	line-height: 1.5em;
	font-size: 19px;
	overflow: hidden;
}

/* info box alter-2 (no effect on smaller screens!) */
.info-box-wrap.ib-alter-2 .info-box {
	text-align: left;
}
.info-box-wrap.ib-alter-2 .info-box-icon {
	margin-right: 15px;
	margin-bottom: 0;
	font-size: 24px;
}
@media (min-width: 992px) {
	.info-box-wrap.ib-alter-2 .info-box-icon {
		float: left;
		vertical-align: top;
	}
}
.info-box-wrap.ib-alter-2 .info-box-info {
	display: table;
}
.info-box-wrap.ib-alter-2 .info-box-heading {
	margin-top: 5px;
}
@media (min-width: 992px) {
	.info-box-wrap.ib-alter-2 .info-box-heading {
		display: inline-block;
	}
}

.info-box-wrap.ib-alter-2.ib-icon-bg .info-box-icon,
.info-box-wrap.ib-alter-2.ib-icon-bg-color .info-box-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	font-size: 19px;
}
.info-box-wrap.ib-alter-2.ib-boxed.ib-icon-bg .info-box-icon,
.info-box-wrap.ib-alter-2.ib-boxed.ib-icon-bg-color .info-box-icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 0;
	font-size: 17px;
}

.info-box-wrap.ib-alter-2.ib-icon-bg.ib-icon-rounded .info-box-icon,
.info-box-wrap.ib-alter-2.ib-icon-bg-color.ib-icon-rounded .info-box-icon {
	border-radius: 50%;
}


/* Info box light (use class "ib-light" if the background is dark) 
=================================================================== */
.info-box-wrap.ib-light {
	color: #FFF;
}
.info-box-wrap.ib-light.ib-boxed .info-box {
	background-color: rgb(255 255 255 / 6%);
	border: none;
}


/* ------------------------------------ *
 *  What we to section
/* ------------------------------------ */

.what-we-to-section {
}
@media (max-width: 992px) {
	.what-we-to-section {
		padding: 8% 0 0 0;
	}
}
.what-we-to-section .row {
	position: relative;
	z-index: 3;
}
@media (min-width: 1200px) {
	.what-we-to-section .col-left .col-inner {
		border-right: 1px solid #3C3C3C;
	}
}


/* ------------------------------------ *
 *  Split box
/* ------------------------------------ */

.split-box .col-left, .split-box .col-right {
	position: relative;
}
.split-box img {
	max-width: 100%;
}
.split-box .col-inner {
	padding: 30px 80px;
	overflow: hidden;
}
@media (max-width: 1200px) {
	.split-box .col-inner {
		padding: 40px;
	}
}
@media (max-width: 768px) {
	.split-box .col-inner {
		padding: 40px 15px;
	}
}


/* ------------------------------------ *
 *  Portfolio grid
/* ------------------------------------ */

.portfolio-grid {
}


/* Portfolio grid item 
======================= */
.portfolio-grid-item {
	position: relative;
}
.portfolio-grid-item .pgi-inner {
	position: relative;
}

/* Portfolio grid item image */
.portfolio-grid-item .pgi-image-wrap {
	position: relative;
	display: block;
}
.portfolio-grid-item .pgi-image {
	position: relative;
	overflow: hidden;
}
.portfolio-grid-item.pgi-height-1 .pgi-image img,
.portfolio-grid-item.pgi-height-2 .pgi-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/* Portfolio grid item ghost */
.pgi-image-ghost {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pgi-image-ghost img {
	max-width: 80%;
	transform: scale(1);
	-webkit-transform: scale(1);

	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-grid:not(.pgi-alter) .portfolio-grid-item:hover .pgi-image-ghost img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

/* Portfolio grid item image hover (use class "pgi-image-hover") */
.portfolio-grid.pgi-image-hover .portfolio-grid-item .pgi-image img {
	-webkit-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.portfolio-grid.pgi-image-hover .portfolio-grid-item .pgi-image-wrap:hover img {
	transform: scale(1.05);
}

/* Portfolio grid item counter */
.portfolio-grid.pgi-counter .tt-grid-items-wrap {
	counter-reset: pgi-counter;
}
.portfolio-grid.pgi-counter .portfolio-grid-item .pgi-image-wrap::after {
	position: absolute;
	counter-increment: pgi-counter;
	content: "#" counter(pgi-counter, decimal-leading-zero);
	right: 20px;
	bottom: 20px;
	display: inline-block;
	font-size: 42px;
	color: #FFF;
	line-height: 1;
	opacity: .3;
	z-index: 2;
}

/* Portfolio grid item caption 
=============================== */
.portfolio-grid-item .pgi-caption {
	position: relative;
	width: 100%;
	padding: 15px 0;
	z-index: 2;
}

/* Portfolio grid item title */
.portfolio-grid-item .pgi-caption-title {
	margin: 0;
	color: #333;
	font-size: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.portfolio-grid-item .pgi-caption-title a {
	position: relative;
	display: inline-block;
	color: #222;
}
.portfolio-grid-item .pgi-caption-title a:hover {
	text-decoration: none;
	color: #222;
}
.portfolio-grid-item .pgi-caption-title a::after {
	position: absolute;
	content: "";
	width: 100%;
	max-width: 100%;
	z-index: -1;
	height: 0;
	background: #222;
	/* opacity: .5; */
	left: 0;
	bottom: 0;
	overflow: hidden;
	-webkit-transition: height .2s cubic-bezier(.645,.045,.355,1);
	transition: height .2s cubic-bezier(.645,.045,.355,1);
}
.portfolio-grid-item .pgi-caption-title a:hover::after {
	height: 2px;
}

/* Portfolio grid item categories */
.pgi-categories-wrap {
	margin-top: 7px;
	font-size: 14px;
	color: #777;
}
.pgi-category {
	color: #777;
}
.pgi-category:hover {
	color: #777;
	opacity: .8;
	text-decoration: none;
}
.pgi-category ~ .pgi-category {
	margin-left: -4px;
}
.pgi-category ~ .pgi-category:not(:empty)::before {
	content: ", ";
	margin-left: 2px;
	color: #777;
}
.pgi-category ~ .pgi-category  ~ .pgi-category  ~ .pgi-category {
	display: none;
}
.pgi-category + .pgi-category  + .pgi-category::after {
	content: "...";
	margin-left: 5px;
	color: #777;
}


/* Portfolio grid item style (no effect on mobile devices!)
============================= */
body:not(.is-mobile) .portfolio-grid.pgi-alter .portfolio-grid-item .pgi-caption {
	position: absolute;
	bottom: -1px;
	left: 0;
	padding: 15px 5% 15px 5%;
	background-color: #FFF;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
body:not(.is-mobile) .portfolio-grid.pgi-alter .portfolio-grid-item:hover .pgi-caption {
	opacity: 1;
	visibility: visible;
}

body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-2 .portfolio-grid-item,
body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-3 .portfolio-grid-item,
body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-4 .portfolio-grid-item {
	overflow: hidden;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-2 .portfolio-grid-item:hover,
body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-3 .portfolio-grid-item:hover,
body:not(.is-mobile) .portfolio-grid.pgi-alter .tt-grid.ttg-gap-4 .portfolio-grid-item:hover {
	-webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 40%);
	box-shadow: 0 20px 50px 0 rgb(0 0 0 / 40%);
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}


/* Portfolio grid item hover colors (Note: change colors through HTML markup!) 
==================================== */
.cover-hover-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.portfolio-grid.pgi-hover-color:not(.pgi-alter) .pgi-image-wrap:hover .cover-hover-color {
	opacity: .8;
}
.portfolio-grid.pgi-hover-color.pgi-alter .portfolio-grid-item:hover .cover-hover-color {
	opacity: .8;
}

.portfolio-grid.pgi-hover-color .pgi-image-wrap[class*="cover-opacity-"]::before {
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.portfolio-grid.pgi-hover-color:not(.pgi-alter) .pgi-image-wrap:hover[class*="cover-opacity-"]::before {
	opacity: 0;
}
.portfolio-grid.pgi-hover-color.pgi-alter .portfolio-grid-item:hover [class*="cover-opacity-"]::before {
	opacity: 0;
}


/* Portfolio grid item hover zoom
================================== */
.portfolio-grid.pgi-hover-zoom .pgi-image img {
	transform: scale(1);
	-webkit-transform: scale(1);

	-webkit-transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
}
.portfolio-grid.pgi-hover-zoom .pgi-image-wrap:hover .pgi-image img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}


/* Portfolio grid item heights 
=============================== */
.portfolio-grid-item .pgi-image {
	padding-bottom: 40%;
}
.tt-grid[class*="ttg-layout-"] .pgi-height-1 .pgi-image {
	padding-bottom: 70%;
}
.tt-grid[class*="ttg-layout-"] .pgi-height-2 .pgi-image {
	padding-bottom: 140%;
}


/* Portfolio grid heading (first grid item as a heading)
========================== */
.portfolio-grid-heading {
	position: relative;
	display: block;
	background-color: #000;
	color: #FFF;
}
.portfolio-grid-heading:hover,
.portfolio-grid-heading:focus {
	text-decoration: none;
	color: #FFF;
}
@media (max-width: 1200px) {
	.tt-grid-item.pgh-width {
		width: 100% !important;
	}
}

/* Inner */
.pgh-inner {
	position: relative;
}
@media (max-width: 1200px) {
	.pgh-inner {
		padding-bottom: 40% !important;
	}
}

/* Content */
.pgh-content {
}
@media (min-width: 769px) {
	.pgh-content {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* Title */
.pgh-content .pgh-title {
	margin: 0;
	font-size: 52px;
}
.tt-grid.ttg-layout-4 .pgh-content .pgh-title {
	font-size: 40px;
}
@media (max-width: 1600px) {
	.pgh-content .pgh-title {
		font-size: 40px;
	}
	.tt-grid.ttg-layout-4 .pgh-content .pgh-title {
		font-size: 34px;
	}
}
@media (max-width: 1200px) {
	.pgh-content .pgh-title,
	.tt-grid.ttg-layout-4 .pgh-content .pgh-title {
		font-size: 54px;
	}
}
@media (max-width: 768px) {
	.pgh-content .pgh-title,
	.tt-grid.ttg-layout-4 .pgh-content .pgh-title {
		font-size: 38px;
	}
}

/* Paragraph */
.pgh-content .pgh-title + p {
	margin-top: 20px;
}

/* On smaller screens */
@media (max-width: 768px) {
	.pgh-inner.pgi-image {
		display: flex;
		justify-content: center;
		padding: 15% 5% !important;
	}
	.pgh-content.align-center {
		position: relative !important;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
}


/* ------------------------------------------------- *
 *  Portfolio grid item popup (single project item)
/* ------------------------------------------------- */

.pgi-popup {
}


/* pgi-popup slider
==================== */
.pgi-popup-slider {
	margin-bottom: 100px;
}


/* ------------------------------------ *
 *  Testimonials section
/* ------------------------------------ */

.testimonial-section {
	padding-top: 120px;
	padding-bottom: 100px;
}


/* Blockquote 
============== */
blockquote, 
.blockquote {
	position: relative;
	padding: 0 40px;
	margin: 0;
	font-size: 24px;
	border: none;
}
blockquote.open-quote::before {
	position: absolute;
	content: open-quote;
	top: 0;
	left: 0;
	font-size: 84px;
	font-weight: 300;
	color: #D2D2D2;
	line-height: 1;
}
blockquote footer,
.blockquote-footer {
	display: block;
	margin-top: 20px;
	font-size: 80%;
	color: #777;
}
blockquote footer::before,
.blockquote-footer::before {
	content: "---";
	margin-right: 5px;
}


/* Testimonial slider
====================== */
.testimonial-slider {
	max-width: 800px;
	margin: 0 auto;
}
.testimonial-slider blockquote {
	padding: 0;
	margin-bottom: 100px;
}


/* ------------------------------------ *
 *  Team section
/* ------------------------------------ */

.team-section {
	padding-top: 120px;
	padding-bottom: 100px;
}


/* Team item 
============= */
.team-item {
	position: relative;
	margin: 0 5% 40px 5%;
	overflow: hidden;
}

/* team item image */
.team-item-image {
	position: relative;
	background-color: rgba(130, 130, 130, 0.1);
	padding-bottom: 110%;
	z-index: 1;
}
img.team-item-image {
	padding-bottom: 0 !important;
}


/* Team item caption 
===================== */
.team-item-caption {
	position: relative;
	padding: 15px 0 0 0;
}

/* team item title */
.team-item-title {
	margin: 0;
	font-size: 21px;
	font-weight: 600;
}
.team-item-title span {
	display: inline-block;
	color: #222;
}

/* team item subtitle */
.team-item-subtitle {
	margin: 3px 0 0 0;
	font-size: 15px;
	font-weight: 400;
}
.team-item-subtitle span {
	display: inline-block;
	color: #888;
}

/* team item social */
.team-item-social {
	margin-top: 15px;
}

.team-item-social .team-item-social-inner > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.team-item-social .team-item-social-inner > ul > li {
	float: left;
}
.team-item-social .team-item-social-button {
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background-color: #FFF;
	text-align: center;
	font-size: 14px;
	color: #222;
	border-radius: 100%;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.team-item-social .team-item-social-button::before {
	position: absolute;
	display: block;
	content: "";
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #F20000;
	z-index: -1;
	-webkit-transition: all .4s cubic-bezier(.645,.045,.355,1);
	-moz-transition: all .4s cubic-bezier(.645,.045,.355,1);
	-o-transition: all .4s cubic-bezier(.645,.045,.355,1);
	-ms-transition: all .4s cubic-bezier(.645,.045,.355,1);
	transition: all .4s cubic-bezier(.645,.045,.355,1);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.team-item-social .team-item-social-button:hover::before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.team-item-social .team-item-social-button:hover {
	color: #FFF;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

@media (min-width: 992px) {
	.team-item-social {
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 0;
		text-align: center;
		z-index: 9;
		overflow: hidden;
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.team-item-social .team-item-social-inner {
		margin: 0;
		padding: 15px;
		opacity: 0;
		visibility: hidden;
		-moz-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);

		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.team-item:hover .team-item-social .team-item-social-inner {
		opacity: 1;
		visibility: visible;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.team-item-social .team-item-social-inner > ul > li {
		float: none;
		margin: 5px;
	}
}


/* Team item styles 
==================== */
/* team item alternative style */
@media (min-width: 992px) {
	.tt-team.team-item-alter .team-item-image::before {
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 2;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.tt-team.team-item-alter .team-item:hover .team-item-image::before {
		opacity: 1;
		visibility: visible;
	}

	.tt-team.team-item-alter .team-item-caption {
		position: absolute;
		top: 50%;
		width: 100%;
		padding: 0 5%;
		text-align: center;
		z-index: 2;
		opacity: 0;
		visibility: hidden;
		-moz-transform: translateY(-45%);
		-ms-transform: translateY(-45%);
		-webkit-transform: translateY(-45%);
		transform: translateY(-45%);

		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.tt-team.team-item-alter .team-item:hover .team-item-caption {
		opacity: 1;
		visibility: visible;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);

		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.tt-team.team-item-alter .team-item-title span {
		color: #FFF;
	}
	.tt-team.team-item-alter .team-item-subtitle span {
		color: #C1C1C1;
	}

	.tt-team.team-item-alter .team-item-social {
		position: relative;
		margin-top: 15px;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.tt-team.team-item-alter .team-item-social .team-item-social-inner {
		background-color: transparent;
		margin: 0;
		padding: 0;
		opacity: 1;
		visibility: visible;

		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;

		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	.tt-team.team-item-alter .team-item-social-inner > ul > li {
		display: inline-block;
		margin: 0;
	}
	.tt-team.team-item-alter .team-item-social-button {
		width: 30px;
		background-color: transparent;
		font-size: 16px;
		color: #FFF;
	}
	.tt-team.team-item-alter .team-item-social-button::before {
		display: none;
	}
	.tt-team.team-item-alter .team-item-social-button:hover {
		color: #F20000;
	}
}

/* team item caption boxed style */
.tt-team.team-caption-boxed .team-item-title {
	font-weight: normal;
}
.tt-team.team-caption-boxed .team-item-title span {
	display: inline-block;
	color: #fff;
	background-color: #111;
	padding: 0 3px;
}

.tt-team.team-caption-boxed .team-item-subtitle {
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: 400;
}
.tt-team.team-caption-boxed .team-item-subtitle span {
	background-color: #F20000;
	padding: 0 3px;
	margin: 0 2px 2px 0;
	color: #FFF;
}


/* Team carousel 
================= */
.tt-team.team-carousel {
	margin-left: -1px;
}

.tt-team.team-carousel .team-item,
.owl-carousel .team-item {
	margin: 0;
}

@media (max-width: 1200px) {
	.tt-team.team-carousel .owl-carousel[class*="owl-size-"] .cc-item .cc-image.bg-image { 
		padding-bottom: 150% 
	}
}
@media (max-width: 992px) {
	.tt-team.team-carousel .owl-carousel[class*="owl-size-"] .cc-item .cc-image.bg-image { 
		padding-bottom: 120% 
	}
}
@media (max-width: 768px) {
	.tt-team.team-carousel .owl-carousel[class*="owl-size-"] .cc-item .cc-image.bg-image { 
		padding-bottom: 100% 
	}
}


/* ------------------------------------ *
 *  Video demo section
/* ------------------------------------ */

.video-demo-section {
}


/* ---------------------------------------------------------------- *
 *  Magnific Popup: http://dimsemenov.com/plugins/magnific-popup/
/* ---------------------------------------------------------------- */

.mfp-bg {
	background: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 99999;
}
.mfp-wrap {
	z-index: 99999;
}
.mfp-container {
	padding: 0 15px;
}

.mfp-figure:after {
	top: 80px;
	bottom: 80px;
}
img.mfp-img {
	padding: 80px 0 80px;
}

.mfp-close, .mfp-close:focus, .mfp-close:active {
	top: 36px;
}
.mfp-bottom-bar {
	margin-top: -75px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

/* fade in image */
.mfp-fadein .mfp-figure { 
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;

	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	-o-animation-duration: 0.8s;
	animation-duration: 0.8s;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

/* on smaller devices */
@media (max-width: 768px) {
	.mfp-bottom-bar {
		padding: 0 10px;
	}
	.mfp-counter {
		right: 10px;
	}
	.mfp-close, .mfp-close:focus {
		right: 0;
	}
}


/* Navigation arrows 
--------------------- */
.mfp-arrow:before {
	border: none;
}
.mfp-arrow:after {
	border-top-width: 10px;
	border-bottom-width: 10px;
	top: 8px;
}

.mfp-arrow-left:after {
	border-right: 15px solid #FFF;
	margin-left: 39px;
}
.mfp-arrow-right:after {
	border-left: 15px solid #FFF;
	margin-left: 39px;
}


/* Inline popup (type inline) 
------------------------------ */
.inline-popup {
	position: relative;
	height: auto;
	max-width: 1200px;
	background-color: transparent;
	padding: 0px;
	margin: 70px auto;
	color: #FFF;
}
.inline-popup-inner {
}

/* Close button */
.inline-popup .inline-popup-close {
	position: absolute;
	top: -50px;
	right: 0px;
	text-decoration: none;
	font-size: 32px;
	color: #FFF;
}
.inline-popup .mfp-close {
	display: none;
}

/* Fade-zoom animation for first dialog */
/* start state */
.mfp-fade-zoom .inline-popup {
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.mfp-fade-zoom.mfp-ready .inline-popup {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.mfp-fade-zoom.mfp-removing .inline-popup {
	opacity: 0;
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* Dark overlay, start state */
.mfp-fade-zoom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.mfp-fade-zoom.mfp-ready.mfp-bg {
	background: #111;
	opacity: 0.99;
}
/* animate out */
.mfp-fade-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}



/* ------------------------------------ *
 *  Panels
/* ------------------------------------ */

.panel-group .panel {
	background-color: #FFF;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-heading {
	position: relative;
	padding: 15px;
}
.panel-title {
	font-size: 22px;
}
@media (max-width: 768px) {
	.panel-title {
		font-size: 18px;
	}
}
.panel-body {
	padding: 15px;
}

/* panel-default */
.panel-default {
	border-color: #DDD;
}
.panel-default > .panel-heading {
	background-color: #FFF;
	color: #000;
}
.panel-default .panel-title a:hover, .panel-default .panel-title a:focus {
	color: #000;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #DDD;
}

/* panel-primary */
.panel-primary {
	border-color: #337AB7;
}
.panel-primary > .panel-heading {
	background-color: #337AB7;
	color: #FFF;
}
.panel-primary .panel-title a:hover, .panel-primary .panel-title a:focus {
	color: #000;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #337AB7;
}

/* panel-success */
.panel-success {
	border-color: #7BBD28;
}
.panel-success > .panel-heading {
	background-color: #7BBD28;
	color: #FFF;
}
.panel-success .panel-title a:hover, .panel-success .panel-title a:focus {
	color: #000;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #7BBD28;
}

/* panel-info */
.panel-info {
	border-color: #90D8E8;
}
.panel-info > .panel-heading {
	background-color: #90D8E8;
	color: #FFF;
}
.panel-info > .panel-heading span {
	color: rgba(255, 255, 255, 0.7);
}
.panel-info .panel-title a:hover, .panel-info .panel-title a:focus {
	color: #000;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #90D8E8;
}

/* panel-warning  */
.panel-warning {
	border-color: #F4DF4D;
}
.panel-warning > .panel-heading {
	background-color: #F4DF4D;
	color: #000;
}
.panel-warning .panel-title a:hover, .panel-warning .panel-title a:focus {
	color: #F20000;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #F4DF4D;
}

/* panel-danger */
.panel-danger {
	border-color: #F20000;
}
.panel-danger > .panel-heading {
	background-color: #F20000;
	color: #FFF;
}
.panel-danger .panel-title a:hover, .panel-danger .panel-title a:focus {
	color: #000;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #F20000;
}


/* ------------------------------------------------------------- *
 *  Accordion
/* ------------------------------------------------------------- */

.tt-accordion {
	position: relative;
	margin-top: 80px;
}


/* tt-accordion item 
===================== */
.tt-accordion-item {
	margin-bottom: 7px;
}

/* tt-accordion item header */
.tt-accordion-item-header {
	background-color: #EEE;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tt-accordion-item-header:hover {
	background-color: #EAEAEA;
}

.tt-accordion-item-title {
	margin: 0;
	font-size: 28px;
	font-weight: 400;
}
@media (max-width: 992px) {
	.tt-accordion-item-title {
		font-size: 22px;
	}
}
.tt-accordion-item-title button {
	position: relative;
	width: 100%;
	padding: 30px 65px 30px 80px;
	background: transparent;
	cursor: pointer;
	text-align: left;
	text-transform: uppercase;
	font-weight: inherit;
	outline: none;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
	.tt-accordion-item-title button {
		padding-left: 70px;
	}
}

.tt-accordion-item-arrow {
	position: absolute;
	content: "";
	right: 20px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color: inherit;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-accordion-item-title button.collapsed > .tt-accordion-item-arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tt-accordion-item-queue {
	position: absolute;
	top: 50%;
	left: 15px;
	font-size: 48px;
	color: rgba(0, 0, 0, 0.2);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 992px) {
	.tt-accordion-item-queue {
		font-size: 40px;
	}
}

/* tt-accordion item body */
.tt-accordion-item-body {
	padding: 15px;
}


/* tt-accordion styles 
======================= */

/* tt-accordion boxed style */
.tt-accordion.accordion-boxed .tt-accordion-item {
	border: 15px solid #F1F1F1;
	border-radius: 10px;
}
.tt-accordion.accordion-boxed .tt-accordion-item-header {
	background-color: transparent;
}
.tt-accordion.accordion-boxed .tt-accordion-item-body {
	padding: 30px;
	border-top: 1px solid #ddd;
}

/* tt-accordion minimal style */
.tt-accordion.accordion-minimal .tt-accordion-item-header {
	background-color: transparent;
	border-bottom: 2px solid #222;
}
.tt-accordion.accordion-minimal .tt-accordion-item-title button {
	padding-left: 60px;
	padding-right: 50px;
}
.tt-accordion.accordion-minimal .tt-accordion-item-queue {
	left: 0px;
}
.tt-accordion.accordion-minimal .tt-accordion-item-arrow {
	right: 0;
}

/* tt-accordion dark style */
.tt-accordion.accordion-dark .tt-accordion-item-header {
	background-color: #222;
	color: #FFF;
}
.tt-accordion.accordion-dark .tt-accordion-item-title button {
	color: #FFF;
}
.tt-accordion.accordion-dark .tt-accordion-item-queue {
	color: #FFF;
}

/* tt-accordion colored style */
.tt-accordion.accordion-colored .tt-accordion-item-header {
	background-color: #F20000;
	color: #FFF;
}
.tt-accordion.accordion-colored .tt-accordion-item-title button {
	color: #FFF;
}
.tt-accordion.accordion-colored .tt-accordion-item-queue {
	color: #FFF;
}


/* ------------------------------------ *
 *  FAQ section
/* ------------------------------------ */

.faq-section {
}
.faq-section #accordion {
	margin-top: 80px;
}


/* ------------------------------------------------------------- *
 * tt-Grid
/* ------------------------------------------------------------- */

.tt-grid {
	position: relative;
}
.tt-grid::after {
	content: "";
	display: table;
	clear: both;
}


/* tt-grid top content
======================= */
.tt-grid-top {
	position: relative;
	padding-bottom: 60px;
}
@media (max-width: 768px) {
	.tt-grid-top {
		padding-bottom: 40px;
	}
}


/* tt-grid item
================ */
.tt-grid-item {
	position: relative;
	float: left;
	width: 100%;
}
.ttg-item-inner {
	position: relative;
}


/* tt-grid layouts (if you use Isotope make the same changes in "isotope-grid-sizer" as well!)
=================== */
/* layout-2 */
@media (min-width: 768px) {
	.tt-grid.ttg-layout-2 .tt-grid-item {
		width: 50%;
	}
}

/* layout-3 */
@media (min-width: 768px) {
	.tt-grid.ttg-layout-3 .tt-grid-item {
		width: 50%;
	}
}
@media (min-width: 1200px) {
	.tt-grid.ttg-layout-3 .tt-grid-item {
		width: 33.33333%;
	}
}

/* layout-4 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.tt-grid.ttg-layout-4 .tt-grid-item {
		width: 50%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
	.tt-grid.ttg-layout-4 .tt-grid-item {
		width: 33.33333%;
	}
}

@media (min-width: 1400px) {
	.tt-grid.ttg-layout-4 .tt-grid-item {
		width: 25%;
	}
}


/* tt-grid item gaps 
===================== */
/* Gap 1 */
.tt-grid.ttg-gap-1,
.tt-grid.ttg-gap-1 .tt-grid-top {
	margin-left: 0.2vw;
	margin-right: 0.2vw;
}
body.tt-sidebar-on #blog-grid .tt-grid.ttg-gap-1,
.container .tt-grid.ttg-gap-1 {
	margin-left: -0.2vw;
	margin-right: -0.2vw;
}
.container .tt-grid.ttg-gap-1 .tt-grid-top {
	padding-left: -0.2vw;
	padding-right: -0.2vw;
}
.tt-grid.ttg-gap-1 .ttg-item-inner {
	margin: 0 0.2vw 0.4vw 0.2vw;
}

/* Gap 2 */
.tt-grid.ttg-gap-2,
.tt-grid.ttg-gap-2 .tt-grid-top {
	margin-left: 1vw;
	margin-right: 1vw;
}
body.tt-sidebar-on #blog-grid .tt-grid.ttg-gap-2,
.container .tt-grid.ttg-gap-2 {
	margin-left: -1vw;
	margin-right: -1vw;
}
.container .tt-grid.ttg-gap-2 .tt-grid-top {
	padding-left: -1vw;
	padding-right: -1vw;
}
.tt-grid.ttg-gap-2 .ttg-item-inner {
	margin: 0 1vw 2vw 1vw;
}

/* Gap 3 */
.tt-grid.ttg-gap-3,
.tt-grid.ttg-gap-3 .tt-grid-top {
	margin-left: 2vw;
	margin-right: 2vw;
}
body.tt-sidebar-on #blog-grid .tt-grid.ttg-gap-3,
.container .tt-grid.ttg-gap-3 {
	margin-left: -2vw;
	margin-right: -2vw;
}
.tt-grid.ttg-gap-3 .ttg-item-inner {
	margin: 0 2vw 4vw 2vw;
}

/* Gap 4 */
.tt-grid.ttg-gap-4,
.tt-grid.ttg-gap-4 .tt-grid-top {
	margin-left: 3vw;
	margin-right: 3vw;
}
body.tt-sidebar-on #blog-grid .tt-grid.ttg-gap-4,
.container .tt-grid.ttg-gap-4 {
	margin-left: -3vw;
	margin-right: -3vw;
}
.tt-grid.ttg-gap-4 .ttg-item-inner {
	margin: 0 3vw 6vw 3vw;
}


/* ===================================================
	Isotope (works with tt-Grid)
====================================================== */

.isotope-items-wrap {
	-webkit-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in-out;
}


/* Isotope filter 
=================== */
.isotope-filter {
}

/* isotope filter links title */
.ifl-title {
	font-size: 21px;
}
.ifl-title [class*="bg-"] {
	padding: 0 4px;
}

/* isotope filter links */
ul.isotope-filter-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.isotope-filter-links > li {
	display: inline-block;
	margin: 0 3px;
}
@media (max-width: 768px) {
	ul.isotope-filter-links > li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
ul.isotope-filter-links > li:first-child {
	margin-left: 0;
}
ul.isotope-filter-links > li:last-child {
	margin-right: 0;
}
ul.isotope-filter-links > li > button {
	position: relative;
	display: block;
	background: none;
	padding: 5px 3px;
	font-size: 21px;
	font-weight: 500;
	color: #333;
	line-height: 1;
	border: none;
	z-index: 1;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	ul.isotope-filter-links > li > button {
		font-size: 19px;
	}
}
ul.isotope-filter-links > li > button:focus {
	outline: none;
}

ul.isotope-filter-links > li > button::after {
	position: absolute;
	content: "";
	width: 100%;
	max-width: 100%;
	z-index: -1;
	height: 0;
	background: #F20000;
	opacity: .8;
	left: 0;
	bottom: 0;
	overflow: hidden;
	-webkit-transition: height .3s cubic-bezier(.645,.045,.355,1);
	transition: height .3s cubic-bezier(.645,.045,.355,1);
}
ul.isotope-filter-links > li > button:hover::after,
ul.isotope-filter-links > li > button.active::after {
	height: 50%;
}

/* isotope filter aligns */
.isotope-filter.fi-center {
	text-align: center;
}
.isotope-filter.fi-right {
	text-align: right;
}
@media (max-width: 768px) {
	.isotope-filter.fi-right {
		text-align: center;
	}
}

/* isotope filter light style */
.isotope-filter.fi-light ul.isotope-filter-links > li > button {
	color: #FFF;
}


/* Isotope columns (same settings as "tt-grid" layouts!) 
=================== */
.isotope-grid-sizer {
	width: 100%;
}

/* layout-2 */
@media (min-width: 768px) {
	.tt-grid.ttg-layout-2 .isotope-grid-sizer {
		width: 50%;
	}
}

/* layout-3 */
@media (min-width: 768px) {
	.tt-grid.ttg-layout-3 .isotope-grid-sizer {
		width: 50%;
	}
}
@media (min-width: 1200px) {
	.tt-grid.ttg-layout-3 .isotope-grid-sizer {
		width: 33.33333%;
	}
}

/* layout-4 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.tt-grid.ttg-layout-4 .isotope-grid-sizer {
		width: 50%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
	.tt-grid.ttg-layout-4 .isotope-grid-sizer {
		width: 33.33333%;
	}
}

@media (min-width: 1400px) {
	.tt-grid.ttg-layout-4 .isotope-grid-sizer {
		width: 25%;
	}
}


/* ------------------------------------------------------------- *
 * Sidebar
/* ------------------------------------------------------------- */

.tt-sidebar {
}
@media (max-width: 991px) {
	.tt-sidebar {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-left: none !important;
		border-right: none !important;

		margin-top: 30px;
		padding-top: 40px;
		border-top: 1px dotted rgba(150, 150, 150, 0.18);
	}
}

/* Sidebar left */
.tt-sidebar.tt-sidebar-left {
	padding-right: 25px;
	margin-right: 25px;
}
@media (max-width: 1600px) {
	.tt-sidebar.tt-sidebar-left {
		padding-right: 15px;
		margin-right: 15px;
	}
}

/* Sidebar right */
.tt-sidebar.tt-sidebar-right {
	padding-left: 25px;
	margin-left: 25px;
}
@media (max-width: 1600px) {
	.tt-sidebar.tt-sidebar-right {
		padding-left: 15px;
		margin-left: 15px;
	}
}


/* ------------------------------------------------------------- *
 * Sidebar widgets
/* ------------------------------------------------------------- */

.tt-sidebar-widget {
	margin-top: 60px;
	overflow: hidden;
}

/* Sidebar headings */
.tt-sidebar-heading {
	margin-bottom: 30px;
}
.tt-sidebar-heading-title {
	margin: 0;
	font-size: 21px;
	font-weight: bold;
}
.tt-sidebar-heading hr,
.tt-sidebar-heading .hr-short {
	margin-top: 15px;
	margin-bottom: 0;
}


/* Blog author (about me) 
========================== */
.blog-author {
}
.blog-author-inner {
}
.blog-author-img {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	background-color: rgba(238, 238, 240, 1);
	margin-right: 20px;
	border-radius: 50%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.blog-author-img:hover {
	opacity: .9;
}
@media (max-width: 1200px) {
	.tt-sidebar .blog-author-img {
		float: none;
		width: 105px;
		height: 105px;
		margin: 0 0 20px 0;
	}
}
@media (max-width: 991px) {
	.tt-sidebar .blog-author-img {
		float: left;
		width: 105px;
		height: 105px;
		padding: 0;
		margin: 0 20px 0 0;
	}
}
@media (max-width: 440px) {
	.tt-sidebar .blog-author-img {
		float: none;
		margin: 0 0 20px 0;
	}
}
.blog-author-info {
	display: table;
}
.blog-author-name {
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
	font-size: 19px;
}
.blog-author-name a {
	color: #333;
}
.blog-author-name a:hover {
	text-decoration: underline;
	color: #F20000;
}
.blog-author-sub {
	margin-bottom: 10px;
	font-size: 14px;
	color: #888;
}
.blog-author-text {
	margin: 0;
	font-size: 15px;
}
.blog-author-more {
	display: block;
	margin-top: 15px;
	text-align: right;
	font-size: 14px;
	color: #BBB;
}

/* Blog sidebar search 
======================= */
.tt-sidebar-search {
}
#blog-search-form {
}
#blog-search-form .form-group {
	position: relative;
}
#blog-search-form button {
}
#blog-search-form .form-control {
}

/* Blog sidebar social 
======================= */
.tt-sidebar-social {
}
.tt-sidebar-social .btn-social-min {
	width: 54px;
	height: 54px;
	line-height: 50px;
	font-size: 20px;
}

/* Blog sidebar subscribe 
========================== */
#sidebar-subscribe-form {
	position: relative;
}
#sidebar-subscribe {
}

/* Blog sidebar categories 
=========================== */
.tt-sidebar-categories {
}
.tt-sidebar-categories > ul > li {
	padding: 0;
}
.tt-sidebar-categories > ul > li > a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 1;
	background-color: #f1f1f3;
	padding: 15px 20px;
	margin-bottom: 2px;
	border-left: 3px solid #e6e6e6;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt-sidebar-categories > ul > li > a:hover {
	background-color: #ededf1;
	padding-left: 25px;
	border-left-color: #F20000;
}
.tt-sidebar-categories > ul > li:first-child {
	padding-top: 0;
	border: 0;
}
.tt-sidebar-categories > ul > li > a span {
	position: relative;
	float: right;
	top: -4px;
	background-color: #FFF;
	padding: 6px 5px 4px 5px;
	text-align: center;
	font-size: 12px;
	color: #333;
	border-radius: 50px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt-sidebar-categories > ul > li > a:hover span {
	background-color: #F20000;
	color: #FFF;
}

/* Blog sidebar post list 
========================== */
.tt-sidebar-post-list {
}
.tt-sidebar-post-list > ul > li {
	list-style: none;
	overflow: hidden;
	margin-bottom: 17px;
}
.tt-sidebar-post-list > ul > li:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.tt-sidebar-post-list .post-thumb {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	width: 114px;
	height: 86px;
	background-color: rgba(238, 238, 240, 1);
	overflow: hidden;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt-sidebar-post-list .post-thumb:hover {
	opacity: .9;
}

.tt-sidebar-post-list .post-data {
	display: table;
}
.tt-sidebar-post-list .post-data .post-title {
	margin: 0 0 4px 0;
	font-size: 16px;
	font-weight: bold;
	font-weight: 600;
	line-height: 1.4;
}
.tt-sidebar-post-list .post-data .post-title a {
	font-weight: bold;
	font-weight: 600;
	color: #333;
}
.tt-sidebar-post-list .post-data .post-title a:hover {
	text-decoration: underline;
	color: #F20000;
}
.tt-sidebar-post-list .post-data .author {
	display: block;
	font-size: 14px;
	line-height: 15px;
}
.tt-sidebar-post-list .post-data .author a {
	color: #333;
}
.tt-sidebar-post-list .post-data .author a:hover {
	color: #F20000;
}
.tt-sidebar-post-list .post-data .date {
	display: block;
	font-size: 13px;
	color: #888;
}

/* Blog sidebar post comments list 
=================================== */
.tt-sidebar-comments-list {
}

.tt-sidebar-comment-wrap {
	padding-bottom: 17px;
	margin-bottom: 17px;
	border-bottom: 1px solid #ededed;
}
.tt-sidebar-comment-wrap:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.tt-sidebar-comment-meta {
	display: table;
}
.tt-sidebar-comment-avatar {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background-color: rgba(238, 238, 240, 1);
	border-radius: 50%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt-sidebar-comment-avatar:hover {
	opacity: .9;
}
.tt-sidebar-comment-data {
}
.tt-sidebar-comment-data .author {
	display: block;
	font-size: 14px;
	font-weight: 600;
}
.tt-sidebar-comment-data .author a {
	color: #333;
}
.tt-sidebar-comment-data .author a:hover {
	text-decoration: underline;
	color: #F20000;
}
.tt-sidebar-comment-data .date {
	display: block;
	font-size: 13px;
	color: #888;
}

.tt-sidebar-comment-wrap .tt-sidebar-comment {
	clear: both;
	margin-top: 10px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.3;
	color: #888;
}
.tt-sidebar-comment-wrap .tt-sidebar-comment a {
	color: #888;
}
.tt-sidebar-comment-wrap .tt-sidebar-comment a:hover {
	text-decoration: underline;
	color: #F20000;
}
.tt-sidebar-comment-wrap .tt-sidebar-comment p {
	margin-bottom: 0;
}

/* Blog sidebar tags 
===================== */
.tt-sidebar-tags {
}
.tt-sidebar-tags > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tt-sidebar-tags > ul > li {
	float: left;
	margin: 3px;
}
.tt-sidebar-tags a {
	display: block;
	background-color: rgba(138, 138, 154, 0.15);
	padding: 2px 8px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	-webkit-transition all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tt-sidebar-tags a:hover {
	background-color: #F20000;
	color: #fff;
}

/* Blog sidebar photo stream 
============================= */
.tt-sidebar-photo-stream {
}

/* Blog sidebar meta 
===================== */
.tt-sidebar-meta {
}
.tt-sidebar-meta ul > li > a {
	display: inline-block;
	padding: 3px 0;
	font-size: 15px;
	color: #888;
}
.tt-sidebar-meta ul > li > a:hover {
	text-decoration: underline;
	color: #F20000;
}


/* ------------------------------------ *
 *  Blog grid
/* ------------------------------------ */

#blog-grid {
}


/* Blog grid item 
================== */
.blog-grid-item {
	position: relative;
}
@media (max-width: 768px) {
	.blog-grid-item {
		margin-bottom: 40px;
	}
}

#blog-grid:not(.bgi-alter):not(.bgi-boxed) .tt-grid:not([class*="ttg-layout-"]) .blog-grid-item {
	margin-bottom: 10%;
}
#blog-grid.bgi-alterd .tt-grid:not([class*="ttg-layout-"]) .blog-grid-item,
#blog-grid.bgi-boxed .tt-grid:not([class*="ttg-layout-"]) .blog-grid-item {
	margin-bottom: 6%;
}

.blog-grid-item .bgi-inner {
	position: relative;
}

/* Blog grid item image */
.blog-grid-item .bgi-image-wrap {
	position: relative;
	display: block;
}
.blog-grid-item .bgi-image {
	position: relative;
	overflow: hidden;
	padding-bottom: 60%;
	background-color: rgba(238, 238, 240, 1);
}
.tt-grid[class*="ttg-layout-"] .blog-grid-item .bgi-image {
	padding-bottom: 70%;
}
.blog-grid-item .bgi-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}


/* Blog grid item info 
======================= */
.blog-grid-item .bgi-info {
	position: relative;
	width: 100%;
	padding: 15px 0;
	z-index: 2;
}

/* Blog grid item categories */
.bgi-categories-wrap {
	margin-bottom: 10px;
	padding-right: 50px;
}
.bgi-title + .bgi-categories-wrap {
	margin-top: 8px;
	margin-bottom: 0;
}
.bgi-category {
	display: inline-block;
	background-color: #F20000;
	margin-bottom: 3px;
	margin-right: 1px;
	padding: 0 4px;
	font-size: 13px;
	color: #FFF;
}
.bgi-category:hover,
.bgi-category:focus {
	opacity: .8;
	color: #FFF;
	text-decoration: none;

}
.bgi-category ~ .bgi-category  ~ .bgi-category  ~ .bgi-category { /* Show no more than 3 categories */
	display: none;
}

/* Blog grid item title */
.blog-grid-item .bgi-title {
	margin: 0;
}
.blog-grid-item .bgi-title a {
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 34px;
	font-weight: bold;
	font-weight: 600;
	color: #222;
	line-height: 1.5;
}
.blog-grid-item .bgi-title a:hover {
	color: #222;
}
.tt-grid[class*="ttg-layout-"] .blog-grid-item .bgi-title a {
	font-size: 24px;
}

/* Blog grid item meta */
.bgi-meta {
	margin-top: 10px;
	font-size: 14px;
	color: #888;
}
.bgi-meta a {
	padding-bottom: 2px;
	color: #888;
}
.bgi-meta a:hover {
	text-decoration: underline;
	color: #F20000;
}
.bgi-meta .published {
}

/* Blog grid item description */
.bgi-description {
	margin-top: 20px;
	font-size: 19px;
	font-weight: normal;
}
.tt-grid[class*="ttg-layout-"] .bgi-description {
	font-size: 17px;
}
.bgi-description p {
	margin-bottom: 0;
}

/* Blog grid item read more button */
.btn.bgi-read-more {
	margin-top: 20px;
	margin-bottom: 0;
}

/* Blog grid item comments count */
.bgi-comment-count {
	position: absolute;
	top: 23px;
	right: 0;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: #888;
}


/* Blog grid item boxed style
============================== */
#blog-grid.bgi-boxed:not(.bgi-alter) .blog-grid-item {
	border-radius: 4px;
	border: 1px solid rgb(0 0 0 / 8%);
	border-bottom-color: rgb(0 0 0 / 5%);
}
#blog-grid.bgi-boxed:not(.bgi-alter) .blog-grid-item .bgi-image-wrap {
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
#blog-grid.bgi-boxed:not(.bgi-alter) .blog-grid-item .bgi-info {
	background-color: #FFF;
	padding: 15px 20px 20px 20px;
	box-shadow: 0 18px 25px -15px rgb(0 0 0 / 20%);
}
#blog-grid.bgi-boxed:not(.bgi-alter) .bgi-comment-count {
	right: 20px;
}


/* Blog grid item info style 2
=============================== */
#blog-grid.bgi-alter-info:not(.bgi-alter) .blog-grid-item .bgi-info {
	padding-bottom: 70px;
}
#blog-grid.bgi-alter-info:not(.bgi-alter) .bgi-comment-count {
	top: auto;
	right: 0;
	bottom: 20px;
}
#blog-grid.bgi-alter-info.bgi-boxed:not(.bgi-alter) .bgi-comment-count {
	right: 20px;
}
#blog-grid.bgi-alter-info:not(.bgi-alter) .bgi-meta .posted-by {
	position: absolute;
	left: 0;
	bottom: 20px;
}
#blog-grid.bgi-alter-info.bgi-boxed:not(.bgi-alter) .bgi-meta .posted-by {
	left: 20px;
}
#blog-grid.bgi-alter-info:not(.bgi-alter) .btn.bgi-read-more {
	display: none;
}


/* Blog grid item alternative style
==================================== */
/*.bgi-alter .blog-grid-item {
	border-radius: 4px;
	overflow: hidden;
}*/
.bgi-alter .blog-grid-item .bgi-image-wrap::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	box-shadow: inset 0px -180px 100px -50px rgb(0 0 0 / 52%);
	transition: background-color 0.3s ease-in-out;
}
.bgi-alter .blog-grid-item:hover .bgi-image-wrap::before {
	background-color: rgb(0 0 0 / 25%);
}
.bgi-alter .tt-grid[class*="ttg-layout-"] .blog-grid-item .bgi-image {
	padding-bottom: 120%;
}

.bgi-alter .blog-grid-item .bgi-info {
	position: absolute;
	bottom: -1px;
	left: 0;
	padding: 0px 7% 5%;
	z-index: 3;
}
body:not(.is-mobile) .bgi-alter .blog-grid-item .bgi-info {
	transform: translate3d(0, 30px, 0);
	transition: transform 0.3s ease-in-out;
}
body:not(.is-mobile) .bgi-alter .blog-grid-item:hover .bgi-info {
	transform: translate3d(0, 0, 0);
}

.bgi-alter .bgi-title a {
	color: #FFF;
}
.bgi-alter .bgi-title a:hover {
	color: #FFF;
}

.bgi-alter .bgi-meta {
	color: #FFF;
}
body:not(.is-mobile) .bgi-alter .bgi-meta {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 10px, 0);
	transition: all 0.3s ease-in-out;
}
body:not(.is-mobile) .bgi-alter .blog-grid-item:hover .bgi-meta {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.2s;
}
.bgi-alter .bgi-meta a {
	color: #FFC01D;
}

.bgi-alter .bgi-comment-count,
.bgi-alter .bgi-description,
.bgi-alter .btn.bgi-read-more {
	display: none;
}


/* ------------------------------------ *
 *  Blog carousel
/* ------------------------------------ */

.blog-carousel-section {
}


/* Blog carousel heading 
========================= */
.blog-carousel-heading {
	display: block;
	height: 100%;
	background-color: #F20000;
	color: #FFF;
}
@media (max-width: 768px) {
	.blog-carousel-heading {
		height: 300px;
	}
}
.blog-carousel-heading:hover,
.blog-carousel-heading:focus {
	text-decoration: none;
	color: #FFF;
}
.blog-carousel-heading .heading p {
	margin-top: 20px;
}


/* Blog carousel item 
====================== */
.blog-carousel:not(.bgi-alter) .blog-grid-item .bgi-image {
	padding-bottom: 70%;
}
.blog-carousel:not(.bgi-alter) .blog-grid-item .bgi-info {
	background-color: #FFF;
	padding: 15px 20px 30px 20px;
}
.blog-carousel:not(.bgi-alter) .bgi-comment-count {
	right: 20px;
}
.blog-carousel:not(.bgi-alter) .btn.bgi-read-more {
	display: none;
}

/* If "bgi-alter" style enabled */
.blog-carousel.bgi-alter {
	background-color: #000;
}
.blog-carousel.bgi-alter .blog-grid-item .bgi-image {
	height: 450px;
	padding-bottom: 0 !important;
}
.blog-carousel .blog-grid-item .bgi-title a {
	font-size: 22px;
}


/* ------------------------------------------------------------- *
 * Blog single post
/* ------------------------------------------------------------- */

#blog-post-section {
}
@media (max-width: 992px) {
	#blog-post-section {
		padding-top: 10%;
	}
}

/* Blog post 
============= */
.blog-post {
}
.blog-post-inner {
	position: relative;
}

/* Blog post featured image */
.blog-post-featured-image {
	display: block;
	margin-bottom: 40px;
}

.blog-post-featured-image.bg-image { /* for background image height */
	padding-bottom: 50%;
}
@media (max-width: 992px) {
	.blog-post-featured-image.bg-image { /* for background image height */
		padding-bottom: 60%;
	}
}
@media (max-width: 768px) {
	.blog-post-featured-image.bg-image { /* for background image height */
		padding-bottom: 75%;
	}
}

/* Blog post heading */
.blog-post-heading {
	position: relative;
	background-color: #FFF;
	padding: 0 0 3% 0;
	z-index: 1;
}
.blog-post-featured-image + .blog-post-heading {
	padding: 3% 0 5% 0;
}
.blog-post-title {
	margin: 0 0 20px 0;
	font-size: 48px;
	font-weight: bold;
	color: #333;
	line-height: 1.4;
}
@media (max-width: 992px) {
	.blog-post-title {
		font-size: 28px;
	}
}

/* Blog post categories */
.blog-post-categories-wrap {
	margin-bottom: 20px;
	font-size: 14px;
	color: #FFF;
}
.bsp-category {
	display: inline-block;
	background-color: #F20000;
	margin-bottom: 3px;
	margin-right: 1px;
	padding: 0 4px;
	font-size: 14px;
	color: #FFF;
}
.bsp-category:hover, 
.bsp-category:focus {
	opacity: .8;
	color: #FFF;
	text-decoration: none;
}

/* Blog post content */
.blog-post-content {
	margin-bottom: 40px;
}

/* Blog post image */
.blog-post-content .blog-post-image {
	margin: 40px 0;
}
.bp-image-wrap {
	position: relative;
	display: block;
	background-color: rgba(91, 107, 140, 0.1);
}
.bp-image {
}
img.bp-image {
	padding-bottom: 0;
}

.bp-image-caption {
	margin-top: 5px;
	font-size: 13px;
	font-style: italic;
	color: #888;
}
.bp-image-caption a {
	color: inherit;
	border-bottom: 1px dotted;
}
.bp-image-caption a:hover {
	color: #F20000;
}


/* Blog post slider (OWL Carousel) 
=========================== */
.blog-post-slider {
}

.blog-post-content .owl-carousel {
	margin: 30px 0 30px 0;
}
.blog-post-content .owl-carousel.dots-outside {
	margin-bottom: 60px;
}
.blog-post-content .owl-carousel .cc-item {
	margin: 0;
	padding: 0;
}

.blog-post-content .owl-carousel .blog-post-image {
	margin: 0;
}


/* Blog post attributes 
========================== */
.blog-post-attributes {
	margin-bottom: 40px;
}

.blog-post-meta-wrap {
	overflow: hidden;
}

/* Blog post meta */
.blog-post .author-avatar {
	position: relative;
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 20px;
	border-radius: 50%;
}
.blog-post .author-avatar::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -21px;
	width: 21px;
	height: 1px;
	border-bottom: 1px solid rgba(136, 136, 136, 0.16);
}

.bsp-meta {
	padding: 0 0 0 15px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	float: left;
	border-left: 1px solid rgba(136, 136, 136, 0.16);
}
.bsp-meta .article-author {
	font-size: 16px;
	color: #333;
}
.bsp-meta .article-author a {
	color: #333;
}
.bsp-meta .article-author a:hover {
	text-decoration: underline;
	color: #F20000;
}
.bsp-meta .article-time-cat {
	font-size: 14px;
	color: #888;
}
.bsp-meta .article-time-cat a {
	color: #888;
}
.bsp-meta .article-time-cat a:hover {
	color: #F20000;
}
.bsp-meta .article-time {
}

/* Blog post links */
.blog-post-links {
	margin: 8px 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	list-style: none;
}
@media (max-width: 420px) {
	.blog-post-links {
		margin-top: 20px;
		text-align: left;
	}
}
.blog-post-links > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 3px;
}
.blog-post-links a:not(.btn) {
	display: inline-block;
	color: #333;
}
.blog-post-links a:not(.btn):hover,
.blog-post-links a:not(.btn):focus {
	text-decoration: none;
	color: #F20000;
}

/* Blog post comment count */
.bsp-comment-count {
}

/* Blog post tags */
.blog-post-tags {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}
.blog-post-tags span {
	color: #333;
}
.blog-post-tags > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-post-tags > ul > li {
	float: left;
	margin: 3px;
}
.blog-post-tags a {
	display: block;
	background-color: rgba(138, 138, 154, 0.15);
	padding: 2px 8px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out: ;
	transition: all .2s ease-in-out;
}
.blog-post-tags a:hover {
	background-color: #F20000;
	text-decoration: none;
	color: #fff;
}


/* Blog post share 
=================== */
.blog-post-share {
}
.blog-post-share > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-post-share > ul > li {
	display: inline-block;
	margin: 0 1px;
}
.bp-share-text {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
	font-weight: 600;
}


/* Blog post nav 
=================== */
.blog-post-nav {
	margin-top: 60px;
	padding-top: 40px;
	overflow: hidden;
	border-top: 1px solid rgba(150, 150, 150, 0.2);
}

.bp-nav-col {
	float: left;
	width: 50%;
}
.bp-nav-left {
	padding-right: 5%;
	border-right: 1px solid rgba(150, 150, 150, 0.2);
}
.bp-nav-right {
	padding-left: 5%;
	text-align: right;
}

.bp-nav-text {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	font-weight: 600;
	color: #333;
}
.bp-nav-title {
	margin: 0;
	line-height: 1.2;
}
.bp-nav-title a {
	font-size: 21px;
	font-weight: bold;
	font-weight: 600;
	color: #333;
}
.bp-nav-title a:hover,
.bp-nav-title a:focus {
	text-decoration: underline;
	color: #333;
}
@media (max-width: 768px) {
	.bp-nav-title, .bp-nav-title {
		font-size: 16px;
	}
}


/* Blog related posts 
====================== */
.related-posts {
	margin-top: 60px;
	padding-top: 60px;
	overflow: hidden;
	border-top: 1px solid rgba(150, 150, 150, 0.2);
}
.related-posts-heading {
	font-size: 21px;
	margin: 0 0 30px 0;
}


/* Related posts carousel 
========================== */
.related-posts-carousel {
}

.related-posts-carousel .owl-carousel .cc-item {
	margin: 0;
	padding: 0;
}

/* Related posts carousel item */
.related-posts-item {
}
.related-posts-item .rp-item-image-wrap {
	position: relative;
	background-color: rgba(91, 107, 140, 0.1);
}
.related-posts-item .rp-item-image {
	display: block;
	margin-bottom: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts-item .rp-item-image:hover {
    opacity: .9;
}
.rp-item-info {
}
.related-posts-item .rp-item-title,
.related-posts-item .rp-item-title h4 {
	margin: 0;
	font-size: 18px;
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts-item .rp-item-title:hover,
.related-posts-item .rp-item-title h4:hover {
	text-decoration: underline;
	color: #F20000;
}
.related-posts-item .rp-item-categores-wrap {
	margin-bottom: 10px;
	font-size: 12px;
	color: #999;
}
.related-posts-item .rp-item-category {
	display: inline-block;
	background-color: #F20000;
	padding: 0 4px;
	color: #FFF;
	margin-bottom: 3px;
}
.related-posts-item .rp-item-category:hover {
	opacity: .8;
}

/* Related posts OWL Carousel */
.related-posts .owl-carousel {
	min-height: 0;
}


/* Blog post comments 
====================== */
#blog-post-comments {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid rgba(150, 150, 150, 0.2);
}

.blog-post-comments-heading {
	margin: 0 0 30px 0;
	font-size: 24px;
}

/* tt-Comment list */
.tt-comment-list {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.tt-comment-list > li {
	margin-top: 30px;
}

/* tt-Comment */
.tt-comment {
}

/* tt-Comment avatar */
.tt-comment-avatar {
	position: relative;
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 15px;
	border-radius: 50%;
}
.tt-comment-avatar:hover {
}
@media (max-width: 768px) {
	.tt-comment-avatar {
		width: 40px;
		height: 40px;
		margin-top: 20px;
		margin-left: 20px;
	}
}

/* tt-Comment pody */
.tt-comment-body {
	position: relative;
	display: table;
	padding: 20px;
	border: 1px solid rgba(150, 150, 150, 0.2);
}
@media (max-width: 768px) {
	.tt-comment-body {
		display: block;
	}
}

/* tt-Comment meta */
.tt-comment-meta {
	margin-right: 70px;
}

.tt-comment-heading {
	margin: 0 0 5px 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 18px;
	color: #333;
}
.tt-comment-heading a {
	color: #333;
}
.tt-comment-heading a:hover {
	color: #F20000;
}

.tt-comment-time {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	font-style: italic;
	color: #888;
}

/* tt-Comment text */
.tt-comment-text {
	clear: both;
	font-size: 17px;
}

/* tt-Comment reply */
.tt-comment-reply {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
	font-size: 13px;
	z-index: 9;
}
.tt-comment-reply a {
	color: #888;
}
.tt-comment-reply a:hover {
	color: #F20000;
}

/* tt-Comment form */
#tt-comment-form {
	margin-top: 80px;
	padding: 5%;
	border: 1px solid rgba(150, 150, 150, 0.2);
}
#tt-comment-form .tt-comment-form-reminder {
	margin-top: 20px;
}
#tt-comment-form .tt-comment-form-reminder label {
	font-size: 16px;
	color: #666;
}


/* ------------------------------------------------------------- *
 *  Pagination
/* ------------------------------------------------------------- */

.tt-pagination-wrap {
	padding: 30px 0;
}

.tt-pagination {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tt-pagination > li {
	display: inline-block;
}
.tt-pagination > li > a, 
.tt-pagination > li > span {
	position: relative;
	display: block;
	float: none;
	padding: 8px 15px;
	margin: 5px 0;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	background-color: rgba(238, 238, 240, 1);
	z-index: 1;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tt-pagination > li > span {
	background-color: transparent;
	border: none;
}
.tt-pagination > li:first-child > a {
	margin-left: 0;
}
.tt-pagination > li:last-child > a {
}
.tt-pagination > li > a:focus, 
.tt-pagination > li > a:hover {
	text-decoration: none;
	color: #FFF;
	transition-delay: 0.1s;
}
.tt-pagination > li.active > a, 
.tt-pagination > li.active > a:focus, 
.tt-pagination > li.active > a:hover {
	color: #FFF;
	cursor: default;
}

.tt-pagination > li > a::before {
	position: absolute;
	display: block;
	content: "";
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background-color: #F20000;
	z-index: -1;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .4s cubic-bezier(.645,.045,.355,1);
	transition: all .4s cubic-bezier(.645,.045,.355,1);
}
.tt-pagination > li > a:hover::before,
.tt-pagination > li > a:focus::before,
.tt-pagination > li.active > a::before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* tt-pagination info */
.tt-pagination-info {
	margin-top: 15px;
	font-size: 12px;
	color: #999;
}
@media (max-width : 992px) {
	.tt-pagination-info {
		margin-top: 20px;
	}
}

.tt-pagination-info span {
	display: block;
}


/* tt-pagination aligns 
======================== */
/* align center */
.tt-pagination-wrap.tt-pagin-center {
	text-align: center;
}

/* align right */
.tt-pagination-wrap.tt-pagin-right {
	text-align: right;
}


/* tt-pagination styles 
======================== */
/* rounded */
.tt-pagination-wrap.tt-pagin-rounded .tt-pagination > li > a, 
.tt-pagination-wrap.tt-pagin-rounded .tt-pagination > li > span {
	border-radius: 50px;
}


/* ------------------------------------ *
 *  Clients section
/* ------------------------------------ */

.clients-section {
}

.clients-carousel-section {
	background-color: #2A2A2A;
	padding: 160px 0;
}


/* Clients list
================ */
.clients-list {
	position: relative;
}

.clients-list > ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.clients-list > ul::after {
	display: block;
	content: "";
	clear: both;
}
.clients-list > ul > li {
	width: 25%;
	float: left;
}
@media (max-width: 992px) {
	.clients-list > ul > li {
		width: 33.33333333333333%;
	}
}
@media (max-width: 768px) {
	.clients-list > ul > li {
		width: 50%;
	}
}

/* clients list item */
.clients-list .clients-list-item {
	display: block;
	padding: 15% 5%;
	text-align: center;
}


/* Clients list styles
======================= */
/* clients list bordered style */
.clients-list.clients-list-bordered {
	overflow: hidden;
}
.clients-list.clients-list-bordered:not(.clients-list-boxed) > ul {
	position: relative;
	left: -2px;
	bottom: -2px;
}
.clients-list.clients-list-bordered:not(.clients-list-boxed) .clients-list-item {
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-color: rgba(158, 158, 158, 0.23);
}

/* clients list boxed style */
.clients-list.clients-list-boxed > ul > li {
	padding: 1.2%;
}
.clients-list.clients-list-boxed .clients-list-item {
	background-color: #FFF;
	padding: 10%;
	border: 1px solid rgba(158, 158, 158, 0.23);
}

/* Clients list hover */
@media (min-width: 992px) {
	.clients-list.clients-list-hover:not(.clients-list-boxed) .clients-list-item img {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.clients-list.clients-list-hover:not(.clients-list-boxed) .clients-list-item img:hover {
		-webkit-transform: scale(1.07);
		-moz-transform: scale(1.07);
		-o-transform: scale(1.07);
		-ms-transform: scale(1.07);
		transform: scale(1.07);
	}

	.clients-list.clients-list-boxed .clients-list-item {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.clients-list.clients-list-boxed .clients-list-item:hover {
		-moz-transform: translate3d(0, -7px, 0);
		-ms-transform: translate3d(0, -7px, 0);
		-webkit-transform: translate3d(0, -7px, 0);
		transform: translate3d(0, -7px, 0);
		border-color: rgba(158, 158, 158, 0.3);
		-webkit-box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
		-moz-box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
		box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.21);
	}
}


/* Clients carousel
==================== */
.clients-carousel {
}

/* Clients carousel item */
.clients-carousel .clients-carousel-item {
	text-align: center;
}
.clients-carousel .owl-carousel .cc-client-logo {
	max-width: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.clients-carousel .owl-carousel .cc-client-logo:hover {
	opacity: .7;
}


/* ------------------------------------ *
 *  Counter Up
/* ------------------------------------ */

.counter-up-section {
}
@media (max-width: 992px) {
	.counter-up-section {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
.counter-up-inner {
	position: relative;
	margin: 50px 0;
	text-align: center;
	overflow: hidden;
}
.counter-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 130px;
	z-index: 1;
	color: rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.counter-up-inner:hover .counter-icon {
	font-size: 150px;
}
.counter {
	position: relative;
	font-size: 72px;
	font-weight: bold;
	font-weight: 600;
	line-height: normal;
	z-index: 2;
}

.counter-up-section hr,
.counter-up-section .hr-short {
	margin-top: 20px;
	margin-bottom: 30px;
}


/* ------------------------------------ *
 *  Contact Section
/* ------------------------------------ */

.contact-section {
}


/* Contact info 
=============== */
.contact-info {
}
.contact-info p {
	margin-bottom: 10px;
}
.contact-info .ci-icon {
	margin-right: 8px;
}



/* ------------------------------------ *
 *  Map section
/* ------------------------------------ */

.map-section {
}


/* Google Map 
===============
*  Tutorial: https://developers.google.com/maps/documentation/javascript/tutorial
*  Map styles: https://snazzymaps.com/ 
*/

#tt-map {
	width: 100%;
	min-height: 400px;
	background-color: rgba(238, 238, 240, 1);
	padding-bottom: 30%; /* map-height */
}

/* if boxed layout is enabled */
body.tt-boxed .tt-wrap #tt-map {
	padding-bottom: 40%;
}



/* ------------------------------------------------------------- *
 * Buttons
/* ------------------------------------------------------------- */

.btn {
	position: relative;
	display: inline-block;
	padding: 15px 25px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	z-index: 1;
	border: 0 solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn + .btn {
	margin-left: 5px;
}
.btn.focus, 
.btn:focus {
	outline: 0;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* button border radius */
.btn,
.btn-group-lg > .btn,
.btn-group-sm > .btn {
	border-radius: 0;
}

/* button margin bottom */
.btn,
.btn-group-toggle > .btn, 
.btn-group-toggle > .btn-group > .btn {
	margin-bottom: 6px;
}


/* Button global hover pseudo element 
====================================== */
.btn::before {
	position: absolute;
	display: block;
	content: "";
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background-color: rgba(0, 0, 0, 0.12);
	z-index: -1;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-moz-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-o-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-ms-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);

	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.btn:hover::before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* button active */
.btn:not(:disabled):not(.disabled).active::before,
.btn:not(:disabled):not(.disabled):active::before,
.show > .btn.dropdown-toggle::before {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* button disabled */
.btn.disabled::before, 
.btn:disabled::before {
	display: none;
}

/* button toggle */
.btn[data-toggle="button"]::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: 3px;
	right: 6px;
	width: 5px;
	height: 8px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-moz-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-o-transition: all .3s cubic-bezier(.645,.045,.355,1);
	-ms-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.btn[data-toggle="button"].active::after {
	opacity: 1;
	visibility: visible;
}
.btn.btn-light[data-toggle="button"]::after, 
.btn.btn-outline-light[data-toggle="button"]::after {
	border-color: #333;
}
.btn[class*="btn-outline-"][data-toggle="button"]::after {
	top: 0;
	right: 3px;
}

/* button checkbox and radio */
.btn-group-toggle[data-toggle="buttons"] .btn::before {
	background-color: #F20000;
}
.btn-group-toggle[data-toggle="buttons"] .btn:hover {
	color: #FFF;
}



/* Standard buttons 
==================== */
/* Button primary */
.btn-primary,

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle,

.btn-primary:hover,
.btn-primary.focus, 
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	color: #fff;
	background-color: #F20000;
	border-color: #F20000;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-primary::before {
}
.btn-primary.disabled, 
.btn-primary:disabled {
	color: #fff;
	background-color: #F20000;
	border-color: #F20000;
}

/* Button secondary */
.btn-secondary,

.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show > .btn-secondary.dropdown-toggle,

.btn-secondary:hover,
.btn-secondary.focus, 
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-secondary.dropdown-toggle:focus {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-secondary::before {
}

/* Button success */
.btn-success,

.btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active, 
.show > .btn-success.dropdown-toggle,

.btn-success:hover,
.btn-success.focus, 
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus, 
.btn-success:not(:disabled):not(.disabled):active:focus, 
.show > .btn-success.dropdown-toggle:focus {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled).active:focus, 
.btn-success:not(:disabled):not(.disabled):active:focus, 
.show > .btn-success.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-success::before {
}

/* Button danger */
.btn-danger,

.btn-danger:not(:disabled):not(.disabled).active, 
.btn-danger:not(:disabled):not(.disabled):active, 
.show > .btn-danger.dropdown-toggle,

.btn-danger:hover,
.btn-danger.focus, 
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus, 
.btn-danger:not(:disabled):not(.disabled):active:focus, 
.show > .btn-danger.dropdown-toggle:focus {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, 
.btn-danger:not(:disabled):not(.disabled):active:focus, 
.show > .btn-danger.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-danger::before {
}

/* Button warning */
.btn-warning,

.btn-warning:not(:disabled):not(.disabled).active, 
.btn-warning:not(:disabled):not(.disabled):active, 
.show > .btn-warning.dropdown-toggle,

.btn-warning:hover,
.btn-warning.focus, 
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus, 
.btn-warning:not(:disabled):not(.disabled):active:focus, 
.show > .btn-warning.dropdown-toggle:focus {
	color: #333;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled).active:focus, 
.btn-warning:not(:disabled):not(.disabled):active:focus, 
.show > .btn-warning.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-warning::before {
	background-color: rgba(0, 0, 0, 0.07);
}

/* Button info */
.btn-info,

.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active, 
.show > .btn-info.dropdown-toggle,

.btn-info:hover,
.btn-info.focus, 
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active:focus, 
.btn-info:not(:disabled):not(.disabled):active:focus, 
.show > .btn-info.dropdown-toggle:focus {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled).active:focus, 
.btn-info:not(:disabled):not(.disabled):active:focus, 
.show > .btn-info.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-info::before {
}

/* Button light */
.btn-light,

.btn-light:not(:disabled):not(.disabled).active, 
.btn-light:not(:disabled):not(.disabled):active, 
.show > .btn-light.dropdown-toggle,

.btn-light.focus, 
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus, 
.btn-light:not(:disabled):not(.disabled):active:focus, 
.show > .btn-light.dropdown-toggle:focus {
	color: #333;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-light:hover {
	color: #FFF;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active:focus, 
.btn-light:not(:disabled):not(.disabled):active:focus, 
.show > .btn-light.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-light::before {
	background-color: #F20000;
}

/* Button gray */
.btn-gray,

.btn-gray:not(:disabled):not(.disabled).active, 
.btn-gray:not(:disabled):not(.disabled):active, 
.show > .btn-gray.dropdown-toggle,

.btn-gray:hover,
.btn-gray.focus, 
.btn-gray:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus, 
.btn-gray:not(:disabled):not(.disabled):active:focus, 
.show > .btn-gray.dropdown-toggle:focus {
	color: #333;
	background-color: rgba(160, 160, 160, 0.2);
	border-color: rgba(160, 160, 160, 0.2);
}
.btn-gray:not(:disabled):not(.disabled).active:focus, 
.btn-gray:not(:disabled):not(.disabled):active:focus, 
.show > .btn-gray.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-gray::before {
	background-color: rgba(0, 0, 0, 0.07);
}

/* Button dark */
.btn-dark,

.btn-dark:not(:disabled):not(.disabled).active, 
.btn-dark:not(:disabled):not(.disabled):active, 
.show > .btn-dark.dropdown-toggle,

.btn-dark:hover,
.btn-dark.focus, 
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus, 
.btn-dark:not(:disabled):not(.disabled):active:focus, 
.show > .btn-dark.dropdown-toggle:focus {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.btn-dark:not(:disabled):not(.disabled).active:focus, 
.btn-dark:not(:disabled):not(.disabled):active:focus, 
.show > .btn-dark.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-dark::before {
	background-color: #F20000;
}

/* Button link */
.btn-link,

.btn-link:not(:disabled):not(.disabled).active, 
.btn-link:not(:disabled):not(.disabled):active, 
.show > .btn-link.dropdown-toggle,

.btn-link:hover,
.btn-link.focus, 
.btn-link:focus,
.btn-link:not(:disabled):not(.disabled).active:focus, 
.btn-link:not(:disabled):not(.disabled):active:focus, 
.show > .btn-link.dropdown-toggle:focus {
	color: #F20000;
	background-color: transparent;
	border-color: transparent;
}
.btn-link:not(:disabled):not(.disabled).active:focus, 
.btn-link:not(:disabled):not(.disabled):active:focus, 
.show > .btn-link.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-link:before {
	display: none;
}

.text-light .btn-link,
.text-white .btn-link {
	color: #FFF !important;
}
.text-light .btn-link:hover,
.text-light .btn-link.focus, 
.text-light .btn-link:focus,
.text-light .btn-link:not(:disabled):not(.disabled).active:focus, 
.text-light .btn-link:not(:disabled):not(.disabled):active:focus, 
.text-light .show > .btn-link.dropdown-toggle:focus,
.text-white .btn-link:hover,
.text-white .btn-link.focus, 
.text-white .btn-link:focus,
.text-white .btn-link:not(:disabled):not(.disabled).active:focus, 
.text-white .btn-link:not(:disabled):not(.disabled):active:focus, 
.text-white .show > .btn-link.dropdown-toggle:focus {
	color: #F20000 !important;
	background-color: transparent;
	border-color: transparent;
}


/* Button outline 
================== */
.btn[class*="btn-outline-"] {
	background-color: transparent;
	background-image: none;
	padding: 12px 22px;
	border-width: 3px;

	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.btn[class*="btn-outline-"]:not(:disabled):not(.disabled).active:focus, 
.btn[class*="btn-outline-"]:not(:disabled):not(.disabled):active:focus, 
.show > .btn[class*="btn-outline-"].dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Button outline primary */
.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:disabled, 
.btn-outline-primary.disabled,
.btn-outline-primary:disabled:hover, 
.btn-outline-primary.disabled:hover {
	color: #F20000;
	border-color: #F20000;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	border-color: #F20000;
}
.btn-outline-primary::before {
	background-color: #F20000;
}

/* Button outline secondary */
.btn-outline-secondary,
.btn-outline-secondary:focus,
.btn-outline-secondary:disabled, 
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled:hover, 
.btn-outline-secondary.disabled:hover {
	color: #6c757d;
	border-color: #6c757d;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active, 
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.show > .btn-outline-secondary.dropdown-toggle {
	color: #fff;
	border-color: #6c757d;
}
.btn-outline-secondary::before {
	background-color: #6c757d;
}

/* Button outline success */
.btn-outline-success,
.btn-outline-success:focus,
.btn-outline-success:disabled, 
.btn-outline-success.disabled,
.btn-outline-success:disabled:hover, 
.btn-outline-success.disabled:hover {
	color: #28a745;
	border-color: #28a745;
}
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled).active, 
.btn-outline-success:not(:disabled):not(.disabled):active, 
.show > .btn-outline-success.dropdown-toggle {
	color: #fff;
	border-color: #28a745;
}
.btn-outline-success::before {
	background-color: #28a745;
}

/* Button outline danger */
.btn-outline-danger,
.btn-outline-danger:focus,
.btn-outline-danger:disabled, 
.btn-outline-danger.disabled,
.btn-outline-danger:disabled:hover, 
.btn-outline-danger.disabled:hover {
	color: #dc3545;
	border-color: #dc3545;
}
.btn-outline-danger:hover,
.btn-outline-danger:not(:disabled):not(.disabled).active, 
.btn-outline-danger:not(:disabled):not(.disabled):active, 
.show > .btn-outline-danger.dropdown-toggle {
	color: #fff;
	border-color: #dc3545;
}
.btn-outline-danger::before {
	background-color: #dc3545;
}

/* Button outline warning */
.btn-outline-warning,
.btn-outline-warning:focus,
.btn-outline-warning:disabled, 
.btn-outline-warning.disabled,
.btn-outline-warning:disabled:hover, 
.btn-outline-warning.disabled:hover {
	color: #ffc107;
	border-color: #ffc107;
}
.btn-outline-warning:hover,
.btn-outline-warning:not(:disabled):not(.disabled).active, 
.btn-outline-warning:not(:disabled):not(.disabled):active, 
.show > .btn-outline-warning.dropdown-toggle {
	color: #333;
	border-color: #ffc107;
}
.btn-outline-warning::before {
	background-color: #ffc107;
}

/* Button outline info */
.btn-outline-info,
.btn-outline-info:focus,
.btn-outline-info:disabled, 
.btn-outline-info.disabled,
.btn-outline-info:disabled:hover, 
.btn-outline-info.disabled:hover {
	color: #17a2b8;
	border-color: #17a2b8;
}
.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled).active, 
.btn-outline-info:not(:disabled):not(.disabled):active, 
.show > .btn-outline-info.dropdown-toggle {
	color: #fff;
	border-color: #17a2b8;
}
.btn-outline-info::before {
	background-color: #17a2b8;
}

/* Button outline light */
.btn-outline-light,
.btn-outline-light:focus,
.btn-outline-light:disabled, 
.btn-outline-light.disabled,
.btn-outline-light:disabled:hover, 
.btn-outline-light.disabled:hover {
	color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-outline-light:hover,
.btn-outline-light:not(:disabled):not(.disabled).active, 
.btn-outline-light:not(:disabled):not(.disabled):active, 
.show > .btn-outline-light.dropdown-toggle {
	color: #333;
	border-color: #f8f9fa;
}
.btn-outline-light::before {
	background-color: #f8f9fa;
}

/* Button outline gray */
.btn-outline-gray,
.btn-outline-gray:focus,
.btn-outline-gray:disabled, 
.btn-outline-gray.disabled,
.btn-outline-gray:disabled:hover, 
.btn-outline-gray.disabled:hover {
	color: rgba(160, 160, 160, 0.8);
	border-color: rgba(160, 160, 160, 0.5);
}
.btn-outline-gray:hover,
.btn-outline-gray:not(:disabled):not(.disabled).active, 
.btn-outline-gray:not(:disabled):not(.disabled):active, 
.show > .btn-outline-gray.dropdown-toggle {
	color: #333;
}
.btn-outline-gray::before {
	background-color: rgba(160, 160, 160, 0.5);
}

/* Button outline dark */
.btn-outline-dark,
.btn-outline-dark:focus,
.btn-outline-dark:disabled, 
.btn-outline-dark.disabled,
.btn-outline-dark:disabled:hover, 
.btn-outline-dark.disabled:hover {
	color: #111;
	border-color: #111;
}
.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active, 
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.show > .btn-outline-dark.dropdown-toggle {
	color: #fff;
	border-color: #111;
}
.btn-outline-dark::before {
	background-color: #111;
}

/* Button outline link */
.btn-outline-link,

.btn-outline-link:not(:disabled):not(.disabled).active, 
.btn-outline-link:not(:disabled):not(.disabled):active, 
.show > .btn-outline-link.dropdown-toggle,

.btn-outline-link:hover,
.btn-outline-link.focus, 
.btn-outline-link:focus,
.btn-outline-link:not(:disabled):not(.disabled).active:focus, 
.btn-outline-link:not(:disabled):not(.disabled):active:focus, 
.show > .btn-outline-link.dropdown-toggle:focus {
	color: #F20000;
	background-color: transparent;
	border-color: transparent;
}
.btn-outline-link:not(:disabled):not(.disabled).active:focus, 
.btn-outline-link:not(:disabled):not(.disabled):active:focus, 
.show > .btn-outline-link.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-outline-link:before {
	display: none;
}


/* Button block 
================ */
.btn-block + .btn-block {
    margin-top: 0;
}


/* Extra shadow 
================ */
.btn-shadow:not(.btn-outline-link):not(.btn-link) {
	-webkit-box-shadow: 0px 6px 25px -5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 6px 25px -5px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 6px 25px -5px rgba(0, 0, 0, 0.45);
}


/* Button group 
================ */
.btn-group .btn {
}


/* Button dropdown 
=================== */
.dropdown-toggle::after {
	vertical-align: 0.155em;
}

/* button dropdown toggle split */
.btn.dropdown-toggle-split {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.btn[class*="btn-outline-"].dropdown-toggle-split {
	margin-left: -3px;
}

/* button dropdown menu */
.dropdown-menu {
	border-radius: 0;
}
.dropdown-item.active, 
.dropdown-item:active {
	color: #FFF;
	text-decoration: none;
	background-color: #F20000;
}
.dropdown-item:focus, 
.dropdown-item:hover {
	color: #000;
	text-decoration: none;
	background-color: #F1F1F1;
}


/* Button social 
================= */
.btn-social {
	position: relative;
	padding-left: 55px;
	text-align: left;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-social:hover, 
.btn-social:focus, 
.btn-social:active,
.btn-social.active {
	color: #FFF;
}

/* Button social icon */
.btn-social > .btn-social-icon {
	position: absolute;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	top: 0;
	bottom: 0;
	width: 42px;
	font-size: 20px;
	border-right: 1px solid rgba(0,0,0,0.12);
}
.btn-social > .btn-social-icon > i {
}

/* Button social sizes */
.btn-social.btn-xs { padding-left: 55px; }
.btn-social.btn-sm { padding-left: 55px; }
.btn-social.btn-lg { padding-left: 60px; }
.btn-social.btn-xlg { padding-left: 65px; }


/* Button social min 
===================== */
.btn-social-min {
	position: relative;
	width: 46px;
	height: 46px;
	padding: 0 !important;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
}

.btn-social-min.btn-link {
	width: 30px;
	height: 30px;
	color: #333;
}
.btn-social-min.btn-link:hover,
.btn-social-min.btn-link:focus {
	color: #F20000;
}

/* Button social min sizes */
.btn-social-min.btn-xs { 
	width: 28px;
	height: 28px;
	line-height: 22px;
	font-size: 12px;
}
.btn-social-min.btn-link.btn-xs {
	width: 20px;
	height: 20px;
}


.btn-social-min.btn-sm { 
	width: 34px;
	height: 34px;
	line-height: 28px;
	font-size: 13px;
}
.btn-social-min.btn-link.btn-sm {
	width: 24px;
	height: 24px;
}

@media (min-width: 991px) {
	.btn-social-min.btn-lg { 
		width: 54px;
		height: 54px;
		font-size: 19px;
	}
	.btn-social-min.btn-link.btn-lg {
		width: 34px;
		height: 34px;
	}

	.btn-social-min.btn-xlg { 
		width: 68px;
		height: 68px;
		line-height: 62px;
		font-size: 24px;
	}
	.btn-social-min.btn-link.btn-xlg {
		width: 34px;
		height: 34px;
	}
}


/* Button social types 
======================= */

/* Button facebook */
.btn-facebook { 
	background-color: #3b5998;
	color: #FFF;
}
.btn-facebook:hover,
.btn-facebook:focus{
	color: #FFF;
}

/* Button twitter */
.btn-twitter { 
	background-color: #55acee;
	color: #FFF;
}
.btn-twitter:hover,
.btn-twitter:focus{
	color: #FFF;
}

/* Button dropbox */
.btn-dropbox { 
	background-color: #1087dd;
	color: #FFF;
}
.btn-dropbox:hover,
.btn-dropbox:focus{
	color: #FFF;
}

/* Button linkedin */
.btn-linkedin { 
	background-color: #007bb6;
	color: #FFF;
}
.btn-linkedin:hover,
.btn-linkedin:focus{
	color: #FFF;
}

/* Button pinterest */
.btn-pinterest { 
	background-color: #cb2027;
	color: #FFF;
}
.btn-pinterest:hover,
.btn-pinterest:focus{
	color: #FFF;
}

/* Button google */
.btn-google { 
	background-color: #dd4b39;
	color: #FFF;
}
.btn-google:hover,
.btn-google:focus{
	color: #FFF;
}

/* Button instagram */
.btn-instagram {
	background-color: #3f729b;
	color: #FFF;
}
.btn-instagram:hover,
.btn-instagram:focus{
	color: #FFF;
}

/* Button tumblr */
.btn-tumblr { 
	background-color: #2c4762;
	color: #FFF;
}
.btn-tumblr:hover,
.btn-tumblr:focus{
	color: #FFF;
}

/* Button vk */
.btn-vk { 
	background-color: #587ea3;
	color: #FFF;
}
.btn-vk:hover,
.btn-vk:focus{
	color: #FFF;
}

/* Button flickr */
.btn-flickr { 
	background-color: #ff0084;
	color: #FFF;
}
.btn-flickr:hover,
.btn-flickr:focus{
	color: #FFF;
}

/* Button soundcloud */
.btn-soundcloud { 
	background-color: #f50;
	color: #FFF;
}
.btn-soundcloud:hover,
.btn-soundcloud:focus{
	color: #FFF;
}

/* Button yahoo */
.btn-yahoo { 
	background-color: #720e9e;
	color: #FFF;
}
.btn-yahoo:hover,
.btn-yahoo:focus{
	color: #FFF;
}

/* Button dribbble */
.btn-dribbble { 
	background-color: #222;
	color: #FFF;
}
.btn-dribbble:hover,
.btn-dribbble:focus{
	color: #FFF;
}

/* Button youtube */
.btn-youtube { 
	background-color: #cc181e;
	color: #FFF;
}
.btn-youtube:hover,
.btn-youtube:focus{
	color: #FFF;
}

/* Button behance */
.btn-behance { 
	background-color: #0057ff;
	color: #FFF;
}
.btn-behance:hover,
.btn-behance:focus{
	color: #FFF;
}


/* Button close 
================= */
.tt-close-btn {
	position: relative;
	display: inline-block;
	top: 6px;
	width: 21px;
	height: 21px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-close-btn:hover {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.tt-close-btn::before, 
.tt-close-btn::after {
	content: '';
	position: absolute;
	background-color: #000;
}
.tt-close-btn::before {
	left: 0;
	top: 9px;
	width: 100%;
	height: 3px;
}
.tt-close-btn::after {
	left: 9px;
	top: 0;
	width: 3px;
	height: 100%;
}

/* Button close light color*/
.tt-close-btn.tt-close-light::before, 
.tt-close-btn.tt-close-light::after {
	background-color: #FFF;
}


/* Button rounded 
================== */
.btn-rounded {
	border-radius: 4px;
}
.btn-rounded-2x {
	border-radius: 8px;
}
.btn-rounded-3x {
	border-radius: 12px;
}
.btn-rounded-4x {
	border-radius: 17px;
}
.btn-rounded-5x {
	border-radius: 50px;
}
.btn-rounded-full {
	border-radius: 50%;
}


/* Button sizes 
================ */
.btn-group-xs > .btn, .btn-xs { /* Extra size */
	padding: 5px 10px;
	font-size: 13px;
}
.btn-group-xs > .btn[class*="btn-outline-"],
.btn[class*="btn-outline-"].btn-xs {
	padding: 3px 8px;
	border-width: 2px;
}

.btn-group-sm > .btn, .btn-sm {
	padding: 10px 15px;
	font-size: 14px;
}
.btn-group-sm > .btn[class*="btn-outline-"],
.btn[class*="btn-outline-"].btn-sm {
	padding: 7px 12px;
	border-width: 2px;
}

.btn-group-lg > .btn, .btn-lg {
	padding: 20px 35px;
	font-size: 20px;
}
.btn-group-lg > .btn[class*="btn-outline-"],
.btn[class*="btn-outline-"].btn-lg {
	padding: 17px 27px;
}

.btn-group-xlg > .btn, .btn-xlg { /* Extra size */
	padding: 25px 40px;
	font-size: 19px;
}
.btn-group-xlg > .btn[class*="btn-outline-"],
.btn[class*="btn-outline-"].btn-xlg {
	padding: 22px 32px;
}


/* Play button 
=============== */
.btn-play-wrap {
	display: inline-block;
}
.btn.btn-play {
	position: relative;
	width: 46px;
	height: 46px;
	padding: 0 0 0 4px !important;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	text-decoration: none;
}

.btn-play.btn-link {
	width: 30px;
	height: 30px;
}

/* button play sizes */
.btn-play.btn-xs { 
	width: 28px;
	height: 28px;
	padding: 0 !important;
	line-height: 22px;
	font-size: 8px;
}
.btn-play.btn-link.btn-xs {
	width: 20px;
	height: 20px;
}

.btn-play.btn-sm { 
	width: 34px;
	height: 34px;
	padding: 0 !important;
	line-height: 28px;
	font-size: 10px;
}
.btn-play.btn-link.btn-sm {
	width: 24px;
	height: 24px;
}

.btn-play.btn-lg { 
	width: 62px;
	height: 62px;
	line-height: 48px;
	font-size: 20px;
}
.btn-play.btn-link.btn-lg {
	width: 34px;
	height: 34px;
}

.btn-play.btn-xlg { 
	width: 86px;
	height: 86px;
	line-height: 62px;
	font-size: 24px;
}
.btn-play.btn-link.btn-xlg {
	width: 42px;
	height: 42px;
}

/* play button animation */
.btn-play-wrap.btn-play-animate .btn.btn-play {
	-webkit-animation: vbbulse 2s infinite;
	animation: vbbulse 2s infinite;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
@-webkit-keyframes vbbulse {
	0% { -webkit-box-shadow: 0 0 0 0 rgba(181, 181, 181, 0.86); }
	70% { -webkit-box-shadow: 0 0 0 25px rgba(0, 64, 216, 0); }
	100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0); }
}
@keyframes vbbulse {
	0% { -moz-box-shadow: 0 0 0 0 rgba(181, 181, 181, 0.86); box-shadow: 0 0 0 0 rgba(181, 181, 181, 0.86); }
	70% { -moz-box-shadow: 0 0 0 25px rgba(0, 64, 216, 0); box-shadow: 0 0 0 25px rgba(0, 64, 216, 0); }
	100% { -moz-box-shadow: 0 0 0 0 rgba(0, 64, 216, 0); box-shadow: 0 0 0 0 rgba(0, 64, 216, 0); }
}


/* ------------------------------------------------------------- *
 * Social buttons
/* ------------------------------------------------------------- */

.social-buttons {
}
.social-buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-buttons ul > li {
	display: inline-block;
	margin: 0 2px;
}
.social-buttons ul > li:first-child {
	margin-left: 0;
}
.social-buttons ul > li:last-child {
	margin-right: 0;
}

.social-buttons .btn.btn-link {
	width: auto;
	height: auto;
	line-height: 1.4;
	margin-right: 15px;
	border: none !important;
	border-radius: 0;
	text-decoration: none;
	overflow: visible;
}
.social-buttons li:last-child .btn.btn-link {
	margin-right: 0;
}


/* ------------------------------------------------------------- *
 * Forms
/* ------------------------------------------------------------- */

.form-control {
	display: block;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.09);
	padding: 5px 15px;
	font-size: 18px;
	color: #888;
	border: 2px solid rgba(148, 148, 148, 0.2);
	border-radius: 4px;
}
.form-control:focus {
	color: #333;
	background-color: #FFF;
	border-color: #F20000;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.form-control + .form-control {
	margin-top: 8px;
}

.form-control:disabled, .form-control[readonly] {
	background-color: rgba(177, 177, 177, 0.26);
	opacity: 1;
}

.form-text {
	margin-top: 5px;
}

label {
	display: inline-block;
	margin-bottom: 8px;
}

select {
	cursor: pointer;
}

.form-group {
	margin-bottom: 18px;
}
.input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 12px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #666;
	text-align: center;
	white-space: nowrap;
	background-color: rgba(181, 181, 181, 0.25);
	border: 1px solid rgba(148, 148, 148, 0.4);
	border-radius: 0;
}

/* Placeholder */
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #888;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #888;
}


/* Custom forms 
================= */
/* custom select */
.custom-select {
	display: inline-block;
	width: 100%;
	height: 46px;
	background-color: rgba(132, 132, 132, 0.12);
	padding: 5px 20px 5px 15px;
	font-size: 18px;
	color: #666;
	border: 2px solid transparent;
	border-radius: 0;
}
.custom-select:focus {
	color: #333;
	background-color: rgba(132, 132, 132, 0.1);
	border-color: #F20000;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* custom file browser */
.custom-file {
}
.btn-file {
	vertical-align: middle;
	cursor: pointer;
}
.btn-file > * input {
	position: absolute;
	left: 50%;
	width: 1%;
	opacity: 0;
}
.custom-file-info {
	width: 75%;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 14px;
	color: #777;
	line-height: 1;
}

/* custom checkbox/radio */
.custom-control-label {
	cursor: pointer;
}
.custom-control-label::before {
	background-color: #e1e1e1;
	border-color: #d2d2d2;
}

.custom-control-input:active ~ .custom-control-label::before {
	color: #333;
	background-color: #d6d6d6;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #F20000;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	background-color: #F20000;
	border-color: #F20000;
}

.custom-control-input:focus ~ .custom-control-label::before {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.custom-control-input:disabled ~ .custom-control-label {
	cursor: not-allowed;
}
.custom-control-input:disabled ~ .custom-control-label::before {
	background-color: #e1e1e1;
}

/* range slider */
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  color: transparent;
  cursor: pointer;
  background-color: rgba(181, 181, 181, 0.35);
  border-color: transparent;
  border-radius: 20px;
}

.custom-range::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: -4px;
  background-color: #F20000;
  border: none;
  border-radius: 20px;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #F20000;
  opacity: .3;
}
.custom-range:focus::-webkit-slider-thumb,
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* form with button inside */
.form-btn-inside {
	position: relative;
}
.form-btn-inside .form-control {
	padding-right: 45px;
}
.form-btn-inside button {
	position: absolute;
	top: 50%;
	right: 0;
	width: auto;
	height: 100%;
	line-height: 40px;
	background-color: transparent;
	padding: 0 15px 0 15px;
	font-size: 18px;
	color: #333;
	border: none;
	cursor: pointer;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.form-btn-inside button:hover {
	opacity: .8;
}
.form-btn-inside button:focus {
	outline: none;
}


/* Forms validation 
==================== */
/* valid */
.custom-select.is-valid, 
.form-control.is-valid, 
.was-validated .custom-select:valid, 
.was-validated .form-control:valid {
	border-color: #28a745;
}
.valid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #28a745;
}
.form-check-input.is-valid ~ .form-check-label, 
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label, 
.was-validated .custom-control-input:valid ~ .custom-control-label {
	color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label::before, 
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
	background-color: #28a745;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before, 
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
	background-color: #28a745;
}

.custom-select.is-valid:focus, 
.form-control.is-valid:focus, 
.was-validated .custom-select:valid:focus, 
.was-validated .form-control:valid:focus {
	border-color: #28a745;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* valid tooltip */
.valid-tooltip {
	color: #FFF;
	background-color: rgba(40,167,69,.8);
	border-radius: 0;
}

/* invalid */
.custom-select.is-invalid, 
.form-control.is-invalid, 
.was-validated .custom-select:invalid, 
.was-validated .form-control:invalid {
	border-color: #dc3545;
}
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}
.form-check-input.is-invalid ~ .form-check-label, 
.was-validated .form-check-input:invalid ~ .form-check-label {
	color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label, 
.was-validated .custom-control-input:invalid ~ .custom-control-label {
	color: #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-label, 
.was-validated .custom-file-input:invalid ~ .custom-file-label {
	border-color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label::before, 
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
	background-color: #efa2a9;
}

.custom-select.is-invalid:focus, 
.form-control.is-invalid:focus, 
.was-validated .custom-select:invalid:focus, 
.was-validated .form-control:invalid:focus {
	border-color: #dc3545;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.custom-file-input.is-invalid:focus~.custom-file-label, 
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
   -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* invalid tooltip */
.invalid-tooltip {
	color: #FFF;
	background-color: rgba(220,53,69,.8);
	border-radius: 0;
}


/* Form sizes 
============== */
/* default height */
.form-control,
select.form-control:not([size]):not([multiple]) {
	height: 52px;
}
select.form-control,
textarea.form-control {
	height: auto;
}

/* form control lg */
.form-control-lg, 
.input-group-lg > .form-control, 
.input-group-lg > .input-group-append > .btn, 
.input-group-lg > .input-group-append > .input-group-text, 
.input-group-lg > .input-group-prepend > .btn, 
.input-group-lg > .input-group-prepend > .input-group-text,
.custom-select-lg {
	height: 64px;
	padding: 5px 18px;
	font-size: 18px;
}
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), 
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), 
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), 
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), 
.input-group-lg > select.form-control:not([size]):not([multiple]), 
select.form-control-lg:not([size]):not([multiple]) {
	height: 64px;
}

/* form control sm */
.form-control-sm, 
.input-group-sm > .form-control, 
.input-group-sm > .input-group-append > .btn, 
.input-group-sm > .input-group-append > .input-group-text, 
.input-group-sm > .input-group-prepend > .btn, 
.input-group-sm > .input-group-prepend > .input-group-text,
.custom-select-sm {
	height: 40px;
	padding: 3px 10px;
	font-size: 16px;
}
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), 
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), 
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), 
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), 
.input-group-sm > select.form-control:not([size]):not([multiple]), 
select.form-control-sm:not([size]):not([multiple]) {
	height: 40px;
}


/* ------------------------------------ *
 *  Footer
/* ------------------------------------ */

#footer {
	padding: 30px 0 50px 0;
}
#footer .copyright {
	color: #585858;
}


/* ------------------------------------ *
 *  Scroll to top button
/* ------------------------------------ */

.scrolltotop {
	position: fixed;
	display: none;
	bottom: 15px;
	right: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #FFF;
	text-align: center;
	font-size: 24px;
	color: #F20000;
	text-decoration: none;
	z-index: 9999;
}
.scrolltotop:hover, .scrolltotop:focus {
	color: #F20000;
}
@media (max-width: 768px) {
	.scrolltotop {
		bottom: 15px;
		right: 15px;
	}
}