/*
*
* Utility CSS (Global)
*
*/

/*small - mobile*/
@media (min-width: 576px) {}
/*medium - tablet*/
@media (min-width: 768px) {}
/*large -laptop */
@media (min-width: 992px) {}
/*extra large - desktop*/
@media (min-width: 1200px) {}

/* margin */
.add-margin { margin-top: 15px !important; }
.add-top { margin-top: 15px !important; }
.add-bottom { margin-bottom: 15px !important; }
.add-left { margin-left: 15px !important; }
.add-right { margin-right: 15px !important; }
.half-margin { margin: 7.5px !important; }
.half-top { margin-top: 7.5px !important; }
.half-bottom { margin-bottom: 7.5px !important; }
.half-left { margin-left: 7.5px !important; }
.half-right { margin-right: 7.5px !important; }
.remove-top { margin-top: 0 !important; }
.remove-bottom { margin-bottom: 0 !important; }
.remove-left { margin-left: 0 !important; }
.remove-right { margin-right: 0 !important; }
.remove-margin { margin: 0 !important; }
/* responsive */
@media (min-width: 576px) { 
    .add-margin-sm { margin-top: 15px !important; }
    .add-top-sm { margin-top: 15px !important; }
    .add-bottom-sm { margin-bottom: 15px !important; }
    .add-left-sm { margin-left: 15px !important; }
    .add-right-sm { margin-right: 15px !important; }
    .half-margin-sm { margin: 7.5px !important; }
    .half-top-sm { margin-top: 7.5px !important; }
    .half-bottom-sm { margin-bottom: 7.5px !important; }
    .half-left-sm { margin-left: 7.5px !important; }
    .half-right-sm { margin-right: 7.5px !important; }
    .remove-top-sm { margin-top: 0 !important; }
    .remove-bottom-sm { margin-bottom: 0 !important; }
    .remove-left-sm { margin-left: 0 !important; }
    .remove-right-sm { margin-right: 0 !important; }
    .remove-margin-sm { margin: 0 !important; }
}
@media (min-width: 768px) {
    .add-margin-md { margin-top: 15px !important; }
    .add-top-md { margin-top: 15px !important; }
    .add-bottom-md { margin-bottom: 15px !important; }
    .add-left-md { margin-left: 15px !important; }
    .add-right-md { margin-right: 15px !important; }
    .half-margin-md { margin: 7.5px !important; }
    .half-top-md { margin-top: 7.5px !important; }
    .half-bottom-md { margin-bottom: 7.5px !important; }
    .half-left-md { margin-left: 7.5px !important; }
    .half-right-md { margin-right: 7.5px !important; }
    .remove-top-md { margin-top: 0 !important; }
    .remove-bottom-md { margin-bottom: 0 !important; }
    .remove-left-md { margin-left: 0 !important; }
    .remove-right-md { margin-right: 0 !important; }
    .remove-margin-md { margin: 0 !important; }
}
@media (min-width: 992px) {
    .add-margin-lg { margin-top: 15px !important; }
    .add-top-lg { margin-top: 15px !important; }
    .add-bottom-lg { margin-bottom: 15px !important; }
    .add-left-lg { margin-left: 15px !important; }
    .add-right-lg { margin-right: 15px !important; }
    .half-margin-lg { margin: 7.5px !important; }
    .half-top-lg { margin-top: 7.5px !important; }
    .half-bottom-lg { margin-bottom: 7.5px !important; }
    .half-left-lg { margin-left: 7.5px !important; }
    .half-right-lg { margin-right: 7.5px !important; }
    .remove-top-lg { margin-top: 0 !important; }
    .remove-bottom-lg { margin-bottom: 0 !important; }
    .remove-left-lg { margin-left: 0 !important; }
    .remove-right-lg { margin-right: 0 !important; }
    .remove-margin-lg { margin: 0 !important; }
}
@media (min-width: 1200px) {
    .add-margin-xl { margin-top: 15px !important; }
    .add-top-xl { margin-top: 15px !important; }
    .add-bottom-xl { margin-bottom: 15px !important; }
    .add-left-xl { margin-left: 15px !important; }
    .add-right-xl { margin-right: 15px !important; }
    .half-margin-xl { margin: 7.5px !important; }
    .half-top-xl { margin-top: 7.5px !important; }
    .half-bottom-xl { margin-bottom: 7.5px !important; }
    .half-left-xl { margin-left: 7.5px !important; }
    .half-right-xl { margin-right: 7.5px !important; }
    .remove-top-xl { margin-top: 0 !important; }
    .remove-bottom-xl { margin-bottom: 0 !important; }
    .remove-left-xl { margin-left: 0 !important; }
    .remove-right-xl { margin-right: 0 !important; }
    .remove-margin-xl { margin: 0 !important; }
}


