/* # NoFlex
================================================== */
.no-flexbox.no-flexboxtweener [class*="row"]:before,.no-flexbox.no-flexboxtweener [class*="row"]:after{ content: ''; display: table; }
.no-flexbox.no-flexboxtweener [class*="row"]:after{ clear: both; }
.no-flexbox.no-flexboxtweener .rows{ width: calc(100%+20px); }
.no-flexbox.no-flexboxtweener.no-csscalc .rows{ width: 102.2%; }
.no-flexbox.no-flexboxtweener .sp10[class*="row"]{ width:calc(100%+10px); }
.no-flexbox.no-flexboxtweener.no-csscalc .sp10[class*="row"]{ width:101.042%; }
.no-flexbox.no-flexboxtweener .sp15[class*="row"]{ width:calc(100%+15px); }
.no-flexbox.no-flexboxtweener.no-csscalc .sp15[class*="row"]{ width:101.563%; }
.no-flexbox.no-flexboxtweener .sp20[class*="row"]{ width: calc(100%+20px); }
.no-flexbox.no-flexboxtweener.no-csscalc .sp20[class*="row"]{ width: 102.084%; }
.no-flexbox.no-flexboxtweener .sp30[class*="row"]{ width: calc(100%+30px); }
.no-flexbox.no-flexboxtweener.no-csscalc .sp30[class*="row"]{ width: 103.2%; }


/* # Flex
================================================== */
.d-flex{ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}
.d-inline-flex{ display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important;}
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
.flex-shrink-0{ flex-shrink: 0; }
.flex-shrink-1{ flex-shrink: 1; }
.flex-shrink-2{ flex-shrink: 2; }
.flex-shrink-3{ flex-shrink: 3; }
.flex-shrink-4{ flex-shrink: 4; }
.flex-shrink-5{ flex-shrink: 5; }
.flex-grow-0{ flex-grow: 0; }
.flex-grow-1{ flex-grow: 1; }
.flex-grow-2{ flex-grow: 2; }
.flex-grow-3{ flex-grow: 3; }
.flex-grow-4{ flex-grow: 4; }
.flex-grow-5{ flex-grow: 5; }

/* # Margin
================================================== */
.m-auto { margin: auto !important; }
.mt-auto{ margin-top: auto !important; }
.mr-auto{ margin-right: auto !important; }
.mb-auto{ margin-bottom: auto !important; }
.ml-auto{ margin-left: auto !important; }
.m-0 { margin: 0!important; }
.m-1 { margin: .25rem!important; }
.m-2 { margin: .5rem!important; }
.m-3 { margin: 1rem!important; }
.m-4 { margin: 1.5rem!important; }
.m-5 { margin: 3rem!important; }
.mt-0 { margin-top: 0!important; }
.mt-1 { margin-top: .25rem!important; }
.mt-2 { margin-top: .5rem!important; }
.mt-3 { margin-top: 1rem!important; }
.mt-4 { margin-top: 1.5rem!important; }
.mt-5 { margin-top: 3rem!important; }
.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: .25rem!important; }
.mb-2 { margin-bottom: .5rem!important; }
.mb-3 { margin-bottom: 1rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom: 3rem!important; }
.ml-0 { margin-left: 0!important; }
.ml-1 { margin-left: .25rem!important; }
.ml-2 { margin-left: .5rem!important; }
.ml-3 { margin-left: 1rem!important; }
.ml-4 { margin-left: 1.5rem!important; }
.ml-5 { margin-left: 3rem!important; }
.mr-0 { margin-right: 0!important; }
.mr-1 { margin-right: .25rem!important; }
.mr-2 { margin-right: .5rem!important; }
.mr-3 { margin-right: 1rem!important; }
.mr-4 { margin-right: 1.5rem!important; }
.mr-5 { margin-right: 3rem!important; }


/* # Embed
================================================== */
.embed {margin-bottom: 0;}
.embed{position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; }
.embed iframe, .embed object, .embed embed, .embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed.widescreen { padding-bottom: 56.25%; }
.embed.panorama { padding-bottom: 31.64062%; }

