/* Text
================================================================================================= */
.text-white { color: #ffffff !important; }
.text-light-gray { color: #f6f6f6 !important; }
.text-gray { color: #333333 !important; }
.text-black { color: #111111 !important; }
.text-shadow { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) !important; }
.text-shadow-inside { text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def !important; }

.nowrap { white-space: nowrap; }
.break-word { word-wrap: break-word; }

.list-style-none { list-style: none; }
.underline { text-decoration: underline; }

/* Text Big
================================================================================================= */
.text-big-1 { font-size: 25px !important; line-height: 30px !important; }
.text-big-2,
.text-big-3,
.text-big-4,
.text-big-5, 
.text-big-6,
.text-big-7,
.text-big-8,
.text-big-9,
.text-big-10 { font-size: 30px !important; line-height: 35px !important; }

@media (min-width: 768px) { 
    .text-big-3,
	.text-big-4
	.text-big-5, 
	.text-big-6,
	.text-big-7,
	.text-big-8,
	.text-big-9,
	.text-big-10 { font-size: 35px !important; line-height: 40px !important; }
}

@media (min-width: 992px) {
	.text-big-4 { font-size: 40px !important; line-height: 45px !important; }
	.text-big-5 { font-size: 45px !important; line-height: 50px !important; }
	.text-big-6 { font-size: 50px !important; line-height: 55px !important; }
    .text-big-7 { font-size: 60px !important; line-height: 65px !important; }
	.text-big-8 { font-size: 70px !important; line-height: 75px !important; }
	.text-big-9 { font-size: 80px !important; line-height: 85px !important; }
	.text-big-10 { font-size: 90px !important; line-height: 95px !important; }
}

/* Height Sizes
================================================================================================= */
.height-size-1 { height: 6.25rem !important; }
.height-size-2 { height: 12.5rem !important; }
.height-size-3 { height: 18.75rem !important; }

.height-size-4,
.height-size-5,
.height-size-6,
.height-size-7,
.height-size-8 { height: 25rem !important; }
	
@media (min-width: 992px) {
	.height-size-5 { height: 31.25rem !important; }
	.height-size-6 { height: 37.5rem !important; }
	.height-size-7 { height: 43.75rem !important; }
	.height-size-8 { height: 50rem !important; }
	
	.height-size-lg-1 { height: 6.25rem !important; }
    .height-size-lg-2 { height: 12.5rem !important; }
    .height-size-lg-3 { height: 18.75rem !important; }
	.height-size-lg-4 { height: 25rem !important; }
	.height-size-lg-5 { height: 31.25rem !important; }
	.height-size-lg-6 { height: 37.5rem !important; }
	.height-size-lg-7 { height: 43.75rem !important; }
	.height-size-lg-8 { height: 50rem !important; }
}

/* Images
================================================================================================= */
img.img-full { width: 100%; height: auto; }

/* Line Height
================================================================================================= */
.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-normal { line-height: 1.5; }
.leading-loose { line-height: 2; }

/* Letter Spacing
================================================================================================= */
.tracking-tight { letter-spacing: -0.05em; }
.tracking-normal { letter-spacing: 0; }
.tracking-wide { letter-spacing: 0.05em; }

/* Layout
================================================================================================= */
.inline { display: inline; }
.block { display: block; }
.none { display: none;}
.inline-block { display: inline-block; }
.table { display: table; }
.table-cell { display: table-cell; }

.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-auto { overflow: auto; }

.fit { max-width: 100%; }

/* Align
================================================================================================= */
.align-baseline { vertical-align: baseline; } 
.align-top { vertical-align: top; } 
.align-middle { vertical-align: middle; } 
.align-bottom { vertical-align: bottom; }

/* Vertical Positions
================================================================================================= */
.p-top { position: absolute; left: 0; top: 0; }
.p-center { position: absolute; left: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.p-center-center { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.p-bottom { position: absolute; left: 0; bottom: 0; }

/* Box
================================================================================================= */
.box-shadow { box-shadow: 0 2px 4px 0 rgba( 0,0,0,0.10 ); }

/* Opacity
================================================================================================= */
.opacity-0 { opacity: 0; }
.opacity-10 { opacity: .10; }
.opacity-20 { opacity: .20; }
.opacity-30 { opacity: .30; }
.opacity-40 { opacity: .40; }
.opacity-50 { opacity: .50; }
.opacity-60 { opacity: .60; }
.opacity-70 { opacity: .70; }
.opacity-80 { opacity: .80; }
.opacity-90 { opacity: .90; }
.opacity-100 { opacity: 100; }

/* Z Index
================================================================================================= */
.z-auto { z-index: auto; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
.z-99 { z-index: 99; }
.z-999 { z-index: 999; }
.z-9999 { z-index: 9999; }

/* Background
================================================================================================= */
.bg-white { background-color: #ffffff; }
.bg-light-gray { background-color: #f6f6f6; }
.bg-dark-gray { background-color: #333333; }
.bg-black { background-color: #111111; }
.bg-silver-light { background-color: #F6F6F6; background-image: linear-gradient(to right top, #F6F6F6, #999); }
.bg-style-01-animate { background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 400% 400%; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }
	
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* Font Size
================================================================================================= */
.font-10 { font-size: 10px !important; line-height: 20px !important; }
.font-11 { font-size: 11px !important; line-height: 21px !important; }
.font-12 { font-size: 12px !important; line-height: 22px !important; }
.font-13 { font-size: 13px !important; line-height: 23px !important; }
.font-14 { font-size: 14px !important; line-height: 24px !important; }
.font-15 { font-size: 15px !important; line-height: 25px !important; }
.font-16 { font-size: 16px !important; line-height: 26px !important; }
.font-17 { font-size: 17px !important; line-height: 27px !important; }
.font-18 { font-size: 18px !important; line-height: 28px !important; }
.font-19 { font-size: 19px !important; line-height: 29px !important; }
.font-20 { font-size: 20px !important; line-height: 30px !important; }
.font-21 { font-size: 21px !important; line-height: 31px !important; }
.font-22 { font-size: 22px !important; line-height: 32px !important; }
.font-23 { font-size: 23px !important; line-height: 33px !important; }
.font-24 { font-size: 24px !important; line-height: 34px !important; }
.font-25 { font-size: 25px !important; line-height: 35px !important; }
.font-26 { font-size: 26px !important; line-height: 36px !important; }
.font-27 { font-size: 27px !important; line-height: 37px !important; }
.font-28 { font-size: 28px !important; line-height: 38px !important; }
.font-29 { font-size: 29px !important; line-height: 39px !important; }
.font-30 { font-size: 30px !important; line-height: 40px !important; }
.font-31 { font-size: 31px !important; line-height: 41px !important; }
.font-32 { font-size: 32px !important; line-height: 42px !important; }
.font-33 { font-size: 33px !important; line-height: 43px !important; }
.font-34 { font-size: 34px !important; line-height: 44px !important; }
.font-35 { font-size: 35px !important; line-height: 45px !important; }
.font-36 { font-size: 36px !important; line-height: 46px !important; }
.font-37 { font-size: 37px !important; line-height: 47px !important; }
.font-38 { font-size: 38px !important; line-height: 48px !important; }
.font-39 { font-size: 39px !important; line-height: 49px !important; }
.font-40 { font-size: 40px !important; line-height: 50px !important; }

.font-45 { font-size: 45px !important; line-height: 55px !important; }
.font-50 { font-size: 50px !important; line-height: 60px !important; }
.font-55 { font-size: 55px !important; line-height: 65px !important; }
.font-60 { font-size: 60px !important; line-height: 70px !important; }
.font-65 { font-size: 65px !important; line-height: 75px !important; }
.font-70 { font-size: 70px !important; line-height: 80px !important; }
.font-75 { font-size: 75px !important; line-height: 85px !important; }
.font-80 { font-size: 80px !important; line-height: 90px !important; }
.font-85 { font-size: 85px !important; line-height: 95px !important; }
.font-90 { font-size: 90px !important; line-height: 100px !important; }
.font-95 { font-size: 95px !important; line-height: 105px !important; }
.font-100 { font-size: 100px !important; line-height: 110px !important; }
.font-105 { font-size: 105px !important; line-height: 115px !important; }
.font-110 { font-size: 110px !important; line-height: 120px !important; }
.font-115 { font-size: 115px !important; line-height: 125px !important; }
.font-120 { font-size: 120px !important; line-height: 130px !important; }
.font-125 { font-size: 125px !important; line-height: 135px !important; }
.font-130 { font-size: 130px !important; line-height: 140px !important; }
.font-135 { font-size: 135px !important; line-height: 145px !important; }
.font-140 { font-size: 140px !important; line-height: 150px !important; }
.font-145 { font-size: 145px !important; line-height: 155px !important; }
.font-150 { font-size: 150px !important; line-height: 160px !important; }
.font-155 { font-size: 155px !important; line-height: 165px !important; }
.font-160 { font-size: 160px !important; line-height: 170px !important; }
.font-165 { font-size: 165px !important; line-height: 175px !important; }
.font-170 { font-size: 170px !important; line-height: 180px !important; }
.font-175 { font-size: 175px !important; line-height: 185px !important; }
.font-180 { font-size: 180px !important; line-height: 190px !important; }
.font-185 { font-size: 185px !important; line-height: 195px !important; }
.font-190 { font-size: 190px !important; line-height: 200px !important; }
.font-195 { font-size: 195px !important; line-height: 205px !important; }
.font-200 { font-size: 200px !important; line-height: 210px !important; }

/* Less Spacing
================================================================================================= */
.less-top-1 { margin-top: -25px !important; }
.less-top-2 { margin-top: -50px !important; }
.less-top-3 { margin-top: -75px !important; }
.less-top-4 { margin-top: -100px !important; }
.less-top-5 { margin-top: -125px !important; }

.less-top-xs-1,
.less-top-xs-2,
.less-top-xs-3,
.less-top-xs-4,
.less-top-xs-5,
.less-top-sm-1,
.less-top-sm-2,
.less-top-sm-3,
.less-top-sm-4,
.less-top-sm-5,
.less-top-lg-1,
.less-top-lg-2,
.less-top-lg-3,
.less-top-lg-4,
.less-top-lg-5,
.less-top-xl-1,
.less-top-xl-2,
.less-top-xl-3,
.less-top-xl-4,
.less-top-xl-5 { margin-top: 15px !important; }

@media (min-width: 576px) {
	.less-top-xs-1 { margin-top: -25px !important; }
	.less-top-xs-2 { margin-top: -50px !important; }
	.less-top-xs-3 { margin-top: -75px !important; }
	.less-top-xs-4 { margin-top: -100px !important; }
	.less-top-xs-5 { margin-top: -125px !important; }
}

@media (min-width: 768px) {
	.less-top-sm-1 { margin-top: -25px !important; }
	.less-top-sm-2 { margin-top: -50px !important; }
	.less-top-sm-3 { margin-top: -75px !important; }
	.less-top-sm-4 { margin-top: -100px !important; }
	.less-top-sm-5 { margin-top: -125px !important; }
}

@media (min-width: 992px) {
	.less-top-lg-1 { margin-top: -25px !important; }
	.less-top-lg-2 { margin-top: -50px !important; }
	.less-top-lg-3 { margin-top: -75px !important; }
	.less-top-lg-4 { margin-top: -100px !important; }
	.less-top-lg-5 { margin-top: -125px !important; }
}

@media (min-width: 1200px) {
	.less-top-xl-1 { margin-top: -25px !important; }
	.less-top-xl-2 { margin-top: -50px !important; }
	.less-top-xl-3 { margin-top: -75px !important; }
	.less-top-xl-4 { margin-top: -100px !important; }
	.less-top-xl-5 { margin-top: -125px !important; }
}