@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat:200,300,400,500,600,700,800");
a, abbr, acronym, address, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike tt, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; }

table { border-collapse: collapse; border-spacing: 0; }

/*Reset css end */
:root { font-size: 16px; height: 100%; }
@media (max-width: 786px) { :root { font-size: 14px; } }

/*Global Css starts */
a { color: #000; text-decoration: none; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

body { line-height: 1; position: relative; font-family: lato; height: 100%; }

.wrapper { display: flex; flex-direction: column; height: 100%; position: relative; overflow-x: hidden; }

.content-area { flex: 1; width: 100%; padding-top: 70px; }
@media (min-width: 768px) { .content-area { padding-top: 80px; } }

.section { width: 100%; padding: 2em 0.8em; }
.section br { display: none; }
@media (min-width: 768px) { .section br { display: block; } }
.section .container { padding: 0; flex-direction: column; height: 100%; }
@media (min-width: 768px) { .section .container { flex-direction: row; } }
@media (min-width: 768px) { .section .block { min-height: 500px; } }

*, :after, :before { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-word-break: keep-all; -o-word-break: keep-all; -moz-word-break: keep-all; -ms-word-break: keep-all; word-break: keep-all; }

img { max-width: 100%; vertical-align: middle; }

.container { margin: 0 auto; width: 96%; }
@media (min-width: 768px) { .container { width: 82%; } }
@media (min-width: 1920px) { .container { max-width: 1800px; } }

.fl { float: left; }

.fr { float: right; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.hide { display: none; }

.display-block { display: block; }

.display-table { display: table; }

.display-table-cell { display: table-cell; }

.display-table-row { display: table-row; }

.display-flex { display: flex; }

.display-flow-root { display: flow-root; }

.display-contents { display: contents; }

.display-grid { display: grid; }

.display-inline-block { display: inline-block; }

.display-inline { display: inline; }

.display-inline-flex { display: inline-flex; }

.display-inline-table { display: inline-table; }

.display-inline-grid { display: inline-grid; }

.display-none { display: none; }

.display-table-caption { display: table-caption; }

p { font: 300 0.6666666667 "Nunito", sans-serif; padding-bottom: 12px; }

.clear20, .clear40, .clear60, .clear { clear: both; }

.clear20 { height: 1.25em; }

.clear40 { height: 2.5em; }

.clear60 { height: 3.75em; }

.desktop-only { display: block; }

.mobile-only, .tab-mobile-only, .tab-only { display: none; }

.mb-0 { margin-bottom: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

.pl-0 { padding-left: 0 !important; }

/*Global Css End */
.w-50 { width: 50% !important; }

.w-80 { width: 80px !important; }

.w-100 { width: 100% !important; }

.btn.btn-primary:disabled { background: #ddd; }

.text-danger { color: #f00 !important; }

.text-link { color: #3AC7F1 !important; }

.alert-success { padding: 1em; border-radius: 5px; color: #155724; background: #d4edda; margin-bottom: 1em; }

.alert-danger { padding: 1em; border-radius: 5px; color: #721c24; background: #f5c6cb; margin-bottom: 1em; }

.btn.btn-primary { background: #3AC7F1; border-radius: 50px; padding: 0.95em 1.5em; color: #fff; text-transform: capitalize; }

.iti.iti--allow-dropdown { width: 100%; }

a { color: rgba(0, 0, 0, 0.5); text-decoration: none; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

body { line-height: 1; font: 1rem "Lato", sans-serif; position: relative; background: #fff; }
body.product-listing-page { background-color: #f5f5f5; }
body.product-details-page { background-color: #f5f5f5; }

*, :after, :before { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-word-break: keep-all; -o-word-break: keep-all; -moz-word-break: keep-all; -ms-word-break: keep-all; word-break: keep-all; }

a { color: #000; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #1a1a1a; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Lato", sans-serif; color: #334165; font-weight: 400; }

h1 .tag, h2 .tag, h3 .tag, h4 .tag, h5 .tag, h6 .tag, .h1 .tag, .h2 .tag, .h3 .tag, .h4 .tag, .h5 .tag, .h6 .tag { display: inline-block; padding: 0.125em 0.3125em; background-color: #334165; color: #000; border-radius: 0.125em; font-size: 0.625em; font-weight: 300; }

h1 { font-size: 2em; font-weight: 800; padding-bottom: 0.3125em; color: #334165; }
@media (min-width: 768px) { h1 { font-size: 2.8em; line-height: 48px; } }

h2 { font-size: 1.625em; padding-bottom: 0.3em; font-weight: 800; }
@media (min-width: 768px) { h2 { font-size: 2em; } }

h3 { font-size: 1.375em; font-weight: 600; }

h4 { font-size: 1.125em; }

h5 { font-size: 1em; }

h6 { font-size: 0.875em; }

p { font-family: "Lato", sans-serif; font-weight: 400; font-size: 1.2em; padding-bottom: 12px; color: #4E566A; }
@media (min-width: 768px) { p { line-height: 24px; font-size: 1em; } }

em { font-style: italic; }

strong { font-weight: bold; }

hr { border: 1px solid #ddd; clear: both; margin: 10px 0 30px; height: 0; }

mark { display: inline-block; vertical-align: middle; }

.grid-layout { display: -webkit-flex; display: -ms-flex; display: flex; margin-left: -1%; margin-right: -1%; flex-wrap: wrap; }
.grid-layout [class^='grid'] { padding-left: 1%; padding-right: 1%; flex-basis: 0; flex-grow: 1; max-width: 100%; }
.grid-layout.debug [class^='grid'] { border: 1px dashed #666; background-color: #e6e6e6; color: #666; padding-top: 0.9375em; padding-bottom: 0.9375em; }

@media (min-width: 768px) { .layout-1 .grid:nth-child(odd) { flex-basis: 59%; }
  .layout-1 .grid:nth-child(even) { flex-basis: 39%; } }
@media (min-width: 1200px) { .layout-1 .grid:nth-child(1) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(2) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(3) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(4) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(5) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(6) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(7) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(8) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(9) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(10) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(11) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(12) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(13) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(14) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(15) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(16) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(17) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(18) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(19) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(20) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(21) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(22) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(23) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(24) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(25) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(26) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(27) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(28) { flex-basis: 19%; }
  .layout-1 .grid:nth-child(29) { flex-basis: 39%; }
  .layout-1 .grid:nth-child(30) { flex-basis: 19%; } }
@media (min-width: 1600px) { .layout-1 .grid:nth-child(n+0) { flex-basis: 24%; } }

@media (max-width: 767px) { .grid-layout .grid-xs-1 { flex: 0 0 8.3333333333%; }
  .grid-layout .grid-xs-2 { flex: 0 0 16.6666666667%; }
  .grid-layout .grid-xs-3 { flex: 0 0 25%; }
  .grid-layout .grid-xs-4 { flex: 0 0 33.3333333333%; }
  .grid-layout .grid-xs-5 { flex: 0 0 41.6666666667%; }
  .grid-layout .grid-xs-6 { flex: 0 0 50%; }
  .grid-layout .grid-xs-7 { flex: 0 0 58.3333333333%; }
  .grid-layout .grid-xs-8 { flex: 0 0 66.6666666667%; }
  .grid-layout .grid-xs-9 { flex: 0 0 75%; }
  .grid-layout .grid-xs-10 { flex: 0 0 83.3333333333%; }
  .grid-layout .grid-xs-11 { flex: 0 0 91.6666666667%; }
  .grid-layout .grid-xs-12 { flex: 0 0 100%; } }
@media (min-width: 768px) { .grid-layout .grid-md-1 { flex: 0 0 8.3333333333%; }
  .grid-layout .grid-md-2 { flex: 0 0 16.6666666667%; }
  .grid-layout .grid-md-3 { flex: 0 0 25%; }
  .grid-layout .grid-md-4 { flex: 0 0 33.3333333333%; }
  .grid-layout .grid-md-5 { flex: 0 0 41.6666666667%; }
  .grid-layout .grid-md-6 { flex: 0 0 50%; }
  .grid-layout .grid-md-7 { flex: 0 0 58.3333333333%; }
  .grid-layout .grid-md-8 { flex: 0 0 66.6666666667%; }
  .grid-layout .grid-md-9 { flex: 0 0 75%; }
  .grid-layout .grid-md-10 { flex: 0 0 83.3333333333%; }
  .grid-layout .grid-md-11 { flex: 0 0 91.6666666667%; }
  .grid-layout .grid-md-12 { flex: 0 0 100%; } }
@media (min-width: 1025px) { .grid-layout .grid-lg-1 { flex: 0 0 8.3333333333%; }
  .grid-layout .grid-lg-2 { flex: 0 0 16.6666666667%; }
  .grid-layout .grid-lg-3 { flex: 0 0 25%; }
  .grid-layout .grid-lg-4 { flex: 0 0 33.3333333333%; }
  .grid-layout .grid-lg-5 { flex: 0 0 41.6666666667%; }
  .grid-layout .grid-lg-6 { flex: 0 0 50%; }
  .grid-layout .grid-lg-7 { flex: 0 0 58.3333333333%; }
  .grid-layout .grid-lg-8 { flex: 0 0 66.6666666667%; }
  .grid-layout .grid-lg-9 { flex: 0 0 75%; }
  .grid-layout .grid-lg-10 { flex: 0 0 83.3333333333%; }
  .grid-layout .grid-lg-11 { flex: 0 0 91.6666666667%; }
  .grid-layout .grid-lg-12 { flex: 0 0 100%; } }
@media (min-width: 1367px) { .grid-layout .grid-xl-1 { flex: 0 0 8.3333333333%; }
  .grid-layout .grid-xl-2 { flex: 0 0 16.6666666667%; }
  .grid-layout .grid-xl-3 { flex: 0 0 25%; }
  .grid-layout .grid-xl-4 { flex: 0 0 33.3333333333%; }
  .grid-layout .grid-xl-5 { flex: 0 0 41.6666666667%; }
  .grid-layout .grid-xl-6 { flex: 0 0 50%; }
  .grid-layout .grid-xl-7 { flex: 0 0 58.3333333333%; }
  .grid-layout .grid-xl-8 { flex: 0 0 66.6666666667%; }
  .grid-layout .grid-xl-9 { flex: 0 0 75%; }
  .grid-layout .grid-xl-10 { flex: 0 0 83.3333333333%; }
  .grid-layout .grid-xl-11 { flex: 0 0 91.6666666667%; }
  .grid-layout .grid-xl-12 { flex: 0 0 100%; } }
.jc-space-between { justify-content: space-between; }

.jc-space-around { justify-content: space-around; }

.jc-space-center { justify-content: center; }

.custom-select { background-color: #ff782d; border-radius: 50px; }
.custom-select.input-type-select:after { border-top-color: #fff; }
.custom-select select { text-transform: uppercase; font-weight: 300; font-size: 0.875em; font-family: "Lato", sans-serif; border-radius: 50px; color: #fff; border: none; line-height: 15px; padding: 0.75em 2.5em 0.75em 1em; }
.custom-select select option { color: #444; }

.custom-dropdown { position: relative; }
.custom-dropdown .custom-dropdown-trigger { padding: 0.3125em 1.25em 0.3125em 0.3125em; cursor: pointer; position: relative; }
.custom-dropdown .custom-dropdown-trigger::after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: "FontAwesome"; content: ""; font-size: 0.625em; color: #444; }
.custom-dropdown.show .custom-dropdown-content { display: block; }
.custom-dropdown .custom-dropdown-content { display: none; background-color: #fff; -webkit-box-shadow: 0 0 20px #e6e6e6; -o-box-shadow: 0 0 20px #e6e6e6; -moz-box-shadow: 0 0 20px #e6e6e6; -ms-box-shadow: 0 0 20px #e6e6e6; box-shadow: 0 0 20px #e6e6e6; position: absolute; }
.custom-dropdown .custom-dropdown-content li { padding: 0.9375em 1.25em; }

ol.list, ul.list { margin-left: 27px; padding-bottom: 14px; font: 1.25rem "Nunito", sans-serif; }
ol.list li, ul.list li { padding: 5px 0 5px 7px; }
ol.list.bullet, ul.list.bullet { margin-left: 10px; }
ol.list.bullet li, ul.list.bullet li { background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding: 5px 0 5px 18px; }
ol.list.disc li, ol.list.disc li, ul.list.disc li, ul.list.disc li { list-style-type: disc; }
ol.list.decimal li, ol.list.decimal li, ul.list.decimal li, ul.list.decimal li { list-style-type: decimal; }

@media (min-width: 641px) { .info-cards { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; margin: 0 -1%; } }
.info-cards .info-card { margin: 0 1% 1.25em; }
@media (min-width: 641px) { .info-cards .info-card { width: 48%; } }
@media (min-width: 769px) { .info-cards .info-card { width: 31.33%; } }
@media (min-width: 1400px) { .info-cards .info-card { width: 23%; } }
.info-cards .info-card a { border-radius: 0.125em; align-items: center; -webkit-box-shadow: 0 0 20px #e6e6e6; -o-box-shadow: 0 0 20px #e6e6e6; -moz-box-shadow: 0 0 20px #e6e6e6; -ms-box-shadow: 0 0 20px #e6e6e6; box-shadow: 0 0 20px #e6e6e6; display: -webkit-flex; display: -ms-flex; display: flex; padding: 0.9375em; background-color: #fff; }
.info-cards .info-card .info-card-icon { display: block; width: 70px; }
.info-cards .info-card .info-card-content { padding-left: 0.9375em; display: block; }
.info-cards .info-card .info-card-content .info-card-heading { color: #344750; font-size: 1.375em; font-family: "Nunito", sans-serif; display: block; }
.info-cards .info-card .info-card-content .info-card-heading a { color: #344750; }
.info-cards .info-card .info-card-content .info-card-count { color: #adbec5; display: block; }
.info-cards .info-card .info-card-content .info-card-count a { color: #adbec5; }

.box { -webkit-box-shadow: 0 0 1.25em #eaeef0; -o-box-shadow: 0 0 1.25em #eaeef0; -moz-box-shadow: 0 0 1.25em #eaeef0; -ms-box-shadow: 0 0 1.25em #eaeef0; box-shadow: 0 0 1.25em #eaeef0; border-radius: 0.3125em; margin-bottom: 1.25em; }
.box .box-header { padding: 1em 1.25em; background-color: #eaeef0; color: #6f8893; font-size: 1em; border-radius: 0.3125em 0.3125em 0 0; }
.box .box-content { padding: 1.25em 2.5em; background-color: #fff; }
.box .box-footer { padding: 0.625em 0.9375em; background-color: #efefef; }

.search-filter { padding: 1.25em 0; font-size: 1.0625em; }

.bg-primary { background-color: #3AC7F1; color: #fff; }

.bg-secondary { background-color: #334165; color: #000; }

.bg-success { background-color: #4dad71; color: #fff; }

.bg-danger { background-color: #f00; color: #fff; }

.bg-alert { background-color: #b7b7b7; color: #ffffff; }

.bg-warning { background-color: #f1d61c; color: #fff; }

.text-primary { color: #3AC7F1; }

.text-secondary { color: #334165; }

.text-success { color: #4dad71; }

.text-danger { color: #f00; }

.text-alert { color: #b7b7b7; }

.text-warning { color: #f1d61c; }

.close-btn { position: relative; }
.close-btn:before { content: ""; height: 15px; width: 2px; position: absolute; top: 0; right: 15px; background-color: #000; transform: rotate(45deg); }
.close-btn:after { content: ""; height: 15px; width: 2px; position: absolute; top: 0; right: 15px; background-color: #000; transform: rotate(135deg); }

header { position: fixed; background: #fff; top: 0; margin: 0; width: 100%; height: auto; padding: 0; z-index: 1; box-shadow: 0 0 16px #cacaca; height: 70px; }
header .mobile-logo { text-align: center; }
header .mobile-logo img { width: 50%; margin: 0 auto 3em; }
@media (min-width: 768px) { header .mobile-logo { display: none; } }
header.active { height: 100%; }
header.active .container { height: 100%; justify-content: flex-end; align-items: baseline; }
header.active ul { display: flex; flex-direction: column; text-align: center; margin-bottom: 0.75em; }
header.active ul li a { font-size: 1.25em; }
@media (min-width: 768px) { header.active { height: auto; }
  header.active .mobile-logo { display: none; } }
header.active .logo { display: none; }
header .container { padding: 0.8em; background: #fff; }
@media (min-width: 768px) { header .container { padding: 0; } }
@media (min-width: 768px) { header { height: 80px; display: flex; align-items: center; padding: 20px 0; z-index: 10; box-shadow: none; } }
header .logo { flex-basis: 35%; }
@media (min-width: 768px) { header .logo { flex-basis: 15%; } }
header .logo img { width: 150px; }
header nav { display: none; flex-basis: 100%; }
header nav.active { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 768px) { header nav { display: flex; flex-basis: 85%; flex-direction: row; align-items: center; justify-content: flex-end; text-align: right; } }
header ul li { display: inline-block; }
header ul li a { color: #4D5373; display: block; padding: 20px 20px; text-decoration: none; font-size: 0.9em; font-weight: 400; font-family: "Lato", sans-serif; }
header ul li a:hover { color: #3AC7F1; text-decoration: none; }
header .links.active { color: #3AC7F1; }
header .demo-btn { background: #3AC7F1; border-radius: 50px; padding: 0.95em 1.5em; color: #fff; }
header .block { height: 30px; width: 30px; border-radius: 5px; background-color: #fff; display: flex; align-items: center; justify-content: center; top: 0; right: 0; }
@media (min-width: 768px) { header .block { display: none; } }
header .cta { height: 50px; width: 50px; cursor: pointer; }
header .toggle-btn { height: 3px; width: 25px; background-color: #4E566A; position: relative; top: 50%; left: 0; margin: auto; transition: all 0.3s ease-in-out; }
header .toggle-btn:before { content: ""; height: 3px; width: 25px; box-shadow: 11px -10px 0 0 #4E566A; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; }
header .toggle-btn:after { content: ""; height: 3px; width: 25px; box-shadow: 0 10px 0 0 #4E566A; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; }
header .type17:before { width: 14px; }
header .type17:after { width: 12px; box-shadow: 13px 10px 0 0 #4E566A; }
header .active .toggle-btn { background-color: transparent; transition: all 0.2s ease-in-out; }
header .active .toggle-btn:before, header .active .toggle-btn:after { top: 0; transition: all 0.3s ease-in-out; }
header .active .type17 { transform: rotate(45deg); background-color: #4E566A; transition: all 0.6s ease-in-out; }
header .active .type17:before { transform: translate(-5px, -6px) rotate(90deg); }
header .active .type17:after { top: -12px; transform: translate(16px, -7px) rotate(90deg); }

.header .container { position: relative; }
@media (min-width: 768px) { .header .container { display: flex; align-items: center; justify-content: space-between; padding: 0 !important; } }

.nav { background-color: #fff; color: #fff; position: fixed; top: 0; height: 100vh; width: 95%; z-index: 5; max-width: 250px; border-right: 1px solid #ddd; margin-top: 50px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
@media (min-width: 768px) { .nav { display: flex; justify-content: flex-end; margin: 0; position: static; left: 0; height: auto; max-width: fit-content; background-color: transparent; border-right: 0; } }
.nav:hover { cursor: pointer; }
.nav ul { height: 100%; overflow: auto; border-left: 1px solid #ddd; }
@media (min-width: 768px) { .nav ul { display: flex; align-items: center; border-left: none; } }
.nav ul li { border-bottom: 1px solid #eee; }
@media (min-width: 768px) { .nav ul li { border-bottom: 0; } }
@media (min-width: 1440px) { .nav ul li { padding: 0 0.9375em; } }
.nav ul li a { font-size: 0.875em; text-transform: uppercase; font-weight: 400; padding: 0.9375em; display: block; }
@media (min-width: 767px) { .nav ul li a { color: #000; } }
.nav ul li:nth-child(1) { border-top: 1px solid #ddd; }
@media (min-width: 768px) { .nav ul li:nth-child(1) { border: 0; } }

@media (min-width: 768px) { .contact { display: flex; }
  .contact a { padding: 0.625em 1.25em; border: 1px solid #fff; border-radius: 20px; color: #fff; }
  .contact i { margin-right: 0.3125em; } }

.nav-bg { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 70px; width: 100%; height: 100%; z-index: 4; opacity: 0; display: none; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }

@media (max-width: 1439px) { .wrapper.nav-opened .type1 .nav { left: 0; }
  .wrapper.nav-opened .type2 .nav { right: 0; }
  .wrapper.nav-opened .type3 .nav { left: 0; }
  .wrapper.nav-opened .nav-bg { opacity: 1; display: block; } }

footer { background: #F4F6F8; }
footer .sub-nav { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: center; padding-top: 1em; padding: 2em 4.5em 1em; text-align: center; border-top: 1px solid #ddd; }
@media (min-width: 768px) { footer .sub-nav { padding: 2em 3em 1em; text-align: left; flex-direction: row; } }
footer .sub-nav .links { padding: 1em; }
footer .sub-nav .copyrights { margin-top: 1em; }
footer a { color: #51596c; }
footer p { font-size: 1em; }

/*form tag */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select, textarea { width: 100%; padding: 0.875em 1.125em; border: 1px solid #e5eaed; margin: 0; outline: none; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; font-size: 0.875em; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-radius: 0.3125em; }
input[type="color"][readonly], input[type="date"][readonly], input[type="datetime"][readonly], input[type="datetime-local"][readonly], input[type="email"][readonly], input[type="month"][readonly], input[type="number"][readonly], input[type="password"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="text"][readonly], input[type="time"][readonly], input[type="url"][readonly], input[type="week"][readonly], input:not([type])[readonly], textarea[readonly], select[readonly], textarea[readonly] { background-color: #eee; }
input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus, textarea:active, textarea:focus { box-shadow: 0 0 10px #3AC7F1; }
input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-weight: 300; color: #000; opacity: 0.7; }
input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { font-weight: 300; color: #000; opacity: 0.7; }
input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { font-weight: 300; color: #000; opacity: 0.7; }
input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { font-weight: 300; color: #000; opacity: 0.7; }
input[type="color"]:placeholder, input[type="date"]:placeholder, input[type="datetime"]:placeholder, input[type="datetime-local"]:placeholder, input[type="email"]:placeholder, input[type="month"]:placeholder, input[type="number"]:placeholder, input[type="password"]:placeholder, input[type="search"]:placeholder, input[type="tel"]:placeholder, input[type="text"]:placeholder, input[type="time"]:placeholder, input[type="url"]:placeholder, input[type="week"]:placeholder, input:not([type]):placeholder, textarea:placeholder, select:placeholder, textarea:placeholder { font-weight: 300; color: #000; opacity: 0.7; }

.input-type-select select { padding: 0.875em 1.125em; cursor: pointer; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-color: #fff; }

textarea { height: 200px; max-width: 100%; height: 120px; resize: none; }

.input-type-select .select2-container--default .select2-selection--single { border: 1px solid #e5eaed; background: none; padding: 0.6875em 1.125em; cursor: pointer; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: auto; line-height: normal; }
.input-type-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal; padding: 0; }
.input-type-select .select2-selection__arrow { display: none; }

input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }

/*Form Tag end */
/*Common Buttons */
button.box-btn, button.btn, input[type="button"].box-btn, input[type="button"].btn, input[type="reset"].box-btn, input[type="reset"].btn, input[type="submit"].box-btn, input[type="submit"].btn, a.box-btn, a.btn { background-color: transparent; border: none; cursor: pointer; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; display: inline-block; margin-right: 0.625em; cursor: pointer; padding: 0.875em 1.25em; vertical-align: middle; text-decoration: none; text-align: center; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; font-size: 0.875em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
button.box-btn:last-child, button.btn:last-child, input[type="button"].box-btn:last-child, input[type="button"].btn:last-child, input[type="reset"].box-btn:last-child, input[type="reset"].btn:last-child, input[type="submit"].box-btn:last-child, input[type="submit"].btn:last-child, a.box-btn:last-child, a.btn:last-child { margin: 0; }
button.box-btn .fa, button.btn .fa, input[type="button"].box-btn .fa, input[type="button"].btn .fa, input[type="reset"].box-btn .fa, input[type="reset"].btn .fa, input[type="submit"].box-btn .fa, input[type="submit"].btn .fa, a.box-btn .fa, a.btn .fa { font-size: 1em; }
button.box-btn.alert, button.btn.alert, input[type="button"].box-btn.alert, input[type="button"].btn.alert, input[type="reset"].box-btn.alert, input[type="reset"].btn.alert, input[type="submit"].box-btn.alert, input[type="submit"].btn.alert, a.box-btn.alert, a.btn.alert { margin-bottom: 0; }
button.box-btn.round-btn, button.btn.round-btn, input[type="button"].box-btn.round-btn, input[type="button"].btn.round-btn, input[type="reset"].box-btn.round-btn, input[type="reset"].btn.round-btn, input[type="submit"].box-btn.round-btn, input[type="submit"].btn.round-btn, a.box-btn.round-btn, a.btn.round-btn { padding: 1.25em 2.25em; border-radius: 30px; text-transform: capitalize; font-weight: 400; }
button.box-btn.round-btn.ternary, button.btn.round-btn.ternary, input[type="button"].box-btn.round-btn.ternary, input[type="button"].btn.round-btn.ternary, input[type="reset"].box-btn.round-btn.ternary, input[type="reset"].btn.round-btn.ternary, input[type="submit"].box-btn.round-btn.ternary, input[type="submit"].btn.round-btn.ternary, a.box-btn.round-btn.ternary, a.btn.round-btn.ternary { border: 1px solid #3AC7F1; color: #3AC7F1; }
button.full, input[type="button"].full, input[type="reset"].full, input[type="submit"].full, a.full { display: block; width: 100%; margin: 0; }
button.primary, input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary, a.primary { background-color: #3AC7F1; color: #fff; }
button.primary.active, button.primary:hover, input[type="button"].primary.active, input[type="button"].primary:hover, input[type="reset"].primary.active, input[type="reset"].primary:hover, input[type="submit"].primary.active, input[type="submit"].primary:hover, a.primary.active, a.primary:hover { background-color: #10b6e8; }
button.secondary, input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary, a.secondary { background-color: #334165; color: #000; }
button.secondary.active, button.secondary:hover, input[type="button"].secondary.active, input[type="button"].secondary:hover, input[type="reset"].secondary.active, input[type="reset"].secondary:hover, input[type="submit"].secondary.active, input[type="submit"].secondary:hover, a.secondary.active, a.secondary:hover { background-color: #445787; }
button.success, input[type="button"].success, input[type="reset"].success, input[type="submit"].success, a.success { background-color: #4dad71; color: #fff; }
button.success.active, button.success:hover, input[type="button"].success.active, input[type="button"].success:hover, input[type="reset"].success.active, input[type="reset"].success:hover, input[type="submit"].success.active, input[type="submit"].success:hover, a.success.active, a.success:hover { background-color: #3d8a5a; }
button.danger, input[type="button"].danger, input[type="reset"].danger, input[type="submit"].danger, a.danger { background-color: #f00; color: #fff; }
button.danger.active, button.danger:hover, input[type="button"].danger.active, input[type="button"].danger:hover, input[type="reset"].danger.active, input[type="reset"].danger:hover, input[type="submit"].danger.active, input[type="submit"].danger:hover, a.danger.active, a.danger:hover { background-color: #cc0000; }
button.alert, input[type="button"].alert, input[type="reset"].alert, input[type="submit"].alert, a.alert { background-color: #b7b7b7; color: #ffffff; }
button.alert.active, button.alert:hover, input[type="button"].alert.active, input[type="button"].alert:hover, input[type="reset"].alert.active, input[type="reset"].alert:hover, input[type="submit"].alert.active, input[type="submit"].alert:hover, a.alert.active, a.alert:hover { background-color: #9e9e9e; }
button.warning, input[type="button"].warning, input[type="reset"].warning, input[type="submit"].warning, a.warning { background-color: #f1d61c; color: #fff; }
button.warning.active, button.warning:hover, input[type="button"].warning.active, input[type="button"].warning:hover, input[type="reset"].warning.active, input[type="reset"].warning:hover, input[type="submit"].warning.active, input[type="submit"].warning:hover, a.warning.active, a.warning:hover { background-color: #cdb50d; }
button.lg, input[type="button"].lg, input[type="reset"].lg, input[type="submit"].lg, a.lg { font-size: 1.125em; }
button.sm, input[type="button"].sm, input[type="reset"].sm, input[type="submit"].sm, a.sm { font-size: 0.75em; }
button.xs, input[type="button"].xs, input[type="reset"].xs, input[type="submit"].xs, a.xs { font-size: 0.625em; }
button.plain, input[type="button"].plain, input[type="reset"].plain, input[type="submit"].plain, a.plain { border-radius: 0.3125em; }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, a:active, a:focus { outline: none; }

@-moz-document url-prefix() { a.box-btn { padding-top: 0.9375em; padding-bottom: 0.9375em; } }
.input-type-file .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.input-type-file .inputfile + label { border: 1px solid #e5eaed; display: block; display: -webkit-flex; display: -ms-flex; display: flex; border-radius: 0.3125em; }
.input-type-file .inputfile + label span { flex: 1; padding: 0.625em 0.9375em; font-size: 1em; font-weight: 400; }
.input-type-file .inputfile + label strong { display: inline-block; font-size: 1em; padding: 0.625em 0.9375em; cursor: pointer; border-radius: 0 0.3125rem 0.3125rem 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; }
.input-type-file .inputfile + label strong.primary { background-color: #3AC7F1; color: #fff; }
.input-type-file .inputfile + label strong.primary.active, .input-type-file .inputfile + label strong.primary:hover { background-color: #10b6e8; }
.input-type-file .inputfile + label strong.secondary { background-color: #334165; color: #000; }
.input-type-file .inputfile + label strong.secondary.active, .input-type-file .inputfile + label strong.secondary:hover { background-color: #445787; }
.input-type-file .inputfile + label strong.success { background-color: #4dad71; color: #fff; }
.input-type-file .inputfile + label strong.success.active, .input-type-file .inputfile + label strong.success:hover { background-color: #3d8a5a; }
.input-type-file .inputfile + label strong.danger { background-color: #f00; color: #fff; }
.input-type-file .inputfile + label strong.danger.active, .input-type-file .inputfile + label strong.danger:hover { background-color: #cc0000; }
.input-type-file .inputfile + label strong.alert { background-color: #b7b7b7; color: #ffffff; }
.input-type-file .inputfile + label strong.alert.active, .input-type-file .inputfile + label strong.alert:hover { background-color: #9e9e9e; }
.input-type-file .inputfile + label strong.warning { background-color: #f1d61c; color: #fff; }
.input-type-file .inputfile + label strong.warning.active, .input-type-file .inputfile + label strong.warning:hover { background-color: #cdb50d; }
.input-type-file .inputfile + label .fa { margin-right: 0.3125em; }

.input-type-select { overflow: hidden; position: relative; }
.input-type-select:before, .input-type-select:after { content: ""; pointer-events: none; }
.input-type-select:before { content: ""; position: absolute; right: 0; top: 0; background-color: transparent; width: 2.5em; height: 100%; }
.input-type-select:after { height: 0; width: 0; border-left: 0.375em solid transparent; border-right: 0.375em solid transparent; border-top: 0.375em solid #000; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0.875em; }

span.has-error, span.error, label.has-error, label.error { color: #fff; display: inline-block; font-size: 0.875em; margin-top: 0.625em; background: rgba(255, 0, 0, 0.6705882353); font-weight: 400; padding: 3px 5px; letter-spacing: 1px; border-radius: 3px; }

.radios, .checkboxes { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }
.radios label, .checkboxes label { font-size: 0.875em; display: inline-block; position: relative; cursor: pointer; }
.radios.custom label, .checkboxes.custom label { padding-left: 1.25em; }

.checkboxes .checkbox { margin-right: 0.625em; }
.checkboxes.custom .checkbox input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.checkboxes.custom .checkbox input[type="checkbox"]:checked + label:before { background-color: #a9b9c3; }
.checkboxes.custom .checkbox input[type="checkbox"]:checked + label:after { display: block; }
.checkboxes.custom .checkbox label:before { border-radius: 3px; margin-right: 0.3125em; vertical-align: middle; border: 1px solid #a9b9c3; left: 0; }
.checkboxes.custom .checkbox label:before, .checkboxes.custom .checkbox label:after { content: ""; display: inline-block; height: 0.9375em; width: 0.9375em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.checkboxes.custom .checkbox label:after { font-family: "FontAwesome"; content: ""; color: #fff; left: 0.25em; font-size: 0.625em; display: none; }

.radios .radio { margin-right: 0.625em; }
.radios .radio:last-child { margin: 0; }
.radios.custom .radio input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.radios.custom .radio input[type="radio"]:checked + label:after { background-color: #8ba1ae; display: block; }
.radios.custom .radio label:before { border-radius: 3px; margin-right: 0.3125em; vertical-align: middle; border: 1px solid #8ba1ae; left: 0; height: 0.9375em; width: 0.9375em; }
.radios.custom .radio label:before, .radios.custom .radio label:after { content: ""; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; }
.radios.custom .radio label:after { left: 0.25em; font-size: 0.625em; display: none; height: 1em; width: 1em; }

.form-layout { font-size: 1.0625rem; padding-bottom: 1.25em; }
.form-layout .form-field.wo-label { display: flex; align-items: flex-end; }
.form-layout .form-field label a { color: #3FADF8; }
@media (min-width: 768px) { .form-layout .form-row { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-basis: 100%; } }
.form-layout .form-row.fixed { position: absolute; left: 0; bottom: 0; width: 100%; }
.form-layout .form-row .grid-1 { flex: 0 0 8.3333333333%; }
.form-layout .form-row .grid-2 { flex: 0 0 16.6666666667%; }
.form-layout .form-row .grid-3 { flex: 0 0 25%; }
.form-layout .form-row .grid-4 { flex: 0 0 33.3333333333%; }
.form-layout .form-row .grid-5 { flex: 0 0 41.6666666667%; }
.form-layout .form-row .grid-6 { flex: 0 0 50%; }
.form-layout .form-row .grid-7 { flex: 0 0 58.3333333333%; }
.form-layout .form-row .grid-8 { flex: 0 0 66.6666666667%; }
.form-layout .form-row .grid-9 { flex: 0 0 75%; }
.form-layout .form-row .grid-10 { flex: 0 0 83.3333333333%; }
.form-layout .form-row .grid-11 { flex: 0 0 91.6666666667%; }
.form-layout .form-row .grid-12 { flex: 0 0 100%; }
.form-layout .form-row:last-child .form-field { padding-bottom: 0; padding-right: 0; }
.form-layout .sub-form-row { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; flex-basis: 100%; }
.form-layout .form-field { padding-bottom: 0.9375em; }
@media (min-width: 768px) { .form-layout .form-field { flex-basis: 100%; padding-left: 0.625em; padding-right: 0.625em; flex: 1 0 0; } }
.form-layout .form-field:first-child { padding-left: 0; }
.form-layout .form-field:last-child { padding-right: 0; }
.form-layout .form-field.mandatory > label:after { content: "*"; font-size: 0.75em; display: inline-block; margin-left: 0.1875em; color: #f00; }
.form-layout .form-field.lg { font-size: 1.125rem; }
.form-layout .form-field.sm { font-size: 0.875rem; }
.form-layout .form-field > label { padding-bottom: 0.3125em; display: block; color: #8ca4af; font-size: 0.875em; }
.form-layout .form-field .input-group { display: -webkit-flex; display: -ms-flex; display: flex; }
.form-layout .form-field .input-group .addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-layout .form-field .input-group .addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-layout .form-field .input-group input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-layout .form-field .input-group input:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-layout .form-field .addon { padding: 0.875em 1.25em; background-color: #e5eaed; font-size: 0.875em; border-radius: 0.3125em; line-height: 15px; }

.form-layout.animated { position: relative; }
.form-layout.animated .form-field { position: relative; padding-bottom: 8px; }
.form-layout.animated .form-field.static > label { position: static; pointer-events: all; }
.form-layout.animated .form-field.static input[type="color"], .form-layout.animated .form-field.static input[type="date"], .form-layout.animated .form-field.static input[type="datetime"], .form-layout.animated .form-field.static input[type="datetime-local"], .form-layout.animated .form-field.static input[type="email"], .form-layout.animated .form-field.static input[type="month"], .form-layout.animated .form-field.static input[type="number"], .form-layout.animated .form-field.static input[type="password"], .form-layout.animated .form-field.static input[type="search"], .form-layout.animated .form-field.static input[type="tel"], .form-layout.animated .form-field.static input[type="text"], .form-layout.animated .form-field.static input[type="time"], .form-layout.animated .form-field.static input[type="url"], .form-layout.animated .form-field.static input[type="week"], .form-layout.animated .form-field.static input:not([type]), .form-layout.animated .form-field.static textarea, .form-layout.animated .form-field.static select, .form-layout.animated .form-field.static textarea { padding: 0.625em 0; }
.form-layout.animated .form-field.error > label { color: #a90000; }
.form-layout.animated .form-field.error input[type="color"], .form-layout.animated .form-field.error input[type="date"], .form-layout.animated .form-field.error input[type="datetime"], .form-layout.animated .form-field.error input[type="datetime-local"], .form-layout.animated .form-field.error input[type="email"], .form-layout.animated .form-field.error input[type="month"], .form-layout.animated .form-field.error input[type="number"], .form-layout.animated .form-field.error input[type="password"], .form-layout.animated .form-field.error input[type="search"], .form-layout.animated .form-field.error input[type="tel"], .form-layout.animated .form-field.error input[type="text"], .form-layout.animated .form-field.error input[type="time"], .form-layout.animated .form-field.error input[type="url"], .form-layout.animated .form-field.error input[type="week"], .form-layout.animated .form-field.error input:not([type]), .form-layout.animated .form-field.error textarea, .form-layout.animated .form-field.error select, .form-layout.animated .form-field.error textarea { border-color: #a90000; background-color: #fdeded; color: #a90000; }
.form-layout.animated .form-field input[type="color"], .form-layout.animated .form-field input[type="date"], .form-layout.animated .form-field input[type="datetime"], .form-layout.animated .form-field input[type="datetime-local"], .form-layout.animated .form-field input[type="email"], .form-layout.animated .form-field input[type="month"], .form-layout.animated .form-field input[type="number"], .form-layout.animated .form-field input[type="password"], .form-layout.animated .form-field input[type="search"], .form-layout.animated .form-field input[type="tel"], .form-layout.animated .form-field input[type="text"], .form-layout.animated .form-field input[type="time"], .form-layout.animated .form-field input[type="url"], .form-layout.animated .form-field input[type="week"], .form-layout.animated .form-field input:not([type]), .form-layout.animated .form-field textarea, .form-layout.animated .form-field select, .form-layout.animated .form-field textarea { padding: 1.25em 0.625em 0.5em; }
.form-layout.animated .form-field .error, .form-layout.animated .form-field .invalid_error { font-size: 0.6875em; color: #f00; padding: 0.3125em 0; }
.form-layout.animated .form-field > label { width: 98%; pointer-events: none; position: absolute; -webkit-transform-origin: left top; -o-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; left: 0.625em; top: 0.9375em; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; z-index: 2; }
.form-layout.animated .form-field.focused > label { top: 0.3125em; -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.search-bar { position: relative; }
.search-bar input[type="color"], .search-bar input[type="date"], .search-bar input[type="datetime"], .search-bar input[type="datetime-local"], .search-bar input[type="email"], .search-bar input[type="month"], .search-bar input[type="number"], .search-bar input[type="password"], .search-bar input[type="search"], .search-bar input[type="tel"], .search-bar input[type="text"], .search-bar input[type="time"], .search-bar input[type="url"], .search-bar input[type="week"], .search-bar input:not([type]), .search-bar textarea { border-radius: 50px; padding-right: 3.75em; }
.search-bar .search-btn { position: absolute; right: 0; top: 0; height: 100%; width: 50px; background-color: transparent; color: #3AC7F1; border: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0; font-size: 1.25em; }

.form-layout.two-layout-coloumn { padding: 0.625em; background: #fff; border-radius: 0.3125em; }

.box-btn.login-fb { display: flex; align-items: center; padding: 0.625em; background-color: #4D6FA9; color: #fff; width: 100%; justify-content: center; }
@media (max-width: 400px) { .box-btn.login-fb { font-size: 12px; } }
.box-btn.login-fb span { padding-left: 0.625em; }

.login-container { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; position: fixed; max-width: 400px; }

.hero-banner.type1 { background-color: #ddd; }

table { width: 100%; overflow: auto; margin-bottom: 2.5em; }
table tr td, table tr th { padding: 0.625em; }
table tr:nth-child(even) { background-color: #fff; }
table tr:nth-child(odd) { background-color: #f9f9f9; }
table tr th { background-color: #eaeef1; color: #7c9099; text-align: left; font-weight: 800; padding: 0.9375em 0.625em; text-transform: uppercase; border-radius: 0.3125em 0.3125em 0 0; }
table tr td { padding: 1.25em 0.625em; }
table.strip tr:nth-child(even) { background-color: #eee; }

.responsive-table { padding-bottom: 2.5em; }
@media (min-width: 768px) { .responsive-table dl ul { display: -webkit-flex; display: -ms-flex; display: flex; } }
.responsive-table dl li { display: -webkit-flex; display: -ms-flex; display: flex; flex: 1 0 0; }
.responsive-table dl li:nth-child(1) { flex-basis: 4%; }
.responsive-table dl li:nth-child(2) { flex-basis: 49%; }
.responsive-table dl li:nth-child(3) { flex-basis: 44%; }
.responsive-table dl li:nth-child(4) { flex-basis: 4%; }
.responsive-table dl li:nth-child(5) { flex-basis: 49%; }
.responsive-table dl li:nth-child(6) { flex-basis: 44%; }
.responsive-table dl li:nth-child(7) { flex-basis: 4%; }
.responsive-table dl li:nth-child(8) { flex-basis: 49%; }
.responsive-table dl li:nth-child(9) { flex-basis: 44%; }
.responsive-table dl li:nth-child(10) { flex-basis: 4%; }
.responsive-table dl li:nth-child(11) { flex-basis: 49%; }
.responsive-table dl li:nth-child(12) { flex-basis: 44%; }
.responsive-table dl li:nth-child(13) { flex-basis: 4%; }
.responsive-table dl li:nth-child(14) { flex-basis: 49%; }
.responsive-table dl li:nth-child(15) { flex-basis: 44%; }
.responsive-table dl li:nth-child(16) { flex-basis: 4%; }
.responsive-table dl li:nth-child(17) { flex-basis: 49%; }
.responsive-table dl li:nth-child(18) { flex-basis: 44%; }
.responsive-table dl li:nth-child(19) { flex-basis: 4%; }
.responsive-table dl li:nth-child(20) { flex-basis: 49%; }
.responsive-table dl li:nth-child(21) { flex-basis: 44%; }
.responsive-table dl li:nth-child(22) { flex-basis: 4%; }
.responsive-table dl li:nth-child(23) { flex-basis: 49%; }
.responsive-table dl li:nth-child(24) { flex-basis: 44%; }
.responsive-table dl li:nth-child(25) { flex-basis: 4%; }
.responsive-table dl li:nth-child(26) { flex-basis: 49%; }
.responsive-table dl li:nth-child(27) { flex-basis: 44%; }
.responsive-table dl li:nth-child(28) { flex-basis: 4%; }
.responsive-table dl li:nth-child(29) { flex-basis: 49%; }
.responsive-table dl li:nth-child(30) { flex-basis: 44%; }
.responsive-table dl li .col { flex: 1 0 0; }
@media (min-width: 768px) { .responsive-table dl dt { display: block; background-color: #eaeef1; color: #7c9099; border-radius: 0.3125em 0.3125em 0 0; } }
@media (max-width: 767px) { .responsive-table dl dt { display: none; } }
.responsive-table dl dt .col { padding: 0.9375em 0.625em; text-transform: uppercase; font-weight: 800; }
.responsive-table dl dd { border-bottom: 1px solid #eceeed; background-color: #fff; font-size: 1em; color: #8ba3bb; }
.responsive-table dl dd .col { padding: 1.25em 0.625em; }
.responsive-table dl dd .col.highlight { color: #020202; }
.responsive-table dl dd:hover { -webkit-box-shadow: 0 0 1.5625em rgba(51, 65, 101, 0.5); -o-box-shadow: 0 0 1.5625em rgba(51, 65, 101, 0.5); -moz-box-shadow: 0 0 1.5625em rgba(51, 65, 101, 0.5); -ms-box-shadow: 0 0 1.5625em rgba(51, 65, 101, 0.5); box-shadow: 0 0 1.5625em rgba(51, 65, 101, 0.5); position: relative; z-index: 5; }
.responsive-table dl a.link { color: #07a3f6; }
.responsive-table dl .cta { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; }
.responsive-table dl .cta a { display: block; margin-right: 0.625em; color: #79919b; }
.responsive-table dl .cta a:last-child { margin: 0; }

.dataTables_wrapper .dataTables_length { width: 50%; padding: 0.4375em 0; }
.dataTables_wrapper .dataTables_length select { display: inline-block; width: auto; background-color: #fff; padding: 0.3125em; margin: 0 0.3125em; }
.dataTables_wrapper .dataTables_filter { width: 50%; }
.dataTables_wrapper .dataTables_filter input { display: inline-block; width: auto; }
.dataTables_wrapper .data-table { padding-top: 1.25em; margin-bottom: 1.25em; }
.dataTables_wrapper .dataTables_info { padding-top: 0.3125em; }
.dataTables_wrapper .paging_simple_numbers { padding: 0; }
.dataTables_wrapper .paging_simple_numbers .paginate_button { background-color: #fff; border: 1px solid #e9edee !important; color: #8eabaf !important; margin: 0 0.125em; border-radius: 0.3125em; }
.dataTables_wrapper .paging_simple_numbers .paginate_button.disabled { background: #fff; opacity: 0.5; }
.dataTables_wrapper .paging_simple_numbers .paginate_button.current { color: #d8dde0 !important; background: #fff; }
.dataTables_wrapper .paging_simple_numbers .paginate_button.current:hover { background: #fff; color: #d8dde0 !important; }
.dataTables_wrapper .paging_simple_numbers .paginate_button:hover { background: #fff; color: #8eabaf !important; }
.dataTables_wrapper .paging_simple_numbers > span { display: inline-block; }

.ui-sortable-helper { display: table; }

.message { padding: 0.625em; font-size: 1.125em; font-weight: 400; margin: 0.625em 0; border-radius: 0.3125em; position: relative; text-transform: capitalize; background-color: #3B7BE0; color: #fff; }
.message .btn.close { width: 20px; height: 20px; position: relative; position: absolute; right: 0.625em; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
.message .btn.close:before, .message .btn.close:after { width: 80%; height: 2px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; content: ""; }
.message .btn.close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.message .btn.close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.message .close-btn { position: absolute; right: 0; top: 12px; }
.message .close-btn:after, .message .close-btn:before { background-color: #fff; }
.message p { font-size: 1em; line-height: 1.5em; }
.message p:last-child { padding: 0; margin: 0; }
.message.success { background-color: #4dad71; color: #fff; }
.message.danger { background-color: #f00; color: #fff; }
.message.alert { background-color: #b7b7b7; color: #ffffff; }
.message.alert .btn.close { width: 20px; height: 20px; position: relative; position: absolute; right: 0.625em; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.message.alert .btn.close:before, .message.alert .btn.close:after { width: 80%; height: 2px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; content: ""; }
.message.alert .btn.close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.message.alert .btn.close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.message.warning { background-color: #f1d61c; color: #fff; }

.toast-message { position: fixed; right: 10px; width: 100%; max-width: 180px; border-radius: 0.3125em; padding: 0.625em 0.9375em; font-size: 1.125em; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.toast-message.primary { background-color: #3AC7F1; color: #fff; }
.toast-message.secondary { background-color: #334165; color: #000; }
.toast-message.success { background-color: #4dad71; color: #fff; }
.toast-message.danger { background-color: #f00; color: #fff; }
.toast-message.alert { background-color: #b7b7b7; color: #ffffff; }
.toast-message.warning { background-color: #f1d61c; color: #fff; }
.toast-message p:last-child { padding: 0; margin: 0; }
.toast-message.primary { background-color: #3AC7F1; color: #fff; }
.toast-message.secondary { background-color: #334165; color: #000; }
.toast-message.success { background-color: #4dad71; color: #fff; }
.toast-message.danger { background-color: #f00; color: #fff; }
.toast-message.alert { background-color: #b7b7b7; color: #ffffff; }
.toast-message.warning { background-color: #f1d61c; color: #fff; }
.toast-message.top-left { left: -120%; top: 70px; }
.toast-message.top-left.active { left: 0.625em; }
.toast-message.top-right { top: 70px; right: -120%; }
.toast-message.top-right.active { right: 0.625em; }
.toast-message.bottom-right { right: -120%; bottom: 70px; }
.toast-message.bottom-right.active { right: 0.625em; }
.toast-message.bottom-left { left: -120%; bottom: 70px; }
.toast-message.bottom-left.active { left: 0.625em; }
.toast-message.top-center { -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: -300px; }
.toast-message.top-center.active { top: 70px; }
.toast-message.bottom-center { left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -300px; }
.toast-message.bottom-center.active { bottom: 80px; }

.pop-messages { position: fixed; left: 50%; top: -120%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1020; background-color: #fff; padding: 1.25em; -webkit-box-shadow: 0 0 20px #444; -o-box-shadow: 0 0 20px #444; -moz-box-shadow: 0 0 20px #444; -ms-box-shadow: 0 0 20px #444; box-shadow: 0 0 20px #444; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; max-width: 400px; }
.pop-messages.show { top: 0.625em; }
.pop-messages p { font-size: 1.125em; }
.pop-messages .btn.close.close { width: 25px; height: 25px; position: relative; position: absolute; right: 0.3125em; top: 0.3125em; cursor: pointer; }
.pop-messages .btn.close.close:before, .pop-messages .btn.close.close:after { width: 80%; height: 2px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000; content: ""; }
.pop-messages .btn.close.close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.pop-messages .btn.close.close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.pop-messages .cta { text-align: center; padding-top: 0.625em; }

.breadcrumb { display: -webkit-flex; display: -ms-flex; display: flex; padding: 0.625em 0; margin-bottom: 0.9375em; border-bottom: 1px solid #e8e9ed; }
.breadcrumb .breadcrumb-item { position: relative; padding-right: 0.9375em; margin-right: 0.625em; color: #90a4ab; }
.breadcrumb .breadcrumb-item:last-child { margin: 0; padding: 0; }
.breadcrumb .breadcrumb-item:last-child:after { display: none; }
.breadcrumb .breadcrumb-item:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.125em; content: "/"; color: #98a1b7; }
.breadcrumb .breadcrumb-item a { color: #05b1f3; font-weight: 300; font-size: 1em; }
.breadcrumb .breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb .breadcrumb-item.current { font-weight: 600; }

.social-media ul::after { clear: both; content: ""; display: table; }
.social-media li { display: inline-block; vertical-align: middle; }
.social-media li a { display: block; height: 40px; width: 40px; position: relative; background-color: #0d91b8; font-size: 1.125em; border-radius: 50%; color: #fff; }
.social-media li a:hover { background-color: #0a6b88; }
.social-media li a .fa { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.accordion, .inner-accordion { margin-bottom: 1.875em; }
.accordion dl, .inner-accordion dl { margin-bottom: 0.625em; }
.accordion dl.active dt.type-1:before, .inner-accordion dl.active dt.type-1:before { -webkit-transform: translateY(-50%) rotate(137deg); -o-transform: translateY(-50%) rotate(137deg); -moz-transform: translateY(-50%) rotate(137deg); -ms-transform: translateY(-50%) rotate(137deg); transform: translateY(-50%) rotate(137deg); }
.accordion dl.active dt.type-2:after, .inner-accordion dl.active dt.type-2:after { -webkit-transform: translateY(-50%) rotate(137deg); -o-transform: translateY(-50%) rotate(137deg); -moz-transform: translateY(-50%) rotate(137deg); -ms-transform: translateY(-50%) rotate(137deg); transform: translateY(-50%) rotate(137deg); }
.accordion dl dt, .inner-accordion dl dt { padding: 0.75em; color: #000; font-size: 1.0625em; font-weight: 400; cursor: pointer; position: relative; padding-right: 25px; line-height: 20px; background-color: #F6F6F6; display: flex; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.accordion dl dd, .inner-accordion dl dd { padding: 0.625em 0.3125em 1.6875em; background-color: #fff; display: none; font-size: 1em; line-height: 22px; color: #000; font-weight: 300; }
.accordion.type-1 dt, .inner-accordion.type-1 dt { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.accordion.type-1 dt:before, .inner-accordion.type-1 dt:before { font-family: "FontAwesome"; content: ""; margin-right: 0.625em; font-size: 0.875em; }
.accordion.type-2 dt, .inner-accordion.type-2 dt { -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.accordion.type-2 dt:after, .inner-accordion.type-2 dt:after { content: ""; width: 10px; height: 10px; position: absolute; right: 10px; top: 50%; transform-origin: center center; -webkit-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); margin-top: -4px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
.accordion.type-2 dd, .inner-accordion.type-2 dd { padding: 0.625em 1em 1.6875em; }
.accordion.type-2 .active dt:after, .inner-accordion.type-2 .active dt:after { -webkit-transform: translateY(-50%) rotate(-225deg); -o-transform: translateY(-50%) rotate(-225deg); -moz-transform: translateY(-50%) rotate(-225deg); -ms-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); }

.tab-nav ul { display: -webkit-flex; display: -ms-flex; display: flex; }
.tab-nav ul li { padding: 0.625em 1.25em; cursor: pointer; background-color: white; }
.tab-nav ul li.active { background-color: #3AC7F1; color: #fff; font-size: 1em; font-weight: 300; }

.tab header { padding: 0.75em; color: #000; font-size: 1.0625em; font-weight: 400; cursor: pointer; position: relative; padding-right: 25px; line-height: 20px; background-color: #F6F6F6; display: flex; margin-bottom: 0.625em; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.tab header:after { content: "+"; position: absolute; right: 0; margin-right: 0.625em; font-size: 1.125em; font-weight: 400; }
.tab header.opened:after { content: "-"; font-size: 1.375em; font-weight: 400; }

.tab-result { padding: 1.25em 0.625em; }

.star-ratings-sprite { background: url("../images/star-rating-sprite.png") repeat-x; font-size: 0; height: 21px; line-height: 0; overflow: hidden; text-indent: -999em; width: 110px; }
.star-ratings-sprite-rating { background: url("../images/star-rating-sprite.png") repeat-x; background-position: 0 100%; float: left; height: 21px; display: block; }

.rating-form { text-align: left; }
.rating-form.type-smiley .rating-star { background: url("../images/smiley.png") no-repeat 0 0; display: block; width: 46px; height: 46px; }
.rating-form.type-smiley .rating-star.five { background-position: -229px -63px; }
.rating-form.type-smiley .rating-star.four { background-position: -171px -63px; }
.rating-form.type-smiley .rating-star.three { background-position: -114px -63px; }
.rating-form.type-smiley .rating-star.two { background-position: -57px -63px; }
.rating-form.type-smiley .rating-star.one { background-position: 0 -63px; }
.rating-form.type-smiley .rating-star .fa { display: none; }
.rating-form.type-smiley input[type='radio']:checked + label .rating-star.five { background-position: -229px 3px; }
.rating-form.type-smiley input[type='radio']:checked + label .rating-star.four { background-position: -171px 3px; }
.rating-form.type-smiley input[type='radio']:checked + label .rating-star.three { background-position: -114px 3px; }
.rating-form.type-smiley input[type='radio']:checked + label .rating-star.two { background-position: -57px 3px; }
.rating-form.type-smiley input[type='radio']:checked + label .rating-star.one { background-position: 0 3px; }
.rating-form .form-group { position: relative; border: 0; }
.rating-form .form-legend { display: none; margin: 0; padding: 0; font-size: 20px; font-size: 2rem; }
.rating-form .form-item { position: relative; margin: auto; direction: rtl; }
.rating-form .form-legend + .form-item { padding-top: 10px; }
.rating-form input[type='radio'] { position: absolute; left: -9999px; }
.rating-form label { display: inline-block; cursor: pointer; }
.rating-form .rating-star { display: inline-block; position: relative; }
.rating-form input[type='radio'] + label:before { display: none; content: attr(data-value); position: absolute; right: 30px; top: 83px; font-size: 30px; font-size: 3rem; opacity: 0; direction: ltr; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.rating-form input[type='radio']:checked + label:before { right: 25px; opacity: 1; }
.rating-form input[type='radio']:checked + label:after { opacity: 1; }
.rating-form input[type='radio'] + label:after { display: none; content: "/ 5"; position: absolute; right: 5px; top: 96px; font-size: 16px; font-size: 1.6rem; opacity: 0; direction: ltr; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.rating-form label .fa { font-size: 60px; font-size: 1.5625em; line-height: 1.875em; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.rating-form label:hover .fa-star-o, .rating-form label:focus .fa-star-o, .rating-form label:hover ~ label .fa-star-o, .rating-form label:focus ~ label .fa-star-o { opacity: 0; }
.rating-form input[type='radio']:checked ~ label .fa-star-o { opacity: 0; }
.rating-form label .fa-star { position: absolute; left: 0; top: 0; opacity: 0; }
.rating-form label:hover .fa-star, .rating-form label:focus .fa-star, .rating-form label:hover ~ label .fa-star, .rating-form label:focus ~ label .fa-star { opacity: 1; }
.rating-form input[type='radio']:checked ~ label .fa-star { opacity: 1; color: gold; }
.rating-form .ir { position: absolute; left: -9999px; }
.rating-form .form-action { opacity: 0; position: absolute; left: 5px; bottom: -40px; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.rating-form input[type='radio']:checked ~ .form-action { cursor: pointer; opacity: 1; }
.rating-form .btn-reset { display: inline-block; margin: 0; padding: 4px 10px; border: 0; font-size: 10px; font-size: 1rem; background: #fff; color: #333; cursor: auto; border-radius: 5px; outline: 0; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.rating-form .btn-reset:hover, .rating-form .btn-reset:focus { background: gold; }
.rating-form input[type='radio']:checked ~ .form-action .btn-reset { cursor: pointer; }
.rating-form .form-output { display: none; position: absolute; right: 15px; bottom: -45px; font-size: 30px; font-size: 3rem; opacity: 0; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.no-js .rating-form .form-output, .rating-form input[type='radio']:checked ~ .form-output { right: 5px; opacity: 1; }

.pagination { margin-bottom: 1.25em; }
.pagination.lg { font-size: 1.25em; }
.pagination.sm { font-size: 0.875em; }
.pagination ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }
.pagination ul .page-item:first-child .page-link { margin-left: 0; border-radius: 0.1875em 0 0 0.1875em; }
.pagination ul .page-item:last-child .page-link { border-radius: 0 0.1875em 0.1875em 0; }
.pagination ul .page-item .page-link.active, .pagination ul .page-item .page-link:hover { background-color: #3AC7F1; color: #fff; }
.pagination ul .page-item .page-link { background-color: #fff; padding: 0.625em; min-width: 2.5em; text-align: center; border: 1px solid #3AC7F1; margin-left: -1px; display: block; font-size: 1.125em; }
.pagination ul .page-item:last-child { border: none; }

.fa-times-thin:before { content: "×"; }

.overlay-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.overlay-box .container { width: 100%; }
.overlay-box.opened { top: 0; visibility: visible; opacity: 1; }
.overlay-box.opened .overlay { top: 0; visibility: visible; opacity: 1; }
.overlay-box.opened .overlay-bg { opacity: 1; visibility: visible; }
.overlay-box .close-btn { width: 35px; font-size: 1.25em; font-weight: 300; position: absolute; top: 10px; right: 0; cursor: pointer; }
.overlay-box .close-btn .fa { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: normal; }
.overlay-box .overlay-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.overlay-box .overlay { background-color: #fff; z-index: 1001; position: absolute; width: 80%; margin: auto; position: relative; top: 200px; opacity: 0; visibility: hidden; transition-delay: 0.5s; border-radius: 5px; -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1); -moz-transition: all 0.5s cubic-bezier(1, 0, 0, 1); transition: all 0.5s cubic-bezier(1, 0, 0, 1); overflow: hidden; }
@media (min-width: 1024px) { .overlay-box .overlay { max-width: 800px; } }
.overlay-box .overlay > header { position: absolute; left: 0; top: 0; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; z-index: 10; background-color: #eaeef0; font-size: 1em; display: flex; justify-content: space-between; padding: 0.625em; height: 40px; }
.overlay-box .overlay > header h2 { padding: 0.625em; flex: 1; }
.overlay-box .overlay > main { overflow: auto; width: 100%; height: 100%; max-height: 100vh; padding: 0.625em; padding-top: 40px; }
.overlay-box.type-2 .back-btn { border-right: 1px solid #afbec6; width: 50px; }
@media (max-width: 1023px) { .overlay-box.type-2 { display: block; background-color: #fff; }
  .overlay-box.type-2 .overlay { left: 0; height: 100%; width: 100%; min-height: 0; max-height: none; }
  .overlay-box.type-2 .overlay > main { height: 100vh; } }
.overlay-box.type-2 .overlay { right: -100%; top: 0; left: auto; border-radius: 0; }
@media (min-width: 1024px) { .overlay-box.type-2 .overlay { max-width: 600px; height: 100vh; position: fixed; -webkit-transform: none; -o-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } }
.overlay-box.type-2.opened .overlay { right: 0; visibility: visible; opacity: 1; }
.overlay-box.type-3 .overlay { position: absolute; bottom: 0; width: 100%; border-radius: 0; top: unset; }
.overlay-box.type-3 .overlay main { min-height: 200px; }

.auth-box { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 400px; width: 100%; background-color: #fff; -webkit-box-shadow: 0 0 20px #e6e6e6; -o-box-shadow: 0 0 20px #e6e6e6; -moz-box-shadow: 0 0 20px #e6e6e6; -ms-box-shadow: 0 0 20px #e6e6e6; box-shadow: 0 0 20px #e6e6e6; border-radius: 1.25em; padding: 0.9375em 1.875em; }
.auth-box .auth-header { padding: 1.25em 0.9375em; text-align: center; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; font-size: 1.375em; color: #7797a6; margin-top: -0.9375em; }
.auth-box .auth-content .input-group { position: relative; }
.auth-box .auth-content .input-group .addon { position: absolute; left: 0.625em; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; padding: 0; font-size: 1.25em; color: #b4c6cf; }
.auth-box .auth-content .input-group .addon .fa { width: 20px; text-align: center; }
.auth-box .auth-content .input-group input[type="color"], .auth-box .auth-content .input-group input[type="date"], .auth-box .auth-content .input-group input[type="datetime"], .auth-box .auth-content .input-group input[type="datetime-local"], .auth-box .auth-content .input-group input[type="email"], .auth-box .auth-content .input-group input[type="month"], .auth-box .auth-content .input-group input[type="number"], .auth-box .auth-content .input-group input[type="password"], .auth-box .auth-content .input-group input[type="search"], .auth-box .auth-content .input-group input[type="tel"], .auth-box .auth-content .input-group input[type="text"], .auth-box .auth-content .input-group input[type="time"], .auth-box .auth-content .input-group input[type="url"], .auth-box .auth-content .input-group input[type="week"], .auth-box .auth-content .input-group input:not([type]), .auth-box .auth-content .input-group textarea { padding-left: 3.125em; }

.list-group { display: -webkit-flex; display: -ms-flex; display: flex; flex-flow: row; flex-direction: column; }
.list-group .list-group-item { padding: 0.625em; background-color: #fff; border: 1px solid #d4dce3; margin-bottom: -1px; }
.list-group .list-group-item.primary { background-color: #3AC7F1; color: #fff; }
.list-group .list-group-item.secondary { background-color: #334165; color: #000; }
.list-group .list-group-item.success { background-color: #4dad71; color: #fff; }
.list-group .list-group-item.danger { background-color: #f00; color: #fff; }
.list-group .list-group-item.alert { background-color: #b7b7b7; color: #ffffff; }
.list-group .list-group-item.warning { background-color: #f1d61c; color: #fff; }
.list-group .list-group-item:first-child { border-top-left-radius: 0.1875em; border-top-right-radius: 0.1875em; }
.list-group .list-group-item:last-child { border-bottom-left-radius: 0.1875em; border-bottom-right-radius: 0.1875em; }

.tip-yellowsimple { z-index: 1000; text-align: left; border: 1px solid #c7bf93; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px 8px; min-width: 50px; max-width: 300px; color: #000; background-color: #fff9c9; /** - If you set a background-image, border/padding/background-color will be ingnored. You can set any padding to .tip-inner instead if you need. - If you want a tiled background-image and border/padding for the tip, set the background-image to .tip-inner instead. */ }

.tip-yellowsimple .tip-inner { font: 12px/16px arial,helvetica,sans-serif; }

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top { margin-top: -6px; margin-left: -5px; /* approx. half the width to center it */ top: 0; left: 50%; width: 9px; height: 6px; background: url(/images/tip-yellowsimple_arrows.gif) no-repeat; }

.tip-yellowsimple .tip-arrow-right { margin-top: -4px; /* approx. half the height to center it */ margin-left: 0; top: 50%; left: 100%; width: 6px; height: 9px; background: url(/images/tip-yellowsimple_arrows.gif) no-repeat -9px 0; }

.tip-yellowsimple .tip-arrow-bottom { margin-top: 0; margin-left: -5px; /* approx. half the width to center it */ top: 100%; left: 50%; width: 9px; height: 6px; background: url(/images/tip-yellowsimple_arrows.gif) no-repeat -18px 0; }

.tip-yellowsimple .tip-arrow-left { margin-top: -4px; /* approx. half the height to center it */ margin-left: -6px; top: 50%; left: 0; width: 6px; height: 9px; background: url(/images/tip-yellowsimple_arrows.gif) no-repeat -27px 0; }

.panel { height: 100%; }
.panel .panel-heading { display: flex; padding: 1.25em 1.25em; }
.panel .panel-body { padding: 0.625em 1.25em; }
.panel.panel-default .panel-heading { background-color: #eeeeee; }
.panel.panel-default .panel-body { background-color: #fff; }
.panel.card-view { background-color: #fff; border-radius: 0.3125em; border: 1px solid #e6e6e6; }
.panel.panel-border .panel-heading { border-bottom: 1px solid #e6e6e6; }

/* Table styles */
table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* Header and footer styles */ /* Body styles */ }

table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; }

table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active { outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right; }

table.dataTable thead .sorting { background-image: url("../images/sort_both.png"); }

table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); }

table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); }

table.dataTable thead .sorting_asc_disabled { background-image: url("../images/sort_asc_disabled.png"); }

table.dataTable thead .sorting_desc_disabled { background-image: url("../images/sort_desc_disabled.png"); }

table.dataTable tbody tr { background-color: #ffffff; }

table.dataTable tbody tr.selected { background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; }

table.dataTable.no-footer { border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td { box-sizing: content-box; }

/* Control feature layout */
.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; }

.dataTables_wrapper .dataTables_length { float: left; }

.dataTables_wrapper .dataTables_filter { float: right; text-align: right; }

.dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }

.dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; }

.dataTables_wrapper .dataTables_scroll { clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; }

.dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } }
@media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before { top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }

table.dataTable > tbody > tr.child { padding: 0.5em 1em; }

table.dataTable > tbody > tr.child:hover { background: transparent !important; }

table.dataTable > tbody > tr.child ul.dtr-details { display: block; list-style-type: none; margin: 0; padding: 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none; }

table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }

div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }

div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }

div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }

div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }

div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }

div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce { from,
    20%,
    53%,
    80%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
    43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
    20%,
    53%,
    80%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
    43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from,
    50%,
    to { opacity: 1; }
  25%,
    75% { opacity: 0; } }
@keyframes flash { from,
    50%,
    to { opacity: 1; }
  25%,
    75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from,
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from,
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
    30%,
    50%,
    70%,
    90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
    40%,
    60%,
    80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
    20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
    50%,
    70%,
    90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
    60%,
    80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
    20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
    50%,
    70%,
    90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
    60%,
    80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from,
    11.1%,
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { from,
    11.1%,
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from,
    20%,
    40%,
    60%,
    80%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from,
    20%,
    40%,
    60%,
    80%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
    45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
    60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
    80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
    60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
    80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before { display: table; content: ""; }
.slick-track:after { display: table; content: ""; clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide:focus { outline: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 50px; height: 50px; text-indent: -999px; background-color: transparent; border: none; overflow: hidden; cursor: pointer; }
@media (max-width: 767px) { .slick-arrow { top: 40%; } }
@media (min-width: 768px) { .slick-arrow { top: 40%; } }
.slick-arrow:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; width: 30px; border: 5px solid #000; -webkit-transform: rotate(45deg) translate(-50%, -50%); -o-transform: rotate(45deg) translate(-50%, -50%); -moz-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); transform-origin: center center; }
.slick-arrow.slick-prev { left: 0; }
.slick-arrow.slick-prev:before { background-position: -77px -144px; border-top-color: transparent; border-right-color: transparent; -webkit-transform: rotate(45deg) translate(-70%, -10%); -o-transform: rotate(45deg) translate(-70%, -10%); -moz-transform: rotate(45deg) translate(-70%, -10%); -ms-transform: rotate(45deg) translate(-70%, -10%); transform: rotate(45deg) translate(-70%, -10%); }
.slick-arrow.slick-prev.slick-disabled { display: none !important; }
.slick-arrow.slick-next { right: 0; }
.slick-arrow.slick-next:before { -webkit-transform: rotate(45deg) translate(-70%, -10%); -o-transform: rotate(45deg) translate(-70%, -10%); -moz-transform: rotate(45deg) translate(-70%, -10%); -ms-transform: rotate(45deg) translate(-70%, -10%); transform: rotate(45deg) translate(-70%, -10%); border-bottom-color: transparent; border-left-color: transparent; background-position: -88px -144px; }
.slick-arrow.slick-next.slick-disabled { display: none !important; }

.slick-dots { text-align: center; }
@media (min-width: 1025px) { .slick-dots { padding-top: 15px; } }
.slick-dots li { display: inline-block; padding: 0 5px; }
.slick-dots li.slick-active button { background-color: #8e8e8e; border-color: transparent; }
.slick-dots li button { display: block; overflow: hidden; height: 15px; width: 15px; border-radius: 50%; text-indent: -99px; }

.container { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; flex-wrap: wrap; width: 100%; height: 100%; max-width: 1280px; }
@media (min-width: 768px) and (max-width: 1400px) { .container { max-width: 1200px; } }
@media (min-width: 768px) { .container { padding: 0; } }

.landing-section { background: #3AC7F1; text-align: center; }
@media (min-width: 768px) { .landing-section { padding-top: 3em; background: transparent; } }
.landing-section .desc { flex-basis: 45%; margin-top: 1em; text-align: center; }
@media (min-width: 768px) { .landing-section .desc { text-align: left; } }
.landing-section .desc p { font-size: 1.2em; }
@media (min-width: 768px) { .landing-section .desc p { line-height: 30px; } }
.landing-section .section-img { flex-basis: 55%; text-align: center; }
.landing-section .section-img img { width: 70%; margin: 0 auto; }
.landing-section .container { flex-direction: column-reverse; }
@media (min-width: 768px) { .landing-section .container { flex-direction: row; } }
.landing-section h1, .landing-section p { color: #fff; }
@media (min-width: 768px) { .landing-section h1, .landing-section p { color: #334165; } }

@media (min-width: 768px) { .landing-page:before { position: absolute; width: 840px; height: 210px; background: #EDEFF4; content: ""; z-index: -1; border-radius: 100px; top: 10em; right: -290px; transform: rotate(-25deg); } }

@media (min-width: 768px) { .benifits-section { padding-top: 4em; } }
.benifits-section .container { justify-content: center; }
@media (min-width: 768px) { .benifits-section .container { width: 70%; } }
.benifits-section .row { margin-bottom: 3em; }
.benifits-section .list { text-align: left; margin: 1em 0 0.8em; }
.benifits-section .list .row { display: flex; align-items: center; margin-bottom: 0.75em; }
.benifits-section .list p { padding-bottom: 0; }
@media (min-width: 768px) { .benifits-section .right .row { flex-direction: row-reverse; text-align: right; } }
.benifits-section .icons { background: #3AC7F1; border-radius: 50%; padding: 0.25em; margin: 0 0.5em; width: 30px; }
@media (min-width: 768px) { .benifits-section .row { display: flex; }
  .benifits-section .row .section-img { flex-basis: 50%; }
  .benifits-section .row .info { flex-basis: 50%; }
  .benifits-section .row.left .icons { margin-left: 0; }
  .benifits-section .row.right .block { flex-direction: row-reverse; text-align: right; }
  .benifits-section .row.right p { display: flex; flex-direction: row-reverse; }
  .benifits-section .block { display: flex; align-items: center; justify-content: space-between; text-align: left; } }
@media (min-width: 768px) { .benifits-section .benifit-01 { position: relative; }
  .benifits-section .benifit-01 .section-img:after { content: ""; height: 150px; width: 150px; background: #f3f7fb; position: absolute; left: 0%; bottom: -2%; z-index: -1; border-radius: 15px; }
  .benifits-section .benifit-02 .section-img { position: relative; }
  .benifits-section .benifit-02 .section-img:before { content: ""; height: 150px; width: 150px; border-radius: 50%; background: #f3f7fb; position: absolute; right: 0; top: -5%; z-index: -1; }
  .benifits-section .benifit-02 .section-img:after { content: ""; height: 250px; width: 250px; border-radius: 50%; background: #f3f7fb; position: absolute; left: 0; bottom: -5%; z-index: -1; }
  .benifits-section .benifit-03 .section-img { position: relative; }
  .benifits-section .benifit-03 .section-img:before { content: ""; height: 150px; width: 150px; border-radius: 50%; background: #f3f7fb; position: absolute; right: 0; top: -2%; z-index: -1; }
  .benifits-section .benifit-03 .section-img:after { content: ""; height: 200px; width: 200px; border-radius: 50%; background: #f3f7fb; position: absolute; left: -5%; bottom: -5%; z-index: -1; } }
.benifits-section .benifit-03 .section-img { flex-basis: 60%; }
.benifits-section .benifit-03 .info { flex-basis: 40%; }

.page-desc { text-align: left; }
.page-desc .container { flex-direction: column-reverse; }
@media (min-width: 768px) { .page-desc .container { flex-direction: row; align-items: center; width: 100%; } }
.page-desc .desc { flex-basis: 45%; margin-top: 2em; }
@media (min-width: 768px) { .page-desc .desc { margin-top: 0; } }
.page-desc .section-img { flex-basis: 40%; }
.page-desc h4 { color: #7D859A; margin-bottom: 1em; }

.features-section .container { flex-direction: column; width: 100%; }
@media (min-width: 768px) { .features-section .container { width: 65%; } }
.features-section ul { list-style: disc; padding-left: 1.25em; }
.features-section .block { display: flex; align-items: center; flex-direction: column; justify-content: space-around; }
.features-section .block .section-img { width: 70%; margin-right: 3em; margin-bottom: 2em; }
@media (min-width: 768px) { .features-section .block .section-img { margin-bottom: 0; } }
.features-section .block.right { flex-direction: column; justify-content: space-around; }
@media (min-width: 768px) { .features-section .block.right { flex-direction: row-reverse; } }
.features-section .block.right .section-img { margin-left: 3em; }
@media (min-width: 768px) { .features-section .block { flex-direction: row; } }
@media (min-width: 768px) { .features-section h2 { margin-bottom: 0; } }

.contact-section .container { flex-direction: column; align-items: flex-start; }
@media (min-width: 768px) { .contact-section .container { flex-direction: row; } }
.contact-section .desc { flex-basis: 38%; }
.contact-section h6 { margin-bottom: 1em; font-size: 1.4em; color: #7D859A; font-weight: normal; }
.contact-section p a { color: #334165; }
.contact-section .form-container { flex-basis: 62%; width: 100%; }
@media (min-width: 768px) { .contact-section .form-container { padding-left: 2em; } }
.contact-section .form-container .row { display: flex; flex-direction: column; }
@media (min-width: 768px) { .contact-section .form-container .row { flex-direction: row; } }
.contact-section .form-container .form-group { margin-bottom: 1em; flex: 1; }
@media (min-width: 768px) { .contact-section .form-container .form-group { margin-right: 1em; } }
.contact-section .form-container .form-control-label { display: inline-block; padding-bottom: 0.5em; color: #334165; font-size: 0.9em; }
.contact-section .form-container .form-control { background: #FAFAFA; outline: none; }
.contact-section .form-container .input-group-row { display: flex; }
.contact-section .form-container .input-group-row select { flex-basis: 25%; }
@media (min-width: 768px) { .contact-section .form-container .input-group-row select { flex-basis: 20%; } }
.contact-section .form-container .input-group-row input { flex: 1; }
.contact-section .form-container sup { vertical-align: text-top; }
.contact-section .btn { background: #3AC7F1; color: #fff; text-transform: capitalize; border-radius: 3px; }

.pricing-section .container { flex-direction: column; }
.pricing-section .row { display: flex; margin-top: 1em; flex-direction: column; scroll-snap-type: y mandatory; }
@media (min-width: 768px) { .pricing-section .row { display: flex; flex-direction: row; } }
.pricing-section .section-heading { display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 768px) { .pricing-section .section-heading { flex-direction: row; justify-content: space-between; } }
.pricing-section .info { text-align: center; }
@media (min-width: 768px) { .pricing-section .info { text-align: left; } }
.pricing-section .country-dropdown { width: 50%; margin: 1em auto 0; text-align: center; }
@media (min-width: 768px) { .pricing-section .country-dropdown { flex-basis: 8%; width: auto; margin: 0; } }
.pricing-section .form-control-label { display: inline-block; margin-bottom: 0.5em; }
.pricing-section .pricingDropDown { padding: 0.75em; }
.pricing-section .card { flex: 1; margin: 1em; padding: 2em; border-radius: 25px; box-shadow: 0px -6px 36px #e5e6f1; scroll-snap-align: start; display: flex; flex-direction: column; position: relative; overflow: hidden; }
@media (min-width: 768px) { .pricing-section .card { box-shadow: none; } }
.pricing-section .card.focus { box-shadow: 0px -6px 36px #e5e6f1; }
.pricing-section .card.focus:after { position: absolute; color: #fff; content: "Recommended"; width: 163px; height: 30px; background: #3AC7F1; right: -40px; top: 28px; transform: rotate(45deg); font-size: 15px; padding-top: 5px; }
.pricing-section .card img { margin: 1em; }
.pricing-section .card h2 { margin-bottom: 1em; text-transform: uppercase; font-size: 1em; }
.pricing-section .card h4 { font-weight: 400; margin-bottom: 0.75em; }
.pricing-section .card .card-header { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #ddd; }
@media (min-width: 768px) { .pricing-section .card .card-header { min-height: 260px; } }
.pricing-section .card .card-body { flex: 1; }
.pricing-section .card .card-footer { height: 50px; }
.pricing-section .card ul { padding-left: 2em; text-align: left; }
.pricing-section .card ul li { position: relative; }
.pricing-section .card ul li:before { content: ""; background: url(../images/icons/tick-icon.svg); position: absolute; left: -20px; transform: translateY(-50%); top: 22px; height: 26px; width: 26px; background-repeat: no-repeat; }
.pricing-section .card .highlight { color: #F86B03; }
.pricing-section .card .cta { margin-top: 1em; }
.pricing-section .card .btn { text-transform: capitalize; font-weight: 400; padding: 1em 2.4em; letter-spacing: 0; }
.pricing-section .card .btn-secondary-outline { border: 1px solid #ddd; border-radius: 50px; }
.pricing-section .card .btn-primary { background: #3AC7F1; color: #fff; border-radius: 50px; }

.page-not-found .container { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; }
.page-not-found h2 { padding: 1em 0 0.5em; }
.page-not-found img { width: 50%; }
@media (min-width: 768px) { .page-not-found img { width: auto; } }

@media (min-width: 768px) { .about-section .row { display: flex; align-items: center; margin-bottom: 4em; } }
.about-section .block { flex-basis: 50%; min-height: auto; margin: 2em 0 0; }
.about-section .desc { display: flex; flex-direction: column-reverse; }
@media (min-width: 768px) { .about-section .desc { flex-direction: row; } }
.about-section .desc p { color: #334165 !important; padding: 0 !important; }
@media (min-width: 768px) { .about-section .desc p { padding: 1em 0; } }
.about-section .section-img { flex-basis: 50%; text-align: right; }
.about-section .info p { color: #7D859A; padding: 0 !important; margin: 1em 0; }
@media (min-width: 768px) { .about-section .info p { padding-right: 3em !important; } }

.counter { display: flex; justify-content: flex-start; flex-direction: column; margin-top: 1em; }
@media (min-width: 768px) { .counter { flex-direction: row; margin-top: 0; } }
.counter .row { text-align: center; }
@media (min-width: 768px) { .counter .row { margin-right: 2em; } }
.counter .row p { margin-top: 0.5em; text-transform: uppercase; }

.counters .num { background: #334165 none repeat scroll 0 0; border: 1px solid #334165; border-radius: 4px; color: #fff; display: inline-block; height: 40px; line-height: 38px; margin: 0 1.5px; position: relative; text-align: center; top: -1px; width: 40px; font-size: 1.75em; font-weight: 700; font-family: "Abril"; }