/* ---------------------------------------------------------------------------------------
* Template Helper CSS
* 
* Template:		Sepia - Photography Portfolio HTML Website Template
* Author:		Themetorium
* URL:			https://themetorium.net
*
* Template main color: #08c1b8;
*
* You are free to use these extra prepared helper classes to customize your web site.
--------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------- *
 *  Various classes
/* ------------------------------------------------------------- */

/* clear */
.clear {
	clear: both !important;
	display: block !important;
}

.clear:after {
	content: "";
	display: table;
	clear: both;
}

/* display */
.block,
.display-block {
	display: block !important;
}

.inline-block,
.display-inline-block {
	display: inline-block !important;
}

/* position */
.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-static {
	position: static !important;
}

/* text aligns */
.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

/* text transform */
.text-uppercase {
	text-transform: uppercase !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-normal {
	text-transform: none !important;
}

/* overflow */
.overflow-hidden {
	overflow: hidden !important;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.overflow-x-hidden {
	overflow-x: hidden !important;
}

.overflow-auto {
	overflow: auto !important;
}

.overflow-y-auto {
	overflow-y: auto !important;
}

.overflow-x-auto {
	overflow-x: auto !important;
}

.overflow-scroll {
	overflow: scroll !important;
}

.overflow-y-scroll {
	overflow-y: scroll !important;
}

.overflow-x-scroll {
	overflow-x: scroll !important;
}

/* full cover (parent element must contain "position: relative;") */
.full-cover {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

/* display element on light or dark style only (handled by file: "curstyle.css") */
.for-light-style {}

.for-dark-style {
	display: none;
}


/* ------------------------------------------------------------- *
 *  Hiding classes
/* ------------------------------------------------------------- */

.hide {
	display: none !important;
}

/* Hiding via media query breakpoints */
@media (max-width: 1200px) {
	.hide-from-lg {
		display: none !important;
	}
}

@media (max-width: 992px) {
	.hide-from-md {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.hide-from-sm {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.hide-from-xs {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hide-to-lg {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hide-to-md {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.hide-to-sm {
		display: none !important;
	}
}

@media (min-width: 480px) {
	.hide-to-xs {
		display: none !important;
	}
}


/* ------------------------------------------------------------- *
 *  Background image classes
/* ------------------------------------------------------------- */

.no-bg-image {
	background: none !important;
}

.bg-image {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.bg-image-fixed {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.bg-pattern {
	background-repeat: repeat !important;
	-webkit-background-size: inherit !important;
	background-size: inherit !important;
}

/* if parallax background classes enabled (more info: file "theme.css") */
.bg-image[class*="parallax-bg-"] {
	background-position: 50% 0;
}


/* ------------------------------------------------------------- *
 *  Font classes
/* ------------------------------------------------------------- */

/* font alternate */
.font-alter {
	/* add your alternate font family here if needed */
}


/* font weight/styles */
.font-normal {
	font-weight: normal !important;
	font-style: normal !important;
}

.font-bold {
	font-weight: 600 !important;
}

.font-italic {
	font-style: italic !important;
}

/* font sizes (%) */
.font-xs {
	font-size: 75% !important;
}

.font-sm {
	font-size: 85% !important;
}

.font-lg {
	font-size: 110% !important;
}

.font-xlg {
	font-size: 120% !important;
}

/* font sizes (px) */
.font-size-8 {
	font-size: 8px !important;
}

.font-size-9 {
	font-size: 9px !important;
}

.font-size-10 {
	font-size: 10px !important;
}

.font-size-11 {
	font-size: 11px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-15 {
	font-size: 15px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-17 {
	font-size: 17px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-19 {
	font-size: 19px !important;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-21 {
	font-size: 21px !important;
}

.font-size-22 {
	font-size: 22px !important;
}

.font-size-23 {
	font-size: 23px !important;
}

.font-size-24 {
	font-size: 24px !important;
}

.font-size-25 {
	font-size: 25px !important;
}

.font-size-26 {
	font-size: 26px !important;
}

.font-size-27 {
	font-size: 27px !important;
}

.font-size-28 {
	font-size: 28px !important;
}

.font-size-29 {
	font-size: 29px !important;
}

.font-size-30 {
	font-size: 30px !important;
}

.font-size-31 {
	font-size: 31px !important;
}

.font-size-32 {
	font-size: 32px !important;
}

.font-size-33 {
	font-size: 33px !important;
}

.font-size-34 {
	font-size: 34px !important;
}

.font-size-35 {
	font-size: 35px !important;
}

.font-size-36 {
	font-size: 36px !important;
}

.font-size-37 {
	font-size: 37px !important;
}

.font-size-38 {
	font-size: 38px !important;
}

.font-size-39 {
	font-size: 39px !important;
}

.font-size-40 {
	font-size: 40px !important;
}

.font-size-41 {
	font-size: 41px !important;
}

.font-size-42 {
	font-size: 42px !important;
}

.font-size-43 {
	font-size: 43px !important;
}

.font-size-44 {
	font-size: 44px !important;
}

.font-size-45 {
	font-size: 45px !important;
}

.font-size-46 {
	font-size: 46px !important;
}

.font-size-47 {
	font-size: 47px !important;
}

.font-size-48 {
	font-size: 48px !important;
}

.font-size-49 {
	font-size: 49px !important;
}

.font-size-50 {
	font-size: 50px !important;
}

.font-size-55 {
	font-size: 55px !important;
}

.font-size-60 {
	font-size: 60px !important;
}

.font-size-65 {
	font-size: 65px !important;
}

.font-size-70 {
	font-size: 70px !important;
}

.font-size-75 {
	font-size: 75px !important;
}

.font-size-80 {
	font-size: 80px !important;
}

.font-size-85 {
	font-size: 85px !important;
}

.font-size-90 {
	font-size: 90px !important;
}

.font-size-95 {
	font-size: 95px !important;
}

.font-size-100 {
	font-size: 100px !important;
}

.font-size-105 {
	font-size: 105px !important;
}

.font-size-110 {
	font-size: 110px !important;
}

.font-size-115 {
	font-size: 115px !important;
}

.font-size-120 {
	font-size: 120px !important;
}

.font-size-125 {
	font-size: 125px !important;
}

.font-size-130 {
	font-size: 130px !important;
}

.font-size-135 {
	font-size: 135px !important;
}

.font-size-140 {
	font-size: 140px !important;
}

.font-size-145 {
	font-size: 145px !important;
}

.font-size-150 {
	font-size: 150px !important;
}

.font-size-155 {
	font-size: 155px !important;
}

.font-size-160 {
	font-size: 160px !important;
}


/* ------------------------------------------------------------- *
 *  Hover classes
/* ------------------------------------------------------------- */

/* hover opacity */
.hover-opacity {
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	-ms-transition: all .2s ease-in-out !important;
	-o-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

.hover-opacity:hover {
	opacity: 0.8 !important;
}


/* ------------------------------------------------------------- *
 *  Width classes
/* ------------------------------------------------------------- */

/* Width auto */
.width-auto {
	width: auto !important;
}

/* Full width */
.full-width {
	width: 100% !important;
}

/* Minimum width classes */
.min-width {
	min-width: 100% !important;
}

.min-width-100 {
	min-width: 100px !important;
}

.min-width-150 {
	min-width: 150px !important;
}

.min-width-200 {
	min-width: 200px !important;
}

.min-width-250 {
	min-width: 250px !important;
}

.min-width-300 {
	min-width: 300px !important;
}

.min-width-350 {
	min-width: 350px !important;
}

.min-width-400 {
	min-width: 400px !important;
}

.min-width-450 {
	min-width: 450px !important;
}

.min-width-500 {
	min-width: 500px !important;
}

.min-width-550 {
	min-width: 550px !important;
}

.min-width-600 {
	min-width: 600px !important;
}

.min-width-650 {
	min-width: 650px !important;
}

.min-width-700 {
	min-width: 700px !important;
}

.min-width-750 {
	min-width: 750px !important;
}

.min-width-800 {
	min-width: 800px !important;
}

.min-width-850 {
	min-width: 850px !important;
}

.min-width-900 {
	min-width: 900px !important;
}

.min-width-950 {
	min-width: 950px !important;
}

.min-width-1000 {
	min-width: 1000px !important;
}

.min-width-1050 {
	min-width: 1050px !important;
}

.min-width-1150 {
	min-width: 1150px !important;
}

.min-width-1100 {
	min-width: 1100px !important;
}

.min-width-1150 {
	min-width: 1150px !important;
}

.min-width-1170 {
	min-width: 1170px !important;
}

.min-width-1200 {
	min-width: 1200px !important;
}

.min-width-1250 {
	min-width: 1250px !important;
}

.min-width-1300 {
	min-width: 1300px !important;
}

.min-width-1350 {
	min-width: 1350px !important;
}

.min-width-1400 {
	min-width: 1400px !important;
}

.min-width-1450 {
	min-width: 1450px !important;
}

.min-width-1500 {
	min-width: 1500px !important;
}

.min-width-1550 {
	min-width: 1550px !important;
}

.min-width-1600 {
	min-width: 1600px !important;
}

/* Maximum width classes */
.max-width {
	max-width: 100% !important;
}

.max-width-100 {
	max-width: 100px !important;
}

.max-width-150 {
	max-width: 150px !important;
}

.max-width-200 {
	max-width: 200px !important;
}

.max-width-250 {
	max-width: 250px !important;
}

.max-width-300 {
	max-width: 300px !important;
}

.max-width-350 {
	max-width: 350px !important;
}

.max-width-400 {
	max-width: 400px !important;
}

.max-width-450 {
	max-width: 450px !important;
}

.max-width-500 {
	max-width: 500px !important;
}

.max-width-550 {
	max-width: 550px !important;
}

.max-width-600 {
	max-width: 600px !important;
}

.max-width-650 {
	max-width: 650px !important;
}

.max-width-700 {
	max-width: 700px !important;
}

.max-width-750 {
	max-width: 750px !important;
}

.max-width-800 {
	max-width: 800px !important;
}

.max-width-850 {
	max-width: 850px !important;
}

.max-width-900 {
	max-width: 900px !important;
}

.max-width-950 {
	max-width: 950px !important;
}

.max-width-1000 {
	max-width: 1000px !important;
}

.max-width-1050 {
	max-width: 1050px !important;
}

.max-width-1150 {
	max-width: 1150px !important;
}

.max-width-1100 {
	max-width: 1100px !important;
}

.max-width-1150 {
	max-width: 1150px !important;
}

.max-width-1170 {
	max-width: 1170px !important;
}

.max-width-1200 {
	max-width: 1200px !important;
}

.max-width-1250 {
	max-width: 1250px !important;
}

.max-width-1300 {
	max-width: 1300px !important;
}

.max-width-1350 {
	max-width: 1350px !important;
}

.max-width-1400 {
	max-width: 1400px !important;
}

.max-width-1450 {
	max-width: 1450px !important;
}

.max-width-1500 {
	max-width: 1500px !important;
}

.max-width-1550 {
	max-width: 1550px !important;
}

.max-width-1600 {
	max-width: 1600px !important;
}

.max-width-1650 {
	max-width: 1650px !important;
}

.max-width-1700 {
	max-width: 1700px !important;
}

.max-width-1750 {
	max-width: 1750px !important;
}

.max-width-1800 {
	max-width: 1800px !important;
}

.max-width-1850 {
	max-width: 1850px !important;
}

.max-width-1900 {
	max-width: 1900px !important;
}

.max-width-1950 {
	max-width: 1950px !important;
}

.max-width-2000 {
	max-width: 2000px !important;
}


/* ------------------------------------------------------------- *
 *  Height classes
/* ------------------------------------------------------------- */

.full-height {
	height: 100% !important;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

/* f.full-height-vh { min-height: 100vh !important; } */

/* full height vh offset (same as header height) */
.full-height-vh {
	min-height: calc(100vh - 82px) !important;
}

@media (max-width: 768px) {
	.full-height-vh {
		min-height: calc(100vh - 62px) !important;
	}
}

/* full height vh if transparent header enabled */
body.header-transparent-on .full-height-vh {
	min-height: 100vh !important;
}


/* minimum height classes */
.min-height-100 {
	min-height: 100px !important;
}

.min-height-150 {
	min-height: 150px !important;
}

.min-height-200 {
	min-height: 200px !important;
}

.min-height-250 {
	min-height: 250px !important;
}

.min-height-300 {
	min-height: 300px !important;
}

.min-height-350 {
	min-height: 350px !important;
}

.min-height-400 {
	min-height: 400px !important;
}

.min-height-450 {
	min-height: 450px !important;
}

.min-height-500 {
	min-height: 500px !important;
}

.min-height-550 {
	min-height: 550px !important;
}

.min-height-600 {
	min-height: 600px !important;
}

.min-height-650 {
	min-height: 650px !important;
}

.min-height-700 {
	min-height: 700px !important;
}

.min-height-750 {
	min-height: 750px !important;
}

.min-height-800 {
	min-height: 800px !important;
}

.min-height-850 {
	min-height: 850px !important;
}

.min-height-900 {
	min-height: 900px !important;
}

.min-height-1000 {
	min-height: 1000px !important;
}

/* maximum height classes */
.max-height-100 {
	max-height: 100px !important;
}

.max-height-150 {
	max-height: 150px !important;
}

.max-height-200 {
	max-height: 200px !important;
}

.max-height-250 {
	max-height: 250px !important;
}

.max-height-300 {
	max-height: 300px !important;
}

.max-height-350 {
	max-height: 350px !important;
}

.max-height-400 {
	max-height: 400px !important;
}

.max-height-450 {
	max-height: 450px !important;
}

.max-height-500 {
	max-height: 500px !important;
}

.max-height-550 {
	max-height: 550px !important;
}

.max-height-600 {
	max-height: 600px !important;
}

.max-height-650 {
	max-height: 650px !important;
}

.max-height-700 {
	max-height: 700px !important;
}

.max-height-750 {
	max-height: 750px !important;
}

.max-height-800 {
	max-height: 800px !important;
}

.max-height-850 {
	max-height: 850px !important;
}

.max-height-900 {
	max-height: 900px !important;
}

.max-height-1000 {
	max-height: 1000px !important;
}

/* padding height classes */
.padding-height-10 {
	padding-bottom: 10% !important;
}

.padding-height-15 {
	padding-bottom: 15% !important;
}

.padding-height-20 {
	padding-bottom: 20% !important;
}

.padding-height-25 {
	padding-bottom: 25% !important;
}

.padding-height-30 {
	padding-bottom: 30% !important;
}

.padding-height-35 {
	padding-bottom: 35% !important;
}

.padding-height-40 {
	padding-bottom: 40% !important;
}

.padding-height-45 {
	padding-bottom: 45% !important;
}

.padding-height-50 {
	padding-bottom: 50% !important;
}

.padding-height-55 {
	padding-bottom: 55% !important;
}

.padding-height-60 {
	padding-bottom: 60% !important;
}

.padding-height-65 {
	padding-bottom: 65% !important;
}

.padding-height-70 {
	padding-bottom: 70% !important;
}

.padding-height-75 {
	padding-bottom: 75% !important;
}

.padding-height-80 {
	padding-bottom: 80% !important;
}

.padding-height-85 {
	padding-bottom: 85% !important;
}

.padding-height-90 {
	padding-bottom: 90% !important;
}

.padding-height-95 {
	padding-bottom: 95% !important;
}

.padding-height-100 {
	padding-bottom: 100% !important;
}

.padding-height-105 {
	padding-bottom: 105% !important;
}

.padding-height-110 {
	padding-bottom: 110% !important;
}

.padding-height-115 {
	padding-bottom: 115% !important;
}

.padding-height-120 {
	padding-bottom: 120% !important;
}

.padding-height-125 {
	padding-bottom: 125% !important;
}

.padding-height-130 {
	padding-bottom: 130% !important;
}

.padding-height-135 {
	padding-bottom: 135% !important;
}

.padding-height-140 {
	padding-bottom: 140% !important;
}


/* -------------------------------------------------------------------------- *
 *  Center align classes (parent element must contain "position: relative;")
/* -------------------------------------------------------------------------- */

.align-center {
	position: absolute !important;
	top: 50% !important;
	bottom: auto !important;
	left: 50% !important;
	right: auto !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

.vertical-align-center {
	position: absolute !important;
	top: 50% !important;
	bottom: auto !important;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

.horisontal-align-center {
	position: absolute !important;
	left: 50% !important;
	right: auto !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}


/* ------------------------------------------------------------- *
 *  Text color classes
/* ------------------------------------------------------------- */

.text-main {
	color: #08c1b8 !important;
}

/* Template main color */
.text-white {
	color: #FFF !important;
}

.text-gray {
	color: #888 !important;
}

.text-gray-2 {
	color: #CCC !important;
}

.text-gray-3 {
	color: #DDD !important;
}

.text-dark {
	color: #333 !important;
}

.text-dark-2 {
	color: #444 !important;
}

.text-dark-3 {
	color: #666 !important;
}

.text-green {
	color: #0BC35B !important;
}

.text-blue {
	color: #3042B3 !important;
}

.text-yellow {
	color: #FFE800 !important;
}

.text-red {
	color: #FD2B2B !important;
}

.text-brown {
	color: #A78339 !important;
}

.text-purple {
	color: #800080 !important;
}

.text-pink {
	color: #F12765 !important;
}


/* ------------------------------------------------------------- *
 *  Link color classes
/* ------------------------------------------------------------- */

.link-main a {
	color: #08c1b8 !important;
}

/* Template main color */
.link-white a {
	color: #FFF !important;
}

.link-gray a {
	color: #888 !important;
}

.link-gray-2 a {
	color: #CCC !important;
}

.link-gray-3 a {
	color: #DDD !important;
}

.link-dark a {
	color: #333 !important;
}

.link-dark-2 a {
	color: #444 !important;
}

.link-dark-3 a {
	color: #666 !important;
}

.link-green a {
	color: #0BC35B !important;
}

.link-blue a {
	color: #3042B3 !important;
}

.link-yellow a {
	color: #FFE800 !important;
}

.link-red a {
	color: #FD2B2B !important;
}

.link-brown a {
	color: #A78339 !important;
}

.link-purple a {
	color: #800080 !important;
}

.link-pink a {
	color: #F12765 !important;
}


/* ------------------------------------------------------------- *
 *  Background color classes
/* ------------------------------------------------------------- */

.bg-main {
	background-color: #08c1b8 !important;
}

/* Template main color */
.bg-white {
	background-color: #FFF !important;
}

.bg-gray {
	background-color: rgba(138, 138, 138, 0.87) !important;
}

.bg-gray-2 {
	background-color: rgba(138, 138, 138, 0.14) !important;
}

.bg-gray-3 {
	background-color: rgba(138, 138, 138, 0.13) !important;
}

.bg-dark {
	background-color: #000 !important;
}

.bg-dark-2 {
	background-color: #111 !important;
}

.bg-dark-3 {
	background-color: #222 !important;
}

.bg-green {
	background-color: #0BC35B !important;
}

.bg-blue {
	background-color: #3042B3 !important;
}

.bg-yellow {
	background-color: #FFE800 !important;
}

.bg-red {
	background-color: #FD2B2B !important;
}

.bg-brown {
	background-color: #A78339 !important;
}

.bg-purple {
	background-color: #800080 !important;
}

.bg-pink {
	background-color: #F12765 !important;
}


/* ------------------------------------------------------------- *
 *  Background transparent color classes
/* ------------------------------------------------------------- */

/* 100% transparent */
.bg-transparent {
	background-color: rgba(0, 0, 0, 0) !important;
}

/* Background dark transparent classes (opacity 0.5 to 9.5) */
.bg-transparent-0-5-dark {
	background-color: rgba(0, 0, 0, 0.05) !important;
}

.bg-transparent-1-dark {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-transparent-1-5-dark {
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.bg-transparent-2-dark {
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-transparent-2-5-dark {
	background-color: rgba(0, 0, 0, 0.25) !important;
}

.bg-transparent-3-dark {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.bg-transparent-3-5-dark {
	background-color: rgba(0, 0, 0, 0.35) !important;
}

.bg-transparent-4-dark {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

.bg-transparent-4-5-dark {
	background-color: rgba(0, 0, 0, 0.45) !important;
}

.bg-transparent-5-dark {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-transparent-5-5-dark {
	background-color: rgba(0, 0, 0, 0.55) !important;
}

.bg-transparent-6-dark {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-transparent-6-5-dark {
	background-color: rgba(0, 0, 0, 0.65) !important;
}

.bg-transparent-7-dark {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.bg-transparent-7-5-dark {
	background-color: rgba(0, 0, 0, 0.75) !important;
}

.bg-transparent-8-dark {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.bg-transparent-8-5-dark {
	background-color: rgba(0, 0, 0, 0.85) !important;
}

.bg-transparent-9-dark {
	background-color: rgba(0, 0, 0, 0.9) !important;
}

.bg-transparent-9-5-dark {
	background-color: rgba(0, 0, 0, 0.95) !important;
}

/* Background white transparent classes (opacity 0.5 to 9.5) */
.bg-transparent-0-5-white {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

.bg-transparent-1-white {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-transparent-1-5-white {
	background-color: rgba(255, 255, 255, 0.15) !important;
}

.bg-transparent-2-white {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-transparent-2-5-white {
	background-color: rgba(255, 255, 255, 0.25) !important;
}

.bg-transparent-3-white {
	background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-transparent-3-5-white {
	background-color: rgba(255, 255, 255, 0.35) !important;
}

.bg-transparent-4-white {
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-transparent-4-5-white {
	background-color: rgba(255, 255, 255, 0.45) !important;
}

.bg-transparent-5-white {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-transparent-5-5-white {
	background-color: rgba(255, 255, 255, 0.55) !important;
}

.bg-transparent-6-white {
	background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-transparent-6-5-white {
	background-color: rgba(255, 255, 255, 0.65) !important;
}

.bg-transparent-7-white {
	background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-transparent-7-5-white {
	background-color: rgba(255, 255, 255, 0.75) !important;
}

.bg-transparent-8-white {
	background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-transparent-8-5-white {
	background-color: rgba(255, 255, 255, 0.85) !important;
}

.bg-transparent-9-white {
	background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-transparent-9-5-white {
	background-color: rgba(255, 255, 255, 0.95) !important;
}


/* ------------------------------------------------------------------ *
 *  Background transparent gradient color classes 
 *  gradient generator: http://www.colorzilla.com/gradient-editor/
/* ------------------------------------------------------------------ */

.bg-transparent-gradient-light {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f3f3f3+100&0.9+0,1+100 */
	background: -moz-linear-gradient(top, rgba(243, 243, 243, 0.9) 0%, rgba(243, 243, 243, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243, 243, 243, 0.9) 0%, rgba(243, 243, 243, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243, 243, 243, 0.9) 0%, rgba(243, 243, 243, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f3f3f3', endColorstr='#f3f3f3', GradientType=0);
	/* IE6-9 */
}

.bg-transparent-gradient-dark {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,111111+100&0.5+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(17, 17, 17, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(17, 17, 17, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(17, 17, 17, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#111111', GradientType=0);
	/* IE6-9 */
}


/* ------------------------------------------------------------- *
 *  Rounded classes
/* ------------------------------------------------------------- */

.no-rounded,
.no-radius {
	border-radius: 0 !important;
}

.rounded {
	border-radius: 3px !important;
}

.rounded-2x {
	border-radius: 6px !important;
}

.rounded-3x {
	border-radius: 12px !important;
}

.rounded-4x {
	border-radius: 20px !important;
}

.rounded-5x {
	border-radius: 40px !important;
}

.rounded-full {
	border-radius: 50% !important;
}


/* ------------------------------------------------------------- *
 *  Borders classes
/* ------------------------------------------------------------- */

.border {
	border: 1px solid rgba(132, 132, 132, 0.13) !important;
}

.border-top {
	border-top: 1px solid rgba(132, 132, 132, 0.13) !important;
}

.border-bottom {
	border-bottom: 1px solid rgba(132, 132, 132, 0.13) !important;
}

.border-left {
	border-left: 1px solid rgba(132, 132, 132, 0.13) !important;
}

.border-right {
	border-right: 1px solid rgba(132, 132, 132, 0.13) !important;
}

/* no border classes */
.no-border {
	border: none !important;
}

.no-border-top {
	border-top: none !important;
}

.no-border-bottom {
	border-bottom: none !important;
}

.no-border-left {
	border-left: none !important;
}

.no-border-right {
	border-right: none !important;
}

/* border width classes */
.border-width-1 {
	border-width: 1px !important;
}

.border-width-2 {
	border-width: 2px !important;
}

.border-width-3 {
	border-width: 3px !important;
}

.border-width-4 {
	border-width: 4px !important;
}

.border-width-5 {
	border-width: 5px !important;
}

.border-width-6 {
	border-width: 6px !important;
}

.border-width-7 {
	border-width: 7px !important;
}

.border-width-8 {
	border-width: 8px !important;
}

.border-width-9 {
	border-width: 9px !important;
}

.border-width-10 {
	border-width: 10px !important;
}

.border-top-width-1 {
	border-top-width: 1px !important;
}

.border-top-width-2 {
	border-top-width: 2px !important;
}

.border-top-width-3 {
	border-top-width: 3px !important;
}

.border-top-width-4 {
	border-top-width: 4px !important;
}

.border-top-width-5 {
	border-top-width: 5px !important;
}

.border-top-width-6 {
	border-top-width: 6px !important;
}

.border-top-width-7 {
	border-top-width: 7px !important;
}

.border-top-width-8 {
	border-top-width: 8px !important;
}

.border-top-width-9 {
	border-top-width: 9px !important;
}

.border-top-width-10 {
	border-top-width: 10px !important;
}

.border-bottom-width-1 {
	border-bottom-width: 1px !important;
}

.border-bottom-width-2 {
	border-bottom-width: 2px !important;
}

.border-bottom-width-3 {
	border-bottom-width: 3px !important;
}

.border-bottom-width-4 {
	border-bottom-width: 4px !important;
}

.border-bottom-width-5 {
	border-bottom-width: 5px !important;
}

.border-bottom-width-6 {
	border-bottom-width: 6px !important;
}

.border-bottom-width-7 {
	border-bottom-width: 7px !important;
}

.border-bottom-width-8 {
	border-bottom-width: 8px !important;
}

.border-bottom-width-9 {
	border-bottom-width: 9px !important;
}

.border-bottom-width-10 {
	border-bottom-width: 10px !important;
}

.border-left-width-1 {
	border-left-width: 1px !important;
}

.border-left-width-2 {
	border-left-width: 2px !important;
}

.border-left-width-3 {
	border-left-width: 3px !important;
}

.border-left-width-4 {
	border-left-width: 4px !important;
}

.border-left-width-5 {
	border-left-width: 5px !important;
}

.border-left-width-6 {
	border-left-width: 6px !important;
}

.border-left-width-7 {
	border-left-width: 7px !important;
}

.border-left-width-8 {
	border-left-width: 8px !important;
}

.border-left-width-9 {
	border-left-width: 9px !important;
}

.border-left-width-10 {
	border-left-width: 10px !important;
}

.border-right-width-1 {
	border-right-width: 1px !important;
}

.border-right-width-2 {
	border-right-width: 2px !important;
}

.border-right-width-3 {
	border-right-width: 3px !important;
}

.border-right-width-4 {
	border-right-width: 4px !important;
}

.border-right-width-5 {
	border-right-width: 5px !important;
}

.border-right-width-6 {
	border-right-width: 6px !important;
}

.border-right-width-7 {
	border-right-width: 7px !important;
}

.border-right-width-8 {
	border-right-width: 8px !important;
}

.border-right-width-9 {
	border-right-width: 9px !important;
}

.border-right-width-10 {
	border-right-width: 10px !important;
}

/* border style classes */
.border-solid {
	border-style: solid !important;
}

.border-top-solid {
	border-top-style: solid !important;
}

.border-bottom-solid {
	border-bottom-style: solid !important;
}

.border-left-solid {
	border-left-style: solid !important;
}

.border-right-solid {
	border-right-style: solid !important;
}

.border-dashed {
	border-style: dashed !important;
}

.border-top-dashed {
	border-top-style: dashed !important;
}

.border-bottom-dashed {
	border-bottom-style: dashed !important;
}

.border-left-dashed {
	border-left-style: dashed !important;
}

.border-right-dashed {
	border-right-style: dashed !important;
}

.border-dotted {
	border-style: dotted !important;
}

.border-top-dotted {
	border-top-style: dotted !important;
}

.border-bottom-dotted {
	border-bottom-style: dotted !important;
}

.border-left-dotted {
	border-left-style: dotted !important;
}

.border-right-dotted {
	border-right-style: dotted !important;
}

.border-double {
	border-style: double !important;
}

.border-top-double {
	border-top-style: double !important;
}

.border-bottom-double {
	border-bottom-style: double !important;
}

.border-left-double {
	border-left-style: double !important;
}

.border-right-double {
	border-right-style: double !important;
}

.border-groove {
	border-style: groove !important;
}

.border-top-groove {
	border-top-style: groove !important;
}

.border-bottom-groove {
	border-bottom-style: groove !important;
}

.border-left-groove {
	border-left-style: groove !important;
}

.border-right-groove {
	border-right-style: groove !important;
}

.border-inset {
	border-style: inset !important;
}

.border-top-inset {
	border-top-style: inset !important;
}

.border-bottom-inset {
	border-bottom-style: inset !important;
}

.border-left-inset {
	border-left-style: inset !important;
}

.border-right-inset {
	border-right-style: inset !important;
}

.border-outset {
	border-style: outset !important;
}

.border-top-outset {
	border-top-style: outset !important;
}

.border-bottom-outset {
	border-bottom-style: outset !important;
}

.border-left-outset {
	border-left-style: outset !important;
}

.border-right-outset {
	border-right-style: outset !important;
}

/* border color classes */
.border-main {
	border-color: #08c1b8 !important;
}

/* template main color */
.border-top-main {
	border-top-color: #08c1b8 !important;
}

/* template main color */
.border-bottom-main {
	border-bottom-color: #08c1b8 !important;
}

/* template main color */
.border-left-main {
	border-left-color: #08c1b8 !important;
}

/* template main color */
.border-right-main {
	border-right-color: #08c1b8 !important;
}

/* template main color */

.border-white {
	border-color: #FFF !important;
}

.border-top-white {
	border-top-color: #FFF !important;
}

.border-bottom-white {
	border-bottom-color: #FFF !important;
}

.border-left-white {
	border-left-color: #FFF !important;
}

.border-right-white {
	border-right-color: #FFF !important;
}

.border-gray {
	border-color: #A4AAAD !important;
}

.border-gray-2 {
	border-color: #D1D5D6 !important;
}

.border-gray-3 {
	border-color: #EEE !important;
}

.border-top-gray {
	border-top-color: #999 !important;
}

.border-bottom-gray {
	border-bottom-color: #999 !important;
}

.border-left-gray {
	border-left-color: #999 !important;
}

.border-right-gray {
	border-right-color: #999 !important;
}

.border-dark {
	border-color: #141414 !important;
}

.border-dark-2 {
	border-color: #44484C !important;
}

.border-dark-3 {
	border-color: #333 !important;
}

.border-top-dark {
	border-top-color: #141414 !important;
}

.border-top-dark-2 {
	border-top-color: #44484C !important;
}

.border-top-dark-3 {
	border-top-color: #333 !important;
}

.border-bottom-dark {
	border-bottom-color: #141414 !important;
}

.border-bottom-dark-2 {
	border-bottom-color: #44484C !important;
}

.border-bottom-dark-3 {
	border-bottom-color: #333 !important;
}

.border-left-dark {
	border-left-color: #141414 !important;
}

.border-left-dark-2 {
	border-left-color: #44484C !important;
}

.border-left-dark-3 {
	border-left-color: #333 !important;
}

.border-right-dark {
	border-right-color: #141414 !important;
}

.border-right-dark-2 {
	border-right-color: #44484C !important;
}

.border-right-dark-3 {
	border-right-color: #333 !important;
}

.border-green {
	border-color: #5FC11B !important;
}

.border-top-green {
	border-top-color: #5FC11B !important;
}

.border-bottom-green {
	border-bottom-color: #5FC11B !important;
}

.border-left-green {
	border-left-color: #5FC11B !important;
}

.border-right-green {
	border-right-color: #5FC11B !important;
}

.border-blue {
	border-color: #3067B3 !important;
}

.border-top-blue {
	border-top-color: #3067B3 !important;
}

.border-bottom-blue {
	border-bottom-color: #3067B3 !important;
}

.border-left-blue {
	border-left-color: #3067B3 !important;
}

.border-right-blue {
	border-right-color: #3067B3 !important;
}

.border-yellow {
	border-color: #FFCD00 !important;
}

.border-top-yellow {
	border-top-color: #FFCD00 !important;
}

.border-bottom-yellow {
	border-bottom-color: #FFCD00 !important;
}

.border-left-yellow {
	border-left-color: #FFCD00 !important;
}

.border-right-yellow {
	border-right-color: #FFCD00 !important;
}

.border-red {
	border-color: #FD2B2B !important;
}

.border-top-red {
	border-top-color: #FD2B2B !important;
}

.border-bottom-red {
	border-bottom-color: #FD2B2B !important;
}

.border-left-red {
	border-left-color: #FD2B2B !important;
}

.border-right-red {
	border-right-color: #FD2B2B !important;
}

.border-brown {
	border-color: #A08650 !important;
}

.border-top-brown {
	border-top-color: #A08650 !important;
}

.border-bottom-brown {
	border-bottom-color: #A08650 !important;
}

.border-left-brown {
	border-left-color: #A08650 !important;
}

.border-right-brown {
	border-right-color: #A08650 !important;
}

.border-purple {
	border-color: #800080 !important;
}

.border-top-purple {
	border-top-color: #800080 !important;
}

.border-bottom-purple {
	border-bottom-color: #800080 !important;
}

.border-left-purple {
	border-left-color: #800080 !important;
}

.border-right-purple {
	border-right-color: #800080 !important;
}

.border-pink {
	border-color: #E82D66 !important;
}

.border-top-pink {
	border-top-color: #E82D66 !important;
}

.border-bottom-pink {
	border-bottom-color: #E82D66 !important;
}

.border-left-pink {
	border-left-color: #E82D66 !important;
}

.border-right-pink {
	border-right-color: #E82D66 !important;
}

/* border transparent classes */
.border-transparent {
	border-color: transparent !important;
}

.border-top-transparent {
	border-top-color: transparent !important;
}

.border-bottom-transparent {
	border-bottom-color: transparent !important;
}

.border-left-transparent {
	border-left-color: transparent !important;
}

.border-right-transparent {
	border-right-color: transparent !important;
}


/* ------------------------------------------------------------- *
 *  Paddings classes
/* ------------------------------------------------------------- */

.padding-5 {
	padding: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-25 {
	padding: 25px !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-35 {
	padding: 35px !important;
}

.padding-40 {
	padding: 40px !important;
}

.padding-45 {
	padding: 45px !important;
}

.padding-50 {
	padding: 50px !important;
}

.padding-55 {
	padding: 55px !important;
}

.padding-60 {
	padding: 60px !important;
}

.padding-65 {
	padding: 65px !important;
}

.padding-70 {
	padding: 70px !important;
}

.padding-75 {
	padding: 75px !important;
}

.padding-80 {
	padding: 80px !important;
}

.padding-85 {
	padding: 85px !important;
}

.padding-100 {
	padding: 80px !important;
}

/* padding (percent) */
.padding-1-p {
	padding: 1% !important;
}

.padding-2-p {
	padding: 2% !important;
}

.padding-3-p {
	padding: 3% !important;
}

.padding-4-p {
	padding: 4% !important;
}

.padding-5-p {
	padding: 5% !important;
}

.padding-6-p {
	padding: 6% !important;
}

.padding-7-p {
	padding: 7% !important;
}

.padding-8-p {
	padding: 8% !important;
}

.padding-9-p {
	padding: 9% !important;
}

.padding-10-p {
	padding: 10% !important;
}

.padding-11-p {
	padding: 11% !important;
}

.padding-12-p {
	padding: 12% !important;
}

.padding-13-p {
	padding: 13% !important;
}

.padding-14-p {
	padding: 14% !important;
}

.padding-15-p {
	padding: 15% !important;
}

.padding-16-p {
	padding: 16% !important;
}

.padding-17-p {
	padding: 17% !important;
}

.padding-18-p {
	padding: 18% !important;
}

.padding-19-p {
	padding: 19% !important;
}

.padding-20-p {
	padding: 20% !important;
}

/* padding top */
.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-top-55 {
	padding-top: 55px !important;
}

.padding-top-60 {
	padding-top: 60px !important;
}

.padding-top-65 {
	padding-top: 65px !important;
}

.padding-top-70 {
	padding-top: 70px !important;
}

.padding-top-75 {
	padding-top: 75px !important;
}

.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-85 {
	padding-top: 85px !important;
}

.padding-top-100 {
	padding-top: 100px !important;
}

/* padding top (percent) */
.padding-top-1-p {
	padding-top: 1% !important;
}

.padding-top-2-p {
	padding-top: 2% !important;
}

.padding-top-3-p {
	padding-top: 3% !important;
}

.padding-top-4-p {
	padding-top: 4% !important;
}

.padding-top-5-p {
	padding-top: 5% !important;
}

.padding-top-6-p {
	padding-top: 6% !important;
}

.padding-top-7-p {
	padding-top: 7% !important;
}

.padding-top-8-p {
	padding-top: 8% !important;
}

.padding-top-9-p {
	padding-top: 9% !important;
}

.padding-top-10-p {
	padding-top: 10% !important;
}

.padding-top-11-p {
	padding-top: 11% !important;
}

.padding-top-12-p {
	padding-top: 12% !important;
}

.padding-top-13-p {
	padding-top: 13% !important;
}

.padding-top-14-p {
	padding-top: 14% !important;
}

.padding-top-15-p {
	padding-top: 15% !important;
}

.padding-top-16-p {
	padding-top: 16% !important;
}

.padding-top-17-p {
	padding-top: 17% !important;
}

.padding-top-18-p {
	padding-top: 18% !important;
}

.padding-top-19-p {
	padding-top: 19% !important;
}

.padding-top-20-p {
	padding-top: 20% !important;
}

/* padding bottom */
.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-25 {
	padding-bottom: 25px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-35 {
	padding-bottom: 35px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-45 {
	padding-bottom: 45px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-55 {
	padding-bottom: 55px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-65 {
	padding-bottom: 65px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}

.padding-bottom-75 {
	padding-bottom: 75px !important;
}

.padding-bottom-80 {
	padding-bottom: 80px !important;
}

.padding-bottom-85 {
	padding-bottom: 85px !important;
}

.padding-bottom-100 {
	padding-bottom: 100px !important;
}

/* padding bottom (percent) */
.padding-bottom-1-p {
	padding-bottom: 1% !important;
}

.padding-bottom-2-p {
	padding-bottom: 2% !important;
}

.padding-bottom-3-p {
	padding-bottom: 3% !important;
}

.padding-bottom-4-p {
	padding-bottom: 4% !important;
}

.padding-bottom-5-p {
	padding-bottom: 5% !important;
}

.padding-bottom-6-p {
	padding-bottom: 6% !important;
}

.padding-bottom-7-p {
	padding-bottom: 7% !important;
}

.padding-bottom-8-p {
	padding-bottom: 8% !important;
}

.padding-bottom-9-p {
	padding-bottom: 9% !important;
}

.padding-bottom-10-p {
	padding-bottom: 10% !important;
}

.padding-bottom-11-p {
	padding-bottom: 11% !important;
}

.padding-bottom-12-p {
	padding-bottom: 12% !important;
}

.padding-bottom-13-p {
	padding-bottom: 13% !important;
}

.padding-bottom-14-p {
	padding-bottom: 14% !important;
}

.padding-bottom-15-p {
	padding-bottom: 15% !important;
}

.padding-bottom-16-p {
	padding-bottom: 16% !important;
}

.padding-bottom-17-p {
	padding-bottom: 17% !important;
}

.padding-bottom-18-p {
	padding-bottom: 18% !important;
}

.padding-bottom-19-p {
	padding-bottom: 19% !important;
}

.padding-bottom-20-p {
	padding-bottom: 20% !important;
}

/* padding left */
.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-left-35 {
	padding-left: 35px !important;
}

.padding-left-40 {
	padding-left: 40px !important;
}

.padding-left-45 {
	padding-left: 45px !important;
}

.padding-left-50 {
	padding-left: 50px !important;
}

.padding-left-55 {
	padding-left: 55px !important;
}

.padding-left-60 {
	padding-left: 60px !important;
}

.padding-left-65 {
	padding-left: 65px !important;
}

.padding-left-70 {
	padding-left: 70px !important;
}

.padding-left-75 {
	padding-left: 75px !important;
}

.padding-left-80 {
	padding-left: 80px !important;
}

.padding-left-85 {
	padding-left: 85px !important;
}

.padding-left-100 {
	padding-left: 100px !important;
}

/* padding left (percent) */
.padding-left-1-p {
	padding-left: 1% !important;
}

.padding-left-2-p {
	padding-left: 2% !important;
}

.padding-left-3-p {
	padding-left: 3% !important;
}

.padding-left-4-p {
	padding-left: 4% !important;
}

.padding-left-5-p {
	padding-left: 5% !important;
}

.padding-left-6-p {
	padding-left: 6% !important;
}

.padding-left-7-p {
	padding-left: 7% !important;
}

.padding-left-8-p {
	padding-left: 8% !important;
}

.padding-left-9-p {
	padding-left: 9% !important;
}

.padding-left-10-p {
	padding-left: 10% !important;
}

.padding-left-11-p {
	padding-left: 11% !important;
}

.padding-left-12-p {
	padding-left: 12% !important;
}

.padding-left-13-p {
	padding-left: 13% !important;
}

.padding-left-14-p {
	padding-left: 14% !important;
}

.padding-left-15-p {
	padding-left: 15% !important;
}

.padding-left-16-p {
	padding-left: 16% !important;
}

.padding-left-17-p {
	padding-left: 17% !important;
}

.padding-left-18-p {
	padding-left: 18% !important;
}

.padding-left-19-p {
	padding-left: 19% !important;
}

.padding-left-20-p {
	padding-left: 20% !important;
}

/* padding right */
.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.padding-right-25 {
	padding-right: 25px !important;
}

.padding-right-30 {
	padding-right: 30px !important;
}

.padding-right-35 {
	padding-right: 35px !important;
}

.padding-right-40 {
	padding-right: 40px !important;
}

.padding-right-45 {
	padding-right: 45px !important;
}

.padding-right-50 {
	padding-right: 50px !important;
}

.padding-right-55 {
	padding-right: 55px !important;
}

.padding-right-60 {
	padding-right: 60px !important;
}

.padding-right-65 {
	padding-right: 65px !important;
}

.padding-right-70 {
	padding-right: 70px !important;
}

.padding-right-75 {
	padding-right: 75px !important;
}

.padding-right-80 {
	padding-right: 80px !important;
}

.padding-right-85 {
	padding-right: 85px !important;
}

.padding-right-100 {
	padding-right: 100px !important;
}

/* padding right (percent) */
.padding-right-1-p {
	padding-right: 1% !important;
}

.padding-right-2-p {
	padding-right: 2% !important;
}

.padding-right-3-p {
	padding-right: 3% !important;
}

.padding-right-4-p {
	padding-right: 4% !important;
}

.padding-right-5-p {
	padding-right: 5% !important;
}

.padding-right-6-p {
	padding-right: 6% !important;
}

.padding-right-7-p {
	padding-right: 7% !important;
}

.padding-right-8-p {
	padding-right: 8% !important;
}

.padding-right-9-p {
	padding-right: 9% !important;
}

.padding-right-10-p {
	padding-right: 10% !important;
}

.padding-right-11-p {
	padding-right: 11% !important;
}

.padding-right-12-p {
	padding-right: 12% !important;
}

.padding-right-13-p {
	padding-right: 13% !important;
}

.padding-right-14-p {
	padding-right: 14% !important;
}

.padding-right-15-p {
	padding-right: 15% !important;
}

.padding-right-16-p {
	padding-right: 16% !important;
}

.padding-right-17-p {
	padding-right: 17% !important;
}

.padding-right-18-p {
	padding-right: 18% !important;
}

.padding-right-19-p {
	padding-right: 19% !important;
}

.padding-right-20-p {
	padding-right: 20% !important;
}

/* no paddings classes */
.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}


/* ------------------------------------------------------------- *
 *  Margin classes
/* ------------------------------------------------------------- */

.margin-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.margin-5 {
	margin: 5px !important;
}

.margin-10 {
	margin: 10px !important;
}

.margin-15 {
	margin: 15px !important;
}

.margin-20 {
	margin: 20px !important;
}

.margin-25 {
	margin: 25px !important;
}

.margin-30 {
	margin: 30px !important;
}

.margin-35 {
	margin: 35px !important;
}

.margin-40 {
	margin: 40px !important;
}

.margin-45 {
	margin: 45px !important;
}

.margin-50 {
	margin: 50px !important;
}

.margin-55 {
	margin: 55px !important;
}

.margin-60 {
	margin: 60px !important;
}

.margin-65 {
	margin: 65px !important;
}

.margin-70 {
	margin: 70px !important;
}

.margin-75 {
	margin: 75px !important;
}

.margin-80 {
	margin: 80px !important;
}

.margin-85 {
	margin: 85px !important;
}

.margin-90 {
	margin: 90px !important;
}

.margin-95 {
	margin: 95px !important;
}

.margin-100 {
	margin: 100px !important;
}

/* margin (percent) */
.margin-1-p {
	margin: 1% !important;
}

.margin-2-p {
	margin: 2% !important;
}

.margin-3-p {
	margin: 3% !important;
}

.margin-4-p {
	margin: 4% !important;
}

.margin-5-p {
	margin: 5% !important;
}

.margin-6-p {
	margin: 6% !important;
}

.margin-7-p {
	margin: 7% !important;
}

.margin-8-p {
	margin: 8% !important;
}

.margin-9-p {
	margin: 9% !important;
}

.margin-10-p {
	margin: 10% !important;
}

.margin-11-p {
	margin: 11% !important;
}

.margin-12-p {
	margin: 12% !important;
}

.margin-13-p {
	margin: 13% !important;
}

.margin-14-p {
	margin: 14% !important;
}

.margin-15-p {
	margin: 15% !important;
}

.margin-16-p {
	margin: 16% !important;
}

.margin-17-p {
	margin: 17% !important;
}

.margin-18-p {
	margin: 18% !important;
}

.margin-19-p {
	margin: 19% !important;
}

.margin-20-p {
	margin: 20% !important;
}

/* margin top */
.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-45 {
	margin-top: 45px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-top-55 {
	margin-top: 55px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-65 {
	margin-top: 65px !important;
}

.margin-top-70 {
	margin-top: 70px !important;
}

.margin-top-75 {
	margin-top: 75px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-85 {
	margin-top: 85px !important;
}

.margin-top-90 {
	margin-top: 90px !important;
}

.margin-top-95 {
	margin-top: 95px !important;
}

.margin-top-100 {
	margin-top: 100px !important;
}

@media (max-width: 768px) {
	.margin-top-55 {
		margin-top: 30px !important;
	}

	.margin-top-60 {
		margin-top: 30px !important;
	}

	.margin-top-65 {
		margin-top: 30px !important;
	}

	.margin-top-70 {
		margin-top: 30px !important;
	}

	.margin-top-75 {
		margin-top: 30px !important;
	}

	.margin-top-80 {
		margin-top: 30px !important;
	}

	.margin-top-85 {
		margin-top: 30px !important;
	}

	.margin-top-90 {
		margin-top: 30px !important;
	}

	.margin-top-95 {
		margin-top: 30px !important;
	}

	.margin-top-100 {
		margin-top: 30px !important;
	}
}

@media (max-width: 991px) {
	.margin-top-55 {
		margin-top: 50px !important;
	}

	.margin-top-60 {
		margin-top: 50px !important;
	}

	.margin-top-65 {
		margin-top: 50px !important;
	}

	.margin-top-70 {
		margin-top: 50px !important;
	}

	.margin-top-75 {
		margin-top: 50px !important;
	}

	.margin-top-80 {
		margin-top: 50px !important;
	}

	.margin-top-85 {
		margin-top: 50px !important;
	}

	.margin-top-90 {
		margin-top: 50px !important;
	}

	.margin-top-95 {
		margin-top: 50px !important;
	}

	.margin-top-100 {
		margin-top: 50px !important;
	}
}

/* margin top (percent) */
.margin-top-1-p {
	margin-top: 1% !important;
}

.margin-top-2-p {
	margin-top: 2% !important;
}

.margin-top-3-p {
	margin-top: 3% !important;
}

.margin-top-4-p {
	margin-top: 4% !important;
}

.margin-top-5-p {
	margin-top: 5% !important;
}

.margin-top-6-p {
	/*margin-top: 6% !important;*/
}

.margin-top-7-p {
	margin-top: 7% !important;
}

.margin-top-8-p {
	margin-top: 8% !important;
}

.margin-top-9-p {
	margin-top: 9% !important;
}

.margin-top-10-p {
	margin-top: 10% !important;
}

.margin-top-11-p {
	margin-top: 11% !important;
}

.margin-top-12-p {
	margin-top: 12% !important;
}

.margin-top-13-p {
	margin-top: 13% !important;
}

.margin-top-14-p {
	margin-top: 14% !important;
}

.margin-top-15-p {
	margin-top: 15% !important;
}

.margin-top-16-p {
	margin-top: 16% !important;
}

.margin-top-17-p {
	margin-top: 17% !important;
}

.margin-top-18-p {
	margin-top: 18% !important;
}

.margin-top-19-p {
	margin-top: 19% !important;
}

.margin-top-20-p {
	margin-top: 20% !important;
}

/* margin bottom */
.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-45 {
	margin-bottom: 45px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-55 {
	margin-bottom: 55px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-65 {
	margin-bottom: 65px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-75 {
	margin-bottom: 75px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-85 {
	margin-bottom: 85px !important;
}

.margin-bottom-90 {
	margin-bottom: 90px !important;
}

.margin-bottom-95 {
	margin-bottom: 95px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

@media (max-width: 768px) {
	.margin-bottom-55 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-60 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-65 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-70 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-75 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-80 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-85 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-90 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-95 {
		margin-bottom: 30px !important;
	}

	.margin-bottom-100 {
		margin-bottom: 30px !important;
	}
}

@media (max-width: 768px) {
	.margin-bottom-55 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-60 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-65 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-70 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-75 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-80 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-85 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-90 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-95 {
		margin-bottom: 50px !important;
	}

	.margin-bottom-100 {
		margin-bottom: 50px !important;
	}
}

/* margin bottom (percent) */
.margin-bottom-1-p {
	margin-bottom: 1% !important;
}

.margin-bottom-2-p {
	margin-bottom: 2% !important;
}

.margin-bottom-3-p {
	margin-bottom: 3% !important;
}

.margin-bottom-4-p {
	margin-bottom: 4% !important;
}

.margin-bottom-5-p {
	margin-bottom: 5% !important;
}

.margin-bottom-6-p {
	margin-bottom: 6% !important;
}

.margin-bottom-7-p {
	margin-bottom: 7% !important;
}

.margin-bottom-8-p {
	margin-bottom: 8% !important;
}

.margin-bottom-9-p {
	margin-bottom: 9% !important;
}

.margin-bottom-10-p {
	margin-bottom: 10% !important;
}

.margin-bottom-11-p {
	margin-bottom: 11% !important;
}

.margin-bottom-12-p {
	margin-bottom: 12% !important;
}

.margin-bottom-13-p {
	margin-bottom: 13% !important;
}

.margin-bottom-14-p {
	margin-bottom: 14% !important;
}

.margin-bottom-15-p {
	margin-bottom: 15% !important;
}

.margin-bottom-16-p {
	margin-bottom: 16% !important;
}

.margin-bottom-17-p {
	margin-bottom: 17% !important;
}

.margin-bottom-18-p {
	margin-bottom: 18% !important;
}

.margin-bottom-19-p {
	margin-bottom: 19% !important;
}

.margin-bottom-20-p {
	margin-bottom: 20% !important;
}

/* margin left */
.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-35 {
	margin-left: 35px !important;
}

.margin-left-40 {
	margin-left: 40px !important;
}

.margin-left-45 {
	margin-left: 45px !important;
}

.margin-left-50 {
	margin-left: 50px !important;
}

.margin-left-55 {
	margin-left: 55px !important;
}

.margin-left-60 {
	margin-left: 60px !important;
}

.margin-left-65 {
	margin-left: 65px !important;
}

.margin-left-70 {
	margin-left: 70px !important;
}

.margin-left-75 {
	margin-left: 75px !important;
}

.margin-left-80 {
	margin-left: 80px !important;
}

.margin-left-85 {
	margin-left: 85px !important;
}

.margin-left-90 {
	margin-left: 90px !important;
}

.margin-left-95 {
	margin-left: 95px !important;
}

.margin-left-100 {
	margin-left: 100px !important;
}

/* margin left (percent) */
.margin-left-1-p {
	margin-left: 1% !important;
}

.margin-left-2-p {
	margin-left: 2% !important;
}

.margin-left-3-p {
	margin-left: 3% !important;
}

.margin-left-4-p {
	margin-left: 4% !important;
}

.margin-left-5-p {
	margin-left: 5% !important;
}

.margin-left-6-p {
	margin-left: 6% !important;
}

.margin-left-7-p {
	margin-left: 7% !important;
}

.margin-left-8-p {
	margin-left: 8% !important;
}

.margin-left-9-p {
	margin-left: 9% !important;
}

.margin-left-10-p {
	margin-left: 10% !important;
}

.margin-left-11-p {
	margin-left: 11% !important;
}

.margin-left-12-p {
	margin-left: 12% !important;
}

.margin-left-13-p {
	margin-left: 13% !important;
}

.margin-left-14-p {
	margin-left: 14% !important;
}

.margin-left-15-p {
	margin-left: 15% !important;
}

.margin-left-16-p {
	margin-left: 16% !important;
}

.margin-left-17-p {
	margin-left: 17% !important;
}

.margin-left-18-p {
	margin-left: 18% !important;
}

.margin-left-19-p {
	margin-left: 19% !important;
}

.margin-left-20-p {
	margin-left: 20% !important;
}

/* margin right */
.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-right-30 {
	margin-right: 30px !important;
}

.margin-right-35 {
	margin-right: 35px !important;
}

.margin-right-40 {
	margin-right: 40px !important;
}

.margin-right-45 {
	margin-right: 45px !important;
}

.margin-right-50 {
	margin-right: 50px !important;
}

.margin-right-55 {
	margin-right: 55px !important;
}

.margin-right-60 {
	margin-right: 60px !important;
}

.margin-right-65 {
	margin-right: 65px !important;
}

.margin-right-70 {
	margin-right: 70px !important;
}

.margin-right-75 {
	margin-right: 75px !important;
}

.margin-right-80 {
	margin-right: 80px !important;
}

.margin-right-85 {
	margin-right: 85px !important;
}

.margin-right-90 {
	margin-right: 90px !important;
}

.margin-right-95 {
	margin-right: 95px !important;
}

.margin-right-100 {
	margin-right: 100px !important;
}

/* margin right (percent) */
.margin-right-1-p {
	margin-right: 1% !important;
}

.margin-right-2-p {
	margin-right: 2% !important;
}

.margin-right-3-p {
	margin-right: 3% !important;
}

.margin-right-4-p {
	margin-right: 4% !important;
}

.margin-right-5-p {
	margin-right: 5% !important;
}

.margin-right-6-p {
	margin-right: 6% !important;
}

.margin-right-7-p {
	margin-right: 7% !important;
}

.margin-right-8-p {
	margin-right: 8% !important;
}

.margin-right-9-p {
	margin-right: 9% !important;
}

.margin-right-10-p {
	margin-right: 10% !important;
}

.margin-right-11-p {
	margin-right: 11% !important;
}

.margin-right-12-p {
	margin-right: 12% !important;
}

.margin-right-13-p {
	margin-right: 13% !important;
}

.margin-right-14-p {
	margin-right: 14% !important;
}

.margin-right-15-p {
	margin-right: 15% !important;
}

.margin-right-16-p {
	margin-right: 16% !important;
}

.margin-right-17-p {
	margin-right: 17% !important;
}

.margin-right-18-p {
	margin-right: 18% !important;
}

.margin-right-19-p {
	margin-right: 19% !important;
}

.margin-right-20-p {
	margin-right: 20% !important;
}

/* no margins classes */
.no-margin {
	margin: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.no-margin-right {
	margin-right: 0 !important;
}


/* ------------------------------------------------------------------------------------------------------------------------- *
 *  Bootstrap responsive columns of same height
 *  Source and tutorial: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
/* ------------------------------------------------------------------------------------------------------------------------- */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}

.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-xs-top {
		vertical-align: top;
	}

	.col-xs-middle {
		vertical-align: middle;
	}

	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-sm-top {
		vertical-align: top;
	}

	.col-sm-middle {
		vertical-align: middle;
	}

	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-md-top {
		vertical-align: top;
	}

	.col-md-middle {
		vertical-align: middle;
	}

	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-lg-height {
		/* display: table-cell; */
		/* float: none; */
		/* height: 100%; */
	}

	.col-lg-top {
		vertical-align: top;
	}

	.col-lg-middle {
		vertical-align: middle;
	}

	.col-lg-bottom {
		vertical-align: bottom;
	}
}

.row-height,
.row-lg-height,
.row-md-height,
.row-sm-height {
	overflow: hidden;
	/* margin-left: -1px; */
}