/* padding */
.add-padding { padding: 15px !important; }
.pad-top { padding-top: 15px !important; }
.pad-bottom { padding-bottom: 15px !important; }
.pad-left { padding-left: 15px !important; }
.pad-right { padding-right: 15px !important; }
.half-pad { padding: 7.5px !important; }
.half-pad-top { padding-top: 7.5px !important; }
.half-pad-bottom { padding-bottom: 7.5px !important; }
.half-pad-left { padding-left: 7.5px !important; }
.half-pad-right { padding-right: 7.5px !important; }
.remove-pad-top { padding-top: 15px !important; }
.remove-pad-bottom { padding-bottom: 0 !important; }
.remove-pad-left { padding-left: 0 !important; }
.remove-pad-right { padding-right: 0 !important; }
.remove-padding { padding: 0 !important; }
/* responsive */
@media (min-width: 576px) {
    .add-padding-sm { padding: 15px !important; }
    .pad-top-sm { padding-top: 15px !important; }
    .pad-bottom-sm { padding-bottom: 15px !important; }
    .pad-left-sm { padding-left: 15px !important; }
    .pad-right-sm { padding-right: 15px !important; }
    .half-pad-sm { padding: 7.5px !important; }
    .half-pad-top-sm { padding-top: 7.5px !important; }
    .half-pad-bottom-sm { padding-bottom: 7.5px !important; }
    .half-pad-left-sm { padding-left: 7.5px !important; }
    .half-pad-right-sm { padding-right: 7.5px !important; }
    .remove-pad-top-sm { padding-top: 15px !important; }
    .remove-pad-bottom-sm { padding-bottom: 0 !important; }
    .remove-pad-left-sm { padding-left: 0 !important; }
    .remove-pad-right-sm { padding-right: 0 !important; }
    .remove-padding-sm { padding: 0 !important; }
}
@media (min-width: 768px) {
    .add-padding-md { padding: 15px !important; }
    .pad-top-md { padding-top: 15px !important; }
    .pad-bottom-md { padding-bottom: 15px !important; }
    .pad-left-md { padding-left: 15px !important; }
    .pad-right-md { padding-right: 15px !important; }
    .half-pad-md { padding: 7.5px !important; }
    .half-pad-top-md { padding-top: 7.5px !important; }
    .half-pad-bottom-md { padding-bottom: 7.5px !important; }
    .half-pad-left-md { padding-left: 7.5px !important; }
    .half-pad-right-md { padding-right: 7.5px !important; }
    .remove-pad-top-md { padding-top: 15px !important; }
    .remove-pad-bottom-md { padding-bottom: 0 !important; }
    .remove-pad-left-md { padding-left: 0 !important; }
    .remove-pad-right-md { padding-right: 0 !important; }
    .remove-padding-md { padding: 0 !important; }
}
@media (min-width: 992px) {
    .add-padding-lg { padding: 15px !important; }
    .pad-top-lg { padding-top: 15px !important; }
    .pad-bottom-lg { padding-bottom: 15px !important; }
    .pad-left-lg { padding-left: 15px !important; }
    .pad-right-lg { padding-right: 15px !important; }
    .half-pad-lg { padding: 7.5px !important; }
    .half-pad-top-lg { padding-top: 7.5px !important; }
    .half-pad-bottom-lg { padding-bottom: 7.5px !important; }
    .half-pad-left-lg { padding-left: 7.5px !important; }
    .half-pad-right-lg { padding-right: 7.5px !important; }
    .remove-pad-top-lg { padding-top: 15px !important; }
    .remove-pad-bottom-lg { padding-bottom: 0 !important; }
    .remove-pad-left-lg { padding-left: 0 !important; }
    .remove-pad-right-lg { padding-right: 0 !important; }
    .remove-padding-lg { padding: 0 !important; }
}
@media (min-width: 1200px) {
    .add-padding-xl { padding: 15px !important; }
    .pad-top-xl { padding-top: 15px !important; }
    .pad-bottom-xl { padding-bottom: 15px !important; }
    .pad-left-xl { padding-left: 15px !important; }
    .pad-right-xl { padding-right: 15px !important; }
    .half-pad-xl { padding: 7.5px !important; }
    .half-pad-top-xl { padding-top: 7.5px !important; }
    .half-pad-bottom-xl { padding-bottom: 7.5px !important; }
    .half-pad-left-xl { padding-left: 7.5px !important; }
    .half-pad-right-xl { padding-right: 7.5px !important; }
    .remove-pad-top-xl { padding-top: 15px !important; }
    .remove-pad-bottom-xl { padding-bottom: 0 !important; }
    .remove-pad-left-xl { padding-left: 0 !important; }
    .remove-pad-right-xl { padding-right: 0 !important; }
    .remove-padding-xl { padding: 0 !important; }
}


