:root {
	--prim-color: #ed8712;
	--sec-color: #000000;
	--ter-color: #231F20;
	--quat-color: #FFFFFF;
	--dark-color: #000000;
	--text-color: #000000;
}

.body {
	font-family: Roboto, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: normal;
	text-transform: none;
}

.main h1 {
	font-size: 55px;
}

.main h2 {
	font-size: 30px;
}

.main h3 {
	font-size: 25px;
}

.main h4 {
	font-size: 20px;
}

.main h5 {
	font-size: 16px;
}

.main h6 {
	font-size: 14px;
}


.roboto {
	font-family: 'Roboto', sans-serif;
}

.helvetica {
	font-family: 'Helvetica', sans-serif;
}

.oswald {
	font-family: 'Oswald', sans-serif;
}

@media (max-width: 576px) {
	.main h1 {
		font-size: 50px;
	}

	.main h2 {
		font-size: 30px;
	}

	.main h3 {
		font-size: 24px;
	}

	.main h4 {
		font-size: 20px;
	}

	.main h5 {
		font-size: 14px;
	}

	.main h6 {
		font-size: 12px;
	}
}

.main {
	min-height: 75vh;
}

.main p, .main ul li {
	font-size: 1.25em;
	font-weight: 400;
	line-height: 32px;
	color: black;
}

.main small, .main .small {
	font-size: 14px;
	color: var(--text-color);
}

.bg-black {
	background-color: black;
}


.main {
	color: #000;
	background-color: #FFF;
}


html .bg-color-dark, html .bg-dark {
	background-color: var(--dark-color) !important;
}

.copyright-strip {
	position: relative;
	height: 5px;
	width: 100%;
	background-color: var(--prim-color);
}

#footer {
	border: none;
}



html .scroll-to-top {
	font-size: 1em;
	padding: 5px 10px 30px 10px;
	transform: translateX(-50%);
	margin: 0 50%;
	min-width: 54px;
	transition: opacity 0.3s;
	background: #404040;
	border-radius: 10px 10px 0 0;
}




/* Whatsapp icon */

.whatsapp-button {
	position:fixed;
	width:60px;
	height:60px;
	bottom: 10px;
	right: 24px;
	background-color:#000;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px;
	z-index: 10;
}

@media (max-width: 576px) {
	.whatsapp-button {
		position:fixed;
		width:60px;
		height:60px;
		bottom: 24px;
		left: 24px;
	}

}

.whatsapp-icon{
	margin-top: 8px;
	margin-left: 2px;
	font-size: 3em;
}


.gray-scale {
	filter: grayscale(100%);
}

.img-white {
	filter: brightness(0) invert(1);
}

.bg-watermark {
	background-image: url("../img/elements/bg-watermark.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.img-bw {
	filter: brightness(65%) invert(1) grayscale(100%);
}

.featured-box.custom-featured-box-with-video > .custom-featured-box-video {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 100%;
	height: auto;
	z-index: 1;
	transition: ease all 300ms;
}

.featured-box.custom-featured-box-with-video .featured-box-background {
	z-index: 2;
}

.custom-bg-color-light-1 {
	background-color: #fff !important;
}

.custom-svg-background-1 {
	position: absolute;
	width: 1000%;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%, 0);
}

.arrow {
	background: transparent url(../img/elements/arrows.png) no-repeat 0 0;
}



#header .header-nav-top .dropdown-menu:before {
	right: 77px;
}

@media (min-width: 992px) {
	#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a {
		color: #000;
	}
}

.toggle-title {
	font-size: 1.25em;
}

.toggle-content {
	padding-bottom: 35px;
}

.card-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	border-radius: 5px;
	margin: 5px;
	border: 2px solid #333;
	padding: 10px 15px 5px 15px;
	transition: all 0.3s ease;
	background-color: #FAFAFA;
}

.card-item:hover {
	-webkit-box-shadow: 2px 2px 8px 3px #DADADA; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 2px 2px 8px 3px #DADADA; /* Firefox 3.5 - 3.6 */
	box-shadow: 2px 2px 8px 3px #DADADA; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	position: relative;
	background-color: #F1F1F1;
	border: 2px solid var(--prim-color);
	transform: translate(2px, -3px) ;
}



#home-footer {
	position: fixed;
	height: 35px;
	background-color: #171717;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0;
	border-top: 1px solid #CCCCCC;
	padding: 5px 10px;
}