/* # Formularios
================================================== */
.xform input[type="radio"], .xform input[type="checkbox"]{ display: none; }
.xform input[type="radio"] + label, .xform input[type="checkbox"] + label{ display: inline-block; vertical-align: baseline; margin-right: 1rem; margin-bottom: 0; }
.xform input[type="checkbox"] + label span{position: relative;width: 18px;height: 18px;display: inline-block;vertical-align: middle;top: -1px;margin-right: 0.3rem;cursor: pointer;border: 2px solid #cad2d8;border-radius: 5px;}
.xform input[type="checkbox"] + label span:after{font-family: 'FontAwesome';content: "\f00c";font-weight: 900;color: transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 0px;display: inline-block;position: absolute;top: -1px;font-size: 0.6rem;transition: border 0.2s linear 0s,color 0.2s linear 0s;line-height: 17px;left: 0px;width: 100%;text-align: center;}
.xform input[type="checkbox"]:checked + label span:after{color: #FF231C;}
.xform input[type="checkbox"]:checked + label span{border-color:#FF231C;}

.xform [type='text'], .xform select, .xform [type='password'], .xform [type='date'], .xform [type='datetime'], .xform [type='datetime-local'], .xform [type='month'], .xform [type='week'], .xform [type='email'], .xform [type='number'], .xform [type='search'], .xform [type='tel'], .xform [type='time'], .xform [type='url'], .xform [type='color'], .xform textarea{width: 100%;padding: 0.594rem;background-color: #fff;background-image: none;border: 1px solid #cad2d8;text-align: left;height: auto;margin: 0px;}
.xform [type='text']:focus, .xform [type='password']:focus, .xform [type='date']:focus, .xform [type='datetime']:focus, .xform [type='datetime-local']:focus, .xform [type='month']:focus, .xform [type='week']:focus, .xform [type='email']:focus, .xform [type='number']:focus, .xform [type='search']:focus, .xform [type='tel']:focus, .xform [type='time']:focus, .xform [type='url']:focus, .xform [type='color']:focus, .xform textarea:focus{ outline: none; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

.xform textarea{ min-height: 200px; }

.xform input[type="radio"] + label span{cursor: pointer;border: 2px solid #cad2d8;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width: 18px;height: 18px;position: relative;top: 3px;margin-right: 0.3rem;display: inline-block;}
.xform input[type="radio"] + label span:after{content: "";width: 6px;height: 6px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;position: relative;top: 4px;left: 4px;opacity: 0;background: #FF231C;display: block;transition: opacity 0.2s linear 0s;}
.xform input[type="radio"]:checked + label span:after{opacity: 1;}

.xform .DFhelp{text-align: justify;color: #8897a5;font-style: italic;padding-top: 0.3em;line-height: 1rem;font-size: 0.8125rem;}

.xfselect{position: relative;cursor: pointer;height: 40px;width: 100%;}
.xfselect div{display: inline-block;height: 40px;padding: 0.594rem;background-color: #fff;background-image: none;border: 1px solid #cad2d8;position: relative;text-align: left;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;line-height: 1.3rem !important;}
.xfselect div:after{content: "";position: absolute;right: 7px;top: 50%;margin-top: -2px;display: block;width: 0;height: 0;border-style: solid;border-width: 4px 3px 0 3px;border-color: #6f6f6f transparent transparent transparent;}
.xfselect div:before{ content: ""; height: 100%; width: 21px; border-left: 1px solid #CCC; position: absolute; right: 0px; top: 0px; background: #dfe3e8; }
.xfselect select{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; height: 100%; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 1px; width: 100%; z-index: 2; cursor: pointer; right: 0px; max-width: inherit; }
.xfselect select option{font-size: 1rem;line-height: 1rem;}

.xform .xffile{ display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; position: relative; }
.xform .xffile > *{ -webkit-flex: 1 1 0; -ms-flex: 1; flex: 1 1 0; }
.xform .xffile .xbutton.afixed{flex: initial;border-radius: 0px 5px 5px 0px;height: 40px;padding-top: 11px;font-size: 0.9375rem;}
.xform .xffile .xffile-name{padding: 9px 7px 8px;background-color: #fff;background-image: none;border: 1px solid #cad2d8;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s;text-align: left;}
.xform .xffile input{ width: 256px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; border: none; cursor: pointer; z-index: 2; height: 100%; }

.xform .stack{ margin-bottom: 15px; }

.xform .xbutton{margin: 0px;}
.xfcant input, .xform .xffile .xffile-name, .xfselect div, .xform [type='text'], .xform [type='password'], .xform [type='date'], .xform [type='datetime'], .xform [type='datetime-local'], .xform [type='month'], .xform [type='week'], .xform [type='email'], .xform [type='number'], .xform [type='search'], .xform [type='tel'], .xform [type='time'], .xform [type='url'], .xform [type='color'], .xform textarea{font-family: inherit;font-weight: normal;color: #7891a1;font-size: 1rem;}
.xfcant input::placeholder, .xform [type='text']::placeholder, .xform [type='password']::placeholder, .xform [type='date'], .xform [type='datetime']::placeholder, .xform [type='datetime-local']::placeholder, .xform [type='month']::placeholder, .xform [type='week']::placeholder, .xform [type='email']::placeholder, .xform [type='number']::placeholder, .xform [type='search']::placeholder, .xform [type='tel']::placeholder, .xform [type='time']::placeholder, .xform [type='url']::placeholder, .xform [type='color']::placeholder, .xform textarea::placeholder{color: #7891a1;}
.xfcant input:-ms-input-placeholder, .xform [type='text']:-ms-input-placeholder, .xform [type='password']:-ms-input-placeholder, .xform [type='date'], .xform [type='datetime']:-ms-input-placeholder, .xform [type='datetime-local']:-ms-input-placeholder, .xform [type='month']:-ms-input-placeholder, .xform [type='week']:-ms-input-placeholder, .xform [type='email']:-ms-input-placeholder, .xform [type='number']:-ms-input-placeholder, .xform [type='search']:-ms-input-placeholder, .xform [type='tel']:-ms-input-placeholder, .xform [type='time']:-ms-input-placeholder, .xform [type='url']:-ms-input-placeholder, .xform [type='color']:-ms-input-placeholder, .xform textarea:-ms-input-placeholder{color: #7891a1;}
.xfcant input::-ms-input-placeholder, .xform [type='text']::-ms-input-placeholder, .xform [type='password']::-ms-input-placeholder, .xform [type='date'], .xform [type='datetime']::-ms-input-placeholder, .xform [type='datetime-local']::-ms-input-placeholder, .xform [type='month']::-ms-input-placeholder, .xform [type='week']::-ms-input-placeholder, .xform [type='email']::-ms-input-placeholder, .xform [type='number']::-ms-input-placeholder, .xform [type='search']::-ms-input-placeholder, .xform [type='tel']::-ms-input-placeholder, .xform [type='time']::-ms-input-placeholder, .xform [type='url']::-ms-input-placeholder, .xform [type='color']::-ms-input-placeholder, .xform textarea::-ms-input-placeholder{color: #7891a1;}

.xform-star{ display: table; }
.xform-star:after{clear: both; display: table; content: ' ';}
.xform-star span{cursor:pointer; font-family: 'FontAwesome'; color: #cccccc; font-size: 16px; line-height: 16px; float: right;position: relative; display: inline-block;}
.xform-star > span:hover, .xform-star > span:hover ~ span, .xform-star > span.actv, .xform-star > span.actv ~ span{ color: #fbd72f; }

.xform .label{color: #363636; display: block; font-size: 1rem;}
.xform .label:not(:last-child) {margin-bottom: .5em;}


.xfselect .down{margin-top: -1px; border: 1px solid #c3c3c3;right: 0px;top: 23px;-moz-box-shadow: 0 2px 2px -2px #ccc;box-shadow: 0 2px 2px -2px #ccc;-webkit-background-clip: padding-box;-moz-background-clip: padding;border-radius: 2px 0px 2px 2px;position: fixed;margin-left: 0px;width: 180px;-webkit-box-shadow: 0px 0px 5px rgba(98,98,98,0.3);box-shadow: 0px 0px 5px rgba(98,98,98,0.3);background: #ffffff;min-width: 50px;z-index: 700;display: none;list-style-type: none;padding: 0px;}
.xfselect .down li a, .xfselect .down li span{text-decoration: none;line-height: 14px;min-width: 138px;display: block;color: #7891a1;text-align: left;white-space: nowrap;padding: 8px 11px;-o-transition: background ease-in-out .15s,box-shadow ease-in-out .15s;transition: background ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition: background ease-in-out .15s;}
.drop.open .down {display: block;}
.xfselect li a:hover {background: #fafafa;}
.xfselect li a .fa, .xfselect li a .fas{margin-right: 11px;}
.drop .down.drch {margin-left: 0;}

.xfcant input { border: 1px solid #cad2d8; height: 40px; text-align: center; width: 100%; text-indent: -18px; }
.xfcant .up, .xfcant .down { color: #7891a1; cursor: pointer; font-size: 17px; right: 11px; line-height: 17px; position: absolute; top: 3px; font-weight: bold; z-index: 3; }
.xfcant:after{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;}
.xfcant .down { top: 20px!important; }
.xfcant{position: relative;width: 77px;}