/* font families */
.museo{font-family: "Museo Sans","museo-sans","museo-sans-black",sans-serif;}
.goudy{font-family: "Goudy","sorts-mill-goudy",serif;}
.meta-ot{font-family: "Meta OT", "metabold", sans-serif; letter-spacing: -0.025em;font-variant-numeric: lining-nums;}
.whitman{font-family: "Whitman", "ChaparralPro-Regular", serif;}
.proxima-nova{font-family: "Proxima Nova","proxima-nova",sans-serif;letter-spacing: -0.02em;}
.sentinel{font-family: "Sentinel","superclarendon",serif;letter-spacing: -0.02em;}
.open-sans{font-family: "Open Sans", sans-serif;letter-spacing: -0.02em;}


/* text and link colors */
.text-color-white { color: #ffffff !important; }
.text-color-black { color: #000000 !important; }
.text-color-light-gray { color: #eeeeee !important; }
.text-color-medium-gray { color: #969696 !important; }
.text-color-dark-gray { color: #333333 !important; }
/* HD */
.text-color-hd-orange-1 { color: #eb8b00 !important; }
.text-color-hd-green-1 { color: #aebc37 !important; }
.text-color-hd-green-2 { color: #ced787 !important; }
.text-color-hd-green-3 { color: #dfe4af !important; }
.text-color-hd-green-4 { color: #ebeecd !important; }
.text-color-hd-green-5 { color: #f7f8eb !important; }
.text-color-hd-teal-1 { color: #00919c !important; }
.text-color-hd-teal-2 { color: #66bdc4 !important; }
.text-color-hd-teal-3 { color: #99d3d7 !important; }
.text-color-hd-teal-4 { color: #bfe3e6 !important; }
.text-color-hd-teal-5 { color: #e5f4f5 !important; }
/* SIN */
.text-color-sin-red-1 { color: #c41230 !important; }
.text-color-sin-red-2 { color: #9e0b0f !important; }
.text-color-sin-blue-1 { color: #005086 !important; }
.text-color-sin-blue-2 { color: #0066a8 !important; }
.text-color-sin-blue-3 { color: #0096d6 !important; }
.text-color-sin-blue-4 { color: #a4d7f4 !important; }
.text-color-sin-purple-1 { color: #781d7e !important; }
.text-color-sin-gray-1 { color: #657f8c !important; }
.text-color-sin-gray-2 { color: #a7b6bf !important; }
/* WHIT */
.text-color-whit-blue-1 { color: #0069aa !important; }
.text-color-whit-blue-2 { color: #005696 !important; }
.text-color-whit-blue-3 { color: #0397d6 !important; }
.text-color-whit-blue-4 { color: #62c2eb !important; }
.text-color-whit-gold-1 { color: #deba39 !important; }
.text-color-whit-gold-2 { color: #c7990b !important; }
.text-color-whit-gold-3 { color: #e8d877 !important; }
.text-color-whit-gold-4 { color: #f0cc01 !important; }
.text-color-whit-green-1 { color: #54a21a !important; }
.text-color-whit-green-2 { color: #3a9300 !important; }
/* WMS */
.text-color-wms-green-1 { color: #055532 !important; }
.text-color-wms-green-2 { color: #006e3c !important; }
.text-color-wms-green-3 { color: #41873c !important; }
.text-color-wms-green-4 { color: #87aa78 !important; }
.text-color-wms-green-5 { color: #abc3a0 !important; }
.text-color-wms-green-6 { color: #cfddc9 !important; }
.text-color-wms-orange-1 { color: #d2641e !important; }
.text-color-wms-orange-2 { color: #f57d28 !important; }
.text-color-wms-orange-3 { color: #faa028 !important; }
.text-color-wms-orange-4 { color: #e8d877 !important; }
.text-color-wms-orange-5 { color: #efe4a0 !important; }
.text-color-wms-orange-6 { color: #f6efc9 !important; }
.text-color-wms-blue-1 { color: #3388aa !important; }
.text-color-wms-brown-1 { color: #916e43 !important; }
.text-color-wms-brown-2 { color: #cdb996 !important; }
.text-color-wms-brown-3 { color: #dfdac6 !important; }
.text-color-wms-brown-4 { color: #ebe9df !important; }
.text-color-wms-brown-5 { color: #f5f3e9 !important; }


/* background colors */
.background-color-white { background-color: #ffffff !important; }
.background-color-black { background-color: #000000 !important; }
.background-color-light-gray { background-color: #eeeeee !important; }
.background-color-medium-gray { background-color: #969696 !important; }
.background-color-dark-gray { background-color: #333333 !important; }
/* HD */
.background-color-hd-orange-1 { background-color: #eb8b00 !important; }
.background-color-hd-green-1 { background-color: #aebc37 !important; }
.background-color-hd-green-2 { background-color: #ced787 !important; }
.background-color-hd-green-3 { background-color: #dfe4af !important; }
.background-color-hd-green-4 { background-color: #ebeecd !important; }
.background-color-hd-green-5 { background-color: #f7f8eb !important; }
.background-color-hd-teal-1 { background-color: #00919c !important; }
.background-color-hd-teal-2 { background-color: #66bdc4 !important; }
.background-color-hd-teal-3 { background-color: #99d3d7 !important; }
.background-color-hd-teal-4 { background-color: #bfe3e6 !important; }
.background-color-hd-teal-5 { background-color: #e5f4f5 !important; }
/* SIN */
.background-color-sin-red-1 { background-color: #c41230 !important; }
.background-color-sin-red-2 { background-color: #9e0b0f !important; }
.background-color-sin-blue-1 { background-color: #005086 !important; }
.background-color-sin-blue-2 { background-color: #0066a8 !important; }
.background-color-sin-blue-3 { background-color: #0096d6 !important; }
.background-color-sin-blue-4 { background-color: #a4d7f4 !important; }
.background-color-sin-purple-1 { background-color: #781d7e !important; }
.background-color-sin-gray-1 { background-color: #657f8c !important; }
.background-color-sin-gray-2 { background-color: #a7b6bf !important; }
/* WHIT */
.background-color-whit-blue-1 { background-color: #0069aa !important; }
.background-color-whit-blue-2 { background-color: #005696 !important; }
.background-color-whit-blue-3 { background-color: #0397d6 !important; }
.background-color-whit-blue-4 { background-color: #62c2eb !important; }
.background-color-whit-gold-1 { background-color: #deba39 !important; }
.background-color-whit-gold-2 { background-color: #c7990b !important; }
.background-color-whit-gold-3 { background-color: #e8d877 !important; }
.background-color-whit-gold-4 { background-color: #f0cc01 !important; }
.background-color-whit-green-1 { background-color: #54a21a !important; }
.background-color-whit-green-2 { background-color: #3a9300 !important; }
/* WMS */
.background-color-wms-green-1 { background-color: #055532 !important; }
.background-color-wms-green-2 { background-color: #006e3c !important; }
.background-color-wms-green-3 { background-color: #41873c !important; }
.background-color-wms-green-4 { background-color: #87aa78 !important; }
.background-color-wms-green-5 { background-color: #abc3a0 !important; }
.background-color-wms-green-6 { background-color: #cfddc9 !important; }
.background-color-wms-orange-1 { background-color: #d2641e !important; }
.background-color-wms-orange-2 { background-color: #f57d28 !important; }
.background-color-wms-orange-3 { background-color: #faa028 !important; }
.background-color-wms-orange-4 { background-color: #e8d877 !important; }
.background-color-wms-orange-5 { background-color: #efe4a0 !important; }
.background-color-wms-orange-6 { background-color: #f6efc9 !important; }
.background-color-wms-blue-1 { background-color: #3388aa !important; }
.background-color-wms-brown-1 { background-color: #916e43 !important; }
.background-color-wms-brown-2 { background-color: #cdb996 !important; }
.background-color-wms-brown-3 { background-color: #dfdac6 !important; }
.background-color-wms-brown-4 { background-color: #ebe9df !important; }
.background-color-wms-brown-5 { background-color: #f5f3e9 !important; }


/* border colors */
.border-color-white { border-color: #ffffff !important; }
.border-color-black { border-color: #000000 !important; }
.border-color-light-gray { border-color: #eeeeee !important; }
.border-color-medium-gray { border-color: #969696 !important; }
.border-color-dark-gray { border-color: #333333 !important; }
/* HD */
.border-color-hd-orange-1 { border-color: #eb8b00 !important; }
.border-color-hd-green-1 { border-color: #aebc37 !important; }
.border-color-hd-green-2 { border-color: #ced787 !important; }
.border-color-hd-green-3 { border-color: #dfe4af !important; }
.border-color-hd-green-4 { border-color: #ebeecd !important; }
.border-color-hd-green-5 { border-color: #f7f8eb !important; }
.border-color-hd-teal-1 { border-color: #00919c !important; }
.border-color-hd-teal-2 { border-color: #66bdc4 !important; }
.border-color-hd-teal-3 { border-color: #99d3d7 !important; }
.border-color-hd-teal-4 { border-color: #bfe3e6 !important; }
.border-color-hd-teal-5 { border-color: #e5f4f5 !important; }
/* SIN */
.border-color-sin-red-1 { border-color: #c41230 !important; }
.border-color-sin-red-2 { border-color: #9e0b0f !important; }
.border-color-sin-blue-1 { border-color: #005086 !important; }
.border-color-sin-blue-2 { border-color: #0066a8 !important; }
.border-color-sin-blue-3 { border-color: #0096d6 !important; }
.border-color-sin-blue-4 { border-color: #a4d7f4 !important; }
.border-color-sin-purple-1 { border-color: #781d7e !important; }
.border-color-sin-gray-1 { border-color: #657f8c !important; }
.border-color-sin-gray-2 { border-color: #a7b6bf !important; }
/* WHIT */
.border-color-whit-blue-1 { border-color: #0069aa !important; }
.border-color-whit-blue-2 { border-color: #005696 !important; }
.border-color-whit-blue-3 { border-color: #0397d6 !important; }
.border-color-whit-blue-4 { border-color: #62c2eb !important; }
.border-color-whit-gold-1 { border-color: #deba39 !important; }
.border-color-whit-gold-2 { border-color: #c7990b !important; }
.border-color-whit-gold-3 { border-color: #e8d877 !important; }
.border-color-whit-gold-4 { border-color: #f0cc01 !important; }
.border-color-whit-green-1 { border-color: #54a21a !important; }
.border-color-whit-green-2 { border-color: #3a9300 !important; }
/* WMS */
.border-color-wms-green-1 { border-color: #055532 !important; }
.border-color-wms-green-2 { border-color: #006e3c !important; }
.border-color-wms-green-3 { border-color: #41873c !important; }
.border-color-wms-green-4 { border-color: #87aa78 !important; }
.border-color-wms-green-5 { border-color: #abc3a0 !important; }
.border-color-wms-green-6 { border-color: #cfddc9 !important; }
.border-color-wms-orange-1 { border-color: #d2641e !important; }
.border-color-wms-orange-2 { border-color: #f57d28 !important; }
.border-color-wms-orange-3 { border-color: #faa028 !important; }
.border-color-wms-orange-4 { border-color: #e8d877 !important; }
.border-color-wms-orange-5 { border-color: #efe4a0 !important; }
.border-color-wms-orange-6 { border-color: #f6efc9 !important; }
.border-color-wms-blue-1 { border-color: #3388aa !important; }
.border-color-wms-brown-1 { border-color: #916e43 !important; }
.border-color-wms-brown-2 { border-color: #cdb996 !important; }
.border-color-wms-brown-3 { border-color: #dfdac6 !important; }
.border-color-wms-brown-4 { border-color: #ebe9df !important; }
.border-color-wms-brown-5 { border-color: #f5f3e9 !important; }


/* floats */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }


/* clearing */
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-none { clear: none; }
.clear-both { clear: both; }


/* displays */
.display-block { display: block; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-table { display: table;}
.display-table-row { display: table-row; }
.display-table-cell { display: table-cell; }


/* vertical alignment */
.valign-baseline { vertical-align: baseline; }
.valign-bottom { vertical-align: bottom; }
.valign-middle { vertical-align: middle; }
.valign-top { vertical-align: top; }


/* responsive text alignment */
@media (min-width: 576px) {
    .text-right-sm{text-align: right;}
    .text-left-sm{text-align: left;}
    .text-center-sm{text-align: center;}
    .text-justify-sm{text-align: justify;}
}
@media (min-width: 768px) {
    .text-right-md{text-align: right;}
    .text-left-md{text-align: left;}
    .text-center-md{text-align: center;}    
    .text-justify-md{text-align: justify;}    
}
@media (min-width: 992px) {
    .text-right-lg{text-align: right;}
    .text-left-lg{text-align: left;}
    .text-center-lg{text-align: center;}    
    .text-justify-lg{text-align: justify;}
}
@media (min-width: 1200px) {
    .text-right-xl{text-align: right;}
    .text-left-xl{text-align: left;}
    .text-center-xl{text-align: center;}    
    .text-justify-xl{text-align: justify;}
}


/* iframe videos */
.iframe-vid {position: relative;height: 0;overflow: hidden;}
.iframe-vid iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* 16x9 Aspect Ratio */
.iframe-vid-16x9 {padding-bottom: 56.25%;}
/* 4x3 Aspect Ratio */
.iframe-vid-4x3 {padding-bottom: 75%;}


/* border radius */
.radius-2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.radius-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.radius-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius-6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.radius-8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.radius-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.radius-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.radius-14 { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.radius-15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.radius-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.radius-18 { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.radius-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }


/* transitions */
.transition { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; }


/* animation speeds */
.transition-fast, .transition-fast *, .transition-fast:before { -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; transition-duration: 400ms; }
.transition-very-fast, .transition-very-fast *, .transition-very-fast:before { -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; transition-duration: 200ms; }
.transition-slow, .transition-slow *, .transition-slow:before { -webkit-transition-duration: 800ms; -moz-transition-duration: 800ms; transition-duration: 800ms; }
.transition-very-slow, .transition-very-slow *, .transition-very-slow:before { -webkit-transition-duration: 1200ms; -moz-transition-duration: 1200ms; transition-duration: 1200ms; }


/* animation easings */
.transition-ease-in-out-quad, .transition-ease-in-out-quad:before { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.transition-ease-in-out-quart, .transition-ease-in-out-quart:before { -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
.transition-ease-in-out-expo, .transition-ease-in-out-expo:before { -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); transition-timing-function: cubic-bezier(1, 0, 0, 1); }
.transition-ease-in-out-back, .transition-ease-in-out-back:before { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }