/*---------------------------------
BASE
-----------------------------------*/
.inline { display: inline }
.inline-block { display: inline-block }
.pointer { cursor: pointer }
.block { display: block }
.clearfix { clear: both !important }
.table { display: table; width: 100%; margin-bottom: 0; background-color: transparent }
.table .table { background-color: transparent; }
.table-row { display: table-row }
.table-cell { display: table-cell; }
.vertical-middle { vertical-align: middle }
.vertical-top { vertical-align: top }
.vertical-bottom { vertical-align: bottom }
.flex-container { display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.flex-item { margin: auto }
.height-100 { height: 100% }
.background-white { background-color: #f5f5f5 }
.background-dk-gray { background-color: #333 }
.align-right { text-align: right }
.align-left { text-align: left }
.align-center { text-align: center }
.white { color: white }
.uppercase { text-transform: uppercase !important }
.lowercase { text-transform: lowercase !important }
.no-wrap { white-space: nowrap }
img { width: 100%; height: auto }
ol, ul { list-style: none; }
.image-left, .image-left-sm, .image-left-md { float: left; margin: .4em 15px 15px 0 }
.image-right, .image-right-sm, .image-right-md { float: right; margin: .4em 0 15px 15px }
.w-25 { width: 25%; height: auto; }
.w-35 { width: 35%; height: auto; }
.w-50 { width: 50%; height: auto; }
.w-75 { width: 75%; height: auto; }
.pre-load { height: 0px; width: 0px; visibility: hidden; display: inline; }
a.underline { text-decoration: underline }
.animate { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.fade-out { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }
.fade-in { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.animate-delay-0-25s { transition-delay: 0.25s; }
.animate-delay-0-5s { transition-delay: 0.5s; }
.animate-delay-1-5s { transition-delay: 1.5s; }
.animate-delay-2s { transition-delay: 2s; }
.animate-delay-3s { transition-delay: 3s; }
.background-image { background-size: cover; background-position: center; background-repeat: no-repeat }
/*---------------------------------
CAROUSEL FADE
-----------------------------------*/
.carousel { position: absolute; width: 100%; top: 0; left: 0; }
.carousel-fade .carousel-item { display: block; position: absolute; opacity: 0; -webkit-transition: opacity .75s ease-in-out; -moz-transition: opacity .75s ease-in-out; -o-transition: opacity .75s ease-in-out; transition: opacity .75s ease-in-out; }
.carousel-fade .carousel-item.active { opacity: 1; }
/*-----------------------
SHADOWS
-------------------------*/
.shadow-all { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3); box-shadow: 0 0 3px 0 rgba(0,0,0,.3) }
.shadow-top { -webkit-box-shadow: 0 -2px 9px rgba(0,0,0,0.2); -moz-box-shadow: 0 -2px 9px rgba(0,0,0,0.2); box-shadow: 0 -2px 9px rgba(0,0,0,0.2) }
.shadow-top-inset { -webkit-box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5); box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5) }

@media only screen and (max-width : 768px) {
.shadow-top-inset-sm { -webkit-box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5); box-shadow: inset 0px 6px 10px -6px rgba(0,0,0,0.5) }
}
.shadow-bottom { -webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 0 10px 4px rgba(0,0,0,.25); box-shadow: 0 0 0 10px 4px rgba(0,0,0,.25) }

.shadow-bottom-inset { -webkit-box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); box-shadow: inset 0 -9px 8px -6px rgba(0,0,0,0.2); }
.shadow-right { -webkit-box-shadow: 3px 0 3px -3px rgba(0,0,0,.3); -moz-box-shadow: 3px 0 3px -3px rgba(0,0,0,.3); box-shadow: 3px 0 3px -3px rgba(0,0,0,.3) }
.shadow-left { -webkit-box-shadow: -3px 0 3px -3px rgba(0,0,0,.3); -moz-box-shadow: -3px 0 3px -3px rgba(0,0,0,.3); box-shadow: -3px 0 3px -3px rgba(0,0,0,.3) }
/*---------------------------------
PADDING AND MARGIN
-----------------------------------*/
.padding-5 { padding: 5px }
.padding-10 { padding: 10px }
.padding-15 { padding: 15px }
.padding-20 { padding: 20px }
.margin-left-right-15 { margin-left: 15px; margin-right: 15px }
.margin-left-right-25 { margin-left: 25px; margin-right: 25px }
.padding-left-right-15 { padding-left: 15px; padding-right: 15px }
.padding-left-right-20 { padding-left: 20px; padding-right: 20px }
.padding-left-right-30 { padding-left: 30px; padding-right: 30px }
.padding-left-right-40 { padding-left: 40px; padding-right: 40px }
.padding-top-5 { padding-top: 5px }
.padding-top-10 { padding-top: 10px }
.padding-top-15 { padding-top: 15px }
.padding-top-20 { padding-top: 20px }
.padding-top-25 { padding-top: 25px }
.padding-top-30 { padding-top: 30px }
.padding-top-40 { padding-top: 40px }
.padding-top-50 { padding-top: 50px }
.padding-top-60 { padding-top: 60px }
.padding-bottom-5 { padding-bottom: 5px }
.padding-bottom-10 { padding-bottom: 10px }
.padding-bottom-15 { padding-bottom: 15px }
.padding-bottom-20 { padding-bottom: 20px }
.padding-bottom-30 { padding-bottom: 30px }
.padding-bottom-40 { padding-bottom: 40px }
.padding-bottom-50 { padding-bottom: 50px }
.padding-bottom-60 { padding-bottom: 60px }
.padding-30 { padding: 30px }
.padding-40 { padding: 40px }
.padding-top-bottom-10 { padding-top: 10px; padding-bottom: 10px }
.padding-top-bottom-15 { padding-top: 15px; padding-bottom: 15px }
.padding-top-bottom-20 { padding-top: 20px; padding-bottom: 20px }
.padding-top-bottom-30 { padding-top: 30px; padding-bottom: 30px }
.padding-top-bottom-40 { padding-top: 40px; padding-bottom: 40px }
.padding-top-bottom-60 { padding-top: 60px; padding-bottom: 60px }
.padding-left-10 { padding-left: 10px }
.padding-left-15 { padding-left: 15px }
.padding-left-20 { padding-left: 20px }
.padding-left-30 { padding-left: 30px }
.padding-left-40 { padding-left: 40px }
.padding-right-10 { padding-right: 10px }
.padding-right-15 { padding-right: 15px }
.padding-right-20 { padding-right: 20px }
.padding-right-30 { padding-right: 30px }
.padding-right-40 { padding-right: 40px }
/**/
.margin-top-5 { margin-top: 5px }
.margin-top-10 { margin-top: 10px }
.margin-top-15 { margin-top: 15px }
.margin-top-20 { margin-top: 20px }
.margin-top-30 { margin-top: 30px }
.margin-top-40 { margin-top: 40px }
.margin-top-50 { margin-top: 50px }
.margin-top-60 { margin-top: 60px }
.margin-bottom-5 { margin-bottom: 5px }
.margin-bottom-10 { margin-bottom: 10px }
.margin-bottom-15 { margin-bottom: 15px }
.margin-bottom-20 { margin-bottom: 20px }
.margin-bottom-30 { margin-bottom: 30px }
.margin-bottom-40 { margin-bottom: 40px }
.margin-left-right-5 { margin-left: 5px; margin-right: 5px }
.margin-left-right-10 { margin-left: 10px; margin-right: 10px }
.margin-left-right-15 { margin-left: 15px; margin-right: 15px }
/**/
.no-padding { padding: 0!important }
.no-padding-left { padding-left: 0px; }
.no-padding-right { padding-right: 0px; }
.no-margin { margin: 0!important }
.no-margin-top { margin-top: 0!important }
.no-margin-bottom { margin-bottom: 0!important }
.cell-padding-bottom-20 { padding-bottom: 20px !important }
/*-----------------------------------------------------*/
/*VIDEO*/
/*-----------------------------------------------------*/
.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none !important }
.video-wrapper > .video-placeholder {position: absolute; top: 0; width: 100%; background-position: center; background-size: cover; cursor: pointer}
/*-----------------------------------------------------*/
/*RESPONSIVE*/
/*-----------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.text-center-lg { text-align: center !important }	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.text-center-md { text-align: center !important }	
.release-no-wrap-md { white-space: normal !important }
.block-md { display: block !important }
.no-padding-md { padding: 0 !important }
.no-margin-md { margin: 0 !important }
.no-border-md { border: none !important }
.width-100-pct-md { width: 100% !important }
.float-none-md { float: none !important }
.no-padding-top-md { padding-top: 0 !important }
.no-padding-bottom-md { padding-bottom: 0 !important }
.no-padding-right-md { padding-right: 0 !important }
.no-padding-left-md { padding-left: 0 !important }
.padding-10-md { padding: 10px !important }
.padding-top-15-md { padding-top: 15px !important }	
.padding-bottom-20-md { padding-bottom: 20px !important }	
.padding-bottom-25-md { padding-bottom: 25px !important }	
.padding-bottom-30-md { padding-bottom: 30px !important }		
.image-right-md, .image-left-md { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; margin-bottom: 30px !important }
.w-35-md { width: 35% !important }
.reset-padding-15-md {padding-left: 15px !important; padding-right: 15px !important}	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.text-center-sm { text-align: center !important }
.text-left-sm { text-align: left !important }
.release-no-wrap-sm { white-space: normal !important }
.image-left.image-center-sm, .image-right.image-center-sm { float: none; margin: 1.5em 0 }
.no-border-sm { border: none !important }
.no-margin-sm { margin: 0 !important }
.no-padding-sm { padding: 0 !important }
.block-sm { display: block !important }
.width-100-pct-sm { width: 100% !important }
.float-none-sm { float: none !important }
.no-padding-top-sm { padding-top: 0 !important }
.no-padding-bottom-sm { padding-bottom: 0 !important }
.no-padding-right-sm { padding-right: 0 !important }
.no-padding-left-sm { padding-left: 0 !important }
.padding-10-sm { padding: 10px !important }
.padding-top-15-sm { padding-top: 15px !important }
.padding-top-20-sm { padding-top: 20px !important }	
.padding-left-15-sm { padding-left: 15px !important }
.padding-left-10-sm { padding-left: 10px !important }
.padding-right-15-sm { padding-right: 15px !important }
.padding-right-10-sm { padding-right: 10px !important }
.padding-bottom-15-sm { padding-bottom: 15px !important }
.padding-bottom-20-sm { padding-bottom: 20px !important }	
.padding-bottom-30-sm { padding-bottom: 30px !important }		
.margin-bottom-15-sm { margin-bottom: 15px !important }
.margin-bottom-20-sm { margin-bottom: 15px !important }	
.margin-bottom-30-sm { margin-bottom: 30px !important }			
.reset-padding-15-sm {padding-left: 15px !important; padding-right: 15px !important}		
.image-right-sm, .image-left-sm { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; margin-bottom: 30px !important }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.text-center-xs { text-align: center !important }
.text-left-xs { text-align: left !important }
.release-no-wrap-xs { white-space: normal !important }
.no-border-xs { border: none !important }
.no-margin-xs { margin: 0 !important }
.no-padding-xs { padding: 0 !important }
.no-padding-top-xs { padding-top: 0 !important }
.no-padding-bottom-xs { padding-bottom: 0 !important }
.no-padding-bottom-xs { padding-bottom: 0 !important }
.no-padding-right-xs { padding-right: 0 !important }
.no-padding-left-xs { padding-left: 0 !important }
.padding-top-15-xs { padding-top: 15px !important }
.padding-bottom-15-xs { padding-bottom: 15px !important }
.block-xs { display: block !important }
.width-100-pct-xs { width: 100% !important }
.float-none-xs { float: none !important }
.margin-bottom-10-xs { margin-bottom: 10px }
.margin-bottom-15-xs { margin-bottom: 15px }
.padding-left-15-xs { padding-left: 15px !important }
.padding-left-10-xs { padding-left: 10px !important }
.hidden-xsx { display: none !important }
.left-15-xs { left: 15px !important }
.reset-padding-15-xs {padding-left: 15px !important; padding-right: 15px !important}		
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.hidden-xxs { display: none !important }
.no-border-xxs { border: none !important }
}