/*---------------------------------
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;}
.float-none {float: none}
.vertical-middle {vertical-align: middle}
.vertical-top {vertical-align: top}
.vertical-top-imp {vertical-align: top !important}
.vertical-bottom {vertical-align: bottom}
.flex-container {
  display: -webkit-flex;
	display: flex;
  justify-content: center;
  align-items: center;
}
.display-flex {display: flex;}
.flex-item{ margin: auto }
.height-100, .h-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, .underline { text-decoration: none;  border-bottom: 1px solid #CCC; display: inline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a.underline:hover, .underline:hover { text-decoration: none;  border-color: #999;}
.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;}
.no-animate {-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;}
.background-image {background-size: cover; background-position: center; background-repeat: no-repeat}
.position-absolute{position: absolute}
.position-relative{position: relative}
.no-border {border: none !important}
/*---------------------------------
CAROUSEL FADE
-----------------------------------*/
.carousel.fade{opacity:1}
.carousel.fade .item{-webkit-transition:opacity ease-in-out .7s;transition:opacity ease-in-out .7s;left:0!important;opacity:0;top:0;position:absolute;width:100%;display:block!important;z-index:1}
.carousel.fade .item:first-child{top:auto;position:relative}
.carousel.fade .item.active{opacity:1;-webkit-transition:opacity ease-in-out .7s;transition:opacity ease-in-out .7s;z-index:2}


/*---------------------------------
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-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-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-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-25 { margin-top: 25px }
.margin-top-30 { margin-top: 30px }
.margin-top-40 { margin-top: 40px }
.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-top { padding-top: 0px !important }
.no-padding-bottom { padding-bottom: 0px !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; margin-top:30px;}
.video-wrapper iframe { position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
/*-----------------------------------------------------*/
/*RESPONSIVE*/
/*-----------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .no-flex-md {display: block !important;}
	.text-center-md{text-align: center !important}
	.text-left-md{text-align: left !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-top-10-md {padding-top: 10px !important}
	.padding-top-15-md {padding-top: 15px !important}
	.padding-bottom-15-md {padding-bottom: 15px !important}
  .padding-bottom-20-md {padding-bottom: 20px !important}
	.padding-10-md {padding: 10px !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}
	.position-relative-md {position: relative !important; top: auto !important; bottom: auto !important }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .no-flex-sm {display: block !important;}
	.text-center-sm{text-align: center !important}
	.text-left-sm{text-align: left !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-20-sm {padding-top: 20px !important}
	.padding-top-15-sm {padding-top: 15px !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}
	.image-right-sm, .image-left-sm {width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; margin-bottom: 30px !important}
	.position-relative-sm {position: relative !important; top: auto  !important; bottom: auto !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}
	.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-20-xs {padding-top: 20px !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}
	.position-relative-xs {position: relative !important; top: auto  !important; bottom: auto !important }
}

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